@xyo-network/react-chain-blockchain 1.11.0 → 1.12.1

package/dist/browser/index.mjs

@@ -1,7 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/block/BlockHeadingFlexbox.tsx
 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";
 
 // src/context/analyzer/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -9,19 +13,22 @@ var ChainAnalyzersContext = createContextEx();
 
 // src/context/analyzer/Provider.tsx
 import { isUndefined } from "@xylabs/typeof";
-import {
-  useCallback,
-  useMemo,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var ChainAnalyzersProvider = ({ analyzers: analyzersProp, children }) => {
+import React, { useCallback, useMemo, useState } from "react";
+var ChainAnalyzersProvider = /* @__PURE__ */ __name(({ analyzers: analyzersProp, children }) => {
   const [analyzersState, setAnalyzersState] = useState(analyzersProp ?? {});
   const [statsUpdated, setStatsUpdated] = useState(Date.now());
-  const analyzers = useMemo(() => ({ ...analyzersProp, ...analyzersState }), [analyzersProp]);
+  const analyzers = useMemo(() => ({
+    ...analyzersProp,
+    ...analyzersState
+  }), [
+    analyzersProp
+  ]);
   const addAnalyzers = useCallback((analyzers2) => {
     if (isUndefined(analyzers2)) return;
-    setAnalyzersState((prev) => ({ ...prev, ...analyzers2 }));
+    setAnalyzersState((prev) => ({
+      ...prev,
+      ...analyzers2
+    }));
   }, []);
   const onBlock = useCallback(async (hydratedBlock) => {
     await Promise.resolve();
@@ -29,55 +36,64 @@ var ChainAnalyzersProvider = ({ analyzers: analyzersProp, children }) => {
       void analyzer.onBlock(hydratedBlock);
       setStatsUpdated(Date.now());
     }
-  }, [analyzers]);
+  }, [
+    analyzers
+  ]);
   const value = useMemo(() => ({
     analyzers,
     addAnalyzers,
     onBlock,
     statsUpdated,
     provided: true
-  }), [analyzers, addAnalyzers, onBlock, statsUpdated]);
-  return /* @__PURE__ */ jsx(ChainAnalyzersContext, { value, children });
-};
+  }), [
+    analyzers,
+    addAnalyzers,
+    onBlock,
+    statsUpdated
+  ]);
+  return /* @__PURE__ */ React.createElement(ChainAnalyzersContext, {
+    value
+  }, children);
+}, "ChainAnalyzersProvider");
 
 // src/context/analyzer/use.ts
 import { useContextEx } from "@xylabs/react-shared";
-var useChainAnalyzersContext = (required = false) => useContextEx(ChainAnalyzersContext, "ChainAnalyzers", required);
+var useChainAnalyzersContext = /* @__PURE__ */ __name((required = false) => useContextEx(ChainAnalyzersContext, "ChainAnalyzers", required), "useChainAnalyzersContext");
 
 // src/context/chain/Context.ts
 import { createContextEx as createContextEx2 } from "@xylabs/react-shared";
 var ChainInfoContext = createContextEx2();
 
 // src/context/chain/Provider.tsx
-import { useMemo as useMemo2, useState as useState2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ChainInfoProvider = ({
-  children,
-  chainArchivist: chainArchivistProp,
-  chainId: chainIdProp,
-  chainIterator: chainIteratorProp
-}) => {
+import React2, { useMemo as useMemo2, useState as useState2 } from "react";
+var ChainInfoProvider = /* @__PURE__ */ __name(({ children, chainArchivist: chainArchivistProp, chainId: chainIdProp, chainIterator: chainIteratorProp }) => {
   const [chainArchivist, setChainArchivist] = useState2(chainArchivistProp);
   const [chainId, setChainId] = useState2(chainIdProp);
   const [chainIterator, setChainIterator] = useState2(chainIteratorProp);
-  const updateChainArchivist = (chainArchivist2) => {
+  const updateChainArchivist = /* @__PURE__ */ __name((chainArchivist2) => {
     setChainArchivist(chainArchivist2);
-  };
-  const updateChainId = (chainId2) => {
+  }, "updateChainArchivist");
+  const updateChainId = /* @__PURE__ */ __name((chainId2) => {
     setChainId(chainId2);
-  };
-  const updateChainIterator = (chainIterator2) => {
+  }, "updateChainId");
+  const updateChainIterator = /* @__PURE__ */ __name((chainIterator2) => {
     setChainIterator(chainIterator2);
-  };
+  }, "updateChainIterator");
   useMemo2(() => {
     updateChainArchivist(chainArchivistProp);
-  }, [chainArchivistProp]);
+  }, [
+    chainArchivistProp
+  ]);
   useMemo2(() => {
     updateChainId(chainIdProp);
-  }, [chainIdProp]);
+  }, [
+    chainIdProp
+  ]);
   useMemo2(() => {
     updateChainIterator(chainIteratorProp);
-  }, [chainIteratorProp]);
+  }, [
+    chainIteratorProp
+  ]);
   const chainState = useMemo2(() => ({
     chainArchivist,
     chainId,
@@ -86,22 +102,26 @@ var ChainInfoProvider = ({
     updateChainId,
     updateChainIterator,
     provided: true
-  }), [chainArchivist, chainId, chainIterator, updateChainArchivist, updateChainId, updateChainIterator]);
-  return /* @__PURE__ */ jsx2(ChainInfoContext, { value: chainState, children });
-};
+  }), [
+    chainArchivist,
+    chainId,
+    chainIterator,
+    updateChainArchivist,
+    updateChainId,
+    updateChainIterator
+  ]);
+  return /* @__PURE__ */ React2.createElement(ChainInfoContext, {
+    value: chainState
+  }, children);
+}, "ChainInfoProvider");
 
 // src/context/polling/context.ts
 import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
 var ChainPollingContext = createContextEx3();
 
 // src/context/polling/Provider.tsx
-import {
-  useCallback as useCallback2,
-  useMemo as useMemo3,
-  useState as useState3
-} from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ChainPollingProvider = ({ children, pollingState: pollingStateProp = "running" }) => {
+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);
@@ -110,26 +130,27 @@ var ChainPollingProvider = ({ children, pollingState: pollingStateProp = "runnin
     pollingState,
     provided: true,
     updatePollingState
-  }), [pollingState, updatePollingState]);
-  return /* @__PURE__ */ jsx3(ChainPollingContext, { value, children });
-};
+  }), [
+    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 = (required = false) => useContextEx2(ChainPollingContext, "ChainPolling", required);
+var useChainPollingContext = /* @__PURE__ */ __name((required = false) => useContextEx2(ChainPollingContext, "ChainPolling", required), "useChainPollingContext");
 
 // src/components/transactions/submit/Builder.tsx
-import {
-  Button,
-  FormControl,
-  TextField
-} from "@mui/material";
+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 { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var ChainTransactionBuilder = ({ onSubmitTx }) => {
-  const handleSubmit = async (event) => {
+import React4 from "react";
+var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
+  const handleSubmit = /* @__PURE__ */ __name(async (event) => {
     event.preventDefault();
     const formData = new FormData(event.currentTarget);
     const chainTx = {
@@ -144,31 +165,50 @@ var ChainTransactionBuilder = ({ onSubmitTx }) => {
       }
     };
     await onSubmitTx?.(chainTx);
-  };
-  return /* @__PURE__ */ jsx4("form", { onSubmit: (event) => void handleSubmit(event), style: { width: "100%" }, children: /* @__PURE__ */ jsxs(FlexCol, { gap: 2, children: [
-    /* @__PURE__ */ jsx4(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField, { label: "Chain Address", name: "chain", required: true }) }),
-    /* @__PURE__ */ jsx4(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField, { label: "Gas", name: "gas", required: true }) }),
-    /* @__PURE__ */ jsx4(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField, { label: "Not Before Block", name: "nbf", required: true }) }),
-    /* @__PURE__ */ jsx4(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField, { label: "Not After Block", name: "exp", required: true }) }),
-    /* @__PURE__ */ jsx4(Button, { type: "submit", variant: "contained", children: "Submit" })
-  ] }) });
-};
+  }, "handleSubmit");
+  return /* @__PURE__ */ React4.createElement("form", {
+    onSubmit: /* @__PURE__ */ __name((event) => void handleSubmit(event), "onSubmit"),
+    style: {
+      width: "100%"
+    }
+  }, /* @__PURE__ */ React4.createElement(FlexCol, {
+    gap: 2
+  }, /* @__PURE__ */ React4.createElement(FormControl, {
+    fullWidth: true
+  }, /* @__PURE__ */ React4.createElement(TextField, {
+    label: "Chain Address",
+    name: "chain",
+    required: true
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
+    fullWidth: true
+  }, /* @__PURE__ */ React4.createElement(TextField, {
+    label: "Gas",
+    name: "gas",
+    required: true
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
+    fullWidth: true
+  }, /* @__PURE__ */ React4.createElement(TextField, {
+    label: "Not Before Block",
+    name: "nbf",
+    required: true
+  })), /* @__PURE__ */ React4.createElement(FormControl, {
+    fullWidth: true
+  }, /* @__PURE__ */ React4.createElement(TextField, {
+    label: "Not After Block",
+    name: "exp",
+    required: true
+  })), /* @__PURE__ */ React4.createElement(Button, {
+    type: "submit",
+    variant: "contained"
+  }, "Submit")));
+}, "ChainTransactionBuilder");
 
 // src/components/transactions/submit/Network.tsx
-import {
-  FormControl as FormControl2,
-  FormHelperText,
-  TextField as TextField2
-} from "@mui/material";
-import { useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var ChainTransactionNetwork = ({
-  network,
-  onNetworkChange,
-  ...props
-}) => {
+import { FormControl as FormControl2, FormHelperText, TextField as TextField2 } from "@mui/material";
+import React5, { useState as useState4 } from "react";
+var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange, ...props }) => {
   const [error, setError] = useState4();
-  const handleChange = (event) => {
+  const handleChange = /* @__PURE__ */ __name((event) => {
     try {
       const url = new URL(event.target.value);
       setError(void 0);
@@ -177,19 +217,25 @@ var ChainTransactionNetwork = ({
       console.error(error2);
       setError(error2);
     }
-  };
-  return /* @__PURE__ */ jsxs2(FormControl2, { fullWidth: true, children: [
-    /* @__PURE__ */ jsx5(TextField2, { label: "Network", name: "network", onChange: handleChange, required: true, value: network, ...props }),
-    /* @__PURE__ */ jsx5(FormHelperText, { sx: { color: error ? "red" : void 0 }, children: error ? "Not a valid url" : "Enter full url of archivist" })
-  ] });
-};
+  }, "handleChange");
+  return /* @__PURE__ */ React5.createElement(FormControl2, {
+    fullWidth: true
+  }, /* @__PURE__ */ React5.createElement(TextField2, {
+    label: "Network",
+    name: "network",
+    onChange: handleChange,
+    required: true,
+    value: network,
+    ...props
+  }), /* @__PURE__ */ React5.createElement(FormHelperText, {
+    sx: {
+      color: error ? "red" : void 0
+    }
+  }, error ? "Not a valid url" : "Enter full url of archivist"));
+}, "ChainTransactionNetwork");
 
 // src/components/transactions/submit/SubmitChain.tsx
-import {
-  Alert,
-  Grid,
-  Typography
-} from "@mui/material";
+import { Alert, Grid, Typography } from "@mui/material";
 import { axios } from "@xylabs/axios";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexGrowCol } from "@xylabs/react-flexbox";
@@ -198,113 +244,100 @@ 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 { useState as useState5 } from "react";
-import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import React6, { useState as useState5 } from "react";
 var BETA_PENDING_TRANSACTIONS_ARCHIVIST = "https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693";
 var defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST);
