@xyo-network/react-module 2.49.5 → 2.49.7

package/dist/cjs/components/Card/Diviner/CardContent.js

@@ -3,30 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DivinerCardContent = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const eth_address_1 = require("@xylabs/eth-address");
-const react_async_effect_1 = require("@xylabs/react-async-effect");
-const react_crypto_1 = require("@xylabs/react-crypto");
-const module_1 = require("@xyo-network/module");
-const react_1 = require("react");
 const Module_1 = require("../Module");
 const DivinerCardContent = (_a) => {
-    var _b, _c;
     var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
-    const [config, setConfig] = (0, react_1.useState)();
-    (0, react_async_effect_1.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
-        const payloads = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.discover());
-        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
-        if (mounted()) {
-            setConfig(payloads === null || payloads === void 0 ? void 0 : payloads[0]);
-        }
-    }), [module]);
-    return ((0, jsx_runtime_1.jsxs)(Module_1.ModuleCardContent, Object.assign({ module: module }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Parents" }), (_c = (_b = config === null || config === void 0 ? void 0 : config.parents) === null || _b === void 0 ? void 0 : _b.commit) === null || _c === void 0 ? void 0 : _c.map((address) => {
-                return (0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { address: eth_address_1.EthAddress.fromString(address) }, address);
-            }), children] })));
+    return ((0, jsx_runtime_1.jsx)(Module_1.ModuleCardContent, Object.assign({ module: module }, props, { children: children })));
 };
 exports.DivinerCardContent = DivinerCardContent;
 //# sourceMappingURL=CardContent.js.map

package/dist/cjs/components/Card/Diviner/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,qDAAgD;AAChD,mEAA2D;AAC3D,uDAAoD;AAGpD,gDAAoE;AACpE,iCAAgC;AAGhC,sCAA6C;AAEtC,MAAM,kBAAkB,GAAkE,CAAC,EAA8B,EAAE,EAAE;;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5H,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAoC,CAAA;IAExE,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,MAAM,QAAQ,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,wBAAC,0BAAiB,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,eAC1C,uBAAC,qBAAU,0BAAqB,EAC/B,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,0CAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,OAAO,uBAAC,4BAAa,IAAe,OAAO,EAAE,wBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAhD,OAAO,CAA6C,CAAA;YACjF,CAAC,CAAC,EACD,QAAQ,KACS,CACrB,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,kBAAkB,sBAyB9B"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA6C;AAEtC,MAAM,kBAAkB,GAAkE,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5H,OAAO,CACL,uBAAC,0BAAiB,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,cACzC,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA;AANY,QAAA,kBAAkB,sBAM9B"}

package/dist/cjs/components/Card/Diviner/CardHeader.js

@@ -5,8 +5,9 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Module_1 = require("../Module");
 const DivinerCardHeader = (_a) => {
+    var _b;
     var { title, module } = _a, props = tslib_1.__rest(_a, ["title", "module"]);
-    return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardHeader, Object.assign({ module: module, title: title !== null && title !== void 0 ? title : 'Archivist' }, props));
+    return (0, jsx_runtime_1.jsx)(Module_1.ModuleCardHeader, Object.assign({ module: module, title: (_b = title !== null && title !== void 0 ? title : module === null || module === void 0 ? void 0 : module.config.name) !== null && _b !== void 0 ? _b : 'Diviner' }, props));
 };
 exports.DivinerCardHeader = DivinerCardHeader;
 //# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/Card/Diviner/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA4C;AAErC,MAAM,iBAAiB,GAAiE,CAAC,EAA2B,EAAE,EAAE;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IACvH,OAAO,uBAAC,yBAAgB,kBAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,IAAM,KAAK,EAAI,CAAA;AACrF,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";;;;;AAIA,sCAA4C;AAErC,MAAM,iBAAiB,GAAiE,CAAC,EAA2B,EAAE,EAAE;;QAA/B,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAAzB,mBAA2B,CAAF;IACvH,OAAO,uBAAC,yBAAgB,kBAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,IAAI,mCAAI,SAAS,IAAM,KAAK,EAAI,CAAA;AAC1G,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}

package/dist/cjs/components/Card/Module/CardActions.js

@@ -5,21 +5,26 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_button_1 = require("@xylabs/react-button");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
 const module_1 = require("@xyo-network/module");
 const react_shared_1 = require("@xyo-network/react-shared");
