@xyo-network/xl1-react-client-sdk 2.0.0 → 2.0.2

package/dist/browser/index.mjs

@@ -457,17 +457,600 @@ var ConnectAccountsStack = ({
   );
 };
 
-// src/client/components/connected/DataLakeGetButton.tsx
+// src/client/components/connected/DataLakeAddToChainPanel.tsx
+import { OpenInNew } from "@mui/icons-material";
+import {
+  Alert as Alert5,
+  Chip as Chip2,
+  Divider as Divider2,
+  Link,
+  Stack as Stack6,
+  TextField,
+  Typography as Typography5
+} from "@mui/material";
+import { ButtonEx as ButtonEx5 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { isDefined as isDefined7, isDefinedNotNull as isDefinedNotNull4 } from "@xylabs/sdk-js";
+import {
+  asSchema,
+  isAnyPayload,
+  PayloadBuilder
+} from "@xyo-network/sdk-js";
+import {
+  DataLakesGetMethod,
+  DataLakesInsertMethod,
+  ExplorerLinks,
+  HashSchema,
+  SequenceNetwork
+} from "@xyo-network/xl1-sdk";
+import { useMemo, useState as useState5 } 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 { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
+import { isDefined as isDefined6, isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
+import {
+  useCallback as useCallback3,
+  useEffect as useEffect4,
+  useState as useState4
+} from "react";
+
+// src/client/components/connected/PermissionsReviewDialog.tsx
 import {
   Alert as Alert3,
+  Box,
+  Chip,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Divider,
   Stack as Stack4,
   Typography as Typography4
 } from "@mui/material";
 import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
-import { isDefined as isDefined5, isDefinedNotNull as isDefinedNotNull3 } from "@xylabs/sdk-js";
-import { useState as useState4 } from "react";
+import { isDefined as isDefined5 } from "@xylabs/sdk-js";
+import React3 from "react";
 import { jsx as jsx4, jsxs as jsxs4 } 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__ */ jsx4(Stack4, { direction: "row", sx: { flexWrap: "wrap", gap: 0.5 }, children: caveat.value.map((address) => /* @__PURE__ */ jsx4(
+      Chip,
+      {
+        label: String(address),
+        size: "small",
+        sx: { fontFamily: "monospace" }
+      },
+      String(address)
+    )) });
+  }
+  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 })
+      ] }) : null,
+      isDefined5(value.narrowedSchemas) && value.narrowedSchemas.length > 0 ? /* @__PURE__ */ jsxs4(
+        Stack4,
+        {
+          direction: "row",
+          sx: {
+            alignItems: "center",
+            flexWrap: "wrap",
+            gap: 0.5
+          },
+          children: [
+            /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "schemas:" }),
+            value.narrowedSchemas.map((schema) => /* @__PURE__ */ jsx4(
+              Chip,
+              {
+                label: schema,
+                size: "small",
+                variant: "outlined"
+              },
+              schema
+            ))
+          ]
+        }
+      ) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx4(
+    Typography4,
+    {
+      component: "pre",
+      variant: "body2",
+      sx: {
+        fontFamily: "monospace",
+        m: 0,
+        whiteSpace: "pre-wrap",
+        wordBreak: "break-all"
+      },
+      children: JSON.stringify(caveat.value, null, 2)
+    }
+  );
+};
+var renderPermission = (permission) => {
+  const caveats = permission.caveats ?? [];
+  return /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 1 }, children: [
+    /* @__PURE__ */ jsxs4(
+      Stack4,
+      {
+        direction: "row",
+        sx: {
+          alignItems: "center",
+          flexWrap: "wrap",
+          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: [
+            "granted",
+            " ",
+            new Date(permission.date).toLocaleString()
+          ] }) : null
+        ]
+      }
+    ),
+    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) })
+    ] }, caveat.type)) })
+  ] });
+};
+var PermissionsReviewDialog = ({
+  granted,
+  onClose,
+  onReRequest,
+  open,
+  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,
+        renderPermission(permission)
+      ] }, permission.parentCapability)),
+      /* @__PURE__ */ jsx4(ErrorRender3, { error, scope: "PermissionsReviewDialog" })
+    ] }) }),
+    /* @__PURE__ */ jsxs4(DialogActions, { children: [
+      /* @__PURE__ */ jsx4(ButtonEx3, { variant: "text", size: "small", onClick: onClose, children: "Close" }),
+      /* @__PURE__ */ jsx4(
+        ButtonEx3,
+        {
+          variant: "contained",
+          size: "small",
+          disabled: requesting,
+          busy: requesting,
+          onClick: onReRequest,
+          children: "Re-request permissions"
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/client/components/connected/RequestPermissionsButton.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var RequestPermissionsButton = ({
+  permissions,
+  timeout,
+  ...props
+}) => {
+  const {
+    client,
+    error: clientError,
+    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 permissionsApi = client?.permissions;
+  const refreshGranted = useCallback3(async () => {
+    if (!isDefinedNotNull3(permissionsApi)) return;
+    setFetchError(void 0);
+    try {
+      const result = await permissionsApi.getPermissions();
+      setGranted(result ?? []);
+    } catch (e) {
+      setGranted([]);
+      setFetchError(e);
+    }
+  }, [permissionsApi]);
+  useEffect4(() => {
+    if (isDefinedNotNull3(permissionsApi) && granted === void 0) {
+      void refreshGranted();
+    }
+  }, [permissionsApi, granted, refreshGranted]);
+  const requestPermissions = useCallback3(async () => {
+    if (!isDefinedNotNull3(permissionsApi)) return;
+    setRequestError(void 0);
+    setRequesting(true);
+    try {
+      await permissionsApi.requestPermissions(permissions);
+      void refreshGranted();
+    } catch (e) {
+      setRequestError(e);
+    } finally {
+      setRequesting(false);
+    }
+  }, [permissionsApi, permissions, refreshGranted]);
+  const hasGranted = isDefined6(granted) && granted.length > 0;
+  const handleClick = () => {
+    if (hasGranted) {
+      setDialogOpen(true);
+      return;
+    }
+    void requestPermissions();
+  };
+  return /* @__PURE__ */ jsxs5(
+    Stack5,
+    {
+      ...props,
+      sx: {
+        gap: 2,
+        alignItems: "start",
+        ...props.sx
+      },
+      children: [
+        timedout ? /* @__PURE__ */ jsx5(Alert4, { severity: "warning", children: "Wallet not detected." }) : null,
+        /* @__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(ErrorRender4, { error: clientError ?? fetchError ?? requestError, scope: "RequestPermissionsButton" }),
+        /* @__PURE__ */ jsx5(
+          PermissionsReviewDialog,
+          {
+            open: dialogOpen,
+            onClose: () => setDialogOpen(false),
+            granted: granted ?? [],
+            onReRequest: () => void requestPermissions(),
+            requesting,
+            error: requestError
+          }
+        )
+      ]
+    }
+  );
+};
+
+// 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);
+var PANEL_PERMISSIONS = [
+  { xyoWallet_getAccounts: { restrictReturnedAccounts: [] } },
+  { xyoSigner_address: {} },
+  { [DataLakesGetMethod]: { dataLakeAccess: {} } },
+  { [DataLakesInsertMethod]: { dataLakeAccess: {} } }
+];
+async function buildDefaultPayload(schema) {
+  const builder = new PayloadBuilder({ schema }).fields({ value: 1 });
+  const payload = builder.build();
+  return JSON.stringify(payload, null, 2);
+}
+function parsePayload(raw) {
+  const trimmed = raw.trim();
+  if (trimmed.length === 0) return { ok: false, error: "Payload is empty." };
+  try {
+    const parsed = JSON.parse(trimmed);
+    if (Array.isArray(parsed)) {
+      if (parsed.length === 1) return { ok: true, payload: parsed[0] };
+      return { ok: false, error: "Provide a single payload object (this flow chains one payload onto the chain at a time)." };
+    }
+    if (parsed !== null && typeof parsed === "object") return { ok: true, payload: parsed };
+    return { ok: false, error: "Payload must be a JSON object." };
+  } catch (e) {
+    return { ok: false, error: `Invalid JSON: ${e.message}` };
+  }
+}
+var TestPayloadSection = ({
+  onChange,
+  parse,
+  value
+}) => /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "2. Test payload" }),
+  /* @__PURE__ */ jsx6(
+    TextField,
+    {
+      label: "Payload (single JSON object)",
+      value,
+      onChange: (e) => onChange(e.target.value),
+      multiline: true,
+      minRows: 6,
+      maxRows: 16,
+      size: "small",
+      slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
+    }
+  ),
+  parse.ok ? /* @__PURE__ */ jsxs6(Typography5, { 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 }) })
+] });
+var InsertSection = ({
+  canInsert,
+  inserting,
+  insertError,
+  onInsert,
+  onLakeChange,
+  selectedLakeId,
+  storedHash,
+  timeout
+}) => /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 1 }, children: [
+  /* @__PURE__ */ jsx6(Typography5, { variant: "subtitle2", children: "3. Insert into runner lake" }),
+  /* @__PURE__ */ jsx6(
+    ApprovedLakeSelector,
+    {
+      capability: "runner",
+      selectedId: selectedLakeId,
+      onChange: onLakeChange,
+      timeout
+    }
+  ),
+  /* @__PURE__ */ jsx6(
+    ButtonEx5,
+    {
+      variant: "contained",
+      size: "small",
+      disabled: !canInsert,
+      busy: inserting,
+      onClick: onInsert,
+      children: "Insert into lake"
+    }
+  ),
+  isDefined7(storedHash) ? /* @__PURE__ */ jsxs6(
+    Stack6,
+    {
+      direction: "row",
+      sx: {
+        alignItems: "center",
+        flexWrap: "wrap",
+        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 })
+      ]
+    }
+  ) : null,
+  /* @__PURE__ */ jsx6(ErrorRender5, { error: insertError, scope: "DataLakeAddToChainPanel.insert" })
+] });
+var AddToChainSection = ({
+  addingToChain,
+  canAddToChain,
+  chainError,
+  explorerTxUrl,
+  gatewayName,
+  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: [
+    "References the lake-stored payload via",
+    " ",
+    /* @__PURE__ */ jsx6("code", { children: "network.xyo.hash" }),
+    "; the payload itself rides along as the `offChain` argument."
+  ] }),
+  /* @__PURE__ */ jsx6(
+    ButtonEx5,
+    {
+      variant: "contained",
+      size: "small",
+      disabled: !canAddToChain,
+      busy: addingToChain,
+      onClick: onAddToChain,
+      children: "Add to chain"
+    }
+  ),
+  isDefined7(txHash) && isDefined7(explorerTxUrl) ? /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 0.5 }, children: [
+    /* @__PURE__ */ jsxs6(
+      Stack6,
+      {
+        direction: "row",
+        sx: {
+          alignItems: "center",
+          flexWrap: "wrap",
+          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__ */ jsxs6(
+      Link,
+      {
+        href: explorerTxUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        sx: {
+          alignItems: "center",
+          display: "inline-flex",
+          gap: 0.5
+        },
+        children: [
+          "View on explorer",
+          /* @__PURE__ */ jsx6(OpenInNew, { sx: { fontSize: 14 } })
+        ]
+      }
+    ),
+    isDefined7(signedTx) ? /* @__PURE__ */ jsxs6(Typography5, { 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 }),
+      "."
+    ] }) : null
+  ] }) : null,
+  /* @__PURE__ */ jsx6(ErrorRender5, { error: chainError, scope: "DataLakeAddToChainPanel.addToChain" })
+] });
+var DataLakeAddToChainPanel = ({
+  explorerUrl = DEFAULT_EXPLORER_URL,
+  gatewayName = SequenceNetwork.id,
+  initialPayloadJson,
+  payloadSchema = DEFAULT_PAYLOAD_SCHEMA,
+  timeout,
+  ...props
+}) => {
+  const { client, error: clientError } = useClientFromWallet(timeout);
+  const {
+    gateway,
+    error: gatewayError,
+    timedout
+  } = useGatewayFromWallet(gatewayName, timeout);
+  const [payloadText, setPayloadText] = useState5(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 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);
+  }, [txHash, explorerUrl, gatewayName]);
+  const handleInsert = async () => {
+    if (!canInsert || !parse.ok || !isDefinedNotNull4(dataLakes)) return;
+    setInsertError(void 0);
+    setStoredPayload(void 0);
+    setTxHash(void 0);
+    setSignedTx(void 0);
+    setChainError(void 0);
+    setInserting(true);
+    try {
+      const [stored] = await dataLakes.insert(selectedLakeId, [parse.payload]);
+      if (!isDefined7(stored)) {
+        setInsertError(new Error("Lake returned no entries for this insert \u2014 the lake may disallow the payload's schema."));
+        return;
+      }
+      if (!isAnyPayload(stored)) {
+        setInsertError(new Error("Lake returned a non-payload value (binary blob); this flow only handles payload-shaped content."));
+        return;
+      }
+      setStoredPayload(parse.payload);
+    } catch (e) {
+      setInsertError(e);
+    } finally {
+      setInserting(false);
+    }
+  };
+  const handleAddToChain = async () => {
+    if (!canAddToChain || !isDefinedNotNull4(gateway) || !isDefined7(storedPayload) || !isDefined7(storedHash)) return;
+    setChainError(void 0);
+    setTxHash(void 0);
+    setSignedTx(void 0);
+    setAddingToChain(true);
+    try {
+      const hashPayload = { schema: HashSchema, hash: storedHash };
+      const [hash, signed] = await gateway.addPayloadsToChain([hashPayload], [storedPayload]);
+      setTxHash(hash);
+      setSignedTx(signed);
+    } catch (e) {
+      setChainError(e);
+    } finally {
+      setAddingToChain(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs6(
+    Stack6,
+    {
+      ...props,
+      sx: {
+        gap: 3,
+        alignItems: "stretch",
+        ...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 })
+        ] }),
+        /* @__PURE__ */ jsx6(Divider2, {}),
+        /* @__PURE__ */ jsx6(TestPayloadSection, { value: payloadText, onChange: setPayloadText, parse }),
+        /* @__PURE__ */ jsx6(Divider2, {}),
+        /* @__PURE__ */ jsx6(
+          InsertSection,
+          {
+            canInsert,
+            inserting,
+            insertError,
+            onInsert: () => void handleInsert(),
+            onLakeChange: setSelectedLakeId,
+            selectedLakeId,
+            storedHash,
+            timeout
+          }
+        ),
+        /* @__PURE__ */ jsx6(Divider2, {}),
+        /* @__PURE__ */ jsx6(
+          AddToChainSection,
+          {
+            addingToChain,
+            canAddToChain,
+            chainError,
+            explorerTxUrl,
+            gatewayName,
+            onAddToChain: () => void handleAddToChain(),
+            signedTx,
+            txHash
+          }
+        ),
+        /* @__PURE__ */ jsx6(ErrorRender5, { error: clientError ?? gatewayError ?? void 0, scope: "DataLakeAddToChainPanel.wallet" })
+      ]
+    }
+  );
+};
+
+// src/client/components/connected/DataLakeGetButton.tsx
+import {
+  Alert as Alert6,
+  Stack as Stack7,
+  Typography as Typography6
+} from "@mui/material";
+import { ButtonEx as ButtonEx6 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender6 } 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";
 var DataLakeGetButton = ({
   id,
   hashes,
@@ -480,14 +1063,14 @@ var DataLakeGetButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [result, setResult] = useState4();
-  const [requestError, setRequestError] = useState4();
-  const [requesting, setRequesting] = useState4(false);
+  const [result, setResult] = useState6();
+  const [requestError, setRequestError] = useState6();
+  const [requesting, setRequesting] = useState6(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull3(dataLakes);
+  const supported = isDefinedNotNull5(dataLakes);
   const argsReady = id.length > 0 && hashes.length > 0;
   const handleClick = async () => {
-    if (!isDefinedNotNull3(dataLakes)) return;
+    if (!isDefinedNotNull5(dataLakes)) return;
     setRequestError(void 0);
     setResult(void 0);
     setRequesting(true);
@@ -500,8 +1083,8 @@ var DataLakeGetButton = ({
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs4(
-    Stack4,
+  return /* @__PURE__ */ jsxs7(
+    Stack7,
     {
       ...props,
       sx: {
@@ -510,10 +1093,10 @@ var DataLakeGetButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx4(Alert3, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull3(client) && !supported ? /* @__PURE__ */ jsx4(Alert3, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsxs4(
-          ButtonEx3,
+        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,
           {
             variant: "contained",
             size: "small",
@@ -530,11 +1113,11 @@ var DataLakeGetButton = ({
             ]
           }
         ),
-        argsReady ? null : /* @__PURE__ */ jsx4(Typography4, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one hash to enable the button." }),
-        isDefined5(result) ? /* @__PURE__ */ jsxs4(Stack4, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx4(Typography4, { variant: "subtitle2", children: result.length === 0 ? "No payloads returned" : `Payloads (${result.length})` }),
-          /* @__PURE__ */ jsx4(
-            Typography4,
+        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,
             {
               component: "pre",
               variant: "body2",
@@ -547,7 +1130,7 @@ var DataLakeGetButton = ({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx4(ErrorRender3, { error: clientError ?? requestError, scope: "DataLakeGetButton" })
+        /* @__PURE__ */ jsx7(ErrorRender6, { error: clientError ?? requestError, scope: "DataLakeGetButton" })
       ]
     }
   );
@@ -555,20 +1138,20 @@ var DataLakeGetButton = ({
 
 // src/client/components/connected/DataLakeGetPanel.tsx
 import {
-  Stack as Stack5,
-  TextField,
-  Typography as Typography5
+  Stack as Stack8,
+  TextField as TextField2,
+  Typography as Typography7
 } from "@mui/material";
-import { useMemo, useState as useState5 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useMemo as useMemo2, useState as useState7 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var DataLakeGetPanel = ({ timeout, ...props }) => {
-  const [selectedId, setSelectedId] = useState5("");
-  const [hashesText, setHashesText] = useState5("");
-  const hashes = useMemo(() => {
+  const [selectedId, setSelectedId] = useState7("");
+  const [hashesText, setHashesText] = useState7("");
+  const hashes = useMemo2(() => {
     return hashesText.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
   }, [hashesText]);
-  return /* @__PURE__ */ jsxs5(
-    Stack5,
+  return /* @__PURE__ */ jsxs8(
+    Stack8,
     {
       ...props,
       sx: {
@@ -577,7 +1160,7 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx8(
           ApprovedLakeSelector,
           {
             capability: "viewer",
@@ -586,8 +1169,8 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
             timeout
           }
         ),
-        /* @__PURE__ */ jsx5(
-          TextField,
+        /* @__PURE__ */ jsx8(
+          TextField2,
           {
             label: "Hashes (one per line)",
             value: hashesText,
@@ -599,8 +1182,8 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
             slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
           }
         ),
-        /* @__PURE__ */ jsx5(Typography5, { variant: "caption", sx: { color: "text.secondary" }, children: hashes.length === 0 ? "No hashes parsed." : `${hashes.length} hash${hashes.length === 1 ? "" : "es"} ready.` }),
-        /* @__PURE__ */ jsx5(DataLakeGetButton, { id: selectedId, hashes, timeout })
+        /* @__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 })
       ]
     }
   );
@@ -608,15 +1191,15 @@ var DataLakeGetPanel = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeInsertButton.tsx
 import {
-  Alert as Alert4,
-  Stack as Stack6,
-  Typography as Typography6
+  Alert as Alert7,
+  Stack as Stack9,
+  Typography as Typography8
 } from "@mui/material";
-import { ButtonEx as ButtonEx4 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
-import { isDefined as isDefined6, isDefinedNotNull as isDefinedNotNull4 } from "@xylabs/sdk-js";
-import { useState as useState6 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx7 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender7 } 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";
 var DataLakeInsertButton = ({
   id,
   payloads,
@@ -629,14 +1212,14 @@ var DataLakeInsertButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [result, setResult] = useState6();
-  const [requestError, setRequestError] = useState6();
-  const [requesting, setRequesting] = useState6(false);
+  const [result, setResult] = useState8();
+  const [requestError, setRequestError] = useState8();
+  const [requesting, setRequesting] = useState8(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull4(dataLakes);
+  const supported = isDefinedNotNull6(dataLakes);
   const argsReady = id.length > 0 && payloads.length > 0;
   const handleClick = async () => {
-    if (!isDefinedNotNull4(dataLakes)) return;
+    if (!isDefinedNotNull6(dataLakes)) return;
     setRequestError(void 0);
     setResult(void 0);
     setRequesting(true);
@@ -649,8 +1232,8 @@ var DataLakeInsertButton = ({
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs6(
-    Stack6,
+  return /* @__PURE__ */ jsxs9(
+    Stack9,
     {
       ...props,
       sx: {
@@ -659,10 +1242,10 @@ var DataLakeInsertButton = ({
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx6(Alert4, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull4(client) && !supported ? /* @__PURE__ */ jsx6(Alert4, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsxs6(
-          ButtonEx4,
+        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,
           {
             variant: "contained",
             size: "small",
@@ -679,11 +1262,11 @@ var DataLakeInsertButton = ({
             ]
           }
         ),
-        argsReady ? null : /* @__PURE__ */ jsx6(Typography6, { variant: "caption", sx: { color: "text.secondary" }, children: "Provide a per-origin `id` and at least one payload to enable the button." }),
-        isDefined6(result) ? /* @__PURE__ */ jsxs6(Stack6, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx6(Typography6, { variant: "subtitle2", children: result.length === 0 ? "No payloads written (wallet filtered all)" : `Inserted (${result.length})` }),
-          /* @__PURE__ */ jsx6(
-            Typography6,
+        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,
             {
               component: "pre",
               variant: "body2",
@@ -696,7 +1279,7 @@ var DataLakeInsertButton = ({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx6(ErrorRender4, { error: clientError ?? requestError, scope: "DataLakeInsertButton" })
+        /* @__PURE__ */ jsx9(ErrorRender7, { error: clientError ?? requestError, scope: "DataLakeInsertButton" })
       ]
     }
   );
@@ -704,14 +1287,14 @@ var DataLakeInsertButton = ({
 
 // src/client/components/connected/DataLakeInsertPanel.tsx
 import {
-  Alert as Alert5,
-  Stack as Stack7,
-  TextField as TextField2,
-  Typography as Typography7
+  Alert as Alert8,
+  Stack as Stack10,
+  TextField as TextField3,
+  Typography as Typography9
 } from "@mui/material";
-import { useMemo as useMemo2, useState as useState7 } from "react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function buildDefaultPayload() {
+import { useMemo as useMemo3, useState as useState9 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function buildDefaultPayload2() {
   return JSON.stringify(
     {
       schema: "network.xyo.observation.v2",
@@ -722,7 +1305,7 @@ function buildDefaultPayload() {
     2
   );
 }
-function parsePayload(raw) {
+function parsePayload2(raw) {
   const trimmed = raw.trim();
   if (trimmed.length === 0) return { ok: false, error: "Payload is empty." };
   try {
@@ -735,11 +1318,11 @@ function parsePayload(raw) {
   }
 }
 var DataLakeInsertPanel = ({ timeout, ...props }) => {
-  const [selectedId, setSelectedId] = useState7("");
-  const [payloadText, setPayloadText] = useState7(buildDefaultPayload);
-  const parse = useMemo2(() => parsePayload(payloadText), [payloadText]);
-  return /* @__PURE__ */ jsxs7(
-    Stack7,
+  const [selectedId, setSelectedId] = useState9("");
+  const [payloadText, setPayloadText] = useState9(buildDefaultPayload2);
+  const parse = useMemo3(() => parsePayload2(payloadText), [payloadText]);
+  return /* @__PURE__ */ jsxs10(
+    Stack10,
     {
       ...props,
       sx: {
@@ -748,7 +1331,7 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx10(
           ApprovedLakeSelector,
           {
             capability: "runner",
@@ -757,8 +1340,8 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
             timeout
           }
         ),
-        /* @__PURE__ */ jsx7(
-          TextField2,
+        /* @__PURE__ */ jsx10(
+          TextField3,
           {
             label: "Payload (JSON object or array)",
             value: payloadText,
@@ -770,15 +1353,15 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
             slotProps: { input: { sx: { fontFamily: "monospace", fontSize: 12 } } }
           }
         ),
-        parse.ok ? /* @__PURE__ */ jsxs7(Typography7, { variant: "caption", sx: { color: "text.secondary" }, children: [
+        parse.ok ? /* @__PURE__ */ jsxs10(Typography9, { variant: "caption", sx: { color: "text.secondary" }, children: [
           parse.payloads.length,
           " ",
           "payload",
           parse.payloads.length === 1 ? "" : "s",
           " ",
           "parsed."
-        ] }) : /* @__PURE__ */ jsx7(Alert5, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx7(Typography7, { variant: "body2", children: parse.error }) }),
-        /* @__PURE__ */ jsx7(
+        ] }) : /* @__PURE__ */ jsx10(Alert8, { severity: "error", variant: "outlined", children: /* @__PURE__ */ jsx10(Typography9, { variant: "body2", children: parse.error }) }),
+        /* @__PURE__ */ jsx10(
           DataLakeInsertButton,
           {
             id: selectedId,
@@ -793,15 +1376,15 @@ var DataLakeInsertPanel = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeListButton.tsx
 import {
-  Alert as Alert6,
-  Stack as Stack8,
-  Typography as Typography8
+  Alert as Alert9,
+  Stack as Stack11,
+  Typography as Typography10
 } from "@mui/material";
-import { ButtonEx as ButtonEx5 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
-import { isDefined as isDefined7, isDefinedNotNull as isDefinedNotNull5 } from "@xylabs/sdk-js";
-import { useState as useState8 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx8 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender8 } 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";
 var DataLakeListButton = ({ timeout, ...props }) => {
   const {
     client,
@@ -809,13 +1392,13 @@ var DataLakeListButton = ({ timeout, ...props }) => {
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [lakes, setLakes] = useState8();
-  const [requestError, setRequestError] = useState8();
-  const [requesting, setRequesting] = useState8(false);
+  const [lakes, setLakes] = useState10();
+  const [requestError, setRequestError] = useState10();
+  const [requesting, setRequesting] = useState10(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull5(dataLakes);
+  const supported = isDefinedNotNull7(dataLakes);
   const handleClick = async () => {
-    if (!isDefinedNotNull5(dataLakes)) return;
+    if (!isDefinedNotNull7(dataLakes)) return;
     setRequestError(void 0);
     setLakes(void 0);
     setRequesting(true);
@@ -828,8 +1411,8 @@ var DataLakeListButton = ({ timeout, ...props }) => {
       setRequesting(false);
     }
   };
-  return /* @__PURE__ */ jsxs8(
-    Stack8,
+  return /* @__PURE__ */ jsxs11(
+    Stack11,
     {
       ...props,
       sx: {
@@ -838,10 +1421,10 @@ var DataLakeListButton = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        timedout ? /* @__PURE__ */ jsx8(Alert6, { severity: "warning", children: "Wallet not detected." }) : null,
-        isDefinedNotNull5(client) && !supported ? /* @__PURE__ */ jsx8(Alert6, { severity: "warning", children: "This wallet does not expose `xyo.client.dataLakes`." }) : null,
-        /* @__PURE__ */ jsx8(
-          ButtonEx5,
+        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,
           {
             variant: "contained",
             size: "small",
@@ -851,10 +1434,10 @@ var DataLakeListButton = ({ timeout, ...props }) => {
             children: "List approved data lakes"
           }
         ),
-        isDefined7(lakes) ? /* @__PURE__ */ jsxs8(Stack8, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx8(Typography8, { variant: "subtitle2", children: lakes.length === 0 ? "No approved lakes" : `Approved lakes (${lakes.length})` }),
-          /* @__PURE__ */ jsx8(
-            Typography8,
+        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,
             {
               component: "pre",
               variant: "body2",
@@ -867,7 +1450,7 @@ var DataLakeListButton = ({ timeout, ...props }) => {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx8(ErrorRender5, { error: clientError ?? requestError, scope: "DataLakeListButton" })
+        /* @__PURE__ */ jsx11(ErrorRender8, { error: clientError ?? requestError, scope: "DataLakeListButton" })
       ]
     }
   );
@@ -875,9 +1458,9 @@ var DataLakeListButton = ({ timeout, ...props }) => {
 
 // src/client/components/connected/DataLakeOperationsPanel.tsx
 import {
-  Divider,
-  Stack as Stack11,
-  Typography as Typography10
+  Divider as Divider3,
+  Stack as Stack14,
+  Typography as Typography12
 } from "@mui/material";
 
 // src/client/components/connected/DataLakeRequestAccessPanel.tsx
@@ -888,22 +1471,22 @@ import {
   InputLabel as InputLabel2,
   MenuItem as MenuItem2,
   Select as Select2,
-  Stack as Stack10
+  Stack as Stack13
 } from "@mui/material";
-import { asSchema } from "@xyo-network/sdk-js";
-import { useMemo as useMemo3, useState as useState10 } from "react";
+import { asSchema as asSchema2 } from "@xyo-network/sdk-js";
+import { useMemo as useMemo4, useState as useState12 } from "react";
 
 // src/client/components/connected/DataLakeRequestAccessButton.tsx
 import {
-  Alert as Alert7,
-  Stack as Stack9,
-  Typography as Typography9
+  Alert as Alert10,
+  Stack as Stack12,
+  Typography as Typography11
 } from "@mui/material";
-import { ButtonEx as ButtonEx6 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender6 } from "@xylabs/react-error";
-import { isDefined as isDefined8, isDefinedNotNull as isDefinedNotNull6 } from "@xylabs/sdk-js";
-import { useState as useState9 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { ButtonEx as ButtonEx9 } from "@xylabs/react-button";
+import { ErrorRender as ErrorRender9 } 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 DataLakeRequestAccessButton = ({
   options,
   timeout,
@@ -915,13 +1498,13 @@ var DataLakeRequestAccessButton = ({
     isLoading,
     timedout
   } = useClientFromWallet(timeout);
-  const [granted, setGranted] = useState9();
-  const [requestError, setRequestError] = useState9();
-  const [requesting, setRequesting] = useState9(false);
+  const [granted, setGranted] = useState11();
+  const [requestError, setRequestError] = useState11();
+  const [requesting, setRequesting] = useState11(false);
   const dataLakes = client?.dataLakes;
-  const supported = isDefinedNotNull6(dataLakes);
+  const supported = isDefinedNotNull8(dataLakes);
   const handleClick = async () => {
-    if (!isDefinedNotNull6(dataLakes)) return;
+    if (!isDefinedNotNull8(dataLakes)) return;
     setRequestError(void 0);
     setGranted(void 0);
     setRequesting(true);
@@ -933,9 +1516,9 @@ var DataLakeRequestAccessButton = ({
     } finally {
       setRequesting(false);
     }
-  };
-  return /* @__PURE__ */ jsxs9(
-    Stack9,
+  };
+  return /* @__PURE__ */ jsxs12(
+    Stack12,
     {
       ...props,
       sx: {
@@ -944,10 +1527,10 @@ var DataLakeRequestAccessButton = ({
         ...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__ */ jsx9(
-          ButtonEx6,
+        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",
@@ -957,38 +1540,38 @@ var DataLakeRequestAccessButton = ({
             children: "Request data lake access"
           }
         ),
-        isDefined8(granted) ? /* @__PURE__ */ jsxs9(Stack9, { sx: { gap: 0.5 }, children: [
-          /* @__PURE__ */ jsx9(Typography9, { variant: "subtitle2", children: "Granted:" }),
-          /* @__PURE__ */ jsxs9(Typography9, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: [
+        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: [
             "id:",
             " ",
             granted.id
           ] }),
-          /* @__PURE__ */ jsx9(Typography9, { variant: "body2", sx: { color: "text.secondary" }, children: "If you picked multiple lakes, call `list()` to enumerate all granted ids." })
+          /* @__PURE__ */ jsx12(Typography11, { variant: "body2", sx: { color: "text.secondary" }, children: "If you picked multiple lakes, call `list()` to enumerate all granted ids." })
         ] }) : null,
-        /* @__PURE__ */ jsx9(ErrorRender6, { error: clientError ?? requestError, scope: "DataLakeRequestAccessButton" })
+        /* @__PURE__ */ jsx12(ErrorRender9, { error: clientError ?? requestError, scope: "DataLakeRequestAccessButton" })
       ]
     }
   );
 };
 
 // src/client/components/connected/DataLakeRequestAccessPanel.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var observationSchema = asSchema("network.xyo.observation.v2", true);
-var locationSchema = asSchema("network.xyo.location", true);
+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);
 var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
-  const [capability, setCapability] = useState10("read+write");
-  const [includeSchemas, setIncludeSchemas] = useState10(true);
+  const [capability, setCapability] = useState12("read+write");
+  const [includeSchemas, setIncludeSchemas] = useState12(true);
   const supportsSchemasFilter = capability !== "viewer";
-  const options = useMemo3(() => {
+  const options = useMemo4(() => {
     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__ */ jsxs10(
-    Stack10,
+  return /* @__PURE__ */ jsxs13(
+    Stack13,
     {
       ...props,
       sx: {
@@ -997,26 +1580,26 @@ var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsxs10(FormControl2, { size: "small", fullWidth: true, children: [
-          /* @__PURE__ */ jsx10(InputLabel2, { children: "Capability" }),
-          /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs13(FormControl2, { size: "small", fullWidth: true, children: [
+          /* @__PURE__ */ jsx13(InputLabel2, { children: "Capability" }),
+          /* @__PURE__ */ jsxs13(
             Select2,
             {
               value: capability,
               label: "Capability",
               onChange: (event) => setCapability(event.target.value),
               children: [
-                /* @__PURE__ */ jsx10(MenuItem2, { value: "viewer", children: "Read only (viewer)" }),
-                /* @__PURE__ */ jsx10(MenuItem2, { value: "runner", children: "Write only (runner)" }),
-                /* @__PURE__ */ jsx10(MenuItem2, { value: "read+write", children: "Read + Write" })
+                /* @__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__ */ jsx10(
+        /* @__PURE__ */ jsx13(
           FormControlLabel,
           {
-            control: /* @__PURE__ */ jsx10(
+            control: /* @__PURE__ */ jsx13(
               Checkbox,
               {
                 checked: supportsSchemasFilter && includeSchemas,
@@ -1028,17 +1611,17 @@ var DataLakeRequestAccessPanel = ({ timeout, ...props }) => {
             label: "Include schemas filter (observation + location)"
           }
         ),
-        /* @__PURE__ */ jsx10(DataLakeRequestAccessButton, { options, timeout })
+        /* @__PURE__ */ jsx13(DataLakeRequestAccessButton, { options, timeout })
       ]
     }
   );
 };
 
 // src/client/components/connected/DataLakeOperationsPanel.tsx
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var DataLakeOperationsPanel = ({ timeout, ...props }) => {
-  return /* @__PURE__ */ jsxs11(
-    Stack11,
+  return /* @__PURE__ */ jsxs14(
+    Stack14,
     {
       ...props,
       sx: {
@@ -1047,283 +1630,30 @@ var DataLakeOperationsPanel = ({ timeout, ...props }) => {
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsxs11(Stack11, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx11(Typography10, { variant: "subtitle2", children: "Request data lake access" }),
-          /* @__PURE__ */ jsx11(DataLakeRequestAccessPanel, { timeout })
+        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "Request data lake access" }),
+          /* @__PURE__ */ jsx14(DataLakeRequestAccessPanel, { timeout })
         ] }),
-        /* @__PURE__ */ jsx11(Divider, {}),
-        /* @__PURE__ */ jsxs11(Stack11, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx11(Typography10, { variant: "subtitle2", children: "List approved lakes" }),
-          /* @__PURE__ */ jsx11(DataLakeListButton, { 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__ */ jsx11(Divider, {}),
-        /* @__PURE__ */ jsxs11(Stack11, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx11(Typography10, { variant: "subtitle2", children: "Insert payloads" }),
-          /* @__PURE__ */ jsx11(DataLakeInsertPanel, { timeout })
+        /* @__PURE__ */ jsx14(Divider3, {}),
+        /* @__PURE__ */ jsxs14(Stack14, { sx: { gap: 1 }, children: [
+          /* @__PURE__ */ jsx14(Typography12, { variant: "subtitle2", children: "Insert payloads" }),
+          /* @__PURE__ */ jsx14(DataLakeInsertPanel, { timeout })
         ] }),
-        /* @__PURE__ */ jsx11(Divider, {}),
-        /* @__PURE__ */ jsxs11(Stack11, { sx: { gap: 1 }, children: [
-          /* @__PURE__ */ jsx11(Typography10, { variant: "subtitle2", children: "Get payloads by hash" }),
-          /* @__PURE__ */ jsx11(DataLakeGetPanel, { 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 })
         ] })
       ]
     }
   );
 };
 
-// src/client/components/connected/PermissionsReviewDialog.tsx
-import {
-  Alert as Alert8,
-  Box,
-  Chip,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogTitle,
-  Divider as Divider2,
-  Stack as Stack12,
-  Typography as Typography11
-} from "@mui/material";
-import { ButtonEx as ButtonEx7 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender7 } from "@xylabs/react-error";
-import { isDefined as isDefined9 } from "@xylabs/sdk-js";
-import React10 from "react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var renderCaveatValue = (caveat) => {
-  if (caveat.type === "restrictReturnedAccounts" && Array.isArray(caveat.value)) {
-    if (caveat.value.length === 0) {
-      return /* @__PURE__ */ jsx12(Typography11, { variant: "caption", sx: { color: "text.secondary" }, children: "(no address restriction \u2014 every selected account is returned)" });
-    }
-    return /* @__PURE__ */ jsx12(Stack12, { direction: "row", sx: { flexWrap: "wrap", gap: 0.5 }, children: caveat.value.map((address) => /* @__PURE__ */ jsx12(
-      Chip,
-      {
-        label: String(address),
-        size: "small",
-        sx: { fontFamily: "monospace" }
-      },
-      String(address)
-    )) });
-  }
-  if (caveat.type === "dataLakeAccess" && typeof caveat.value === "object" && caveat.value !== null) {
-    const value = caveat.value;
-    return /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 0.5 }, children: [
-      isDefined9(value.perOriginId) ? /* @__PURE__ */ jsxs12(Stack12, { direction: "row", sx: { alignItems: "center", gap: 1 }, children: [
-        /* @__PURE__ */ jsx12(Typography11, { variant: "caption", sx: { color: "text.secondary" }, children: "id:" }),
-        /* @__PURE__ */ jsx12(Typography11, { variant: "body2", sx: { fontFamily: "monospace", wordBreak: "break-all" }, children: value.perOriginId })
-      ] }) : null,
-      isDefined9(value.narrowedSchemas) && value.narrowedSchemas.length > 0 ? /* @__PURE__ */ jsxs12(
-        Stack12,
-        {
-          direction: "row",
-          sx: {
-            alignItems: "center",
-            flexWrap: "wrap",
-            gap: 0.5
-          },
-          children: [
-            /* @__PURE__ */ jsx12(Typography11, { variant: "caption", sx: { color: "text.secondary" }, children: "schemas:" }),
-            value.narrowedSchemas.map((schema) => /* @__PURE__ */ jsx12(
-              Chip,
-              {
-                label: schema,
-                size: "small",
-                variant: "outlined"
-              },
-              schema
-            ))
-          ]
-        }
-      ) : null
-    ] });
-  }
-  return /* @__PURE__ */ jsx12(
-    Typography11,
-    {
-      component: "pre",
-      variant: "body2",
-      sx: {
-        fontFamily: "monospace",
-        m: 0,
-        whiteSpace: "pre-wrap",
-        wordBreak: "break-all"
-      },
-      children: JSON.stringify(caveat.value, null, 2)
-    }
-  );
-};
-var renderPermission = (permission) => {
-  const caveats = permission.caveats ?? [];
-  return /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 1 }, children: [
-    /* @__PURE__ */ jsxs12(
-      Stack12,
-      {
-        direction: "row",
-        sx: {
-          alignItems: "center",
-          flexWrap: "wrap",
-          gap: 1
-        },
-        children: [
-          /* @__PURE__ */ jsx12(Typography11, { variant: "subtitle2", sx: { fontFamily: "monospace" }, children: permission.parentCapability }),
-          isDefined9(permission.date) ? /* @__PURE__ */ jsxs12(Typography11, { variant: "caption", sx: { color: "text.secondary" }, children: [
-            "granted",
-            " ",
-            new Date(permission.date).toLocaleString()
-          ] }) : null
-        ]
-      }
-    ),
-    caveats.length === 0 ? /* @__PURE__ */ jsx12(Typography11, { variant: "caption", sx: { color: "text.secondary" }, children: "(no caveats)" }) : /* @__PURE__ */ jsx12(Stack12, { sx: { gap: 1, pl: 1 }, children: caveats.map((caveat) => /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 0.5 }, children: [
-      /* @__PURE__ */ jsx12(Chip, { label: caveat.type, size: "small", sx: { alignSelf: "flex-start" } }),
-      /* @__PURE__ */ jsx12(Box, { sx: { pl: 1 }, children: renderCaveatValue(caveat) })
-    ] }, caveat.type)) })
-  ] });
-};
-var PermissionsReviewDialog = ({
-  granted,
-  onClose,
-  onReRequest,
-  open,
-  requesting,
-  error
-}) => {
-  return /* @__PURE__ */ jsxs12(Dialog, { open, onClose, fullWidth: true, maxWidth: "sm", children: [
-    /* @__PURE__ */ jsx12(DialogTitle, { children: "Granted permissions" }),
-    /* @__PURE__ */ jsx12(DialogContent, { dividers: true, children: /* @__PURE__ */ jsxs12(Stack12, { sx: { gap: 2 }, children: [
-      granted.length === 0 ? /* @__PURE__ */ jsx12(Alert8, { severity: "info", children: "No permissions are currently granted to this origin." }) : granted.map((permission, index) => /* @__PURE__ */ jsxs12(React10.Fragment, { children: [
-        index > 0 ? /* @__PURE__ */ jsx12(Divider2, {}) : null,
-        renderPermission(permission)
-      ] }, permission.parentCapability)),
-      /* @__PURE__ */ jsx12(ErrorRender7, { error, scope: "PermissionsReviewDialog" })
-    ] }) }),
-    /* @__PURE__ */ jsxs12(DialogActions, { children: [
-      /* @__PURE__ */ jsx12(ButtonEx7, { variant: "text", size: "small", onClick: onClose, children: "Close" }),
-      /* @__PURE__ */ jsx12(
-        ButtonEx7,
-        {
-          variant: "contained",
-          size: "small",
-          disabled: requesting,
-          busy: requesting,
-          onClick: onReRequest,
-          children: "Re-request permissions"
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/client/components/connected/RequestPermissionsButton.tsx
-import { Alert as Alert9, Stack as Stack13 } from "@mui/material";
-import { ButtonEx as ButtonEx8 } from "@xylabs/react-button";
-import { ErrorRender as ErrorRender8 } from "@xylabs/react-error";
-import { isDefined as isDefined10, isDefinedNotNull as isDefinedNotNull7 } from "@xylabs/sdk-js";
-import {
-  useCallback as useCallback3,
-  useEffect as useEffect4,
-  useState as useState11
-} from "react";
-import { Fragment, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var RequestPermissionsButton = ({
-  permissions,
-  timeout,
-  ...props
-}) => {
-  const {
-    client,
-    error: clientError,
-    isLoading,
-    timedout
-  } = useClientFromWallet(timeout);
-  const [granted, setGranted] = useState11();
-  const [fetchError, setFetchError] = useState11();
-  const [requestError, setRequestError] = useState11();
-  const [requesting, setRequesting] = useState11(false);
-  const [dialogOpen, setDialogOpen] = useState11(false);
-  const permissionsApi = client?.permissions;
-  const refreshGranted = useCallback3(async () => {
-    if (!isDefinedNotNull7(permissionsApi)) return;
-    setFetchError(void 0);
-    try {
-      const result = await permissionsApi.getPermissions();
-      setGranted(result ?? []);
-    } catch (e) {
-      setGranted([]);
-      setFetchError(e);
-    }
-  }, [permissionsApi]);
-  useEffect4(() => {
-    if (isDefinedNotNull7(permissionsApi) && granted === void 0) {
-      void refreshGranted();
-    }
-  }, [permissionsApi, granted, refreshGranted]);
-  const requestPermissions = useCallback3(async () => {
-    if (!isDefinedNotNull7(permissionsApi)) return;
-    setRequestError(void 0);
-    setRequesting(true);
-    try {
-      await permissionsApi.requestPermissions(permissions);
-      void refreshGranted();
-    } catch (e) {
-      setRequestError(e);
-    } finally {
-      setRequesting(false);
-    }
-  }, [permissionsApi, permissions, refreshGranted]);
-  const hasGranted = isDefined10(granted) && granted.length > 0;
-  const handleClick = () => {
-    if (hasGranted) {
-      setDialogOpen(true);
-      return;
-    }
-    void requestPermissions();
-  };
-  return /* @__PURE__ */ jsxs13(
-    Stack13,
-    {
-      ...props,
-      sx: {
-        gap: 2,
-        alignItems: "start",
-        ...props.sx
-      },
-      children: [
-        timedout ? /* @__PURE__ */ jsx13(Alert9, { severity: "warning", children: "Wallet not detected." }) : null,
-        /* @__PURE__ */ jsx13(
-          ButtonEx8,
-          {
-            variant: "contained",
-            size: "small",
-            disabled: !isDefinedNotNull7(permissionsApi) || requesting,
-            busy: isLoading || requesting,
-            onClick: handleClick,
-            children: hasGranted ? "Review permissions" : /* @__PURE__ */ jsxs13(Fragment, { children: [
-              "Request",
-              " ",
-              permissions.length,
-              " ",
-              "permission",
-              permissions.length === 1 ? "" : "s"
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsx13(ErrorRender8, { error: clientError ?? fetchError ?? requestError, scope: "RequestPermissionsButton" }),
-        /* @__PURE__ */ jsx13(
-          PermissionsReviewDialog,
-          {
-            open: dialogOpen,
-            onClose: () => setDialogOpen(false),
-            granted: granted ?? [],
-            onReRequest: () => void requestPermissions(),
-            requesting,
-            error: requestError
-          }
-        )
-      ]
-    }
-  );
-};
-
 // src/client/context/GatewayContext.ts
 import { createContextEx } from "@xylabs/react-shared";
 var GatewayContext = createContextEx();
@@ -1338,12 +1668,12 @@ import {
   startTransition,
   useCallback as useCallback4,
   useEffect as useEffect5,
-  useMemo as useMemo4,
-  useState as useState12
+  useMemo as useMemo5,
+  useState as useState13
 } from "react";
 
 // src/client/context/in-page/lib/buildGateway.ts
-import { assertEx as assertEx2, isDefined as isDefined11 } from "@xylabs/sdk-js";
+import { assertEx as assertEx2, isDefined as isDefined12 } from "@xylabs/sdk-js";
 import {
   basicRemoteRunnerLocator,
   basicRemoteViewerLocator,
@@ -1359,16 +1689,16 @@ var buildGateway = async (gatewayName, signerTransport) => {
       url: `${resolvedNetwork.url}/rpc`
     }
   };
-  const locator = isDefined11(signerTransport) ? await basicRemoteRunnerLocator(gatewayName, remoteConfig, signerTransport) : await basicRemoteViewerLocator(gatewayName, remoteConfig);
+  const locator = isDefined12(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 jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var InPageGatewaysProvider = ({ signerTransport, children }) => {
-  const [gateways, setGateways] = useState12({});
-  const [errors, setErrors] = useState12({});
-  const [previousSignerTransport, setPreviousSignerTransport] = useState12(signerTransport);
+  const [gateways, setGateways] = useState13({});
+  const [errors, setErrors] = useState13({});
+  const [previousSignerTransport, setPreviousSignerTransport] = useState13(signerTransport);
   const clearAll = useCallback4(() => {
     setGateways({});
     setErrors({});
@@ -1407,7 +1737,7 @@ var InPageGatewaysProvider = ({ signerTransport, children }) => {
       cancelled = true;
     };
   }, [signerTransport]);
-  const value = useMemo4(() => {
+  const value = useMemo5(() => {
     const value2 = {
       clearAll,
       errors,
@@ -1416,7 +1746,7 @@ var InPageGatewaysProvider = ({ signerTransport, children }) => {
     };
     return value2;
   }, [clearAll, errors, gateways]);
-  return /* @__PURE__ */ jsx14(InPageGatewaysContext, { value, children });
+  return /* @__PURE__ */ jsx15(InPageGatewaysContext, { value, children });
 };
 
 // src/client/context/in-page/useProvidedInPageGateways.ts
@@ -1424,10 +1754,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 isDefinedNotNull8, isNull as isNull2 } from "@xylabs/sdk-js";
-import { useMemo as useMemo5 } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { ErrorRender as ErrorRender10 } from "@xylabs/react-error";
+import { isDefinedNotNull as isDefinedNotNull9, isNull as isNull2 } from "@xylabs/sdk-js";
+import { useMemo as useMemo6 } from "react";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var GatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
@@ -1440,7 +1770,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
   } = useProvidedInPageGateways(true);
   const gatewayFromConfig = gatewayName ? allGateways[gatewayName] : void 0;
   const gatewayFromConfigError = gatewayName ? allGatewayErrors[gatewayName] : void 0;
-  const { defaultGateway, gateways } = useMemo5(() => {
+  const { defaultGateway, gateways } = useMemo6(() => {
     if (isNull2(gatewayFromWallet)) {
       return {
         defaultGateway: gatewayFromConfig,
@@ -1449,7 +1779,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
           walletGateway: null
         }
       };
-    } else if (isDefinedNotNull8(gatewayFromWallet)) {
+    } else if (isDefinedNotNull9(gatewayFromWallet)) {
       return {
         defaultGateway: gatewayFromWallet,
         gateways: {
@@ -1466,7 +1796,7 @@ var GatewayProvider = ({ gatewayName, children }) => {
       }
     };
   }, [gatewayFromConfig, gatewayFromWallet]);
-  const value = useMemo5(() => {
+  const value = useMemo6(() => {
     const value2 = {
       defaultGateway,
       error: gatewayFromWalletError ?? gatewayFromConfigError,
@@ -1482,22 +1812,22 @@ var GatewayProvider = ({ gatewayName, children }) => {
     gateways,
     clearAll
   ]);
-  return /* @__PURE__ */ jsxs14(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx15(ErrorRender9, { error: gatewayFromConfigError }),
+  return /* @__PURE__ */ jsxs15(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx16(ErrorRender10, { error: gatewayFromConfigError }),
     children
   ] });
 };
 
 // src/client/context/providers/WalletGatewayProvider.tsx
-import { ErrorRender as ErrorRender10 } from "@xylabs/react-error";
-import { useMemo as useMemo6 } from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { ErrorRender as ErrorRender11 } from "@xylabs/react-error";
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var WalletGatewayProvider = ({ gatewayName, children }) => {
   const {
     gateway: gatewayFromWallet,
     error: gatewayFromWalletError
   } = useGatewayFromWallet(gatewayName);
-  const { defaultGateway, gateways } = useMemo6(() => {
+  const { defaultGateway, gateways } = useMemo7(() => {
     return {
       defaultGateway: gatewayFromWallet,
       gateways: {
@@ -1506,7 +1836,7 @@ var WalletGatewayProvider = ({ gatewayName, children }) => {
       }
     };
   }, [gatewayFromWallet]);
-  const value = useMemo6(() => {
+  const value = useMemo7(() => {
     const value2 = {
       defaultGateway,
       error: gatewayFromWalletError,
@@ -1519,8 +1849,8 @@ var WalletGatewayProvider = ({ gatewayName, children }) => {
     gatewayFromWalletError,
     gateways
   ]);
-  return /* @__PURE__ */ jsxs15(GatewayContext, { value, children: [
-    /* @__PURE__ */ jsx16(ErrorRender10, { error: gatewayFromWalletError }),
+  return /* @__PURE__ */ jsxs16(GatewayContext, { value, children: [
+    /* @__PURE__ */ jsx17(ErrorRender11, { error: gatewayFromWalletError }),
     children
   ] });
 };
@@ -1530,17 +1860,17 @@ import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
 var useProvidedGateway = (required = true) => useContextEx2(GatewayContext, "Gateway", required);
 
 // src/model/types/XyoGlobal.ts
-import { isDefinedNotNull as isDefinedNotNull9, isObject } from "@xylabs/sdk-js";
+import { isDefinedNotNull as isDefinedNotNull10, isObject } from "@xylabs/sdk-js";
 var isXyoGlobal = (obj) => {
-  return isDefinedNotNull9(obj) && isObject(obj) && "client" in obj && "connections" in obj && "errors" in obj && "sessionId" in obj && "walletExtensionId" in obj;
+  return isDefinedNotNull10(obj) && isObject(obj) && "client" in obj && "connections" in obj && "errors" in obj && "sessionId" in obj && "walletExtensionId" in obj;
 };
 var isUninitializedXyoGlobal = (obj) => {
-  return isDefinedNotNull9(obj) && isObject(obj) && "connections" in obj && "sessionId" in obj && "walletExtensionId" in obj && !("client" in obj) && "errors" in obj && Array.isArray(obj.errors) && obj.errors.length === 0;
+  return isDefinedNotNull10(obj) && isObject(obj) && "connections" in obj && "sessionId" in obj && "walletExtensionId" in obj && !("client" in obj) && "errors" in obj && Array.isArray(obj.errors) && obj.errors.length === 0;
 };
 
 // src/shared/components/menu-item/ActiveMenuItem.tsx
 import { MenuItem as MenuItem3, useTheme } from "@mui/material";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var ActiveMenuItem = ({
   active,
   children,
@@ -1548,7 +1878,7 @@ var ActiveMenuItem = ({
   ...props
 }) => {
   const theme = useTheme();
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     MenuItem3,
     {
       disableRipple: true,
@@ -1580,14 +1910,14 @@ var ActiveMenuItem = ({
 
 // src/shared/components/stack/DetailsStack.tsx
 import {
-  Stack as Stack14,
+  Stack as Stack15,
   Tooltip as Tooltip2,
-  Typography as Typography12,
+  Typography as Typography13,
   useTheme as useTheme2
 } from "@mui/material";
-import { isDefined as isDefined12 } from "@xylabs/sdk-js";
-import { useMemo as useMemo7 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { isDefined as isDefined13 } from "@xylabs/sdk-js";
+import { useMemo as useMemo8 } from "react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var isComponentType = (value) => typeof value === "function" || typeof value === "object" && value !== null && ("$$typeof" in value || "render" in value);
 var DetailsStack = ({
   IconComponent,
@@ -1597,9 +1927,9 @@ var DetailsStack = ({
   ...props
 }) => {
   const theme = useTheme2();
-  const hasTooltip = isDefined12(tooltipTitle);
-  const resolvedIconComponent = useMemo7(() => {
-    return isComponentType(IconComponent) ? /* @__PURE__ */ jsx18(
+  const hasTooltip = isDefined13(tooltipTitle);
+  const resolvedIconComponent = useMemo8(() => {
+    return isComponentType(IconComponent) ? /* @__PURE__ */ jsx19(
       IconComponent,
       {
         style: {
@@ -1611,8 +1941,8 @@ var DetailsStack = ({
       }
     ) : IconComponent ?? null;
   }, [IconComponent, theme]);
-  return /* @__PURE__ */ jsxs16(
-    Stack14,
+  return /* @__PURE__ */ jsxs17(
+    Stack15,
     {
       direction: "column",
       ...props,
@@ -1623,8 +1953,8 @@ var DetailsStack = ({
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsxs16(
-          Typography12,
+        /* @__PURE__ */ jsxs17(
+          Typography13,
           {
             sx: {
               display: "flex",
@@ -1634,7 +1964,7 @@ var DetailsStack = ({
             },
             children: [
               heading,
-              hasTooltip ? /* @__PURE__ */ jsx18(Tooltip2, { title: tooltipTitle, children: /* @__PURE__ */ jsx18("span", { children: resolvedIconComponent }) }) : resolvedIconComponent
+              hasTooltip ? /* @__PURE__ */ jsx19(Tooltip2, { title: tooltipTitle, children: /* @__PURE__ */ jsx19("span", { children: resolvedIconComponent }) }) : resolvedIconComponent
             ]
           }
         ),
@@ -1646,12 +1976,12 @@ var DetailsStack = ({
 
 // src/shared/components/stack/LabelValueStack.tsx
 import {
-  Stack as Stack15,
-  Typography as Typography13,
+  Stack as Stack16,
+  Typography as Typography14,
   useTheme as useTheme3
 } from "@mui/material";
 import { ellipsize, isAddress } from "@xylabs/sdk-js";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var LabelValueStack = ({
   labels,
   values,
@@ -1664,8 +1994,8 @@ var LabelValueStack = ({
     }
     return value;
   };
-  return /* @__PURE__ */ jsxs17(
-    Stack15,
+  return /* @__PURE__ */ jsxs18(
+    Stack16,
     {
       ...props,
       sx: {
@@ -1674,8 +2004,8 @@ var LabelValueStack = ({
         ...props.sx
       },
       children: [
-        /* @__PURE__ */ jsx19(Stack15, { children: labels.map((label) => /* @__PURE__ */ jsxs17(
-          Typography13,
+        /* @__PURE__ */ jsx20(Stack16, { children: labels.map((label) => /* @__PURE__ */ jsxs18(
+          Typography14,
           {
             variant: "body2",
             sx: {
@@ -1690,15 +2020,15 @@ var LabelValueStack = ({
           },
           label
         )) }),
-        /* @__PURE__ */ jsx19(
-          Stack15,
+        /* @__PURE__ */ jsx20(
+          Stack16,
           {
             sx: {
               alignItems: "end",
               flexGrow: 1
             },
-            children: values.map((value, index) => /* @__PURE__ */ jsx19(
-              Typography13,
+            children: values.map((value, index) => /* @__PURE__ */ jsx20(
+              Typography14,
               {
                 title: value,
                 variant: "body2",
@@ -1721,15 +2051,15 @@ var LabelValueStack = ({
 };
 
 // src/shared/decorators/IframeWalletWarningDecorator.tsx
-import { Alert as Alert10, Stack as Stack16 } from "@mui/material";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Alert as Alert11, Stack as Stack17 } from "@mui/material";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var inIframe = globalThis.self !== window.top;
 var IframeWalletWarningDecorator = (Story, args) => {
   const hasXyoGlobal = isXyoGlobal(globalThis.xyo);
-  return /* @__PURE__ */ jsxs18(Stack16, { sx: { gap: 2 }, children: [
-    inIframe ? /* @__PURE__ */ jsx20(Alert10, { severity: "warning", children: "This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension." }) : null,
-    hasXyoGlobal ? null : /* @__PURE__ */ jsx20(Alert10, { severity: "warning", children: "No wallet extension found. Please install the Xyo Wallet Chrome Extension." }),
-    /* @__PURE__ */ jsx20(Story, { ...args })
+  return /* @__PURE__ */ jsxs19(Stack17, { sx: { gap: 2 }, children: [
+    inIframe ? /* @__PURE__ */ jsx21(Alert11, { severity: "warning", children: "This story is running in an iframe. Please run it in a standalone browser window to test the wallet extension." }) : null,
+    hasXyoGlobal ? null : /* @__PURE__ */ jsx21(Alert11, { severity: "warning", children: "No wallet extension found. Please install the Xyo Wallet Chrome Extension." }),
+    /* @__PURE__ */ jsx21(Story, { ...args })
   ] });
 };
 export {
@@ -1737,6 +2067,7 @@ export {
   ApprovedLakeSelector,
   ConnectAccountsStack,
   ConnectedAccount,
+  DataLakeAddToChainPanel,
   DataLakeGetButton,
   DataLakeGetPanel,
   DataLakeInsertButton,