-var SubmitChainTransaction = () => {
+var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   const [network, setNetwork] = useState5(defaultNetwork);
   const [result, setResult] = useState5();
   const [error, setError] = useState5();
-  const onSubmitTx = async (chainTx) => {
+  const onSubmitTx = /* @__PURE__ */ __name(async (chainTx) => {
     if (network) {
       const randomAccount = await Account.random();
-      const [transactionBoundWitness] = await buildTransaction(
-        chainTx.chain,
-        [],
-        [],
-        randomAccount,
-        chainTx.nbf,
-        chainTx.exp
-      );
-      const insertQuery = new PayloadBuilder({ schema: ArchivistInsertQuerySchema }).build();
-      const [queryBoundWitness] = await new QueryBoundWitnessBuilder().payloads([transactionBoundWitness]).query(insertQuery).signer(randomAccount).build();
-      const response = await axios.post(network.href, [queryBoundWitness, [insertQuery, transactionBoundWitness, chainTx]]);
+      const [transactionBoundWitness] = await buildTransaction(chainTx.chain, [], [], randomAccount, chainTx.nbf, chainTx.exp);
+      const insertQuery = new PayloadBuilder({
+        schema: ArchivistInsertQuerySchema
+      }).build();
+      const [queryBoundWitness] = await new QueryBoundWitnessBuilder().payloads([
+        transactionBoundWitness
+      ]).query(insertQuery).signer(randomAccount).build();
+      const response = await axios.post(network.href, [
+        queryBoundWitness,
+        [
+          insertQuery,
+          transactionBoundWitness,
+          chainTx
+        ]
+      ]);
       if (response.data.errors.length > 0) {
         setError(new Error(response.data.errors.map((e) => e.message).join("\n")));
       } else {
         setResult(response.data.data);
       }
     }
-  };
-  const onNetworkChange = (url) => {
+  }, "onSubmitTx");
+  const onNetworkChange = /* @__PURE__ */ __name((url) => {
     setNetwork(url);
-  };
-  return /* @__PURE__ */ jsx6(Grid, { container: true, children: /* @__PURE__ */ jsx6(
-    Grid,
-    {
-      size: {
-        xs: 12,
-        sm: 6,
-        md: 4
-      },
-      children: /* @__PURE__ */ jsxs3(FlexGrowCol, { alignItems: "start", gap: 2, children: [
-        /* @__PURE__ */ jsx6(ChainTransactionNetwork, { network, onNetworkChange }),
-        network ? /* @__PURE__ */ jsx6(ChainTransactionBuilder, { onSubmitTx }) : null,
-        result?.[2].length === 0 ? /* @__PURE__ */ jsx6(Alert, { severity: "success", children: "Success" }) : null,
-        error ? /* @__PURE__ */ jsx6(ErrorRender, { error }) : null,
-        result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ jsx6(ErrorRender, { error: new Error("Failed insert...see result below") }) : null,
-        result ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-          /* @__PURE__ */ jsx6(Typography, { variant: "h6", children: "Result:" }),
-          /* @__PURE__ */ jsx6("pre", { children: JSON.stringify(result, null, 2) })
-        ] }) : null
-      ] })
+  }, "onNetworkChange");
+  return /* @__PURE__ */ React6.createElement(Grid, {
+    container: true
+  }, /* @__PURE__ */ React6.createElement(Grid, {
+    size: {
+      xs: 12,
+      sm: 6,
+      md: 4
     }
-  ) });
-};
+  }, /* @__PURE__ */ React6.createElement(FlexGrowCol, {
+    alignItems: "start",
+    gap: 2
+  }, /* @__PURE__ */ React6.createElement(ChainTransactionNetwork, {
+    network,
+    onNetworkChange
+  }), network ? /* @__PURE__ */ React6.createElement(ChainTransactionBuilder, {
+    onSubmitTx
+  }) : null, result?.[2].length === 0 ? /* @__PURE__ */ React6.createElement(Alert, {
+    severity: "success"
+  }, "Success") : null, error ? /* @__PURE__ */ React6.createElement(ErrorRender, {
+    error
+  }) : null, result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ React6.createElement(ErrorRender, {
+    error: new Error("Failed insert...see result below")
+  }) : null, result ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Typography, {
+    variant: "h6"
+  }, "Result:"), /* @__PURE__ */ React6.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 { useMemo as useMemo4 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var TransactionCountChip = ({
-  transactions,
-  sx,
-  ...props
-}) => {
+import React7, { useMemo as useMemo4 } from "react";
+var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props }) => {
   const label = useMemo4(() => {
     if (!transactions) return "0";
     return transactions?.length > 10 ? "+10" : transactions.length;
-  }, [transactions]);
-  return /* @__PURE__ */ jsx7(
-    Chip,
-    {
-      avatar: /* @__PURE__ */ jsx7(Icon, { children: /* @__PURE__ */ jsx7(CompareArrowsIcon, {}) }),
-      label,
-      title: transactions ? `Block contains ${transactions.length} transactions` : void 0,
-      sx: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        ...sx
-      },
-      ...props
-    }
-  );
-};
+  }, [
+    transactions
+  ]);
+  return /* @__PURE__ */ React7.createElement(Chip, {
+    avatar: /* @__PURE__ */ React7.createElement(Icon, null, /* @__PURE__ */ React7.createElement(CompareArrowsIcon, null)),
+    label,
+    title: transactions ? `Block contains ${transactions.length} transactions` : void 0,
+    sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      ...sx
+    },
+    ...props
+  });
+}, "TransactionCountChip");
 
 // src/components/transactions/TransactionsQuickTipButton.tsx
 import { ContentCopy as ContentCopyIcon, Paid } from "@mui/icons-material";
-import {
-  Alert as Alert2,
-  AlertTitle,
-  Collapse,
-  Snackbar,
-  Typography as Typography2
-} from "@mui/material";
+import { Alert as Alert2, AlertTitle, Collapse, Snackbar, Typography as Typography2 } from "@mui/material";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
-import {
-  FlexGrowCol as FlexGrowCol2,
-  FlexGrowRow,
-  FlexRow
-} from "@xylabs/react-flexbox";
+import { FlexGrowCol as FlexGrowCol2, FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
 import { QuickTipButton } from "@xylabs/react-quick-tip-button";
-import {
-  Fragment as Fragment2,
-  useMemo as useMemo6,
-  useState as useState7
-} from "react";
+import React8, { Fragment, useMemo as useMemo6, useState as useState7 } from "react";
 
 // src/hooks/chain-iterator/ChainIteratorStore.ts
 import { assertEx } from "@xylabs/assert";
@@ -312,6 +345,9 @@ import { ChainBlockNumberIterationService } from "@xyo-network/chain-services";
 import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/payload-builder";
 import { hydrateBlock } from "@xyo-network/xl1-protocol-sdk";
 var ChainIteratorStore = class _ChainIteratorStore {
+  static {
+    __name(this, "ChainIteratorStore");
+  }
   _chainIterator;
   _externalListeners = [];
   _internalUnsubscribes = [];
@@ -332,14 +368,14 @@ var ChainIteratorStore = class _ChainIteratorStore {
       chainIterator,
       head: hydratedHead
     };
-    const headUpdatedListener = async ({ blocks }) => {
+    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);
@@ -375,29 +411,25 @@ import { isDefined } from "@xylabs/typeof";
 import { BoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
 import { isBlockBoundWitness } from "@xyo-network/xl1-protocol";
 import { getDefaultConfig } from "@xyo-network/xl1-protocol-sdk";
-var resolveDefinedHead = async (head, chainArchivist) => {
-  const [headPayload] = await chainArchivist.get([head]);
+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)}`);
   }
-};
-var useChainIteratorParams = ({
-  chainArchivist,
-  chainId,
-  head,
-  name
-}) => {
+}, "resolveDefinedHead");
+var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainId, head, name }) => {
   return usePromise(async () => {
     if (isDefined(chainArchivist) && isDefined(chainId) && isHash(head)) {
-      const [result] = await chainArchivist.get([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)}`
-      );
+      const resolvedHead = assertEx2(isBlockBoundWitness(foundResult) ? foundResult : void 0, () => `Head is not a boundwitness: ${JSON.stringify(foundResult)}`);
       const config = getDefaultConfig();
       config.chain.id = chainId;
       return {
@@ -408,32 +440,26 @@ var useChainIteratorParams = ({
         name
       };
     }
-  }, [chainArchivist, chainId, head]);
-};
+  }, [
+    chainArchivist,
+    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";
+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 = ({
-  chainIterator,
-  interval = 500,
-  maxBlocks,
-  chainArchivist
-}) => {
+var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
   const [error, setError] = useState6();
   useEffect(() => {
     let pollArchivistTimeout;
-    const pollingFunction = async () => {
+    const pollingFunction = /* @__PURE__ */ __name(async () => {
       if (chainIterator && chainArchivist) {
         try {
           const currentHead = await chainIterator.head();
@@ -454,34 +480,46 @@ var useChainIteratorUpdatingHead = ({
         }
       }
       pollArchivistTimeout = setTimeout(() => void pollingFunction(), interval);
-    };
+    }, "pollingFunction");
     void pollingFunction();
     return () => clearInterval(pollArchivistTimeout);
-  }, [interval, chainIterator, chainArchivist, maxBlocks]);
+  }, [
+    interval,
+    chainIterator,
+    chainArchivist,
+    maxBlocks
+  ]);
   return error;
-};
+}, "useChainIteratorUpdatingHead");
 
 // src/hooks/chain-iterator/useChainIteratorStore.ts
 var stub = {};
-var useChainIteratorStore = (chainIteratorParams) => {
+var useChainIteratorStore = /* @__PURE__ */ __name((chainIteratorParams) => {
   const [chainIteratorStore] = usePromise2(async () => {
     return chainIteratorParams ? await ChainIteratorStore.create(chainIteratorParams) : void 0;
-  }, [chainIteratorParams]);
+  }, [
+    chainIteratorParams
+  ]);
   const { chainIterator } = chainIteratorStore || {};
   const chainArchivist = chainIteratorParams?.chainArchivist;
-  const error = useChainIteratorUpdatingHead({ chainIterator, chainArchivist });
+  const error = useChainIteratorUpdatingHead({
+    chainIterator,
+    chainArchivist
+  });
   useEffect2(() => {
     return () => {
       if (chainIteratorStore) {
         chainIteratorStore.cleanup();
       }
     };
-  }, [chainIteratorStore]);
+  }, [
+    chainIteratorStore
+  ]);
   const cachedSnapshot = useRef({});
   const { getSnapShot, subscribe } = useMemo5(() => {
     if (chainIteratorStore) {
       return {
-        getSnapShot: () => {
+        getSnapShot: /* @__PURE__ */ __name(() => {
           const snapshot = chainIteratorStore.getSnapshot();
           const newValues = {
             ...snapshot,
@@ -495,18 +533,20 @@ var useChainIteratorStore = (chainIteratorParams) => {
             return newValues;
           }
           return cachedSnapshot.current;
-        },
+        }, "getSnapShot"),
         subscribe: chainIteratorStore.subscribe.bind(chainIteratorStore)
       };
     }
     return {
-      getSnapShot: () => stub,
-      subscribe: () => () => {
-      }
+      getSnapShot: /* @__PURE__ */ __name(() => stub, "getSnapShot"),
+      subscribe: /* @__PURE__ */ __name(() => () => {
+      }, "subscribe")
     };
-  }, [chainIteratorStore]);
+  }, [
+    chainIteratorStore
+  ]);
   return useSyncExternalStore(subscribe, getSnapShot);
-};
+}, "useChainIteratorStore");
 
 // src/hooks/useIterateChain.ts
 import { assertEx as assertEx3 } from "@xylabs/assert";
@@ -515,18 +555,23 @@ import { ChainBlockNumberIterationService as ChainBlockNumberIterationService2 }
 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 = async (chainArchivist, head) => {
+var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
   const headHash = await PayloadBuilder3.hash(head);
   return await hydrateBlock2(chainArchivist, headHash);
-};
-var iterateChain = async (chainIteratorParams, maxDepth) => {
+}, "getHydratedBlock");
+var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth) => {
   const { chainArchivist, 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 });
+  const chainIterator = await ChainBlockNumberIterationService2.create({
+    head: headBlockBoundWitness,
+    chainArchivist
+  });
   const chainHead = await chainIterator.head();
   let block = await getHydratedBlock(chainArchivist, chainHead);
-  const blocks = [block];
+  const blocks = [
+    block
+  ];
   let depth = 1;
   while (true) {
     const [, next] = await chainIterator.previous(block[0].block, 2);
@@ -537,12 +582,15 @@ var iterateChain = async (chainIteratorParams, maxDepth) => {
     if (maxDepth !== void 0 && depth >= maxDepth || block?.[0].block === 0) break;
   }
   return blocks;
-};
-var useIterateChain = (chainIteratorParams, maxDepth) => {
+}, "iterateChain");
+var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) => {
   return usePromise3(async () => {
     return await iterateChain(chainIteratorParams, maxDepth);
-  }, [chainIteratorParams, maxDepth]);
-};
+  }, [
+    chainIteratorParams,
+    maxDepth
+  ]);
+}, "useIterateChain");
 
 // src/hooks/useTxsFromBlock.ts
 import { usePromise as usePromise4 } from "@xylabs/react-promise";
@@ -550,81 +598,92 @@ import { usePromise as usePromise4 } from "@xylabs/react-promise";
 // src/helpers/txsFromBlock.ts
 import { HydratedBlockWrapper } from "@xyo-network/chain-wrappers";
 import { PayloadBuilder as PayloadBuilder4 } from "@xyo-network/payload-builder";
-var txsFromBlock = async (block) => {
+var txsFromBlock = /* @__PURE__ */ __name(async (block) => {
   const wrapper = await HydratedBlockWrapper.parse(block);
   const txs = wrapper.transactions;
   const txPayloads = txs.map((tx) => tx.boundWitness);
   return await PayloadBuilder4.hashPairs(txPayloads);
-};
+}, "txsFromBlock");
 
 // src/hooks/useTxsFromBlock.ts
-var useTxsFromBlock = (block) => {
+var useTxsFromBlock = /* @__PURE__ */ __name((block) => {
   return usePromise4(async () => {
     if (block) {
       return await txsFromBlock(block);
     }
-  }, [block]);
-};
+  }, [
+    block
+  ]);
+}, "useTxsFromBlock");
 
 // src/components/transactions/TransactionsQuickTipButton.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