+const react_1 = require("react");
+const components_1 = require("./components");
 const getModuleIcons = (moduleType, wrapper) => {
     var _a;
     return (wrapper === null || wrapper === void 0 ? void 0 : wrapper.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`))) ? (_a = (0, react_shared_1.findNetworkComponent)(moduleType)) === null || _a === void 0 ? void 0 : _a.icon() : null;
 };
 const ModuleCardActions = (_a) => {
-    var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
+    var { children, module, sx } = _a, props = tslib_1.__rest(_a, ["children", "module", "sx"]);
+    const [discoverDialogOpen, setDiscoverDialogOpen] = (0, react_1.useState)(false);
     const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
-    return ((0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({ style: { justifyContent: 'space-between' } }, props, { children: [wrapper
-                ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
-                    const icon = getModuleIcons(moduleType, wrapper);
-                    return icon ? (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, { children: icon }, moduleType) : null;
-                })
-                : null, (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => wrapper === null || wrapper === void 0 ? void 0 : wrapper.discover() }, { children: "Discover" })), children] })));
+    const config = wrapper === null || wrapper === void 0 ? void 0 : wrapper.config;
+    return ((0, jsx_runtime_1.jsxs)(material_1.CardActions, Object.assign({ sx: Object.assign({ alignItems: 'stretch', flexDirection: 'column', ml: 1 }, sx) }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", fontFamily: "inherit", fontWeight: "500" }, { children: config === null || config === void 0 ? void 0 : config.schema })), (0, jsx_runtime_1.jsx)(material_1.Divider, { flexItem: true, sx: { my: 1 } }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ justifyContent: "space-between", alignItems: "center" }, { children: [wrapper
+                        ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
+                            const icon = getModuleIcons(moduleType, wrapper);
+                            return icon ? ((0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ color: 'primary', title: moduleType.toLocaleUpperCase() }, { children: icon }), moduleType)) : null;
+                        })
+                        : null, (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined' }, { children: "Discover" })), (0, jsx_runtime_1.jsx)(components_1.DiscoverDialog, { fullWidth: true, maxWidth: 'md', open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] })), children] })));
 };
 exports.ModuleCardActions = ModuleCardActions;
 //# sourceMappingURL=CardActions.js.map

package/dist/cjs/components/Card/Module/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAC7D,uDAA+C;AAC/C,gDAAmD;AACnD,4DAAgE;AAIhE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,OAAsB,EAAE,EAAE;;IACpE,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,MAAA,IAAA,mCAAoB,EAAC,UAAU,CAAC,0CAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAChJ,CAAC,CAAA;AAEM,MAAM,iBAAiB,GAAmD,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5G,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,wBAAC,sBAAW,kBAAC,KAAK,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,IAAM,KAAK,eAC/D,OAAO;gBACN,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACxE,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;oBAChD,OAAO,IAAI,CAAC,CAAC,CAAC,uBAAC,uBAAQ,cAAmB,IAAI,IAAjB,UAAU,CAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnE,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,8BAAqB,EAChE,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,iBAAiB,qBAc7B"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAwF;AACxF,uDAA+C;AAC/C,yDAAmD;AACnD,gDAAmD;AACnD,4DAAgE;AAChE,iCAAgC;AAGhC,6CAA6C;AAE7C,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,OAAsB,EAAE,EAAE;;IACpE,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,MAAA,IAAA,mCAAoB,EAAC,UAAU,CAAC,0CAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAChJ,CAAC,CAAA;AAEM,MAAM,iBAAiB,GAAmD,CAAC,EAAkC,EAAE,EAAE;QAAtC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAY,EAAP,KAAK,sBAAhC,4BAAkC,CAAF;IAChH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,MAAM,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAA;IAE9B,OAAO,CACL,wBAAC,sBAAW,kBAAC,EAAE,kBAAI,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAK,EAAE,KAAQ,KAAK,eAC1F,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,gBAChE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,IACJ,EACb,uBAAC,kBAAO,IAAC,QAAQ,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI,EACnC,wBAAC,2BAAW,kBAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,iBAC5D,OAAO;wBACN,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;4BACnF,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;4BAChD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,uBAAC,eAAI,kBAAC,KAAK,EAAE,SAAS,EAAmB,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,gBAC3E,IAAI,KADsB,UAAU,CAEhC,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,CAAC,CAAC;wBACJ,CAAC,CAAC,IAAI,EACR,uBAAC,uBAAQ,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,8BAE7E,EACX,uBAAC,2BAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,KAC5G,EACb,QAAQ,KACG,CACf,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,iBAAiB,qBA8B7B"}

package/dist/cjs/components/Card/Module/CardContent.js

@@ -4,26 +4,9 @@ exports.ModuleCardContent = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
-const eth_address_1 = require("@xylabs/eth-address");
-const react_async_effect_1 = require("@xylabs/react-async-effect");
-const react_crypto_1 = require("@xylabs/react-crypto");
-const module_1 = require("@xyo-network/module");
-const react_1 = require("react");
 const ModuleCardContent = (_a) => {
-    var { children, module } = _a, props = tslib_1.__rest(_a, ["children", "module"]);
-    const [config, setConfig] = (0, react_1.useState)();
-    const account = (module === null || module === void 0 ? void 0 : module.address) ? eth_address_1.EthAddress.fromString(module === null || module === void 0 ? void 0 : module.address) : undefined;
-    (0, react_async_effect_1.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
-        const payloads = yield (wrapper === null || wrapper === void 0 ? void 0 : wrapper.discover());
-        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
-        if (mounted()) {
-            setConfig(payloads === null || payloads === void 0 ? void 0 : payloads[0]);
-        }
-    }), [module]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(react_crypto_1.EthAccountBox, { address: account }), children, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "subtitle2" }, { children: config === null || config === void 0 ? void 0 : config.schema }))] })));
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    return (0, jsx_runtime_1.jsx)(material_1.CardContent, Object.assign({}, props, { children: children }));
 };
 exports.ModuleCardContent = ModuleCardContent;
 //# sourceMappingURL=CardContent.js.map

package/dist/cjs/components/Card/Module/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AACzE,qDAAgD;AAChD,mEAA2D;AAC3D,uDAAoD;AACpD,gDAAkF;AAClF,iCAAgC;AAIzB,MAAM,iBAAiB,GAAmD,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,QAAQ,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IAC5G,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAiC,CAAA;IAErE,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,CAAC,wBAAU,CAAC,UAAU,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpF,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,MAAM,QAAQ,GAAG,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,CAAA,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,4BAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,QAAQ,EACT,uBAAC,qBAAU,kBAAC,OAAO,EAAC,WAAW,gBAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,IAAc,KACjD,CACf,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAItD,MAAM,iBAAiB,GAAmD,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IACpG,OAAO,uBAAC,sBAAW,oBAAK,KAAK,cAAG,QAAQ,IAAe,CAAA;AACzD,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}

package/dist/cjs/components/Card/Module/CardHeader.js

@@ -7,9 +7,10 @@ const material_1 = require("@mui/material");
 const react_identicon_1 = require("@xylabs/react-identicon");
 const module_1 = require("@xyo-network/module");
 const ModuleCardHeader = (_a) => {
+    var _b;
     var { subheader, avatar, title, module } = _a, props = tslib_1.__rest(_a, ["subheader", "avatar", "title", "module"]);
     const wrapper = module ? module_1.ModuleWrapper.wrap(module) : undefined;
-    return ((0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ title: title !== null && title !== void 0 ? title : 'Module', subheader: subheader !== null && subheader !== void 0 ? subheader : wrapper === null || wrapper === void 0 ? void 0 : wrapper.address, avatar: avatar !== null && avatar !== void 0 ? avatar : (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: 24, value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.address }) }, props)));
+    return ((0, jsx_runtime_1.jsx)(material_1.CardHeader, Object.assign({ title: (_b = title !== null && title !== void 0 ? title : module === null || module === void 0 ? void 0 : module.config.name) !== null && _b !== void 0 ? _b : 'Module', subheader: subheader !== null && subheader !== void 0 ? subheader : wrapper === null || wrapper === void 0 ? void 0 : wrapper.address, avatar: avatar !== null && avatar !== void 0 ? avatar : (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: 24, value: wrapper === null || wrapper === void 0 ? void 0 : wrapper.address }) }, props)));
 };
 exports.ModuleCardHeader = ModuleCardHeader;
 //# sourceMappingURL=CardHeader.js.map

package/dist/cjs/components/Card/Module/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,6DAAmD;AACnD,gDAAmD;AAI5C,MAAM,gBAAgB,GAAkD,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IAC1H,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,uBAAC,qBAAU,kBACT,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,QAAQ,EACxB,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACxC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,2BAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,GAAI,IAC9D,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAC3D,6DAAmD;AACnD,gDAAmD;AAI5C,MAAM,gBAAgB,GAAkD,CAAC,EAA8C,EAAE,EAAE;;QAAlD,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IAC1H,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,uBAAC,qBAAU,kBACT,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,IAAI,mCAAI,QAAQ,EAC/C,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EACxC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,2BAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,GAAI,IAC9D,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}

package/dist/cjs/components/Card/Module/components/DiscoverDialog.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscoverDialog = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_async_effect_1 = require("@xylabs/react-async-effect");
+const react_1 = require("react");
+const DiscoverDialog = (_a) => {
+    var { setOpen, wrapper } = _a, props = tslib_1.__rest(_a, ["setOpen", "wrapper"]);
+    const [discoverPayloads, setDiscoverPayloads] = (0, react_1.useState)([]);
+    (0, react_async_effect_1.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (wrapper) {
+            const payloads = yield wrapper.discover();
+            if (mounted())
+                setDiscoverPayloads(payloads);
+        }
+    }), [wrapper]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(discoverPayloads, null, 2) }) }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: () => setOpen === null || setOpen === void 0 ? void 0 : setOpen(false), variant: 'outlined' }, { children: "Close" })) })] })));
+};
+exports.DiscoverDialog = DiscoverDialog;
+//# sourceMappingURL=DiscoverDialog.js.map

package/dist/cjs/components/Card/Module/components/DiscoverDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyF;AACzF,mEAA2D;AAG3D,iCAA0D;AAOnD,MAAM,cAAc,GAAkC,CAAC,EAA8B,EAAE,EAAE;QAAlC,EAAE,OAAO,EAAE,OAAO,OAAY,EAAP,KAAK,sBAA5B,sBAA8B,CAAF;IACxF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAY,EAAE,CAAC,CAAA;IAEvE,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAA;YACzC,IAAI,OAAO,EAAE;gBAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;SAC7C;IACH,CAAC,CAAA,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,wBAAC,iBAAM,oBAAK,KAAK,eACf,uBAAC,wBAAa,cACZ,0CAAM,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,GACxC,EAChB,uBAAC,wBAAa,cACZ,uBAAC,iBAAM,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,2BAEnD,GACK,KACT,CACV,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,cAAc,kBA0B1B"}

package/dist/cjs/components/Card/Module/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DiscoverDialog"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Card/Module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC"}

package/dist/docs.json

@@ -26,7 +26,7 @@
 							"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
 							"line": 4,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/ModuleRenderProps.tsx#L4"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/ModuleRenderProps.tsx#L4"
 						}
 					],
 					"type": {
@@ -49,7 +49,7 @@
 					"fileName": "packages/modules/packages/module/src/ModuleRenderProps.tsx",
 					"line": 3,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/ModuleRenderProps.tsx#L3"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/ModuleRenderProps.tsx#L3"
 				}
 			],
 			"typeParameters": [
@@ -85,7 +85,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/Card.tsx",
 					"line": 9,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Diviner/Card.tsx#L9"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Diviner/Card.tsx#L9"
 				}
 			],
 			"signatures": [
@@ -222,6 +222,24 @@
 														"type": "literal",
 														"value": "children"
 													},
+													{
+														"type": "literal",
+														"value": "slot"
+													},
+													{
+														"type": "literal",
+														"value": "title"
+													},
+													{
+														"type": "typeOperator",
+														"operator": "keyof",
+														"target": {
+															"type": "reference",
+															"name": "CommonProps",
+															"qualifiedName": "CommonProps",
+															"package": "@mui/material"
+														}
+													},
 													{
 														"type": "literal",
 														"value": "defaultChecked"
@@ -282,10 +300,6 @@
 														"type": "literal",
 														"value": "placeholder"
 													},
-													{
-														"type": "literal",
-														"value": "slot"
-													},
 													{
 														"type": "literal",
 														"value": "spellCheck"
@@ -294,10 +308,6 @@
 														"type": "literal",
 														"value": "tabIndex"
 													},
-													{
-														"type": "literal",
-														"value": "title"
-													},
 													{
 														"type": "literal",
 														"value": "translate"
@@ -1250,27 +1260,17 @@
 														"type": "literal",
 														"value": "onTransitionEndCapture"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "literal",
 														"value": "ref"
 													},
 													{
 														"type": "literal",
-														"value": "square"
+														"value": "sx"
 													},
 													{
-														"type": "typeOperator",
-														"operator": "keyof",
-														"target": {
-															"type": "reference",
-															"name": "CommonProps",
-															"qualifiedName": "CommonProps",
-															"package": "@mui/material"
-														}
+														"type": "literal",
+														"value": "key"
 													},
 													{
 														"type": "literal",
@@ -1278,11 +1278,11 @@
 													},
 													{
 														"type": "literal",
-														"value": "key"
+														"value": "elevation"
 													},
 													{
 														"type": "literal",
-														"value": "elevation"
+														"value": "square"
 													},
 													{
 														"type": "literal",
@@ -1362,9 +1362,9 @@
 			"sources": [
 				{
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx",
-					"line": 13,
+					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx#L13"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Diviner/CardContent.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -1492,10 +1492,6 @@
 														"type": "literal",
 														"value": "children"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "typeOperator",
 														"operator": "keyof",
@@ -1505,6 +1501,10 @@
 															"qualifiedName": "CommonProps",
 															"package": "@mui/material"
 														}
+													},
+													{
+														"type": "literal",
+														"value": "sx"
 													}
 												]
 											}
@@ -1569,7 +1569,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Diviner/CardHeader.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -1697,10 +1697,6 @@
 														"type": "literal",
 														"value": "title"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "typeOperator",
 														"operator": "keyof",
@@ -1711,6 +1707,10 @@
 															"package": "@mui/material"
 														}
 													},
+													{
+														"type": "literal",
+														"value": "sx"
+													},
 													{
 														"type": "literal",
 														"value": "action"
@@ -1798,7 +1798,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/Card.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Module/Card.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Module/Card.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -1935,6 +1935,24 @@
 														"type": "literal",
 														"value": "children"
 													},
+													{
+														"type": "literal",
+														"value": "slot"
+													},
+													{
+														"type": "literal",
+														"value": "title"
+													},
+													{
+														"type": "typeOperator",
+														"operator": "keyof",
+														"target": {
+															"type": "reference",
+															"name": "CommonProps",
+															"qualifiedName": "CommonProps",
+															"package": "@mui/material"
+														}
+													},
 													{
 														"type": "literal",
 														"value": "defaultChecked"
@@ -1995,10 +2013,6 @@
 														"type": "literal",
 														"value": "placeholder"
 													},
-													{
-														"type": "literal",
-														"value": "slot"
-													},
 													{
 														"type": "literal",
 														"value": "spellCheck"
@@ -2007,10 +2021,6 @@
 														"type": "literal",
 														"value": "tabIndex"
 													},
-													{
-														"type": "literal",
-														"value": "title"
-													},
 													{
 														"type": "literal",
 														"value": "translate"
@@ -2963,27 +2973,17 @@
 														"type": "literal",
 														"value": "onTransitionEndCapture"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "literal",
 														"value": "ref"
 													},
 													{
 														"type": "literal",
-														"value": "square"
+														"value": "sx"
 													},
 													{
-														"type": "typeOperator",
-														"operator": "keyof",
-														"target": {
-															"type": "reference",
-															"name": "CommonProps",
-															"qualifiedName": "CommonProps",
-															"package": "@mui/material"
-														}
+														"type": "literal",
+														"value": "key"
 													},
 													{
 														"type": "literal",
@@ -2991,11 +2991,11 @@
 													},
 													{
 														"type": "literal",
-														"value": "key"
+														"value": "elevation"
 													},
 													{
 														"type": "literal",
-														"value": "elevation"
+														"value": "square"
 													},
 													{
 														"type": "literal",
@@ -3075,9 +3075,9 @@
 			"sources": [
 				{
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardActions.tsx",
-					"line": 12,
+					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Module/CardActions.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Module/CardActions.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -3170,9 +3170,9 @@
 			"sources": [
 				{
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardContent.tsx",
-					"line": 10,
+					"line": 5,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Module/CardContent.tsx#L10"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Module/CardContent.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -3300,10 +3300,6 @@
 														"type": "literal",
 														"value": "children"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "typeOperator",
 														"operator": "keyof",
@@ -3313,6 +3309,10 @@
 															"qualifiedName": "CommonProps",
 															"package": "@mui/material"
 														}
+													},
+													{
+														"type": "literal",
+														"value": "sx"
 													}
 												]
 											}
@@ -3377,7 +3377,7 @@
 					"fileName": "packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx",
 					"line": 7,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/Card/Module/CardHeader.tsx#L7"
 				}
 			],
 			"signatures": [
@@ -3505,10 +3505,6 @@
 														"type": "literal",
 														"value": "title"
 													},
-													{
-														"type": "literal",
-														"value": "sx"
-													},
 													{
 														"type": "typeOperator",
 														"operator": "keyof",
@@ -3519,6 +3515,10 @@
 															"package": "@mui/material"
 														}
 													},
+													{
+														"type": "literal",
+														"value": "sx"
+													},
 													{
 														"type": "literal",
 														"value": "action"
@@ -3606,7 +3606,7 @@
 					"fileName": "packages/modules/packages/module/src/components/DetailsBox.tsx",
 					"line": 15,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/DetailsBox.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/DetailsBox.tsx#L15"
 				}
 			],
 			"signatures": [
@@ -3701,7 +3701,7 @@
 					"fileName": "packages/modules/packages/module/src/components/TableCell.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/components/TableCell.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/components/TableCell.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -3813,7 +3813,7 @@
 			"fileName": "packages/modules/packages/module/src/index.ts",
 			"line": 1,
 			"character": 0,
-			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/e1f486ca0/packages/modules/packages/module/src/index.ts#L1"
+			"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/b2b294de7/packages/modules/packages/module/src/index.ts#L1"
 		}
 	]
 }

package/dist/esm/components/Card/Diviner/CardContent.js

@@ -1,25 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { EthAddress } from '@xylabs/eth-address';
-import { useAsyncEffect } from '@xylabs/react-async-effect';
-import { EthAccountBox } from '@xylabs/react-crypto';
-import { ModuleWrapper } from '@xyo-network/module';
-import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { ModuleCardContent } from '../Module';
 export const DivinerCardContent = ({ children, module, ...props }) => {
-    const [config, setConfig] = useState();
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-        const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
-        const payloads = await wrapper?.discover();
-        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
-        if (mounted()) {
-            setConfig(payloads?.[0]);
-        }
-    }, [module]);
-    return (_jsxs(ModuleCardContent, { module: module, ...props, children: [_jsx(Typography, { children: "Parents" }), config?.parents?.commit?.map((address) => {
-                return _jsx(EthAccountBox, { address: EthAddress.fromString(address) }, address);
-            }), children] }));
+    return (_jsx(ModuleCardContent, { module: module, ...props, children: children }));
 };
 //# sourceMappingURL=CardContent.js.map

package/dist/esm/components/Card/Diviner/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGpD,OAAO,EAAmB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAkE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAoC,CAAA;IAExE,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,aAC1C,KAAC,UAAU,0BAAqB,EAC/B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACxC,OAAO,KAAC,aAAa,IAAe,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,IAAhD,OAAO,CAA6C,CAAA;YACjF,CAAC,CAAC,EACD,QAAQ,IACS,CACrB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,kBAAkB,GAAkE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClI,OAAO,CACL,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,YACzC,QAAQ,GACS,CACrB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Card/Diviner/CardHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ModuleCardHeader } from '../Module';
 export const DivinerCardHeader = ({ title, module, ...props }) => {
-    return _jsx(ModuleCardHeader, { module: module, title: title ?? 'Archivist', ...props });
+    return _jsx(ModuleCardHeader, { module: module, title: title ?? module?.config.name ?? 'Diviner', ...props });
 };
 //# sourceMappingURL=CardHeader.js.map

package/dist/esm/components/Card/Diviner/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAiE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7H,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,WAAW,KAAM,KAAK,GAAI,CAAA;AACrF,CAAC,CAAA"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardHeader.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAiE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7H,OAAO,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1G,CAAC,CAAA"}

package/dist/esm/components/Card/Module/CardActions.js

@@ -1,18 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardActions } from '@mui/material';
+import { CardActions, Divider, Icon, Typography } from '@mui/material';
 import { ButtonEx } from '@xylabs/react-button';
+import { FlexGrowRow } from '@xylabs/react-flexbox';
 import { ModuleWrapper } from '@xyo-network/module';
 import { findNetworkComponent } from '@xyo-network/react-shared';
+import { useState } from 'react';
+import { DiscoverDialog } from './components';
 const getModuleIcons = (moduleType, wrapper) => {
     return wrapper?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null;
 };
-export const ModuleCardActions = ({ children, module, ...props }) => {
+export const ModuleCardActions = ({ children, module, sx, ...props }) => {
+    const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
     const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
-    return (_jsxs(CardActions, { style: { justifyContent: 'space-between' }, ...props, children: [wrapper
-                ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
-                    const icon = getModuleIcons(moduleType, wrapper);
-                    return icon ? _jsx(ButtonEx, { children: icon }, moduleType) : null;
-                })
-                : null, _jsx(ButtonEx, { onClick: () => wrapper?.discover(), children: "Discover" }), children] }));
+    const config = wrapper?.config;
+    return (_jsxs(CardActions, { sx: { alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }, ...props, children: [_jsx(Typography, { variant: "caption", fontFamily: "inherit", fontWeight: "500", children: config?.schema }), _jsx(Divider, { flexItem: true, sx: { my: 1 } }), _jsxs(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [wrapper
+                        ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
+                            const icon = getModuleIcons(moduleType, wrapper);
+                            return icon ? (_jsx(Icon, { color: 'primary', title: moduleType.toLocaleUpperCase(), children: icon }, moduleType)) : null;
+                        })
+                        : null, _jsx(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), _jsx(DiscoverDialog, { fullWidth: true, maxWidth: 'md', open: discoverDialogOpen, setOpen: setDiscoverDialogOpen, wrapper: wrapper })] }), children] }));
 };
 //# sourceMappingURL=CardActions.js.map

package/dist/esm/components/Card/Module/CardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAIhE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,OAAsB,EAAE,EAAE;IACpE,OAAO,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAChJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,KAAM,KAAK,aAC/D,OAAO;gBACN,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACxE,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;oBAChD,OAAO,IAAI,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAmB,IAAI,IAAjB,UAAU,CAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;gBACnE,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,EACR,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,yBAAqB,EAChE,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,OAAsB,EAAE,EAAE;IACpE,OAAO,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AAChJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,MAAM,GAAG,OAAO,EAAE,MAAM,CAAA;IAE9B,OAAO,CACL,MAAC,WAAW,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,KAAM,KAAK,aAC1F,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,YAChE,MAAM,EAAE,MAAM,GACJ,EACb,KAAC,OAAO,IAAC,QAAQ,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,GAAI,EACnC,MAAC,WAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO;wBACN,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;4BACnF,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;4BAChD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAmB,KAAK,EAAE,UAAU,CAAC,iBAAiB,EAAE,YAC3E,IAAI,IADsB,UAAU,CAEhC,CACR,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,CAAC,CAAC;wBACJ,CAAC,CAAC,IAAI,EACR,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,yBAE7E,EACX,KAAC,cAAc,IAAC,SAAS,QAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5G,EACb,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Card/Module/CardContent.js

@@ -1,23 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardContent, Typography } from '@mui/material';
-import { EthAddress } from '@xylabs/eth-address';
-import { useAsyncEffect } from '@xylabs/react-async-effect';
-import { EthAccountBox } from '@xylabs/react-crypto';
-import { ModuleWrapper } from '@xyo-network/module';
-import { useState } from 'react';
-export const ModuleCardContent = ({ children, module, ...props }) => {
-    const [config, setConfig] = useState();
-    const account = module?.address ? EthAddress.fromString(module?.address) : undefined;
-    useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-        const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
-        const payloads = await wrapper?.discover();
-        console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`);
-        if (mounted()) {
-            setConfig(payloads?.[0]);
-        }
-    }, [module]);
-    return (_jsxs(CardContent, { ...props, children: [_jsx(EthAccountBox, { address: account }), children, _jsx(Typography, { variant: "subtitle2", children: config?.schema })] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CardContent } from '@mui/material';
+export const ModuleCardContent = ({ children, ...props }) => {
+    return _jsx(CardContent, { ...props, children: children });
 };
 //# sourceMappingURL=CardContent.js.map

package/dist/esm/components/Card/Module/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAiC,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAIhC,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAiC,CAAA;IAErE,MAAM,OAAO,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEpF,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAC/D,MAAM,QAAQ,GAAG,MAAM,OAAO,EAAE,QAAQ,EAAE,CAAA;QAC1C,OAAO,CAAC,GAAG,CAAC,aAAa,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAA;QAC7D,IAAI,OAAO,EAAE,EAAE;YACb,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,GAAI,EAClC,QAAQ,EACT,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAE,MAAM,EAAE,MAAM,GAAc,IACjD,CACf,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAI7D,MAAM,CAAC,MAAM,iBAAiB,GAAmD,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,OAAO,KAAC,WAAW,OAAK,KAAK,YAAG,QAAQ,GAAe,CAAA;AACzD,CAAC,CAAA"}

package/dist/esm/components/Card/Module/CardHeader.js

@@ -4,6 +4,6 @@ import { Identicon } from '@xylabs/react-identicon';
 import { ModuleWrapper } from '@xyo-network/module';
 export const ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
     const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
-    return (_jsx(CardHeader, { title: title ?? 'Module', subheader: subheader ?? wrapper?.address, avatar: avatar ?? _jsx(Identicon, { size: 24, value: wrapper?.address }), ...props }));
+    return (_jsx(CardHeader, { title: title ?? module?.config.name ?? 'Module', subheader: subheader ?? wrapper?.address, avatar: avatar ?? _jsx(Identicon, { size: 24, value: wrapper?.address }), ...props }));
 };
 //# sourceMappingURL=CardHeader.js.map

package/dist/esm/components/Card/Module/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,gBAAgB,GAAkD,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,IAAI,QAAQ,EACxB,SAAS,EAAE,SAAS,IAAI,OAAO,EAAE,OAAO,EACxC,MAAM,EAAE,MAAM,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,gBAAgB,GAAkD,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChI,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,IAAI,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,QAAQ,EAC/C,SAAS,EAAE,SAAS,IAAI,OAAO,EAAE,OAAO,EACxC,MAAM,EAAE,MAAM,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,KAC9D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Card/Module/components/DiscoverDialog.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent } from '@mui/material';
+import { useAsyncEffect } from '@xylabs/react-async-effect';
+import { useState } from 'react';
+export const DiscoverDialog = ({ setOpen, wrapper, ...props }) => {
+    const [discoverPayloads, setDiscoverPayloads] = useState([]);
+    useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+        if (wrapper) {
+            const payloads = await wrapper.discover();
+            if (mounted())
+                setDiscoverPayloads(payloads);
+        }
+    }, [wrapper]);
+    return (_jsxs(Dialog, { ...props, children: [_jsx(DialogContent, { children: _jsx("pre", { children: JSON.stringify(discoverPayloads, null, 2) }) }), _jsx(DialogActions, { children: _jsx(Button, { onClick: () => setOpen?.(false), variant: 'outlined', children: "Close" }) })] }));
+};
+//# sourceMappingURL=DiscoverDialog.js.map

