@xyo-network/react-chain-blockchain 1.16.12 → 1.16.14

package/dist/browser/components/account/BalanceHistoryFlexbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BalanceHistoryFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/components/account/BalanceHistoryFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,iCAAkC,SAAQ,YAAY;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA6CpF,CAAA"}
+{"version":3,"file":"BalanceHistoryFlexbox.d.ts","sourceRoot":"","sources":["../../../../src/components/account/BalanceHistoryFlexbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAK7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,iCAAkC,SAAQ,YAAY;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAgCpF,CAAA"}

package/dist/browser/components/account/helpers/formatBalanceMagnitude.d.ts

@@ -0,0 +1,3 @@
+import { type AttoXL1 } from '@xyo-network/xl1-protocol';
+export declare const formatBalanceMagnitude: (set: [AttoXL1, AttoXL1]) => string;
+//# sourceMappingURL=formatBalanceMagnitude.d.ts.map

package/dist/browser/components/account/helpers/formatBalanceMagnitude.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatBalanceMagnitude.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/helpers/formatBalanceMagnitude.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAa,MAAM,2BAA2B,CAAA;AAEnE,eAAO,MAAM,sBAAsB,GAAI,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,WAI7D,CAAA"}

package/dist/browser/components/account/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './formatBalanceMagnitude.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}

package/dist/browser/components/account/index.d.ts

@@ -1,3 +1,4 @@
 export * from './BalanceHistoryFlexbox.tsx';
+export * from './helpers/index.ts';
 export * from './table/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/account/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/account/table/BalanceHistoryTableEx.d.ts

@@ -0,0 +1,9 @@
+import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider';
+import type { TableExProps } from '@xyo-network/react-table';
+import React from 'react';
+export interface AccountBalanceHistoryTableExProps extends TableExProps {
+    history?: AccountBalanceHistoryItemFormatted[];
+    linked?: boolean;
+}
+export declare const AccountBalanceHistoryTableEx: React.FC<AccountBalanceHistoryTableExProps>;
+//# sourceMappingURL=BalanceHistoryTableEx.d.ts.map

package/dist/browser/components/account/table/BalanceHistoryTableEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceHistoryTableEx.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableEx.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,iCAAkC,SAAQ,YAAY;IACrE,OAAO,CAAC,EAAE,kCAAkC,EAAE,CAAA;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAmBpF,CAAA"}

package/dist/browser/components/account/table/{BalanceHistoryTable.stories.d.ts → BalanceHistoryTableEx.stories.d.ts}

@@ -1,7 +1,7 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTable.tsx").AccountBalanceHistoryTableProps>;
-declare const WithLinked: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTable.tsx").AccountBalanceHistoryTableProps>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTableEx.tsx").AccountBalanceHistoryTableExProps>;
+declare const WithLinked: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BalanceHistoryTableEx.tsx").AccountBalanceHistoryTableExProps>;
 export { Default, WithLinked };
-//# sourceMappingURL=BalanceHistoryTable.stories.d.ts.map
+//# sourceMappingURL=BalanceHistoryTableEx.stories.d.ts.map

package/dist/browser/components/account/table/BalanceHistoryTableEx.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BalanceHistoryTableEx.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableEx.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAcrD,IAAI;AAHT,wBAGS;AAmDT,QAAA,MAAM,OAAO,sKAAoB,CAAA;AAGjC,QAAA,MAAM,UAAU,sKAA0B,CAAA;AAG1C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/browser/components/account/table/BalanceHistoryTableRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BalanceHistoryTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EACgB,KAAK,aAAa,EACxC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAS3F,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,kCAAkC,CAAA;CACxC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAuBxE,CAAA"}
+{"version":3,"file":"BalanceHistoryTableRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/BalanceHistoryTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EACgB,KAAK,aAAa,EACxC,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAW3F,MAAM,WAAW,2BAA4B,SAAQ,aAAa;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,kCAAkC,CAAA;CACxC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAuBxE,CAAA"}