-var TransactionsQuickTipButton = ({ block, ...props }) => {
+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), [transactionsError]);
-  const onCopy = async (transactionHash) => {
+  useMemo6(() => transactionsError ? setShowError(true) : setShowError(false), [
+    transactionsError
+  ]);
+  const onCopy = /* @__PURE__ */ __name(async (transactionHash) => {
     await navigator.clipboard.writeText(transactionHash);
     setCopied(true);
     setTimeout(() => {
       setCopied(false);
     }, 5e3);
-  };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx8(
-      QuickTipButton,
-      {
-        Icon: Paid,
-        disabled: transactions?.length === 0,
-        hoverText: `Transaction Count: ${transactions?.length ?? 0}`,
-        disableDialog: transactions?.length === 0,
-        dialogProps: { fullWidth: true, maxWidth: "md" },
-        ...props,
-        children: transactions?.length === 0 ? null : /* @__PURE__ */ jsx8(FlexGrowCol2, { gap: 1, alignItems: "stretch", children: transactions?.map(([transaction, hash]) => /* @__PURE__ */ jsxs4(Fragment2, { children: [
-          /* @__PURE__ */ jsxs4(FlexGrowRow, { gap: 2, justifyContent: "start", children: [
-            /* @__PURE__ */ jsx8(ContentCopyIcon, { sx: { cursor: "pointer" }, onClick: () => void onCopy(hash) }),
-            /* @__PURE__ */ jsx8(
-              Typography2,
-              {
-                sx: {
-                  overflow: "hidden",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
-                },
-                children: hash
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx8(FlexRow, { children: /* @__PURE__ */ jsx8(Collapse, { in: copied, unmountOnExit: true, children: /* @__PURE__ */ jsx8(Alert2, { children: /* @__PURE__ */ jsx8(AlertTitle, { children: "Previous hash copied to clipboard" }) }) }) })
-        ] }, hash)) })
-      }
-    ),
-    /* @__PURE__ */ jsx8(Snackbar, { open: showError, onClose: () => setShowError(false), children: /* @__PURE__ */ jsx8(ErrorRender2, { error: transactionsError, scope: "TransactionsQuickTipButton" }) })
-  ] });
-};
+  }, "onCopy");
+  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(QuickTipButton, {
+    Icon: Paid,
+    disabled: transactions?.length === 0,
+    hoverText: `Transaction Count: ${transactions?.length ?? 0}`,
+    disableDialog: transactions?.length === 0,
+    dialogProps: {
+      fullWidth: true,
+      maxWidth: "md"
+    },
+    ...props
+  }, transactions?.length === 0 ? null : /* @__PURE__ */ React8.createElement(FlexGrowCol2, {
+    gap: 1,
+    alignItems: "stretch"
+  }, transactions?.map(([transaction, hash]) => /* @__PURE__ */ React8.createElement(Fragment, {
+    key: hash
+  }, /* @__PURE__ */ React8.createElement(FlexGrowRow, {
+    gap: 2,
+    justifyContent: "start"
+  }, /* @__PURE__ */ React8.createElement(ContentCopyIcon, {
+    sx: {
+      cursor: "pointer"
+    },
+    onClick: /* @__PURE__ */ __name(() => void onCopy(hash), "onClick")
+  }), /* @__PURE__ */ React8.createElement(Typography2, {
+    sx: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  }, hash)), /* @__PURE__ */ React8.createElement(FlexRow, null, /* @__PURE__ */ React8.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, {
+    open: showError,
+    onClose: /* @__PURE__ */ __name(() => setShowError(false), "onClose")
+  }, /* @__PURE__ */ React8.createElement(ErrorRender2, {
+    error: transactionsError,
+    scope: "TransactionsQuickTipButton"
+  })));
+}, "TransactionsQuickTipButton");
 
 // src/components/block/hooks/useAnchorElement.ts
 import { useRef as useRef2, useState as useState8 } from "react";
-var useAnchorElement = () => {
+var useAnchorElement = /* @__PURE__ */ __name(() => {
   const [anchorEl, setAnchorEl] = useState8(null);
   const anchorRef = useRef2(null);
   const open = Boolean(anchorEl);
-  const handleClick = (event) => {
+  const handleClick = /* @__PURE__ */ __name((event) => {
     setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
+  }, "handleClick");
+  const handleClose = /* @__PURE__ */ __name(() => {
     setAnchorEl(null);
-  };
+  }, "handleClose");
   return {
     anchorEl,
     anchorRef,
@@ -632,102 +691,121 @@ var useAnchorElement = () => {
     handleClick,
     handleClose
   };
-};
+}, "useAnchorElement");
 
 // src/components/block/hooks/useBlockHeadingEvents.ts
 import { useEvent } from "@xyo-network/react-event";
-var useBlockHeadingEvents = (...args) => {
+var useBlockHeadingEvents = /* @__PURE__ */ __name((...args) => {
   return useEvent(...args);
-};
+}, "useBlockHeadingEvents");
 
 // src/components/block/hooks/useBlockProducer.ts
 import { useMemo as useMemo7 } from "react";
-var useBlockProducer = (block) => {
+var useBlockProducer = /* @__PURE__ */ __name((block) => {
   return useMemo7(() => {
     if (block) {
       const producer = block[0].addresses[0];
       return producer;
     }
-  }, [block]);
-};
+  }, [
+    block
+  ]);
+}, "useBlockProducer");
 
 // src/components/block/hooks/useDynamicBlockComponents.ts
 import { useState as useState9 } from "react";
 
 // src/components/block/helpers/blockProducer.ts
-var blockProducer = (block) => {
+var blockProducer = /* @__PURE__ */ __name((block) => {
   return block.addresses[0];
-};
+}, "blockProducer");
 
 // src/components/block/helpers/buildBlockChainRenderComponent.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-var buildBlockChainRenderComponent = async (BlockComponent, blockComponentProps) => {
+import React9 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__ */ jsx9(
-      BlockComponent,
-      {
-        block,
-        transactions: txHashes,
-        ...remainingProps
-      }
-    ),
+    child: /* @__PURE__ */ React9.createElement(BlockComponent, {
+      block,
+      transactions: txHashes,
+      ...remainingProps
+    }),
     key: block[0].block.toString(),
     block
   };
   return item;
-};
+}, "buildBlockChainRenderComponent");
 
 // src/components/block/helpers/payloadCountsFromBlock.ts
 import { BoundWitnessSchema } from "@xyo-network/boundwitness-model";
 import { isTransactionBoundWitness } from "@xyo-network/xl1-protocol";
-var payloadCountsFromBlock = ([block, payloads]) => {
+var payloadCountsFromBlock = /* @__PURE__ */ __name(([block, payloads]) => {
   const publicPayloads = block.payload_schemas.filter((schema) => schema !== BoundWitnessSchema);
   const transactionHashes = payloads.filter((payload) => isTransactionBoundWitness(payload)).flatMap((payload) => payload.payload_hashes);
   const privateHashes = transactionHashes.filter((hash) => !publicPayloads.includes(hash));
-  return [publicPayloads.length, privateHashes.length];
-};
+  return [
+    publicPayloads.length,
+    privateHashes.length
+  ];
+}, "payloadCountsFromBlock");
 
 // src/components/block/hooks/useDynamicBlockComponents.ts
-var useDynamicBlockComponents = (BlockComponent, params, maxBlocks) => {
+var useDynamicBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, maxBlocks) => {
   const { chainArchivist } = params ?? {};
   const [blockChainRenderComponents, setBlockChainRenderComponents] = useState9([]);
   const { onBlock } = useChainAnalyzersContext();
-  const onAddBlock = async (block) => {
+  const onAddBlock = /* @__PURE__ */ __name(async (block) => {
     if (!block || !chainArchivist) return;
-    const blockComponentProps = { block };
+    const blockComponentProps = {
+      block
+    };
     const newBlockComponent = await buildBlockChainRenderComponent(BlockComponent, blockComponentProps);
     if (block?.[0].block !== blockChainRenderComponents[0]?.block?.[0].block) {
       void onBlock?.(block);
       setBlockChainRenderComponents((blockComponents) => {
-        const newBlockComponents = [newBlockComponent, ...blockComponents];
+        const newBlockComponents = [
+          newBlockComponent,
+          ...blockComponents
+        ];
         if (maxBlocks !== void 0 && newBlockComponents.length > maxBlocks) {
           newBlockComponents.pop();
         }
         return newBlockComponents;
       });
     }
+  }, "onAddBlock");
+  return {
+    blockChainRenderComponents,
+    onAddBlock
   };
-  return { blockChainRenderComponents, onAddBlock };
-};
+}, "useDynamicBlockComponents");
 
 // src/components/block/hooks/usePayloadCountsFromBlock.ts
 import { useMemo as useMemo8 } from "react";
-var usePayloadCountsFromBlock = (block) => {
+var usePayloadCountsFromBlock = /* @__PURE__ */ __name((block) => {
   return useMemo8(() => {
     if (block) {
-      return [...payloadCountsFromBlock(block), void 0];
+      return [
+        ...payloadCountsFromBlock(block),
+        void 0
+      ];
     }
-    return [void 0, void 0, void 0];
-  }, [block]);
-};
+    return [
+      void 0,
+      void 0,
+      void 0
+    ];
+  }, [
+    block
+  ]);
+}, "usePayloadCountsFromBlock");
 
 // src/components/block/hooks/useStaticBlockComponents.ts
 import { usePromise as usePromise5 } from "@xylabs/react-promise";
 import { isDefined as isDefined2 } from "@xylabs/typeof";
-var useStaticBlockComponents = (BlockComponent, params, blocks) => {
+var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, blocks) => {
   const { onBlock } = useChainAnalyzersContext();
   const [blockComponents, blockComponentsError] = usePromise5(async () => {
     const resolvedBlockWithStorage = blocks ?? [];
@@ -736,74 +814,78 @@ var useStaticBlockComponents = (BlockComponent, params, blocks) => {
       if (isDefined2(onBlock)) {
         await onBlock(block);
       }
-      const blockComponentProps = { block, defaultExpanded: true };
+      const blockComponentProps = {
+        block,
+        defaultExpanded: true
+      };
       return await buildBlockChainRenderComponent(BlockComponent, blockComponentProps);
     }));
-  }, [blocks, params, BlockComponent]);
-  return { blockComponents, errors: blockComponentsError };
-};
+  }, [
+    blocks,
+    params,
+    BlockComponent
+  ]);
+  return {
+    blockComponents,
+    errors: blockComponentsError
+  };
+}, "useStaticBlockComponents");
 
 // src/components/block/LinkedDivider.tsx
 import { Divider, Stack } from "@mui/material";
-import { Fragment as Fragment4, jsx as jsx10 } from "react/jsx-runtime";
-var LinkedDivider = () => {
-  return /* @__PURE__ */ jsx10(Fragment4, { children: /* @__PURE__ */ jsx10(
-    Stack,
-    {
-      className: "divider-spacer",
-      justifyContent: "end",
-      sx: {
-        width: "50%",
-        height: 24,
-        justifyContent: "end"
-      },
-      children: /* @__PURE__ */ jsx10(
-        Divider,
-        {
-          className: "divider",
-          orientation: "vertical",
-          flexItem: true,
-          sx: {
-            borderRightWidth: 2,
-            height: 24,
-            transition: "height 1s"
-          }
-        }
-      )
+import React10 from "react";
+var LinkedDivider = /* @__PURE__ */ __name(() => {
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Stack, {
+    className: "divider-spacer",
+    justifyContent: "end",
+    sx: {
+      width: "50%",
+      height: 24,
+      justifyContent: "end"
     }
-  ) });
-};
+  }, /* @__PURE__ */ React10.createElement(Divider, {
+    className: "divider",
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      borderRightWidth: 2,
+      height: 24,
+      transition: "height 1s"
+    }
+  })));
+}, "LinkedDivider");
 
 // src/components/block/menu/Expanded.tsx
 import { MoreVert } from "@mui/icons-material";
 import { IconButton, Menu } from "@mui/material";
 import { BWJsonMenuItem, BWPreviousHashMenuItem } from "@xyo-network/react-boundwitness-plugin";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-var BlockMenuExpanded = ({ block }) => {
-  const {
-    anchorEl,
-    anchorRef,
+import React11 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, {
+    ref: anchorRef,
+    size: "small",
+    onClick: handleClick
+  }, /* @__PURE__ */ React11.createElement(MoreVert, {
+    fontSize: "inherit"
+  })), /* @__PURE__ */ React11.createElement(Menu, {
     open,
-    handleClick,
-    handleClose
-  } = useAnchorElement();
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    /* @__PURE__ */ jsx11(IconButton, { ref: anchorRef, size: "small", onClick: handleClick, children: /* @__PURE__ */ jsx11(MoreVert, { fontSize: "inherit" }) }),
-    /* @__PURE__ */ jsxs5(
-      Menu,
-      {
-        open,
-        anchorEl,
-        anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        onClose: handleClose,
-        children: [
-          /* @__PURE__ */ jsx11(BWPreviousHashMenuItem, { boundwitness: block?.[0], dense: true, onDialogClose: handleClose }),
-          /* @__PURE__ */ jsx11(BWJsonMenuItem, { boundwitness: block?.[0], dense: true, onDialogClose: handleClose })
-        ]
-      }
-    )
-  ] });
-};
+    anchorEl,
+    anchorOrigin: {
+      horizontal: "left",
+      vertical: "bottom"
+    },
+    onClose: handleClose
+  }, /* @__PURE__ */ React11.createElement(BWPreviousHashMenuItem, {
+    boundwitness: block?.[0],
+    dense: true,
+    onDialogClose: handleClose
+  }), /* @__PURE__ */ React11.createElement(BWJsonMenuItem, {
+    boundwitness: block?.[0],
+    dense: true,
+    onDialogClose: handleClose
+  })));
+}, "BlockMenuExpanded");
 
 // src/components/block/ProducerChip.tsx
 import { Chip as Chip2 } from "@mui/material";
@@ -811,122 +893,117 @@ 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 { useMemo as useMemo9 } from "react";
+import React13, { useMemo as useMemo9 } from "react";
 
 // src/components/block/ChipSkeleton.tsx
 import { Skeleton } from "@mui/material";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var ChipSkeleton = (props) => {
-  return /* @__PURE__ */ jsx12(Skeleton, { width: 100, ...props });
-};
+import React12 from "react";
+var ChipSkeleton = /* @__PURE__ */ __name((props) => {
+  return /* @__PURE__ */ React12.createElement(Skeleton, {
+    width: 100,
+    ...props
+  });
+}, "ChipSkeleton");
 
 // src/components/block/ProducerChip.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
-var formatProducerAddress = (address) => {
+var formatProducerAddress = /* @__PURE__ */ __name((address) => {
   if (isUndefined2(address) || !isString(address)) return void 0;
   const formattedAddress = toAddress(address);
   return EthAddressWrapper.parse(formattedAddress)?.toShortString(4);
-};
-var BlockProducerChip = ({
-  block,
-  sx,
-  ...props
-}) => {
+}, "formatProducerAddress");
+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__ */ jsx13(BlockiesAvatar, { blockiesOptions: { seed: blockProducer2 } }), [blockProducer2]);
-  return /* @__PURE__ */ jsx13(
-    Chip2,
-    {
-      avatar,
-      label: shortedBlockProducer ?? /* @__PURE__ */ jsx13(ChipSkeleton, { width: 115 }),
-      title: `Block producer: ${blockProducer2}`,
-      sx: {
-        fontFamily: "monospace",
-        cursor: "pointer",
-        ...sx
-      },
-      ...props
+  const avatar = useMemo9(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React13.createElement(BlockiesAvatar, {
+    blockiesOptions: {
+      seed: blockProducer2
     }
-  );
-};
+  }), [
+    blockProducer2
+  ]);
+  return /* @__PURE__ */ React13.createElement(Chip2, {
+    avatar,
+    label: shortedBlockProducer ?? /* @__PURE__ */ React13.createElement(ChipSkeleton, {
+      width: 115
+    }),
+    title: `Block producer: ${blockProducer2}`,
+    sx: {
+      fontFamily: "monospace",
+      cursor: "pointer",
+      ...sx
+    },
+    ...props
+  });
+}, "BlockProducerChip");
 
 // src/components/block/BlockHeadingFlexbox.tsx
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var BlockHeadingFlexbox = ({
-  block,
-  defaultExpanded,
-  transactions
-}) => {
+var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, transactions }) => {
   const hash = usePayloadHash(block?.[0]);
   const [blockHeadingRef, blockHeadingListener] = useBlockHeadingEvents();
   const { pollingState } = useChainPollingContext();
   const expanded = pollingState === "paused" || defaultExpanded;
-  const handleTransactionCountClick = (event, transactions2) => {
+  const handleTransactionCountClick = /* @__PURE__ */ __name((event, transactions2) => {
     event.stopPropagation();
     blockHeadingListener("transaction-count", "click", JSON.stringify(transactions2));
-  };
-  return /* @__PURE__ */ jsxs6(FlexCol2, { className: "block-heading-flexbox", alignItems: "stretch", ref: blockHeadingRef, onClick: () => blockHeadingListener("block-hash", "click", hash), children: [
-    /* @__PURE__ */ jsx14(LinkedDivider, {}),
-    /* @__PURE__ */ jsx14(
-      HashHeadingPaper,
-      {
-        hash,
-        heading: block?.[0].block === void 0 ? "" : block?.[0].block.toString(),
-        paperProps: { sx: { p: 1, width: "100%" } },
-        AdornmentEnd: /* @__PURE__ */ jsxs6(FlexRow2, { gap: 1, children: [
-          /* @__PURE__ */ jsx14(BlockProducerChip, { block }),
-          /* @__PURE__ */ jsx14(
-            TransactionCountChip,
-            {
-              onClick: (e) => handleTransactionCountClick(e, transactions ?? []),
-              transactions
-            }
-          ),
-          /* @__PURE__ */ jsx14(BWVerification, { iconColors: true, boundwitness: block?.[0] }),
-          /* @__PURE__ */ jsx14(
-            "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
-              },
-              children: /* @__PURE__ */ jsx14(BlockMenuExpanded, { block })
-            }
-          )
-        ] }),
-        identiconProps: { p: 0.75, size: 18 }
+  }, "handleTransactionCountClick");
+  return /* @__PURE__ */ React14.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, {
+    hash,
+    heading: block?.[0].block === void 0 ? "" : block?.[0].block.toString(),
+    paperProps: {
+      sx: {
+        p: 1,
+        width: "100%"
       }
-    )
-  ] });
-};
+    },
+    AdornmentEnd: /* @__PURE__ */ React14.createElement(FlexRow2, {
+      gap: 1
+    }, /* @__PURE__ */ React14.createElement(BlockProducerChip, {
+      block
+    }), /* @__PURE__ */ React14.createElement(TransactionCountChip, {
+      onClick: /* @__PURE__ */ __name((e) => handleTransactionCountClick(e, transactions ?? []), "onClick"),
+      transactions
+    }), /* @__PURE__ */ React14.createElement(BWVerification, {
+      iconColors: true,
+      boundwitness: block?.[0]
+    }), /* @__PURE__ */ React14.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, {
+      block
+    }))),
+    identiconProps: {
+      p: 0.75,
+      size: 18
+    }
+  }));
+}, "BlockHeadingFlexbox");
 
 // src/components/block/table/cell/BlockNumber.tsx