package/dist/esm/components/Card/Module/components/DiscoverDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverDialog.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAe,MAAM,eAAe,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAG3D,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAA;AAO1D,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAA;IAEvE,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAA;YACzC,IAAI,OAAO,EAAE;gBAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAA;SAC7C;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,CACL,MAAC,MAAM,OAAK,KAAK,aACf,KAAC,aAAa,cACZ,wBAAM,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,GACxC,EAChB,KAAC,aAAa,cACZ,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,UAAU,sBAEnD,GACK,IACT,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Card/Module/components/index.js

@@ -0,0 +1,2 @@
+export * from './DiscoverDialog';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Card/Module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/types/components/Card/Diviner/CardContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAK5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAIpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAyB5F,CAAA"}
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Diviner/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,GAAG,gBAAgB,CAM5F,CAAA"}

package/dist/types/components/Card/Module/CardActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAM9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAc5E,CAAA"}
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAA6B,MAAM,eAAe,CAAA;AAOxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAO9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CA8B5E,CAAA"}

package/dist/types/components/Card/Module/CardContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAc,MAAM,eAAe,CAAA;AAOzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAyB5E,CAAA"}
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAE9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,GAAG,gBAAgB,CAE5E,CAAA"}

package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts

@@ -0,0 +1,9 @@
+import { DialogProps } from '@mui/material';
+import { ModuleWrapper } from '@xyo-network/module';
+import { Dispatch, SetStateAction } from 'react';
+export interface DiscoverDialogProps extends DialogProps {
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+    wrapper?: ModuleWrapper;
+}
+export declare const DiscoverDialog: React.FC<DiscoverDialogProps>;
+//# sourceMappingURL=DiscoverDialog.d.ts.map

