@xyo-network/os-react-runtime 4.2.0-rc.1 → 4.2.0-rc.10

package/dist/browser/modules/Dapp/Container.d.ts

@@ -8,4 +8,5 @@ export interface DappContainerProps {
     xnsNodeUrl: string | undefined;
 }
 export declare const DappContainer: React.FC<DappContainerProps>;
+export declare const DappContainerMemo: React.NamedExoticComponent<DappContainerProps>;
 //# sourceMappingURL=Container.d.ts.map

package/dist/browser/modules/Dapp/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/modules/Dapp/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAA"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/modules/Dapp/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAwB,MAAM,OAAO,CAAA;AAM5C,MAAM,WAAW,kBAAkB;IACjC,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,OAAO,EAAE,sBAAsB,CAAA;IAC/B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgCtD,CAAA;AAED,eAAO,MAAM,iBAAiB,gDAAsB,CAAA"}

package/dist/browser/modules/Dapp/Page/Row.d.ts

@@ -1,8 +1,9 @@
-import type { InstallationType } from '@xyo-network/os-model';
+import type { DappIntent, InstallationType } from '@xyo-network/os-model';
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model';
 import React from 'react';
 export interface DappsRowProps {
     chipLabel: string;
+    currentIntent?: DappIntent;
     installType: InstallationType;
     registeredDappsSet?: RegisteredReactDappSet[];
     xnsNetwork: string | undefined;

package/dist/browser/modules/Dapp/Page/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Page/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7C,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,ySAQ7B,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/modules/Dapp/Page/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACzE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,kBAAkB,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC7C,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;IAC9B,UAAU,EAAE,MAAM,GAAG,SAAS,CAAA;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAsC5C,CAAA;AAED,eAAO,MAAM,mBAAmB,ySAQ7B,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/DappWindow.d.ts

@@ -1,13 +1,14 @@
-import type { DappIntent, XyOsContext } from '@xyo-network/os-model';
-import type { RegisteredReactDappSet } from '@xyo-network/os-react-model';
+import type { DappIntent } from '@xyo-network/os-model';
+import type { RegisteredReactDappSet, XyOsUiContext } from '@xyo-network/os-react-model';
 import type { WalletInstance } from '@xyo-network/wallet-model';
 import React from 'react';
 import type { DappState } from './hooks/index.ts';
 export interface DappWindowProps {
-    context?: XyOsContext | null;
+    context?: XyOsUiContext | null;
     dappSet?: RegisteredReactDappSet;
     dappState?: DappState;
     dappWallet?: WalletInstance;
+    errors?: Error[];
     intent?: DappIntent;
     nodeCreateError?: Error;
 }

package/dist/browser/modules/Dapp/modules/Window/DappWindow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAIzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwHhD,CAAA"}
+{"version":3,"file":"DappWindow.d.ts","sourceRoot":"","sources":["../../../../../../src/modules/Dapp/modules/Window/DappWindow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAIxF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAkB,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAOjD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,sBAAsB,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,eAAe,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,gIAAgI;AAChI,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoHhD,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export * from './lib/index.ts';
 export * from './menu/index.ts';
 export * from './route/index.ts';
+export * from './useDappMenuResourceValues.tsx';
 export * from './useDecomposeDappSet.js';
 export * from './useSkipLoadingScreen.js';
 export * from './useSyncOsRegisteredAccessInterfaces.js';

package/dist/browser/modules/Dapp/modules/Window/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0CAA0C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/modules/Dapp/modules/Window/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0CAA0C,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/lib/deriveDappState.d.ts

@@ -1,8 +1,8 @@
-import type { DappIntent, XyOsContext } from '@xyo-network/os-model';
+import type { DappIntent } from '@xyo-network/os-model';
 export interface DappState {
     active: boolean;
+    closed: boolean;
     minimized: boolean;
-    open: boolean;
 }
-export declare const deriveDappState: (intent?: DappIntent, context?: XyOsContext | null) => DappState;
+export declare const deriveDappState: (intent?: DappIntent) => DappState;
 //# sourceMappingURL=deriveDappState.d.ts.map

package/dist/browser/modules/Dapp/modules/Window/hooks/lib/deriveDappState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deriveDappState.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/hooks/lib/deriveDappState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAGpE,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,eAAe,YAAa,UAAU,YAAY,WAAW,GAAG,IAAI,KAAG,SAUnF,CAAA"}
+{"version":3,"file":"deriveDappState.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/hooks/lib/deriveDappState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGvD,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,YAAa,UAAU,KAAG,SAUrD,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/index.d.ts

@@ -1,5 +1,5 @@
-export * from './useManageDappInjectableParamsFromRoute.js';
-export * from './useManageDappIntentRequest.js';
-export * from './useManageDappPathFromRoute.js';
-export * from './useManageDappStateFromRoute.js';
+export * from './useManageDappInjectableParamsFromRoute.tsx';
+export * from './useManageDappIntentRequest.tsx';
+export * from './useManageDappPathFromRoute.tsx';
+export * from './useManageDappStateFromRoute.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAA;AAC3D,cAAc,iCAAiC,CAAA;AAC/C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAA;AAC5D,cAAc,kCAAkC,CAAA;AAChD,cAAc,kCAAkC,CAAA;AAChD,cAAc,mCAAmC,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.d.ts

@@ -1,4 +1,4 @@
 import type { XyOsContext } from '@xyo-network/os-model';
-/** React to change in the query params */
+/** Update the dapp archivist with injectable params based off changes in the query params */
 export declare const useManageDappInjectableParamsFromRoute: (context?: XyOsContext | null) => (Error | undefined)[];
 //# sourceMappingURL=useManageDappInjectableParamsFromRoute.d.ts.map

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useManageDappInjectableParamsFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAOxD,0CAA0C;AAC1C,eAAO,MAAM,sCAAsC,aAAc,WAAW,GAAG,IAAI,0BA8ClF,CAAA"}
+{"version":3,"file":"useManageDappInjectableParamsFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAOxD,6FAA6F;AAC7F,eAAO,MAAM,sCAAsC,aAAc,WAAW,GAAG,IAAI,0BA8ClF,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.d.ts

@@ -1,5 +1,7 @@
 import type { XyOsContext } from '@xyo-network/os-model';
 /**
+ * Update the menu archivist based off changes in the the `path` route param
+ *
  * Test Cases:
  *
  * 1. Clicking sidebar menu

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useManageDappPathFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAUxD;;;;;;;;GAQG;AAEH,iDAAiD;AACjD,eAAO,MAAM,0BAA0B,aAAc,WAAW,GAAG,IAAI,aAAa,MAAM,SAiDzF,CAAA"}
+{"version":3,"file":"useManageDappPathFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAUxD;;;;;;;;;;GAUG;AAEH,iDAAiD;AACjD,eAAO,MAAM,0BAA0B,aAAc,WAAW,GAAG,IAAI,aAAa,MAAM,SAiDzF,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappStateFromRoute.d.ts

@@ -1,4 +1,4 @@
 import type { DappIntent } from '@xyo-network/os-model';
-/** React to changes in `dappName` route param */
-export declare const useManageDappStateFromRoute: (intentPayload?: DappIntent, dappName?: string) => void;
+/** Launch or close the dapp based off changes to the `dappName` route param */
+export declare const useManageDappStateFromRoute: (intentPayload?: DappIntent) => void;
 //# sourceMappingURL=useManageDappStateFromRoute.d.ts.map

package/dist/browser/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappStateFromRoute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useManageDappStateFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappStateFromRoute.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAOvD,iDAAiD;AACjD,eAAO,MAAM,2BAA2B,mBAAoB,UAAU,aAAa,MAAM,SAmCxF,CAAA"}
+{"version":3,"file":"useManageDappStateFromRoute.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappStateFromRoute.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAQvD,+EAA+E;AAC/E,eAAO,MAAM,2BAA2B,mBAAoB,UAAU,SAwCrE,CAAA"}

package/dist/browser/modules/Dapp/modules/Window/hooks/route/index.d.ts

@@ -1,3 +1,2 @@
 export * from './helpers/index.ts';
-export * from './useManageDappBasedOffRoute.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/browser/modules/Dapp/modules/Window/hooks/route/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,iCAAiC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/modules/Dapp/modules/Window/hooks/route/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/os-react-runtime",
-  "version": "4.2.0-rc.1",
+  "version": "4.2.0-rc.10",
   "description": "Primary SDK for using XYO Protocol 2.0",
   "homepage": "https://xyo.network",
   "bugs": {
@@ -48,23 +48,23 @@
     "@xylabs/react-shared": "^5.3.14",
     "@xyo-network/archivist-indexeddb": "^3.6.6",
     "@xyo-network/archivist-model": "^3.6.6",
-    "@xyo-network/bios-browser": "^4.2.0-rc.1",
-    "@xyo-network/bios-model": "^4.2.0-rc.1",
+    "@xyo-network/bios-browser": "^4.2.0-rc.10",
+    "@xyo-network/bios-model": "^4.2.0-rc.10",
     "@xyo-network/diviner-boundwitness-indexeddb": "^3.6.6",
     "@xyo-network/diviner-model": "^3.6.6",
     "@xyo-network/diviner-payload-generic": "^3.6.6",
     "@xyo-network/diviner-payload-indexeddb": "^3.6.6",
     "@xyo-network/diviner-payload-model": "^3.6.6",
-    "@xyo-network/kernel": "^4.2.0-rc.1",
-    "@xyo-network/kernel-model": "^4.2.0-rc.1",
+    "@xyo-network/kernel": "^4.2.0-rc.10",
+    "@xyo-network/kernel-model": "^4.2.0-rc.10",
     "@xyo-network/module-event-emitter": "^3.6.6",
     "@xyo-network/module-events": "^3.6.6",
     "@xyo-network/module-factory-locator": "^3.6.6",
     "@xyo-network/node-model": "^3.6.6",
-    "@xyo-network/os-model": "^4.2.0-rc.1",
-    "@xyo-network/os-react-debug": "^4.2.0-rc.1",
-    "@xyo-network/os-react-model": "^4.2.0-rc.1",
-    "@xyo-network/os-runtime": "^4.2.0-rc.1",
+    "@xyo-network/os-model": "^4.2.0-rc.10",
+    "@xyo-network/os-react-debug": "^4.2.0-rc.10",
+    "@xyo-network/os-react-model": "^4.2.0-rc.10",
+    "@xyo-network/os-runtime": "^4.2.0-rc.10",
     "@xyo-network/payload-model": "^3.6.6",
     "@xyo-network/react-archivist": "^4.3.1",
     "@xyo-network/react-card": "^4.3.1",

package/src/DappPathSwitcher.tsx

@@ -1,7 +1,7 @@
 import { animated, useTransition } from '@react-spring/web'
 import { ErrorRender } from '@xylabs/react-error'
 import type { ReactNode } from 'react'
-import React from 'react'
+import React, { useMemo } from 'react'
 
 export interface PathToComponent<PathNames extends string = string> {
   component: ReactNode
@@ -23,9 +23,17 @@ export const DappPathSwitcher: React.FC<DappPathSwitcherProps> = ({ activePath,
   const possibleZIndex = pathToComponent?.findIndex(item => item.path === activePath)
   const zIndex = possibleZIndex !== -1 && possibleZIndex !== undefined ? possibleZIndex : 1
 
+  const activeComponent = useMemo(() => {
+    const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePath === componentPath)
+    const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== undefined ? pathToComponent[activeIndex] : undefined
+    return activeItem
+      ? activeItem.component
+      : <ErrorRender error={new Error(`No component found for path: ${activePath}`)} scope="DappPathSwitcher" />
+  }, [activePath, pathToComponent])
+
   return (
     <>
-      {transitions((transitionProps, activePath) => (
+      {transitions(transitionProps => (
         <animated.div
           style={{
             ...transitionProps,
@@ -43,13 +51,7 @@ export const DappPathSwitcher: React.FC<DappPathSwitcherProps> = ({ activePath,
             zIndex,
           }}
         >
-          {(() => {
-            const activeIndex = pathToComponent?.findIndex(({ path: componentPath }) => activePath === componentPath)
-            const activeItem = pathToComponent && activeIndex !== -1 && activeIndex !== undefined ? pathToComponent[activeIndex] : undefined
-            return activeItem
-              ? activeItem.component
-              : <ErrorRender error={new Error(`No component found for path: ${activePath}`)} scope="DappPathSwitcher" />
-          })()}
+          {activeComponent}
         </animated.div>
       ))}
     </>

package/src/hooks/os/useDappContextCreator.tsx

@@ -28,6 +28,8 @@ export const useDappContextCreator = (
   const context = useXyOsUiContext()
   const [windowDappNodeSet, setWindowDappNodeSet] = useState<WindowDappNodeSet>({ context: undefined, dappWallet: undefined })
   const [dappWindowNodeError, setDappWindowNodeError] = useState<Error>()
+  // ensure the dapp is targeted by the current intent
+  const targetedDapp = !!(dapp && context && currentIntent?.targetDappId === dapp?.config.name)
 
   // Keep a ref of the windowDappNodeSet to use in effect hooks without needing it as a dependency
   const windowDappNodeSetRef = useRef<WindowDappNodeSet>(windowDappNodeSet)
@@ -36,7 +38,7 @@ export const useDappContextCreator = (
   }, [windowDappNodeSet])
 
   const createNode = useCallback(async () => {
-    if (dapp && context) {
+    if (targetedDapp) {
       try {
         const windowDappNodeSet = await RunningDappCache.findOrCreate(dapp, context, allowedNames ?? [], xnsNodeUrl, xnsNetwork)
         setWindowDappNodeSet(windowDappNodeSet)
@@ -44,7 +46,7 @@ export const useDappContextCreator = (
         setDappWindowNodeError(e as Error)
       }
     }
-  }, [dapp, context, allowedNames])
+  }, [dapp, currentIntent, context, allowedNames])
 
   useEffect(() => {
     if (createOnMount) {
@@ -58,21 +60,24 @@ export const useDappContextCreator = (
   useAsyncEffect(
 
     async () => {
-      switch (currentIntent?.intent) {
-        case DappIntentTypes.Launch: {
-          await createNode()
-          break
-        }
-        case DappIntentTypes.Close: {
-          if (windowDappNodeSetRef.current.context) {
-            // In case a cached dapp was closed, clear its Dapp Archivist to allow for a fresh start upon next launch
-            await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context)
-            setWindowDappNodeSet({ context: null, dappWallet: undefined })
+      // unless the dapp was passed, do nothing
+      if (targetedDapp) {
+        switch (currentIntent?.intent) {
+          case DappIntentTypes.Launch: {
+            await createNode()
+            break
+          }
+          case DappIntentTypes.Close: {
+            if (windowDappNodeSetRef.current.context) {
+              // In case a cached dapp was closed, clear its Dapp Archivist to allow for a fresh start upon next launch
+              await DappContextCreator.resetDappArchivist(windowDappNodeSetRef.current.context)
+              setWindowDappNodeSet({ context: null, dappWallet: undefined })
+            }
+            break
           }
-          break
+          case DappIntentTypes.Minimize:
+          // do nothing
         }
-        case DappIntentTypes.Minimize:
-        // do nothing
       }
     },
     [createNode, currentIntent],

package/src/hooks/os/useWidgetDapps.tsx

@@ -15,7 +15,7 @@ export const useWidgetDapps = (
 ): [WidgetResults, Error | undefined, UsePromiseState | undefined] => {
   const context = useXyOsUiContext()
   return usePromise(async () => {
-    if (registeredDapps && context && widgetTrayLayout) {
+    if (registeredDapps && registeredDapps.length > 0 && context && widgetTrayLayout) {
       const caller = new WidgetCaller(context, registeredDapps, widgetTrayLayout)
       return await caller.buildWidgetComponents()
     }

package/src/modules/Dapp/Container.tsx

@@ -1,6 +1,6 @@
 import type { DappIntent } from '@xyo-network/os-model'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
-import React, { useMemo } from 'react'
+import React, { memo, useMemo } from 'react'
 
 import { useDappContextCreator } from '../../hooks/index.ts'
 import { DappIconButton } from './Button/index.ts'
@@ -24,9 +24,9 @@ export const DappContainer: React.FC<DappContainerProps> = ({
 
   const dappState = useMemo(() => {
     if (currentIntent?.targetDappId === dapp.config.name) {
-      return deriveDappState(currentIntent, context)
+      return deriveDappState(currentIntent)
     }
-  }, [currentIntent, context, dapp])
+  }, [currentIntent, dapp])
 
   return (
     <DappIconButton
@@ -46,3 +46,5 @@ export const DappContainer: React.FC<DappContainerProps> = ({
     </DappIconButton>
   )
 }
+
+export const DappContainerMemo = memo(DappContainer)

package/src/modules/Dapp/Page/Row.tsx

@@ -1,18 +1,17 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import {
   Divider, Fade, styled,
 } from '@mui/material'
-import type { InstallationType } from '@xyo-network/os-model'
+import type { DappIntent, InstallationType } from '@xyo-network/os-model'
 import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
 import React, { useMemo } from 'react'
 
-import { useDappIntentListener } from '../../../hooks/index.ts'
 import { DappInstallTypeFilters } from '../../../utils/index.ts'
-import { DappContainer } from '../Container.js'
+import { DappContainerMemo } from '../Container.tsx'
 import { DividerChip } from './DividerChip.js'
 
 export interface DappsRowProps {
   chipLabel: string
+  currentIntent?: DappIntent
   installType: InstallationType
   registeredDappsSet?: RegisteredReactDappSet[]
   xnsNetwork: string | undefined
@@ -20,10 +19,9 @@ export interface DappsRowProps {
 }
 
 export const DappsRow: React.FC<DappsRowProps> = ({
-  chipLabel, installType, registeredDappsSet, xnsNetwork, xnsNodeUrl,
+  chipLabel, currentIntent, installType, registeredDappsSet, xnsNetwork, xnsNodeUrl,
 }) => {
   const filteredRegisteredDappSets = useMemo(() => DappInstallTypeFilters[installType](registeredDappsSet), [installType, registeredDappsSet])
-  const { intentPayload } = useDappIntentListener(null)
 
   return (
     <>
@@ -42,10 +40,10 @@ export const DappsRow: React.FC<DappsRowProps> = ({
             <Fade in={!!filteredRegisteredDappSets?.length} timeout={1000}>
               <StyledGridContainer>
                 {filteredRegisteredDappSets?.map(
-                  (dappSet, index) => (
-                    <DappContainer
-                      currentIntent={intentPayload}
-                      key={index}
+                  dappSet => (
+                    <DappContainerMemo
+                      currentIntent={currentIntent}
+                      key={dappSet.dapp.config.name}
                       dappSet={dappSet as RegisteredReactDappSet}
                       xnsNodeUrl={xnsNodeUrl}
                       xnsNetwork={xnsNetwork}

package/src/modules/Dapp/modules/Window/DappWindow.tsx

@@ -1,8 +1,7 @@
-/* eslint-disable @eslint-react/no-array-index-key */
 import { ErrorBoundary, ErrorRender } from '@xylabs/react-error'
 import { FlexCol } from '@xylabs/react-flexbox'
-import type { DappIntent, XyOsContext } from '@xyo-network/os-model'
-import type { RegisteredReactDappSet } from '@xyo-network/os-react-model'
+import type { DappIntent } from '@xyo-network/os-model'
+import type { RegisteredReactDappSet, XyOsUiContext } from '@xyo-network/os-react-model'
 import { NameTransforms } from '@xyo-network/os-runtime'
 import { NodeProvider } from '@xyo-network/react-node'
 import { WalletProvider } from '@xyo-network/react-wallet'
@@ -16,45 +15,45 @@ import { DappBar } from './AppBar.js'
 import { DappChrome } from './Chrome.js'
 import type { DappState } from './hooks/index.ts'
 import {
-  decomposeDappSet, useDappMenu, useManageDappBasedOffRoute, useSyncOsRegisteredAccessInterfaces,
+  decomposeDappSet, useDappMenu, useManageDappInjectableParamsFromRoute, useManageDappPathFromRoute, useSyncOsRegisteredAccessInterfaces,
 } from './hooks/index.ts'
 import { DappLoadingFlexbox } from './LoadingFlexbox.js'
 import { DappBottomNavigation, DappMenuDrawer } from './menu/index.ts'
 
 export interface DappWindowProps {
-  context?: XyOsContext | null
+  context?: XyOsUiContext | null
   dappSet?: RegisteredReactDappSet
   dappState?: DappState
   dappWallet?: WalletInstance
+  errors?: Error[]
   intent?: DappIntent
   nodeCreateError?: Error
 }
 
 /** A component that can load immediately, but delays node loading and dapp mounting till corresponding launch intent arrives */
 export const DappWindow: React.FC<DappWindowProps> = ({
-  context, dappSet, dappState, dappWallet, intent, nodeCreateError,
+  context, dappSet, dappState, dappWallet, errors, nodeCreateError,
 }) => {
   const {
     DappComponent, name, scrollable = true, version,
   } = decomposeDappSet(dappSet)
 
-  const {
-    active, minimized, open,
-  } = dappState ?? {}
+  const { active, minimized } = dappState ?? {}
 
   const TypedDappComponent = useMemo(() => DappComponent as React.FC<{
     name?: string
   }>, [])
 
-  // TODO - see if we can move this outside of the DappWindow component
-  const errors = useManageDappBasedOffRoute(intent, name, context)
   useSyncOsRegisteredAccessInterfaces(context)
+  useManageDappPathFromRoute(context, name)
+  useManageDappInjectableParamsFromRoute(context)
 
   const {
     activePath, error: menuError, menuConfig, menuItemsVisible, onPathChange,
   } = useDappMenu(context, name)
 
-  const resolvedError = nodeCreateError || menuError
+  const resolvedErrors = [nodeCreateError, menuError, ...(errors ?? [])].filter(Boolean)
+  const hasErrors = resolvedErrors.length > 0
 
   return (
     <>
@@ -81,7 +80,7 @@ export const DappWindow: React.FC<DappWindowProps> = ({
           )}
           height="100dvh"
           width="100dvw"
-          largeScreenMenu={(
+          largeScreenMenu={active && (
             <DappMenuDrawer
               context={context}
               name={name}
@@ -92,7 +91,7 @@ export const DappWindow: React.FC<DappWindowProps> = ({
               menuItems={menuItemsVisible}
             />
           )}
-          smallScreenMenu={(
+          smallScreenMenu={active && (
             <DappBottomNavigation
               activePath={activePath}
               onPathChange={onPathChange}
@@ -102,16 +101,13 @@ export const DappWindow: React.FC<DappWindowProps> = ({
             />
           )}
           /* Ensure that loading goes away when error occurs */
-          splashScreen={resolvedError ? null : <DappLoadingFlexbox minimize={!!minimized} name={name} open={!!open} />}
+          splashScreen={hasErrors ? null : <DappLoadingFlexbox minimize={!!minimized} name={name} open={!!active} />}
         >
-          {resolvedError || errors?.length > 0
+          {hasErrors
             ? (
                 <FlexCol padding={2}>
-                  {resolvedError
-                    ? <ErrorRender error={resolvedError} scope="DappWindow" />
-                    : null}
-                  {errors.map((error, index) => (
-                    <ErrorRender key={index} error={error} scope="DappWindowErrors" />
+                  {resolvedErrors?.map(error => (
+                    <ErrorRender key={error?.message} error={error} scope="DappWindow" />
                   ))}
                 </FlexCol>
               )

package/src/modules/Dapp/modules/Window/hooks/index.ts

@@ -1,6 +1,7 @@
 export * from './lib/index.ts'
 export * from './menu/index.ts'
 export * from './route/index.ts'
+export * from './useDappMenuResourceValues.tsx'
 export * from './useDecomposeDappSet.js'
 export * from './useSkipLoadingScreen.js'
 export * from './useSyncOsRegisteredAccessInterfaces.js'

package/src/modules/Dapp/modules/Window/hooks/lib/deriveDappState.ts

@@ -1,20 +1,20 @@
-import type { DappIntent, XyOsContext } from '@xyo-network/os-model'
+import type { DappIntent } from '@xyo-network/os-model'
 import { DappIntentTypes } from '@xyo-network/os-model'
 
 export interface DappState {
   active: boolean
+  closed: boolean
   minimized: boolean
-  open: boolean
 }
 
-export const deriveDappState = (intent?: DappIntent, context?: XyOsContext | null): DappState => {
+export const deriveDappState = (intent?: DappIntent): DappState => {
   const minimized = intent?.intent === DappIntentTypes.Minimize
-  const open = intent?.intent === DappIntentTypes.Launch
-  const active = !!(context && open)
+  const active = intent?.intent === DappIntentTypes.Launch
+  const closed = intent?.intent === DappIntentTypes.Close
 
   return {
     active,
+    closed,
     minimized,
-    open,
   }
 }

package/src/modules/Dapp/modules/Window/hooks/menu/useDappMenu.tsx

@@ -6,7 +6,7 @@ import {
 import { useNavigate, useParams } from 'react-router-dom'
 
 import { DappPathHelpers } from '../lib/index.ts'
-import { useDappMenuDependencies } from '../useDappMenuResourceValues.js'
+import { useDappMenuDependencies } from '../useDappMenuResourceValues.tsx'
 
 /**
  * Use the passed in dapp Node to resolve menu related modules and return the menu related items

package/src/modules/Dapp/modules/Window/hooks/route/helpers/RoutingNodes.md

@@ -0,0 +1,7 @@
+# Manage the dapp based off the route params and intent type
+ 
+This hook centralizes the logic for managing the dapp based off the route.  It reacts to changes in the route params and performs the following:
+ 
+ 1. Launch or close the dapp based off changes to the `dappName` route params
+ 1. Update the menu archivist based off changes in the the `path` route param
+ 1. Update the dapp archivist with injectable params based off changes in the query params

package/src/modules/Dapp/modules/Window/hooks/route/helpers/index.ts

@@ -1,4 +1,4 @@
-export * from './useManageDappInjectableParamsFromRoute.js'
-export * from './useManageDappIntentRequest.js'
-export * from './useManageDappPathFromRoute.js'
-export * from './useManageDappStateFromRoute.js'
+export * from './useManageDappInjectableParamsFromRoute.tsx'
+export * from './useManageDappIntentRequest.tsx'
+export * from './useManageDappPathFromRoute.tsx'
+export * from './useManageDappStateFromRoute.tsx'

package/src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappInjectableParamsFromRoute.tsx

@@ -9,7 +9,7 @@ import {
   useNavigate, useParams, useSearchParams,
 } from 'react-router-dom'
 
-/** React to change in the query params */
+/** Update the dapp archivist with injectable params based off changes in the query params */
 export const useManageDappInjectableParamsFromRoute = (context?: XyOsContext | null) => {
   const [queryParams] = useSearchParams()
   const params = useParams()

package/src/modules/Dapp/modules/Window/hooks/route/helpers/useManageDappPathFromRoute.tsx

@@ -10,6 +10,8 @@ import { DappPathHelpers } from '../../lib/index.ts'
 import { useDappMenuDependencies } from '../../useDappMenuResourceValues.js'
 
 /**
+ * Update the menu archivist based off changes in the the `path` route param
+ *
  * Test Cases:
  *
  * 1. Clicking sidebar menu