-import {
-  TableCell,
-  Tooltip,
-  Typography as Typography3
-} from "@mui/material";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var BlockNumberTableCell = ({
-  block,
-  linked,
-  ...props
-}) => {
+import { TableCell, Tooltip, Typography as Typography3 } from "@mui/material";
+import React15 from "react";
+var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const blockNumber = block?.[0].block;
-  return /* @__PURE__ */ jsx15(TableCell, { ...props, children: /* @__PURE__ */ jsx15(Tooltip, { title: `Block Number: ${blockNumber}`, children: /* @__PURE__ */ jsx15(Typography3, { component: "span", variant: "body1", children: blockNumber }) }) });
-};
+  return /* @__PURE__ */ React15.createElement(TableCell, props, /* @__PURE__ */ React15.createElement(Tooltip, {
+    title: `Block Number: ${blockNumber}`
+  }, /* @__PURE__ */ React15.createElement(Typography3, {
+    component: "span",
+    variant: "body1"
+  }, blockNumber)));
+}, "BlockNumberTableCell");
 
 // src/components/block/table/cell/Epoch.tsx
-import {
-  Skeleton as Skeleton2,
-  TableCell as TableCell2,
-  Tooltip as Tooltip2,
-  Typography as Typography4
-} from "@mui/material";
+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";
 
 // src/components/block/table/cell/lib/timeFunctions.ts
 var dateFormat = Intl.DateTimeFormat(globalThis.navigator.language ?? "en-US", {
@@ -937,7 +1014,7 @@ var dateFormat = Intl.DateTimeFormat(globalThis.navigator.language ?? "en-US", {
   minute: "2-digit",
   second: "2-digit"
 });
-var timeAgo = (epoch, locale = navigator.language ?? "en-US") => {
+var timeAgo = /* @__PURE__ */ __name((epoch, locale = navigator.language ?? "en-US") => {
   const now = Date.now();
   const diffInSeconds = Math.floor((now - epoch) / 1e3);
   const units = [
@@ -980,54 +1057,46 @@ var timeAgo = (epoch, locale = navigator.language ?? "en-US") => {
   for (const unit of units) {
     if (Math.abs(diffInSeconds) < unit.max) {
       const value = Math.round(diffInSeconds / unit.value);
-      return new Intl.RelativeTimeFormat(locale, { numeric: "auto" }).format(-value, unit.name);
+      return new Intl.RelativeTimeFormat(locale, {
+        numeric: "auto"
+      }).format(-value, unit.name);
     }
   }
-};
+}, "timeAgo");
 
 // src/components/block/table/cell/Epoch.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var BlockEpochTableCell = ({
-  block,
-  linked,
-  ...props
-}) => {
+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__ */ jsx16(TableCell2, { ...props, children: /* @__PURE__ */ jsx16(Tooltip2, { title: `Block Epoch: ${dateTime}`, children: /* @__PURE__ */ jsx16(Typography4, { component: "span", variant: "body1", children: age ?? /* @__PURE__ */ jsx16(Skeleton2, { width: 115 }) }) }) });
-};
+  return /* @__PURE__ */ React16.createElement(TableCell2, props, /* @__PURE__ */ React16.createElement(Tooltip2, {
+    title: `Block Epoch: ${dateTime}`
+  }, /* @__PURE__ */ React16.createElement(Typography4, {
+    component: "span",
+    variant: "body1"
+  }, age ?? /* @__PURE__ */ React16.createElement(Skeleton2, {
+    width: 115
+  }))));
+}, "BlockEpochTableCell");
 
 // src/components/block/table/cell/Hash.tsx
-import {
-  Link,
-  TableCell as TableCell3,
-  Tooltip as Tooltip3
-} from "@mui/material";
+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 { useState as useState10 } from "react";
+import React18, { useState as useState10 } from "react";
 
 // src/components/FeatureNotAvailable.tsx
-import {
-  Button as Button2,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogTitle
-} from "@mui/material";
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
-var FeatureNotAvailable = ({ featureName = "Feature", ...props }) => /* @__PURE__ */ jsxs7(Dialog, { ...props, children: [
-  /* @__PURE__ */ jsx17(DialogTitle, { children: `${featureName} Not Available` }),
-  /* @__PURE__ */ jsx17(DialogContent, { children: "This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance." }),
-  /* @__PURE__ */ jsx17(DialogActions, { children: /* @__PURE__ */ jsx17(Button2, { onClick: (e) => props.onClose?.(e, "backdropClick"), children: "Close" }) })
-] });
+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, {
+  onClick: /* @__PURE__ */ __name((e) => props.onClose?.(e, "backdropClick"), "onClick")
+}, "Close"))), "FeatureNotAvailable");
 
 // src/components/block/table/cell/hooks/useLinkedBlockItem.tsx
 import { useEvent as useEvent2 } from "@xyo-network/react-event";
-var useLinkedBlockItem = (noun, data) => {
+var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
   const [ref, dispatch] = useEvent2();
-  const handleClick = (event) => {
+  const handleClick = /* @__PURE__ */ __name((event) => {
     event.preventDefault();
     event.stopPropagation();
     if (noun === void 0) {
@@ -1039,91 +1108,79 @@ var useLinkedBlockItem = (noun, data) => {
     if (!isTextSelected) {
       dispatch(noun, "click", data);
     }
-  };
-  return [ref, handleClick];
-};
+  }, "handleClick");
+  return [
+    ref,
+    handleClick
+  ];
+}, "useLinkedBlockItem");
 
 // src/components/block/table/cell/Hash.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
-var BlockHashTableCell = ({
-  block,
-  notAvailableDialog,
-  linked,
-  ...props
-}) => {
+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 shortenedHash = isHash2(hash) ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : void 0;
-  return /* @__PURE__ */ jsxs8(TableCell3, { ref, ...props, children: [
-    /* @__PURE__ */ jsx18(Tooltip3, { title: `Block Hash: ${hash}`, children: linked ? /* @__PURE__ */ jsx18(
-      Link,
-      {
-        sx: { cursor: "pointer" },
-        onClick: linked ? handleClick : () => setNotAvailable(true),
-        children: shortenedHash ?? /* @__PURE__ */ jsx18(ChipSkeleton, {})
-      }
-    ) : /* @__PURE__ */ jsx18("span", { children: shortenedHash ?? /* @__PURE__ */ jsx18(ChipSkeleton, {}) }) }),
-    notAvailableDialog && notAvailable ? /* @__PURE__ */ jsx18(FeatureNotAvailable, { featureName: "Block Details", open: notAvailable, onClick: () => setNotAvailable(false) }) : null
-  ] });
-};
+  return /* @__PURE__ */ React18.createElement(TableCell3, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React18.createElement(Tooltip3, {
+    title: `Block Hash: ${hash}`
+  }, linked ? /* @__PURE__ */ React18.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, {
+    featureName: "Block Details",
+    open: notAvailable,
+    onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
+  }) : null);
+}, "BlockHashTableCell");
 
 // src/components/block/table/cell/JsonView.tsx
 import { DataObject } from "@mui/icons-material";
-import {
-  Button as Button3,
-  Dialog as Dialog2,
-  DialogActions as DialogActions2,
-  DialogContent as DialogContent2,
-  DialogTitle as DialogTitle2,
-  IconButton as IconButton2,
-  TableCell as TableCell4
-} from "@mui/material";
+import { Button as Button3, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2, IconButton as IconButton2, TableCell as TableCell4 } from "@mui/material";
 import { ellipsize } from "@xylabs/eth-address";
 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 { useState as useState11 } from "react";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
-var BlockJsonViewTableCell = ({ block, ...props }) => {
+import React19, { useState as useState11 } from "react";
+var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
   const [open, setOpen] = useState11(false);
-  const onClose = () => setOpen(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__ */ jsx19(TableCell4, { ...props, children: /* @__PURE__ */ jsxs9(FlexRow3, { onClick: (e) => e.stopPropagation(), sx: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx19(IconButton2, { onClick: () => setOpen(true), children: /* @__PURE__ */ jsx19(DataObject, {}) }),
-    /* @__PURE__ */ jsxs9(Dialog2, { open, onClose, children: [
-      /* @__PURE__ */ jsx19(DialogTitle2, { children: title }),
-      /* @__PURE__ */ jsx19(DialogContent2, { children: /* @__PURE__ */ jsx19(JsonViewerEx, { value: block }) }),
-      /* @__PURE__ */ jsx19(
-        DialogActions2,
-        {
-          sx: {
-            display: "flex",
-            flexDirection: "row",
-            justifyContent: "end"
-          },
-          children: /* @__PURE__ */ jsx19(Button3, { variant: "contained", onClick: onClose, children: "Close" })
-        }
-      )
-    ] })
-  ] }) });
-};
+  return /* @__PURE__ */ React19.createElement(TableCell4, props, /* @__PURE__ */ React19.createElement(FlexRow3, {
+    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
+    sx: {
+      width: "100%"
+    }
+  }, /* @__PURE__ */ React19.createElement(IconButton2, {
+    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
+  }, /* @__PURE__ */ React19.createElement(DataObject, null)), /* @__PURE__ */ React19.createElement(Dialog2, {
+    open,
+    onClose
+  }, /* @__PURE__ */ React19.createElement(DialogTitle2, null, title), /* @__PURE__ */ React19.createElement(DialogContent2, null, /* @__PURE__ */ React19.createElement(JsonViewerEx, {
+    value: block
+  })), /* @__PURE__ */ React19.createElement(DialogActions2, {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      justifyContent: "end"
+    }
+  }, /* @__PURE__ */ React19.createElement(Button3, {
+    variant: "contained",
+    onClick: onClose
+  }, "Close")))));
+}, "BlockJsonViewTableCell");
 
 // 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 { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
-var BlockPayloadCountsTableCell = ({
-  block,
-  linked,
-  ...props
-}) => {
+import { Link as Link2, TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
+import React20 from "react";
+var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block);
   const data = block && privatePayloads !== void 0 && publicPayloads !== void 0 ? {
     publicPayloads,
@@ -1132,306 +1189,340 @@ var BlockPayloadCountsTableCell = ({
   } : void 0;
   const payloadCount = (publicPayloads ?? 0) + (privatePayloads ?? 0);
   const [ref, handleClick] = useLinkedBlockItem("payload-counts", data);
-  return /* @__PURE__ */ jsx20(TableCell5, { ref, ...props, children: /* @__PURE__ */ jsxs10("span", { children: [
-    error ? /* @__PURE__ */ jsx20(Tooltip4, { title: error.message, children: /* @__PURE__ */ jsx20(Error2, { color: "error" }) }) : null,
-    linked ? /* @__PURE__ */ jsx20(Tooltip4, { title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`, children: /* @__PURE__ */ jsx20(
-      Link2,
-      {
-        onClick: handleClick,
-        sx: { cursor: "pointer" },
-        children: payloadCount
-      }
-    ) }) : /* @__PURE__ */ jsx20(Tooltip4, { title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`, children: /* @__PURE__ */ jsx20("span", { children: payloadCount }) })
-  ] }) });
-};
+  return /* @__PURE__ */ React20.createElement(TableCell5, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React20.createElement("span", null, error ? /* @__PURE__ */ React20.createElement(Tooltip4, {
+    title: error.message
+  }, /* @__PURE__ */ React20.createElement(Error2, {
+    color: "error"
+  })) : null, linked ? /* @__PURE__ */ React20.createElement(Tooltip4, {
+    title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
+  }, /* @__PURE__ */ React20.createElement(Link2, {
+    onClick: handleClick,
+    sx: {
+      cursor: "pointer"
+    }
+  }, payloadCount)) : /* @__PURE__ */ React20.createElement(Tooltip4, {
+    title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
+  }, /* @__PURE__ */ React20.createElement("span", null, payloadCount))));
+}, "BlockPayloadCountsTableCell");
 
 // src/components/block/table/cell/Producer.tsx
 import { TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
-import React11 from "react";
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-var BlockProducerTableCell = ({
-  block,
-  linked,
-  notAvailableDialog,
-  producerChipProps,
-  ...props
-}) => {
+import React21 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] = React11.useState(false);
-  return /* @__PURE__ */ jsxs11(TableCell6, { ref, ...props, children: [
-    /* @__PURE__ */ jsx21(Tooltip5, { title: `Block Producer: ${producer}`, children: /* @__PURE__ */ jsx21(BlockProducerChip, { sx: { cursor: "pointer" }, onClick: linked ? handleClick : () => setNotAvailable(true), block, ...producerChipProps }) }),
-    notAvailableDialog && notAvailable ? /* @__PURE__ */ jsx21(FeatureNotAvailable, { featureName: "Producer Details", open: notAvailable, onClick: () => setNotAvailable(false) }) : null
-  ] });
-};
+  const [notAvailable, setNotAvailable] = React21.useState(false);
+  return /* @__PURE__ */ React21.createElement(TableCell6, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React21.createElement(Tooltip5, {
+    title: `Block Producer: ${producer}`
+  }, /* @__PURE__ */ React21.createElement(BlockProducerChip, {
+    sx: {
+      cursor: "pointer"
+    },
+    onClick: linked ? handleClick : () => setNotAvailable(true),
+    block,
+    ...producerChipProps
+  })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React21.createElement(FeatureNotAvailable, {
+    featureName: "Producer Details",
+    open: notAvailable,
+    onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
+  }) : null);
+}, "BlockProducerTableCell");
 
 // 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 { useMemo as useMemo10 } from "react";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-var BlockTransactionCountTableCell = ({
