@xyo-network/react-powered-by-xyo 2.64.0 → 2.64.3

package/dist/browser/components/ArchivistSummary.js

@@ -1,8 +1,38 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/ArchivistSummary.tsx
 import { Inventory2Rounded as Inventory2RoundedIcon } from "@mui/icons-material";
-import { ModuleSummary } from "./ModuleSummary";
-const ArchivistSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx(ModuleSummary, { module, icon: /* @__PURE__ */ jsx(Inventory2RoundedIcon, {}), ...props });
+
+// src/components/ModuleSummary.tsx
+import { Extension as ExtensionIcon } from "@mui/icons-material";
+import { delay } from "@xylabs/delay";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useModulesFromNode } from "@xyo-network/react-node";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModuleSummary = ({ children, icon, module, ...props }) => {
+  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
+  const [busy, setBusy] = useState(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  module?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await delay(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/ArchivistSummary.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ArchivistSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(Inventory2RoundedIcon, {}), ...props });
 };
 export {
   ArchivistSummary

package/dist/browser/components/ArchivistSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ArchivistSummary.tsx"],"sourcesContent":["import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n"],"mappings":"AAM8C;AAN9C,SAAS,qBAAqB,6BAA6B;AAG3D,SAAS,qBAAyC;AAE3C,MAAM,mBAAoE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACzG,SAAO,oBAAC,iBAAc,QAAgB,MAAM,oBAAC,yBAAsB,GAAK,GAAG,OAAO;AACpF;","names":[]}
+{"version":3,"sources":["../../../src/components/ArchivistSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,qBAAqB,6BAA6B;;;ACA3D,SAAS,aAAa,qBAAqB;AAC3C,SAAS,aAAa;AACtB,SAAuB,SAAS,eAAe;AAE/C,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAoB,gBAAgB;AAwB5B,SAC2D,KAD3D;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,IAAI,mBAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,IAAI,mBAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,UAAQ,GAAG,cAAc,OAAO,EAAE,MAAAA,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,UAAM,MAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,oBAAC,WAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,+BAAC,WAAQ,gBAAe,cACtB;AAAA,yBAAC,WACC;AAAA,0BAAC,gBAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,oBAAC,iBAAc,GAAG;AAAA,MAC3E,oBAAC,gBAAa,SAAS,GAAI,kBAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,gBAAAC,YAAA;AADvC,IAAM,mBAAoE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACzG,SAAO,gBAAAA,KAAC,iBAAc,QAAgB,MAAM,gBAAAA,KAAC,yBAAsB,GAAK,GAAG,OAAO;AACpF;","names":["busy","jsx"]}

package/dist/browser/components/BridgeSummary.js

@@ -1,8 +1,38 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/BridgeSummary.tsx
 import { InsertLinkRounded as InsertLinkRoundedIcon } from "@mui/icons-material";
-import { ModuleSummary } from "./ModuleSummary";
-const BridgeSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx(ModuleSummary, { module, icon: /* @__PURE__ */ jsx(InsertLinkRoundedIcon, {}), ...props });
+
+// src/components/ModuleSummary.tsx
+import { Extension as ExtensionIcon } from "@mui/icons-material";
+import { delay } from "@xylabs/delay";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useModulesFromNode } from "@xyo-network/react-node";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModuleSummary = ({ children, icon, module, ...props }) => {
+  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
+  const [busy, setBusy] = useState(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  module?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await delay(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/BridgeSummary.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var BridgeSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(InsertLinkRoundedIcon, {}), ...props });
 };
 export {
   BridgeSummary

package/dist/browser/components/BridgeSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/BridgeSummary.tsx"],"sourcesContent":["import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n"],"mappings":"AAM8C;AAN9C,SAAS,qBAAqB,6BAA6B;AAG3D,SAAS,qBAAyC;AAE3C,MAAM,gBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,oBAAC,iBAAc,QAAgB,MAAM,oBAAC,yBAAsB,GAAK,GAAG,OAAO;AACpF;","names":[]}
+{"version":3,"sources":["../../../src/components/BridgeSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,qBAAqB,6BAA6B;;;ACA3D,SAAS,aAAa,qBAAqB;AAC3C,SAAS,aAAa;AACtB,SAAuB,SAAS,eAAe;AAE/C,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAoB,gBAAgB;AAwB5B,SAC2D,KAD3D;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,IAAI,mBAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,IAAI,mBAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,UAAQ,GAAG,cAAc,OAAO,EAAE,MAAAA,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,UAAM,MAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,oBAAC,WAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,+BAAC,WAAQ,gBAAe,cACtB;AAAA,yBAAC,WACC;AAAA,0BAAC,gBAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,oBAAC,iBAAc,GAAG;AAAA,MAC3E,oBAAC,gBAAa,SAAS,GAAI,kBAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,gBAAAC,YAAA;AADvC,IAAM,gBAA8D,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACnG,SAAO,gBAAAA,KAAC,iBAAc,QAAgB,MAAM,gBAAAA,KAAC,yBAAsB,GAAK,GAAG,OAAO;AACpF;","names":["busy","jsx"]}

package/dist/browser/components/DebugDialog.js

@@ -1,11 +1,210 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
-import { NodeDetails } from "./NodeDetails";
-const DebugDialog = ({ onClose, ...props }) => {
-  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { children: "Xyo Module Viewer" }),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(NodeDetails, { width: "100%" }) }),
-    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: (event) => onClose?.(event, "backdropClick"), children: "Close" }) })
+// src/components/DebugDialog.tsx
+import { Button, Dialog as Dialog2, DialogActions as DialogActions2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@mui/material";
+
+// src/components/NodeDetails.tsx
+import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
+import { useModulesFromNode as useModulesFromNode3, useProvidedNode } from "@xyo-network/react-node";
+
+// src/components/ModuleAccordion.tsx
+import { ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
+import { Accordion, AccordionDetails, AccordionSummary } from "@mui/material";
+
+// src/components/ModuleDetails.tsx
+import { ButtonGroup } from "@mui/material";
+import { ButtonEx as ButtonEx2 } from "@xylabs/react-button";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { usePromise } from "@xylabs/react-promise";
+import { Property } from "@xyo-network/react-property";
+
+// src/components/JsonViewerButton.tsx
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { useState } from "react";
+import JsonView from "react-json-view";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), children: [
+      title ? /* @__PURE__ */ jsx(DialogTitle, { children: title }) : null,
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(JsonView, { src, ...jsonViewProps }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(false), children: "Close" }) })
+    ] })
+  ] });
+};
+
+// src/components/ModuleDetails.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ModuleDetails = ({ module, ...props }) => {
+  const [manifest] = usePromise(async () => {
+    return await module?.manifest();
+  }, [module]);
+  const [discover] = usePromise(async () => {
+    return await module?.discover();
+  }, [module]);
+  const [describe] = usePromise(async () => {
+    return await module?.describe();
+  }, [module]);
+  const queries = module?.queries;
+  const config = module?.config;
+  return /* @__PURE__ */ jsxs2(FlexCol, { alignItems: "stretch", ...props, children: [
+    /* @__PURE__ */ jsx2(Property, { title: "Address", value: module?.address }),
+    /* @__PURE__ */ jsxs2(FlexRow, { gap: 1, justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        manifest ? /* @__PURE__ */ jsx2(JsonViewerButton, { variant: "contained", src: manifest, children: "Manifest" }) : null,
+        config ? /* @__PURE__ */ jsx2(JsonViewerButton, { variant: "contained", src: config, children: "Config" }) : null,
+        discover ? /* @__PURE__ */ jsx2(JsonViewerButton, { variant: "contained", src: discover, children: "Discover" }) : null,
+        describe ? /* @__PURE__ */ jsx2(JsonViewerButton, { variant: "contained", src: describe, children: "Describe" }) : null,
+        queries ? /* @__PURE__ */ jsx2(JsonViewerButton, { variant: "contained", src: queries, children: "Queries" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs2(ButtonGroup, { children: [
+        /* @__PURE__ */ jsx2(ButtonEx2, { target: "_blank", href: `https://explore.xyo.network/block?network=main&address=${module?.address}`, variant: "outlined", children: "Main" }),
+        /* @__PURE__ */ jsx2(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=kerplunk&address=${module?.address}`, variant: "outlined", children: "Kerplunk" }),
+        /* @__PURE__ */ jsx2(ButtonEx2, { target: "_blank", href: `https://beta.explore.xyo.network/block?network=local&address=${module?.address}`, variant: "outlined", children: "Local" })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/TypedModuleSummary.tsx
+import { isArchivistInstance } from "@xyo-network/archivist-model";
+import { isBridgeInstance } from "@xyo-network/bridge-model";
+import { isDivinerInstance } from "@xyo-network/diviner-model";
+import { isNodeInstance } from "@xyo-network/node-model";
+import { isSentinelInstance } from "@xyo-network/sentinel";
+import { isWitnessInstance } from "@xyo-network/witness-model";
+
+// src/components/ArchivistSummary.tsx
+import { Inventory2Rounded as Inventory2RoundedIcon } from "@mui/icons-material";
+
+// src/components/ModuleSummary.tsx
+import { Extension as ExtensionIcon } from "@mui/icons-material";
+import { delay } from "@xylabs/delay";
+import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { useModulesFromNode } from "@xyo-network/react-node";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ModuleSummary = ({ children, icon, module, ...props }) => {
+  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
+  const [busy, setBusy] = useState2(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  module?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await delay(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ jsx3(FlexCol2, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs3(FlexRow2, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs3(FlexRow2, { children: [
+      /* @__PURE__ */ jsx3(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx3(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx3(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/ArchivistSummary.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ArchivistSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx4(ModuleSummary, { module, icon: /* @__PURE__ */ jsx4(Inventory2RoundedIcon, {}), ...props });
+};
+
+// src/components/BridgeSummary.tsx
+import { InsertLinkRounded as InsertLinkRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var BridgeSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx5(ModuleSummary, { module, icon: /* @__PURE__ */ jsx5(InsertLinkRoundedIcon, {}), ...props });
+};
+
+// src/components/DivinerSummary.tsx
+import { BubbleChartRounded as BubbleChartRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DivinerSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx6(ModuleSummary, { module, icon: /* @__PURE__ */ jsx6(BubbleChartRoundedIcon, {}), ...props });
+};
+
+// src/components/NodeSummary.tsx
+import { HubRounded as HubRoundedIcon } from "@mui/icons-material";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
+import { useModulesFromNode as useModulesFromNode2 } from "@xyo-network/react-node";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var NodeSummary = ({ module, ...props }) => {
+  const [manifest] = usePromise2(async () => {
+    return await module?.manifest();
+  }, [module]);
+  const [downModules] = useModulesFromNode2(void 0, { direction: "down" });
+  const [upModules] = useModulesFromNode2(void 0, { direction: "up" });
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  const manifestPublicModules = manifest?.modules?.public?.length;
+  return /* @__PURE__ */ jsx7(ModuleSummary, { module, icon: /* @__PURE__ */ jsx7(HubRoundedIcon, {}), ...props, children: manifestPublicModules !== void 0 && downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0 ? `[${manifestPublicModules}m/${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null });
+};
+
+// src/components/SentinelSummary.tsx
+import { TimerRounded as TimerRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var SentinelSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx8(ModuleSummary, { module, icon: /* @__PURE__ */ jsx8(TimerRoundedIcon, {}), ...props });
+};
+
+// src/components/WitnessSummary.tsx
+import { VisibilityRounded as VisibilityRoundedIcon } from "@mui/icons-material";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var WitnessSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx9(ModuleSummary, { module, icon: /* @__PURE__ */ jsx9(VisibilityRoundedIcon, {}), ...props });
+};
+
+// src/components/TypedModuleSummary.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var TypedModuleSummary = ({ module, ...props }) => {
+  if (isArchivistInstance(module)) {
+    return /* @__PURE__ */ jsx10(ArchivistSummary, { module, ...props });
+  }
+  if (isDivinerInstance(module)) {
+    return /* @__PURE__ */ jsx10(DivinerSummary, { module, ...props });
+  }
+  if (isNodeInstance(module)) {
+    return /* @__PURE__ */ jsx10(NodeSummary, { module, ...props });
+  }
+  if (isWitnessInstance(module)) {
+    return /* @__PURE__ */ jsx10(WitnessSummary, { module, ...props });
+  }
+  if (isBridgeInstance(module)) {
+    return /* @__PURE__ */ jsx10(BridgeSummary, { module, ...props });
+  }
+  if (isSentinelInstance(module)) {
+    return /* @__PURE__ */ jsx10(SentinelSummary, { module, ...props });
+  }
+  return /* @__PURE__ */ jsx10(ModuleSummary, { module, ...props });
+};
+
+// src/components/ModuleAccordion.tsx
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+var ModuleAccordion = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsxs4(Accordion, { ...props, children: [
+    /* @__PURE__ */ jsx11(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx11(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx11(TypedModuleSummary, { module }) }),
+    /* @__PURE__ */ jsx11(AccordionDetails, { children: /* @__PURE__ */ jsx11(ModuleDetails, { module }) })
+  ] });
+};
+
+// src/components/NodeDetails.tsx
+import { Fragment as Fragment2, jsx as jsx12 } from "react/jsx-runtime";
+var NodeDetails = ({ module, ...props }) => {
+  const [node = module] = useProvidedNode();
+  const [children] = useModulesFromNode3(void 0, { node: node ?? void 0 });
+  return /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", ...props, children: children ? /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsx12(FlexCol3, { alignItems: "stretch", marginY: 1, children: children?.map((child) => /* @__PURE__ */ jsx12(ModuleAccordion, { module: child }, child.address)) }) }) : null });
+};
+
+// src/components/DebugDialog.tsx
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var DebugDialog = ({ onClose, ...props }) => {
+  return /* @__PURE__ */ jsxs5(Dialog2, { ...props, children: [
+    /* @__PURE__ */ jsx13(DialogTitle2, { children: "Xyo Module Viewer" }),
+    /* @__PURE__ */ jsx13(DialogContent2, { children: /* @__PURE__ */ jsx13(NodeDetails, { width: "100%" }) }),
+    /* @__PURE__ */ jsx13(DialogActions2, { children: /* @__PURE__ */ jsx13(Button, { onClick: (event) => onClose?.(event, "backdropClick"), children: "Close" }) })
   ] });
 };
 export {

package/dist/browser/components/DebugDialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DebugDialog.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { NodeDetails } from './NodeDetails'\n\nexport interface DebugDialogProps extends DialogProps {}\n\nexport const DebugDialog: React.FC<DebugDialogProps> = ({ onClose, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Xyo Module Viewer</DialogTitle>\n      <DialogContent>\n        <NodeDetails width=\"100%\" />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={(event) => onClose?.(event, 'backdropClick')}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n"],"mappings":"AAQI,SACE,KADF;AARJ,SAAS,QAAQ,QAAQ,eAAe,eAA4B,mBAAmB;AAEvF,SAAS,mBAAmB;AAIrB,MAAM,cAA0C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AAChF,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,wBAAC,eAAY,+BAAiB;AAAA,IAC9B,oBAAC,iBACC,8BAAC,eAAY,OAAM,QAAO,GAC5B;AAAA,IACA,oBAAC,iBACC,8BAAC,UAAO,SAAS,CAAC,UAAU,UAAU,OAAO,eAAe,GAAG,mBAAK,GACtE;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/DebugDialog.tsx","../../../src/components/NodeDetails.tsx","../../../src/components/ModuleAccordion.tsx","../../../src/components/ModuleDetails.tsx","../../../src/components/JsonViewerButton.tsx","../../../src/components/TypedModuleSummary.tsx","../../../src/components/ArchivistSummary.tsx","../../../src/components/ModuleSummary.tsx","../../../src/components/BridgeSummary.tsx","../../../src/components/DivinerSummary.tsx","../../../src/components/NodeSummary.tsx","../../../src/components/SentinelSummary.tsx","../../../src/components/WitnessSummary.tsx"],"sourcesContent":["import { Button, Dialog, DialogActions, DialogContent, DialogProps, DialogTitle } from '@mui/material'\n\nimport { NodeDetails } from './NodeDetails'\n\nexport interface DebugDialogProps extends DialogProps {}\n\nexport const DebugDialog: React.FC<DebugDialogProps> = ({ onClose, ...props }) => {\n  return (\n    <Dialog {...props}>\n      <DialogTitle>Xyo Module Viewer</DialogTitle>\n      <DialogContent>\n        <NodeDetails width=\"100%\" />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={(event) => onClose?.(event, 'backdropClick')}>Close</Button>\n      </DialogActions>\n    </Dialog>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode, useProvidedNode } from '@xyo-network/react-node'\n\nimport { ModuleAccordion } from './ModuleAccordion'\nimport { ModuleDetailsProps } from './ModuleDetails'\n\nexport interface NodeViewerProps extends ModuleDetailsProps<NodeInstance> {}\n\nexport const NodeDetails: React.FC<NodeViewerProps> = ({ module, ...props }) => {\n  const [node = module] = useProvidedNode()\n\n  const [children] = useModulesFromNode(undefined, { node: node ?? undefined })\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      {children ? (\n        <>\n          <FlexCol alignItems=\"stretch\" marginY={1}>\n            {children?.map((child) => <ModuleAccordion key={child.address} module={child} />)}\n          </FlexCol>\n        </>\n      ) : null}\n    </FlexCol>\n  )\n}\n","import { ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { ModuleInstance } from '@xyo-network/module-model'\n\nexport interface ModuleAccordionProps<T extends ModuleInstance = ModuleInstance> extends Omit<AccordionProps, 'children'> {\n  module?: T\n}\n\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary } from '@mui/material'\n\nimport { ModuleDetails } from './ModuleDetails'\nimport { TypedModuleSummary } from './TypedModuleSummary'\n\nexport const ModuleAccordion: React.FC<ModuleAccordionProps> = ({ module, ...props }) => {\n  return (\n    <Accordion {...props}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <TypedModuleSummary module={module} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <ModuleDetails module={module} />\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n","import { ButtonGroup } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { usePromise } from '@xylabs/react-promise'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { Property } from '@xyo-network/react-property'\n\nimport { JsonViewerButton } from './JsonViewerButton'\n\nexport interface ModuleDetailsProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  module?: T\n}\n\nexport const ModuleDetails: React.FC<ModuleDetailsProps> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [discover] = usePromise(async () => {\n    return await module?.discover()\n  }, [module])\n\n  const [describe] = usePromise(async () => {\n    return await module?.describe()\n  }, [module])\n\n  const queries = module?.queries\n\n  const config = module?.config\n\n  return (\n    <FlexCol alignItems=\"stretch\" {...props}>\n      <Property title=\"Address\" value={module?.address} />\n\n      <FlexRow gap={1} justifyContent=\"space-between\">\n        <ButtonGroup>\n          {manifest ? (\n            <JsonViewerButton variant=\"contained\" src={manifest}>\n              Manifest\n            </JsonViewerButton>\n          ) : null}\n          {config ? (\n            <JsonViewerButton variant=\"contained\" src={config}>\n              Config\n            </JsonViewerButton>\n          ) : null}\n          {discover ? (\n            <JsonViewerButton variant=\"contained\" src={discover}>\n              Discover\n            </JsonViewerButton>\n          ) : null}\n          {describe ? (\n            <JsonViewerButton variant=\"contained\" src={describe}>\n              Describe\n            </JsonViewerButton>\n          ) : null}\n          {queries ? (\n            <JsonViewerButton variant=\"contained\" src={queries}>\n              Queries\n            </JsonViewerButton>\n          ) : null}\n        </ButtonGroup>\n        <ButtonGroup>\n          <ButtonEx target=\"_blank\" href={`https://explore.xyo.network/block?network=main&address=${module?.address}`} variant=\"outlined\">\n            Main\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=kerplunk&address=${module?.address}`} variant=\"outlined\">\n            Kerplunk\n          </ButtonEx>\n          <ButtonEx target=\"_blank\" href={`https://beta.explore.xyo.network/block?network=local&address=${module?.address}`} variant=\"outlined\">\n            Local\n          </ButtonEx>\n        </ButtonGroup>\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { useState } from 'react'\nimport JsonView, { ReactJsonViewProps } from 'react-json-view'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <JsonView src={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel'\nimport { isWitnessInstance } from '@xyo-network/witness-model'\n\nimport { ArchivistSummary } from './ArchivistSummary'\nimport { BridgeSummary } from './BridgeSummary'\nimport { DivinerSummary } from './DivinerSummary'\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\nimport { NodeSummary } from './NodeSummary'\nimport { SentinelSummary } from './SentinelSummary'\nimport { WitnessSummary } from './WitnessSummary'\n\nexport const TypedModuleSummary: React.FC<ModuleSummaryProps> = ({ module, ...props }) => {\n  if (isArchivistInstance(module)) {\n    return <ArchivistSummary module={module} {...props} />\n  }\n  if (isDivinerInstance(module)) {\n    return <DivinerSummary module={module} {...props} />\n  }\n  if (isNodeInstance(module)) {\n    return <NodeSummary module={module} {...props} />\n  }\n  if (isWitnessInstance(module)) {\n    return <WitnessSummary module={module} {...props} />\n  }\n  if (isBridgeInstance(module)) {\n    return <BridgeSummary module={module} {...props} />\n  }\n  if (isSentinelInstance(module)) {\n    return <SentinelSummary module={module} {...props} />\n  }\n  return <ModuleSummary module={module} {...props} />\n}\n","import { Inventory2Rounded as Inventory2RoundedIcon } from '@mui/icons-material'\nimport { ArchivistInstance } from '@xyo-network/archivist-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const ArchivistSummary: React.FC<ModuleSummaryProps<ArchivistInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<Inventory2RoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { InsertLinkRounded as InsertLinkRoundedIcon } from '@mui/icons-material'\nimport { BridgeInstance } from '@xyo-network/bridge-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const BridgeSummary: React.FC<ModuleSummaryProps<BridgeInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<InsertLinkRoundedIcon />} {...props}></ModuleSummary>\n}\n","import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { HubRounded as HubRoundedIcon } from '@mui/icons-material'\nimport { usePromise } from '@xylabs/react-promise'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const NodeSummary: React.FC<ModuleSummaryProps<NodeInstance>> = ({ module, ...props }) => {\n  const [manifest] = usePromise(async () => {\n    return await module?.manifest()\n  }, [module])\n\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  const manifestPublicModules = manifest?.modules?.public?.length\n\n  return (\n    <ModuleSummary module={module} icon={<HubRoundedIcon />} {...props}>\n      {manifestPublicModules !== undefined && downModulesFromResolve !== undefined && upModulesFromResolve !== undefined\n        ? `[${manifestPublicModules}m/${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n        : null}\n    </ModuleSummary>\n  )\n}\n","import { TimerRounded as TimerRoundedIcon } from '@mui/icons-material'\nimport { SentinelInstance } from '@xyo-network/sentinel'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const SentinelSummary: React.FC<ModuleSummaryProps<SentinelInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<TimerRoundedIcon />} {...props} />\n}\n","import { VisibilityRounded as VisibilityRoundedIcon } from '@mui/icons-material'\nimport { WitnessInstance } from '@xyo-network/witness-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const WitnessSummary: React.FC<ModuleSummaryProps<WitnessInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<VisibilityRoundedIcon />} {...props} />\n}\n"],"mappings":"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","names":["Dialog","DialogActions","DialogContent","DialogTitle","FlexCol","useModulesFromNode","ButtonEx","jsx","jsxs","ButtonEx","FlexCol","FlexRow","useState","jsx","jsxs","busy","jsx","jsx","jsx","usePromise","useModulesFromNode","jsx","usePromise","useModulesFromNode","jsx","jsx","jsx","jsx","jsxs","Fragment","jsx","useModulesFromNode","FlexCol","jsx","jsxs","Dialog","DialogTitle","DialogContent","DialogActions"]}

package/dist/browser/components/DivinerSummary.js

@@ -1,8 +1,38 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/DivinerSummary.tsx
 import { BubbleChartRounded as BubbleChartRoundedIcon } from "@mui/icons-material";
-import { ModuleSummary } from "./ModuleSummary";
-const DivinerSummary = ({ module, ...props }) => {
-  return /* @__PURE__ */ jsx(ModuleSummary, { module, icon: /* @__PURE__ */ jsx(BubbleChartRoundedIcon, {}), ...props });
+
+// src/components/ModuleSummary.tsx
+import { Extension as ExtensionIcon } from "@mui/icons-material";
+import { delay } from "@xylabs/delay";
+import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { useModulesFromNode } from "@xyo-network/react-node";
+import { TypographyEx } from "@xyo-network/react-shared";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ModuleSummary = ({ children, icon, module, ...props }) => {
+  const [downModules] = useModulesFromNode(void 0, { direction: "down" });
+  const [upModules] = useModulesFromNode(void 0, { direction: "up" });
+  const [busy, setBusy] = useState(false);
+  const downModulesFromResolve = downModules?.length;
+  const upModulesFromResolve = upModules?.length;
+  module?.on("moduleBusy", async ({ busy: busy2 }) => {
+    setBusy(busy2);
+    await delay(2e3);
+    setBusy(false);
+  });
+  return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", width: "100%", ...props, children: /* @__PURE__ */ jsxs(FlexRow, { justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsxs(FlexRow, { children: [
+      /* @__PURE__ */ jsx(TypographyEx, { color: busy ? "gray" : void 0, children: icon ?? /* @__PURE__ */ jsx(ExtensionIcon, {}) }),
+      /* @__PURE__ */ jsx(TypographyEx, { marginX: 1, children: module?.config?.name ?? "<Unknown>" })
+    ] }),
+    children ?? (downModulesFromResolve !== void 0 && upModulesFromResolve !== void 0) ? `[${downModulesFromResolve}\u2193/${upModulesFromResolve}\u2191]` : null
+  ] }) });
+};
+
+// src/components/DivinerSummary.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var DivinerSummary = ({ module, ...props }) => {
+  return /* @__PURE__ */ jsx2(ModuleSummary, { module, icon: /* @__PURE__ */ jsx2(BubbleChartRoundedIcon, {}), ...props });
 };
 export {
   DivinerSummary

package/dist/browser/components/DivinerSummary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DivinerSummary.tsx"],"sourcesContent":["import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n"],"mappings":"AAM8C;AAN9C,SAAS,sBAAsB,8BAA8B;AAG7D,SAAS,qBAAyC;AAE3C,MAAM,iBAAgE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACrG,SAAO,oBAAC,iBAAc,QAAgB,MAAM,oBAAC,0BAAuB,GAAK,GAAG,OAAO;AACrF;","names":[]}
+{"version":3,"sources":["../../../src/components/DivinerSummary.tsx","../../../src/components/ModuleSummary.tsx"],"sourcesContent":["import { BubbleChartRounded as BubbleChartRoundedIcon } from '@mui/icons-material'\nimport { DivinerInstance } from '@xyo-network/diviner-model'\n\nimport { ModuleSummary, ModuleSummaryProps } from './ModuleSummary'\n\nexport const DivinerSummary: React.FC<ModuleSummaryProps<DivinerInstance>> = ({ module, ...props }) => {\n  return <ModuleSummary module={module} icon={<BubbleChartRoundedIcon />} {...props} />\n}\n","import { Extension as ExtensionIcon } from '@mui/icons-material'\nimport { delay } from '@xylabs/delay'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module-model'\nimport { useModulesFromNode } from '@xyo-network/react-node'\nimport { TypographyEx } from '@xyo-network/react-shared'\nimport { ReactNode, useState } from 'react'\n\nexport interface ModuleSummaryProps<T extends ModuleInstance = ModuleInstance> extends FlexBoxProps {\n  icon?: ReactNode\n  module?: T\n}\n\nexport const ModuleSummary: React.FC<ModuleSummaryProps> = ({ children, icon, module, ...props }) => {\n  const [downModules] = useModulesFromNode(undefined, { direction: 'down' })\n  const [upModules] = useModulesFromNode(undefined, { direction: 'up' })\n  const [busy, setBusy] = useState(false)\n\n  const downModulesFromResolve = downModules?.length\n  const upModulesFromResolve = upModules?.length\n\n  module?.on('moduleBusy', async ({ busy }) => {\n    setBusy(busy)\n    await delay(2000)\n    setBusy(false)\n  })\n\n  return (\n    <FlexCol alignItems=\"stretch\" width=\"100%\" {...props}>\n      <FlexRow justifyContent=\"flex-start\">\n        <FlexRow>\n          <TypographyEx color={busy ? 'gray' : undefined}>{icon ?? <ExtensionIcon />}</TypographyEx>\n          <TypographyEx marginX={1}>{module?.config?.name ?? '<Unknown>'}</TypographyEx>\n        </FlexRow>\n        {children ?? (downModulesFromResolve !== undefined && upModulesFromResolve !== undefined)\n          ? `[${downModulesFromResolve}↓/${upModulesFromResolve}↑]`\n          : null}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n"],"mappings":";AAAA,SAAS,sBAAsB,8BAA8B;;;ACA7D,SAAS,aAAa,qBAAqB;AAC3C,SAAS,aAAa;AACtB,SAAuB,SAAS,eAAe;AAE/C,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAoB,gBAAgB;AAwB5B,SAC2D,KAD3D;AAjBD,IAAM,gBAA8C,CAAC,EAAE,UAAU,MAAM,QAAQ,GAAG,MAAM,MAAM;AACnG,QAAM,CAAC,WAAW,IAAI,mBAAmB,QAAW,EAAE,WAAW,OAAO,CAAC;AACzE,QAAM,CAAC,SAAS,IAAI,mBAAmB,QAAW,EAAE,WAAW,KAAK,CAAC;AACrE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,yBAAyB,aAAa;AAC5C,QAAM,uBAAuB,WAAW;AAExC,UAAQ,GAAG,cAAc,OAAO,EAAE,MAAAA,MAAK,MAAM;AAC3C,YAAQA,KAAI;AACZ,UAAM,MAAM,GAAI;AAChB,YAAQ,KAAK;AAAA,EACf,CAAC;AAED,SACE,oBAAC,WAAQ,YAAW,WAAU,OAAM,QAAQ,GAAG,OAC7C,+BAAC,WAAQ,gBAAe,cACtB;AAAA,yBAAC,WACC;AAAA,0BAAC,gBAAa,OAAO,OAAO,SAAS,QAAY,kBAAQ,oBAAC,iBAAc,GAAG;AAAA,MAC3E,oBAAC,gBAAa,SAAS,GAAI,kBAAQ,QAAQ,QAAQ,aAAY;AAAA,OACjE;AAAA,IACC,aAAa,2BAA2B,UAAa,yBAAyB,UAC3E,IAAI,sBAAsB,UAAK,oBAAoB,YACnD;AAAA,KACN,GACF;AAEJ;;;ADlC8C,gBAAAC,YAAA;AADvC,IAAM,iBAAgE,CAAC,EAAE,QAAQ,GAAG,MAAM,MAAM;AACrG,SAAO,gBAAAA,KAAC,iBAAc,QAAgB,MAAM,gBAAAA,KAAC,0BAAuB,GAAK,GAAG,OAAO;AACrF;","names":["busy","jsx"]}

package/dist/browser/components/JsonViewerButton.js

@@ -1,9 +1,10 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/JsonViewerButton.tsx
 import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
 import { useState } from "react";
 import JsonView from "react-json-view";
-const JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var JsonViewerButton = ({ children, jsonViewProps, src, title, ...props }) => {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(ButtonEx, { onClick: () => setOpen(!open), ...props, children: children ?? "JSON" }),

package/dist/browser/components/JsonViewerButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/JsonViewerButton.tsx"],"sourcesContent":["import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { useState } from 'react'\nimport JsonView, { ReactJsonViewProps } from 'react-json-view'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <JsonView src={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":"AAaI,mBACE,KAGA,YAJF;AAbJ,SAAS,QAAQ,eAAe,eAAe,mBAAmB;AAClE,SAAS,gBAA+B;AACxC,SAAS,gBAAgB;AACzB,OAAO,cAAsC;AAOtC,MAAM,mBAAoD,CAAC,EAAE,UAAU,eAAe,KAAK,OAAO,GAAG,MAAM,MAAM;AACtH,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,iCACE;AAAA,wBAAC,YAAS,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAI,GAAG,OAC1C,sBAAY,QACf;AAAA,IACA,qBAAC,UAAO,MAAY,SAAS,MAAM,QAAQ,KAAK,GAC7C;AAAA,cAAQ,oBAAC,eAAa,iBAAM,IAAiB;AAAA,MAC9C,oBAAC,iBACC,8BAAC,YAAS,KAAW,GAAG,eAAe,GACzC;AAAA,MACA,oBAAC,iBACC,8BAAC,YAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,mBAAK,GAChD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/JsonViewerButton.tsx"],"sourcesContent":["import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material'\nimport { ButtonEx, ButtonExProps } from '@xylabs/react-button'\nimport { useState } from 'react'\nimport JsonView, { ReactJsonViewProps } from 'react-json-view'\n\nexport interface JsonViewerButtonProps extends ButtonExProps {\n  jsonViewProps?: Partial<ReactJsonViewProps>\n  src: object\n}\n\nexport const JsonViewerButton: React.FC<JsonViewerButtonProps> = ({ children, jsonViewProps, src, title, ...props }) => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <ButtonEx onClick={() => setOpen(!open)} {...props}>\n        {children ?? 'JSON'}\n      </ButtonEx>\n      <Dialog open={open} onClose={() => setOpen(false)}>\n        {title ? <DialogTitle>{title}</DialogTitle> : null}\n        <DialogContent>\n          <JsonView src={src} {...jsonViewProps} />\n        </DialogContent>\n        <DialogActions>\n          <ButtonEx onClick={() => setOpen(false)}>Close</ButtonEx>\n        </DialogActions>\n      </Dialog>\n    </>\n  )\n}\n"],"mappings":";AAAA,SAAS,QAAQ,eAAe,eAAe,mBAAmB;AAClE,SAAS,gBAA+B;AACxC,SAAS,gBAAgB;AACzB,OAAO,cAAsC;AAUzC,mBACE,KAGA,YAJF;AAHG,IAAM,mBAAoD,CAAC,EAAE,UAAU,eAAe,KAAK,OAAO,GAAG,MAAM,MAAM;AACtH,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,SACE,iCACE;AAAA,wBAAC,YAAS,SAAS,MAAM,QAAQ,CAAC,IAAI,GAAI,GAAG,OAC1C,sBAAY,QACf;AAAA,IACA,qBAAC,UAAO,MAAY,SAAS,MAAM,QAAQ,KAAK,GAC7C;AAAA,cAAQ,oBAAC,eAAa,iBAAM,IAAiB;AAAA,MAC9C,oBAAC,iBACC,8BAAC,YAAS,KAAW,GAAG,eAAe,GACzC;AAAA,MACA,oBAAC,iBACC,8BAAC,YAAS,SAAS,MAAM,QAAQ,KAAK,GAAG,mBAAK,GAChD;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}