@xyo-network/react-module 2.49.7 → 2.49.8

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

@@ -1,23 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardActions, Divider, Icon, Typography } from '@mui/material';
+import { CardActions, Chip } 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, sx, ...props }) => {
     const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false);
     const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
     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] }));
+    return (_jsxs(CardActions, { sx: { alignItems: 'stretch', flexDirection: 'column', ml: 1, ...sx }, ...props, children: [_jsxs(FlexGrowRow, { justifyContent: "space-between", alignItems: "center", children: [wrapper ? _jsx(Chip, { label: config?.schema, size: 'small' }) : null, _jsx(ButtonEx, { onClick: () => setDiscoverDialogOpen(true), size: 'small', variant: 'outlined', children: "Discover" }), _jsx(DiscoverDialog, { fullWidth: true, maxWidth: 'md', module: module, 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,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"}
+{"version":3,"file":"CardActions.js","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAoB,IAAI,EAAE,MAAM,eAAe,CAAA;AACnE,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,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,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,MAAC,WAAW,IAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aAC5D,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,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,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,GAAI,IAC5H,EACb,QAAQ,IACG,CACf,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,9 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { CardHeader } from '@mui/material';
-import { Identicon } from '@xylabs/react-identicon';
 import { ModuleWrapper } from '@xyo-network/module';
+import { findNetworkComponent } from '@xyo-network/react-shared';
+const getModuleIcons = (moduleType, wrapper) => {
+    return wrapper?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null;
+};
 export const ModuleCardHeader = ({ subheader, avatar, title, module, ...props }) => {
     const wrapper = module ? ModuleWrapper.wrap(module) : undefined;
-    return (_jsx(CardHeader, { title: title ?? module?.config.name ?? '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(_Fragment, { children: wrapper
+                ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
+                    const Icon = getModuleIcons(moduleType, wrapper);
+                    return Icon ? _jsx(Icon, { fontSize: 'large', color: "primary" }) : null;
+                })
+                : null })), ...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,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"}
+{"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,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,CAAC,CAAC,CAAC,IAAI,CAAA;AAC9I,CAAC,CAAA;AAED,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;IAE/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,EACJ,MAAM,IAAI,CACR,4BACG,OAAO;gBACN,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;oBACnF,MAAM,IAAI,GAAG,cAAc,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;oBAChD,OAAO,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;gBAClE,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,GACP,CACJ,KAEC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Dialog, DialogActions, DialogContent } from '@mui/material';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, Paper } from '@mui/material';
 import { useAsyncEffect } from '@xylabs/react-async-effect';
 import { useState } from 'react';
-export const DiscoverDialog = ({ setOpen, wrapper, ...props }) => {
+// Add a dialogue title and quick tip to show description of discover query
+export const DiscoverDialog = ({ module, setOpen, wrapper, ...props }) => {
     const [discoverPayloads, setDiscoverPayloads] = useState([]);
     useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -13,6 +14,6 @@ export const DiscoverDialog = ({ setOpen, wrapper, ...props }) => {
                 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" }) })] }));
+    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogTitle, { children: ["Supported Queries for ", module?.config.name || module?.address] }), _jsx(Divider, {}), _jsx(DialogContent, { children: _jsxs(Paper, { sx: { p: 1 }, children: [_jsx(DialogContentText, { children: "All modules share a set of base queries along with ones specific to the module." }), _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

@@ -1 +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"}
+{"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,iBAAiB,EAAe,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACzI,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAG3D,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQ1D,2EAA2E;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtG,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,MAAC,WAAW,yCAAwB,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,EAAE,OAAO,IAAe,EACzF,KAAC,OAAO,KAAG,EACX,KAAC,aAAa,cACZ,MAAC,KAAK,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,aACjB,KAAC,iBAAiB,kGAAoG,EACtH,wBAAM,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,IAChD,GACM,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/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,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"}
+{"version":3,"file":"CardActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Card/Module/CardActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAQ,MAAM,eAAe,CAAA;AAMnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAG9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,iBAAiB,CAiB5E,CAAA"}

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

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

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

@@ -1,7 +1,8 @@
 import { DialogProps } from '@mui/material';
-import { ModuleWrapper } from '@xyo-network/module';
+import { Module, ModuleWrapper } from '@xyo-network/module';
 import { Dispatch, SetStateAction } from 'react';
 export interface DiscoverDialogProps extends DialogProps {
+    module?: Module;
     setOpen?: Dispatch<SetStateAction<boolean>>;
     wrapper?: ModuleWrapper;
 }

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

@@ -1 +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"}
+{"version":3,"file":"DiscoverDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Card/Module/components/DiscoverDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,WAAW,EAA+B,MAAM,eAAe,CAAA;AAEzI,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC3C,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAA"}

package/package.json

@@ -15,12 +15,10 @@
     "@xylabs/react-button": "^2.17.2",
     "@xylabs/react-crypto": "^2.17.2",
     "@xylabs/react-flexbox": "^2.17.2",
-    "@xylabs/react-identicon": "^2.17.2",
-    "@xyo-network/archivist": "^2.56.2",
     "@xyo-network/diviner": "^2.56.2",
     "@xyo-network/module": "^2.56.2",
     "@xyo-network/payload-model": "^2.56.2",
-    "@xyo-network/react-shared": "^2.49.7"
+    "@xyo-network/react-shared": "^2.49.8"
   },
   "devDependencies": {
     "@ethersproject/address": "^5.7.0",
@@ -28,12 +26,13 @@
     "@ethersproject/networks": "^5.7.1",
     "@ethersproject/providers": "^5.7.2",
     "@ethersproject/solidity": "^5.7.0",
-    "@storybook/react": "^7.0.8",
+    "@storybook/react": "^7.0.9",
     "@uniswap/sdk": "^3.0.3",
     "@uniswap/sdk-core": "^3.2.2",
     "@uniswap/v3-sdk": "^3.9.0",
-    "@xylabs/ts-scripts-yarn3": "^2.17.6",
-    "@xylabs/tsconfig-react": "^2.17.5",
+    "@xylabs/ts-scripts-yarn3": "^2.17.11",
+    "@xylabs/tsconfig-react": "^2.17.11",
+    "@xyo-network/archivist": "^2.56.2",
     "@xyo-network/crypto-asset-plugin": "^2.56.2",
     "@xyo-network/diviner-address-history": "^2.56.2",
     "@xyo-network/node": "^2.56.2",
@@ -91,5 +90,5 @@
   },
   "sideEffects": false,
   "types": "dist/types/index.d.ts",
-  "version": "2.49.7"
+  "version": "2.49.8"
 }

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

@@ -1,17 +1,12 @@
-import { CardActions, CardActionsProps, Divider, Icon, Typography } from '@mui/material'
+import { CardActions, CardActionsProps, Chip } 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, sx, ...props }) => {
   const [discoverDialogOpen, setDiscoverDialogOpen] = useState(false)
   const wrapper = module ? ModuleWrapper.wrap(module) : undefined
@@ -19,25 +14,12 @@ export const ModuleCardActions: React.FC<CardActionsProps & ModuleRenderProps> =
 
   return (
     <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}
+        {wrapper ? <Chip label={config?.schema} size={'small'} /> : null}
         <ButtonEx onClick={() => setDiscoverDialogOpen(true)} size={'small'} variant={'outlined'}>
           Discover
         </ButtonEx>
-        <DiscoverDialog fullWidth maxWidth={'md'} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} wrapper={wrapper} />
+        <DiscoverDialog fullWidth maxWidth={'md'} module={module} open={discoverDialogOpen} setOpen={setDiscoverDialogOpen} wrapper={wrapper} />
       </FlexGrowRow>
       {children}
     </CardActions>

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

@@ -1,16 +1,32 @@
 import { CardHeader, CardHeaderProps } from '@mui/material'
-import { Identicon } from '@xylabs/react-identicon'
 import { ModuleWrapper } from '@xyo-network/module'
+import { findNetworkComponent } from '@xyo-network/react-shared'
 
 import { ModuleRenderProps } from '../../../ModuleRenderProps'
 
+const getModuleIcons = (moduleType: string, wrapper: ModuleWrapper) => {
+  return wrapper?.queries.find((query) => query.startsWith(`network.xyo.query.${moduleType}`)) ? findNetworkComponent(moduleType)?.icon : null
+}
+
 export const ModuleCardHeader: React.FC<ModuleRenderProps & CardHeaderProps> = ({ subheader, avatar, title, module, ...props }) => {
   const wrapper = module ? ModuleWrapper.wrap(module) : undefined
+
   return (
     <CardHeader
       title={title ?? module?.config.name ?? 'Module'}
       subheader={subheader ?? wrapper?.address}
-      avatar={avatar ?? <Identicon size={24} value={wrapper?.address} />}
+      avatar={
+        avatar ?? (
+          <>
+            {wrapper
+              ? ['sentinel', 'bridge', 'archivist', 'diviner', 'node', 'witness'].map((moduleType) => {
+                  const Icon = getModuleIcons(moduleType, wrapper)
+                  return Icon ? <Icon fontSize={'large'} color="primary" /> : null
+                })
+              : null}
+          </>
+        )
+      }
       {...props}
     />
   )

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

@@ -1,15 +1,18 @@
-import { Button, Dialog, DialogActions, DialogContent, DialogProps } from '@mui/material'
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogProps, DialogTitle, Divider, Paper } from '@mui/material'
 import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { ModuleWrapper } from '@xyo-network/module'
+import { Module, ModuleWrapper } from '@xyo-network/module'
 import { Payload } from '@xyo-network/payload-model'
 import { Dispatch, SetStateAction, useState } from 'react'
 
 export interface DiscoverDialogProps extends DialogProps {
+  module?: Module
   setOpen?: Dispatch<SetStateAction<boolean>>
   wrapper?: ModuleWrapper
 }
 
-export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ setOpen, wrapper, ...props }) => {
+// Add a dialogue title and quick tip to show description of discover query
+
+export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ module, setOpen, wrapper, ...props }) => {
   const [discoverPayloads, setDiscoverPayloads] = useState<Payload[]>([])
 
   useAsyncEffect(
@@ -25,8 +28,13 @@ export const DiscoverDialog: React.FC<DiscoverDialogProps> = ({ setOpen, wrapper
 
   return (
     <Dialog {...props}>
+      <DialogTitle>Supported Queries for {module?.config.name || module?.address}</DialogTitle>
+      <Divider />
       <DialogContent>
-        <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>
+        <Paper sx={{ p: 1 }}>
+          <DialogContentText>All modules share a set of base queries along with ones specific to the module.</DialogContentText>
+          <pre>{JSON.stringify(discoverPayloads, null, 2)}</pre>
+        </Paper>
       </DialogContent>
       <DialogActions>
         <Button onClick={() => setOpen?.(false)} variant={'outlined'}>