@xyo-network/xl1-react-client-sdk 2.1.0 → 2.1.2

package/dist/browser/client/index.mjs

@@ -348,157 +348,45 @@ var ApprovedLakeSelector = ({
   ] });
 };
 
-// src/client/components/connected/ConnectAccountsStack.tsx
-import {
-  Alert as Alert2,
-  AlertTitle,
-  Button,
-  Stack as Stack3,
-  Typography as Typography3
-} from "@mui/material";
-import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
-import { isDefined as isDefined4, isUndefined as isUndefined3 } from "@xylabs/sdk-js";
-import { useEffect as useEffect3 } from "react";
-
-// src/client/components/connected/hooks/useConnectAccount.ts
-import { asAddress, assertEx } from "@xylabs/sdk-js";
-import { MainNetwork } from "@xyo-network/xl1-sdk";
-import { useCallback as useCallback2, useState as useState3 } from "react";
-var useConnectAccount = (gatewayName = MainNetwork.id, timeout) => {
-  const [connectError, setConnectError] = useState3();
-  const {
-    gateway,
-    error,
-    timedout
-  } = useGatewayFromWallet(gatewayName, timeout);
-  const [accountPermissions, accountPermissionsError] = useAccountPermissions();
-  const [address, setAddress] = useState3();
-  const connectSigner = useCallback2(async () => {
-    try {
-      setConnectError(void 0);
-      const assertedGateway = assertEx(gateway, () => `Gateway ${gatewayName} is not available`);
-      const signer = assertedGateway.signer;
-      const address2 = await signer.address();
-      setAddress(address2);
-      return address2;
-    } catch (e) {
-      setConnectError(e);
-    }
-  }, [gateway, gatewayName]);
-  return {
-    address: asAddress(accountPermissions?.[0] ?? address),
-    connectSigner,
-    error: error ?? accountPermissionsError ?? connectError,
-    gateway,
-    timedout
-  };
-};
-
-// src/client/components/connected/ConnectAccountsStack.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var DefaultConnectComponent = (props) => /* @__PURE__ */ jsx3(ButtonEx2, { variant: "contained", size: "small", ...props });
-var DefaultNoWalletInstalledComponent = () => /* @__PURE__ */ jsxs3(Alert2, { severity: "warning", children: [
-  /* @__PURE__ */ jsx3(AlertTitle, { children: "XL1 Wallet Not Found" }),
-  /* @__PURE__ */ jsx3(Typography3, { gutterBottom: true, children: "Please ensure that your XL1 Wallet is installed to connect your account." }),
-  /* @__PURE__ */ jsx3(
-    Button,
-    {
-      sx: { display: "flex", justifySelf: "end" },
-      size: "small",
-      variant: "outlined",
-      href: "https://chromewebstore.google.com/detail/xl1-wallet/fblbagcjeigmhakkfgjpdlcapcgmcfbm",
-      target: "_blank",
-      rel: "noopener",
-      children: "Get XL1 Wallet"
-    }
-  )
-] });
-var ConnectAccountsStack = ({
-  AccountComponent = ConnectedAccount,
-  ConnectComponent = DefaultConnectComponent,
-  NoWalletInstalledComponent = DefaultNoWalletInstalledComponent,
-  onAccountConnected,
-  onCancel,
-  timeout,
-  ...props
-}) => {
-  const {
-    address,
-    connectSigner,
-    error,
-    timedout
-  } = useConnectAccount(void 0, timeout);
-  useEffect3(() => {
-    if (isDefined4(error) && isDefined4(onCancel)) {
-      onCancel();
-    }
-  }, [error, onCancel]);
-  useEffect3(() => {
-    if (isDefined4(address) && isDefined4(onAccountConnected)) {
-      onAccountConnected(address);
-    }
-  }, [address, onAccountConnected]);
-  return /* @__PURE__ */ jsxs3(
-    Stack3,
-    {
-      direction: "row",
-      spacing: 2,
-      ...props,
-      sx: { alignItems: "start", ...props.sx },
-      children: [
-        isDefined4(address) ? /* @__PURE__ */ jsx3(AccountComponent, { address }) : null,
-        isUndefined3(address) && !timedout ? /* @__PURE__ */ jsx3(ConnectComponent, { onClick: () => void connectSigner(), children: "Connect" }) : null,
-        isUndefined3(address) && timedout ? /* @__PURE__ */ jsx3(NoWalletInstalledComponent, {}) : null,
-        /* @__PURE__ */ jsx3(ErrorRender2, { error, scope: "ConnectSigner:error" })
-      ]
-    }
-  );
-};
-
-// src/client/components/connected/DataLakeAddToChainPanel.tsx
+// src/client/components/connected/AutoSignChainPanel.tsx
 import { OpenInNew } from "@mui/icons-material";
 import {
-  Alert as Alert5,
+  Alert as Alert4,
   Chip as Chip2,
   Divider as Divider2,
   Link,
-  Stack as Stack6,
-  TextField,
-  Typography as Typography5
+  Stack as Stack5,
+  Typography as Typography4
 } from "@mui/material";
-import { ButtonEx as ButtonEx5 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { isDefined as isDefined7, isDefinedNotNull as isDefinedNotNull4 } from "@xylabs/sdk-js";
+import { ButtonEx as ButtonEx4 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import {
-  asSchema,
-  isAnyPayload,
-  PayloadBuilder
-} from "@xyo-network/sdk-js";
+  isDefined as isDefined6,
+  isDefinedNotNull as isDefinedNotNull4,
+  toHex
+} from "@xylabs/sdk-js";
+import { asSchema, PayloadBuilder } from "@xyo-network/sdk-js";
+import { ExplorerLinks, SequenceNetwork } from "@xyo-network/xl1-sdk";
 import {
-  DataLakesGetMethod,
-  DataLakesInsertMethod,
-  ExplorerLinks,
-  HashSchema,
-  SequenceNetwork
-} from "@xyo-network/xl1-sdk";
-import { useMemo, useState as useState5 } from "react";
+  useCallback as useCallback3,
+  useMemo,
+  useState as useState4
+} from "react";
 
 // src/client/components/connected/RequestPermissionsButton.tsx
-import { Alert as Alert4, Stack as Stack5 } from "@mui/material";
-import { ButtonEx as ButtonEx4 } from "@xylabs/react-button";
+import { Alert as Alert3, Stack as Stack4 } from "@mui/material";
+import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
 import { PopoverErrorRender } from "@xylabs/react-error";