-  block,
-  linked,
-  ...props
-}) => {
+import { Link as Link3, TableCell as TableCell7, Tooltip as Tooltip6 } from "@mui/material";
+import React22, { useMemo as useMemo10 } from "react";
+var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [transactions, error] = useTxsFromBlock(block);
-  const txHashes = useMemo10(() => transactions?.map(([, hash]) => hash), [transactions]);
+  const txHashes = useMemo10(() => transactions?.map(([, hash]) => hash), [
+    transactions
+  ]);
   const data = block && transactions !== void 0 ? {
     transactions: transactions.length,
     block: block[0]._hash
   } : void 0;
   const [ref, handleClick] = useLinkedBlockItem("transaction-count", data);
-  return /* @__PURE__ */ jsx22(TableCell7, { ref, ...props, children: /* @__PURE__ */ jsxs12("span", { children: [
-    error ? /* @__PURE__ */ jsx22(Tooltip6, { title: error.message, children: /* @__PURE__ */ jsx22(Error3, { color: "error" }) }) : null,
-    linked ? /* @__PURE__ */ jsx22(Link3, { onClick: handleClick, sx: { cursor: "pointer" }, children: txHashes?.length }) : txHashes?.length
-  ] }) });
-};
+  return /* @__PURE__ */ React22.createElement(TableCell7, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React22.createElement("span", null, error ? /* @__PURE__ */ React22.createElement(Tooltip6, {
+    title: error.message
+  }, /* @__PURE__ */ React22.createElement(Error3, {
+    color: "error"
+  })) : null, linked ? /* @__PURE__ */ React22.createElement(Link3, {
+    onClick: handleClick,
+    sx: {
+      cursor: "pointer"
+    }
+  }, txHashes?.length) : txHashes?.length));
+}, "BlockTransactionCountTableCell");
 
 // src/components/block/table/cell/Verification.tsx
 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 { jsx as jsx23 } from "react/jsx-runtime";
-var BlockVerificationTableCell = ({
-  block,
-  linked,
-  deepValidation,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx23(TableCell8, { ...props, children: /* @__PURE__ */ jsx23(FlexRow4, { onClick: (e) => e.stopPropagation(), sx: { width: "100%" }, children: deepValidation ? /* @__PURE__ */ jsx23(BWVerification2, { iconColors: true, boundwitness: block?.[0] }) : /* @__PURE__ */ jsx23(CheckCircleOutlineRounded, { color: "success" }) }) });
-};
+import React23 from "react";
+var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, deepValidation, ...props }) => {
+  return /* @__PURE__ */ React23.createElement(TableCell8, props, /* @__PURE__ */ React23.createElement(FlexRow4, {
+    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
+    sx: {
+      width: "100%"
+    }
+  }, deepValidation ? /* @__PURE__ */ React23.createElement(BWVerification2, {
+    iconColors: true,
+    boundwitness: block?.[0]
+  }) : /* @__PURE__ */ React23.createElement(CheckCircleOutlineRounded, {
+    color: "success"
+  })));
+}, "BlockVerificationTableCell");
 
 // src/components/block/table/Ex.tsx
 import { TableBody } from "@mui/material";
 import { TableEx } from "@xyo-network/react-table";
+import React25 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 { TableCell as TableCell9, TableHead, TableRow, Tooltip as Tooltip7, Typography as Typography5 } from "@mui/material";
 import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
-var ToolTipTableCell = ({
-  children,
-  align,
-  title,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx24(TableCell9, { title, ...props, children: /* @__PURE__ */ jsxs13(FlexRow5, { justifyContent: align, children: [
-    /* @__PURE__ */ jsx24(Typography5, { variant: "body2", children }),
-    "\xA0",
-    /* @__PURE__ */ jsx24(Tooltip7, { title, children: /* @__PURE__ */ jsx24(InfoOutline, { fontSize: "small" }) })
-  ] }) });
-};
-var BlockchainTableHead = () => {
-  return /* @__PURE__ */ jsx24(TableHead, { children: /* @__PURE__ */ jsxs13(TableRow, { children: [
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { align: "left", title: "The block number that is included in the block", children: "Block" }),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { title: "The hash of the block", sx: { width: "20%" }, children: "Hash" }),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { title: "The epoch of the block", sx: { width: "20%" }, children: "Epoch" }),
-    /* @__PURE__ */ jsx24(
-      ToolTipTableCell,
-      {
-        align: "left",
-        title: "The address of the block producer that produced the block",
-        sx: { width: "20%" },
-        children: "Block Producer"
-      }
-    ),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { align: "left", title: "Count of transactions that are included in the block", children: "Transactions" }),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { align: "left", title: "Count of public and private payload counts for the block", children: "Payloads" }),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { align: "center", title: "The result of the local validation check for the block", children: "Valid" }),
-    /* @__PURE__ */ jsx24(ToolTipTableCell, { align: "center", title: "Link to display the raw JSON of the block", children: "JSON" })
-  ] }) });
-};
+import React24 from "react";
+var ToolTipTableCell = /* @__PURE__ */ __name(({ children, align, title, ...props }) => {
+  return /* @__PURE__ */ React24.createElement(TableCell9, {
+    title,
+    ...props
+  }, /* @__PURE__ */ React24.createElement(FlexRow5, {
+    justifyContent: align
+  }, /* @__PURE__ */ React24.createElement(Typography5, {
+    variant: "body2"
+  }, children), "\xA0", /* @__PURE__ */ React24.createElement(Tooltip7, {
+    title
+  }, /* @__PURE__ */ React24.createElement(InfoOutline, {
+    fontSize: "small"
+  }))));
+}, "ToolTipTableCell");
+var BlockchainTableHead = /* @__PURE__ */ __name(() => {
+  return /* @__PURE__ */ React24.createElement(TableHead, null, /* @__PURE__ */ React24.createElement(TableRow, null, /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "The block number that is included in the block"
+  }, "Block"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    title: "The hash of the block",
+    sx: {
+      width: "20%"
+    }
+  }, "Hash"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    title: "The epoch of the block",
+    sx: {
+      width: "20%"
+    }
+  }, "Epoch"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "The address of the block producer that produced the block",
+    sx: {
+      width: "20%"
+    }
+  }, "Block Producer"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "Count of transactions that are included in the block"
+  }, "Transactions"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "Count of public and private payload counts for the block"
+  }, "Payloads"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "center",
+    title: "The result of the local validation check for the block"
+  }, "Valid"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+    align: "center",
+    title: "Link to display the raw JSON of the block"
+  }, "JSON")));
+}, "BlockchainTableHead");
 
 // src/components/block/table/Ex.tsx
-import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
-var BlockchainTableEx = ({
-  ref,
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs14(TableEx, { ref, ...props, children: [
-    /* @__PURE__ */ jsx25(BlockchainTableHead, {}),
-    /* @__PURE__ */ jsx25(TableBody, { children })
-  ] });
-};
+var BlockchainTableEx = /* @__PURE__ */ __name(({ ref, children, ...props }) => {
+  return /* @__PURE__ */ React25.createElement(TableEx, {
+    ref,
+    ...props
+  }, /* @__PURE__ */ React25.createElement(BlockchainTableHead, null), /* @__PURE__ */ React25.createElement(TableBody, null, children));
+}, "BlockchainTableEx");
 BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
 import { TableRow as TableRow2, useTheme } from "@mui/material";
 import { alphaCss } from "@xylabs/react-theme";
 import { usePayloadRootHash as usePayloadRootHash3 } from "@xyo-network/react-shared";
-import { useMemo as useMemo11 } from "react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
-var BlockChainTableRow = ({
-  block,
-  deepValidation,
-  defaultExpanded,
-  linked,
-  sx,
-  ...props
-}) => {
-  const linkedTableCellProps = useMemo11(() => ({ block, linked }), [block, linked]);
-  const defaultTableCellProps = useMemo11(() => ({ block }), [block]);
+import React26, { useMemo as useMemo11 } from "react";
+var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaultExpanded, linked, sx, ...props }) => {
+  const linkedTableCellProps = useMemo11(() => ({
+    block,
+    linked
+  }), [
+    block,
+    linked
+  ]);
+  const defaultTableCellProps = useMemo11(() => ({
+    block
+  }), [
+    block
+  ]);
   const hash = usePayloadRootHash3(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs15(
-    TableRow2,
-    {
-      onClick: linked ? handleClick : void 0,
-      ref,
-      sx: {
-        "cursor": linked ? "pointer" : "default",
-        "overflowY": "scroll",
-        "&:hover": { backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.15) },
-        ...sx
+  return /* @__PURE__ */ React26.createElement(TableRow2, {
+    onClick: linked ? handleClick : void 0,
+    ref,
+    sx: {
+      "cursor": linked ? "pointer" : "default",
+      "overflowY": "scroll",
+      "&:hover": {
+        backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.15)
       },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx26(BlockNumberTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockHashTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockEpochTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockProducerTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockTransactionCountTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockPayloadCountsTableCell, { align: "left", ...linkedTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockVerificationTableCell, { deepValidation, ...defaultTableCellProps }),
-        /* @__PURE__ */ jsx26(BlockJsonViewTableCell, { ...defaultTableCellProps })
-      ]
-    }
-  );
-};
+      ...sx
+    },
+    ...props
+  }, /* @__PURE__ */ React26.createElement(BlockNumberTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockHashTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockEpochTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockProducerTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockTransactionCountTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockPayloadCountsTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React26.createElement(BlockVerificationTableCell, {
+    deepValidation,
+    ...defaultTableCellProps
+  }), /* @__PURE__ */ React26.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 { 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 { memo } from "react";
+import React31, { 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 { useState as useState12 } from "react";
+import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle3, IconButton as IconButton3 } from "@mui/material";
+import React29, { useState as useState12 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
-import {
-  ListItem,
-  styled,
-  Typography as Typography6
-} from "@mui/material";
+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 { useMemo as useMemo12 } from "react";
+import React28, { useMemo as useMemo12 } 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 { 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 { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
-var ChainProducerStatsTable = ({ producers, ...props }) => {
+import React27 from "react";
+var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
   const theme = useTheme2();
-  return /* @__PURE__ */ jsxs16(Table, { ...props, children: [
-    /* @__PURE__ */ jsx27(TableHead2, { children: /* @__PURE__ */ jsxs16(TableRow3, { children: [
-      /* @__PURE__ */ jsx27(TableCell10, { children: "Address" }),
-      /* @__PURE__ */ jsx27(TableCell10, { children: "Blocks Produced" }),
-      /* @__PURE__ */ jsx27(TableCell10, { children: "Rewards Earned Produced" })
-    ] }) }),
-    /* @__PURE__ */ jsx27(TableBody2, { children: producers?.map((producer) => /* @__PURE__ */ jsxs16(TableRow3, { children: [
-      /* @__PURE__ */ jsx27(TableCell10, { children: /* @__PURE__ */ jsx27(BlockiesAvatar2, { blockiesOptions: { seed: producer.address }, sx: { height: theme.spacing(2.75), width: theme.spacing(2.75) } }) }),
-      /* @__PURE__ */ jsx27(TableCell10, { children: producer.blocksProduced.toString() }),
-      /* @__PURE__ */ jsx27(TableCell10, { children: producer.rewardsEarned.toString() })
-    ] }, producer.address)) })
-  ] });
-};
+  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, {
+    key: producer.address
+  }, /* @__PURE__ */ React27.createElement(TableCell10, null, /* @__PURE__ */ React27.createElement(BlockiesAvatar2, {
+    blockiesOptions: {
+      seed: producer.address
+    },
+    sx: {
+      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())))));
+}, "ChainProducerStatsTable");
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
-var BlockProducerStatsFlexbox = ({ payload, ...props }) => {
+var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) => {
   const [producer, producerError] = useMemo12(() => {
     if (payload) {
-      return isChainSummaryProducers(payload) ? [payload] : [void 0, new Error("Payload is not a Chain Producer")];
+      return isChainSummaryProducers(payload) ? [
+        payload
+      ] : [
+        void 0,
+        new Error("Payload is not a Chain Producer")
+      ];
     } else {
       return [];
     }
-  }, [payload]);
-  const producersArray = useMemo12(() => Object.values(producer?.producers ?? {}), [producer]);
-  return /* @__PURE__ */ jsxs17(FlexCol3, { alignItems: "start", gap: 1, ...props, children: [
-    /* @__PURE__ */ jsx28(ErrorRender3, { error: producerError, scope: "BlockProducerStatsFlexbox" }),
-    /* @__PURE__ */ jsx28(Typography6, { fontSize: "1rem", children: "Block Producers" }),
-    /* @__PURE__ */ jsx28(ChainProducerStatsTable, { producers: producersArray })
-  ] });
-};
+  }, [
+    payload
+  ]);
+  const producersArray = useMemo12(() => Object.values(producer?.producers ?? {}), [
+    producer
+  ]);
+  return /* @__PURE__ */ React28.createElement(FlexCol3, {
+    alignItems: "start",
+    gap: 1,
+    ...props
+  }, /* @__PURE__ */ React28.createElement(ErrorRender3, {
+    error: producerError,
+    scope: "BlockProducerStatsFlexbox"
+  }), /* @__PURE__ */ React28.createElement(Typography6, {
+    fontSize: "1rem"
+  }, "Block Producers"), /* @__PURE__ */ React28.createElement(ChainProducerStatsTable, {
+    producers: producersArray
+  }));
+}, "BlockProducerStatsFlexbox");
 var StyledListItem = styled(ListItem)(() => ({
   paddingTop: 0,
   paddingBottom: 0
 }));
 
 // src/components/chain/stats/Dialog.tsx