package/dist/types/components/Card/Module/components/DiscoverDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgD,WAAW,EAAE,MAAM,eAAe,CAAA;AAEzF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAA"}

package/dist/types/components/Card/Module/components/index.d.ts

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

package/dist/types/components/Card/Module/components/index.d.ts.map

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

package/package.json

@@ -19,7 +19,8 @@
     "@xyo-network/archivist": "^2.56.2",
     "@xyo-network/diviner": "^2.56.2",
     "@xyo-network/module": "^2.56.2",
-    "@xyo-network/react-shared": "^2.49.5"
+    "@xyo-network/payload-model": "^2.56.2",
+    "@xyo-network/react-shared": "^2.49.7"
   },
   "devDependencies": {
     "@ethersproject/address": "^5.7.0",
@@ -90,5 +91,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.49.5"
+  "version": "2.49.7"
 }

package/src/components/Card/Diviner/Card.stories.tsx

@@ -7,18 +7,6 @@ import { useState } from 'react'
 import { DivinerCard } from './Card'
 
 const StorybookEntry = {
-  argTypes: {
-    authState: {
-      jwtToken: 'badToken',
-      loggedInAccount: 'none@none.com',
-    },
-  },
-  component: DivinerCard,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
   title: 'modules/diviner/DivinerCard',
 } as Meta<typeof DivinerCard>
 