-import { isDefined as isDefined6, isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
+import { isDefined as isDefined5, isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
 import {
-  useCallback as useCallback3,
-  useEffect as useEffect4,
-  useState as useState4
+  useCallback as useCallback2,
+  useEffect as useEffect3,
+  useState as useState3
 } from "react";
 
 // src/client/components/connected/PermissionsReviewDialog.tsx
 import {
-  Alert as Alert3,
+  Alert as Alert2,
   Box,
   Chip,
   Dialog,
@@ -506,20 +394,20 @@ import {
   DialogContent,
   DialogTitle,
   Divider,
-  Stack as Stack4,
-  Typography as Typography4
+  Stack as Stack3,
+  Typography as Typography3
 } from "@mui/material";
-import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
-import { isDefined as isDefined5 } from "@xylabs/sdk-js";
-import React3 from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
+import { isDefined as isDefined4 } from "@xylabs/sdk-js";
+import React2 from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var renderCaveatValue = (caveat) => {
   if (caveat.type === "restrictReturnedAccounts" && Array.isArray(caveat.value)) {
     if (caveat.value.length === 0) {
-      return /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "(no address restriction \u2014 every selected account is returned)" });
+      return /* @__PURE__ */ jsx3(Typography3, { variant: "caption", sx: { color: "text.secondary" }, children: "(no address restriction \u2014 every selected account is returned)" });
     }
-    return /* @__PURE__ */ jsx4(Stack4, { direction: "row", sx: { flexWrap: "wrap", gap: 0.5 }, children: caveat.value.map((address) => /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(Stack3, { direction: "row", sx: { flexWrap: "wrap", gap: 0.5 }, children: caveat.value.map((address) => /* @__PURE__ */ jsx3(
       Chip,
       {
         label: String(address),
@@ -531,13 +419,13 @@ var renderCaveatValue = (caveat) => {
   }
   if (caveat.type === "dataLakeAccess" && typeof caveat.value === "object" && caveat.value !== null) {
     const value = caveat.value;
-    return /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 0.5 }, children: [
-      isDefined5(value.perOriginId) ? /* @__PURE__ */ jsxs4(Stack4, { direction: "row", sx: { alignItems: "center", gap: 1 }, children: [
-        /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "id:" }),
-        /* @__PURE__ */ jsx4(Typography4, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: value.perOriginId })
+    return /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 0.5 }, children: [
+      isDefined4(value.perOriginId) ? /* @__PURE__ */ jsxs3(Stack3, { direction: "row", sx: { alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ jsx3(Typography3, { variant: "caption", sx: { color: "text.secondary" }, children: "id:" }),
+        /* @__PURE__ */ jsx3(Typography3, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: value.perOriginId })
       ] }) : null,
-      isDefined5(value.narrowedSchemas) && value.narrowedSchemas.length > 0 ? /* @__PURE__ */ jsxs4(
-        Stack4,
+      isDefined4(value.narrowedSchemas) && value.narrowedSchemas.length > 0 ? /* @__PURE__ */ jsxs3(
+        Stack3,
         {
           direction: "row",
           sx: {
@@ -546,8 +434,8 @@ var renderCaveatValue = (caveat) => {
             gap: 0.5
           },
           children: [
-            /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "schemas:" }),
-            value.narrowedSchemas.map((schema) => /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(Typography3, { variant: "caption", sx: { color: "text.secondary" }, children: "schemas:" }),
+            value.narrowedSchemas.map((schema) => /* @__PURE__ */ jsx3(
               Chip,
               {
                 label: schema,
@@ -561,8 +449,8 @@ var renderCaveatValue = (caveat) => {
       ) : null
     ] });
   }
-  return /* @__PURE__ */ jsx4(
-    Typography4,
+  return /* @__PURE__ */ jsx3(
+    Typography3,
     {
       component: "pre",
       variant: "body2",
@@ -578,9 +466,9 @@ var renderCaveatValue = (caveat) => {
 };
 var renderPermission = (permission) => {
   const caveats = permission.caveats ?? [];
-  return /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 1 }, children: [
-    /* @__PURE__ */ jsxs4(
-      Stack4,
+  return /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 1 }, children: [
+    /* @__PURE__ */ jsxs3(
+      Stack3,
       {
         direction: "row",
         sx: {
@@ -589,8 +477,8 @@ var renderPermission = (permission) => {
           gap: 1
         },
         children: [
-          /* @__PURE__ */ jsx4(Typography4, { variant: "subtitle2", sx: { fontFamily: "monospace" }, children: permission.parentCapability }),
-          isDefined5(permission.date) ? /* @__PURE__ */ jsxs4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: [
+          /* @__PURE__ */ jsx3(Typography3, { variant: "subtitle2", sx: { fontFamily: "monospace" }, children: permission.parentCapability }),
+          isDefined4(permission.date) ? /* @__PURE__ */ jsxs3(Typography3, { variant: "caption", sx: { color: "text.secondary" }, children: [
             "granted",
             " ",
             new Date(permission.date).toLocaleString()
@@ -598,9 +486,9 @@ var renderPermission = (permission) => {
         ]
       }
     ),
-    caveats.length === 0 ? /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "(no caveats)" }) : /* @__PURE__ */ jsx4(Stack4, { sx: { gap: 1, pl: 1 }, children: caveats.map((caveat) => /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 0.5 }, children: [
-      /* @__PURE__ */ jsx4(Chip, { label: caveat.type, size: "small", sx: { alignSelf: "flex-start" } }),
-      /* @__PURE__ */ jsx4(Box, { sx: { pl: 1 }, children: renderCaveatValue(caveat) })
+    caveats.length === 0 ? /* @__PURE__ */ jsx3(Typography3, { variant: "caption", sx: { color: "text.secondary" }, children: "(no caveats)" }) : /* @__PURE__ */ jsx3(Stack3, { sx: { gap: 1, pl: 1 }, children: caveats.map((caveat) => /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 0.5 }, children: [
+      /* @__PURE__ */ jsx3(Chip, { label: caveat.type, size: "small", sx: { alignSelf: "flex-start" } }),
+      /* @__PURE__ */ jsx3(Box, { sx: { pl: 1 }, children: renderCaveatValue(caveat) })
     ] }, caveat.type)) })
   ] });
 };
@@ -612,19 +500,19 @@ var PermissionsReviewDialog = ({
   requesting,
   error
 }) => {
-  return /* @__PURE__ */ jsxs4(Dialog, { open, onClose, fullWidth: true, maxWidth: "sm", children: [
-    /* @__PURE__ */ jsx4(DialogTitle, { children: "Granted permissions" }),
-    /* @__PURE__ */ jsx4(DialogContent, { dividers: true, children: /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 2 }, children: [
-      granted.length === 0 ? /* @__PURE__ */ jsx4(Alert3, { severity: "info", children: "No permissions are currently granted to this origin." }) : granted.map((permission, index) => /* @__PURE__ */ jsxs4(React3.Fragment, { children: [
-        index > 0 ? /* @__PURE__ */ jsx4(Divider, {}) : null,
+  return /* @__PURE__ */ jsxs3(Dialog, { open, onClose, fullWidth: true, maxWidth: "sm", children: [
+    /* @__PURE__ */ jsx3(DialogTitle, { children: "Granted permissions" }),
+    /* @__PURE__ */ jsx3(DialogContent, { dividers: true, children: /* @__PURE__ */ jsxs3(Stack3, { sx: { gap: 2 }, children: [
+      granted.length === 0 ? /* @__PURE__ */ jsx3(Alert2, { severity: "info", children: "No permissions are currently granted to this origin." }) : granted.map((permission, index) => /* @__PURE__ */ jsxs3(React2.Fragment, { children: [
+        index > 0 ? /* @__PURE__ */ jsx3(Divider, {}) : null,
         renderPermission(permission)
       ] }, permission.parentCapability)),
-      /* @__PURE__ */ jsx4(ErrorRender3, { error, scope: "PermissionsReviewDialog" })
+      /* @__PURE__ */ jsx3(ErrorRender2, { error, scope: "PermissionsReviewDialog" })
     ] }) }),
-    /* @__PURE__ */ jsxs4(DialogActions, { children: [
-      /* @__PURE__ */ jsx4(ButtonEx3, { variant: "text", size: "small", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ jsx4(
-        ButtonEx3,
+    /* @__PURE__ */ jsxs3(DialogActions, { children: [
+      /* @__PURE__ */ jsx3(ButtonEx2, { variant: "text", size: "small", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ jsx3(
+        ButtonEx2,
         {
           variant: "contained",
           size: "small",
@@ -639,7 +527,7 @@ var PermissionsReviewDialog = ({
 };
 
 // src/client/components/connected/RequestPermissionsButton.tsx
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var RequestPermissionsButton = ({
   permissions,
   timeout,
@@ -651,13 +539,13 @@ var RequestPermissionsButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [granted, setGranted] = useState4();
-  const [fetchError, setFetchError] = useState4();
-  const [requestError, setRequestError] = useState4();
-  const [requesting, setRequesting] = useState4(false);
-  const [dialogOpen, setDialogOpen] = useState4(false);
+  const [granted, setGranted] = useState3();
+  const [fetchError, setFetchError] = useState3();
+  const [requestError, setRequestError] = useState3();
+  const [requesting, setRequesting] = useState3(false);
+  const [dialogOpen, setDialogOpen] = useState3(false);
   const permissionsApi = client?.permissions;
-  const refreshGranted = useCallback3(async () => {
+  const refreshGranted = useCallback2(async () => {
     if (!isDefinedNotNull3(permissionsApi)) return;
     setFetchError(void 0);
     try {
@@ -668,12 +556,12 @@ var RequestPermissionsButton = ({
       setFetchError(e);
     }
   }, [permissionsApi]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (isDefinedNotNull3(permissionsApi) && granted === void 0) {
       void refreshGranted();
     }
   }, [permissionsApi, granted, refreshGranted]);
-  const requestPermissions = useCallback3(async () => {
+  const requestPermissions = useCallback2(async () => {
     if (!isDefinedNotNull3(permissionsApi)) return;
     setRequestError(void 0);
     setRequesting(true);
@@ -686,7 +574,7 @@ var RequestPermissionsButton = ({
       setRequesting(false);
     }
   }, [permissionsApi, permissions, refreshGranted]);
-  const hasGranted = isDefined6(granted) && granted.length > 0;
+  const hasGranted = isDefined5(granted) && granted.length > 0;
   const handleClick = () => {
     if (hasGranted) {
       setDialogOpen(true);
@@ -694,58 +582,485 @@ var RequestPermissionsButton = ({
     }
     void requestPermissions();
   };
+  return /* @__PURE__ */ jsxs4(
+    Stack4,
+    {
+      ...props,
+      sx: {
+        gap: 2,
+        alignItems: "start",
+        ...props.sx
+      },
+      children: [
+        timedout ? /* @__PURE__ */ jsx4(Alert3, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__PURE__ */ jsxs4(Stack4, { direction: "row", sx: { gap: 1, alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx4(
+            ButtonEx3,
+            {
+              variant: "contained",
+              size: "small",
+              disabled: !isDefinedNotNull3(permissionsApi) || requesting,
+              busy: isLoading || requesting,
+              onClick: handleClick,
+              children: hasGranted ? "Review permissions" : /* @__PURE__ */ jsxs4(Fragment, { children: [
+                "Request",
+                " ",
+                permissions.length,
+                " ",
+                "permission",
+                permissions.length === 1 ? "" : "s"
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx4(PopoverErrorRender, { error: clientError ?? fetchError ?? requestError, scope: "RequestPermissionsButton" })
+        ] }),
+        /* @__PURE__ */ jsx4(
+          PermissionsReviewDialog,
+          {
+            open: dialogOpen,
+            onClose: () => setDialogOpen(false),
+            granted: granted ?? [],
+            onReRequest: () => void requestPermissions(),
+            requesting,
+            error: requestError
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/client/components/connected/AutoSignChainPanel.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var SIGN_TRANSACTION_METHOD = "xyoSigner_signTransaction";
+var CAVEAT_CHAIN_ID = "chainId";
+var CAVEAT_SIGNER = "signer";
+var CAVEAT_SCHEMA_ALLOWLIST = "schemaAllowlist";
+var CAVEAT_EXPIRATION = "expiration";
+var CAVEAT_GAS_CAP = "gasCap";
+var CAVEAT_TX_COUNT_LIMIT = "txCountLimit";
+var SIGNER_PERMISSIONS = [
+  { xyoWallet_getAccounts: { restrictReturnedAccounts: [] } },
+  { xyoSigner_address: {} }
+];
+var DEFAULT_GAS_CAP_ATTO = 10n ** 18n;
+var DEFAULT_TTL_MS = 24 * 60 * 60 * 1e3;
+var SEQUENCE_CHAIN_ID = "4b43a753c8024c0e5000e8ac948ac0063ac624bc";
+var DEFAULT_EXPLORER_URL = "https://beta.explore.xyo.network";
+var EMPTY_RESULTS = [];
+var DEFAULT_SCHEMA_PATTERNS = ["network.xyo.game.*"];
+function buildAutoSignRequest({
+  address,
+  chainId,
+  expiresAt,
+  gasCapAtto,
+  maxTxCount,
+  patterns
+}) {
+  return {
+    [SIGN_TRANSACTION_METHOD]: {
+      [CAVEAT_CHAIN_ID]: { chainId },
+      [CAVEAT_SIGNER]: { address },
+      [CAVEAT_SCHEMA_ALLOWLIST]: { patterns },
+      [CAVEAT_EXPIRATION]: { expiresAt },
+      [CAVEAT_GAS_CAP]: { limit: toHex(gasCapAtto), spent: toHex(0n) },
+      [CAVEAT_TX_COUNT_LIMIT]: { max: maxTxCount, used: 0 }
+    }
+  };
+}
+var FireSection = ({
+  attempts,
+  burstSize,
+  canFire,
+  firing,
+  offChainSchema,
+  onFire,
+  txUrl
+}) => /* @__PURE__ */ jsxs5(Stack5, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsxs5(Typography4, { variant: "subtitle2", children: [
+    "4. Fire",
+    " ",
+    burstSize,
+    " ",
+    "addPayloadsToChain call",
+    burstSize === 1 ? "" : "s"
+  ] }),
+  /* @__PURE__ */ jsxs5(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: [
+    "Each call signs a transaction that references a fresh",
+    " ",
+    /* @__PURE__ */ jsx5("code", { children: offChainSchema }),
+    " ",
+    "payload (its hash + schema are committed in the signed bound witness). With a matching auto-sign grant in place these should complete with",
+    " ",
+    /* @__PURE__ */ jsx5("strong", { children: "no wallet popup" }),
+    "; if a guardrail (schema / count / gas / expiry) denies a call, the wallet falls back to its normal Sign popup for that call."
+  ] }),
+  /* @__PURE__ */ jsx5(
+    ButtonEx4,
+    {
+      variant: "contained",
+      size: "small",
+      disabled: !canFire,
+      busy: firing,
+      onClick: onFire,
+      children: "Fire transactions"
+    }
+  ),
+  attempts.map((attempt) => /* @__PURE__ */ jsxs5(
+    Stack5,
+    {
+      direction: "row",
+      sx: {
+        alignItems: "center",
+        flexWrap: "wrap",
+        gap: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx5(
+          Chip2,
+          {
+            label: `#${attempt.index + 1}`,
+            size: "small",
+            color: isDefined6(attempt.error) ? "error" : "success"
+          }
+        ),
+        isDefined6(attempt.txHash) ? /* @__PURE__ */ jsxs5(
+          Link,
+          {
+            href: txUrl(attempt.txHash),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            variant: "body2",
+            sx: {
+              alignItems: "center",
+              display: "inline-flex",
+              gap: 0.5,
+              fontFamily: "monospace",
+              wordBreak: "break-all"
+            },
+            children: [
+              attempt.txHash,
+              /* @__PURE__ */ jsx5(OpenInNew, { sx: { fontSize: 14 } })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx5(Typography4, { variant: "body2", sx: { color: "error.main", wordBreak: "break-all" }, children: attempt.error })
+      ]
+    },
+    attempt.index
+  ))
+] });
+async function runBurst(gateway, offChainSchema, burstSize, onProgress) {
+  const schema = asSchema(offChainSchema, true);
+  const collected = [];
+  for (let index = 0; index < burstSize; index++) {
+    try {
+      const content = new PayloadBuilder({ schema }).fields({ move: index, ts: Date.now() }).build();
+      const [txHash] = await gateway.addPayloadsToChain([], [content]);
+      collected.push({ index, txHash });
+    } catch (e) {
+      collected.push({ index, error: e.message });
+    }
+    onProgress([...collected]);
+  }
+}
+var AutoSignChainPanel = ({
+  burstSize = 3,
+  chainId = SEQUENCE_CHAIN_ID,
+  explorerUrl = DEFAULT_EXPLORER_URL,
+  gatewayName = SequenceNetwork.id,
+  maxTxCount = 100,
+  offChainSchema = "network.xyo.game.move",
+  schemaPatterns = DEFAULT_SCHEMA_PATTERNS,
+  timeout,
+  ...props
+}) => {
+  const { client, error: clientError } = useClientFromWallet(timeout);
+  const {
+    gateway,
+    error: gatewayError,
+    timedout
+  } = useGatewayFromWallet(gatewayName, timeout);
+  const [resolvedAddress, setResolvedAddress] = useState4();
+  const [resolving, setResolving] = useState4(false);
+  const [resolveError, setResolveError] = useState4();
+  const [granting, setGranting] = useState4(false);
+  const [grantError, setGrantError] = useState4();
+  const [granted, setGranted] = useState4(false);
+  const [firing, setFiring] = useState4(false);
+  const [attempts, setAttempts] = useState4(EMPTY_RESULTS);
+  const permissionsApi = client?.permissions;
+  const explorer = useMemo(() => new ExplorerLinks(explorerUrl, gatewayName), [explorerUrl, gatewayName]);
+  const handleResolve = useCallback3(async () => {
+    if (!isDefinedNotNull4(gateway)) return;
+    const signer = gateway.signer;
+    if (!isDefinedNotNull4(signer)) return;
+    setResolveError(void 0);
+    setResolving(true);
+    try {
+      setResolvedAddress(await signer.address());
+    } catch (e) {
+      setResolveError(e);
+    } finally {
+      setResolving(false);
+    }
+  }, [gateway]);
+  const handleGrant = useCallback3(async () => {
+    if (!isDefinedNotNull4(permissionsApi) || !isDefined6(resolvedAddress)) return;
+    setGrantError(void 0);
+    setGranting(true);
+    try {
+      await permissionsApi.requestPermissions([buildAutoSignRequest({
+        address: resolvedAddress,
+        chainId,
+        expiresAt: Date.now() + DEFAULT_TTL_MS,
+        gasCapAtto: DEFAULT_GAS_CAP_ATTO,
+        maxTxCount,
+        patterns: schemaPatterns
+      })]);
+      setGranted(true);
+    } catch (e) {
+      setGrantError(e);
+    } finally {
+      setGranting(false);
+    }
+  }, [permissionsApi, resolvedAddress, chainId, maxTxCount, schemaPatterns]);
+  const handleFire = useCallback3(async () => {
+    if (!isDefinedNotNull4(gateway)) return;
+    setFiring(true);
+    setAttempts(EMPTY_RESULTS);
+    try {
+      await runBurst(gateway, offChainSchema, burstSize, setAttempts);
+    } finally {
+      setFiring(false);
+    }
+  }, [gateway, burstSize, offChainSchema]);
+  const canResolve = isDefinedNotNull4(gateway) && !resolving;
+  const canGrant = isDefinedNotNull4(permissionsApi) && isDefined6(resolvedAddress) && !granting;
+  const canFire = isDefinedNotNull4(gateway) && isDefined6(resolvedAddress) && !firing;
   return /* @__PURE__ */ jsxs5(
     Stack5,
     {
       ...props,
-      sx: {
-        gap: 2,
-        alignItems: "start",
-        ...props.sx
-      },
+      sx: {
+        gap: 3,
+        alignItems: "stretch",
+        ...props.sx
+      },
+      children: [
+        timedout ? /* @__PURE__ */ jsx5(Alert4, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__PURE__ */ jsxs5(Stack5, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx5(Typography4, { variant: "subtitle2", children: "1. Grant signer + account access" }),
+          /* @__PURE__ */ jsx5(RequestPermissionsButton, { permissions: SIGNER_PERMISSIONS, timeout })
+        ] }),
+        /* @__PURE__ */ jsx5(Divider2, {}),
+        /* @__PURE__ */ jsxs5(Stack5, { sx: { gap: 1, alignItems: "start" }, children: [
+          /* @__PURE__ */ jsx5(Typography4, { variant: "subtitle2", children: "2. Resolve account" }),
+          /* @__PURE__ */ jsx5(
+            ButtonEx4,
+            {
+              variant: "contained",
+              size: "small",
+              disabled: !canResolve,
+              busy: resolving,
+              onClick: () => void handleResolve(),
+              children: "Resolve account"
+            }
+          ),
+          isDefined6(resolvedAddress) ? /* @__PURE__ */ jsxs5(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: [
+            "Account:",
+            " ",
+            /* @__PURE__ */ jsx5("code", { children: resolvedAddress })
+          ] }) : null,
+          /* @__PURE__ */ jsx5(ErrorRender3, { error: resolveError, scope: "AutoSignChainPanel.resolve" })
+        ] }),
+        /* @__PURE__ */ jsx5(Divider2, {}),
+        /* @__PURE__ */ jsxs5(Stack5, { sx: { gap: 1, alignItems: "start" }, children: [
+          /* @__PURE__ */ jsx5(Typography4, { variant: "subtitle2", children: "3. Grant auto-sign" }),
+          /* @__PURE__ */ jsxs5(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: [
+            "Pins the grant to the resolved account on chain",
+            " ",
+            /* @__PURE__ */ jsx5("code", { children: chainId }),
+            ", allowlists",
+            " ",
+            /* @__PURE__ */ jsx5("code", { children: schemaPatterns.join(", ") }),
+            ", and caps it at",
+            " ",
+            maxTxCount,
+            " ",
+            "tx, 1 XL1 gas, 24h."
+          ] }),
+          /* @__PURE__ */ jsx5(
+            ButtonEx4,
+            {
+              variant: "contained",
+              size: "small",
+              disabled: !canGrant,
+              busy: granting,
+              onClick: () => void handleGrant(),
+              children: "Grant auto-sign"
+            }
+          ),
+          granted ? /* @__PURE__ */ jsx5(Chip2, { label: "Auto-sign granted", size: "small", color: "success" }) : null,
+          /* @__PURE__ */ jsx5(ErrorRender3, { error: grantError, scope: "AutoSignChainPanel.grant" })
+        ] }),
+        /* @__PURE__ */ jsx5(Divider2, {}),
+        /* @__PURE__ */ jsx5(
+          FireSection,
+          {
+            attempts,
+            burstSize,
+            canFire,
+            firing,
+            offChainSchema,
+            onFire: () => void handleFire(),
+            txUrl: (hash) => explorer.transaction(hash)
+          }
+        ),
+        /* @__PURE__ */ jsx5(ErrorRender3, { error: clientError ?? gatewayError, scope: "AutoSignChainPanel.wallet" })
+      ]
+    }
+  );
+};
+
+// src/client/components/connected/ConnectAccountsStack.tsx
+import {
+  Alert as Alert5,
+  AlertTitle,
+  Button,
+  Stack as Stack6,
+  Typography as Typography5
+} from "@mui/material";
+import { ButtonEx as ButtonEx5 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
+import { isDefined as isDefined7, isUndefined as isUndefined3 } from "@xylabs/sdk-js";
+import { useEffect as useEffect4 } from "react";
+
+// src/client/components/connected/hooks/useConnectAccount.ts
+import { asAddress, assertEx } from "@xylabs/sdk-js";
+import { MainNetwork } from "@xyo-network/xl1-sdk";
+import { useCallback as useCallback4, useState as useState5 } from "react";
+var useConnectAccount = (gatewayName = MainNetwork.id, timeout) => {
+  const [connectError, setConnectError] = useState5();
+  const {
+    gateway,
+    error,
+    timedout
+  } = useGatewayFromWallet(gatewayName, timeout);
+  const [accountPermissions, accountPermissionsError] = useAccountPermissions();
+  const [address, setAddress] = useState5();
+  const connectSigner = useCallback4(async () => {
+    try {
+      setConnectError(void 0);
+      const assertedGateway = assertEx(gateway, () => `Gateway ${gatewayName} is not available`);
+      const signer = assertedGateway.signer;
+      const address2 = await signer.address();
+      setAddress(address2);
+      return address2;
+    } catch (e) {
+      setConnectError(e);
+    }
+  }, [gateway, gatewayName]);
+  return {
+    address: asAddress(accountPermissions?.[0] ?? address),
+    connectSigner,
+    error: error ?? accountPermissionsError ?? connectError,
+    gateway,
+    timedout
+  };
+};
+
+// src/client/components/connected/ConnectAccountsStack.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var DefaultConnectComponent = (props) => /* @__PURE__ */ jsx6(ButtonEx5, { variant: "contained", size: "small", ...props });
+var DefaultNoWalletInstalledComponent = () => /* @__PURE__ */ jsxs6(Alert5, { severity: "warning", children: [
+  /* @__PURE__ */ jsx6(AlertTitle, { children: "XL1 Wallet Not Found" }),
+  /* @__PURE__ */ jsx6(Typography5, { gutterBottom: true, children: "Please ensure that your XL1 Wallet is installed to connect your account." }),
+  /* @__PURE__ */ jsx6(
+    Button,
+    {
+      sx: { display: "flex", justifySelf: "end" },
+      size: "small",
+      variant: "outlined",
+      href: "https://chromewebstore.google.com/detail/xl1-wallet/fblbagcjeigmhakkfgjpdlcapcgmcfbm",
+      target: "_blank",
+      rel: "noopener",
+      children: "Get XL1 Wallet"
+    }
+  )
+] });
+var ConnectAccountsStack = ({
+  AccountComponent = ConnectedAccount,
+  ConnectComponent = DefaultConnectComponent,
+  NoWalletInstalledComponent = DefaultNoWalletInstalledComponent,
+  onAccountConnected,
+  onCancel,
+  timeout,
+  ...props
+}) => {
+  const {
+    address,
+    connectSigner,
+    error,
+    timedout
+  } = useConnectAccount(void 0, timeout);
+  useEffect4(() => {
+    if (isDefined7(error) && isDefined7(onCancel)) {
+      onCancel();
+    }
+  }, [error, onCancel]);
+  useEffect4(() => {
+    if (isDefined7(address) && isDefined7(onAccountConnected)) {
+      onAccountConnected(address);
+    }
+  }, [address, onAccountConnected]);
+  return /* @__PURE__ */ jsxs6(
+    Stack6,
+    {
+      direction: "row",
+      spacing: 2,
+      ...props,
+      sx: { alignItems: "start", ...props.sx },
       children: [
-        timedout ? /* @__PURE__ */ jsx5(Alert4, { severity: "warning", children: "Wallet not detected." }) : null,
-        /* @__PURE__ */ jsxs5(Stack5, { direction: "row", sx: { gap: 1, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx5(
-            ButtonEx4,
-            {
-              variant: "contained",
-              size: "small",
-              disabled: !isDefinedNotNull3(permissionsApi) || requesting,
-              busy: isLoading || requesting,
-              onClick: handleClick,
-              children: hasGranted ? "Review permissions" : /* @__PURE__ */ jsxs5(Fragment, { children: [
-                "Request",
-                " ",
-                permissions.length,
-                " ",
-                "permission",
-                permissions.length === 1 ? "" : "s"
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx5(PopoverErrorRender, { error: clientError ?? fetchError ?? requestError, scope: "RequestPermissionsButton" })
-        ] }),
-        /* @__PURE__ */ jsx5(
-          PermissionsReviewDialog,
-          {
-            open: dialogOpen,
-            onClose: () => setDialogOpen(false),
-            granted: granted ?? [],
-            onReRequest: () => void requestPermissions(),
-            requesting,
-            error: requestError
-          }
-        )
+        isDefined7(address) ? /* @__PURE__ */ jsx6(AccountComponent, { address }) : null,
+        isUndefined3(address) && !timedout ? /* @__PURE__ */ jsx6(ConnectComponent, { onClick: () => void connectSigner(), children: "Connect" }) : null,
+        isUndefined3(address) && timedout ? /* @__PURE__ */ jsx6(NoWalletInstalledComponent, {}) : null,
+        /* @__PURE__ */ jsx6(ErrorRender4, { error, scope: "ConnectSigner:error" })
       ]
     }
   );
 };
 
 // src/client/components/connected/DataLakeAddToChainPanel.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var DEFAULT_EXPLORER_URL = "https://explore.xyo.network";
-var DEFAULT_PAYLOAD_SCHEMA = asSchema("network.xyo.observation.v2", true);
+import { OpenInNew as OpenInNew2 } from "@mui/icons-material";
+import {
+  Alert as Alert6,
+  Chip as Chip3,
+  Divider as Divider3,
+  Link as Link2,
+  Stack as Stack7,
+  TextField,
+  Typography as Typography6
+} from "@mui/material";
+import { ButtonEx as ButtonEx6 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { isDefined as isDefined8, isDefinedNotNull as isDefinedNotNull5 } from "@xylabs/sdk-js";
+import {
+  asSchema as asSchema2,
+  isAnyPayload,
+  PayloadBuilder as PayloadBuilder2
+} from "@xyo-network/sdk-js";
+import {
+  DataLakesGetMethod,
+  DataLakesInsertMethod,
+  ExplorerLinks as ExplorerLinks2,
+  HashSchema,
+  SequenceNetwork as SequenceNetwork2
+} from "@xyo-network/xl1-sdk";
+import { useMemo as useMemo2, useState as useState6 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var DEFAULT_EXPLORER_URL2 = "https://explore.xyo.network";
+var DEFAULT_PAYLOAD_SCHEMA = asSchema2("network.xyo.observation.v2", true);
 var PANEL_PERMISSIONS = [
   { xyoWallet_getAccounts: { restrictReturnedAccounts: [] } },
   { xyoSigner_address: {} },
@@ -753,7 +1068,7 @@ var PANEL_PERMISSIONS = [
   { [DataLakesInsertMethod]: { dataLakeAccess: {} } }
 ];
 async function buildDefaultPayload(schema) {
-  const builder = new PayloadBuilder({ schema }).fields({ value: 1 });
+  const builder = new PayloadBuilder2({ schema }).fields({ value: 1 });
   const payload = builder.build();
   return JSON.stringify(payload, null, 2);
 }
@@ -776,9 +1091,9 @@ var TestPayloadSection = ({
   onChange,
   parse,
   value
-}) => /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
-  /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "2. Test payload" }),
-  /* @__PURE__ */ jsx6(
+}) => /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsx7(Typography6, { variant: "subtitle2", children: "2. Test payload" }),
+  /* @__PURE__ */ jsx7(
     TextField,
     {
       label: "Payload (single JSON object)",
@@ -791,11 +1106,11 @@ var TestPayloadSection = ({
       slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
     }
   ),
-  parse.ok ? /* @__PURE__ */ jsxs6(Typography5, { variant: "caption", sx: { color: "text.secondary" }, children: [
+  parse.ok ? /* @__PURE__ */ jsxs7(Typography6, { variant: "caption", sx: { color: "text.secondary" }, children: [
     "Parsed payload \u2014 schema:",
     " ",
-    /* @__PURE__ */ jsx6("code", { children: parse.payload.schema ?? "(none)" })
-  ] }) : /* @__PURE__ */ jsx6(Alert5, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx6(Typography5, { variant: "body2", children: parse.error }) })
+    /* @__PURE__ */ jsx7("code", { children: parse.payload.schema ?? "(none)" })
+  ] }) : /* @__PURE__ */ jsx7(Alert6, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx7(Typography6, { variant: "body2", children: parse.error }) })
 ] });
 var InsertSection = ({
   canInsert,
@@ -806,9 +1121,9 @@ var InsertSection = ({
   selectedLakeId,
   storedHash,
   timeout
-}) => /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
-  /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "3. Insert into runner lake" }),
-  /* @__PURE__ */ jsx6(
+}) => /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsx7(Typography6, { variant: "subtitle2", children: "3. Insert into runner lake" }),
+  /* @__PURE__ */ jsx7(
     ApprovedLakeSelector,
     {
       capability: "runner",
@@ -817,8 +1132,8 @@ var InsertSection = ({
       timeout
     }
   ),
-  /* @__PURE__ */ jsx6(
-    ButtonEx5,
+  /* @__PURE__ */ jsx7(
+    ButtonEx6,
     {
       variant: "contained",
       size: "small",
@@ -828,8 +1143,8 @@ var InsertSection = ({
       children: "Insert into lake"
     }
   ),
-  isDefined7(storedHash) ? /* @__PURE__ */ jsxs6(
-    Stack6,
+  isDefined8(storedHash) ? /* @__PURE__ */ jsxs7(
+    Stack7,
     {
       direction: "row",
       sx: {
@@ -838,12 +1153,12 @@ var InsertSection = ({
         gap: 1
       },
       children: [
-        /* @__PURE__ */ jsx6(Chip2, { label: "Stored", size: "small", color: "success" }),
-        /* @__PURE__ */ jsx6(Typography5, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: storedHash })
+        /* @__PURE__ */ jsx7(Chip3, { label: "Stored", size: "small", color: "success" }),
+        /* @__PURE__ */ jsx7(Typography6, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: storedHash })
       ]
     }
   ) : null,
-  /* @__PURE__ */ jsx6(ErrorRender4, { error: insertError, scope: "DataLakeAddToChainPanel.insert" })
+  /* @__PURE__ */ jsx7(ErrorRender5, { error: insertError, scope: "DataLakeAddToChainPanel.insert" })
 ] });
 var AddToChainSection = ({
   addingToChain,
@@ -854,16 +1169,16 @@ var AddToChainSection = ({
   onAddToChain,
   signedTx,
   txHash
-}) => /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
-  /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "4. Add HashPayload to chain" }),
-  /* @__PURE__ */ jsxs6(Typography5, { variant: "caption", sx: { color: "text.secondary" }, children: [
+}) => /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsx7(Typography6, { variant: "subtitle2", children: "4. Add HashPayload to chain" }),
+  /* @__PURE__ */ jsxs7(Typography6, { variant: "caption", sx: { color: "text.secondary" }, children: [
     "References the lake-stored payload via",
     " ",
-    /* @__PURE__ */ jsx6("code", { children: "network.xyo.hash" }),
+    /* @__PURE__ */ jsx7("code", { children: "network.xyo.hash" }),
     "; the payload itself rides along as the `offChain` argument."
   ] }),
-  /* @__PURE__ */ jsx6(
-    ButtonEx5,
+  /* @__PURE__ */ jsx7(
+    ButtonEx6,
     {
       variant: "contained",
       size: "small",
@@ -873,9 +1188,9 @@ var AddToChainSection = ({
       children: "Add to chain"
     }
   ),
-  isDefined7(txHash) && isDefined7(explorerTxUrl) ? /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 0.5 }, children: [
-    /* @__PURE__ */ jsxs6(
-      Stack6,
+  isDefined8(txHash) && isDefined8(explorerTxUrl) ? /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 0.5 }, children: [
+    /* @__PURE__ */ jsxs7(
+      Stack7,
       {
         direction: "row",
         sx: {
@@ -884,13 +1199,13 @@ var AddToChainSection = ({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ jsx6(Chip2, { label: "Submitted", size: "small", color: "success" }),
-          /* @__PURE__ */ jsx6(Typography5, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: txHash })
+          /* @__PURE__ */ jsx7(Chip3, { label: "Submitted", size: "small", color: "success" }),
+          /* @__PURE__ */ jsx7(Typography6, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: txHash })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs6(
-      Link,
+    /* @__PURE__ */ jsxs7(
+      Link2,
       {
         href: explorerTxUrl,
         target: "_blank",
@@ -902,22 +1217,22 @@ var AddToChainSection = ({
         },
         children: [
           "View on explorer",
-          /* @__PURE__ */ jsx6(OpenInNew, { sx: { fontSize: 14 } })
+          /* @__PURE__ */ jsx7(OpenInNew2, { sx: { fontSize: 14 } })
         ]
       }
     ),
-    isDefined7(signedTx) ? /* @__PURE__ */ jsxs6(Typography5, { variant: "caption", sx: { color: "text.secondary" }, children: [
+    isDefined8(signedTx) ? /* @__PURE__ */ jsxs7(Typography6, { variant: "caption", sx: { color: "text.secondary" }, children: [
       "Signed transaction recorded \u2014 open the explorer link above to verify inclusion on",
       " ",
-      /* @__PURE__ */ jsx6("code", { children: gatewayName }),
+      /* @__PURE__ */ jsx7("code", { children: gatewayName }),
       "."
     ] }) : null
   ] }) : null,
-  /* @__PURE__ */ jsx6(ErrorRender4, { error: chainError, scope: "DataLakeAddToChainPanel.addToChain" })
+  /* @__PURE__ */ jsx7(ErrorRender5, { error: chainError, scope: "DataLakeAddToChainPanel.addToChain" })
 ] });
 var DataLakeAddToChainPanel = ({
-  explorerUrl = DEFAULT_EXPLORER_URL,
-  gatewayName = SequenceNetwork.id,
+  explorerUrl = DEFAULT_EXPLORER_URL2,
+  gatewayName = SequenceNetwork2.id,
   initialPayloadJson,
   payloadSchema = DEFAULT_PAYLOAD_SCHEMA,
   timeout,
@@ -929,27 +1244,27 @@ var DataLakeAddToChainPanel = ({
     error: gatewayError,
     timedout
   } = useGatewayFromWallet(gatewayName, timeout);
-  const [payloadText, setPayloadText] = useState5(initialPayloadJson ?? "");
+  const [payloadText, setPayloadText] = useState6(initialPayloadJson ?? "");
   usePromise2(async () => setPayloadText(await buildDefaultPayload(payloadSchema)), [payloadSchema]);
-  const parse = useMemo(() => parsePayload(payloadText), [payloadText]);
-  const [selectedLakeId, setSelectedLakeId] = useState5("");
-  const [storedPayload, setStoredPayload] = useState5();
-  const [inserting, setInserting] = useState5(false);
-  const [insertError, setInsertError] = useState5();
-  const [txHash, setTxHash] = useState5();
-  const [signedTx, setSignedTx] = useState5();
-  const [addingToChain, setAddingToChain] = useState5(false);
-  const [chainError, setChainError] = useState5();
+  const parse = useMemo2(() => parsePayload(payloadText), [payloadText]);
+  const [selectedLakeId, setSelectedLakeId] = useState6("");
+  const [storedPayload, setStoredPayload] = useState6();
+  const [inserting, setInserting] = useState6(false);
+  const [insertError, setInsertError] = useState6();
+  const [txHash, setTxHash] = useState6();
+  const [signedTx, setSignedTx] = useState6();
+  const [addingToChain, setAddingToChain] = useState6(false);
+  const [chainError, setChainError] = useState6();
   const dataLakes = client?.dataLakes;
-  const [storedHash] = usePromise2(async () => isDefined7(storedPayload) ? await PayloadBuilder.dataHash(storedPayload) : void 0, [storedPayload]);
-  const canInsert = parse.ok && selectedLakeId.length > 0 && isDefinedNotNull4(dataLakes) && !inserting;
-  const canAddToChain = isDefined7(storedHash) && isDefined7(storedPayload) && isDefinedNotNull4(gateway) && !addingToChain;
-  const explorerTxUrl = useMemo(() => {
-    if (!isDefined7(txHash)) return;
-    return new ExplorerLinks(explorerUrl, gatewayName).transaction(txHash);
+  const [storedHash] = usePromise2(async () => isDefined8(storedPayload) ? await PayloadBuilder2.dataHash(storedPayload) : void 0, [storedPayload]);
+  const canInsert = parse.ok && selectedLakeId.length > 0 && isDefinedNotNull5(dataLakes) && !inserting;
+  const canAddToChain = isDefined8(storedHash) && isDefined8(storedPayload) && isDefinedNotNull5(gateway) && !addingToChain;
+  const explorerTxUrl = useMemo2(() => {
+    if (!isDefined8(txHash)) return;
+    return new ExplorerLinks2(explorerUrl, gatewayName).transaction(txHash);
   }, [txHash, explorerUrl, gatewayName]);
   const handleInsert = async () => {
-    if (!canInsert || !parse.ok || !isDefinedNotNull4(dataLakes)) return;
+    if (!canInsert || !parse.ok || !isDefinedNotNull5(dataLakes)) return;
     setInsertError(void 0);
     setStoredPayload(void 0);
     setTxHash(void 0);
@@ -958,7 +1273,7 @@ var DataLakeAddToChainPanel = ({
     setInserting(true);
     try {
       const [stored] = await dataLakes.insert(selectedLakeId, [parse.payload]);
-      if (!isDefined7(stored)) {
+      if (!isDefined8(stored)) {
         setInsertError(new Error("Lake returned no entries for this insert \u2014 the lake may disallow the payload's schema."));
         return;
       }
@@ -974,7 +1289,7 @@ var DataLakeAddToChainPanel = ({
     }
   };
   const handleAddToChain = async () => {
-    if (!canAddToChain || !isDefinedNotNull4(gateway) || !isDefined7(storedPayload) || !isDefined7(storedHash)) return;
+    if (!canAddToChain || !isDefinedNotNull5(gateway) || !isDefined8(storedPayload) || !isDefined8(storedHash)) return;
     setChainError(void 0);
     setTxHash(void 0);
     setSignedTx(void 0);
@@ -990,8 +1305,8 @@ var DataLakeAddToChainPanel = ({
       setAddingToChain(false);
     }
   };
-  return /* @__PURE__ */ jsxs6(
-    Stack6,
+  return /* @__PURE__ */ jsxs7(
+    Stack7,
     {
       ...props,
       sx: {
@@ -1000,15 +1315,15 @@ var DataLakeAddToChainPanel = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx6(Alert5, { severity: "warning", children: "Wallet not detected." }) : null,
-        /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "1. Grant signer + data-lake access" }),
-          /* @__PURE__ */ jsx6(RequestPermissionsButton, { permissions: PANEL_PERMISSIONS, timeout })
+        timedout ? /* @__PURE__ */ jsx7(Alert6, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx7(Typography6, { variant: "subtitle2", children: "1. Grant signer + data-lake access" }),
+          /* @__PURE__ */ jsx7(RequestPermissionsButton, { permissions: PANEL_PERMISSIONS, timeout })
         ] }),
-        /* @__PURE__ */ jsx6(Divider2, {}),
-        /* @__PURE__ */ jsx6(TestPayloadSection, { value: payloadText, onChange: setPayloadText, parse }),
-        /* @__PURE__ */ jsx6(Divider2, {}),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(Divider3, {}),
+        /* @__PURE__ */ jsx7(TestPayloadSection, { value: payloadText, onChange: setPayloadText, parse }),
+        /* @__PURE__ */ jsx7(Divider3, {}),
+        /* @__PURE__ */ jsx7(
           InsertSection,
           {
             canInsert,
@@ -1021,8 +1336,8 @@ var DataLakeAddToChainPanel = ({
             timeout
           }
         ),
-        /* @__PURE__ */ jsx6(Divider2, {}),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(Divider3, {}),
+        /* @__PURE__ */ jsx7(
           AddToChainSection,
           {
             addingToChain,
@@ -1035,7 +1350,7 @@ var DataLakeAddToChainPanel = ({
             txHash
           }
         ),
-        /* @__PURE__ */ jsx6(ErrorRender4, { error: clientError ?? gatewayError ?? void 0, scope: "DataLakeAddToChainPanel.wallet" })
+        /* @__PURE__ */ jsx7(ErrorRender5, { error: clientError ?? gatewayError ?? void 0, scope: "DataLakeAddToChainPanel.wallet" })
       ]
     }
   );
@@ -1043,15 +1358,15 @@ var DataLakeAddToChainPanel = ({
 
 // src/client/components/connected/DataLakeGetButton.tsx
 import {
-  Alert as Alert6,
-  Stack as Stack7,
-  Typography as Typography6
+  Alert as Alert7,
+  Stack as Stack8,
+  Typography as Typography7
 } from "@mui/material";
-import { ButtonEx as ButtonEx6 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
-import { isDefined as isDefined8, isDefinedNotNull as isDefinedNotNull5 } from "@xylabs/sdk-js";
-import { useState as useState6 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx7 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender6 } from "@xylabs/react-error";
+import { isDefined as isDefined9, isDefinedNotNull as isDefinedNotNull6 } from "@xylabs/sdk-js";
+import { useState as useState7 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var DataLakeGetButton = ({
   id,
   hashes,
@@ -1064,14 +1379,14 @@ var DataLakeGetButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [result, setResult] = useState6();
-  const [requestError, setRequestError] = useState6();
-  const [requesting, setRequesting] = useState6(false);
+  const [result, setResult] = useState7();
+  const [requestError, setRequestError] = useState7();
+  const [requesting, setRequesting] = useState7(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull5(dataLakes);
+  const supported = isDefinedNotNull6(dataLakes);
   const argsReady = id.length > 0 && hashes.length > 0;
   const handleClick = async () => {
-    if (!isDefinedNotNull5(dataLakes)) return;
+    if (!isDefinedNotNull6(dataLakes)) return;
     setRequestError(void 0);
     setResult(void 0);
     setRequesting(true);
@@ -1084,8 +1399,8 @@ var DataLakeGetButton = ({
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs7(
-    Stack7,
+  return /* @__PURE__ */ jsxs8(
+    Stack8,
     {
       ...props,
       sx: {
@@ -1094,10 +1409,10 @@ var DataLakeGetButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx7(Alert6, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull5(client) && !supported ? /* @__PURE__ */ jsx7(Alert6, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsxs7(
-          ButtonEx6,
+        timedout ? /* @__PURE__ */ jsx8(Alert7, { severity: "warning", children: "Wallet not detected." }) : null,
+        isDefinedNotNull6(client) && !supported ? /* @__PURE__ */ jsx8(Alert7, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
+        /* @__PURE__ */ jsxs8(
+          ButtonEx7,
           {
             variant: "contained",
             size: "small",
@@ -1114,11 +1429,11 @@ var DataLakeGetButton = ({
             ]
           }
         ),
-        argsReady ? null : /* @__PURE__ */ jsx7(Typography6, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one hash to enable the button." }),
-        isDefined8(result) ? /* @__PURE__ */ jsxs7(Stack7, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx7(Typography6, { variant: "subtitle2", children: result.length === 0 ? "No payloads returned" : `Payloads (${result.length})` }),
-          /* @__PURE__ */ jsx7(
-            Typography6,
+        argsReady ? null : /* @__PURE__ */ jsx8(Typography7, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one hash to enable the button." }),
+        isDefined9(result) ? /* @__PURE__ */ jsxs8(Stack8, { sx: { gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx8(Typography7, { variant: "subtitle2", children: result.length === 0 ? "No payloads returned" : `Payloads (${result.length})` }),
+          /* @__PURE__ */ jsx8(
+            Typography7,
             {
               component: "pre",
               variant: "body2",
@@ -1131,7 +1446,7 @@ var DataLakeGetButton = ({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx7(ErrorRender5, { error: clientError ?? requestError, scope: "DataLakeGetButton" })
+        /* @__PURE__ */ jsx8(ErrorRender6, { error: clientError ?? requestError, scope: "DataLakeGetButton" })
       ]
     }
   );
@@ -1139,20 +1454,20 @@ var DataLakeGetButton = ({
 
 // src/client/components/connected/DataLakeGetPanel.tsx
 import {
-  Stack as Stack8,
+  Stack as Stack9,
   TextField as TextField2,
-  Typography as Typography7
+  Typography as Typography8
 } from "@mui/material";
-import { useMemo as useMemo2, useState as useState7 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useMemo as useMemo3, useState as useState8 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var DataLakeGetPanel = ({ timeout, ...props }) => {
-  const [selectedId, setSelectedId] = useState7("");
-  const [hashesText, setHashesText] = useState7("");
-  const hashes = useMemo2(() => {
+  const [selectedId, setSelectedId] = useState8("");
+  const [hashesText, setHashesText] = useState8("");
+  const hashes = useMemo3(() => {
     return hashesText.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
   }, [hashesText]);
-  return /* @__PURE__ */ jsxs8(
-    Stack8,
+  return /* @__PURE__ */ jsxs9(
+    Stack9,
     {
       ...props,
       sx: {
@@ -1161,7 +1476,7 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           ApprovedLakeSelector,
           {
             capability: "viewer",
@@ -1170,7 +1485,7 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
             timeout
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           TextField2,
           {
             label: "Hashes (one per line)",
@@ -1183,8 +1498,8 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
             slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
           }
         ),
-        /* @__PURE__ */ jsx8(Typography7, { variant: "caption", sx: { color: "text.secondary" }, children: hashes.length === 0 ? "No hashes parsed." : `${hashes.length} hash${hashes.length === 1 ? "" : "es"} ready.` }),
-        /* @__PURE__ */ jsx8(DataLakeGetButton, { id: selectedId, hashes, timeout })
+        /* @__PURE__ */ jsx9(Typography8, { variant: "caption", sx: { color: "text.secondary" }, children: hashes.length === 0 ? "No hashes parsed." : `${hashes.length} hash${hashes.length === 1 ? "" : "es"} ready.` }),
+        /* @__PURE__ */ jsx9(DataLakeGetButton, { id: selectedId, hashes, timeout })
       ]
     }
   );
@@ -1192,15 +1507,15 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeInsertButton.tsx
 import {
-  Alert as Alert7,
-  Stack as Stack9,
-  Typography as Typography8
+  Alert as Alert8,
+  Stack as Stack10,
+  Typography as Typography9
 } from "@mui/material";
-import { ButtonEx as ButtonEx7 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender6 } from "@xylabs/react-error";
-import { isDefined as isDefined9, isDefinedNotNull as isDefinedNotNull6 } from "@xylabs/sdk-js";
-import { useState as useState8 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx8 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender7 } from "@xylabs/react-error";
+import { isDefined as isDefined10, isDefinedNotNull as isDefinedNotNull7 } from "@xylabs/sdk-js";
+import { useState as useState9 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var DataLakeInsertButton = ({
   id,
   payloads,
@@ -1213,14 +1528,14 @@ var DataLakeInsertButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [result, setResult] = useState8();
-  const [requestError, setRequestError] = useState8();
-  const [requesting, setRequesting] = useState8(false);
+  const [result, setResult] = useState9();
+  const [requestError, setRequestError] = useState9();
+  const [requesting, setRequesting] = useState9(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull6(dataLakes);
+  const supported = isDefinedNotNull7(dataLakes);
   const argsReady = id.length > 0 && payloads.length > 0;
   const handleClick = async () => {
-    if (!isDefinedNotNull6(dataLakes)) return;
+    if (!isDefinedNotNull7(dataLakes)) return;
     setRequestError(void 0);
     setResult(void 0);
     setRequesting(true);
@@ -1233,8 +1548,8 @@ var DataLakeInsertButton = ({
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs9(
-    Stack9,
+  return /* @__PURE__ */ jsxs10(
+    Stack10,
     {
       ...props,
       sx: {
@@ -1243,10 +1558,10 @@ var DataLakeInsertButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx9(Alert7, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull6(client) && !supported ? /* @__PURE__ */ jsx9(Alert7, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsxs9(
-          ButtonEx7,
+        timedout ? /* @__PURE__ */ jsx10(Alert8, { severity: "warning", children: "Wallet not detected." }) : null,
+        isDefinedNotNull7(client) && !supported ? /* @__PURE__ */ jsx10(Alert8, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
+        /* @__PURE__ */ jsxs10(
+          ButtonEx8,
           {
             variant: "contained",
             size: "small",
@@ -1263,11 +1578,11 @@ var DataLakeInsertButton = ({
             ]
           }
         ),
-        argsReady ? null : /* @__PURE__ */ jsx9(Typography8, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one payload to enable the button." }),
-        isDefined9(result) ? /* @__PURE__ */ jsxs9(Stack9, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx9(Typography8, { variant: "subtitle2", children: result.length === 0 ? "No payloads written (wallet filtered all)" : `Inserted (${result.length})` }),
-          /* @__PURE__ */ jsx9(
-            Typography8,
+        argsReady ? null : /* @__PURE__ */ jsx10(Typography9, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one payload to enable the button." }),
+        isDefined10(result) ? /* @__PURE__ */ jsxs10(Stack10, { sx: { gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx10(Typography9, { variant: "subtitle2", children: result.length === 0 ? "No payloads written (wallet filtered all)" : `Inserted (${result.length})` }),
+          /* @__PURE__ */ jsx10(
+            Typography9,
             {
               component: "pre",
               variant: "body2",
@@ -1280,7 +1595,7 @@ var DataLakeInsertButton = ({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx9(ErrorRender6, { error: clientError ?? requestError, scope: "DataLakeInsertButton" })
+        /* @__PURE__ */ jsx10(ErrorRender7, { error: clientError ?? requestError, scope: "DataLakeInsertButton" })
       ]
     }
   );
@@ -1288,13 +1603,13 @@ var DataLakeInsertButton = ({
 
 // src/client/components/connected/DataLakeInsertPanel.tsx
 import {
-  Alert as Alert8,
-  Stack as Stack10,
+  Alert as Alert9,
+  Stack as Stack11,
   TextField as TextField3,
-  Typography as Typography9
+  Typography as Typography10
 } from "@mui/material";
-import { useMemo as useMemo3, useState as useState9 } from "react";
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useMemo as useMemo4, useState as useState10 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function buildDefaultPayload2() {
   return JSON.stringify(
     {
@@ -1319,11 +1634,11 @@ function parsePayload2(raw) {
   }
 }
 var DataLakeInsertPanel = ({ timeout, ...props }) => {
-  const [selectedId, setSelectedId] = useState9("");
-  const [payloadText, setPayloadText] = useState9(buildDefaultPayload2);
-  const parse = useMemo3(() => parsePayload2(payloadText), [payloadText]);
-  return /* @__PURE__ */ jsxs10(
-    Stack10,
+  const [selectedId, setSelectedId] = useState10("");
+  const [payloadText, setPayloadText] = useState10(buildDefaultPayload2);
+  const parse = useMemo4(() => parsePayload2(payloadText), [payloadText]);
+  return /* @__PURE__ */ jsxs11(
+    Stack11,
     {
       ...props,
       sx: {
@@ -1332,7 +1647,7 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           ApprovedLakeSelector,
           {
             capability: "runner",
@@ -1341,7 +1656,7 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
             timeout
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           TextField3,
           {
             label: "Payload (JSON object or array)",
@@ -1354,15 +1669,15 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
             slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
           }
         ),
-        parse.ok ? /* @__PURE__ */ jsxs10(Typography9, { variant: "caption", sx: { color: "text.secondary" }, children: [
+        parse.ok ? /* @__PURE__ */ jsxs11(Typography10, { variant: "caption", sx: { color: "text.secondary" }, children: [
           parse.payloads.length,
           " ",
           "payload",
           parse.payloads.length === 1 ? "" : "s",
           " ",
           "parsed."
-        ] }) : /* @__PURE__ */ jsx10(Alert8, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx10(Typography9, { variant: "body2", children: parse.error }) }),
-        /* @__PURE__ */ jsx10(
+        ] }) : /* @__PURE__ */ jsx11(Alert9, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx11(Typography10, { variant: "body2", children: parse.error }) }),
+        /* @__PURE__ */ jsx11(
           DataLakeInsertButton,
           {
             id: selectedId,
@@ -1377,15 +1692,15 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeListButton.tsx
 import {
-  Alert as Alert9,
-  Stack as Stack11,
-  Typography as Typography10
+  Alert as Alert10,
+  Stack as Stack12,
+  Typography as Typography11
 } from "@mui/material";
-import { ButtonEx as ButtonEx8 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender7 } from "@xylabs/react-error";
-import { isDefined as isDefined10, isDefinedNotNull as isDefinedNotNull7 } from "@xylabs/sdk-js";
-import { useState as useState10 } from "react";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx9 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender8 } from "@xylabs/react-error";
+import { isDefined as isDefined11, isDefinedNotNull as isDefinedNotNull8 } from "@xylabs/sdk-js";
+import { useState as useState11 } from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var DataLakeListButton = ({ timeout, ...props }) => {
   const {
     client,
@@ -1393,13 +1708,13 @@ var DataLakeListButton = ({ timeout, ...props }) => {
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [lakes, setLakes] = useState10();
-  const [requestError, setRequestError] = useState10();
-  const [requesting, setRequesting] = useState10(false);
+  const [lakes, setLakes] = useState11();
+  const [requestError, setRequestError] = useState11();
+  const [requesting, setRequesting] = useState11(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull7(dataLakes);
+  const supported = isDefinedNotNull8(dataLakes);
   const handleClick = async () => {
-    if (!isDefinedNotNull7(dataLakes)) return;
+    if (!isDefinedNotNull8(dataLakes)) return;
     setRequestError(void 0);
     setLakes(void 0);
     setRequesting(true);
@@ -1412,8 +1727,8 @@ var DataLakeListButton = ({ timeout, ...props }) => {
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs11(
-    Stack11,
+  return /* @__PURE__ */ jsxs12(
+    Stack12,
     {
       ...props,
       sx: {
@@ -1422,10 +1737,10 @@ var DataLakeListButton = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx11(Alert9, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull7(client) && !supported ? /* @__PURE__ */ jsx11(Alert9, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsx11(
-          ButtonEx8,
+        timedout ? /* @__PURE__ */ jsx12(Alert10, { severity: "warning", children: "Wallet not detected." }) : null,
+        isDefinedNotNull8(client) && !supported ? /* @__PURE__ */ jsx12(Alert10, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
+        /* @__PURE__ */ jsx12(
+          ButtonEx9,
           {
             variant: "contained",
             size: "small",
@@ -1435,10 +1750,10 @@ var DataLakeListButton = ({ timeout, ...props }) => {
             children: "List approved data lakes"
           }
         ),
-        isDefined10(lakes) ? /* @__PURE__ */ jsxs11(Stack11, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx11(Typography10, { variant: "subtitle2", children: lakes.length === 0 ? "No approved lakes" : `Approved lakes (${lakes.length})` }),
-          /* @__PURE__ */ jsx11(
-            Typography10,
+        isDefined11(lakes) ? /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle2", children: lakes.length === 0 ? "No approved lakes" : `Approved lakes (${lakes.length})` }),
+          /* @__PURE__ */ jsx12(
+            Typography11,
             {
               component: "pre",
               variant: "body2",
@@ -1451,7 +1766,7 @@ var DataLakeListButton = ({ timeout, ...props }) => {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx11(ErrorRender7, { error: clientError ?? requestError, scope: "DataLakeListButton" })
+        /* @__PURE__ */ jsx12(ErrorRender8, { error: clientError ?? requestError, scope: "DataLakeListButton" })
       ]
     }
   );
@@ -1459,9 +1774,9 @@ var DataLakeListButton = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeOperationsPanel.tsx
 import {
-  Divider as Divider3,
-  Stack as Stack14,
-  Typography as Typography12
+  Divider as Divider4,
+  Stack as Stack15,
+  Typography as Typography13
 } from "@mui/material";
 
 // src/client/components/connected/DataLakeRequestAccessPanel.tsx
@@ -1472,22 +1787,22 @@ import {
   InputLabel as InputLabel2,
   MenuItem as MenuItem2,
   Select as Select2,
-  Stack as Stack13
+  Stack as Stack14
 } from "@mui/material";
-import { asSchema as asSchema2 } from "@xyo-network/sdk-js";
-import { useMemo as useMemo4, useState as useState12 } from "react";
+import { asSchema as asSchema3 } from "@xyo-network/sdk-js";
+import { useMemo as useMemo5, useState as useState13 } from "react";
 
 // src/client/components/connected/DataLakeRequestAccessButton.tsx
 import {
-  Alert as Alert10,
-  Stack as Stack12,
-  Typography as Typography11
+  Alert as Alert11,
+  Stack as Stack13,
+  Typography as Typography12
 } from "@mui/material";
-import { ButtonEx as ButtonEx9 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender8 } from "@xylabs/react-error";
-import { isDefined as isDefined11, isDefinedNotNull as isDefinedNotNull8 } from "@xylabs/sdk-js";
-import { useState as useState11 } from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx10 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender9 } from "@xylabs/react-error";
+import { isDefined as isDefined12, isDefinedNotNull as isDefinedNotNull9 } from "@xylabs/sdk-js";
+import { useState as useState12 } from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var DataLakeRequestAccessButton = ({
   options,
   timeout,
@@ -1499,13 +1814,13 @@ var DataLakeRequestAccessButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [granted, setGranted] = useState11();
-  const [requestError, setRequestError] = useState11();
-  const [requesting, setRequesting] = useState11(false);
+  const [granted, setGranted] = useState12();
+  const [requestError, setRequestError] = useState12();
+  const [requesting, setRequesting] = useState12(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull8(dataLakes);
+  const supported = isDefinedNotNull9(dataLakes);
   const handleClick = async () => {
-    if (!isDefinedNotNull8(dataLakes)) return;
+    if (!isDefinedNotNull9(dataLakes)) return;
     setRequestError(void 0);
     setGranted(void 0);
     setRequesting(true);
@@ -1518,8 +1833,8 @@ var DataLakeRequestAccessButton = ({
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs12(
-    Stack12,
+  return /* @__PURE__ */ jsxs13(
+    Stack13,
     {
       ...props,
       sx: {
@@ -1528,10 +1843,10 @@ var DataLakeRequestAccessButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx12(Alert10, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull8(client) && !supported ? /* @__PURE__ */ jsx12(Alert10, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsx12(
-          ButtonEx9,
+        timedout ? /* @__PURE__ */ jsx13(Alert11, { severity: "warning", children: "Wallet not detected." }) : null,
+        isDefinedNotNull9(client) && !supported ? /* @__PURE__ */ jsx13(Alert11, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
+        /* @__PURE__ */ jsx13(
+          ButtonEx10,
           {
             variant: "contained",
             size: "small",
@@ -1541,38 +1856,38 @@ var DataLakeRequestAccessButton = ({
             children: "Request data lake access"
           }
         ),
-        isDefined11(granted) ? /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle2", children: "Granted:" }),
-          /* @__PURE__ */ jsxs12(Typography11, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: [
+        isDefined12(granted) ? /* @__PURE__ */ jsxs13(Stack13, { sx: { gap: 0.5 }, children: [
+          /* @__PURE__ */ jsx13(Typography12, { variant: "subtitle2", children: "Granted:" }),
+          /* @__PURE__ */ jsxs13(Typography12, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: [
             "id:",
             " ",
             granted.id
           ] }),
-          /* @__PURE__ */ jsx12(Typography11, { variant: "body2", sx: { color: "text.secondary" }, children: "If you picked multiple lakes, call `list()` to enumerate all granted ids." })
+          /* @__PURE__ */ jsx13(Typography12, { variant: "body2", sx: { color: "text.secondary" }, children: "If you picked multiple lakes, call `list()` to enumerate all granted ids." })
         ] }) : null,
-        /* @__PURE__ */ jsx12(ErrorRender8, { error: clientError ?? requestError, scope: "DataLakeRequestAccessButton" })
+        /* @__PURE__ */ jsx13(ErrorRender9, { error: clientError ?? requestError, scope: "DataLakeRequestAccessButton" })
       ]
     }
   );
 };
 
 // src/client/components/connected/DataLakeRequestAccessPanel.tsx
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var observationSchema = asSchema2("network.xyo.observation.v2", true);
-var locationSchema = asSchema2("network.xyo.location", true);
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var observationSchema = asSchema3("network.xyo.observation.v2", true);
+var locationSchema = asSchema3("network.xyo.location", true);
 var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
-  const [capability, setCapability] = useState12("read+write");
-  const [includeSchemas, setIncludeSchemas] = useState12(true);
+  const [capability, setCapability] = useState13("read+write");
+  const [includeSchemas, setIncludeSchemas] = useState13(true);
   const supportsSchemasFilter = capability !== "viewer";
-  const options = useMemo4(() => {
+  const options = useMemo5(() => {
     const cap = capability === "read+write" ? { read: true, write: true } : capability;
     if (supportsSchemasFilter && includeSchemas) {
       return { capability: cap, schemas: [observationSchema, locationSchema] };
     }
     return { capability: cap };
   }, [capability, includeSchemas, supportsSchemasFilter]);
-  return /* @__PURE__ */ jsxs13(
-    Stack13,
+  return /* @__PURE__ */ jsxs14(
+    Stack14,
     {
       ...props,
       sx: {
@@ -1581,26 +1896,26 @@ var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsxs13(FormControl2, { size: "small", fullWidth: true, children: [
-          /* @__PURE__ */ jsx13(InputLabel2, { children: "Capability" }),
-          /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs14(FormControl2, { size: "small", fullWidth: true, children: [
+          /* @__PURE__ */ jsx14(InputLabel2, { children: "Capability" }),
+          /* @__PURE__ */ jsxs14(
             Select2,
             {
               value: capability,
               label: "Capability",
               onChange: (event) => setCapability(event.target.value),
               children: [
-                /* @__PURE__ */ jsx13(MenuItem2, { value: "viewer", children: "Read only (viewer)" }),
-                /* @__PURE__ */ jsx13(MenuItem2, { value: "runner", children: "Write only (runner)" }),
-                /* @__PURE__ */ jsx13(MenuItem2, { value: "read+write", children: "Read + Write" })
+                /* @__PURE__ */ jsx14(MenuItem2, { value: "viewer", children: "Read only (viewer)" }),
+                /* @__PURE__ */ jsx14(MenuItem2, { value: "runner", children: "Write only (runner)" }),
+                /* @__PURE__ */ jsx14(MenuItem2, { value: "read+write", children: "Read + Write" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           FormControlLabel,
           {
-            control: /* @__PURE__ */ jsx13(
+            control: /* @__PURE__ */ jsx14(
               Checkbox,
               {
                 checked: supportsSchemasFilter && includeSchemas,
@@ -1612,17 +1927,17 @@ var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
             label: "Include schemas filter (observation + location)"
           }
         ),
-        /* @__PURE__ */ jsx13(DataLakeRequestAccessButton, { options, timeout })
+        /* @__PURE__ */ jsx14(DataLakeRequestAccessButton, { options, timeout })
       ]
     }
   );
 };
 
 // src/client/components/connected/DataLakeOperationsPanel.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var DataLakeOperationsPanel = ({ timeout, ...props }) => {
-  return /* @__PURE__ */ jsxs14(
-    Stack14,
+  return /* @__PURE__ */ jsxs15(
+    Stack15,
     {
       ...props,
       sx: {
@@ -1631,24 +1946,24 @@ var DataLakeOperationsPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "Request data lake access" }),
-          /* @__PURE__ */ jsx14(DataLakeRequestAccessPanel, { timeout })
+        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "Request data lake access" }),
+          /* @__PURE__ */ jsx15(DataLakeRequestAccessPanel, { timeout })
         ] }),
-        /* @__PURE__ */ jsx14(Divider3, {}),
-        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "List approved lakes" }),
-          /* @__PURE__ */ jsx14(DataLakeListButton, { timeout })
+        /* @__PURE__ */ jsx15(Divider4, {}),
+        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "List approved lakes" }),
+          /* @__PURE__ */ jsx15(DataLakeListButton, { timeout })
         ] }),
-        /* @__PURE__ */ jsx14(Divider3, {}),
-        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "Insert payloads" }),
-          /* @__PURE__ */ jsx14(DataLakeInsertPanel, { timeout })
+        /* @__PURE__ */ jsx15(Divider4, {}),
+        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "Insert payloads" }),
+          /* @__PURE__ */ jsx15(DataLakeInsertPanel, { timeout })
         ] }),
-        /* @__PURE__ */ jsx14(Divider3, {}),
-        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "Get payloads by hash" }),
-          /* @__PURE__ */ jsx14(DataLakeGetPanel, { timeout })
+        /* @__PURE__ */ jsx15(Divider4, {}),
+        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "Get payloads by hash" }),
+          /* @__PURE__ */ jsx15(DataLakeGetPanel, { timeout })
         ] })
       ]
     }
@@ -1657,36 +1972,36 @@ var DataLakeOperationsPanel = ({ timeout, ...props }) => {
 
 // src/client/components/connected/SignTransactionButton.tsx
 import {
-  Alert as Alert11,
-  Chip as Chip3,
-  Divider as Divider4,
-  Stack as Stack15,
-  Typography as Typography13
+  Alert as Alert12,
+  Chip as Chip4,
+  Divider as Divider5,
+  Stack as Stack16,
+  Typography as Typography14
 } from "@mui/material";
-import { ButtonEx as ButtonEx10 } from "@xylabs/react-button";
+import { ButtonEx as ButtonEx11 } from "@xylabs/react-button";
 import { PopoverErrorRender as PopoverErrorRender2 } from "@xylabs/react-error";
 import {
   assertEx as assertEx2,
-  isDefined as isDefined12,
-  isDefinedNotNull as isDefinedNotNull9
+  isDefined as isDefined13,
+  isDefinedNotNull as isDefinedNotNull10
 } from "@xylabs/sdk-js";
-import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/sdk-js";
+import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/sdk-js";
 import {
   asXL1BlockNumber,
   buildUnsignedTransaction,
   HashSchema as HashSchema2,
-  SequenceNetwork as SequenceNetwork2
+  SequenceNetwork as SequenceNetwork3
 } from "@xyo-network/xl1-sdk";
-import { useCallback as useCallback4, useState as useState13 } from "react";
-import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useState as useState14 } from "react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var EMPTY_PAYLOADS = [];
-var SIGNER_PERMISSIONS = [
+var SIGNER_PERMISSIONS2 = [
   { xyoWallet_getAccounts: { restrictReturnedAccounts: [] } },
   { xyoSigner_address: {} }
 ];
 var SignTransactionButton = ({
   anchorOnChain = true,
-  gatewayName = SequenceNetwork2.id,
+  gatewayName = SequenceNetwork3.id,
   privateReferencedPayloads = EMPTY_PAYLOADS,
   referencedPayloads = EMPTY_PAYLOADS,
   timeout,
@@ -1697,14 +2012,14 @@ var SignTransactionButton = ({
     error: gatewayError,
     timedout
   } = useGatewayFromWallet(gatewayName, timeout);
-  const [signing, setSigning] = useState13(false);
-  const [signError, setSignError] = useState13();
-  const [signedHash, setSignedHash] = useState13();
+  const [signing, setSigning] = useState14(false);
+  const [signError, setSignError] = useState14();
+  const [signedHash, setSignedHash] = useState14();
   const signer = gateway?.signer;
   const viewer = gateway?.connection?.viewer;
-  const canSign = isDefinedNotNull9(signer) && isDefinedNotNull9(viewer) && !signing;
-  const handleSign = useCallback4(async () => {
-    if (!isDefinedNotNull9(gateway)) return;
+  const canSign = isDefinedNotNull10(signer) && isDefinedNotNull10(viewer) && !signing;
+  const handleSign = useCallback5(async () => {
+    if (!isDefinedNotNull10(gateway)) return;
     const resolvedSigner = assertEx2(gateway.signer, () => "No signer available on gateway");
     const resolvedViewer = assertEx2(gateway.connection?.viewer, () => "No viewer available on gateway connection");
     setSignError(void 0);
@@ -1715,8 +2030,8 @@ var SignTransactionButton = ({
       const nbf = asXL1BlockNumber(await resolvedViewer.currentBlockNumber(), true);
       const exp = asXL1BlockNumber(nbf + 10, true);
       const from = await resolvedSigner.address();
-      const referencedHashes = await PayloadBuilder2.hashes(referencedPayloads);
-      const onChainPayloads = anchorOnChain && isDefined12(referencedHashes[0]) ? [{ schema: HashSchema2, hash: referencedHashes[0] }] : [];
+      const referencedHashes = await PayloadBuilder3.hashes(referencedPayloads);
+      const onChainPayloads = anchorOnChain && isDefined13(referencedHashes[0]) ? [{ schema: HashSchema2, hash: referencedHashes[0] }] : [];
       let tx = await buildUnsignedTransaction(
         chain,
         onChainPayloads,
@@ -1726,7 +2041,7 @@ var SignTransactionButton = ({
         from
       );
       if (privateReferencedPayloads.length > 0) {
-        const privateHashes = await PayloadBuilder2.hashes(privateReferencedPayloads);
+        const privateHashes = await PayloadBuilder3.hashes(privateReferencedPayloads);
         const [bw, payloads] = tx;
         tx = [
           {
@@ -1738,15 +2053,15 @@ var SignTransactionButton = ({
         ];
       }
       const [signedBoundWitness] = await resolvedSigner.signTransaction(tx);
-      setSignedHash(await PayloadBuilder2.hash(signedBoundWitness));
+      setSignedHash(await PayloadBuilder3.hash(signedBoundWitness));
     } catch (e) {
       setSignError(e);
     } finally {
       setSigning(false);
     }
   }, [anchorOnChain, gateway, privateReferencedPayloads, referencedPayloads]);
-  return /* @__PURE__ */ jsxs15(
-    Stack15,
+  return /* @__PURE__ */ jsxs16(
+    Stack16,
     {
       ...props,
       sx: {
@@ -1755,15 +2070,15 @@ var SignTransactionButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx15(Alert11, { severity: "warning", children: "Wallet not detected." }) : null,
-        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "1. Grant signer + account access" }),
-          /* @__PURE__ */ jsx15(RequestPermissionsButton, { permissions: SIGNER_PERMISSIONS, timeout })
+        timedout ? /* @__PURE__ */ jsx16(Alert12, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__PURE__ */ jsxs16(Stack16, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx16(Typography14, { variant: "subtitle2", children: "1. Grant signer + account access" }),
+          /* @__PURE__ */ jsx16(RequestPermissionsButton, { permissions: SIGNER_PERMISSIONS2, timeout })
         ] }),
-        /* @__PURE__ */ jsx15(Divider4, {}),
-        /* @__PURE__ */ jsxs15(Stack15, { sx: { gap: 1, alignItems: "start" }, children: [
-          /* @__PURE__ */ jsx15(Typography13, { variant: "subtitle2", children: "2. Sign the transaction" }),
-          /* @__PURE__ */ jsxs15(Typography13, { variant: "caption", sx: { color: "text.secondary" }, children: [
+        /* @__PURE__ */ jsx16(Divider5, {}),
+        /* @__PURE__ */ jsxs16(Stack16, { sx: { gap: 1, alignItems: "start" }, children: [
+          /* @__PURE__ */ jsx16(Typography14, { variant: "subtitle2", children: "2. Sign the transaction" }),
+          /* @__PURE__ */ jsxs16(Typography14, { variant: "caption", sx: { color: "text.secondary" }, children: [
             "Opens the wallet's Sign page with",
             " ",
             anchorOnChain ? "1 on-chain anchor, " : "no on-chain payloads, ",
@@ -1777,9 +2092,9 @@ var SignTransactionButton = ({
             privateReferencedPayloads.length === 1 ? "" : "s",
             ". The signed transaction is returned here and not broadcast."
           ] }),
-          /* @__PURE__ */ jsxs15(Stack15, { direction: "row", sx: { gap: 1, alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx15(
-              ButtonEx10,
+          /* @__PURE__ */ jsxs16(Stack16, { direction: "row", sx: { gap: 1, alignItems: "center" }, children: [
+            /* @__PURE__ */ jsx16(
+              ButtonEx11,
               {
                 variant: "contained",
                 size: "small",
@@ -1789,10 +2104,10 @@ var SignTransactionButton = ({
                 children: "Sign transaction"
               }
             ),
-            /* @__PURE__ */ jsx15(PopoverErrorRender2, { error: gatewayError ?? signError, scope: "SignTransactionButton" })
+            /* @__PURE__ */ jsx16(PopoverErrorRender2, { error: gatewayError ?? signError, scope: "SignTransactionButton" })
           ] }),
-          isDefined12(signedHash) ? /* @__PURE__ */ jsxs15(
-            Stack15,
+          isDefined13(signedHash) ? /* @__PURE__ */ jsxs16(
+            Stack16,
             {
               direction: "row",
               sx: {
@@ -1801,8 +2116,8 @@ var SignTransactionButton = ({
                 gap: 1
               },
               children: [
-                /* @__PURE__ */ jsx15(Chip3, { label: "Signed", size: "small", color: "success" }),
-                /* @__PURE__ */ jsx15(Typography13, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: signedHash })
+                /* @__PURE__ */ jsx16(Chip4, { label: "Signed", size: "small", color: "success" }),
+                /* @__PURE__ */ jsx16(Typography14, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: signedHash })
               ]
             }
           ) : null
@@ -1824,14 +2139,14 @@ var InPageGatewaysContext = createContextEx2();
 import { DefaultNetworks as DefaultNetworks2 } from "@xyo-network/xl1-sdk";
 import {
   startTransition,
-  useCallback as useCallback5,
+  useCallback as useCallback6,
   useEffect as useEffect5,
-  useMemo as useMemo5,
-  useState as useState14
+  useMemo as useMemo6,
+  useState as useState15
 } from "react";
 
 // src/client/context/in-page/lib/buildGateway.ts
-import { assertEx as assertEx3, isDefined as isDefined13 } from "@xylabs/sdk-js";
+import { assertEx as assertEx3, isDefined as isDefined14 } from "@xylabs/sdk-js";
 import {
   basicRemoteRunnerLocator,
   basicRemoteViewerLocator,
@@ -1847,17 +2162,17 @@ var buildGateway = async (gatewayName, signerTransport) => {
       url: `${resolvedNetwork.url}/rpc`
     }
   };
-  const locator = isDefined13(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport) : await basicRemoteViewerLocator(gatewayName, remoteConfig);
+  const locator = isDefined14(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport) : await basicRemoteViewerLocator(gatewayName, remoteConfig);
   return await locator.getInstance(XyoGatewayMoniker);
 };
 
 // src/client/context/in-page/Provider.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var InPageGatewaysProvider = ({ signerTransport, children }) => {
-  const [gateways, setGateways] = useState14({});
-  const [errors, setErrors] = useState14({});
-  const [previousSignerTransport, setPreviousSignerTransport] = useState14(signerTransport);
-  const clearAll = useCallback5(() => {
+  const [gateways, setGateways] = useState15({});
+  const [errors, setErrors] = useState15({});
+  const [previousSignerTransport, setPreviousSignerTransport] = useState15(signerTransport);
+  const clearAll = useCallback6(() => {
     setGateways({});
     setErrors({});
   }, []);
@@ -1895,7 +2210,7 @@ var InPageGatewaysProvider = ({ signerTransport, children }) => {
       cancelled = true;
     };
   }, [signerTransport]);
-  const value = useMemo5(() => {
+  const value = useMemo6(() => {
     const value2 = {
       clearAll,
       errors,
@@ -1904,7 +2219,7 @@ var InPageGatewaysProvider = ({ signerTransport, children }) => {
     };
     return value2;
   }, [clearAll, errors, gateways]);
-  return /* @__PURE__ */ jsx16(InPageGatewaysContext, { value, children });
+  return /* @__PURE__ */ jsx17(InPageGatewaysContext, { value, children });
 };
 
 // src/client/context/in-page/useProvidedInPageGateways.ts
@@ -1912,10 +2227,10 @@ import { useContextEx } from "@xylabs/react-shared";
 var useProvidedInPageGateways = (required = true) => useContextEx(InPageGatewaysContext, "InPageGateways", required);
 
 // src/client/context/providers/GatewayProvider.tsx
-import { ErrorRender as ErrorRender9 } from "@xylabs/react-error";
-import { isDefinedNotNull as isDefinedNotNull10, isNull as isNull2 } from "@xylabs/sdk-js";
-import { useMemo as useMemo6 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { ErrorRender as ErrorRender10 } from "@xylabs/react-error";
+import { isDefinedNotNull as isDefinedNotNull11, isNull as isNull2 } from "@xylabs/sdk-js";
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var GatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
@@ -1928,7 +2243,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
   } = useProvidedInPageGateways(true);
   const gatewayFromConfig = gatewayName ? allGateways[gatewayName] : void 0;
   const gatewayFromConfigError = gatewayName ? allGatewayErrors[gatewayName] : void 0;
-  const { defaultGateway, gateways } = useMemo6(() => {
+  const { defaultGateway, gateways } = useMemo7(() => {
     if (isNull2(gatewayFromWallet)) {
       return {
         defaultGateway: gatewayFromConfig,
@@ -1937,7 +2252,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
           walletGateway: null
         }
       };
-    } else if (isDefinedNotNull10(gatewayFromWallet)) {
+    } else if (isDefinedNotNull11(gatewayFromWallet)) {
       return {
         defaultGateway: gatewayFromWallet,
         gateways: {
@@ -1954,7 +2269,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
       }
     };
   }, [gatewayFromConfig, gatewayFromWallet]);
-  const value = useMemo6(() => {
+  const value = useMemo7(() => {
     const value2 = {
       defaultGateway,
       error: gatewayFromWalletError ?? gatewayFromConfigError,
@@ -1970,22 +2285,22 @@ var GatewayProvider = ({ gatewayName, children }) => {
     gateways,
     clearAll
   ]);
-  return /* @__PURE__ */ jsxs16(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx17(ErrorRender9, { error: gatewayFromConfigError }),
+  return /* @__PURE__ */ jsxs17(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx18(ErrorRender10, { error: gatewayFromConfigError }),
     children
   ] });
 };
 
 // src/client/context/providers/WalletGatewayProvider.tsx
-import { ErrorRender as ErrorRender10 } from "@xylabs/react-error";
-import { useMemo as useMemo7 } from "react";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { ErrorRender as ErrorRender11 } from "@xylabs/react-error";
+import { useMemo as useMemo8 } from "react";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var WalletGatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
     error: gatewayFromWalletError
   } = useGatewayFromWallet(gatewayName);
-  const { defaultGateway, gateways } = useMemo7(() => {
+  const { defaultGateway, gateways } = useMemo8(() => {
     return {
       defaultGateway: gatewayFromWallet,
       gateways: {
@@ -1994,7 +2309,7 @@ var WalletGatewayProvider = ({ gatewayName, children }) => {
       }
     };
   }, [gatewayFromWallet]);
-  const value = useMemo7(() => {
+  const value = useMemo8(() => {
     const value2 = {
       defaultGateway,
       error: gatewayFromWalletError,
@@ -2007,8 +2322,8 @@ var WalletGatewayProvider = ({ gatewayName, children }) => {
     gatewayFromWalletError,
     gateways
   ]);
-  return /* @__PURE__ */ jsxs17(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx18(ErrorRender10, { error: gatewayFromWalletError }),
+  return /* @__PURE__ */ jsxs18(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx19(ErrorRender11, { error: gatewayFromWalletError }),
     children
   ] });
 };
@@ -2018,6 +2333,7 @@ import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
 var useProvidedGateway = (required = true) => useContextEx2(GatewayContext, "Gateway", required);
 export {
   ApprovedLakeSelector,
+  AutoSignChainPanel,
   ConnectAccountsStack,
   ConnectedAccount,
   DataLakeAddToChainPanel,