-import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
-var ChainAnalyzerStatsDialog = (props) => {
+var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   const { analyzers, statsUpdated } = useChainAnalyzersContext();
-  return /* @__PURE__ */ jsxs18(Dialog3, { ...props, children: [
-    /* @__PURE__ */ jsx29(DialogTitle3, { children: "Chain Analysis" }),
-    /* @__PURE__ */ jsx29(DialogContent3, { children: statsUpdated > 0 && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ jsx29("div", { children: id2 === "producers" && /* @__PURE__ */ jsx29(BlockProducerStatsFlexbox, { payload: analyzer.result() }) }, id2)) })
-  ] });
-};
-var ChainAnalyzerStatsDialogFromContext = (props) => {
+  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", {
+    key: id2
+  }, id2 === "producers" && /* @__PURE__ */ React29.createElement(BlockProducerStatsFlexbox, {
+    payload: analyzer.result()
+  })))));
+}, "ChainAnalyzerStatsDialog");
+var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
   const [open, setOpen] = useState12(false);
-  const handleClose = () => setOpen(false);
-  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
-    /* @__PURE__ */ jsx29(IconButton3, { onClick: () => setOpen(true), children: /* @__PURE__ */ jsx29(QueryStats, {}) }),
-    /* @__PURE__ */ jsx29(ChainAnalyzerStatsDialog, { onClose: handleClose, open, ...props })
-  ] });
-};
+  const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
+  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IconButton3, {
+    onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
+  }, /* @__PURE__ */ React29.createElement(QueryStats, null)), /* @__PURE__ */ React29.createElement(ChainAnalyzerStatsDialog, {
+    onClose: handleClose,
+    open,
+    ...props
+  }));
+}, "ChainAnalyzerStatsDialogFromContext");
 
 // src/components/chain/controls/PulseSvgIcon.tsx