package/dist/browser/components/account/table/cell/AddressTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressTableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/cell/AddressTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAMnD,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAY5D,CAAA"}

package/dist/browser/components/account/table/cell/HashTableCell.d.ts

@@ -0,0 +1,9 @@
+import type { TableCellProps } from '@mui/material';
+import { type Hash } from '@xylabs/sdk-js';
+export interface HashTableCellProps extends TableCellProps {
+    hash?: Hash;
+    linked?: boolean;
+    toolTipTitle?: string;
+}
+export declare const HashTableCell: React.FC<HashTableCellProps>;
+//# sourceMappingURL=HashTableCell.d.ts.map

package/dist/browser/components/account/table/cell/HashTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/cell/HashTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,EACM,KAAK,IAAI,EACrB,MAAM,gBAAgB,CAAA;AAKvB,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyBtD,CAAA"}

package/dist/browser/components/account/table/cell/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressTableCell.tsx';
+export * from './HashTableCell.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/table/cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/cell/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}

package/dist/browser/components/account/table/index.d.ts

@@ -1,5 +1,5 @@
-export * from './AddressTableCell.tsx';
-export * from './BalanceHistoryTable.tsx';
+export * from './BalanceHistoryTableEx.tsx';
 export * from './BalanceHistoryTableRow.tsx';
+export * from './cell/index.ts';
 export * from './types/index.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/components/account/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/account/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA"}

package/dist/browser/components/account/table/types/index.d.ts

@@ -1,6 +1,6 @@
 import type { AccountBalanceHistoryItemFormatted } from '@xyo-network/react-chain-provider';
 import type { ExtendEventNoun } from '@xyo-network/react-event';
-export type BalanceHistoryEventNouns = ExtendEventNoun<'amount' | 'blockNumber'>;
+export type BalanceHistoryEventNouns = ExtendEventNoun<'amount' | 'blockNumber' | 'tx-hash'>;
 export type TableHeadingLabels = 'Tx Hash' | 'BlockNumber' | 'Timestamp' | 'From' | 'To' | 'Amount' | 'Debug';
 export type TableHeadings = {
     [key in keyof AccountBalanceHistoryItemFormatted]: TableHeadingLabels;

package/dist/browser/components/account/table/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC,QAAQ,GAAG,aAAa,CAAC,CAAA;AAEhF,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC7G,MAAM,MAAM,aAAa,GAAG;KAAG,GAAG,IAAI,MAAM,kCAAkC,GAAG,kBAAkB;CAAE,CAAA;AAErG,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAQzC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/account/table/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAA;AAC3F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAC,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;AAE5F,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAA;AAC7G,MAAM,MAAM,aAAa,GAAG;KAAG,GAAG,IAAI,MAAM,kCAAkC,GAAG,kBAAkB;CAAE,CAAA;AAErG,eAAO,MAAM,kBAAkB,EAAE,kBAAkB,EAQzC,CAAA"}

package/dist/browser/index.mjs

@@ -2,17 +2,42 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/components/account/BalanceHistoryFlexbox.tsx
-import { Typography as Typography6 } from "@mui/material";
+import { Typography as Typography7 } from "@mui/material";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
-import { isDefined as isDefined6 } from "@xylabs/sdk-js";
+import { isDefined as isDefined7 } from "@xylabs/sdk-js";
 import { useAccountBalanceHistory } from "@xyo-network/react-chain-provider";
 import { ErrorRender as ErrorRender3 } from "@xyo-network/react-error";
-import { AttoXL1, XL1Amount as XL1Amount2 } from "@xyo-network/xl1-protocol";
+import { AttoXL1 } from "@xyo-network/xl1-protocol";
 import React28 from "react";
 
-// src/components/account/table/AddressTableCell.tsx
-import { TableCell as TableCell10, Tooltip as Tooltip8 } from "@mui/material";
-import { useEvent as useEvent4 } from "@xyo-network/react-event";
+// src/components/account/helpers/formatBalanceMagnitude.ts
+import { XL1Amount } from "@xyo-network/xl1-protocol";
+var formatBalanceMagnitude = /* @__PURE__ */ __name((set) => {
+  const [received, sent] = set;
+  const netBalance = received - sent;
+  return netBalance < 0n ? `-${formatBalance(sent - received)}` : formatBalance(netBalance);
+}, "formatBalanceMagnitude");
+var formatBalance = /* @__PURE__ */ __name((balance) => {
+  const xl1Amount = new XL1Amount(balance);
+  return xl1Amount.toString(void 0, {
+    places: 18,
+    maxDecimal: 12,
+    maxCharacters: 12,
+    minDecimals: 1,
+    locale: navigator.language
+  });
+}, "formatBalance");
+
+// src/components/account/table/BalanceHistoryTableEx.tsx
+import { TableBody as TableBody2, TableCell as TableCell14, TableHead as TableHead2, TableRow as TableRow4 } from "@mui/material";
+import { isDefined as isDefined6 } from "@xylabs/sdk-js";
+import { TableEx as TableEx2 } from "@xyo-network/react-table";
+import React27 from "react";
+
+// src/components/account/table/BalanceHistoryTableRow.tsx
+import { TableCell as TableCell13, TableRow as TableRow3 } from "@mui/material";
+import { RawInfoIconButton } from "@xyo-network/react-payload-raw-info";
+import { useMemo as useMemo10 } from "react";
 
 // src/components/block/BlockHeadingFlexbox.tsx
 import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
@@ -1388,7 +1413,9 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaul
   }), /* @__PURE__ */ React26.createElement(BlockJsonViewTableCell, defaultTableCellProps));
 }, "BlockChainTableRow");
 
