@xyo-network/os-react-runtime 4.2.13 → 5.0.0

package/dist/browser/index.mjs

@@ -44,18 +44,16 @@ var ErrorRenderWithSupportDefault = /* @__PURE__ */ __name((props) => {
 // src/components/RenderHtml.tsx
 import React2 from "react";
 var RenderHtml = /* @__PURE__ */ __name(({ htmlString }) => {
-  return (
+  return /* @__PURE__ */ React2.createElement("div", {
+    style: {
+      height: 64,
+      width: 64
+    },
     // eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
-    /* @__PURE__ */ React2.createElement("div", {
-      style: {
-        height: 64,
-        width: 64
-      },
-      dangerouslySetInnerHTML: {
-        __html: htmlString
-      }
-    })
-  );
+    dangerouslySetInnerHTML: {
+      __html: htmlString
+    }
+  });
 }, "RenderHtml");
 
 // src/components/Widgets/WidgetCard.tsx
@@ -158,16 +156,16 @@ var WidgetCard = /* @__PURE__ */ __name(({ widgetName, widgetContent, widgetPath
 // src/components/Widgets/WidgetCardExamples.tsx
 import { Stack as Stack2 } from "@mui/material";
 import { useColorSchemeEx as useColorSchemeEx4 } from "@xylabs/react-invertible-theme";
-import React43 from "react";
+import React42 from "react";
 
 // src/DappPage.tsx
 import { Container as Container3, Typography as Typography10 } from "@mui/material";
 import { ThrownErrorBoundary } from "@xylabs/react-error";
 import { FlexCol as FlexCol13 } from "@xylabs/react-flexbox";
-import React35 from "react";
+import React34 from "react";
 
 // src/modules/Dapp/Container.tsx
-import React28, { memo, useMemo as useMemo14 } from "react";
+import React27, { memo, useMemo as useMemo14 } from "react";
 
 // src/hooks/access-requests/useBuildDappAccessRequestResource.ts
 import { usePromise } from "@xylabs/react-promise";
@@ -366,7 +364,8 @@ var useClearIntents = /* @__PURE__ */ __name(() => {
 }, "useClearIntents");
 
 // src/hooks/intent/useDappIntentListener.tsx
-import { DappIntentTypes, DappMode, isDappIntentWithMeta } from "@xyo-network/os-model";
+import { filterAs } from "@xylabs/array";
+import { asOptionalDappIntent, DappIntentTypes, DappMode } from "@xyo-network/os-model";
 import { useWeakArchivistFromNode as useWeakArchivistFromNode2 } from "@xyo-network/react-archivist";
 import { useEffect as useEffect5, useState } from "react";
 var useDappIntentListener = /* @__PURE__ */ __name((dappName, targetMode = DappMode.Window) => {
@@ -375,7 +374,7 @@ var useDappIntentListener = /* @__PURE__ */ __name((dappName, targetMode = DappM
   const [intentArchivist] = useWeakArchivistFromNode2("IntentArchivist");
   useEffect5(() => {
     const listener = /* @__PURE__ */ __name(({ payloads }) => {
-      const filteredPayloads = payloads.filter(isDappIntentWithMeta);
+      const filteredPayloads = filterAs(payloads, asOptionalDappIntent);
       for (const payload of filteredPayloads) {
         const allDapps = dappName === null && payload.targetMode === targetMode;
         const targetDapps = dappName === payload.targetDappId && payload.targetMode === targetMode;
@@ -1355,7 +1354,7 @@ import { Circle } from "@mui/icons-material";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
 import { DappIntentTypes as DappIntentTypes5 } from "@xyo-network/os-model";
 import { DappIntentCaller as DappIntentCaller2, XyOsMonitor as XyOsMonitor2 } from "@xyo-network/os-runtime";
-import React7, { useRef as useRef3 } from "react";
+import React6, { useRef as useRef3 } from "react";
 
 // src/modules/Dapp/lib/DefaultIconSize.ts
 var DEFAULT_ICON_SIZE = 84;
@@ -1363,8 +1362,8 @@ var DEFAULT_ICON_SIZE = 84;
 // src/modules/Dapp/Button/LaunchFrame.tsx
 import { useTheme as useTheme2 } from "@mui/material";
 import { animated, config, useSpring } from "@react-spring/web";
-import React5, { forwardRef, useMemo as useMemo9 } from "react";
-var DappLaunchFrame = /* @__PURE__ */ forwardRef(({ bgColor, children, id, launchLeft, open, launchTop }, ref) => {
+import React5, { useMemo as useMemo9 } from "react";
+var DappLaunchFrame = /* @__PURE__ */ __name(({ bgColor, children, id, launchLeft, open, launchTop, ref }) => {
   const theme = useTheme2();
   const frameOpenSpringConfig = useMemo9(() => ({
     config: config.stiff,
@@ -1420,8 +1419,7 @@ var DappLaunchFrame = /* @__PURE__ */ forwardRef(({ bgColor, children, id, launc
       width: "100%"
     }
   }, children)));
-});
-DappLaunchFrame.displayName = "DappLaunchFrame";
+}, "DappLaunchFrame");
 
 // src/modules/Dapp/Button/lib/decomposeProps.tsx
 var decomposeProps = /* @__PURE__ */ __name((dappIcon, props) => {
@@ -1441,15 +1439,8 @@ var decomposeProps = /* @__PURE__ */ __name((dappIcon, props) => {
 import { alpha as alpha2, styled } from "@mui/material";
 import { ButtonEx as ButtonEx3 } from "@xylabs/react-button";
 import { TypographyEx } from "@xyo-network/react-shared";
-import React6, { forwardRef as forwardRef2 } from "react";
-var ForwardedRefButtonEx = /* @__PURE__ */ forwardRef2((props, ref) => {
-  return /* @__PURE__ */ React6.createElement("span", {
-    ref
-  }, /* @__PURE__ */ React6.createElement(ButtonEx3, props));
-});
-ForwardedRefButtonEx.displayName = "ForwardedRefButtonEx";
 var borderRadiusFactor = 1.5;
-var StyledDappIconButtonEx = styled(ForwardedRefButtonEx, {
+var StyledDappIconButtonEx = styled(ButtonEx3, {
   name: "DappIconButton",
   shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
     "iconBgBaseColor"
@@ -1526,20 +1517,20 @@ var DappIconButton = /* @__PURE__ */ __name(({ children, dappIcon, dappIconSvg,
     });
     await sendIntent?.(DappIntentCaller2.buildIntent(DappIntentCaller2.OsDappName, DappIntentTypes5.Launch, dappName));
   }, "onClickIcon");
-  return /* @__PURE__ */ React7.createElement(FlexCol2, {
+  return /* @__PURE__ */ React6.createElement(FlexCol2, {
     alignItems: "stretch",
     justifyContent: "stretch"
-  }, /* @__PURE__ */ React7.createElement(DappLaunchFrame, {
+  }, /* @__PURE__ */ React6.createElement(DappLaunchFrame, {
     id: "dapp-launch-frame",
     open: !!active,
     launchLeft,
     launchTop
-  }, children), /* @__PURE__ */ React7.createElement("span", {
+  }, children), /* @__PURE__ */ React6.createElement("span", {
     style: {
       cursor: "pointer"
     },
     onClick: onClickIcon
-  }, /* @__PURE__ */ React7.createElement(StyledDappIconButtonEx, {
+  }, /* @__PURE__ */ React6.createElement(StyledDappIconButtonEx, {
     iconBgBaseColor: color,
     ref: iconButtonRef,
     sx: {
@@ -1549,16 +1540,16 @@ var DappIconButton = /* @__PURE__ */ __name(({ children, dappIcon, dappIconSvg,
       ...sx
     },
     ...nonSxProps
-  }, dappIconSvg ? /* @__PURE__ */ React7.createElement(RenderHtml, {
+  }, dappIconSvg ? /* @__PURE__ */ React6.createElement(RenderHtml, {
     htmlString: dappIconSvg
-  }) : /* @__PURE__ */ React7.createElement(StyledDefaultDappIcon, {
+  }) : /* @__PURE__ */ React6.createElement(StyledDefaultDappIcon, {
     fontSize: DappIconSize
-  }, dappIcon?.name.at(0))), /* @__PURE__ */ React7.createElement(FlexCol2, {
+  }, dappIcon?.name.at(0))), /* @__PURE__ */ React6.createElement(FlexCol2, {
     gap: 0.25
-  }, /* @__PURE__ */ React7.createElement(StyledDappName, {
+  }, /* @__PURE__ */ React6.createElement(StyledDappName, {
     variant: "body2",
     maxWidth: iconSize
-  }, MiddleEllipsisFunction(dappIcon?.name)), /* @__PURE__ */ React7.createElement(Circle, {
+  }, MiddleEllipsisFunction(dappIcon?.name)), /* @__PURE__ */ React6.createElement(Circle, {
     sx: {
       height: 8,
       opacity: minimized ? 1 : 0,
@@ -1574,7 +1565,7 @@ import { ErrorRender } from "@xylabs/react-error";
 import { FlexCol as FlexCol3, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { RegisteredNames } from "@xyo-network/os-model";
 import { AccessNodeQueries } from "@xyo-network/os-runtime";
-import React8, { useState as useState9 } from "react";
+import React7, { useState as useState9 } from "react";
 var DappAccessDialog = /* @__PURE__ */ __name(({ accessRequest, children, dappNode, registeredDappAccess, ...props }) => {
   const [error, setError] = useState9();
   const [noPayloadsInserted, setNoPayloadsInserted] = useState9(false);
@@ -1613,43 +1604,43 @@ var DappAccessDialog = /* @__PURE__ */ __name(({ accessRequest, children, dappNo
       setError(new Error("No registered dapp access or dappNode found"));
     }
   }, "handleAllow");
-  return /* @__PURE__ */ React8.createElement(Dialog, props, /* @__PURE__ */ React8.createElement(DialogTitle, null, "Message from XYO OS"), /* @__PURE__ */ React8.createElement(DialogContent, {
+  return /* @__PURE__ */ React7.createElement(Dialog, props, /* @__PURE__ */ React7.createElement(DialogTitle, null, "Message from XYO OS"), /* @__PURE__ */ React7.createElement(DialogContent, {
     dividers: true,
     sx: {
       display: "flex",
       flexDirection: "column",
       gap: 3
     }
-  }, /* @__PURE__ */ React8.createElement(ErrorRender, {
+  }, /* @__PURE__ */ React7.createElement(ErrorRender, {
     error,
     scope: "DappAccessDialog"
-  }), /* @__PURE__ */ React8.createElement(FlexCol3, {
+  }), /* @__PURE__ */ React7.createElement(FlexCol3, {
     gap: 1
-  }, /* @__PURE__ */ React8.createElement(Typography2, {
+  }, /* @__PURE__ */ React7.createElement(Typography2, {
     variant: "subtitle2"
-  }, "dApp to dApp Access Request"), /* @__PURE__ */ React8.createElement(FlexRow2, {
+  }, "dApp to dApp Access Request"), /* @__PURE__ */ React7.createElement(FlexRow2, {
     gap: 1
-  }, /* @__PURE__ */ React8.createElement(Typography2, {
+  }, /* @__PURE__ */ React7.createElement(Typography2, {
     fontSize: 16
-  }, /* @__PURE__ */ React8.createElement("strong", null, accessRequest?.requestingDappId), "\xA0"), /* @__PURE__ */ React8.createElement(ArrowForward, null), /* @__PURE__ */ React8.createElement(Typography2, {
+  }, /* @__PURE__ */ React7.createElement("strong", null, accessRequest?.requestingDappId), "\xA0"), /* @__PURE__ */ React7.createElement(ArrowForward, null), /* @__PURE__ */ React7.createElement(Typography2, {
     fontSize: 16
-  }, /* @__PURE__ */ React8.createElement("strong", null, registeredDappAccess?.registeringDappId))))), /* @__PURE__ */ React8.createElement(DialogContent, {
+  }, /* @__PURE__ */ React7.createElement("strong", null, registeredDappAccess?.registeringDappId))))), /* @__PURE__ */ React7.createElement(DialogContent, {
     dividers: true,
     sx: {
       display: "flex",
       flexDirection: "column",
       gap: 3
     }
-  }, /* @__PURE__ */ React8.createElement(FlexCol3, {
+  }, /* @__PURE__ */ React7.createElement(FlexCol3, {
     gap: 1
-  }, /* @__PURE__ */ React8.createElement(Typography2, null, /* @__PURE__ */ React8.createElement("strong", null, accessRequest?.requestingDappId), " ", "dApp would like to access your", /* @__PURE__ */ React8.createElement("strong", null, registeredDappAccess?.name), " ", "from", " ", /* @__PURE__ */ React8.createElement("strong", null, registeredDappAccess?.registeringDappId), " ", "dApp")), noPayloadsInserted ? /* @__PURE__ */ React8.createElement(Alert, {
+  }, /* @__PURE__ */ React7.createElement(Typography2, null, /* @__PURE__ */ React7.createElement("strong", null, accessRequest?.requestingDappId), " ", "dApp would like to access your", /* @__PURE__ */ React7.createElement("strong", null, registeredDappAccess?.name), " ", "from", " ", /* @__PURE__ */ React7.createElement("strong", null, registeredDappAccess?.registeringDappId), " ", "dApp")), noPayloadsInserted ? /* @__PURE__ */ React7.createElement(Alert, {
     severity: "warning"
-  }, registeredDappAccess?.name, " ", "Access Request did not find payloads to insert") : null), children ? /* @__PURE__ */ React8.createElement(DialogContent, {
+  }, registeredDappAccess?.name, " ", "Access Request did not find payloads to insert") : null), children ? /* @__PURE__ */ React7.createElement(DialogContent, {
     dividers: true
-  }, children) : null, /* @__PURE__ */ React8.createElement(DialogActions, null, /* @__PURE__ */ React8.createElement(Button, {
+  }, children) : null, /* @__PURE__ */ React7.createElement(DialogActions, null, /* @__PURE__ */ React7.createElement(Button, {
     variant: "outlined",
     onClick: onClose
-  }, "Cancel"), /* @__PURE__ */ React8.createElement(Button, {
+  }, "Cancel"), /* @__PURE__ */ React7.createElement(Button, {
     variant: "contained",
     onClick: handleAllow
   }, "Allow")));
@@ -1657,7 +1648,7 @@ var DappAccessDialog = /* @__PURE__ */ __name(({ accessRequest, children, dappNo
 
 // src/modules/Dapp/modules/access-interface/components/Flexbox.tsx
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
-import React9 from "react";
+import React8 from "react";
 
 // src/modules/Dapp/modules/access-interface/hooks/useDialogState.tsx
 import { usePromise as usePromise10 } from "@xylabs/react-promise";
@@ -1692,13 +1683,13 @@ var useDialogState = /* @__PURE__ */ __name((context) => {
 // src/modules/Dapp/modules/access-interface/components/Flexbox.tsx
 var DappAccessFlexbox = /* @__PURE__ */ __name(({ context }) => {
   const { accessRequests, allowAccessDialogError, openAccessDialog, registeredInterface, setOpenAccessDialog } = useDialogState(context);
-  return /* @__PURE__ */ React9.createElement(DappAccessDialog, {
+  return /* @__PURE__ */ React8.createElement(DappAccessDialog, {
     accessRequest: accessRequests?.[0],
     dappNode: context,
     open: openAccessDialog,
     onClose: /* @__PURE__ */ __name(() => setOpenAccessDialog(false), "onClose"),
     registeredDappAccess: registeredInterface
-  }, allowAccessDialogError ? /* @__PURE__ */ React9.createElement(ErrorRender2, {
+  }, allowAccessDialogError ? /* @__PURE__ */ React8.createElement(ErrorRender2, {
     error: allowAccessDialogError,
     scope: "DappAccessFlexbox"
   }) : null);
@@ -1711,38 +1702,38 @@ import { FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
 import { DarkModeIconButtonForColorScheme } from "@xylabs/react-invertible-theme";
 import { DappIntentTypes as DappIntentTypes6 } from "@xyo-network/os-model";
 import { DappIntentCaller as DappIntentCaller3 } from "@xyo-network/os-runtime";
-import React11 from "react";
+import React10 from "react";
 
 // src/modules/Dapp/Debug/Dialog.tsx
 import { Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2 } from "@mui/material";
 import { ButtonEx as ButtonEx4 } from "@xylabs/react-button";
 import { FlexCol as FlexCol4 } from "@xylabs/react-flexbox";
 import { NodeProvider } from "@xyo-network/react-node";
-import React10, { lazy, Suspense } from "react";
+import React9, { lazy, Suspense } from "react";
 var Debug = /* @__PURE__ */ lazy(() => import(
   /* webpackChunkName: "Debug" */
   "@xyo-network/os-react-debug"
 ));
-var LazyDebug = /* @__PURE__ */ __name(() => /* @__PURE__ */ React10.createElement(Suspense, {
-  fallback: /* @__PURE__ */ React10.createElement(FlexCol4, null)
-}, /* @__PURE__ */ React10.createElement(FlexCol4, null), /* @__PURE__ */ React10.createElement(Debug, {
+var LazyDebug = /* @__PURE__ */ __name(() => /* @__PURE__ */ React9.createElement(Suspense, {
+  fallback: /* @__PURE__ */ React9.createElement(FlexCol4, null)
+}, /* @__PURE__ */ React9.createElement(FlexCol4, null), /* @__PURE__ */ React9.createElement(Debug, {
   height: "100%"
 })), "LazyDebug");
 var DebugDialog = /* @__PURE__ */ __name(({ closeDebug, debugOpen, ...props }) => {
-  return /* @__PURE__ */ React10.createElement(Dialog2, {
+  return /* @__PURE__ */ React9.createElement(Dialog2, {
     open: debugOpen,
     onClose: closeDebug,
     fullScreen: true,
     ...props
-  }, /* @__PURE__ */ React10.createElement(DialogContent2, null, /* @__PURE__ */ React10.createElement(LazyDebug, null)), /* @__PURE__ */ React10.createElement(DialogActions2, null, /* @__PURE__ */ React10.createElement(ButtonEx4, {
+  }, /* @__PURE__ */ React9.createElement(DialogContent2, null, /* @__PURE__ */ React9.createElement(LazyDebug, null)), /* @__PURE__ */ React9.createElement(DialogActions2, null, /* @__PURE__ */ React9.createElement(ButtonEx4, {
     variant: "outlined",
     onClick: closeDebug
   }, "Close")));
 }, "DebugDialog");
 var DebugDialogWithNode = /* @__PURE__ */ __name(({ closeDebug, debugOpen, context, ...props }) => {
-  return /* @__PURE__ */ React10.createElement(NodeProvider, {
+  return /* @__PURE__ */ React9.createElement(NodeProvider, {
     node: context?.root
-  }, /* @__PURE__ */ React10.createElement(DebugDialog, {
+  }, /* @__PURE__ */ React9.createElement(DebugDialog, {
     closeDebug,
     debugOpen,
     ...props
@@ -1751,7 +1742,7 @@ var DebugDialogWithNode = /* @__PURE__ */ __name(({ closeDebug, debugOpen, conte
 
 // src/modules/Dapp/modules/Window/AppBar.tsx
 var EmptyDappBarForPadding = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React11.createElement(AppBar, {
+  return /* @__PURE__ */ React10.createElement(AppBar, {
     color: "primary",
     sx: {
       flexDirection: "row"
@@ -1764,7 +1755,7 @@ var EmptyDappBarForPadding = /* @__PURE__ */ __name((props) => {
 var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
   const sendIntent = useSendDappIntent();
   const { closeDebug, debugOpen, openDebug } = useDebugClick();
-  return /* @__PURE__ */ React11.createElement(AppBar, {
+  return /* @__PURE__ */ React10.createElement(AppBar, {
     elevation: 0,
     color: "transparent",
     sx: {
@@ -1774,21 +1765,21 @@ var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
     component: "div",
     position: "sticky",
     ...props
-  }, /* @__PURE__ */ React11.createElement(Toolbar, {
+  }, /* @__PURE__ */ React10.createElement(Toolbar, {
     disableGutters: true,
     sx: {
       paddingX: 2
     }
-  }, /* @__PURE__ */ React11.createElement(Typography3, {
+  }, /* @__PURE__ */ React10.createElement(Typography3, {
     noWrap: true,
     variant: "h6",
     letterSpacing: "-1px"
-  }, title)), /* @__PURE__ */ React11.createElement(FlexGrowRow2, null), /* @__PURE__ */ React11.createElement(Toolbar, {
+  }, title)), /* @__PURE__ */ React10.createElement(FlexGrowRow2, null), /* @__PURE__ */ React10.createElement(Toolbar, {
     disableGutters: true,
     sx: {
       paddingX: 2
     }
-  }, /* @__PURE__ */ React11.createElement(IconButton2, {
+  }, /* @__PURE__ */ React10.createElement(IconButton2, {
     onClick: openDebug,
     sx: {
       display: {
@@ -1796,7 +1787,7 @@ var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
         xs: "flex"
       }
     }
-  }, /* @__PURE__ */ React11.createElement(BugReport, null)), /* @__PURE__ */ React11.createElement(Tooltip2, {
+  }, /* @__PURE__ */ React10.createElement(BugReport, null)), /* @__PURE__ */ React10.createElement(Tooltip2, {
     title: "Toggle Light/Dark Mode",
     sx: {
       display: {
@@ -1804,9 +1795,9 @@ var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
         xs: "flex"
       }
     }
-  }, /* @__PURE__ */ React11.createElement(Box2, null, /* @__PURE__ */ React11.createElement(DarkModeIconButtonForColorScheme, {
+  }, /* @__PURE__ */ React10.createElement(Box2, null, /* @__PURE__ */ React10.createElement(DarkModeIconButtonForColorScheme, {
     defaultLightModeColor: "warning"
-  }))), /* @__PURE__ */ React11.createElement(Divider, {
+  }))), /* @__PURE__ */ React10.createElement(Divider, {
     orientation: "vertical",
     flexItem: true,
     sx: {
@@ -1816,19 +1807,19 @@ var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
       },
       m: 1
     }
-  }), /* @__PURE__ */ React11.createElement(Tooltip2, {
+  }), /* @__PURE__ */ React10.createElement(Tooltip2, {
     title: "Minimize"
-  }, /* @__PURE__ */ React11.createElement(IconButton2, {
+  }, /* @__PURE__ */ React10.createElement(IconButton2, {
     onClick: /* @__PURE__ */ __name(async () => await sendIntent?.(DappIntentCaller3.buildIntent(DappIntentCaller3.OsDappName, DappIntentTypes6.Minimize, name)), "onClick")
-  }, /* @__PURE__ */ React11.createElement(RemoveRounded, {
+  }, /* @__PURE__ */ React10.createElement(RemoveRounded, {
     htmlColor: "inherit"
-  }))), /* @__PURE__ */ React11.createElement(Tooltip2, {
+  }))), /* @__PURE__ */ React10.createElement(Tooltip2, {
     title: "Close"
-  }, /* @__PURE__ */ React11.createElement(IconButton2, {
+  }, /* @__PURE__ */ React10.createElement(IconButton2, {
     onClick: /* @__PURE__ */ __name(async () => await sendIntent?.(DappIntentCaller3.buildIntent(DappIntentCaller3.OsDappName, DappIntentTypes6.Close, name)), "onClick")
-  }, /* @__PURE__ */ React11.createElement(CloseRounded, {
+  }, /* @__PURE__ */ React10.createElement(CloseRounded, {
     htmlColor: "inherit"
-  })))), /* @__PURE__ */ React11.createElement(DebugDialogWithNode, {
+  })))), /* @__PURE__ */ React10.createElement(DebugDialogWithNode, {
     closeDebug,
     debugOpen,
     context
@@ -1838,20 +1829,20 @@ var DappBar = /* @__PURE__ */ __name(({ title, context, name, ...props }) => {
 // src/modules/Dapp/modules/Window/Chrome.tsx
 import { useMediaQuery } from "@mui/material";
 import { FlexCol as FlexCol5, FlexGrowCol, FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
-import React12 from "react";
+import React11 from "react";
 var DappChromeSmall = /* @__PURE__ */ __name(({ appBar, children, screenMenu, splashScreen, ...props }) => {
-  return /* @__PURE__ */ React12.createElement(FlexCol5, {
+  return /* @__PURE__ */ React11.createElement(FlexCol5, {
     alignItems: "stretch",
     id: "dapp-chrome-container-small",
     ...props
-  }, splashScreen, /* @__PURE__ */ React12.createElement(FlexGrowCol, {
+  }, splashScreen, /* @__PURE__ */ React11.createElement(FlexGrowCol, {
     alignItems: "stretch",
     id: "dapp-chrome-small",
     justifyContent: "start",
     sx: {
       background: /* @__PURE__ */ __name((theme) => theme.palette.background.default, "background")
     }
-  }, appBar, /* @__PURE__ */ React12.createElement(FlexGrowCol, {
+  }, appBar, /* @__PURE__ */ React11.createElement(FlexGrowCol, {
     sx: {
       overflowY: "auto"
     },
@@ -1859,18 +1850,18 @@ var DappChromeSmall = /* @__PURE__ */ __name(({ appBar, children, screenMenu, sp
   }, children), screenMenu));
 }, "DappChromeSmall");
 var DappChromeLarge = /* @__PURE__ */ __name(({ appBar, children, screenMenu, splashScreen, ...props }) => {
-  return /* @__PURE__ */ React12.createElement(FlexRow3, {
+  return /* @__PURE__ */ React11.createElement(FlexRow3, {
     alignItems: "stretch",
     id: "dapp-chrome-container-large",
     ...props
-  }, splashScreen, screenMenu, /* @__PURE__ */ React12.createElement(FlexGrowCol, {
+  }, splashScreen, screenMenu, /* @__PURE__ */ React11.createElement(FlexGrowCol, {
     alignItems: "stretch",
     id: "dapp-chrome-large",
     justifyContent: "start",
     sx: {
       background: /* @__PURE__ */ __name((theme) => theme.palette.background.default, "background")
     }
-  }, appBar, /* @__PURE__ */ React12.createElement(FlexGrowCol, {
+  }, appBar, /* @__PURE__ */ React11.createElement(FlexGrowCol, {
     sx: {
       overflowY: "auto"
     },
@@ -1880,10 +1871,10 @@ var DappChromeLarge = /* @__PURE__ */ __name(({ appBar, children, screenMenu, sp
 }, "DappChromeLarge");
 var DappChrome = /* @__PURE__ */ __name(({ largeScreenMenu, smallScreenMenu, ...props }) => {
   const isMedium = useMediaQuery((theme) => theme.breakpoints.up("md"));
-  return isMedium ? /* @__PURE__ */ React12.createElement(DappChromeLarge, {
+  return isMedium ? /* @__PURE__ */ React11.createElement(DappChromeLarge, {
     screenMenu: largeScreenMenu,
     ...props
-  }) : /* @__PURE__ */ React12.createElement(DappChromeSmall, {
+  }) : /* @__PURE__ */ React11.createElement(DappChromeSmall, {
     screenMenu: smallScreenMenu,
     ...props
   });
@@ -1892,14 +1883,14 @@ var DappChrome = /* @__PURE__ */ __name(({ largeScreenMenu, smallScreenMenu, ...
 // src/modules/Dapp/modules/Window/components/DefaultComingSoon/DefaultComingSoon.tsx
 import { alpha as alpha3, Card as Card2, CardContent as CardContent3, Chip, Container, Divider as Divider2, Typography as Typography5, useTheme as useTheme5 } from "@mui/material";
 import { FlexGrowCol as FlexGrowCol3, FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
-import React16 from "react";
+import React15 from "react";
 
 // src/modules/Dapp/modules/Window/components/DefaultComingSoon/InstallButtonSection.tsx
 import { ButtonEx as ButtonEx5 } from "@xylabs/react-button";
 import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
-import React13 from "react";
+import React12 from "react";
 var InstallButtonSection = /* @__PURE__ */ __name(({ installLink = "", notificationLink = "https://xyo.network/newsletter", ...props }) => {
-  return /* @__PURE__ */ React13.createElement(FlexRow4, {
+  return /* @__PURE__ */ React12.createElement(FlexRow4, {
     width: "100%",
     gap: 1,
     sx: {
@@ -1910,12 +1901,12 @@ var InstallButtonSection = /* @__PURE__ */ __name(({ installLink = "", notificat
       }
     },
     ...props
-  }, /* @__PURE__ */ React13.createElement(ButtonEx5, {
+  }, /* @__PURE__ */ React12.createElement(ButtonEx5, {
     fullWidth: true,
     variant: "contained",
     disabled: true,
     href: installLink
-  }, "Install"), /* @__PURE__ */ React13.createElement(ButtonEx5, {
+  }, "Install"), /* @__PURE__ */ React12.createElement(ButtonEx5, {
     fullWidth: true,
     variant: "outlined",
     href: notificationLink,
@@ -1927,16 +1918,16 @@ var InstallButtonSection = /* @__PURE__ */ __name(({ installLink = "", notificat
 import { VerifiedRounded } from "@mui/icons-material";
 import { Card, CardContent as CardContent2, Typography as Typography4, useTheme as useTheme4 } from "@mui/material";
 import { FlexGrowCol as FlexGrowCol2, FlexGrowRow as FlexGrowRow4, FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
-import React15 from "react";
+import React14 from "react";
 
 // src/modules/Dapp/modules/Window/components/DefaultComingSoon/DeveloperLinkSection.tsx
 import { useTheme as useTheme3 } from "@mui/material";
 import { FlexGrowRow as FlexGrowRow3 } from "@xylabs/react-flexbox";
 import { LinkEx } from "@xylabs/react-link";
-import React14 from "react";
+import React13 from "react";
 var DeveloperLinkSection = /* @__PURE__ */ __name(({ developerLink = "https://xylabs.com", ...props }) => {
   const theme = useTheme3();
-  return /* @__PURE__ */ React14.createElement(FlexGrowRow3, {
+  return /* @__PURE__ */ React13.createElement(FlexGrowRow3, {
     gap: 1,
     sx: {
       alignItems: "flex-start",
@@ -1946,7 +1937,7 @@ var DeveloperLinkSection = /* @__PURE__ */ __name(({ developerLink = "https://xy
       }
     },
     ...props
-  }, /* @__PURE__ */ React14.createElement(LinkEx, {
+  }, /* @__PURE__ */ React13.createElement(LinkEx, {
     color: theme.palette.info.main,
     href: developerLink,
     target: "_blank"
@@ -1956,18 +1947,18 @@ var DeveloperLinkSection = /* @__PURE__ */ __name(({ developerLink = "https://xy
 // src/modules/Dapp/modules/Window/components/DefaultComingSoon/SummarySection.tsx
 var SummarySection = /* @__PURE__ */ __name(({ name, dappIconSvg, version = "1.0", developerLink = "https://xylabs.com" }) => {
   const theme = useTheme4();
-  return /* @__PURE__ */ React15.createElement(Card, {
+  return /* @__PURE__ */ React14.createElement(Card, {
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React15.createElement(CardContent2, null, /* @__PURE__ */ React15.createElement(FlexRow5, {
+  }, /* @__PURE__ */ React14.createElement(CardContent2, null, /* @__PURE__ */ React14.createElement(FlexRow5, {
     gap: 3,
     alignItems: "flex-start",
     sx: {
       flexDirection: "column",
       width: "100%"
     }
-  }, /* @__PURE__ */ React15.createElement(FlexGrowRow4, {
+  }, /* @__PURE__ */ React14.createElement(FlexGrowRow4, {
     sx: {
       gap: {
         md: 2,
@@ -1975,16 +1966,16 @@ var SummarySection = /* @__PURE__ */ __name(({ name, dappIconSvg, version = "1.0
       }
     },
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React15.createElement(Card, {
+  }, /* @__PURE__ */ React14.createElement(Card, {
     elevation: 0,
     variant: "outlined"
-  }, /* @__PURE__ */ React15.createElement(CardContent2, null, dappIconSvg ? /* @__PURE__ */ React15.createElement(RenderHtml, {
+  }, /* @__PURE__ */ React14.createElement(CardContent2, null, dappIconSvg ? /* @__PURE__ */ React14.createElement(RenderHtml, {
     htmlString: dappIconSvg
-  }) : null)), /* @__PURE__ */ React15.createElement(FlexGrowCol2, {
+  }) : null)), /* @__PURE__ */ React14.createElement(FlexGrowCol2, {
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React15.createElement(FlexGrowCol2, {
+  }, /* @__PURE__ */ React14.createElement(FlexGrowCol2, {
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React15.createElement(Typography4, {
+  }, /* @__PURE__ */ React14.createElement(Typography4, {
     sx: {
       fontSize: {
         md: theme.typography.h1.fontSize,
@@ -1992,20 +1983,20 @@ var SummarySection = /* @__PURE__ */ __name(({ name, dappIconSvg, version = "1.0
       }
     },
     fontWeight: theme.typography.fontWeightBold
-  }, name), /* @__PURE__ */ React15.createElement(Typography4, {
+  }, name), /* @__PURE__ */ React14.createElement(Typography4, {
     gutterBottom: true,
     variant: "subtitle2"
-  }, "Version:", " ", version)), /* @__PURE__ */ React15.createElement(FlexGrowRow4, {
+  }, "Version:", " ", version)), /* @__PURE__ */ React14.createElement(FlexGrowRow4, {
     gap: 0.5,
     alignItems: "center",
     justifyContent: "center"
-  }, /* @__PURE__ */ React15.createElement(VerifiedRounded, {
+  }, /* @__PURE__ */ React14.createElement(VerifiedRounded, {
     color: "success",
     fontSize: "small"
-  }), /* @__PURE__ */ React15.createElement(Typography4, {
+  }), /* @__PURE__ */ React14.createElement(Typography4, {
     variant: "body1",
     color: theme.palette.success.main
-  }, "XY Labs")), developerLink ? /* @__PURE__ */ React15.createElement(DeveloperLinkSection, {
+  }, "XY Labs")), developerLink ? /* @__PURE__ */ React14.createElement(DeveloperLinkSection, {
     developerLink
   }) : null)))));
 }, "SummarySection");
@@ -2016,7 +2007,7 @@ var defaultDescription = [
 ];
 var DefaultComingSoon = /* @__PURE__ */ __name(({ children, desc = defaultDescription, developerLink = "https://xylabs.com", name, dappIconSvg, version }) => {
   const theme = useTheme5();
-  return /* @__PURE__ */ React16.createElement(Container, {
+  return /* @__PURE__ */ React15.createElement(Container, {
     maxWidth: "md",
     sx: {
       minHeight: "100%",
@@ -2024,40 +2015,40 @@ var DefaultComingSoon = /* @__PURE__ */ __name(({ children, desc = defaultDescri
       paddingTop: 2,
       width: "100%"
     }
-  }, version ? null : /* @__PURE__ */ React16.createElement(FlexRow6, {
+  }, version ? null : /* @__PURE__ */ React15.createElement(FlexRow6, {
     width: "100%",
     paddingBottom: 2
-  }, /* @__PURE__ */ React16.createElement(Chip, {
+  }, /* @__PURE__ */ React15.createElement(Chip, {
     label: "This app is not yet publicly available on xyOS",
     sx: {
       backgroundColor: alpha3(theme.palette.info.main, 0.2),
       color: theme.palette.info.main,
       width: "100%"
     }
-  })), /* @__PURE__ */ React16.createElement(FlexGrowCol3, {
+  })), /* @__PURE__ */ React15.createElement(FlexGrowCol3, {
     width: "100%",
     alignItems: "flex-start",
     minHeight: "100%"
-  }, /* @__PURE__ */ React16.createElement(FlexGrowCol3, {
+  }, /* @__PURE__ */ React15.createElement(FlexGrowCol3, {
     width: "100%",
     alignItems: "stretch",
     justifyContent: "flex-start",
     gap: 2
-  }, /* @__PURE__ */ React16.createElement(SummarySection, {
+  }, /* @__PURE__ */ React15.createElement(SummarySection, {
     dappIconSvg,
     name,
     version,
     developerLink
-  }), /* @__PURE__ */ React16.createElement(InstallButtonSection, null), /* @__PURE__ */ React16.createElement(Divider2, {
+  }), /* @__PURE__ */ React15.createElement(InstallButtonSection, null), /* @__PURE__ */ React15.createElement(Divider2, {
     flexItem: true
-  }), /* @__PURE__ */ React16.createElement(Card2, null, /* @__PURE__ */ React16.createElement(CardContent3, null, /* @__PURE__ */ React16.createElement(FlexGrowCol3, {
+  }), /* @__PURE__ */ React15.createElement(Card2, null, /* @__PURE__ */ React15.createElement(CardContent3, null, /* @__PURE__ */ React15.createElement(FlexGrowCol3, {
     justifyContent: "flex-start",
     alignItems: "flex-start"
-  }, /* @__PURE__ */ React16.createElement(Typography5, {
+  }, /* @__PURE__ */ React15.createElement(Typography5, {
     variant: "h6",
     gutterBottom: true
   }, "Learn more about", " ", name), desc?.map((paragraph, index) => {
-    return /* @__PURE__ */ React16.createElement(Typography5, {
+    return /* @__PURE__ */ React15.createElement(Typography5, {
       gutterBottom: true,
       paddingBottom: 1,
       key: index,
@@ -2069,7 +2060,7 @@ var DefaultComingSoon = /* @__PURE__ */ __name(({ children, desc = defaultDescri
 // src/modules/Dapp/modules/Window/DappWindow.tsx
 import { Snackbar } from "@mui/material";
 import { ErrorBoundary, ErrorRender as ErrorRender3 } from "@xylabs/react-error";
-import React19, { useMemo as useMemo13 } from "react";
+import React18, { useMemo as useMemo13 } from "react";
 
 // src/modules/Dapp/modules/Window/hooks/lib/DappPathHelpers.ts
 import { NameTransforms as NameTransforms2 } from "@xyo-network/os-runtime";
@@ -2140,7 +2131,7 @@ var useDappMenu = /* @__PURE__ */ __name((context, dappName) => {
   const navigate = useNavigate4();
   const { defaultPath, menuConfigs, menuItemsVisible, menuSelection, resourceError } = useDappMenuDependencies(context);
   const activePath = menuSelection ?? defaultPath;
-  const currentPathRef = useRef4();
+  const currentPathRef = useRef4(void 0);
   useEffect12(() => {
     if (params && currentPathRef.current === void 0) {
       currentPathRef.current = params.path ?? "";
@@ -2182,10 +2173,11 @@ var useDappMenu = /* @__PURE__ */ __name((context, dappName) => {
 }, "useDappMenu");
 
 // src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.tsx
+import { findAs } from "@xylabs/array";
 import { assertEx as assertEx7 } from "@xylabs/assert";
 import { usePromise as usePromise11 } from "@xylabs/react-promise";
 import { asArchivistInstance } from "@xyo-network/archivist-model";
-import { isDappInjectableParams } from "@xyo-network/os-model";
+import { asOptionalDappInjectableParams } from "@xyo-network/os-model";
 import { DappCaller as DappCaller2 } from "@xyo-network/os-runtime";
 import { useNavigate as useNavigate5, useSearchParams as useSearchParams2 } from "react-router-dom";
 var useManageDappInjectableParamsFromRoute = /* @__PURE__ */ __name((context) => {
@@ -2204,7 +2196,7 @@ var useManageDappInjectableParamsFromRoute = /* @__PURE__ */ __name((context) =>
   const [, listenerError] = usePromise11(async () => {
     let archivist;
     const listener = /* @__PURE__ */ __name(({ payloads }) => {
-      const injectableParams = payloads.find(isDappInjectableParams);
+      const injectableParams = findAs(payloads, asOptionalDappInjectableParams);
       if (injectableParams && context) {
         const pathname = globalThis.location.pathname;
         if (pathname !== injectableParams.path) {
@@ -2235,8 +2227,9 @@ var useManageDappInjectableParamsFromRoute = /* @__PURE__ */ __name((context) =>
 }, "useManageDappInjectableParamsFromRoute");
 
 // src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappIntentRequest.tsx
+import { findAs as findAs2 } from "@xylabs/array";
 import { useAtomicPromise, usePromise as usePromise12 } from "@xylabs/react-promise";
-import { DappIntentTypes as DappIntentTypes8, isDappIntent } from "@xyo-network/os-model";
+import { asOptionalDappIntent as asOptionalDappIntent2, DappIntentTypes as DappIntentTypes8 } from "@xyo-network/os-model";
 import { DappIntentCaller as DappIntentCaller4 } from "@xyo-network/os-runtime";
 import { useEffect as useEffect13, useState as useState12 } from "react";
 var useManageDappIntentRequest = /* @__PURE__ */ __name((context, dappId) => {
@@ -2275,7 +2268,7 @@ var useManageDappIntentRequest = /* @__PURE__ */ __name((context, dappId) => {
   useEffect13(() => {
     const listener = /* @__PURE__ */ __name(({ payloads }) => {
       if (context) {
-        const intentPayload2 = payloads.find(isDappIntent);
+        const intentPayload2 = findAs2(payloads, asOptionalDappIntent2);
         if (intentPayload2) {
           setIntentPayload(intentPayload2);
         }
@@ -2307,7 +2300,7 @@ var useManageDappPathFromRoute = /* @__PURE__ */ __name((context, dappName) => {
   });
   const { menuSelection, defaultPath } = useDappMenuDependencies(context);
   const navigate = useNavigate6();
-  const currentPathRef = useRef5();
+  const currentPathRef = useRef5(void 0);
   const updateMenuArchivist = useCallback5(async (pathParam2) => {
     currentPathRef.current = pathParam2;
     if (context && dappMenuCaller) {
@@ -2360,8 +2353,8 @@ var useManageDappStateFromRoute = /* @__PURE__ */ __name((intentPayload) => {
   const { dappName: dappNameParam } = params;
   const sendIntent = useSendDappIntent();
   const intentCaller = useDappIntentCaller();
-  const dappNameParamRef = useRef6();
-  const intentRef = useRef6();
+  const dappNameParamRef = useRef6(void 0);
+  const intentRef = useRef6(void 0);
   usePromise14(async () => {
     const launched = intentPayload?.intent === DappIntentTypes9.Launch;
     const dappNameParamRemoved = !!dappNameParamRef.current && dappNameParam === void 0;
@@ -2400,13 +2393,13 @@ import { useMemo as useMemo11 } from "react";
 // src/modules/Dapp/modules/Window/NodeManifest.tsx
 import { usePromise as usePromise15 } from "@xylabs/react-promise";
 import { useProvidedNode } from "@xyo-network/react-node";
-import React17 from "react";
+import React16 from "react";
 var NodeManifest = /* @__PURE__ */ __name(() => {
   const [node] = useProvidedNode();
   const [nodeManifest] = usePromise15(async () => await node?.manifest(3), [
     node
   ]);
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, node ? /* @__PURE__ */ React17.createElement("pre", null, JSON.stringify(nodeManifest, null, 2)) : null);
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, node ? /* @__PURE__ */ React16.createElement("pre", null, JSON.stringify(nodeManifest, null, 2)) : null);
 }, "NodeManifest");
 
 // src/modules/Dapp/modules/Window/hooks/useDecomposeDapp.tsx
@@ -2475,10 +2468,10 @@ var useSyncOsRegisteredAccessInterfaces = /* @__PURE__ */ __name((context) => {
 
 // src/modules/Dapp/modules/Window/MetaTags.tsx
 import { NameTransforms as NameTransforms4 } from "@xyo-network/os-runtime";
-import React18 from "react";
+import React17 from "react";
 import { Helmet } from "react-helmet";
 var DappMetaTags = /* @__PURE__ */ __name(({ active, activePath, dappName }) => {
-  return active ? /* @__PURE__ */ React18.createElement(Helmet, null, /* @__PURE__ */ React18.createElement("title", null, activePath ? `${new NameTransforms4(activePath).deSlug()} | ` : "", " ", dappName, " ", "dApp")) : null;
+  return active ? /* @__PURE__ */ React17.createElement(Helmet, null, /* @__PURE__ */ React17.createElement("title", null, activePath ? `${new NameTransforms4(activePath).deSlug()} | ` : "", " ", dappName, " ", "dApp")) : null;
 }, "DappMetaTags");
 
 // src/modules/Dapp/modules/Window/DappWindow.tsx
@@ -2495,14 +2488,14 @@ var DappWindow = /* @__PURE__ */ __name(({ children, context, dapp, dappMenuProp
     injectableErrors,
     routingError
   ]);
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(ErrorBoundary, null, /* @__PURE__ */ React19.createElement(DappMetaTags, {
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(ErrorBoundary, null, /* @__PURE__ */ React18.createElement(DappMetaTags, {
     active,
     activePath: dappMenuProperties?.activePath,
     dappName: name
-  }), resolvedErrors.map((error) => /* @__PURE__ */ React19.createElement(Snackbar, {
+  }), resolvedErrors.map((error) => /* @__PURE__ */ React18.createElement(Snackbar, {
     key: error?.message,
     open: !!error,
-    message: /* @__PURE__ */ React19.createElement(ErrorRender3, {
+    message: /* @__PURE__ */ React18.createElement(ErrorRender3, {
       error,
       scope: "DappWindow"
     })
@@ -2512,7 +2505,7 @@ var DappWindow = /* @__PURE__ */ __name(({ children, context, dapp, dappMenuProp
 // src/modules/Dapp/modules/Window/menu/BottomNavigation.tsx
 import { BottomNavigation, BottomNavigationAction, Paper, styled as styled2 } from "@mui/material";
 import { useColorSchemeEx } from "@xylabs/react-invertible-theme";
-import React20, { useEffect as useEffect15, useState as useState13 } from "react";
+import React19, { useEffect as useEffect15, useState as useState13 } from "react";
 var DappBottomNavigation = /* @__PURE__ */ __name(({ activePath, menuConfig, menuItems, onPathChange, ...props }) => {
   const [activeIndex, setActiveIndex] = useState13(0);
   useEffect15(() => {
@@ -2524,9 +2517,9 @@ var DappBottomNavigation = /* @__PURE__ */ __name(({ activePath, menuConfig, men
     menuConfig,
     menuItems
   ]);
-  return /* @__PURE__ */ React20.createElement(Paper, {
+  return /* @__PURE__ */ React19.createElement(Paper, {
     elevation: 3
-  }, /* @__PURE__ */ React20.createElement(BottomNavigation, {
+  }, /* @__PURE__ */ React19.createElement(BottomNavigation, {
     value: activeIndex,
     onChange: /* @__PURE__ */ __name((_, value) => {
       setActiveIndex(value);
@@ -2536,11 +2529,11 @@ var DappBottomNavigation = /* @__PURE__ */ __name(({ activePath, menuConfig, men
     showLabels: true,
     ...props
   }, menuItems?.map(({ svgIcon: icon, primaryText }, index) => {
-    return /* @__PURE__ */ React20.createElement(StyledBottomNavigationAction, {
+    return /* @__PURE__ */ React19.createElement(StyledBottomNavigationAction, {
       className: "bottom-nav-action",
       key: index,
       label: primaryText,
-      icon: /* @__PURE__ */ React20.createElement("span", {
+      icon: /* @__PURE__ */ React19.createElement("span", {
         ref: /* @__PURE__ */ __name((ref) => {
           if (ref) {
             ref.innerHTML = icon ?? "";
@@ -2566,7 +2559,7 @@ import { alpha as alpha4, darken, Drawer, List, ListItem, ListItemIcon, ListItem
 import { FlexCol as FlexCol7, FlexGrowRow as FlexGrowRow5, FlexRow as FlexRow8 } from "@xylabs/react-flexbox";
 import { useColorSchemeEx as useColorSchemeEx2 } from "@xylabs/react-invertible-theme";
 import { XyOsMonitor as XyOsMonitor3 } from "@xyo-network/os-runtime";
-import React23, { useEffect as useEffect16, useState as useState15 } from "react";
+import React22, { useEffect as useEffect16, useState as useState15 } from "react";
 
 // src/modules/Dapp/modules/Window/menu/BottomMenuArea.tsx
 import { BugReport as BugReport2, KeyboardArrowDownRounded, KeyboardArrowUpRounded } from "@mui/icons-material";
@@ -2575,16 +2568,19 @@ import { RotationAnimation } from "@xylabs/react-animation";
 import { FlexCol as FlexCol6, FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { DarkModeIconButtonForColorScheme as DarkModeIconButtonForColorScheme2 } from "@xylabs/react-invertible-theme";
 import { LinkEx as LinkEx2 } from "@xylabs/react-link";
-import React22, { useState as useState14 } from "react";
-import XyoOSLogoWhite from "./xyoOS-Icon-White-47MP66MD.svg";
+import React21, { useState as useState14 } from "react";
+
+// src/modules/Dapp/modules/Window/menu/img/index.ts
+import { default as default20 } from "./xyoOS-Icon-Black-ACSS4SEQ.svg";
+import { default as default21 } from "./xyoOS-Icon-White-47MP66MD.svg";
 
 // src/modules/Dapp/modules/Window/menu/SocialData.tsx
 import { Facebook, Instagram, LinkedIn, Reddit, StorefrontRounded, Telegram, X, YouTube } from "@mui/icons-material";
-import React21 from "react";
+import React20 from "react";
 import { FaDiscord } from "react-icons/fa";
 var socialLinksData = [
   {
-    icon: /* @__PURE__ */ React21.createElement(Facebook, {
+    icon: /* @__PURE__ */ React20.createElement(Facebook, {
       style: {
         fontSize: "24px"
       }
@@ -2592,7 +2588,7 @@ var socialLinksData = [
     link: "https://www.facebook.com/OfficialXYO"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(X, {
+    icon: /* @__PURE__ */ React20.createElement(X, {
       style: {
         fontSize: "24px"
       }
@@ -2600,7 +2596,7 @@ var socialLinksData = [
     link: "https://twitter.com/OfficialXYO"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(Instagram, {
+    icon: /* @__PURE__ */ React20.createElement(Instagram, {
       style: {
         fontSize: "24px"
       }
@@ -2608,7 +2604,7 @@ var socialLinksData = [
     link: "https://www.instagram.com/officialxyo/"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(Telegram, {
+    icon: /* @__PURE__ */ React20.createElement(Telegram, {
       style: {
         fontSize: "24px"
       }
@@ -2616,7 +2612,7 @@ var socialLinksData = [
     link: "https://t.me/xyonetwork"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(Reddit, {
+    icon: /* @__PURE__ */ React20.createElement(Reddit, {
       style: {
         fontSize: "24px"
       }
@@ -2624,7 +2620,7 @@ var socialLinksData = [
     link: "https://www.reddit.com/r/XYONetwork/"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(YouTube, {
+    icon: /* @__PURE__ */ React20.createElement(YouTube, {
       style: {
         fontSize: "24px"
       }
@@ -2632,7 +2628,7 @@ var socialLinksData = [
     link: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(LinkedIn, {
+    icon: /* @__PURE__ */ React20.createElement(LinkedIn, {
       style: {
         fontSize: "24px"
       }
@@ -2640,7 +2636,7 @@ var socialLinksData = [
     link: "https://www.linkedin.com/company/officialxyo/"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(FaDiscord, {
+    icon: /* @__PURE__ */ React20.createElement(FaDiscord, {
       style: {
         fontSize: "24px"
       }
@@ -2648,7 +2644,7 @@ var socialLinksData = [
     link: "https://discord.gg/officialxyo"
   },
   {
-    icon: /* @__PURE__ */ React21.createElement(StorefrontRounded, {
+    icon: /* @__PURE__ */ React20.createElement(StorefrontRounded, {
       style: {
         fontSize: "24px"
       }
@@ -2661,11 +2657,10 @@ var socialLinksData = [
 var BottomMenuArea = /* @__PURE__ */ __name(({ openDebug, backgroundColor }) => {
   const theme = useTheme6();
   const [expanded, setExpanded] = useState14(false);
-  const logo = XyoOSLogoWhite;
   const handleExpandClick = /* @__PURE__ */ __name(() => {
     setExpanded(!expanded);
   }, "handleExpandClick");
-  return /* @__PURE__ */ React22.createElement(Card3, {
+  return /* @__PURE__ */ React21.createElement(Card3, {
     sx: {
       position: "relative",
       borderTopLeftRadius: "10px",
@@ -2676,10 +2671,10 @@ var BottomMenuArea = /* @__PURE__ */ __name(({ openDebug, backgroundColor }) =>
       overflow: "hidden"
     },
     elevation: 4
-  }, /* @__PURE__ */ React22.createElement(FlexCol6, {
+  }, /* @__PURE__ */ React21.createElement(FlexCol6, {
     paddingY: 1,
     alignItems: "stretch"
-  }, /* @__PURE__ */ React22.createElement(Stack, {
+  }, /* @__PURE__ */ React21.createElement(Stack, {
     paddingX: 2,
     justifyContent: "space-between",
     flexDirection: "row",
@@ -2689,17 +2684,17 @@ var BottomMenuArea = /* @__PURE__ */ __name(({ openDebug, backgroundColor }) =>
       textTransform: "none",
       cursor: "pointer"
     }
-  }, /* @__PURE__ */ React22.createElement(Typography6, {
+  }, /* @__PURE__ */ React21.createElement(Typography6, {
     gutterBottom: false
-  }, "More"), expanded ? /* @__PURE__ */ React22.createElement(KeyboardArrowUpRounded, {
+  }, "More"), expanded ? /* @__PURE__ */ React21.createElement(KeyboardArrowUpRounded, {
     sx: {
       color: "#fff"
     }
-  }) : /* @__PURE__ */ React22.createElement(KeyboardArrowDownRounded, {
+  }) : /* @__PURE__ */ React21.createElement(KeyboardArrowDownRounded, {
     sx: {
       color: "#fff"
     }
-  }))), /* @__PURE__ */ React22.createElement(Collapse, {
+  }))), /* @__PURE__ */ React21.createElement(Collapse, {
     in: expanded,
     timeout: "auto",
     unmountOnExit: true,
@@ -2707,74 +2702,74 @@ var BottomMenuArea = /* @__PURE__ */ __name(({ openDebug, backgroundColor }) =>
       paddingBottom: 3,
       color: "#fff"
     }
-  }, /* @__PURE__ */ React22.createElement(Divider3, {
+  }, /* @__PURE__ */ React21.createElement(Divider3, {
     flexItem: true
-  }), /* @__PURE__ */ React22.createElement(FlexCol6, {
+  }), /* @__PURE__ */ React21.createElement(FlexCol6, {
     alignItems: "center"
-  }, /* @__PURE__ */ React22.createElement(Toolbar2, {
+  }, /* @__PURE__ */ React21.createElement(Toolbar2, {
     sx: {
       paddingX: 1.5
     }
-  }, /* @__PURE__ */ React22.createElement(Tooltip3, {
+  }, /* @__PURE__ */ React21.createElement(Tooltip3, {
     title: "Debug Node View"
-  }, /* @__PURE__ */ React22.createElement(IconButton3, {
+  }, /* @__PURE__ */ React21.createElement(IconButton3, {
     onClick: openDebug,
     sx: {
       color: "#fff"
     }
-  }, /* @__PURE__ */ React22.createElement(BugReport2, null))), /* @__PURE__ */ React22.createElement(Tooltip3, {
+  }, /* @__PURE__ */ React21.createElement(BugReport2, null))), /* @__PURE__ */ React21.createElement(Tooltip3, {
     title: "Toggle Light/Dark Mode"
-  }, /* @__PURE__ */ React22.createElement("span", null, /* @__PURE__ */ React22.createElement(DarkModeIconButtonForColorScheme2, {
+  }, /* @__PURE__ */ React21.createElement("span", null, /* @__PURE__ */ React21.createElement(DarkModeIconButtonForColorScheme2, {
     defaultLightModeColor: "warning"
-  })))), /* @__PURE__ */ React22.createElement(FlexRow7, {
+  })))), /* @__PURE__ */ React21.createElement(FlexRow7, {
     flexWrap: "wrap"
-  }, socialLinksData.map((social) => /* @__PURE__ */ React22.createElement(RotationAnimation, {
+  }, socialLinksData.map((social) => /* @__PURE__ */ React21.createElement(RotationAnimation, {
     key: social.link,
     rotation: 20
-  }, /* @__PURE__ */ React22.createElement(IconButton3, {
+  }, /* @__PURE__ */ React21.createElement(IconButton3, {
     sx: {
       color: "#fff"
     },
     href: social.link,
     target: "_blank"
-  }, social.icon)))), /* @__PURE__ */ React22.createElement(FlexRow7, {
+  }, social.icon)))), /* @__PURE__ */ React21.createElement(FlexRow7, {
     padding: 1,
     justifyContent: "center",
     gap: 0.5
-  }, /* @__PURE__ */ React22.createElement(Typography6, {
+  }, /* @__PURE__ */ React21.createElement(Typography6, {
     variant: "body2",
     color: theme.palette.text.primary
-  }, "Powered By"), /* @__PURE__ */ React22.createElement("img", {
+  }, "Powered By"), /* @__PURE__ */ React21.createElement("img", {
     style: {
       color: theme.palette.text.primary,
       fill: theme.palette.text.primary
     },
-    src: logo,
+    src: default21,
     width: "auto",
     height: "20px"
-  })), /* @__PURE__ */ React22.createElement(Typography6, {
+  })), /* @__PURE__ */ React21.createElement(Typography6, {
     variant: "caption",
     color: theme.palette.text.primary
-  }, "Copyright \xA9 2024 XY Labs, Inc."), /* @__PURE__ */ React22.createElement(Stack, {
+  }, "Copyright \xA9 2024 XY Labs, Inc."), /* @__PURE__ */ React21.createElement(Stack, {
     gap: 0.5,
     flexDirection: "row"
-  }, /* @__PURE__ */ React22.createElement(LinkEx2, {
+  }, /* @__PURE__ */ React21.createElement(LinkEx2, {
     color: "inherit",
     target: "_blank",
     href: "https://xylabs.com/privacy/"
-  }, /* @__PURE__ */ React22.createElement(Typography6, {
+  }, /* @__PURE__ */ React21.createElement(Typography6, {
     variant: "caption"
-  }, "Privacy")), " ", "\u2022", " ", /* @__PURE__ */ React22.createElement(LinkEx2, {
+  }, "Privacy")), " ", "\u2022", " ", /* @__PURE__ */ React21.createElement(LinkEx2, {
     color: "inherit",
     target: "_blank",
     href: "https://xylabs.com/terms/"
-  }, /* @__PURE__ */ React22.createElement(Typography6, {
+  }, /* @__PURE__ */ React21.createElement(Typography6, {
     variant: "caption"
-  }, "Terms")), " ", "\u2022", " ", /* @__PURE__ */ React22.createElement(LinkEx2, {
+  }, "Terms")), " ", "\u2022", " ", /* @__PURE__ */ React21.createElement(LinkEx2, {
     color: "inherit",
     target: "_blank",
     href: "https://xyo.network/"
-  }, /* @__PURE__ */ React22.createElement(Typography6, {
+  }, /* @__PURE__ */ React21.createElement(Typography6, {
     variant: "caption"
   }, "XYO Website"))))));
 }, "BottomMenuArea");
@@ -2841,7 +2836,7 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
     onPathChange?.(to2);
   }, "handleChange");
   const { closeDebug, debugOpen, openDebug } = useDebugClick();
-  return /* @__PURE__ */ React23.createElement(Drawer, {
+  return /* @__PURE__ */ React22.createElement(Drawer, {
     variant: "permanent",
     anchor: "left",
     PaperProps: {
@@ -2855,18 +2850,18 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
       width: "280px"
     },
     ...props
-  }, /* @__PURE__ */ React23.createElement(FlexCol7, {
+  }, /* @__PURE__ */ React22.createElement(FlexCol7, {
     alignItems: "stretch",
     justifyContent: "space-between",
     height: "100dvh"
-  }, /* @__PURE__ */ React23.createElement(FlexCol7, {
+  }, /* @__PURE__ */ React22.createElement(FlexCol7, {
     alignItems: "stretch",
     justifyContent: "flex-start",
     flexGrow: 1,
     overflow: "auto"
-  }, /* @__PURE__ */ React23.createElement(Tooltip4, {
+  }, /* @__PURE__ */ React22.createElement(Tooltip4, {
     title: version
-  }, /* @__PURE__ */ React23.createElement(FlexGrowRow5, {
+  }, /* @__PURE__ */ React22.createElement(FlexGrowRow5, {
     id: "dapp-name-and-icon",
     padding: 2,
     justifyContent: "flex-start",
@@ -2877,31 +2872,31 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
     flexGrow: 0
   }, iconSvg ? RenderHtml({
     htmlString: iconSvg
-  }) : null, /* @__PURE__ */ React23.createElement(Typography7, {
+  }) : null, /* @__PURE__ */ React22.createElement(Typography7, {
     noWrap: true,
     variant: "h6",
     letterSpacing: "-1px"
-  }, name))), /* @__PURE__ */ React23.createElement(DebugDialogWithNode, {
+  }, name))), /* @__PURE__ */ React22.createElement(DebugDialogWithNode, {
     closeDebug,
     debugOpen,
     context
-  }), /* @__PURE__ */ React23.createElement(List, {
+  }), /* @__PURE__ */ React22.createElement(List, {
     sx: {
       p: 0,
       overflow: "auto"
     }
-  }, menuItems?.map(({ svgIcon: icon, primaryText, path: pathFromPayload }) => /* @__PURE__ */ React23.createElement(ListItem, {
+  }, menuItems?.map(({ svgIcon: icon, primaryText, path: pathFromPayload }) => /* @__PURE__ */ React22.createElement(ListItem, {
     key: primaryText,
     disablePadding: true,
     sx: {
       paddingBottom: 1
     }
-  }, /* @__PURE__ */ React23.createElement(StyledListItemButton, {
+  }, /* @__PURE__ */ React22.createElement(StyledListItemButton, {
     onClick: /* @__PURE__ */ __name(() => handleChange(pathFromPayload), "onClick"),
     active: pathFromPayload === path,
     disableRipple: true,
     disableTouchRipple: true
-  }, /* @__PURE__ */ React23.createElement(FlexRow8, {
+  }, /* @__PURE__ */ React22.createElement(FlexRow8, {
     flexGrow: 1,
     paddingX: 2,
     paddingY: 0.5,
@@ -2911,18 +2906,18 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
       },
       "borderRadius": "10px"
     }
-  }, /* @__PURE__ */ React23.createElement(ListItemIcon, {
+  }, /* @__PURE__ */ React22.createElement(ListItemIcon, {
     sx: {
       color: pathFromPayload === path ? activeColor : alpha4("#fff", 0.3),
       justifyContent: "center"
     }
-  }, /* @__PURE__ */ React23.createElement(StyledMenuIconWrapSpan, {
+  }, /* @__PURE__ */ React22.createElement(StyledMenuIconWrapSpan, {
     ref: /* @__PURE__ */ __name((ref) => {
       if (ref) {
         ref.innerHTML = icon ?? "";
       }
     }, "ref")
-  })), /* @__PURE__ */ React23.createElement(ListItemText, {
+  })), /* @__PURE__ */ React22.createElement(ListItemText, {
     primaryTypographyProps: {
       fontWeight: path === pathFromPayload ? "bold" : "inherit",
       color: pathFromPayload === path ? "inherit" : alpha4(theme.palette.text.primary, 0.5)
@@ -2931,7 +2926,7 @@ var DappMenuDrawer = /* @__PURE__ */ __name(({ activePath, context, iconSvg, nam
     style: {
       opacity: pathFromPayload === path ? 1 : 0.5
     }
-  }))))))), /* @__PURE__ */ React23.createElement(BottomMenuArea, {
+  }))))))), /* @__PURE__ */ React22.createElement(BottomMenuArea, {
     openDebug,
     backgroundColor: theme.palette.primary.dark
   })));
@@ -2943,13 +2938,13 @@ import { FlexCol as FlexCol10 } from "@xylabs/react-flexbox";
 import { NameTransforms as NameTransforms5 } from "@xyo-network/os-runtime";
 import { NodeProvider as NodeProvider2 } from "@xyo-network/react-node";
 import { WalletProvider } from "@xyo-network/react-wallet";
-import React27 from "react";
+import React26 from "react";
 
 // src/modules/XyOsUi/contexts/XyOsUiContext.ts
-import { createContext, useContext } from "react";
+import { createContext, use } from "react";
 var XyOsUiContext = createContext(void 0);
 var useXyOsUiContext = /* @__PURE__ */ __name(() => {
-  return useContext(XyOsUiContext);
+  return use(XyOsUiContext);
 }, "useXyOsUiContext");
 var XyOsUiContextProvider = XyOsUiContext.Provider;
 
@@ -2999,14 +2994,14 @@ var XyOsUi = class extends XyOs {
 // src/modules/Dapp/modules/Window/LoadingFlexbox.tsx
 import { Fade, styled as styled4, Typography as Typography8 } from "@mui/material";
 import { FlexCol as FlexCol9 } from "@xylabs/react-flexbox";
-import React26, { useEffect as useEffect17, useState as useState17 } from "react";
+import React25, { useEffect as useEffect17, useState as useState17 } from "react";
 
 // src/modules/LoadingOsLogo/LoadingOsLogo.tsx
 import { FlexCol as FlexCol8 } from "@xylabs/react-flexbox";
-import React24, { useState as useState16 } from "react";
+import React23, { useState as useState16 } from "react";
 
 // src/modules/LoadingOsLogo/img/index.ts
-import { default as default20 } from "./xyoOS-Icon-2Q4XCUPP.svg";
+import { default as default22 } from "./xyoOS-Icon-2Q4XCUPP.svg";
 
 // src/modules/LoadingOsLogo/LoadingOsLogo.tsx
 var LoadingOsLogo = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecond = 0.5, ...props }) => {
@@ -3014,9 +3009,9 @@ var LoadingOsLogo = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecon
   if (!imageLoaded) {
     const img = new Image();
     img.addEventListener("load", () => setImageLoaded(true));
-    img.src = default20;
+    img.src = default22;
   }
-  return imageLoaded ? /* @__PURE__ */ React24.createElement(FlexCol8, {
+  return imageLoaded ? /* @__PURE__ */ React23.createElement(FlexCol8, {
     sx: {
       "@keyframes fadeOut": {
         "0%": {
@@ -3034,7 +3029,7 @@ var LoadingOsLogo = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecon
       "animationFillMode": "both"
     },
     ...props
-  }, /* @__PURE__ */ React24.createElement(FlexCol8, {
+  }, /* @__PURE__ */ React23.createElement(FlexCol8, {
     sx: {
       "@keyframes spin": {
         "0%": {
@@ -3048,17 +3043,17 @@ var LoadingOsLogo = /* @__PURE__ */ __name(({ widthInPixels, busy, spinsPerSecon
       "animationDirection": "reverse"
     },
     ...props
-  }, /* @__PURE__ */ React24.createElement("img", {
-    src: default20,
+  }, /* @__PURE__ */ React23.createElement("img", {
+    src: default22,
     height: widthInPixels ?? 22
   }))) : null;
 }, "LoadingOsLogo");
 
 // src/modules/Dapp/modules/Window/Trail.tsx
 import { a, useTrail } from "@react-spring/web";
-import React25 from "react";
+import React24 from "react";
 var TextTrail = /* @__PURE__ */ __name(({ open, children }) => {
-  const items = React25.Children.toArray(children);
+  const items = React24.Children.toArray(children);
   const trail = useTrail(items.length, {
     config: {
       friction: 200,
@@ -3074,10 +3069,10 @@ var TextTrail = /* @__PURE__ */ __name(({ open, children }) => {
     opacity: open ? 1 : 0,
     y: open ? 0 : 60
   });
-  return /* @__PURE__ */ React25.createElement("div", null, trail.map(({ height, ...style }, index) => /* @__PURE__ */ React25.createElement(a.div, {
+  return /* @__PURE__ */ React24.createElement("div", null, trail.map(({ height, ...style }, index) => /* @__PURE__ */ React24.createElement(a.div, {
     key: index,
     style
-  }, /* @__PURE__ */ React25.createElement(a.div, {
+  }, /* @__PURE__ */ React24.createElement(a.div, {
     style: {
       height
     }
@@ -3117,17 +3112,17 @@ var DappLoadingFlexbox = /* @__PURE__ */ __name(({ minimize, open, name, ...prop
     open,
     skipLoadingScreen
   ]);
-  return /* @__PURE__ */ React26.createElement(Fade, {
+  return /* @__PURE__ */ React25.createElement(Fade, {
     in: fadeIn,
     unmountOnExit: true
-  }, /* @__PURE__ */ React26.createElement(StyledSplashContainer, props, /* @__PURE__ */ React26.createElement(LoadingOsLogo, {
+  }, /* @__PURE__ */ React25.createElement(StyledSplashContainer, props, /* @__PURE__ */ React25.createElement(LoadingOsLogo, {
     widthInPixels: 100,
     busy: true,
     position: "absolute"
-  }), /* @__PURE__ */ React26.createElement(TextTrail, {
+  }), /* @__PURE__ */ React25.createElement(TextTrail, {
     open: trail,
     flexDirection: "row"
-  }, /* @__PURE__ */ React26.createElement(Typography8, {
+  }, /* @__PURE__ */ React25.createElement(Typography8, {
     textAlign: "center",
     sx: {
       fontSize: {
@@ -3135,7 +3130,7 @@ var DappLoadingFlexbox = /* @__PURE__ */ __name(({ minimize, open, name, ...prop
         xs: "2em"
       }
     }
-  }, "Loading"), /* @__PURE__ */ React26.createElement(Typography8, {
+  }, "Loading"), /* @__PURE__ */ React25.createElement(Typography8, {
     textAlign: "center",
     sx: {
       fontSize: {
@@ -3143,7 +3138,7 @@ var DappLoadingFlexbox = /* @__PURE__ */ __name(({ minimize, open, name, ...prop
         xs: "2em"
       }
     }
-  }, name), /* @__PURE__ */ React26.createElement(Typography8, {
+  }, name), /* @__PURE__ */ React25.createElement(Typography8, {
     textAlign: "center",
     sx: {
       fontSize: {
@@ -3174,9 +3169,9 @@ var DappRendered = /* @__PURE__ */ __name(({ context, dapp, dappMenuProperties,
   const { DappComponent, name, scrollable = true, version } = useDecomposeDapp(dapp);
   const { active, minimized } = dappState ?? {};
   const hasErrors = errors && errors.length > 0;
-  return /* @__PURE__ */ React27.createElement(DappChrome, {
+  return /* @__PURE__ */ React26.createElement(DappChrome, {
     /* Keep DappBar outside of the Dapp's Node Provider so it can still see the intentArchivist for close and minimize */
-    appBar: /* @__PURE__ */ React27.createElement(DappBar, {
+    appBar: /* @__PURE__ */ React26.createElement(DappBar, {
       context,
       name,
       version,
@@ -3184,37 +3179,37 @@ var DappRendered = /* @__PURE__ */ __name(({ context, dapp, dappMenuProperties,
     }),
     height: "100dvh",
     width: "100dvw",
-    largeScreenMenu: active && /* @__PURE__ */ React27.createElement(DappMenuDrawer, {
+    largeScreenMenu: active && /* @__PURE__ */ React26.createElement(DappMenuDrawer, {
       context,
       name,
       version,
       ...dappMenuProperties
     }),
-    smallScreenMenu: active && /* @__PURE__ */ React27.createElement(DappBottomNavigation, {
+    smallScreenMenu: active && /* @__PURE__ */ React26.createElement(DappBottomNavigation, {
       ...dappMenuProperties,
       sx: {
         display: dappMenuProperties?.menuConfig ? "flex" : "none"
       }
     }),
     /* Ensure that loading goes away when error occurs */
-    splashScreen: hasErrors ? null : /* @__PURE__ */ React27.createElement(DappLoadingFlexbox, {
+    splashScreen: hasErrors ? null : /* @__PURE__ */ React26.createElement(DappLoadingFlexbox, {
       minimize: !!minimized,
       name,
       open: !!active
     })
-  }, hasErrors ? /* @__PURE__ */ React27.createElement(FlexCol10, {
+  }, hasErrors ? /* @__PURE__ */ React26.createElement(FlexCol10, {
     padding: 2
-  }, errors?.map((error) => /* @__PURE__ */ React27.createElement(ErrorRender4, {
+  }, errors?.map((error) => /* @__PURE__ */ React26.createElement(ErrorRender4, {
     key: error?.message,
     error,
     scope: "DappWindow"
-  }))) : null, /* @__PURE__ */ React27.createElement(WalletProvider, {
+  }))) : null, /* @__PURE__ */ React26.createElement(WalletProvider, {
     rootWallet: dappWallet
-  }, context === null ? null : /* @__PURE__ */ React27.createElement(XyOsUiContextProvider, {
+  }, context === null ? null : /* @__PURE__ */ React26.createElement(XyOsUiContextProvider, {
     value: context
-  }, /* @__PURE__ */ React27.createElement(NodeProvider2, {
+  }, /* @__PURE__ */ React26.createElement(NodeProvider2, {
     node: context?.root
-  }, active ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(FlexCol10, {
+  }, active ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(FlexCol10, {
     position: "absolute",
     top: 0,
     left: 0,
@@ -3225,9 +3220,9 @@ var DappRendered = /* @__PURE__ */ __name(({ context, dapp, dappMenuProperties,
     sx: {
       overflowY: scrollable ? "auto" : "hidden"
     }
-  }, /* @__PURE__ */ React27.createElement(DappComponent, {
+  }, /* @__PURE__ */ React26.createElement(DappComponent, {
     name: dapp?.config.name
-  })), /* @__PURE__ */ React27.createElement(DappAccessFlexbox, {
+  })), /* @__PURE__ */ React26.createElement(DappAccessFlexbox, {
     context
   })) : null))));
 }, "DappRendered");
@@ -3266,21 +3261,21 @@ var DappContainer = /* @__PURE__ */ __name(({ currentIntent, dappSet, xnsNodeUrl
     dappWallet,
     errors
   ]);
-  return /* @__PURE__ */ React28.createElement(DappIconButton, {
+  return /* @__PURE__ */ React27.createElement(DappIconButton, {
     dappIcon,
     dappIconSvg: dapp.params.iconSvg,
     dappName: dapp?.config.name,
     dappState
-  }, /* @__PURE__ */ React28.createElement(DappWindow, dappWindowProps, /* @__PURE__ */ React28.createElement(DappRendered, dappWindowProps)));
+  }, /* @__PURE__ */ React27.createElement(DappWindow, dappWindowProps, /* @__PURE__ */ React27.createElement(DappRendered, dappWindowProps)));
 }, "DappContainer");
 var DappContainerMemo = /* @__PURE__ */ memo(DappContainer);
 
 // src/modules/Dapp/ContainerFlexbox.tsx
 import { Container as Container2 } from "@mui/material";
 import { FlexCol as FlexCol11 } from "@xylabs/react-flexbox";
-import React29 from "react";
+import React28 from "react";
 var ContainerFlexbox = /* @__PURE__ */ __name(({ children, containerProps, scrollable = true, ...props }) => {
-  return /* @__PURE__ */ React29.createElement(FlexCol11, {
+  return /* @__PURE__ */ React28.createElement(FlexCol11, {
     id: "container-flexbox",
     alignItems: "center",
     justifyContent: "start",
@@ -3289,24 +3284,24 @@ var ContainerFlexbox = /* @__PURE__ */ __name(({ children, containerProps, scrol
     gap: 2,
     overflow: scrollable ? "auto" : "unset",
     ...props
-  }, /* @__PURE__ */ React29.createElement(Container2, containerProps, children));
+  }, /* @__PURE__ */ React28.createElement(Container2, containerProps, children));
 }, "ContainerFlexbox");
 
 // src/modules/Dapp/Page/Row.tsx
 import { Divider as Divider4, Fade as Fade2, styled as styled5 } from "@mui/material";
-import React31, { useMemo as useMemo15 } from "react";
+import React30, { useMemo as useMemo15 } from "react";
 
 // src/modules/Dapp/Page/DividerChip.tsx
 import { Chip as Chip2, CircularProgress } from "@mui/material";
-import React30 from "react";
+import React29 from "react";
 var DividerChip = /* @__PURE__ */ __name(({ registeredDapps, ...props }) => {
-  return /* @__PURE__ */ React30.createElement(Chip2, {
-    avatar: registeredDapps === void 0 ? /* @__PURE__ */ React30.createElement("span", null, /* @__PURE__ */ React30.createElement(CircularProgress, {
+  return /* @__PURE__ */ React29.createElement(Chip2, {
+    avatar: registeredDapps === void 0 ? /* @__PURE__ */ React29.createElement("span", null, /* @__PURE__ */ React29.createElement(CircularProgress, {
       size: "small",
       sx: {
         display: "inline"
       }
-    })) : /* @__PURE__ */ React30.createElement(React30.Fragment, null),
+    })) : /* @__PURE__ */ React29.createElement(React29.Fragment, null),
     label: `${registeredDapps?.length ? "" : "Loading "}Beta dApps`,
     size: "small",
     sx: {
@@ -3322,19 +3317,19 @@ var DappsRow = /* @__PURE__ */ __name(({ chipLabel, currentIntent, installType,
     installType,
     registeredDappsSet
   ]);
-  return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(Divider4, {
+  return /* @__PURE__ */ React30.createElement(React30.Fragment, null, /* @__PURE__ */ React30.createElement(Divider4, {
     variant: "middle",
     sx: {
       marginY: 3
     },
     flexItem: true
-  }, /* @__PURE__ */ React31.createElement(DividerChip, {
+  }, /* @__PURE__ */ React30.createElement(DividerChip, {
     label: `${filteredRegisteredDappSets === void 0 ? "Loading " : ""}${chipLabel}`,
     registeredDapps: filteredRegisteredDappSets
-  })), filteredRegisteredDappSets?.length ? /* @__PURE__ */ React31.createElement(Fade2, {
+  })), filteredRegisteredDappSets?.length ? /* @__PURE__ */ React30.createElement(Fade2, {
     in: !!filteredRegisteredDappSets?.length,
     timeout: 1e3
-  }, /* @__PURE__ */ React31.createElement(StyledGridContainer, null, filteredRegisteredDappSets?.map((dappSet) => /* @__PURE__ */ React31.createElement(DappContainerMemo, {
+  }, /* @__PURE__ */ React30.createElement(StyledGridContainer, null, filteredRegisteredDappSets?.map((dappSet) => /* @__PURE__ */ React30.createElement(DappContainerMemo, {
     currentIntent,
     key: dappSet.dapp.config.name,
     dappSet,
@@ -3358,7 +3353,7 @@ var StyledGridContainer = styled5("div", {
 import { SignalCellularAltOutlined } from "@mui/icons-material";
 import { Tooltip as Tooltip5, useTheme as useTheme8 } from "@mui/material";
 import { useColorSchemeEx as useColorSchemeEx3 } from "@xylabs/react-invertible-theme";
-import React32, { useMemo as useMemo18 } from "react";
+import React31, { useMemo as useMemo18 } from "react";
 
 // src/modules/network/hooks/useOsNetwork.tsx
 import { OsPubSubNetworkReadyEvent } from "@xyo-network/os-runtime";
@@ -3474,9 +3469,9 @@ var StyledNetworkLoadingIndicator = styled6("div", {
 }));
 
 // src/modules/network/components/LoadingIndicator.tsx
-var WaitingForNetwork = /* @__PURE__ */ __name(() => /* @__PURE__ */ React32.createElement(Tooltip5, {
+var WaitingForNetwork = /* @__PURE__ */ __name(() => /* @__PURE__ */ React31.createElement(Tooltip5, {
   title: "Waiting for Network initialization"
-}, /* @__PURE__ */ React32.createElement(StyledNetworkLoadingIndicator, null)), "WaitingForNetwork");
+}, /* @__PURE__ */ React31.createElement(StyledNetworkLoadingIndicator, null)), "WaitingForNetwork");
 var NetworkLoadingIndicator = /* @__PURE__ */ __name(({ highContrast }) => {
   const { darkMode } = useColorSchemeEx3();
   const theme = useTheme8();
@@ -3488,15 +3483,15 @@ var NetworkLoadingIndicator = /* @__PURE__ */ __name(({ highContrast }) => {
   const NetworkComponent = useMemo18(() => {
     if (networkReady) {
       const connectionReady = true;
-      return connectionReady ? () => /* @__PURE__ */ React32.createElement(Tooltip5, {
+      return connectionReady ? () => /* @__PURE__ */ React31.createElement(Tooltip5, {
         title: "Connected to Network"
-      }, /* @__PURE__ */ React32.createElement(SignalCellularAltOutlined, {
+      }, /* @__PURE__ */ React31.createElement(SignalCellularAltOutlined, {
         sx: {
           color: successColor
         }
-      })) : () => /* @__PURE__ */ React32.createElement(Tooltip5, {
+      })) : () => /* @__PURE__ */ React31.createElement(Tooltip5, {
         title: "Error Connecting to Network"
-      }, /* @__PURE__ */ React32.createElement(SignalCellularAltOutlined, {
+      }, /* @__PURE__ */ React31.createElement(SignalCellularAltOutlined, {
         sx: {
           color: errorColor
         }
@@ -3509,18 +3504,18 @@ var NetworkLoadingIndicator = /* @__PURE__ */ __name(({ highContrast }) => {
     networkReady,
     successColor
   ]);
-  return /* @__PURE__ */ React32.createElement(NetworkComponent, null);
+  return /* @__PURE__ */ React31.createElement(NetworkComponent, null);
 }, "NetworkLoadingIndicator");
 
 // src/modules/network/components/NetworkButton.tsx
 import { NotInterested } from "@mui/icons-material";
 import { Button as Button2 } from "@mui/material";
-import React33 from "react";
+import React32 from "react";
 var NetworkButton = /* @__PURE__ */ __name(({ disabled, startIcon, ...props }) => {
   const { networkReady } = useOsNetwork();
-  return /* @__PURE__ */ React33.createElement(Button2, {
+  return /* @__PURE__ */ React32.createElement(Button2, {
     disabled: disabled || !networkReady,
-    startIcon: /* @__PURE__ */ React33.createElement(React33.Fragment, null, startIcon, networkReady === false ? /* @__PURE__ */ React33.createElement(NotInterested, null) : null),
+    startIcon: /* @__PURE__ */ React32.createElement(React32.Fragment, null, startIcon, networkReady === false ? /* @__PURE__ */ React32.createElement(NotInterested, null) : null),
     ...props
   });
 }, "NetworkButton");
@@ -3528,35 +3523,35 @@ var NetworkButton = /* @__PURE__ */ __name(({ disabled, startIcon, ...props }) =
 // src/modules/network/components/NetworkReady.tsx
 import { Typography as Typography9 } from "@mui/material";
 import { FlexCol as FlexCol12 } from "@xylabs/react-flexbox";
-import React34 from "react";
+import React33 from "react";
 var NetworkReadyFlexBox = /* @__PURE__ */ __name(({ children, skipCheck, ...props }) => {
   const { networkReady } = useOsNetwork();
-  return /* @__PURE__ */ React34.createElement(React34.Fragment, null, networkReady || skipCheck ? children : /* @__PURE__ */ React34.createElement(FlexCol12, {
+  return /* @__PURE__ */ React33.createElement(React33.Fragment, null, networkReady || skipCheck ? children : /* @__PURE__ */ React33.createElement(FlexCol12, {
     height: "100%",
     ...props
-  }, /* @__PURE__ */ React34.createElement(LoadingOsLogo, {
+  }, /* @__PURE__ */ React33.createElement(LoadingOsLogo, {
     widthInPixels: 100,
     busy: true
-  }), /* @__PURE__ */ React34.createElement(Typography9, {
+  }), /* @__PURE__ */ React33.createElement(Typography9, {
     fontFamily: "monospace"
   }, "Loading XYO Name Service...")));
 }, "NetworkReadyFlexBox");
 
 // src/DappPage.tsx
 var DappTitle = /* @__PURE__ */ __name(({ subtitle, title, ...props }) => {
-  return title ? /* @__PURE__ */ React35.createElement(FlexCol13, {
+  return title ? /* @__PURE__ */ React34.createElement(FlexCol13, {
     alignItems: "flex-start",
     gap: 1,
     ...props
-  }, /* @__PURE__ */ React35.createElement(Typography10, {
+  }, /* @__PURE__ */ React34.createElement(Typography10, {
     variant: "h3"
-  }, /* @__PURE__ */ React35.createElement("b", null, title)), /* @__PURE__ */ React35.createElement(Typography10, {
+  }, /* @__PURE__ */ React34.createElement("b", null, title)), /* @__PURE__ */ React34.createElement(Typography10, {
     gutterBottom: true,
     variant: "subtitle2"
   }, subtitle)) : null;
 }, "DappTitle");
 var InnerDappPage = /* @__PURE__ */ __name(({ noScroll, children, subtitle, title, sx, titleProps, ...props }) => {
-  return /* @__PURE__ */ React35.createElement(FlexCol13, {
+  return /* @__PURE__ */ React34.createElement(FlexCol13, {
     id: "innerPage",
     sx: {
       margin: 2,
@@ -3566,26 +3561,26 @@ var InnerDappPage = /* @__PURE__ */ __name(({ noScroll, children, subtitle, titl
     alignItems: "stretch",
     justifyContent: "flex-start",
     ...props
-  }, title ? /* @__PURE__ */ React35.createElement(DappTitle, {
+  }, title ? /* @__PURE__ */ React34.createElement(DappTitle, {
     subtitle,
     title,
     ...titleProps
   }) : null, children);
 }, "InnerDappPage");
 var DappPage = /* @__PURE__ */ __name(({ checkNetwork, noScroll, subtitle, title, container, rollbar, ...props }) => {
-  return /* @__PURE__ */ React35.createElement(ThrownErrorBoundary, {
-    errorComponent: /* @__PURE__ */ __name((error, boundaryName) => /* @__PURE__ */ React35.createElement(ErrorRenderWithSupportDefault, {
+  return /* @__PURE__ */ React34.createElement(ThrownErrorBoundary, {
+    errorComponent: /* @__PURE__ */ __name((error, boundaryName) => /* @__PURE__ */ React34.createElement(ErrorRenderWithSupportDefault, {
       scope: boundaryName,
       error
     }), "errorComponent"),
     rollbar,
     scope: "DappPage"
-  }, /* @__PURE__ */ React35.createElement(NetworkReadyFlexBox, {
+  }, /* @__PURE__ */ React34.createElement(NetworkReadyFlexBox, {
     skipCheck: !checkNetwork
-  }, container ? /* @__PURE__ */ React35.createElement(Container3, {
+  }, container ? /* @__PURE__ */ React34.createElement(Container3, {
     disableGutters: true,
     maxWidth: container === true ? "md" : container
-  }, noScroll ? /* @__PURE__ */ React35.createElement(FlexCol13, {
+  }, noScroll ? /* @__PURE__ */ React34.createElement(FlexCol13, {
     sx: {
       position: "absolute",
       top: 0,
@@ -3593,23 +3588,23 @@ var DappPage = /* @__PURE__ */ __name(({ checkNetwork, noScroll, subtitle, title
       right: 0,
       bottom: 0
     }
-  }, /* @__PURE__ */ React35.createElement(InnerDappPage, {
+  }, /* @__PURE__ */ React34.createElement(InnerDappPage, {
     noScroll,
     title,
     subtitle,
     ...props,
     flexGrow: 1
-  })) : /* @__PURE__ */ React35.createElement(FlexCol13, {
+  })) : /* @__PURE__ */ React34.createElement(FlexCol13, {
     width: "100%",
     height: "100%",
     alignItems: "stretch"
-  }, /* @__PURE__ */ React35.createElement(InnerDappPage, {
+  }, /* @__PURE__ */ React34.createElement(InnerDappPage, {
     noScroll,
     title,
     subtitle,
     ...props,
     flexGrow: 1
-  }))) : noScroll ? /* @__PURE__ */ React35.createElement(InnerDappPage, {
+  }))) : noScroll ? /* @__PURE__ */ React34.createElement(InnerDappPage, {
     sx: {
       position: "absolute",
       top: 0,
@@ -3622,7 +3617,7 @@ var DappPage = /* @__PURE__ */ __name(({ checkNetwork, noScroll, subtitle, title
     subtitle,
     ...props,
     flexGrow: 1
-  }) : /* @__PURE__ */ React35.createElement(InnerDappPage, {
+  }) : /* @__PURE__ */ React34.createElement(InnerDappPage, {
     noScroll,
     title,
     subtitle,
@@ -3634,13 +3629,13 @@ var DappPage = /* @__PURE__ */ __name(({ checkNetwork, noScroll, subtitle, title
 // src/components/Widgets/StackOfWidgets.tsx
 import { alpha as alpha7, Box as Box3, useTheme as useTheme10 } from "@mui/material";
 import { animated as animated2, to as interpolate, useSprings } from "@react-spring/web";
-import React42, { useState as useState18 } from "react";
+import React41, { useState as useState18 } from "react";
 import { useDrag } from "react-use-gesture";
 
 // src/components/Widgets/Types/BarGraph/HorizontalBarGraph.tsx
 import { Typography as Typography11 } from "@mui/material";
 import { FlexCol as FlexCol14, FlexGrowRow as FlexGrowRow6 } from "@xylabs/react-flexbox";
-import React36 from "react";
+import React35 from "react";
 
 // src/components/Widgets/Types/BarGraph/StyledLinearProgress.tsx
 import { alpha as alpha5, LinearProgress, styled as styled7 } from "@mui/material";
@@ -3698,25 +3693,25 @@ var HorizontalBarGraph = /* @__PURE__ */ __name(({ items = sampleData, ...props
   });
   console.log(itemsSortedByValue);
   const topValue = itemsSortedByValue[0].value;
-  return /* @__PURE__ */ React36.createElement(FlexCol14, {
+  return /* @__PURE__ */ React35.createElement(FlexCol14, {
     alignItems: "stretch",
     gap: 0.5,
     ...props
   }, items.slice(0, 5).map((item, index) => (
     // eslint-disable-next-line @eslint-react/no-array-index-key
-    /* @__PURE__ */ React36.createElement(FlexCol14, {
+    /* @__PURE__ */ React35.createElement(FlexCol14, {
       alignItems: "stretch",
       key: index
-    }, /* @__PURE__ */ React36.createElement(FlexGrowRow6, {
+    }, /* @__PURE__ */ React35.createElement(FlexGrowRow6, {
       justifyContent: "space-between"
-    }, /* @__PURE__ */ React36.createElement(Typography11, {
+    }, /* @__PURE__ */ React35.createElement(Typography11, {
       variant: "caption",
       maxWidth: "50%",
       noWrap: true
-    }, item.name), /* @__PURE__ */ React36.createElement(Typography11, {
+    }, item.name), /* @__PURE__ */ React35.createElement(Typography11, {
       variant: "caption",
       maxWidth: "50%"
-    }, item.value)), /* @__PURE__ */ React36.createElement(StyledLinearProgress, {
+    }, item.value)), /* @__PURE__ */ React35.createElement(StyledLinearProgress, {
       color: "primary",
       value: item.value / (topValue * 1.25) * 100,
       variant: "determinate"
@@ -3727,7 +3722,7 @@ var HorizontalBarGraph = /* @__PURE__ */ __name(({ items = sampleData, ...props
 // src/components/Widgets/Types/DataColumns/TwoColTwoStat.tsx
 import { Typography as Typography12, useTheme as useTheme9 } from "@mui/material";
 import { FlexCol as FlexCol15, FlexGrowRow as FlexGrowRow7 } from "@xylabs/react-flexbox";
-import React37, { useEffect as useEffect18 } from "react";
+import React36, { useEffect as useEffect18 } from "react";
 var MAX_LENGTH = 2;
 var validateProps = /* @__PURE__ */ __name((props) => {
   if (props.length > MAX_LENGTH) {
@@ -3741,29 +3736,29 @@ var TwoColTwoStat = /* @__PURE__ */ __name(({ items, ...props }) => {
   }, [
     items
   ]);
-  return /* @__PURE__ */ React37.createElement(FlexGrowRow7, {
+  return /* @__PURE__ */ React36.createElement(FlexGrowRow7, {
     gap: 2,
     ...props
   }, items.map((item, index) => (
     // eslint-disable-next-line @eslint-react/no-array-index-key
-    /* @__PURE__ */ React37.createElement(FlexCol15, {
+    /* @__PURE__ */ React36.createElement(FlexCol15, {
       key: `stat-${index}-${item.unit}`,
       flexGrow: 1,
       alignItems: "start"
-    }, /* @__PURE__ */ React37.createElement(Typography12, {
+    }, /* @__PURE__ */ React36.createElement(Typography12, {
       variant: "h2",
       fontWeight: theme.typography.fontWeightMedium
-    }, item.rawInsightValue), /* @__PURE__ */ React37.createElement(Typography12, {
+    }, item.rawInsightValue), /* @__PURE__ */ React36.createElement(Typography12, {
       variant: "body2"
     }, item.subtitle))
   )));
 }, "TwoColTwoStat");
 
 // src/components/Widgets/Types/Examples/BarGraph.tsx
-import React38 from "react";
+import React37 from "react";
 var ExampleBarGraphWidget = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React38.createElement(WidgetCard, {
-    widgetContent: /* @__PURE__ */ React38.createElement(HorizontalBarGraph, null),
+  return /* @__PURE__ */ React37.createElement(WidgetCard, {
+    widgetContent: /* @__PURE__ */ React37.createElement(HorizontalBarGraph, null),
     widgetName: "Friend Locations",
     timeOfData: 1715713478,
     widgetPath: "/profile"
@@ -3771,13 +3766,13 @@ var ExampleBarGraphWidget = /* @__PURE__ */ __name(() => {
 }, "ExampleBarGraphWidget");
 
 // src/components/Widgets/Types/Examples/BooleanTable.tsx
-import React40 from "react";
+import React39 from "react";
 
 // src/components/Widgets/Types/Tables/BooleanTable.tsx
 import { CircleRounded } from "@mui/icons-material";
 import { alpha as alpha6, Paper as Paper2, styled as styled8, TableRow, Typography as Typography13 } from "@mui/material";
 import { FlexCol as FlexCol16, FlexGrowRow as FlexGrowRow8, FlexRow as FlexRow9 } from "@xylabs/react-flexbox";
-import React39 from "react";
+import React38 from "react";
 var sampleData2 = [
   {
     name: "@arietrouw",
@@ -3825,27 +3820,27 @@ var DefaultFalseOutput = styled8(CircleRounded, {
   fill: alpha6(theme.palette.text.disabled, 0.5),
   fontSize: "10px"
 }));
-var defaultTrueOutput = /* @__PURE__ */ React39.createElement(DefaultTrueOutput, null);
-var defaultFalseOutput = /* @__PURE__ */ React39.createElement(DefaultFalseOutput, null);
+var defaultTrueOutput = /* @__PURE__ */ React38.createElement(DefaultTrueOutput, null);
+var defaultFalseOutput = /* @__PURE__ */ React38.createElement(DefaultFalseOutput, null);
 var BooleanTable = /* @__PURE__ */ __name(({ items = sampleData2, tableHeaders, trueOutput = defaultTrueOutput, falseOutput = defaultFalseOutput, ...props }) => {
-  return /* @__PURE__ */ React39.createElement(FlexCol16, {
+  return /* @__PURE__ */ React38.createElement(FlexCol16, {
     alignItems: "stretch",
     ...props
-  }, /* @__PURE__ */ React39.createElement(FlexRow9, {
+  }, /* @__PURE__ */ React38.createElement(FlexRow9, {
     paddingBottom: 0.5,
     justifyContent: "space-between"
-  }, tableHeaders.map((name) => /* @__PURE__ */ React39.createElement(StyledTableColumnTitle, {
+  }, tableHeaders.map((name) => /* @__PURE__ */ React38.createElement(StyledTableColumnTitle, {
     key: name,
     variant: "caption"
-  }, name))), /* @__PURE__ */ React39.createElement(FlexCol16, {
+  }, name))), /* @__PURE__ */ React38.createElement(FlexCol16, {
     alignItems: "stretch",
     gap: 0.25
-  }, items.slice(0, 4).map((item, index) => /* @__PURE__ */ React39.createElement(TableRow, {
+  }, items.slice(0, 4).map((item, index) => /* @__PURE__ */ React38.createElement(TableRow, {
     key: index
-  }, /* @__PURE__ */ React39.createElement(FlexGrowRow8, {
+  }, /* @__PURE__ */ React38.createElement(FlexGrowRow8, {
     flexGrow: 1,
     justifyContent: "space-between"
-  }, /* @__PURE__ */ React39.createElement(Typography13, {
+  }, /* @__PURE__ */ React38.createElement(Typography13, {
     variant: "caption",
     noWrap: true,
     maxWidth: "70%"
@@ -3854,8 +3849,8 @@ var BooleanTable = /* @__PURE__ */ __name(({ items = sampleData2, tableHeaders,
 
 // src/components/Widgets/Types/Examples/BooleanTable.tsx
 var ExampleBooleanTableWidget = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React40.createElement(WidgetCard, {
-    widgetContent: /* @__PURE__ */ React40.createElement(BooleanTable, {
+  return /* @__PURE__ */ React39.createElement(WidgetCard, {
+    widgetContent: /* @__PURE__ */ React39.createElement(BooleanTable, {
       items: [
         {
           name: "@arietrouw",
@@ -3890,10 +3885,10 @@ var ExampleBooleanTableWidget = /* @__PURE__ */ __name(() => {
 }, "ExampleBooleanTableWidget");
 
 // src/components/Widgets/Types/Examples/TwoColTwoStat.tsx
-import React41 from "react";
+import React40 from "react";
 var ExampleTwoColTwoStatWidget = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React41.createElement(WidgetCard, {
-    widgetContent: /* @__PURE__ */ React41.createElement(TwoColTwoStat, {
+  return /* @__PURE__ */ React40.createElement(WidgetCard, {
+    widgetContent: /* @__PURE__ */ React40.createElement(TwoColTwoStat, {
       items: [
         {
           rawInsightValue: 218,
@@ -3917,13 +3912,13 @@ var ExampleTwoColTwoStatWidget = /* @__PURE__ */ __name(() => {
 
 // src/components/Widgets/StackOfWidgets.tsx
 var cards = [
-  /* @__PURE__ */ React42.createElement(ExampleBarGraphWidget, {
+  /* @__PURE__ */ React41.createElement(ExampleBarGraphWidget, {
     key: "bar-graph"
   }),
-  /* @__PURE__ */ React42.createElement(ExampleBooleanTableWidget, {
+  /* @__PURE__ */ React41.createElement(ExampleBooleanTableWidget, {
     key: "boolean-table"
   }),
-  /* @__PURE__ */ React42.createElement(ExampleTwoColTwoStatWidget, {
+  /* @__PURE__ */ React41.createElement(ExampleTwoColTwoStatWidget, {
     key: "two-column"
   })
 ];
@@ -3974,7 +3969,7 @@ function Deck() {
       api.start((i) => to(i));
     }, 600);
   });
-  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, props.map(({ x, y, rot, scale }, i) => /* @__PURE__ */ React42.createElement(animated2.div, {
+  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, props.map(({ x, y, rot, scale }, i) => /* @__PURE__ */ React41.createElement(animated2.div, {
     // eslint-disable-next-line @eslint-react/no-array-index-key
     key: i,
     style: {
@@ -3989,7 +3984,7 @@ function Deck() {
       x,
       y
     }
-  }, /* @__PURE__ */ React42.createElement(animated2.div, {
+  }, /* @__PURE__ */ React41.createElement(animated2.div, {
     ...bind(i),
     style: {
       // WebkitBackdropFilter: 'blur(10px)',
@@ -4014,7 +4009,7 @@ function Deck() {
 }
 __name(Deck, "Deck");
 var StackOfWidgets = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React42.createElement(Box3, {
+  return /* @__PURE__ */ React41.createElement(Box3, {
     sx: {
       alignItems: "center",
       cursor: "pointer",
@@ -4023,30 +4018,30 @@ var StackOfWidgets = /* @__PURE__ */ __name(() => {
       justifyContent: "center",
       width: "300px"
     }
-  }, /* @__PURE__ */ React42.createElement(Deck, null));
+  }, /* @__PURE__ */ React41.createElement(Deck, null));
 }, "StackOfWidgets");
 
 // src/components/Widgets/WidgetCardExamples.tsx
 var WidgetCardExamples = /* @__PURE__ */ __name(() => {
   const { darkMode } = useColorSchemeEx4();
-  return /* @__PURE__ */ React43.createElement(DappPage, {
+  return /* @__PURE__ */ React42.createElement(DappPage, {
     sx: {
       backgroundImage: darkMode ? `url(${default18})` : `url(${default19})`,
       backgroundSize: "cover"
     },
     container: "xl",
     title: "Example Widget Cards"
-  }, /* @__PURE__ */ React43.createElement(Stack2, {
+  }, /* @__PURE__ */ React42.createElement(Stack2, {
     gap: 2,
     flexDirection: "row",
     flexWrap: "wrap"
-  }, /* @__PURE__ */ React43.createElement(ExampleTwoColTwoStatWidget, null), /* @__PURE__ */ React43.createElement(ExampleBarGraphWidget, null), /* @__PURE__ */ React43.createElement(ExampleBooleanTableWidget, null), /* @__PURE__ */ React43.createElement(StackOfWidgets, null)));
+  }, /* @__PURE__ */ React42.createElement(ExampleTwoColTwoStatWidget, null), /* @__PURE__ */ React42.createElement(ExampleBarGraphWidget, null), /* @__PURE__ */ React42.createElement(ExampleBooleanTableWidget, null), /* @__PURE__ */ React42.createElement(StackOfWidgets, null)));
 }, "WidgetCardExamples");
 
 // src/DappPathSwitcher.tsx
 import { animated as animated3, useTransition } from "@react-spring/web";
 import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
-import React44 from "react";
+import React43 from "react";
 var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent }) => {
   const transitions = useTransition(activePath, {
     enter: {
@@ -4064,7 +4059,7 @@ var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent })
   });
   const possibleZIndex = pathToComponent?.findIndex((item) => item.path === activePath);
   const zIndex = possibleZIndex !== -1 && possibleZIndex !== void 0 ? possibleZIndex : 1;
-  return /* @__PURE__ */ React44.createElement(React44.Fragment, null, transitions((transitionProps, activePathRef) => /* @__PURE__ */ React44.createElement(animated3.div, {
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, transitions((transitionProps, activePathRef) => /* @__PURE__ */ React43.createElement(animated3.div, {
     style: {
       ...transitionProps,
       alignItems: "stretch",
@@ -4083,7 +4078,7 @@ var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent })
   }, (() => {
     const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePathRef === componentPath);
     const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== void 0 ? pathToComponent[activeIndex] : void 0;
-    return activeItem ? activeItem.component : /* @__PURE__ */ React44.createElement(ErrorRender5, {
+    return activeItem ? activeItem.component : /* @__PURE__ */ React43.createElement(ErrorRender5, {
       error: new Error(`No component found for path: ${activePathRef}`),
       scope: "DappPathSwitcher"
     });
@@ -4092,7 +4087,7 @@ var DappPathSwitcher = /* @__PURE__ */ __name(({ activePath, pathToComponent })
 
 // src/dapps/shared/accounts/components/AnimatedComponents/GenericAnimations/ShiftAnimation.tsx
 import { animated as animated4, useSpring as useSpring2 } from "@react-spring/web";
-import React45, { useEffect as useEffect19, useState as useState19 } from "react";
+import React44, { useEffect as useEffect19, useState as useState19 } from "react";
 var MovementData = {
   down: [
     {
@@ -4186,7 +4181,7 @@ var ShiftAnimation = /* @__PURE__ */ __name(({ startAnimation = false, animation
   }, [
     isShifted
   ]);
-  return /* @__PURE__ */ React45.createElement(animated4.div, {
+  return /* @__PURE__ */ React44.createElement(animated4.div, {
     style: anim
   }, children);
 }, "ShiftAnimation");
@@ -4194,10 +4189,10 @@ var ShiftAnimation = /* @__PURE__ */ __name(({ startAnimation = false, animation
 // src/dapps/shared/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPoint.tsx
 import { FiberManualRecordRounded } from "@mui/icons-material";
 import { alpha as alpha8, Box as Box4, useTheme as useTheme11 } from "@mui/material";
-import React46 from "react";
+import React45 from "react";
 var TwoToneBulletPoint = /* @__PURE__ */ __name((props) => {
   const theme = useTheme11();
-  return /* @__PURE__ */ React46.createElement(Box4, props, /* @__PURE__ */ React46.createElement(FiberManualRecordRounded, {
+  return /* @__PURE__ */ React45.createElement(Box4, props, /* @__PURE__ */ React45.createElement(FiberManualRecordRounded, {
     fontSize: "small",
     sx: {
       "&:hover": {
@@ -4213,20 +4208,20 @@ var TwoToneBulletPoint = /* @__PURE__ */ __name((props) => {
 
 // src/dapps/shared/accounts/components/AnimatedComponents/IconAnimations/TwoToneBulletPointList.tsx
 import { FlexCol as FlexCol17, FlexGrowRow as FlexGrowRow9 } from "@xylabs/react-flexbox";
-import React47 from "react";
+import React46 from "react";
 var TwoToneBulletPointList = /* @__PURE__ */ __name(({ list }) => {
-  return /* @__PURE__ */ React47.createElement(FlexCol17, {
+  return /* @__PURE__ */ React46.createElement(FlexCol17, {
     alignItems: "flex-start",
     gap: 1
   }, list.map((item, index) => {
     return (
       // eslint-disable-next-line @eslint-react/no-array-index-key
-      /* @__PURE__ */ React47.createElement(FlexGrowRow9, {
+      /* @__PURE__ */ React46.createElement(FlexGrowRow9, {
         key: index + "bulletPointList",
         alignItems: "flex-start",
         justifyContent: "flex-start",
         gap: 1
-      }, /* @__PURE__ */ React47.createElement(TwoToneBulletPoint, {
+      }, /* @__PURE__ */ React46.createElement(TwoToneBulletPoint, {
         marginTop: "4px"
       }), item)
     );
@@ -4236,7 +4231,7 @@ var TwoToneBulletPointList = /* @__PURE__ */ __name(({ list }) => {
 // src/dapps/shared/accounts/components/InputFields/CoinbaseEmail.tsx
 import { FormControl, TextField } from "@mui/material";
 import { LabeledTextFieldWrapper } from "@xyo-network/react-shared";
-import React48, { useState as useState20 } from "react";
+import React47, { useState as useState20 } from "react";
 var CoinbaseEmailInput = /* @__PURE__ */ __name(({ existingEmail, ...props }) => {
   const [email, setEmail] = useState20(existingEmail);
   const [valid, setValid] = useState20();
@@ -4248,11 +4243,11 @@ var CoinbaseEmailInput = /* @__PURE__ */ __name(({ existingEmail, ...props }) =>
     setValid(!!emailFromEvent);
     setEmail(emailFromEvent);
   }, "handleChange");
-  return /* @__PURE__ */ React48.createElement(FormControl, {
+  return /* @__PURE__ */ React47.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React48.createElement(LabeledTextFieldWrapper, {
+  }, /* @__PURE__ */ React47.createElement(LabeledTextFieldWrapper, {
     label: "Primary Cryptowallet"
-  }, /* @__PURE__ */ React48.createElement(TextField, {
+  }, /* @__PURE__ */ React47.createElement(TextField, {
     fullWidth: true,
     variant: "filled",
     error: valid === false,
@@ -4268,7 +4263,7 @@ var CoinbaseEmailInput = /* @__PURE__ */ __name(({ existingEmail, ...props }) =>
 // src/dapps/shared/accounts/components/InputFields/PrimaryCryptowallet.tsx
 import { FormControl as FormControl2, TextField as TextField2 } from "@mui/material";
 import { LabeledTextFieldWrapper as LabeledTextFieldWrapper2 } from "@xyo-network/react-shared";
-import React49, { useState as useState21 } from "react";
+import React48, { useState as useState21 } from "react";
 var PrimaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingPrimaryCryptoWallet, ...props }) => {
   const [primaryWallet, setPrimaryWallet] = useState21(existingPrimaryCryptoWallet);
   const [valid, setValid] = useState21();
@@ -4280,11 +4275,11 @@ var PrimaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingPrimaryCryptoWa
     setValid(!!nameFromEvent);
     setPrimaryWallet(nameFromEvent);
   }, "handleChange");
-  return /* @__PURE__ */ React49.createElement(FormControl2, {
+  return /* @__PURE__ */ React48.createElement(FormControl2, {
     fullWidth: true
-  }, /* @__PURE__ */ React49.createElement(LabeledTextFieldWrapper2, {
+  }, /* @__PURE__ */ React48.createElement(LabeledTextFieldWrapper2, {
     label: "Primary Cryptowallet"
-  }, /* @__PURE__ */ React49.createElement(TextField2, {
+  }, /* @__PURE__ */ React48.createElement(TextField2, {
     fullWidth: true,
     variant: "filled",
     error: valid === false,
@@ -4301,7 +4296,7 @@ var PrimaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingPrimaryCryptoWa
 // src/dapps/shared/accounts/components/InputFields/SecondaryCryptowallet.tsx
 import { FormControl as FormControl3, TextField as TextField3 } from "@mui/material";
 import { LabeledTextFieldWrapper as LabeledTextFieldWrapper3 } from "@xyo-network/react-shared";
-import React50, { useState as useState22 } from "react";
+import React49, { useState as useState22 } from "react";
 var SecondaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingSecondaryCryptoWallet, ...props }) => {
   const [secondaryWallet, setSecondaryWallet] = useState22(existingSecondaryCryptoWallet);
   const [valid, setValid] = useState22();
@@ -4313,11 +4308,11 @@ var SecondaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingSecondaryCryp
     setValid(!!walletFromEvent);
     setSecondaryWallet(walletFromEvent);
   }, "handleChange");
-  return /* @__PURE__ */ React50.createElement(FormControl3, {
+  return /* @__PURE__ */ React49.createElement(FormControl3, {
     fullWidth: true
-  }, /* @__PURE__ */ React50.createElement(LabeledTextFieldWrapper3, {
+  }, /* @__PURE__ */ React49.createElement(LabeledTextFieldWrapper3, {
     label: "Secondary Cryptowallet"
-  }, /* @__PURE__ */ React50.createElement(TextField3, {
+  }, /* @__PURE__ */ React49.createElement(TextField3, {
     variant: "filled",
     fullWidth: true,
     error: valid === false,
@@ -4334,25 +4329,25 @@ var SecondaryCryptoWalletInput = /* @__PURE__ */ __name(({ existingSecondaryCryp
 // src/dapps/shared/accounts/components/PaymentMethods.tsx
 import { Grid2 } from "@mui/material";
 import { FormGroupCreditCardProvider } from "@xyo-network/react-form-credit-card";
-import React52 from "react";
+import React51 from "react";
 
 // src/dapps/shared/accounts/components/AccountCard.tsx
 import { Card as Card4, CardContent as CardContent4, Divider as Divider5, Typography as Typography14 } from "@mui/material";
 import { FlexGrowCol as FlexGrowCol4, FlexGrowRow as FlexGrowRow10 } from "@xylabs/react-flexbox";
-import React51 from "react";
+import React50 from "react";
 var AccountCard = /* @__PURE__ */ __name(({ items, ...props }) => {
-  return /* @__PURE__ */ React51.createElement(Card4, props, /* @__PURE__ */ React51.createElement(CardContent4, null, /* @__PURE__ */ React51.createElement(FlexGrowCol4, {
+  return /* @__PURE__ */ React50.createElement(Card4, props, /* @__PURE__ */ React50.createElement(CardContent4, null, /* @__PURE__ */ React50.createElement(FlexGrowCol4, {
     width: "100%",
     gap: 2
   }, items.map((item, index) => {
     return (
       // eslint-disable-next-line @eslint-react/no-array-index-key
-      /* @__PURE__ */ React51.createElement(FlexGrowCol4, {
+      /* @__PURE__ */ React50.createElement(FlexGrowCol4, {
         gap: 2,
         key: index,
         width: "100%",
         alignItems: "stretch"
-      }, /* @__PURE__ */ React51.createElement(FlexGrowRow10, {
+      }, /* @__PURE__ */ React50.createElement(FlexGrowRow10, {
         sx: {
           alignItems: "stretch",
           flexDirection: {
@@ -4362,7 +4357,7 @@ var AccountCard = /* @__PURE__ */ __name(({ items, ...props }) => {
           justifyContent: "space-between"
         },
         gap: 2
-      }, /* @__PURE__ */ React51.createElement(FlexGrowCol4, {
+      }, /* @__PURE__ */ React50.createElement(FlexGrowCol4, {
         alignItems: "flex-start",
         width: "100%",
         sx: {
@@ -4371,13 +4366,13 @@ var AccountCard = /* @__PURE__ */ __name(({ items, ...props }) => {
             xs: "100%"
           }
         }
-      }, /* @__PURE__ */ React51.createElement(Typography14, {
+      }, /* @__PURE__ */ React50.createElement(Typography14, {
         variant: "h5",
         gutterBottom: true
-      }, item.title), /* @__PURE__ */ React51.createElement(Typography14, {
+      }, item.title), /* @__PURE__ */ React50.createElement(Typography14, {
         variant: "body1",
         gutterBottom: true
-      }, item.desc)), item?.component), items.length === 1 || index === items.length - 1 ? null : /* @__PURE__ */ React51.createElement(Divider5, {
+      }, item.desc)), item?.component), items.length === 1 || index === items.length - 1 ? null : /* @__PURE__ */ React50.createElement(Divider5, {
         flexItem: true
       }))
     );
@@ -4386,38 +4381,38 @@ var AccountCard = /* @__PURE__ */ __name(({ items, ...props }) => {
 
 // src/dapps/shared/accounts/components/PaymentMethods.tsx
 var PaymentMethods = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React52.createElement(DappPage, {
+  return /* @__PURE__ */ React51.createElement(DappPage, {
     title: "Payment Methods"
-  }, /* @__PURE__ */ React52.createElement(Grid2, {
+  }, /* @__PURE__ */ React51.createElement(Grid2, {
     container: true,
     spacing: 3
-  }, /* @__PURE__ */ React52.createElement(Grid2, {
+  }, /* @__PURE__ */ React51.createElement(Grid2, {
     size: {
       xs: 12
     }
-  }, /* @__PURE__ */ React52.createElement(AccountCard, {
+  }, /* @__PURE__ */ React51.createElement(AccountCard, {
     sx: {
       height: "100%"
     },
     items: [
       {
         // TODO - needs a default implementation
-        component: /* @__PURE__ */ React52.createElement(FormGroupCreditCardProvider, null, /* @__PURE__ */ React52.createElement(React52.Fragment, null)),
+        component: /* @__PURE__ */ React51.createElement(FormGroupCreditCardProvider, null, /* @__PURE__ */ React51.createElement(React51.Fragment, null)),
         desc: "Save a credit card to your node to complete credit payments seamlessly.",
         title: "Credit Card"
       },
       {
-        component: /* @__PURE__ */ React52.createElement(CoinbaseEmailInput, null),
+        component: /* @__PURE__ */ React51.createElement(CoinbaseEmailInput, null),
         desc: "Use your Coinbase Account receive payments easily.",
         title: "Coinbase Email"
       },
       {
-        component: /* @__PURE__ */ React52.createElement(PrimaryCryptoWalletInput, null),
+        component: /* @__PURE__ */ React51.createElement(PrimaryCryptoWalletInput, null),
         desc: "This is the primary crypto wallet on your node.",
         title: "Primary Crypto Wallet"
       },
       {
-        component: /* @__PURE__ */ React52.createElement(SecondaryCryptoWalletInput, null),
+        component: /* @__PURE__ */ React51.createElement(SecondaryCryptoWalletInput, null),
         desc: "This is the secondary crypto wallet on your node.",
         title: "Secondary Crypto Wallet"
       }
@@ -4432,18 +4427,18 @@ var isCreditCardInput = isPayloadOfSchemaType(CreditCardInputSchema);
 
 // src/dapps/shared/name-service/DomainIcon.tsx
 import { createSvgIcon } from "@mui/material";
-import React53 from "react";
-var XnsDomainIcon = createSvgIcon(/* @__PURE__ */ React53.createElement("svg", {
+import React52 from "react";
+var XnsDomainIcon = createSvgIcon(/* @__PURE__ */ React52.createElement("svg", {
   id: "Layer_1",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 400 400"
-}, /* @__PURE__ */ React53.createElement("path", {
+}, /* @__PURE__ */ React52.createElement("path", {
   fill: "currentColor",
   d: "M0,314.34V85.34h43.89l99.55,152.67V85.34h43.89v229h-43.89L43.89,161.68v152.67H0Z"
-}), /* @__PURE__ */ React53.createElement("path", {
+}), /* @__PURE__ */ React52.createElement("path", {
   fill: "currentColor",
   d: "M298.99,319.12c-16.96,0-32.26-3-45.88-8.99-13.62-5.99-24.81-14.58-33.56-25.76-8.75-11.18-14.29-24.52-16.62-40l45.17-6.68c3.18,13.15,9.75,23.27,19.72,30.37,9.96,7.1,21.31,10.65,34.03,10.65,7.1,0,14-1.11,20.67-3.34,6.68-2.23,12.17-5.51,16.46-9.86,4.29-4.35,6.44-9.7,6.44-16.06,0-2.33-.35-4.59-1.03-6.76-.69-2.17-1.83-4.21-3.42-6.12-1.59-1.91-3.84-3.71-6.76-5.41-2.92-1.69-6.6-3.23-11.05-4.61l-59.48-17.49c-4.45-1.27-9.62-3.07-15.5-5.41-5.88-2.33-11.58-5.67-17.1-10.02-5.51-4.35-10.1-10.1-13.76-17.26-3.66-7.16-5.49-16.19-5.49-27.11,0-15.37,3.87-28.15,11.61-38.33,7.74-10.18,18.08-17.76,31.01-22.74,12.93-4.98,27.25-7.42,42.94-7.32,15.8.21,29.9,2.92,42.3,8.11,12.4,5.2,22.79,12.75,31.17,22.66,8.37,9.92,14.42,22.03,18.13,36.34l-46.76,7.95c-1.7-7.42-4.83-13.68-9.38-18.77-4.56-5.09-9.99-8.96-16.3-11.61-6.31-2.65-12.91-4.08-19.8-4.29-6.79-.21-13.17.72-19.16,2.78-5.99,2.07-10.87,5.06-14.63,8.99-3.76,3.92-5.65,8.59-5.65,14,0,4.98,1.54,9.04,4.61,12.17,3.07,3.13,6.94,5.65,11.61,7.55,4.66,1.91,9.44,3.5,14.31,4.77l39.76,10.81c5.94,1.59,12.51,3.68,19.72,6.28,7.21,2.6,14.13,6.2,20.75,10.81,6.62,4.61,12.09,10.68,16.38,18.21,4.29,7.53,6.44,17.07,6.44,28.63,0,12.3-2.57,23.03-7.71,32.2-5.14,9.17-12.06,16.75-20.75,22.74-8.69,5.99-18.53,10.47-29.5,13.44-10.97,2.97-22.29,4.45-33.95,4.45Z"
-}), /* @__PURE__ */ React53.createElement("circle", {
+}), /* @__PURE__ */ React52.createElement("circle", {
   fill: "#3898e7",
   cx: "372.52",
   cy: "291.63",
@@ -4453,7 +4448,7 @@ var XnsDomainIcon = createSvgIcon(/* @__PURE__ */ React53.createElement("svg", {
 // src/dapps/shared/table/head/components/Head.tsx
 import { InfoOutlined } from "@mui/icons-material";
 import { TableCell, TableHead, Tooltip as Tooltip6 } from "@mui/material";
-import React54 from "react";
+import React53 from "react";
 
 // src/dapps/shared/table/head/hooks/useVisibleColumns.tsx
 import { useMediaQuery as useMediaQuery2 } from "@mui/material";
@@ -4485,20 +4480,20 @@ var StyledTableRowHeader = styled9(TableRow2, {
 // src/dapps/shared/table/head/components/Head.tsx
 var TableHeadEx = /* @__PURE__ */ __name(({ payloads, ...props }) => {
   const [VisibleTableCells] = useVisibleColumns(payloads);
-  return /* @__PURE__ */ React54.createElement(TableHead, props, /* @__PURE__ */ React54.createElement(StyledTableRowHeader, null, VisibleTableCells.map((headCell) => /* @__PURE__ */ React54.createElement(TableCell, {
+  return /* @__PURE__ */ React53.createElement(TableHead, props, /* @__PURE__ */ React53.createElement(StyledTableRowHeader, null, VisibleTableCells.map((headCell) => /* @__PURE__ */ React53.createElement(TableCell, {
     key: headCell.id,
     align: headCell.align ?? "left",
     padding: headCell.disablePadding ? "none" : "normal",
     width: headCell.width ?? "auto"
-  }, headCell.tooltip ? /* @__PURE__ */ React54.createElement("span", {
+  }, headCell.tooltip ? /* @__PURE__ */ React53.createElement("span", {
     style: {
       alignItems: "center",
       display: "inline-flex",
       gap: "4px"
     }
-  }, headCell.label, /* @__PURE__ */ React54.createElement(Tooltip6, {
+  }, headCell.label, /* @__PURE__ */ React53.createElement(Tooltip6, {
     title: headCell.tooltip
-  }, /* @__PURE__ */ React54.createElement(InfoOutlined, {
+  }, /* @__PURE__ */ React53.createElement(InfoOutlined, {
     sx: {
       fontSize: "16px"
     }
@@ -4518,28 +4513,28 @@ var isTableHeadCell = isPayloadOfSchemaType2(TableHeadCellSchema);
 import { ArrowCircleLeftOutlined, ArrowCircleRightOutlined } from "@mui/icons-material";
 import { IconButton as IconButton4, LinearProgress as LinearProgress2 } from "@mui/material";
 import { FlexRow as FlexRow10 } from "@xylabs/react-flexbox";
-import React55 from "react";
+import React54 from "react";
 var NextIteratorFlexbox = /* @__PURE__ */ __name(({ next: changePage, loading, ...props }) => {
-  return /* @__PURE__ */ React55.createElement(FlexRow10, {
+  return /* @__PURE__ */ React54.createElement(FlexRow10, {
     justifyContent: "space-between",
     gap: 2,
     ...props
-  }, /* @__PURE__ */ React55.createElement(LinearProgress2, {
+  }, /* @__PURE__ */ React54.createElement(LinearProgress2, {
     sx: {
       display: "flex",
       flexGrow: 1,
       visibility: loading ? "visible" : "hidden"
     }
-  }), /* @__PURE__ */ React55.createElement(FlexRow10, null, /* @__PURE__ */ React55.createElement(IconButton4, {
+  }), /* @__PURE__ */ React54.createElement(FlexRow10, null, /* @__PURE__ */ React54.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => changePage("asc"), "onClick")
-  }, /* @__PURE__ */ React55.createElement(ArrowCircleLeftOutlined, null)), /* @__PURE__ */ React55.createElement(IconButton4, {
+  }, /* @__PURE__ */ React54.createElement(ArrowCircleLeftOutlined, null)), /* @__PURE__ */ React54.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => changePage("desc"), "onClick")
-  }, /* @__PURE__ */ React55.createElement(ArrowCircleRightOutlined, null))));
+  }, /* @__PURE__ */ React54.createElement(ArrowCircleRightOutlined, null))));
 }, "NextIteratorFlexbox");
 
 // src/settings/Theme/ThemeProvider.tsx
 import { InvertibleMuiThemeProvider } from "@xylabs/react-invertible-theme";
-import React56, { useMemo as useMemo20 } from "react";
+import React55, { useMemo as useMemo20 } from "react";
 
 // src/settings/Theme/ThemeCssVars.ts
 import { alpha as alpha9, createTheme, darken as darken2, lighten } from "@mui/material";
@@ -4843,7 +4838,7 @@ var AppOsThemeProvider = /* @__PURE__ */ __name(({ children }) => {
     if (savedValue && validValues.includes(savedValue)) return savedValue;
     return "system";
   }, []);
-  return /* @__PURE__ */ React56.createElement(InvertibleMuiThemeProvider, {
+  return /* @__PURE__ */ React55.createElement(InvertibleMuiThemeProvider, {
     theme: ThemeCssVars,
     defaultMode: initialValue
   }, children);