-import {
-  createSvgIcon,
-  keyframes,
-  styled as styled2
-} from "@mui/material";
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
-var PulseSvgIcon = createSvgIcon(
-  /* @__PURE__ */ jsx30("svg", { viewBox: "0 0 80 80", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxs19("g", { transform: "translate(34,34)", children: [
-    /* @__PURE__ */ jsx30("circle", { className: "core", cx: "0", cy: "0", r: "6" }),
-    /* @__PURE__ */ jsx30("circle", { className: "radar", cx: "0", cy: "0", r: "6" })
-  ] }) }),
-  "PulseSvgIcon"
-);
+import { createSvgIcon, keyframes, styled as styled2 } from "@mui/material";
+import React30 from "react";
+var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React30.createElement("svg", {
+  viewBox: "0 0 80 80",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /* @__PURE__ */ React30.createElement("g", {
+  transform: "translate(34,34)"
+}, /* @__PURE__ */ React30.createElement("circle", {
+  className: "core",
+  cx: "0",
+  cy: "0",
+  r: "6"
+}), /* @__PURE__ */ React30.createElement("circle", {
+  className: "radar",
+  cx: "0",
+  cy: "0",
+  r: "6"
+}))), "PulseSvgIcon");
 var pulse1 = keyframes`
   0% {
     opacity: 0;
@@ -1487,62 +1578,57 @@ var StyledPulseSvgIcon = styled2(PulseSvgIcon)(({ theme }) => {
 });
 
 // src/components/chain/controls/PollingControlsFlexbox.tsx
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
-var PollingControlsFlexbox = ({
-  blocksBehind,
-  pollingState,
-  setPollingState
-}) => {
+var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingState, setPollingState }) => {
   const paused = pollingState === "paused";
   const running = pollingState === "running";
-  return /* @__PURE__ */ jsxs20(FlexRow6, { justifyContent: "space-between", width: "100%", children: [
-    /* @__PURE__ */ jsxs20(FlexRow6, { gap: 2, children: [
-      running && /* @__PURE__ */ jsx31(IconButton4, { onClick: () => setPollingState?.("paused"), title: "Pause Block Stream", children: /* @__PURE__ */ jsx31(Pause, {}) }),
-      paused && /* @__PURE__ */ jsx31(IconButton4, { onClick: () => setPollingState?.("running"), title: "Re-Sync Block Stream", children: /* @__PURE__ */ jsx31(Autorenew, {}) }),
-      /* @__PURE__ */ jsx31(ChainAnalyzerStatsDialogFromContext, {})
-    ] }),
-    /* @__PURE__ */ jsxs20(FlexRow6, { gap: 2, children: [
-      /* @__PURE__ */ jsx31(Grow, { in: (blocksBehind ?? 0) > 0, children: /* @__PURE__ */ jsx31(Tooltip8, { title: "Click to Re-Sync", children: /* @__PURE__ */ jsx31(
-        Alert3,
-        {
-          sx: {
-            py: 0,
-            px: 1,
-            cursor: "pointer"
-          },
-          severity: "warning",
-          onClick: () => setPollingState?.("running"),
-          children: /* @__PURE__ */ jsxs20(AlertTitle2, { sx: { mb: 0 }, children: [
-            "Behind:",
-            " ",
-            blocksBehind
-          ] })
-        }
-      ) }) }),
-      /* @__PURE__ */ jsx31(Icon2, { children: /* @__PURE__ */ jsx31(StyledPulseSvgIcon, { className: running ? "" : "paused" }) })
-    ] })
-  ] });
-};
-var MemoizedPollingControlsFlexbox = memo(PollingControlsFlexbox);
+  return /* @__PURE__ */ React31.createElement(FlexRow6, {
+    justifyContent: "space-between",
+    width: "100%"
+  }, /* @__PURE__ */ React31.createElement(FlexRow6, {
+    gap: 2
+  }, running && /* @__PURE__ */ React31.createElement(IconButton4, {
+    onClick: /* @__PURE__ */ __name(() => setPollingState?.("paused"), "onClick"),
+    title: "Pause Block Stream"
+  }, /* @__PURE__ */ React31.createElement(Pause, null)), paused && /* @__PURE__ */ React31.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, {
+    gap: 2
+  }, /* @__PURE__ */ React31.createElement(Grow, {
+    in: (blocksBehind ?? 0) > 0
+  }, /* @__PURE__ */ React31.createElement(Tooltip8, {
+    title: "Click to Re-Sync"
+  }, /* @__PURE__ */ React31.createElement(Alert3, {
+    sx: {
+      py: 0,
+      px: 1,
+      cursor: "pointer"
+    },
+    severity: "warning",
+    onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick")
+  }, /* @__PURE__ */ React31.createElement(AlertTitle2, {
+    sx: {
+      mb: 0
+    }
+  }, "Behind:", " ", blocksBehind)))), /* @__PURE__ */ React31.createElement(Icon2, null, /* @__PURE__ */ React31.createElement(StyledPulseSvgIcon, {
+    className: running ? "" : "paused"
+  }))));
+}, "PollingControlsFlexbox");
+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 { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
-var TransactionsDialog = (props) => {
-  return /* @__PURE__ */ jsxs21(Dialog4, { ...props, children: [
-    /* @__PURE__ */ jsx32(DialogContent4, { children: "Transactions Dialog" }),
-    /* @__PURE__ */ jsx32(DialogActions3, { children: /* @__PURE__ */ jsx32(Button4, { variant: "outlined", onClick: (e) => props?.onClose?.(e, "escapeKeyDown"), children: "Close" }) })
-  ] });
-};
+import { Button as Button4, Dialog as Dialog4, DialogActions as DialogActions3, DialogContent as DialogContent4 } from "@mui/material";
+import React32 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, {
+    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";
-var useOnBlock = (initialHeadNumber, onAddBlock, liveHead, pollingState) => {
+var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead, pollingState) => {
   const blocksWhilePaused = useRef3([]);
   const lastLiveHead = useRef3(liveHead);
   useEffect3(() => {
@@ -1565,52 +1651,63 @@ var useOnBlock = (initialHeadNumber, onAddBlock, liveHead, pollingState) => {
         void onAddBlock(liveHead);
       }
     }
-  }, [liveHead, pollingState]);
+  }, [
+    liveHead,
+    pollingState
+  ]);
   return blocksWhilePaused.current;
-};
+}, "useOnBlock");
 
 // src/components/chain/pagination/BlockChainPagination.tsx
 import { TablePaginationActions } from "@xyo-network/react-payload-table";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var BlockChainPagination = ({
-  count = 0,
-  onPageChange,
-  page,
-  rowsPerPage = 10
-}) => {
-  return /* @__PURE__ */ jsx33(TablePaginationActions, { count, onPageChange, page, rowsPerPage });
-};
+import React33 from "react";
+var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, page, rowsPerPage = 10 }) => {
+  return /* @__PURE__ */ React33.createElement(TablePaginationActions, {
+    count,
+    onPageChange,
+    page,
+    rowsPerPage
+  });
+}, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
 import { useMemo as useMemo13, useState as useState13 } from "react";
-var useChainPagination = (pageSize, blockComponents) => {
+var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
   const [page, setPage] = useState13(0);
   const paginatedBlockComponents = useMemo13(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
     return blockComponents?.slice(startIndex, endIndex);
-  }, [blockComponents, page, pageSize]);
-  const onPageChange = (_event, newPage) => {
+  }, [
+    blockComponents,
+    page,
+    pageSize
+  ]);
+  const onPageChange = /* @__PURE__ */ __name((_event, newPage) => {
     setPage(newPage);
-  };
+  }, "onPageChange");
   return {
     onPageChange,
     page,
     paginatedBlockComponents
   };
-};
+}, "useChainPagination");
 
 // src/components/chain/render/dynamic/flexbox/variants/Base.tsx
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
 import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
+import React35 from "react";
 
 // src/components/chain/list/Animated.tsx
 import { AnimatedList } from "@xylabs/react-animation";
+import React34 from "react";
 
 // src/components/chain/styled/BlockListWrapperFlexbox.tsx
 import { styled as styled3 } from "@mui/material";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
-var BlockListWrapperFlexBox = styled3(FlexCol4, { name: "BlockListWrapperFlexbox" })(() => ({
+var BlockListWrapperFlexBox = styled3(FlexCol4, {
+  name: "BlockListWrapperFlexbox"
+})(() => ({
   "& > div:nth-of-type(2) .block-heading-flexbox .divider-spacer": {
     // hide the spacer for the first element
     visibility: "hidden"
@@ -1623,42 +1720,40 @@ var BlockListWrapperFlexBox = styled3(FlexCol4, { name: "BlockListWrapperFlexbox
 }));
 
 // src/components/chain/list/Animated.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var BlockListAnimated = ({ blockChainRenderComponents }) => {
-  return /* @__PURE__ */ jsx34(
-    BlockListWrapperFlexBox,
-    {
-      alignItems: "stretch",
-      width: "100%",
-      children: /* @__PURE__ */ jsx34(
-        AnimatedList,
-        {
-          fullWidth: true,
-          items: blockChainRenderComponents
-        }
-      )
-    }
-  );
-};
+var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents }) => {
+  return /* @__PURE__ */ React34.createElement(BlockListWrapperFlexBox, {
+    alignItems: "stretch",
+    width: "100%"
+  }, /* @__PURE__ */ React34.createElement(AnimatedList, {
+    fullWidth: true,
+    items: blockChainRenderComponents
+  }));
+}, "BlockListAnimated");
 
 // src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts
 import { useMemo as useMemo14 } from "react";
-var useDynamicBlockRenderComponents = (BlockComponent, blockChainRenderProps) => {
+var useDynamicBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
-  const chainIteratorParams = useMemo14(() => blockChainRenderProps ?? { name: "unknown" }, [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],
+    errors: [
+      paramsError
+    ],
     blockChainRenderComponents,
     blocksWhilePaused,
     updatePollingState,
     pollingState
   };
-};
+}, "useDynamicBlockRenderComponents");
 
 // src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
 import { usePromise as usePromise6 } from "@xylabs/react-promise";
@@ -1668,94 +1763,111 @@ import { useMemo as useMemo15 } from "react";
 import { assertEx as assertEx4 } from "@xylabs/assert";
 import { asArchivistInstance } from "@xyo-network/archivist-model";
 import { HttpBridge, HttpBridgeConfigSchema } from "@xyo-network/bridge-http";
-var getChainArchivistFromBridge = async (params) => {
+var getChainArchivistFromBridge = /* @__PURE__ */ __name(async (params) => {
   const { url, chainArchivistModuleId } = params;
-  const config = { schema: HttpBridgeConfigSchema, client: { url } };
-  const bridge = await HttpBridge.create({ config });
+  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 = () => {
+var getChainId = /* @__PURE__ */ __name(() => {
   return id;
-};
+}, "getChainId");
 
 // src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
-var useRemoteBlockChainRenderProps = (chainArchivistModuleId, url, blockChainRenderPropsArg) => {
+var useRemoteBlockChainRenderProps = /* @__PURE__ */ __name((chainArchivistModuleId, url, blockChainRenderPropsArg) => {
   const [chainArchivist, chainArchivistError] = usePromise6(async () => {
     if (url !== void 0 && chainArchivistModuleId !== void 0) {
-      return await getChainArchivistFromBridge({ url, chainArchivistModuleId });
+      return await getChainArchivistFromBridge({
+        url,
+        chainArchivistModuleId
+      });
     }
-  }, [url, chainArchivistModuleId]);
+  }, [
+    url,
+    chainArchivistModuleId
+  ]);
   const blockChainRenderProps = useMemo15(() => ({
     ...blockChainRenderPropsArg,
     chainArchivist,
     name: "blockChainRenderProps"
-  }), [blockChainRenderPropsArg, chainArchivist]);
+  }), [
+    blockChainRenderPropsArg,
+    chainArchivist
+  ]);
   return {
     blockChainRenderProps,
     error: chainArchivistError
   };
-};
+}, "useRemoteBlockChainRenderProps");
 
 // src/components/chain/render/dynamic/flexbox/variants/Base.tsx
-import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
-var DynamicListBase = ({ blockChainRenderProps, ...props }) => {
-  const {
-    errors,
-    blockChainRenderComponents,
-    blocksWhilePaused,
+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,
-    updatePollingState
-  } = useDynamicBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ jsxs22(FlexCol5, { alignItems: "start", ...props, children: [
-    errors?.map((error) => /* @__PURE__ */ jsx35(ErrorRender4, { error, scope: "DynamicBlockchainRenderFlexboxInner" }, error?.name)),
-    /* @__PURE__ */ jsx35(
-      MemoizedPollingControlsFlexbox,
-      {
-        blocksBehind: blocksWhilePaused?.length,
-        pollingState,
-        setPollingState: updatePollingState
-      }
-    ),
-    /* @__PURE__ */ jsx35(BlockListAnimated, { blockChainRenderComponents })
-  ] });
-};
+    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 { useMemo as useMemo16 } from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var WithAnalysis = ({ blockChainRenderProps, ...props }) => {
+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() };
+      return {
+        producers: new ChainProducersAnalyzer()
+      };
     }
-  }, [chainId]);
-  return /* @__PURE__ */ jsx36(ChainAnalyzersProvider, { analyzers, children: /* @__PURE__ */ jsx36(ChainPollingProvider, { children: /* @__PURE__ */ jsx36(DynamicListBase, { blockChainRenderProps, ...props }) }) });
-};
+  }, [
+    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 { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
-var WithRemote = ({
-  url,
-  chainArchivistModuleId,
-  blockChainRenderProps: blockChainRenderPropsArg,
-  ...props
-}) => {
+import React37 from "react";
+var WithRemote = /* @__PURE__ */ __name(({ url, chainArchivistModuleId, blockChainRenderProps: blockChainRenderPropsArg, ...props }) => {
   const { error, blockChainRenderProps } = useRemoteBlockChainRenderProps(chainArchivistModuleId, url, blockChainRenderPropsArg);
-  return /* @__PURE__ */ jsxs23(Fragment7, { children: [
-    /* @__PURE__ */ jsx37(ErrorRender5, { error, scope: "RemoteChainProviderFlexbox" }),
-    /* @__PURE__ */ jsx37(WithAnalysis, { blockChainRenderProps, ...props })
-  ] });
-};
+  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 = {
@@ -1767,154 +1879,155 @@ var DynamicBlockchainRenderFlexbox = {
 // 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";
 var DEFAULT_PAGE_SIZE = 25;
-var useStaticBlockRenderComponents = (BlockComponent, blockChainRenderProps) => {
+var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
   const pageSize = blockChainRenderProps?.pageSize ?? DEFAULT_PAGE_SIZE;
-  const chainIteratorParams = useMemo17(() => blockChainRenderProps ?? { name: "unknown" }, [blockChainRenderProps]);
+  const chainIteratorParams = useMemo17(() => blockChainRenderProps ?? {
+    name: "unknown"
+  }, [
+    blockChainRenderProps
+  ]);
   const [params, paramsError] = useChainIteratorParams(chainIteratorParams);
   const [blocks, blocksError] = useIterateChain(params, maxBlocks);
   const { blockComponents, errors: blockComponentsError } = useStaticBlockComponents(BlockComponent, params, blocks);
-  const {
-    onPageChange,
-    page,
-    paginatedBlockComponents
-  } = useChainPagination(pageSize, blockComponents);
+  const { onPageChange, page, paginatedBlockComponents } = useChainPagination(pageSize, blockComponents);
   return {
     paginatedBlockComponents,
     blockComponents,
-    errors: [paramsError, blocksError, blockComponentsError].filter(exists),
+    errors: [
+      paramsError,
+      blocksError,
+      blockComponentsError
+    ].filter(exists),
     onPageChange,
     page,
     pageSize
   };
-};
+}, "useStaticBlockRenderComponents");
 
 // src/components/chain/render/static/flexbox/variants/Base.tsx
-import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
-var StaticListBase = ({ blockChainRenderProps, ...props }) => {
-  const {
-    blockComponents,
-    errors,
-    paginatedBlockComponents,
+var StaticListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
+  const { blockComponents, errors, paginatedBlockComponents, onPageChange, page, pageSize } = useStaticBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
+  return /* @__PURE__ */ React38.createElement(FlexCol6, {
+    alignItems: "start",
+    gap: 2,
+    width: "100%",
+    ...props
+  }, errors?.map((error) => /* @__PURE__ */ React38.createElement(ErrorRender6, {
+    error,
+    key: error.name,
+    scope: "StaticBlockchainFlexboxInner"
+  })), (paginatedBlockComponents?.length ?? 0) > 0 ? /* @__PURE__ */ React38.createElement(FlexGrowRow2, {
+    justifyContent: "space-between",
+    width: "100%"
+  }, /* @__PURE__ */ React38.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React38.createElement(BlockChainPagination, {
+    count: blockComponents?.length ?? 0,
     onPageChange,
     page,
-    pageSize
-  } = useStaticBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ jsxs24(FlexCol6, { alignItems: "start", gap: 2, width: "100%", ...props, children: [
-    errors?.map((error) => /* @__PURE__ */ jsx38(ErrorRender6, { error, scope: "StaticBlockchainFlexboxInner" }, error.name)),
-    (paginatedBlockComponents?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs24(FlexGrowRow2, { justifyContent: "space-between", width: "100%", children: [
-      /* @__PURE__ */ jsx38(ChainAnalyzerStatsDialogFromContext, {}),
-      /* @__PURE__ */ jsx38(BlockChainPagination, { count: blockComponents?.length ?? 0, onPageChange, page, rowsPerPage: pageSize })
-    ] }) : null,
-    /* @__PURE__ */ jsx38(BlockListAnimated, { blockChainRenderComponents: paginatedBlockComponents })
-  ] });
-};
+    rowsPerPage: pageSize
+  })) : null, /* @__PURE__ */ React38.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 { useMemo as useMemo18 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var WithAnalysis2 = ({ blockChainRenderProps, ...props }) => {
+import React39, { useMemo as useMemo18 } from "react";
+var WithAnalysis2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { chainId } = blockChainRenderProps ?? {};
   const analyzers = useMemo18(() => {
     if (isAddress2(chainId)) {
-      return { producers: new ChainProducersAnalyzer2() };
+      return {
+        producers: new ChainProducersAnalyzer2()
+      };
     }
-  }, [chainId]);
-  return /* @__PURE__ */ jsx39(ChainAnalyzersProvider, { analyzers, children: /* @__PURE__ */ jsx39(StaticListBase, { blockChainRenderProps, ...props }) });
-};
+  }, [
+    chainId
+  ]);
+  return /* @__PURE__ */ React39.createElement(ChainAnalyzersProvider, {
+    analyzers
+  }, /* @__PURE__ */ React39.createElement(StaticListBase, {
+    blockChainRenderProps,
+    ...props
+  }));
+}, "WithAnalysis");
 
 // src/components/chain/render/static/flexbox/Flexbox.tsx
-var StaticBlockchainRenderFlexBox = { Base: StaticListBase, WithAnalysis: WithAnalysis2 };
+var StaticBlockchainRenderFlexBox = {
+  Base: StaticListBase,
+  WithAnalysis: WithAnalysis2
+};
 
 // src/components/payload/builder/Flexbox.tsx
 import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import { useState as useState14 } from "react";
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
-var PayloadBuilderFlexbox = ({
-  BuilderComponent,
-  onBuild,
-  ...props
-}) => {
+import React40, { useState as useState14 } from "react";
+var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
   const [payload, setPayload] = useState14();
-  const onBuildLocal = (payload2) => {
+  const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
-  };
-  return /* @__PURE__ */ jsxs25(FlexCol7, { gap: 2, ...props, children: [
-    /* @__PURE__ */ jsx40(BuilderComponent, { onBuild: onBuildLocal }),
-    payload && /* @__PURE__ */ jsx40(JsonViewerEx2, { value: payload })
-  ] });
-};
+  }, "onBuildLocal");
+  return /* @__PURE__ */ React40.createElement(FlexCol7, {
+    gap: 2,
+    ...props
+  }, /* @__PURE__ */ React40.createElement(BuilderComponent, {
+    onBuild: onBuildLocal
+  }), payload && /* @__PURE__ */ React40.createElement(JsonViewerEx2, {
+    value: payload
+  }));
+}, "PayloadBuilderFlexbox");
 
 // 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 { useMemo as useMemo20, useState as useState17 } from "react";
+import React43, { useMemo as useMemo20, useState as useState17 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
-import {
-  FormControl as FormControl3,
-  FormHelperText as FormHelperText2,
-  TextField as TextField3
-} from "@mui/material";
-import { useState as useState15 } from "react";
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
-var BlockNumberTextField = ({
-  errorMessage,
-  onBlockNumberChanged,
-  onChange,
-  ...props
-}) => {
+import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
+import React41, { useState as useState15 } from "react";
+var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
   const [blockNumber, setBlockNumber] = useState15();
-  const handleChange = (e) => {
+  const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
     setBlockNumber(value.length > 0 ? Number(value) : void 0);
     onBlockNumberChanged?.(Number.parseInt(value));
     onChange?.(e);
-  };
+  }, "handleChange");
   const errored = errorMessage !== void 0;
-  return /* @__PURE__ */ jsxs26(FormControl3, { fullWidth: true, children: [
-    /* @__PURE__ */ jsx41(
-      TextField3,
-      {
-        error: errored,
-        onChange: handleChange,
-        type: "number",
-        value: blockNumber ?? "",
-        ...props
-      }
-    ),
-    errored && /* @__PURE__ */ jsx41(FormHelperText2, { sx: { color: "error.main" }, children: errorMessage })
-  ] });
-};
+  return /* @__PURE__ */ React41.createElement(FormControl3, {
+    fullWidth: true
+  }, /* @__PURE__ */ React41.createElement(TextField3, {
+    error: errored,
+    onChange: handleChange,
+    type: "number",
+    value: blockNumber ?? "",
+    ...props
+  }), errored && /* @__PURE__ */ React41.createElement(FormHelperText2, {
+    sx: {
+      color: "error.main"
+    }
+  }, errorMessage));
+}, "BlockNumberTextField");
 
 // src/components/payload/fields/XyoAddressTextField.tsx
-import {
-  FormControl as FormControl4,
-  FormHelperText as FormHelperText3,
-  TextField as TextField4
-} from "@mui/material";
+import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
 import { asAddress, isAddress as isAddress3 } from "@xylabs/hex";
-import { useMemo as useMemo19, useState as useState16 } from "react";
-import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
-var XyoAddressTextField = ({
-  onAddressChanged,
-  onChange,
-  resetValue,
-  ...props
-}) => {
+import React42, { useMemo as useMemo19, useState as useState16 } from "react";
+var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
   const [address, setAddress] = useState16("");
   const [addressError, setAddressError] = useState16();
-  useMemo19(() => setAddress(""), [resetValue]);
-  const handleChange = (event) => {
+  useMemo19(() => setAddress(""), [
+    resetValue
+  ]);
+  const handleChange = /* @__PURE__ */ __name((event) => {
     const { value } = event.target;
     onChange?.(event);
     const xyoAddress = asAddress(value);
@@ -1923,32 +2036,31 @@ var XyoAddressTextField = ({
     }
     setAddressError(void 0);
     setAddress(value);
-  };
-  const handleBlur = () => {
+  }, "handleChange");
+  const handleBlur = /* @__PURE__ */ __name(() => {
     const xyoAddress = asAddress(address);
     if (!isAddress3(xyoAddress)) {
       setAddressError(new Error("Invalid address"));
       onAddressChanged?.();
     }
-  };
-  return /* @__PURE__ */ jsxs27(FormControl4, { fullWidth: true, children: [
-    /* @__PURE__ */ jsx42(
-      TextField4,
-      {
-        error: !!addressError,
-        onBlur: handleBlur,
-        onChange: handleChange,
-        value: address,
-        ...props
-      }
-    ),
-    addressError && /* @__PURE__ */ jsx42(FormHelperText3, { sx: { color: "error.main" }, children: addressError.message })
-  ] });
-};
+  }, "handleBlur");
+  return /* @__PURE__ */ React42.createElement(FormControl4, {
+    fullWidth: true
+  }, /* @__PURE__ */ React42.createElement(TextField4, {
+    error: !!addressError,
+    onBlur: handleBlur,
+    onChange: handleChange,
+    value: address,
+    ...props
+  }), addressError && /* @__PURE__ */ React42.createElement(FormHelperText3, {
+    sx: {
+      color: "error.main"
+    }
+  }, addressError.message));
+}, "XyoAddressTextField");
 
 // src/components/payload/builder/producer-intent/Form.tsx
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
-var ProducerIntentBuilderForm = ({ onBuild }) => {
+var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const [delegate, setDelegate] = useState17();
   const [exp, setExp] = useState17();
   const [nbf, setNbf] = useState17();
@@ -1965,66 +2077,64 @@ var ProducerIntentBuilderForm = ({ onBuild }) => {
         }
       }
     }
-  }, [delegate, exp, nbf]);
-  const onBuildLocal = () => {
+  }, [
+    delegate,
+    exp,
+    nbf
+  ]);
+  const onBuildLocal = /* @__PURE__ */ __name(() => {
     if (onBuild && intentPayload) onBuild?.(intentPayload);
-  };
-  return /* @__PURE__ */ jsxs28(Fragment8, { children: [
-    /* @__PURE__ */ jsx43(FormControl5, { fullWidth: true, children: /* @__PURE__ */ jsx43(XyoAddressTextField, { label: "Delegate", name: "delegate", onAddressChanged: setDelegate, required: true, size: "small" }) }),
-    /* @__PURE__ */ jsx43(FormControl5, { fullWidth: true, children: /* @__PURE__ */ jsx43(
-      BlockNumberTextField,
-      {
-        errorMessage: blockRangeError?.message,
-        label: "Expires",
-        name: "exp",
-        onBlockNumberChanged: setExp,
-        required: true,
-        size: "small"
-      }
-    ) }),
-    /* @__PURE__ */ jsx43(FormControl5, { fullWidth: true, children: /* @__PURE__ */ jsx43(
-      BlockNumberTextField,
-      {
-        errorMessage: blockRangeError?.message,
-        label: "Not Before",
-        name: "nbf",
-        onBlockNumberChanged: setNbf,
-        required: true,
-        size: "small"
-      }
-    ) }),
-    /* @__PURE__ */ jsx43(Button5, { disabled: !intentPayload, variant: "contained", onClick: onBuildLocal, children: "Build" })
-  ] });
-};
+  }, "onBuildLocal");
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(FormControl5, {
+    fullWidth: true
+  }, /* @__PURE__ */ React43.createElement(XyoAddressTextField, {
+    label: "Delegate",
+    name: "delegate",
+    onAddressChanged: setDelegate,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React43.createElement(FormControl5, {
+    fullWidth: true
+  }, /* @__PURE__ */ React43.createElement(BlockNumberTextField, {
+    errorMessage: blockRangeError?.message,
+    label: "Expires",
+    name: "exp",
+    onBlockNumberChanged: setExp,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React43.createElement(FormControl5, {
+    fullWidth: true
+  }, /* @__PURE__ */ React43.createElement(BlockNumberTextField, {
+    errorMessage: blockRangeError?.message,
+    label: "Not Before",
+    name: "nbf",
+    onBlockNumberChanged: setNbf,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React43.createElement(Button5, {
+    disabled: !intentPayload,
+    variant: "contained",
+    onClick: onBuildLocal
+  }, "Build"));
+}, "ProducerIntentBuilderForm");
+
+// src/components/payload/builder/transfer/Flexbox.tsx
+import React46 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 { TransferSchema } from "@xyo-network/xl1-protocol";
-import { useMemo as useMemo22, useState as useState19 } from "react";
+import React45, { useMemo as useMemo22, useState as useState19 } 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 { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 } from "@mui/material";
 import { isAddress as isAddress4, toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import {
-  useEffect as useEffect4,
-  useMemo as useMemo21,
-  useState as useState18
-} from "react";
-import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
-var SingleTransferBuilderFlexbox = ({
-  onTransferUpdated,
-  onRemoveTransfer,
-  singleTransfer,
-  ...props
-}) => {
+import React44, { useEffect as useEffect4, useMemo as useMemo21, useState as useState18 } from "react";
+var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
   const [toAddress3, setToAddress] = useState18();
   const [amount, setAmount] = useState18();
   const transferAmount = useMemo21(() => {
@@ -2035,20 +2145,42 @@ var SingleTransferBuilderFlexbox = ({
         to: toAddress3
       };
     }
-  }, [toAddress3, amount]);
+  }, [
+    toAddress3,
+    amount
+  ]);
   useEffect4(() => {
     if (transferAmount) onTransferUpdated?.(transferAmount);
-  }, [transferAmount]);
-  return /* @__PURE__ */ jsxs29(FlexRow7, { alignItems: "start", gap: 1, ...props, children: [
-    /* @__PURE__ */ jsx44(FormControl6, { fullWidth: true, children: /* @__PURE__ */ jsx44(XyoAddressTextField, { label: "To", name: "to", onAddressChanged: setToAddress, required: true, size: "small" }) }),
-    /* @__PURE__ */ jsx44(FormControl6, { fullWidth: true, children: /* @__PURE__ */ jsx44(BigIntInput.TextField, { label: "Amount", name: "amount", onChangeFixedPoint: setAmount, required: true, size: "small" }) }),
-    /* @__PURE__ */ jsx44(IconButton5, { onClick: () => onRemoveTransfer?.(singleTransfer.transferId), children: /* @__PURE__ */ jsx44(Icon3, { children: /* @__PURE__ */ jsx44(RemoveCircle, {}) }) })
-  ] });
-};
+  }, [
+    transferAmount
+  ]);
+  return /* @__PURE__ */ React44.createElement(FlexRow7, {
+    alignItems: "start",
+    gap: 1,
+    ...props
+  }, /* @__PURE__ */ React44.createElement(FormControl6, {
+    fullWidth: true
+  }, /* @__PURE__ */ React44.createElement(XyoAddressTextField, {
+    label: "To",
+    name: "to",
+    onAddressChanged: setToAddress,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React44.createElement(FormControl6, {
+    fullWidth: true
+  }, /* @__PURE__ */ React44.createElement(BigIntInput.TextField, {
+    label: "Amount",
+    name: "amount",
+    onChangeFixedPoint: setAmount,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React44.createElement(IconButton5, {
+    onClick: /* @__PURE__ */ __name(() => onRemoveTransfer?.(singleTransfer.transferId), "onClick")
+  }, /* @__PURE__ */ React44.createElement(Icon3, null, /* @__PURE__ */ React44.createElement(RemoveCircle, null))));
+}, "SingleTransferBuilderFlexbox");
 
 // src/components/payload/builder/transfer/Form.tsx
-import { Fragment as Fragment9, jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
-var TransferBuilderForm = ({ onBuild }) => {
+var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const [fromAddress, setFromAddress] = useState19();
   const [transfers, setTransfers] = useState19([]);
   const transferPayload = useMemo22(() => {
@@ -2064,58 +2196,70 @@ var TransferBuilderForm = ({ onBuild }) => {
         epoch: Date.now()
       };
     }
-  }, [fromAddress, transfers]);
-  const onBuildLocal = () => {
+  }, [
+    fromAddress,
+    transfers
+  ]);
+  const onBuildLocal = /* @__PURE__ */ __name(() => {
     if (onBuild && transferPayload) onBuild?.(transferPayload);
-  };
-  const onTransferAdded = () => {
+  }, "onBuildLocal");
+  const onTransferAdded = /* @__PURE__ */ __name(() => {
     const transferAmount = {
       amount: "",
       transferId: Date.now(),
       to: ""
     };
-    setTransfers((prev) => [...prev, transferAmount]);
-  };
-  const onTransferRemoved = (transferId) => {
+    setTransfers((prev) => [
+      ...prev,
+      transferAmount
+    ]);
+  }, "onTransferAdded");
+  const onTransferRemoved = /* @__PURE__ */ __name((transferId) => {
     setTransfers((prev) => prev.filter((transfer) => transfer.transferId !== transferId));
-  };
-  const onTransferUpdated = (singleTransfer) => {
+  }, "onTransferRemoved");
+  const onTransferUpdated = /* @__PURE__ */ __name((singleTransfer) => {
     setTransfers((prev) => prev.map((transfer) => {
       if (transfer.transferId === singleTransfer.transferId) {
         return singleTransfer;
       }
       return transfer;
     }));
-  };
-  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
-    /* @__PURE__ */ jsx45(FormControl7, { fullWidth: true, children: /* @__PURE__ */ jsx45(XyoAddressTextField, { label: "From", name: "from", onAddressChanged: setFromAddress, required: true, size: "small" }) }),
-    /* @__PURE__ */ jsx45(Button6, { onClick: onTransferAdded, size: "small", variant: "contained", children: "Add Transfer" }),
-    transfers.map((transfer) => /* @__PURE__ */ jsx45(
-      SingleTransferBuilderFlexbox,
-      {
-        onTransferUpdated,
-        onRemoveTransfer: onTransferRemoved,
-        singleTransfer: transfer,
-        sx: { width: "100%" }
-      },
-      transfer.transferId
-    )),
-    /* @__PURE__ */ jsx45(Button6, { disabled: !transferPayload, variant: "contained", onClick: onBuildLocal, children: "Build" })
-  ] });
-};
+  }, "onTransferUpdated");
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(FormControl7, {
+    fullWidth: true
+  }, /* @__PURE__ */ React45.createElement(XyoAddressTextField, {
+    label: "From",
+    name: "from",
+    onAddressChanged: setFromAddress,
+    required: true,
+    size: "small"
+  })), /* @__PURE__ */ React45.createElement(Button6, {
+    onClick: onTransferAdded,
+    size: "small",
+    variant: "contained"
+  }, "Add Transfer"), transfers.map((transfer) => /* @__PURE__ */ React45.createElement(SingleTransferBuilderFlexbox, {
+    key: transfer.transferId,
+    onTransferUpdated,
+    onRemoveTransfer: onTransferRemoved,
+    singleTransfer: transfer,
+    sx: {
+      width: "100%"
+    }
+  })), /* @__PURE__ */ React45.createElement(Button6, {
+    disabled: !transferPayload,
+    variant: "contained",
+    onClick: onBuildLocal
+  }, "Build"));
+}, "TransferBuilderForm");
 
 // src/components/payload/builder/transfer/Flexbox.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-var TransferBuilderFlexbox = ({ onBuild, ...props }) => /* @__PURE__ */ jsx46(
-  PayloadBuilderFlexbox,
-  {
-    gap: 4,
-    alignItems: "start",
-    BuilderComponent: TransferBuilderForm,
-    onBuild,
-    ...props
-  }
-);
+var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /* @__PURE__ */ React46.createElement(PayloadBuilderFlexbox, {
+  gap: 4,
+  alignItems: "start",
+  BuilderComponent: TransferBuilderForm,
+  onBuild,
+  ...props
+}), "TransferBuilderFlexbox");
 
 // src/stories/ChainArchivistDecorator.tsx
 import { CircularProgress } from "@mui/material";
@@ -2124,24 +2268,35 @@ 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 { useEffect as useEffect5 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var ChainArchivistDecorator = (Story, context) => {
+import React47, { useEffect as useEffect5 } from "react";
+var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
   const [randomBlockChain] = usePromise7(async () => await buildRandomBlockChain(), []);
   const [blockChainRenderProps, blockChainRenderPropsError] = usePromise7(async () => {
     if (randomBlockChain) {
-      const chainArchivist = await MemoryArchivist.create({ config: { schema: ArchivistConfigSchema, name: "ChainArchivist" } });
+      const chainArchivist = await MemoryArchivist.create({
+        config: {
+          schema: ArchivistConfigSchema,
+          name: "ChainArchivist"
+        }
+      });
       const flattened = flattenHydratedBlocks(randomBlockChain);
       await chainArchivist.insert(flattened);
       const chainId = await getChainId();
-      return { chainArchivist, chainId };
+      return {
+        chainArchivist,
+        chainId
+      };
     }
-  }, [randomBlockChain]);
+  }, [
+    randomBlockChain
+  ]);
   useEffect5(() => {
     if (blockChainRenderPropsError) {
       console.error(blockChainRenderPropsError);
     }
-  }, [blockChainRenderPropsError]);
+  }, [
+    blockChainRenderPropsError
+  ]);
   const props = {
     ...context,
     args: {
@@ -2153,8 +2308,8 @@ var ChainArchivistDecorator = (Story, context) => {
       }
     }
   };
-  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ jsx47(Story, { ...props }) : /* @__PURE__ */ jsx47(CircularProgress, {});
-};
+  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React47.createElement(Story, props) : /* @__PURE__ */ React47.createElement(CircularProgress, null);
+}, "ChainArchivistDecorator");
 
 // src/stories/ChainArchivistDelayedInsertDecorator.tsx
 import { CircularProgress as CircularProgress2 } from "@mui/material";
@@ -2164,17 +2319,21 @@ import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memo
 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 { useEffect as useEffect6, useState as useState20 } from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import React48, { useEffect as useEffect6, useState as useState20 } from "react";
 var chainArchivistRef;
-var ChainArchivistDelayedInsertDecorator = (Story, context) => {
+var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
   const [firstBlock, setFirstBlock] = useState20();
   const [randomBlockChain] = usePromise8(async () => await buildRandomBlockChain2(), []);
   const [chainArchivist] = usePromise8(async () => {
     if (chainArchivistRef) {
       return chainArchivistRef;
     } else {
-      chainArchivistRef = await MemoryArchivist2.create({ config: { schema: ArchivistConfigSchema2, name: "ChainArchivist" } });
+      chainArchivistRef = await MemoryArchivist2.create({
+        config: {
+          schema: ArchivistConfigSchema2,
+          name: "ChainArchivist"
+        }
+      });
       return chainArchivistRef;
     }
   }, []);
@@ -2187,16 +2346,26 @@ var ChainArchivistDelayedInsertDecorator = (Story, context) => {
         await delay(1e3);
       }
     }
-  }, [chainArchivist, randomBlockChain]);
+  }, [
+    chainArchivist,
+    randomBlockChain
+  ]);
   useEffect6(() => {
     if (delayedInsertError) {
       console.error(delayedInsertError);
     }
-  }, [delayedInsertError]);
+  }, [
+    delayedInsertError
+  ]);
   const [blockChainRenderProps] = usePromise8(async () => {
     const chainId = await getChainId();
-    return { chainArchivist, chainId };
-  }, [chainArchivist]);
+    return {
+      chainArchivist,
+      chainId
+    };
+  }, [
+    chainArchivist
+  ]);
   const props = {
     ...context,
     args: {
@@ -2208,8 +2377,8 @@ var ChainArchivistDelayedInsertDecorator = (Story, context) => {
       }
     }
   };
-  return firstBlock ? /* @__PURE__ */ jsx48(Story, { ...props }) : /* @__PURE__ */ jsx48(CircularProgress2, {});
-};
+  return firstBlock ? /* @__PURE__ */ React48.createElement(Story, props) : /* @__PURE__ */ React48.createElement(CircularProgress2, null);
+}, "ChainArchivistDelayedInsertDecorator");
 
 // src/stories/ChainInfoContextDecorator.tsx
 import { assertEx as assertEx5 } from "@xylabs/assert";
@@ -2218,12 +2387,12 @@ 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 { jsx as jsx49 } from "react/jsx-runtime";
+import React49 from "react";
 var archivistConfig = {
   url: "http://localhost:8080",
   chainArchivistModuleId: "XYOPublic:XYOChain:Chain"
 };
-var ChainInfoContextDecorator = (Story, context) => {
+var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
   const [chainIdResponse] = usePromise9(async () => {
     return await getChainId();
   }, []);
@@ -2235,11 +2404,21 @@ var ChainInfoContextDecorator = (Story, context) => {
     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)}`);
-      return await ChainBlockNumberIterationService3.create({ chainArchivist, head });
+      return await ChainBlockNumberIterationService3.create({
+        chainArchivist,
+        head
+      });
     }
-  }, [chainArchivist, chainId]);
-  return /* @__PURE__ */ jsx49(ChainInfoProvider, { chainArchivist, chainId, chainIterator, children: /* @__PURE__ */ jsx49(Story, { ...context }) });
-};
+  }, [
+    chainArchivist,
+    chainId
+  ]);
+  return /* @__PURE__ */ React49.createElement(ChainInfoProvider, {
+    chainArchivist,
+    chainId,
+    chainIterator
+  }, /* @__PURE__ */ React49.createElement(Story, context));
+}, "ChainInfoContextDecorator");
 export {
   BlockChainPagination,
   BlockChainTableRow,