-// src/components/account/table/AddressTableCell.tsx
+// src/components/account/table/cell/AddressTableCell.tsx
+import { TableCell as TableCell10, Tooltip as Tooltip8 } from "@mui/material";
+import { useEvent as useEvent4 } from "@xyo-network/react-event";
 var AddressTableCell = /* @__PURE__ */ __name(({ address, linked, toolTipTitle, sx, ...props }) => {
   const [ref, dispatch] = useEvent4();
   const handleClick = /* @__PURE__ */ __name(() => dispatch("address", "click", address), "handleClick");
@@ -1407,29 +1434,43 @@ var AddressTableCell = /* @__PURE__ */ __name(({ address, linked, toolTipTitle,
   })));
 }, "AddressTableCell");
 
-// src/components/account/table/BalanceHistoryTable.tsx
-import { Table, TableBody as TableBody2, TableCell as TableCell13, TableHead as TableHead2, TableRow as TableRow4 } from "@mui/material";
-import { isDefined as isDefined5 } from "@xylabs/sdk-js";
-import React27 from "react";
-
-// src/components/account/table/BalanceHistoryTableRow.tsx
-import { TableCell as TableCell12, TableRow as TableRow3 } from "@mui/material";
-import { RawInfoIconButton } from "@xyo-network/react-payload-raw-info";
-import { useMemo as useMemo10 } from "react";
+// src/components/account/table/cell/HashTableCell.tsx
+import { Link as Link5, TableCell as TableCell11, Tooltip as Tooltip9, Typography as Typography6 } from "@mui/material";
+import { ellipsize as ellipsize2, isDefined as isDefined4 } from "@xylabs/sdk-js";
+import { useEvent as useEvent5 } from "@xyo-network/react-event";
+var HashTableCell = /* @__PURE__ */ __name(({ hash, linked, toolTipTitle, sx, ...props }) => {
+  const [ref, dispatch] = useEvent5();
+  const handleClick = /* @__PURE__ */ __name(() => dispatch("tx-hash", "click", hash), "handleClick");
+  const shortenedHash = isDefined4(hash) ? ellipsize2(hash, 6) : "N/A";
+  return /* @__PURE__ */ React.createElement(TableCell11, {
+    ref,
+    ...props
+  }, hash ? /* @__PURE__ */ React.createElement(Tooltip9, {
+    title: toolTipTitle
+  }, /* @__PURE__ */ React.createElement(Typography6, {
+    component: "span",
+    variant: "body1"
+  }, linked ? /* @__PURE__ */ React.createElement(Link5, {
+    onClick: handleClick,
+    sx: {
+      cursor: "pointer"
+    }
+  }, shortenedHash) : shortenedHash)) : "N/A");
+}, "HashTableCell");
 
 // src/components/account/table/RawAmountTableCell.tsx
