@xyo-network/react-chain-blockchain 1.3.7 → 1.3.9

package/dist/browser/index.mjs

@@ -146,7 +146,7 @@ var useChainPollingContext = /* @__PURE__ */ __name((required = false) => useCon
 import { Button, FormControl, TextField } from "@mui/material";
 import { toHex } from "@xylabs/hex";
 import { FlexCol } from "@xylabs/react-flexbox";
-import { defaultFees } from "@xyo-network/xl1-protocol";
+import { defaultFees } from "@xyo-network/xl1-protocol-sdk";
 import React4 from "react";
 var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
   const handleSubmit = /* @__PURE__ */ __name(async (event) => {
@@ -242,7 +242,7 @@ import { Account } from "@xyo-network/account";
 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";
+import { buildTransaction } from "@xyo-network/xl1-protocol-sdk";
 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);
@@ -405,7 +405,7 @@ var ChainIteratorStore = class _ChainIteratorStore {
 import { assertEx as assertEx2 } from "@xylabs/assert";
 import { usePromise } from "@xylabs/react-promise";
 import { BoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
-import { isBlockBoundWitness } from "@xyo-network/xl1-model";
+import { isBlockBoundWitness } from "@xyo-network/xl1-protocol";
 var resolveDefinedHead = /* @__PURE__ */ __name(async (head, chainArchivist) => {
   const [headPayload] = await chainArchivist.get([
     head
@@ -545,7 +545,7 @@ import { usePromise as usePromise3 } from "@xylabs/react-promise";
 import { hydrateBlock as hydrateBlock2 } from "@xyo-network/chain-protocol";
 import { XyoChainBlockNumberIterator as XyoChainBlockNumberIterator2 } from "@xyo-network/chain-services";
 import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/payload-builder";
-import { isBlockBoundWitness as isBlockBoundWitness2 } from "@xyo-network/xl1-model";
+import { isBlockBoundWitness as isBlockBoundWitness2 } from "@xyo-network/xl1-protocol";
 var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
   const headHash = await PayloadBuilder3.hash(head);
   return await hydrateBlock2(chainArchivist, headHash);
@@ -591,7 +591,7 @@ import { usePromise as usePromise4 } from "@xylabs/react-promise";
 
 // src/helpers/txsFromBlock.ts
 import { PayloadBuilder as PayloadBuilder4 } from "@xyo-network/payload-builder";
-import { isTransactionBoundWitness } from "@xyo-network/xl1-model";
+import { isTransactionBoundWitness } from "@xyo-network/xl1-protocol";
 var txsFromBlock = /* @__PURE__ */ __name(async (block) => {
   const transactionPayloads = block[1].filter((payload) => isTransactionBoundWitness(payload));
   return await PayloadBuilder4.hashPairs(transactionPayloads);
@@ -732,7 +732,7 @@ var buildBlockChainRenderComponent = /* @__PURE__ */ __name(async (BlockComponen
 
 // src/components/block/helpers/payloadCountsFromBlock.ts
 import { BoundWitnessSchema } from "@xyo-network/boundwitness-model";
-import { isTransactionBoundWitness as isTransactionBoundWitness2 } from "@xyo-network/xl1-model";
+import { isTransactionBoundWitness as isTransactionBoundWitness2 } from "@xyo-network/xl1-protocol";
 var payloadCountsFromBlock = /* @__PURE__ */ __name(([block, payloads]) => {
   const publicPayloads = block.payload_schemas.filter((schema) => schema !== BoundWitnessSchema);
   const transactionHashes = payloads.filter((payload) => isTransactionBoundWitness2(payload)).flatMap((payload) => payload.payload_hashes);
@@ -954,8 +954,30 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
 }, "BlockHeadingFlexbox");
 
 // src/components/block/table/cell/BlockNumber.tsx
-import { Link, TableCell, Tooltip } from "@mui/material";
+import { TableCell, Tooltip, Typography as Typography3 } from "@mui/material";
 import React14 from "react";
+var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
+  const blockNumber = block?.[0].block;
+  return /* @__PURE__ */ React14.createElement(TableCell, props, /* @__PURE__ */ React14.createElement(Tooltip, {
+    title: `Block Number: ${blockNumber}`
+  }, /* @__PURE__ */ React14.createElement(Typography3, {
+    component: "span",
+    variant: "body1"
+  }, blockNumber)));
+}, "BlockNumberTableCell");
+
+// src/components/block/table/cell/Hash.tsx
+import { Avatar, Chip as Chip3, TableCell as TableCell2, Tooltip as Tooltip2 } from "@mui/material";
+import { Identicon } from "@xylabs/react-identicon";
+import { usePayloadRootHash } from "@xyo-network/react-shared";
+import React16 from "react";
+
+// src/components/FeatureNotAvailable.tsx
+import { Button as Button2, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import React15 from "react";
+var FeatureNotAvailable = /* @__PURE__ */ __name(({ featureName = "Feature", ...props }) => /* @__PURE__ */ React15.createElement(Dialog, props, /* @__PURE__ */ React15.createElement(DialogTitle, null, `${featureName} Not Available`), /* @__PURE__ */ React15.createElement(DialogContent, null, "This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance."), /* @__PURE__ */ React15.createElement(DialogActions, null, /* @__PURE__ */ React15.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";
@@ -963,6 +985,7 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
   const [ref, dispatch] = useEvent2();
   const handleClick = /* @__PURE__ */ __name((event) => {
     event.preventDefault();
+    event.stopPropagation();
     if (!noun) {
       console.warn("useLinkedBlockItem: noun is required");
       return;
@@ -975,37 +998,6 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
   ];
 }, "useLinkedBlockItem");
 
-// src/components/block/table/cell/BlockNumber.tsx
-var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
-  const [ref, handleClick] = useLinkedBlockItem("block-number", block?.[0].block.toString());
-  const blockNumberBigInt = block ? block[0].block.toString() : "";
-  return /* @__PURE__ */ React14.createElement(TableCell, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ React14.createElement(Tooltip, {
-    title: `Block Number: ${blockNumberBigInt}`
-  }, /* @__PURE__ */ React14.createElement("span", null, linked && block ? /* @__PURE__ */ React14.createElement(Link, {
-    title: block[0].block.toString(),
-    onClick: handleClick,
-    sx: {
-      cursor: "pointer"
-    }
-  }, block[0].block.toString()) : null, !linked && blockNumberBigInt)));
-}, "BlockNumberTableCell");
-
-// src/components/block/table/cell/Hash.tsx
-import { Avatar, Chip as Chip3, TableCell as TableCell2, Tooltip as Tooltip2 } from "@mui/material";
-import { Identicon } from "@xylabs/react-identicon";
-import { usePayloadRootHash } from "@xyo-network/react-shared";
-import React16 from "react";
-
-// src/components/FeatureNotAvailable.tsx
-import { Button as Button2, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
-import React15 from "react";
-var FeatureNotAvailable = /* @__PURE__ */ __name(({ featureName = "Feature", ...props }) => /* @__PURE__ */ React15.createElement(Dialog, props, /* @__PURE__ */ React15.createElement(DialogTitle, null, `${featureName} Not Available`), /* @__PURE__ */ React15.createElement(DialogContent, null, "This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance."), /* @__PURE__ */ React15.createElement(DialogActions, null, /* @__PURE__ */ React15.createElement(Button2, {
-  onClick: /* @__PURE__ */ __name((e) => props.onClose?.(e, "backdropClick"), "onClick")
-}, "Close"))), "FeatureNotAvailable");
-
 // src/components/block/table/cell/Hash.tsx
 var BlockHashTableCell = /* @__PURE__ */ __name(({ block, identiconProps, notAvailableDialog, linked, ...props }) => {
   const hash = usePayloadRootHash(block?.[0]);
@@ -1053,12 +1045,13 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
   const hash = usePayloadRootHash2(block?.[0]);
   const title = hash ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
   return /* @__PURE__ */ React17.createElement(TableCell3, props, /* @__PURE__ */ React17.createElement(FlexRow3, {
+    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
     sx: {
       width: "100%"
     }
   }, /* @__PURE__ */ React17.createElement(IconButton2, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, /* @__PURE__ */ React17.createElement(DataObject, null))), /* @__PURE__ */ React17.createElement(Dialog2, {
+  }, /* @__PURE__ */ React17.createElement(DataObject, null)), /* @__PURE__ */ React17.createElement(Dialog2, {
     open,
     onClose
   }, /* @__PURE__ */ React17.createElement(DialogTitle2, null, title), /* @__PURE__ */ React17.createElement(DialogContent2, null, /* @__PURE__ */ React17.createElement(JsonViewerEx, {
@@ -1072,12 +1065,12 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
   }, /* @__PURE__ */ React17.createElement(Button3, {
     variant: "contained",
     onClick: onClose
-  }, "Close"))));
+  }, "Close")))));
 }, "BlockJsonViewTableCell");
 
 // src/components/block/table/cell/PayloadCounts.tsx
 import { Error as Error2 } from "@mui/icons-material";
-import { Link as Link2, TableCell as TableCell4, Tooltip as Tooltip3 } from "@mui/material";
+import { Link, TableCell as TableCell4, Tooltip as Tooltip3 } from "@mui/material";
 import React18 from "react";
 var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block);
@@ -1086,8 +1079,8 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
     privatePayloads,
     block: block[0]._hash
   } : void 0;
+  const payloadCount = (publicPayloads ?? 0) + (privatePayloads ?? 0);
   const [ref, handleClick] = useLinkedBlockItem("payload-counts", data);
-  const renderText = `${publicPayloads ?? "--"} / ${privatePayloads ?? "--"}`;
   return /* @__PURE__ */ React18.createElement(TableCell4, {
     ref,
     ...props
@@ -1095,17 +1088,20 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
     title: error.message
   }, /* @__PURE__ */ React18.createElement(Error2, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React18.createElement(Link2, {
+  })) : null, linked ? /* @__PURE__ */ React18.createElement(Tooltip3, {
+    title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
+  }, /* @__PURE__ */ React18.createElement(Link, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
     }
-  }, renderText) : renderText));
+  }, payloadCount)) : /* @__PURE__ */ React18.createElement(Tooltip3, {
+    title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
+  }, /* @__PURE__ */ React18.createElement("span", null, payloadCount))));
 }, "BlockPayloadCountsTableCell");
 
 // src/components/block/table/cell/Producer.tsx
 import { TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
-import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
 import React19 from "react";
 var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailableDialog, producerChipProps, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-producer", JSON.stringify(block));
@@ -1116,10 +1112,6 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
     ...props
   }, /* @__PURE__ */ React19.createElement(Tooltip4, {
     title: `Block Producer: ${producer}`
-  }, /* @__PURE__ */ React19.createElement(FlexRow4, {
-    sx: {
-      width: "100%"
-    }
   }, /* @__PURE__ */ React19.createElement(BlockProducerChip, {
     sx: {
       cursor: "pointer"
@@ -1127,7 +1119,7 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
     onClick: linked ? handleClick : () => setNotAvailable(true),
     block,
     ...producerChipProps
-  }))), notAvailableDialog && notAvailable ? /* @__PURE__ */ React19.createElement(FeatureNotAvailable, {
+  })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React19.createElement(FeatureNotAvailable, {
     featureName: "Producer Details",
     open: notAvailable,
     onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
@@ -1136,7 +1128,7 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
 
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error3 } from "@mui/icons-material";
-import { Link as Link3, TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
+import { Link as Link2, TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
 import React20, { useMemo as useMemo10 } from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [transactions, error] = useTxsFromBlock(block);
@@ -1155,36 +1147,31 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ..
     title: error.message
   }, /* @__PURE__ */ React20.createElement(Error3, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React20.createElement(Link3, {
+  })) : null, linked ? /* @__PURE__ */ React20.createElement(Link2, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
     }
-  }, /* @__PURE__ */ React20.createElement(TransactionCountChip, {
-    transactions: txHashes
-  })) : /* @__PURE__ */ React20.createElement(TransactionCountChip, {
-    transactions: txHashes
-  })));
+  }, txHashes?.length) : txHashes?.length));
 }, "BlockTransactionCountTableCell");
 
 // src/components/block/table/cell/Verification.tsx