@@ -32,6 +20,7 @@ const Template: StoryFn<typeof DivinerCard> = () => {
         const newModule = await AddressHistoryDiviner.create({
           config: {
             address: '',
+            name: 'AddressHistoryDiviner',
             schema: AddressHistoryDivinerConfigSchema,
           },
         })

package/src/components/Card/Diviner/CardContent.tsx

@@ -1,37 +1,12 @@
-import { CardContentProps, Typography } from '@mui/material'
-import { EthAddress } from '@xylabs/eth-address'
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { EthAccountBox } from '@xylabs/react-crypto'
-import { ArchivistConfig } from '@xyo-network/archivist'
+import { CardContentProps } from '@mui/material'
 import { DivinerModule } from '@xyo-network/diviner'
-import { AnyConfigSchema, ModuleWrapper } from '@xyo-network/module'
-import { useState } from 'react'
 
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 import { ModuleCardContent } from '../Module'
 
 export const DivinerCardContent: React.FC<ModuleRenderProps<DivinerModule> & CardContentProps> = ({ children, module, ...props }) => {
-  const [config, setConfig] = useState<AnyConfigSchema<ArchivistConfig>>()
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const wrapper = module ? ModuleWrapper.wrap(module) : undefined
-      const payloads = await wrapper?.discover()
-      console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`)
-      if (mounted()) {
-        setConfig(payloads?.[0])
-      }
-    },
-    [module],
-  )
-
   return (
     <ModuleCardContent module={module} {...props}>
-      <Typography>Parents</Typography>
-      {config?.parents?.commit?.map((address) => {
-        return <EthAccountBox key={address} address={EthAddress.fromString(address)} />
-      })}
       {children}
     </ModuleCardContent>
   )

package/src/components/Card/Diviner/CardHeader.tsx

@@ -5,5 +5,5 @@ import { ModuleRenderProps } from '../../../ModuleRenderProps'
 import { ModuleCardHeader } from '../Module'
 
 export const DivinerCardHeader: React.FC<ModuleRenderProps<DivinerModule> & CardHeaderProps> = ({ title, module, ...props }) => {
-  return <ModuleCardHeader module={module} title={title ?? 'Archivist'} {...props} />
+  return <ModuleCardHeader module={module} title={title ?? module?.config.name ?? 'Diviner'} {...props} />
 }

package/src/components/Card/Module/CardActions.tsx

@@ -1,25 +1,44 @@
-import { CardActions, CardActionsProps } from '@mui/material'
+import { CardActions, CardActionsProps, Divider, Icon, Typography } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
 import { ModuleWrapper } from '@xyo-network/module'
 import { findNetworkComponent } from '@xyo-network/react-shared'
+import { useState } from 'react'
 
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
+import { DiscoverDialog } from './components'
 
 const getModuleIcons = (moduleType: string, wrapper: ModuleWrapper) => {
   return wrapper?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon() : null
 }
 
-export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, ...props }) => {
+export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> = ({ children, module, sx, ...props }) => {
+  const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
   const wrapper = module ? ModuleWrapper.wrap(module) : undefined
+  const config = wrapper?.config
+
   return (
-    <CardActions style={{ justifyContent: 'space-between' }} {...props}>
-      {wrapper
-        ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node'].map((moduleType) => {
-            const icon = getModuleIcons(moduleType, wrapper)
-            return icon ? <ButtonEx key={moduleType}>{icon}</ButtonEx> : null
-          })
-        : null}
-      <ButtonEx onClick={() => wrapper?.discover()}>Discover</ButtonEx>
+    <CardActions sx={{ alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }} {...props}>
+      <Typography variant="caption" fontFamily="inherit" fontWeight="500">
+        {config?.schema}
+      </Typography>
+      <Divider flexItem sx={{ my: 1 }} />
+      <FlexGrowRow justifyContent="space-between" alignItems="center">
+        {wrapper
+          ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
+              const icon = getModuleIcons(moduleType, wrapper)
+              return icon ? (
+                <Icon color={'primary'} key={moduleType} title={moduleType.toLocaleUpperCase()}>
+                  {icon}
+                </Icon>
+              ) : null
+            })
+          : null}
+        <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>
+          Discover
+        </ButtonEx>
+        <DiscoverDialog fullWidth maxWidth={'md'} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} wrapper={wrapper} />
+      </FlexGrowRow>
       {children}
     </CardActions>
   )

package/src/components/Card/Module/CardContent.tsx

@@ -1,35 +1,7 @@
-import { CardContent, CardContentProps, Typography } from '@mui/material'
-import { EthAddress } from '@xylabs/eth-address'
-import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { EthAccountBox } from '@xylabs/react-crypto'
-import { AnyConfigSchema, ModuleConfig, ModuleWrapper } from '@xyo-network/module'
-import { useState } from 'react'
+import { CardContent, CardContentProps } from '@mui/material'
 
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 
-export const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, module, ...props }) => {
-  const [config, setConfig] = useState<AnyConfigSchema<ModuleConfig>>()
-
-  const account = module?.address ? EthAddress.fromString(module?.address) : undefined
-
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const wrapper = module ? ModuleWrapper.wrap(module) : undefined
-      const payloads = await wrapper?.discover()
-      console.log(`Payloads: ${JSON.stringify(payloads, null, 2)}`)
-      if (mounted()) {
-        setConfig(payloads?.[0])
-      }
-    },
-    [module],
-  )
-
-  return (
-    <CardContent {...props}>
-      <EthAccountBox address={account} />
-      {children}
-      <Typography variant="subtitle2">{config?.schema}</Typography>
-    </CardContent>
-  )
+export const ModuleCardContent: React.FC<ModuleRenderProps & CardContentProps> = ({ children, ...props }) => {
+  return <CardContent {...props}>{children}</CardContent>
 }

package/src/components/Card/Module/CardHeader.tsx

@@ -8,7 +8,7 @@ export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = (
   const wrapper = module ? ModuleWrapper.wrap(module) : undefined
   return (
     <CardHeader
-      title={title ?? 'Module'}
+      title={title ?? module?.config.name ?? 'Module'}
       subheader={subheader ?? wrapper?.address}
       avatar={avatar ?? <Identicon size={24} value={wrapper?.address} />}
       {...props}

package/src/components/Card/Module/components/DiscoverDialog.tsx

@@ -0,0 +1,38 @@
+import { Button, Dialog, DialogActions, DialogContent, DialogProps } from '@mui/material'
+import { useAsyncEffect } from '@xylabs/react-async-effect'
+import { ModuleWrapper } from '@xyo-network/module'
+import { Payload } from '@xyo-network/payload-model'
+import { Dispatch, SetStateAction, useState } from 'react'
+
+export interface DiscoverDialogProps extends DialogProps {
+  setOpen?: Dispatch<SetStateAction<boolean>>
+  wrapper?: ModuleWrapper
+}
+
+export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ setOpen, wrapper, ...props }) => {
+  const [discoverPayloads, setDiscoverPayloads] = useState<Payload[]>([])
+
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (wrapper) {
+        const payloads = await wrapper.discover()
+        if (mounted()) setDiscoverPayloads(payloads)
+      }
+    },
+    [wrapper],
+  )
+
+  return (
+    <Dialog {...props}>
+      <DialogContent>
+        <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={() => setOpen?.(false)} variant={'outlined'}>
+          Close
+        </Button>
+      </DialogActions>
+    </Dialog>
+  )
+}

package/src/components/Card/Module/components/index.ts

@@ -0,0 +1 @@
+export * from './DiscoverDialog'