-import { Link as Link5, TableCell as TableCell11, Tooltip as Tooltip9 } from "@mui/material";
-import { isDefined as isDefined4, toHex as toHex3 } from "@xylabs/sdk-js";
-import { useEvent as useEvent5 } from "@xyo-network/react-event";
-import { XL1Amount } from "@xyo-network/xl1-protocol";
+import { Link as Link6, TableCell as TableCell12, Tooltip as Tooltip10 } from "@mui/material";
+import { isDefined as isDefined5, toHex as toHex3 } from "@xylabs/sdk-js";
+import { useEvent as useEvent6 } from "@xyo-network/react-event";
+import { XL1Amount as XL1Amount2 } from "@xyo-network/xl1-protocol";
 var RawAmountTableCell = /* @__PURE__ */ __name(({ amount, linked, sx, type, ...props }) => {
-  const [ref, dispatch] = useEvent5();
-  const handleClick = /* @__PURE__ */ __name(() => dispatch("amount", "click", isDefined4(amount) ? toHex3(amount) : ""), "handleClick");
+  const [ref, dispatch] = useEvent6();
+  const handleClick = /* @__PURE__ */ __name(() => dispatch("amount", "click", isDefined5(amount) ? toHex3(amount) : ""), "handleClick");
   const formatAmount = /* @__PURE__ */ __name((amount2) => {
-    if (!isDefined4(amount2)) {
+    if (!isDefined5(amount2)) {
       return "N/A";
     }
-    const xl1Amount = new XL1Amount(amount2);
+    const xl1Amount = new XL1Amount2(amount2);
     return xl1Amount.toString(void 0, {
       places: 18,
       maxDecimal: 12,
@@ -1438,12 +1479,12 @@ var RawAmountTableCell = /* @__PURE__ */ __name(({ amount, linked, sx, type, ...
       locale: navigator.language
     });
   }, "formatAmount");
-  return /* @__PURE__ */ React.createElement(TableCell11, {
+  return /* @__PURE__ */ React.createElement(TableCell12, {
     ref,
     ...props
-  }, /* @__PURE__ */ React.createElement(Tooltip9, {
+  }, /* @__PURE__ */ React.createElement(Tooltip10, {
     title: `Raw Amount: ${amount}`
-  }, linked ? /* @__PURE__ */ React.createElement(Link5, {
+  }, linked ? /* @__PURE__ */ React.createElement(Link6, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
@@ -1462,7 +1503,11 @@ var BalanceHistoryTableRow = /* @__PURE__ */ __name(({ linked, row, ...props })
   return /* @__PURE__ */ React.createElement(TableRow3, {
     key,
     ...props
-  }, /* @__PURE__ */ React.createElement(TableCell12, null, txHash || "N/A"), /* @__PURE__ */ React.createElement(BlockNumberTableCellInner, {
+  }, /* @__PURE__ */ React.createElement(HashTableCell, {
+    hash: txHash,
+    toolTipTitle: `Transaction Hash: ${txHash}`,
+    ...linkedTableCallProps
+  }), /* @__PURE__ */ React.createElement(BlockNumberTableCellInner, {
     blockNumber,
     ...linkedTableCallProps
   }), /* @__PURE__ */ React.createElement(BlockEpochTableCellInner, {
@@ -1479,7 +1524,7 @@ var BalanceHistoryTableRow = /* @__PURE__ */ __name(({ linked, row, ...props })
   }), /* @__PURE__ */ React.createElement(RawAmountTableCell, {
     amount,
     type
-  }), /* @__PURE__ */ React.createElement(TableCell12, null, /* @__PURE__ */ React.createElement(RawInfoIconButton, {
+  }), /* @__PURE__ */ React.createElement(TableCell13, null, /* @__PURE__ */ React.createElement(RawInfoIconButton, {
     rawValue: debug
   })));
 }, "BalanceHistoryTableRow");
@@ -1495,16 +1540,16 @@ var TableHeadingLabels = [
   "Debug"
 ];
 
-// src/components/account/table/BalanceHistoryTable.tsx
-var AccountBalanceHistoryTable = /* @__PURE__ */ __name(({ history, linked, ...props }) => {
-  return isDefined5(history) ? /* @__PURE__ */ React27.createElement(Table, props, /* @__PURE__ */ React27.createElement(TableHead2, null, /* @__PURE__ */ React27.createElement(TableRow4, null, TableHeadingLabels.map((heading) => /* @__PURE__ */ React27.createElement(TableCell13, {
+// src/components/account/table/BalanceHistoryTableEx.tsx
+var AccountBalanceHistoryTableEx = /* @__PURE__ */ __name(({ history, linked, ...props }) => {
+  return isDefined6(history) ? /* @__PURE__ */ React27.createElement(TableEx2, props, /* @__PURE__ */ React27.createElement(TableHead2, null, /* @__PURE__ */ React27.createElement(TableRow4, null, TableHeadingLabels.map((heading) => /* @__PURE__ */ React27.createElement(TableCell14, {
     key: heading
   }, heading)))), /* @__PURE__ */ React27.createElement(TableBody2, null, history?.map((row) => /* @__PURE__ */ React27.createElement(BalanceHistoryTableRow, {
     key: row.key,
     linked,
     row
   })))) : null;
-}, "AccountBalanceHistoryTable");
+}, "AccountBalanceHistoryTableEx");
 
 // src/components/account/BalanceHistoryFlexbox.tsx
 var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, viewer, ...props }) => {
@@ -1516,38 +1561,23 @@ var AccountBalanceHistoryFlexBox = /* @__PURE__ */ __name(({ address, refresh, v
     ],
     history: void 0
   };
-  const formatBalance = /* @__PURE__ */ __name((balance2) => {
-    const xl1Amount = new XL1Amount2(balance2);
-    return xl1Amount.toString(void 0, {
-      places: 18,
-      maxDecimal: 12,
-      maxCharacters: 12,
-      minDecimals: 1,
-      locale: navigator.language
-    });
-  }, "formatBalance");
-  const formatBalanceMagnitude = /* @__PURE__ */ __name((set) => {
-    const [received, sent] = set;
-    const netBalance = received - sent;
-    return netBalance < 0n ? `-${formatBalance(sent - received)}` : formatBalance(netBalance);
-  }, "formatBalanceMagnitude");
-  return isDefined6(history) && isDefined6(address) ? /* @__PURE__ */ React28.createElement(FlexCol3, props, /* @__PURE__ */ React28.createElement(ErrorRender3, {
+  return isDefined7(history) && isDefined7(address) ? /* @__PURE__ */ React28.createElement(FlexCol3, props, /* @__PURE__ */ React28.createElement(ErrorRender3, {
     error,
     scope: "AccountBalanceHistoryTable"
-  }), /* @__PURE__ */ React28.createElement(Typography6, {
+  }), /* @__PURE__ */ React28.createElement(Typography7, {
     variant: "h6",
     gutterBottom: true
-  }, formatBalanceMagnitude(balance)), truncated ? /* @__PURE__ */ React28.createElement(Typography6, {
+  }, formatBalanceMagnitude(balance)), truncated ? /* @__PURE__ */ React28.createElement(Typography7, {
     variant: "caption",
     gutterBottom: true
-  }, "Ranged Balance from", " ", history.at(-1).blockNumber, " ", "-", " ", history[0].blockNumber) : null, /* @__PURE__ */ React28.createElement(AccountBalanceHistoryTable, {
+  }, "Ranged Balance from", " ", history.at(-1).blockNumber, " ", "-", " ", history[0].blockNumber) : null, /* @__PURE__ */ React28.createElement(AccountBalanceHistoryTableEx, {
     history
   })) : null;
 }, "AccountBalanceHistoryFlexBox");
 
 // 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 Tooltip10 } from "@mui/material";
+import { Alert as Alert3, AlertTitle as AlertTitle2, Grow, Icon as Icon2, IconButton as IconButton4, Tooltip as Tooltip11 } from "@mui/material";
 import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
 import React33, { memo } from "react";
 
@@ -1557,21 +1587,21 @@ import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as Dial
 import React31, { useState as useState12 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
-import { ListItem, styled, Typography as Typography7 } from "@mui/material";
+import { ListItem, styled, Typography as Typography8 } from "@mui/material";
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
 import { isChainSummaryProducers } from "@xyo-network/chain-analyze";
 import React30, { useMemo as useMemo11 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
-import { Table as Table2, TableBody as TableBody3, TableCell as TableCell14, TableHead as TableHead3, TableRow as TableRow5, useTheme as useTheme2 } from "@mui/material";
+import { Table, TableBody as TableBody3, TableCell as TableCell15, TableHead as TableHead3, TableRow as TableRow5, useTheme as useTheme2 } from "@mui/material";
 import { BlockiesAvatar as BlockiesAvatar2 } from "@xyo-network/react-chain-blockies";
 import React29 from "react";
 var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
   const theme = useTheme2();
-  return /* @__PURE__ */ React29.createElement(Table2, props, /* @__PURE__ */ React29.createElement(TableHead3, null, /* @__PURE__ */ React29.createElement(TableRow5, null, /* @__PURE__ */ React29.createElement(TableCell14, null, "Address"), /* @__PURE__ */ React29.createElement(TableCell14, null, "Blocks Produced"), /* @__PURE__ */ React29.createElement(TableCell14, null, "Rewards Earned Produced"))), /* @__PURE__ */ React29.createElement(TableBody3, null, producers?.map((producer) => /* @__PURE__ */ React29.createElement(TableRow5, {
+  return /* @__PURE__ */ React29.createElement(Table, props, /* @__PURE__ */ React29.createElement(TableHead3, null, /* @__PURE__ */ React29.createElement(TableRow5, null, /* @__PURE__ */ React29.createElement(TableCell15, null, "Address"), /* @__PURE__ */ React29.createElement(TableCell15, null, "Blocks Produced"), /* @__PURE__ */ React29.createElement(TableCell15, null, "Rewards Earned Produced"))), /* @__PURE__ */ React29.createElement(TableBody3, null, producers?.map((producer) => /* @__PURE__ */ React29.createElement(TableRow5, {
     key: producer.address
-  }, /* @__PURE__ */ React29.createElement(TableCell14, null, /* @__PURE__ */ React29.createElement(BlockiesAvatar2, {
+  }, /* @__PURE__ */ React29.createElement(TableCell15, null, /* @__PURE__ */ React29.createElement(BlockiesAvatar2, {
     blockiesOptions: {
       seed: producer.address
     },
@@ -1579,7 +1609,7 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
       height: theme.spacing(2.75),
       width: theme.spacing(2.75)
     }
-  })), /* @__PURE__ */ React29.createElement(TableCell14, null, producer.blocksProduced.toString()), /* @__PURE__ */ React29.createElement(TableCell14, null, producer.rewardsEarned.toString())))));
+  })), /* @__PURE__ */ React29.createElement(TableCell15, null, producer.blocksProduced.toString()), /* @__PURE__ */ React29.createElement(TableCell15, null, producer.rewardsEarned.toString())))));
 }, "ChainProducerStatsTable");
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
@@ -1608,7 +1638,7 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, /* @__PURE__ */ React30.createElement(ErrorRender4, {
     error: producerError,
     scope: "BlockProducerStatsFlexbox"
-  }), /* @__PURE__ */ React30.createElement(Typography7, {
+  }), /* @__PURE__ */ React30.createElement(Typography8, {
     fontSize: "1rem"
   }, "Block Producers"), /* @__PURE__ */ React30.createElement(ChainProducerStatsTable, {
     producers: producersArray
@@ -1733,7 +1763,7 @@ var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingStat
     gap: 2
   }, /* @__PURE__ */ React33.createElement(Grow, {
     in: (blocksBehind ?? 0) > 0
-  }, /* @__PURE__ */ React33.createElement(Tooltip10, {
+  }, /* @__PURE__ */ React33.createElement(Tooltip11, {
     title: "Click to Re-Sync"
   }, /* @__PURE__ */ React33.createElement(Alert3, {
     sx: {
@@ -2384,12 +2414,13 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
   }, [
     chainArchivist
   ]);
+  const { args } = context;
   const props = {
     ...context,
     args: {
-      ...context.args,
+      ...args,
       blockChainRenderProps: {
-        ...context.args.blockChainRenderProps,
+        ...args.blockChainRenderProps,
         ...blockChainRenderProps,
         head: randomBlockChain?.[0][0]?._hash
       }
@@ -2400,7 +2431,7 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
 
 // src/stories/ChainInfoContextDecorator.tsx
 import { usePromise as usePromise7 } from "@xylabs/react-promise";
-import { assertEx as assertEx5, isDefined as isDefined7 } from "@xylabs/sdk-js";
+import { assertEx as assertEx5, isDefined as isDefined8 } from "@xylabs/sdk-js";
 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";
@@ -2419,7 +2450,7 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
     return await getChainArchivistFromBridge(archivistConfig);
   }, []);
   const [chainIterator] = usePromise7(async () => {
-    if (isDefined7(chainArchivist) && isDefined7(chainId)) {
+    if (isDefined8(chainArchivist) && isDefined8(chainId)) {
       const firstMatch = assertEx5(await findFirstMatching(chainArchivist), () => `No head found in archivist: ${chainArchivist.id} `);
       const head = assertEx5(isBlockBoundWitness3(firstMatch) ? firstMatch : void 0, () => `Expected a block bound witness: ${JSON.stringify(firstMatch)}`);
       const chainMap = readPayloadMapFromStore(chainArchivist);
@@ -2440,7 +2471,7 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
 }, "ChainInfoContextDecorator");
 export {
   AccountBalanceHistoryFlexBox,
-  AccountBalanceHistoryTable,
+  AccountBalanceHistoryTableEx,
   AddressTableCell,
   BalanceHistoryTableRow,
   BlockAddressChip,
@@ -2473,6 +2504,7 @@ export {
   ChainTransactionNetwork,
   ChipSkeleton,
   FeatureNotAvailable,
+  HashTableCell,
   MemoizedPollingControlsFlexbox,
   PayloadBuilderFlexbox,
   PollingControlsFlexbox,
@@ -2490,6 +2522,7 @@ export {
   XyoAddressTextField,
   blockProducer,
   buildBlockChainRenderComponent,
+  formatBalanceMagnitude,
   payloadCountsFromBlock,
   resolveDefinedHead,
   useAnchorElement,