+import { CheckCircleOutlineRounded } from "@mui/icons-material";
 import { TableCell as TableCell7 } from "@mui/material";
-import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
+import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
 import { BWVerification as BWVerification2 } from "@xyo-network/react-boundwitness-plugin";
 import React21 from "react";
-var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
-  const [ref, handleClick] = useLinkedBlockItem("block-verification", block?.[0].block.toString());
-  return /* @__PURE__ */ React21.createElement(TableCell7, {
-    ref,
-    ...props
-  }, /* @__PURE__ */ React21.createElement(FlexRow5, {
+var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, deepValidation, ...props }) => {
+  return /* @__PURE__ */ React21.createElement(TableCell7, props, /* @__PURE__ */ React21.createElement(FlexRow4, {
+    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React21.createElement(BWVerification2, {
-    onClick: linked ? handleClick : void 0,
+  }, deepValidation ? /* @__PURE__ */ React21.createElement(BWVerification2, {
     iconColors: true,
     boundwitness: block?.[0]
+  }) : /* @__PURE__ */ React21.createElement(CheckCircleOutlineRounded, {
+    color: "success"
   })));
 }, "BlockVerificationTableCell");
 
@@ -1195,8 +1182,8 @@ import React23 from "react";
 
 // src/components/block/table/head/TableHead.tsx
 import { InfoOutline } from "@mui/icons-material";
-import { TableCell as TableCell8, TableHead, TableRow, Tooltip as Tooltip6, Typography as Typography3 } from "@mui/material";
-import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
+import { TableCell as TableCell8, TableHead, TableRow, Tooltip as Tooltip6, Typography as Typography4 } from "@mui/material";
+import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
 import React22 from "react";
 var ToolTipTableCell = /* @__PURE__ */ __name(({ children, align, title, ...props }) => {
   return /* @__PURE__ */ React22.createElement(TableCell8, {
@@ -1204,9 +1191,9 @@ var ToolTipTableCell = /* @__PURE__ */ __name(({ children, align, title, ...prop
     ...props
   }, /* @__PURE__ */ React22.createElement(Tooltip6, {
     title
-  }, /* @__PURE__ */ React22.createElement(FlexRow6, {
+  }, /* @__PURE__ */ React22.createElement(FlexRow5, {
     justifyContent: align
-  }, /* @__PURE__ */ React22.createElement(Typography3, {
+  }, /* @__PURE__ */ React22.createElement(Typography4, {
     variant: "body2"
   }, children), "\xA0", /* @__PURE__ */ React22.createElement(InfoOutline, {
     fontSize: "small"
@@ -1214,20 +1201,17 @@ var ToolTipTableCell = /* @__PURE__ */ __name(({ children, align, title, ...prop
 }, "ToolTipTableCell");
 var BlockchainTableHead = /* @__PURE__ */ __name(() => {
   return /* @__PURE__ */ React22.createElement(TableHead, null, /* @__PURE__ */ React22.createElement(TableRow, null, /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
+    align: "left",
+    title: "The block number that is included in the block"
+  }, "Block"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
     title: "The hash of the block"
   }, "Block Hash"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
-    align: "center",
-    title: "The block number that is included in the block"
-  }, "Block Number"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
-    align: "center",
+    align: "left",
     title: "Count of transactions that are included in the block"
   }, "Transactions"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
-    align: "center",
+    align: "left",
     title: "Count of public and private payload counts for the block"
   }, "Payloads"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
-    align: "center",
-    title: "The address of the block producer that produced the block"
-  }, "Block Producer"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
     align: "center",
     title: "The result of the local validation check for the block"
   }, "Valid"), /* @__PURE__ */ React22.createElement(ToolTipTableCell, {
@@ -1246,9 +1230,11 @@ var BlockchainTableEx = /* @__PURE__ */ __name(({ ref, children, ...props }) =>
 BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
-import { TableRow as TableRow2 } from "@mui/material";
+import { TableRow as TableRow2, useTheme } from "@mui/material";
+import { alphaCss } from "@xylabs/react-theme";
+import { usePayloadRootHash as usePayloadRootHash3 } from "@xyo-network/react-shared";
 import React24, { useMemo as useMemo11 } from "react";
-var BlockChainTableRow = /* @__PURE__ */ __name(({ block, defaultExpanded, linked, sx, ...props }) => {
+var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaultExpanded, linked, sx, ...props }) => {
   const linkedTableCellProps = useMemo11(() => ({
     block,
     linked
@@ -1261,28 +1247,43 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, defaultExpanded, linke
   }), [
     block
   ]);
+  const hash = usePayloadRootHash3(block?.[0]);
+  const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
+  const theme = useTheme();
   return /* @__PURE__ */ React24.createElement(TableRow2, {
+    onClick: linked ? handleClick : void 0,
+    ref,
     sx: {
-      overflowY: "scroll",
+      "cursor": linked ? "pointer" : "default",
+      "overflowY": "scroll",
+      "&:hover": {
+        backgroundColor: alphaCss(theme.vars.palette.secondary.light, 0.85)
+      },
       ...sx
     },
     ...props
-  }, /* @__PURE__ */ React24.createElement(BlockHashTableCell, linkedTableCellProps), /* @__PURE__ */ React24.createElement(BlockNumberTableCell, {
-    align: "center",
+  }, /* @__PURE__ */ React24.createElement(BlockNumberTableCell, {
+    align: "left",
+    ...linkedTableCellProps
+  }), /* @__PURE__ */ React24.createElement(BlockHashTableCell, {
+    align: "left",
     ...linkedTableCellProps
   }), /* @__PURE__ */ React24.createElement(BlockTransactionCountTableCell, {
-    align: "center",
+    align: "left",
     ...linkedTableCellProps
   }), /* @__PURE__ */ React24.createElement(BlockPayloadCountsTableCell, {
-    align: "center",
+    align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React24.createElement(BlockProducerTableCell, linkedTableCellProps), /* @__PURE__ */ React24.createElement(BlockVerificationTableCell, defaultTableCellProps), /* @__PURE__ */ React24.createElement(BlockJsonViewTableCell, defaultTableCellProps));
+  }), /* @__PURE__ */ React24.createElement(BlockVerificationTableCell, {
+    deepValidation,
+    ...defaultTableCellProps
+  }), /* @__PURE__ */ React24.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 Tooltip7 } from "@mui/material";
-import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
+import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
 import React29, { memo } from "react";
 
 // src/components/chain/stats/Dialog.tsx
@@ -1291,18 +1292,18 @@ import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as Dial
 import React27, { useState as useState11 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
-import { ListItem, styled, Typography as Typography4 } from "@mui/material";
+import { ListItem, styled, Typography as Typography5 } from "@mui/material";
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
 import { isChainSummaryProducers } from "@xyo-network/chain-protocol";
 import React26, { useMemo as useMemo12 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
-import { Table, TableBody as TableBody2, TableCell as TableCell9, TableHead as TableHead2, TableRow as TableRow3, useTheme } from "@mui/material";
+import { Table, TableBody as TableBody2, TableCell as TableCell9, TableHead as TableHead2, TableRow as TableRow3, useTheme as useTheme2 } from "@mui/material";
 import { BlockiesAvatar as BlockiesAvatar2 } from "@xyo-network/react-chain-blockies";
 import React25 from "react";
 var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
-  const theme = useTheme();
+  const theme = useTheme2();
   return /* @__PURE__ */ React25.createElement(Table, props, /* @__PURE__ */ React25.createElement(TableHead2, null, /* @__PURE__ */ React25.createElement(TableRow3, null, /* @__PURE__ */ React25.createElement(TableCell9, null, "Address"), /* @__PURE__ */ React25.createElement(TableCell9, null, "Blocks Produced"), /* @__PURE__ */ React25.createElement(TableCell9, null, "Rewards Earned Produced"))), /* @__PURE__ */ React25.createElement(TableBody2, null, producers?.map((producer) => /* @__PURE__ */ React25.createElement(TableRow3, {
     key: producer.address
   }, /* @__PURE__ */ React25.createElement(TableCell9, null, /* @__PURE__ */ React25.createElement(BlockiesAvatar2, {
@@ -1342,7 +1343,7 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, /* @__PURE__ */ React26.createElement(ErrorRender3, {
     error: producerError,
     scope: "BlockProducerStatsFlexbox"
-  }), /* @__PURE__ */ React26.createElement(Typography4, {
+  }), /* @__PURE__ */ React26.createElement(Typography5, {
     fontSize: "1rem"
   }, "Block Producers"), /* @__PURE__ */ React26.createElement(ChainProducerStatsTable, {
     producers: producersArray
@@ -1452,10 +1453,10 @@ var StyledPulseSvgIcon = styled2(PulseSvgIcon)(({ theme }) => {
 var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingState, setPollingState }) => {
   const paused = pollingState === "paused";
   const running = pollingState === "running";
-  return /* @__PURE__ */ React29.createElement(FlexRow7, {
+  return /* @__PURE__ */ React29.createElement(FlexRow6, {
     justifyContent: "space-between",
     width: "100%"
-  }, /* @__PURE__ */ React29.createElement(FlexRow7, {
+  }, /* @__PURE__ */ React29.createElement(FlexRow6, {
     gap: 2
   }, running && /* @__PURE__ */ React29.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("paused"), "onClick"),
@@ -1463,7 +1464,7 @@ var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingStat
   }, /* @__PURE__ */ React29.createElement(Pause, null)), paused && /* @__PURE__ */ React29.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick"),
     title: "Re-Sync Block Stream"
-  }, /* @__PURE__ */ React29.createElement(Autorenew, null)), /* @__PURE__ */ React29.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React29.createElement(FlexRow7, {
+  }, /* @__PURE__ */ React29.createElement(Autorenew, null)), /* @__PURE__ */ React29.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React29.createElement(FlexRow6, {
     gap: 2
   }, /* @__PURE__ */ React29.createElement(Grow, {
     in: (blocksBehind ?? 0) > 0
@@ -1988,14 +1989,14 @@ import React44 from "react";
 
 // src/components/payload/builder/transfer/Form.tsx
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
-import { TransferSchema } from "@xyo-network/xl1-model";
+import { TransferSchema } from "@xyo-network/xl1-protocol";
 import React43, { useMemo as useMemo22, useState as useState18 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
 import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 } from "@mui/material";
 import { toHex as toHex3 } from "@xylabs/hex";
-import { FlexRow as FlexRow8 } from "@xylabs/react-flexbox";
+import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
 import React42, { useEffect as useEffect4, useMemo as useMemo21, useState as useState17 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
@@ -2018,7 +2019,7 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
   }, [
     transferAmount
   ]);
-  return /* @__PURE__ */ React42.createElement(FlexRow8, {
+  return /* @__PURE__ */ React42.createElement(FlexRow7, {
     alignItems: "start",
     gap: 1,
     ...props
@@ -2260,7 +2261,7 @@ import { assertEx as assertEx5 } from "@xylabs/assert";
 import { usePromise as usePromise9 } from "@xylabs/react-promise";
 import { XyoChainBlockNumberIterator as XyoChainBlockNumberIterator3 } from "@xyo-network/chain-services";
 import { findFirstMatching } from "@xyo-network/chain-utils";
-import { isBlockBoundWitness as isBlockBoundWitness3 } from "@xyo-network/xl1-model";
+import { isBlockBoundWitness as isBlockBoundWitness3 } from "@xyo-network/xl1-protocol";
 import React47 from "react";
 var archivistConfig = {
   url: "http://localhost:8080",