@xyo-network/react-archivist 2.64.0-rc.7 → 2.64.1

package/dist/node/components/Details/Details.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Details/Details.tsx"],"sourcesContent":["import { ButtonGroup, Typography } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from '@xyo-network/archivist'\nimport { QueryBoundWitnessBuilder } from '@xyo-network/boundwitness-builder'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useState } from 'react'\n\nimport { useArchivistFromNode } from '../../hooks'\n\nconst testQueryCommit = { schema: ArchivistCommitQuerySchema }\nconst testQueryCommitBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit)\n\nconst testQueryClear = { schema: ArchivistClearQuerySchema }\nconst testQueryClearBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear)\n\nexport interface ArchivistDetails extends FlexBoxProps {\n  address?: string\n}\n\nexport const ArchivistDetails: React.FC<ArchivistDetails> = ({ address, ...props }) => {\n  const [archivist] = useArchivistFromNode(address)\n  const [payloads, setPayloads] = useState<Payload[]>()\n  const [refresh, setRefresh] = useState(0)\n  const [queryableCommit, setQueryableCommit] = useState(false)\n  const [queryableClear, setQueryableClear] = useState(false)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (archivist) {\n        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build()\n        const [clearBW] = await testQueryClearBoundWitnessBuilder.build()\n        setQueryableCommit(await archivist?.queryable(commitBW, [testQueryCommit]))\n        setQueryableClear(await archivist?.queryable(clearBW, [testQueryClear]))\n      }\n    },\n    [archivist],\n  )\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const payloads = await archivist?.all?.()\n      if (mounted()) {\n        setPayloads(payloads)\n      }\n    },\n    [archivist, refresh],\n  )\n\n  return (\n    <FlexCol {...props}>\n      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>\n      <ButtonGroup>\n        <ButtonEx disabled={payloads?.length === 0 || !archivist || !queryableCommit} onClick={() => archivist?.commit?.()}>\n          Commit\n        </ButtonEx>\n        <ButtonEx disabled={!archivist || !queryableClear} onClick={() => archivist?.clear?.()}>\n          Clear\n        </ButtonEx>\n        <ButtonEx\n          disabled={!archivist}\n          onClick={() => {\n            setRefresh(refresh + 1)\n          }}\n        >\n          Refresh\n        </ButtonEx>\n      </ButtonGroup>\n    </FlexCol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDM;AAtDN,sBAAwC;AACxC,gCAA+B;AAC/B,0BAAyB;AACzB,2BAAsC;AACtC,uBAAsE;AACtE,kCAAyC;AAEzC,mBAAyB;AAEzB,mBAAqC;AAErC,MAAM,kBAAkB,EAAE,QAAQ,4CAA2B;AAC7D,MAAM,qCAAqC,IAAI,qDAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,eAAe;AAEvH,MAAM,iBAAiB,EAAE,QAAQ,2CAA0B;AAC3D,MAAM,oCAAoC,IAAI,qDAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,cAAc;AAM9G,MAAM,mBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACrF,QAAM,CAAC,SAAS,QAAI,mCAAqB,OAAO;AAChD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAoB;AACpD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,CAAC;AACxC,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,KAAK;AAC5D,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,WAAW;AACb,cAAM,CAAC,QAAQ,IAAI,MAAM,mCAAmC,MAAM;AAClE,cAAM,CAAC,OAAO,IAAI,MAAM,kCAAkC,MAAM;AAChE,2BAAmB,MAAM,WAAW,UAAU,UAAU,CAAC,eAAe,CAAC,CAAC;AAC1E,0BAAkB,MAAM,WAAW,UAAU,SAAS,CAAC,cAAc,CAAC,CAAC;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAMA,YAAW,MAAM,WAAW,MAAM;AACxC,UAAI,QAAQ,GAAG;AACb,oBAAYA,SAAQ;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAY,uBAAa,WAAW,SAAS,SAAS,GAAG,IAAG;AAAA,IAC7D,6CAAC,+BACC;AAAA,kDAAC,gCAAS,UAAU,UAAU,WAAW,KAAK,CAAC,aAAa,CAAC,iBAAiB,SAAS,MAAM,WAAW,SAAS,GAAG,oBAEpH;AAAA,MACA,4CAAC,gCAAS,UAAU,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAM,WAAW,QAAQ,GAAG,mBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC;AAAA,UACX,SAAS,MAAM;AACb,uBAAW,UAAU,CAAC;AAAA,UACxB;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":["payloads"]}
+{"version":3,"sources":["../../../../src/components/Details/Details.tsx","../../../../src/hooks/node/useArchivistFromNode.tsx"],"sourcesContent":["import { ButtonGroup, Typography } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from '@xyo-network/archivist'\nimport { QueryBoundWitnessBuilder } from '@xyo-network/boundwitness-builder'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useState } from 'react'\n\nimport { useArchivistFromNode } from '../../hooks'\n\nconst testQueryCommit = { schema: ArchivistCommitQuerySchema }\nconst testQueryCommitBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit)\n\nconst testQueryClear = { schema: ArchivistClearQuerySchema }\nconst testQueryClearBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear)\n\nexport interface ArchivistDetails extends FlexBoxProps {\n  address?: string\n}\n\nexport const ArchivistDetails: React.FC<ArchivistDetails> = ({ address, ...props }) => {\n  const [archivist] = useArchivistFromNode(address)\n  const [payloads, setPayloads] = useState<Payload[]>()\n  const [refresh, setRefresh] = useState(0)\n  const [queryableCommit, setQueryableCommit] = useState(false)\n  const [queryableClear, setQueryableClear] = useState(false)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (archivist) {\n        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build()\n        const [clearBW] = await testQueryClearBoundWitnessBuilder.build()\n        setQueryableCommit(await archivist?.queryable(commitBW, [testQueryCommit]))\n        setQueryableClear(await archivist?.queryable(clearBW, [testQueryClear]))\n      }\n    },\n    [archivist],\n  )\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const payloads = await archivist?.all?.()\n      if (mounted()) {\n        setPayloads(payloads)\n      }\n    },\n    [archivist, refresh],\n  )\n\n  return (\n    <FlexCol {...props}>\n      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>\n      <ButtonGroup>\n        <ButtonEx disabled={payloads?.length === 0 || !archivist || !queryableCommit} onClick={() => archivist?.commit?.()}>\n          Commit\n        </ButtonEx>\n        <ButtonEx disabled={!archivist || !queryableClear} onClick={() => archivist?.clear?.()}>\n          Clear\n        </ButtonEx>\n        <ButtonEx\n          disabled={!archivist}\n          onClick={() => {\n            setRefresh(refresh + 1)\n          }}\n        >\n          Refresh\n        </ButtonEx>\n      </ButtonGroup>\n    </FlexCol>\n  )\n}\n","import { ArchivistInstance, asArchivistInstance } from '@xyo-network/archivist-model'\nimport { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\n\nexport const useArchivistFromNode = (\n  nameOrAddressOrInstance?: string | ArchivistInstance,\n  config?: ModuleFromNodeConfig,\n): [ArchivistInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asArchivistInstance(module)\n  if (module && !instance) {\n    const error = Error(`Resolved module is not a ArchivistInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n"],"mappings":";AAAA,SAAS,aAAa,kBAAkB;AACxC,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,2BAA2B,kCAAkC;AACtE,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB;;;ACPzB,SAA4B,2BAA2B;AACvD,SAA+B,yBAAyB;AAEjD,IAAM,uBAAuB,CAClC,yBACA,WACuD;AANzD;AAOE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAW,oBAAoB,MAAM;AAC3C,MAAI,UAAU,CAAC,UAAU;AACvB,UAAMA,SAAQ,MAAM,gDAA+C,YAAO,WAAP,mBAAe,MAAM,KAAI,YAAO,WAAP,mBAAe,IAAI,IAAI,OAAO,OAAO,GAAG;AACpI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;;;ADuCM,cACA,YADA;AA3CN,IAAM,kBAAkB,EAAE,QAAQ,2BAA2B;AAC7D,IAAM,qCAAqC,IAAI,yBAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,eAAe;AAEvH,IAAM,iBAAiB,EAAE,QAAQ,0BAA0B;AAC3D,IAAM,oCAAoC,IAAI,yBAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,cAAc;AAM9G,IAAM,mBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACrF,QAAM,CAAC,SAAS,IAAI,qBAAqB,OAAO;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAoB;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,WAAW;AACb,cAAM,CAAC,QAAQ,IAAI,MAAM,mCAAmC,MAAM;AAClE,cAAM,CAAC,OAAO,IAAI,MAAM,kCAAkC,MAAM;AAChE,2BAAmB,OAAM,uCAAW,UAAU,UAAU,CAAC,eAAe,GAAE;AAC1E,0BAAkB,OAAM,uCAAW,UAAU,SAAS,CAAC,cAAc,GAAE;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA;AAAA;AAAA,IAEE,OAAO,YAAY;AA3CvB;AA4CM,YAAMC,YAAW,QAAM,4CAAW,QAAX;AACvB,UAAI,QAAQ,GAAG;AACb,oBAAYA,SAAQ;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAY,uBAAa,WAAW,SAAS,SAAS,GAAG,IAAG;AAAA,IAC7D,qBAAC,eACC;AAAA,0BAAC,YAAS,WAAU,qCAAU,YAAW,KAAK,CAAC,aAAa,CAAC,iBAAiB,SAAS,MAAG;AAxDlG;AAwDqG,4DAAW,WAAX;AAAA,SAAuB,oBAEpH;AAAA,MACA,oBAAC,YAAS,UAAU,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAG;AA3DvE;AA2D0E,4DAAW,UAAX;AAAA,SAAsB,mBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC;AAAA,UACX,SAAS,MAAM;AACb,uBAAW,UAAU,CAAC;AAAA,UACxB;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":["error","payloads"]}

package/dist/node/components/Details/index.cjs

@@ -0,0 +1,114 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Details/index.ts
+var Details_exports = {};
+__export(Details_exports, {
+  ArchivistDetails: () => ArchivistDetails
+});
+module.exports = __toCommonJS(Details_exports);
+
+// src/components/Details/Details.tsx
+var import_material = require("@mui/material");
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_archivist = require("@xyo-network/archivist");
+var import_boundwitness_builder = require("@xyo-network/boundwitness-builder");
+var import_react = require("react");
+
+// src/hooks/node/useArchivistFromNode.tsx
+var import_archivist_model = require("@xyo-network/archivist-model");
+var import_react_node = require("@xyo-network/react-node");
+var useArchivistFromNode = (nameOrAddressOrInstance, config) => {
+  var _a, _b;
+  const [module2, error] = (0, import_react_node.useModuleFromNode)(nameOrAddressOrInstance, config);
+  const instance = (0, import_archivist_model.asArchivistInstance)(module2);
+  if (module2 && !instance) {
+    const error2 = Error(`Resolved module is not a ArchivistInstance [${(_a = module2.config) == null ? void 0 : _a.schema}:${(_b = module2.config) == null ? void 0 : _b.name}:${module2.address}]`);
+    console.error(error2.message);
+    return [void 0, error2];
+  }
+  return [instance, error];
+};
+
+// src/components/Details/Details.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var testQueryCommit = { schema: import_archivist.ArchivistCommitQuerySchema };
+var testQueryCommitBoundWitnessBuilder = new import_boundwitness_builder.QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit);
+var testQueryClear = { schema: import_archivist.ArchivistClearQuerySchema };
+var testQueryClearBoundWitnessBuilder = new import_boundwitness_builder.QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear);
+var ArchivistDetails = ({ address, ...props }) => {
+  const [archivist] = useArchivistFromNode(address);
+  const [payloads, setPayloads] = (0, import_react.useState)();
+  const [refresh, setRefresh] = (0, import_react.useState)(0);
+  const [queryableCommit, setQueryableCommit] = (0, import_react.useState)(false);
+  const [queryableClear, setQueryableClear] = (0, import_react.useState)(false);
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (archivist) {
+        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build();
+        const [clearBW] = await testQueryClearBoundWitnessBuilder.build();
+        setQueryableCommit(await (archivist == null ? void 0 : archivist.queryable(commitBW, [testQueryCommit])));
+        setQueryableClear(await (archivist == null ? void 0 : archivist.queryable(clearBW, [testQueryClear])));
+      }
+    },
+    [archivist]
+  );
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      var _a;
+      const payloads2 = await ((_a = archivist == null ? void 0 : archivist.all) == null ? void 0 : _a.call(archivist));
+      if (mounted()) {
+        setPayloads(payloads2);
+      }
+    },
+    [archivist, refresh]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { children: `Payloads: ${payloads ? payloads.length : "-"}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { disabled: (payloads == null ? void 0 : payloads.length) === 0 || !archivist || !queryableCommit, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.commit) == null ? void 0 : _a.call(archivist);
+      }, children: "Commit" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_button.ButtonEx, { disabled: !archivist || !queryableClear, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.clear) == null ? void 0 : _a.call(archivist);
+      }, children: "Clear" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_button.ButtonEx,
+        {
+          disabled: !archivist,
+          onClick: () => {
+            setRefresh(refresh + 1);
+          },
+          children: "Refresh"
+        }
+      )
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArchivistDetails
+});
+//# sourceMappingURL=index.cjs.map

package/dist/node/components/Details/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Details/index.ts","../../../../src/components/Details/Details.tsx","../../../../src/hooks/node/useArchivistFromNode.tsx"],"sourcesContent":["export * from './Details'\n","import { ButtonGroup, Typography } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from '@xyo-network/archivist'\nimport { QueryBoundWitnessBuilder } from '@xyo-network/boundwitness-builder'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useState } from 'react'\n\nimport { useArchivistFromNode } from '../../hooks'\n\nconst testQueryCommit = { schema: ArchivistCommitQuerySchema }\nconst testQueryCommitBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit)\n\nconst testQueryClear = { schema: ArchivistClearQuerySchema }\nconst testQueryClearBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear)\n\nexport interface ArchivistDetails extends FlexBoxProps {\n  address?: string\n}\n\nexport const ArchivistDetails: React.FC<ArchivistDetails> = ({ address, ...props }) => {\n  const [archivist] = useArchivistFromNode(address)\n  const [payloads, setPayloads] = useState<Payload[]>()\n  const [refresh, setRefresh] = useState(0)\n  const [queryableCommit, setQueryableCommit] = useState(false)\n  const [queryableClear, setQueryableClear] = useState(false)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (archivist) {\n        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build()\n        const [clearBW] = await testQueryClearBoundWitnessBuilder.build()\n        setQueryableCommit(await archivist?.queryable(commitBW, [testQueryCommit]))\n        setQueryableClear(await archivist?.queryable(clearBW, [testQueryClear]))\n      }\n    },\n    [archivist],\n  )\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const payloads = await archivist?.all?.()\n      if (mounted()) {\n        setPayloads(payloads)\n      }\n    },\n    [archivist, refresh],\n  )\n\n  return (\n    <FlexCol {...props}>\n      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>\n      <ButtonGroup>\n        <ButtonEx disabled={payloads?.length === 0 || !archivist || !queryableCommit} onClick={() => archivist?.commit?.()}>\n          Commit\n        </ButtonEx>\n        <ButtonEx disabled={!archivist || !queryableClear} onClick={() => archivist?.clear?.()}>\n          Clear\n        </ButtonEx>\n        <ButtonEx\n          disabled={!archivist}\n          onClick={() => {\n            setRefresh(refresh + 1)\n          }}\n        >\n          Refresh\n        </ButtonEx>\n      </ButtonGroup>\n    </FlexCol>\n  )\n}\n","import { ArchivistInstance, asArchivistInstance } from '@xyo-network/archivist-model'\nimport { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\n\nexport const useArchivistFromNode = (\n  nameOrAddressOrInstance?: string | ArchivistInstance,\n  config?: ModuleFromNodeConfig,\n): [ArchivistInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asArchivistInstance(module)\n  if (module && !instance) {\n    const error = Error(`Resolved module is not a ArchivistInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAAwC;AACxC,gCAA+B;AAC/B,0BAAyB;AACzB,2BAAsC;AACtC,uBAAsE;AACtE,kCAAyC;AAEzC,mBAAyB;;;ACPzB,6BAAuD;AACvD,wBAAwD;AAEjD,IAAM,uBAAuB,CAClC,yBACA,WACuD;AANzD;AAOE,QAAM,CAACA,SAAQ,KAAK,QAAI,qCAAkB,yBAAyB,MAAM;AACzE,QAAM,eAAW,4CAAoBA,OAAM;AAC3C,MAAIA,WAAU,CAAC,UAAU;AACvB,UAAMC,SAAQ,MAAM,gDAA+C,KAAAD,QAAO,WAAP,mBAAe,MAAM,KAAI,KAAAA,QAAO,WAAP,mBAAe,IAAI,IAAIA,QAAO,OAAO,GAAG;AACpI,YAAQ,MAAMC,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;;;ADuCM;AA3CN,IAAM,kBAAkB,EAAE,QAAQ,4CAA2B;AAC7D,IAAM,qCAAqC,IAAI,qDAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,eAAe;AAEvH,IAAM,iBAAiB,EAAE,QAAQ,2CAA0B;AAC3D,IAAM,oCAAoC,IAAI,qDAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,cAAc;AAM9G,IAAM,mBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACrF,QAAM,CAAC,SAAS,IAAI,qBAAqB,OAAO;AAChD,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAoB;AACpD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,CAAC;AACxC,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,KAAK;AAC5D,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,KAAK;AAE1D;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,WAAW;AACb,cAAM,CAAC,QAAQ,IAAI,MAAM,mCAAmC,MAAM;AAClE,cAAM,CAAC,OAAO,IAAI,MAAM,kCAAkC,MAAM;AAChE,2BAAmB,OAAM,uCAAW,UAAU,UAAU,CAAC,eAAe,GAAE;AAC1E,0BAAkB,OAAM,uCAAW,UAAU,SAAS,CAAC,cAAc,GAAE;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA;AAAA;AAAA,IAEE,OAAO,YAAY;AA3CvB;AA4CM,YAAMC,YAAW,QAAM,4CAAW,QAAX;AACvB,UAAI,QAAQ,GAAG;AACb,oBAAYA,SAAQ;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,6CAAC,gCAAS,GAAG,OACX;AAAA,gDAAC,8BAAY,uBAAa,WAAW,SAAS,SAAS,GAAG,IAAG;AAAA,IAC7D,6CAAC,+BACC;AAAA,kDAAC,gCAAS,WAAU,qCAAU,YAAW,KAAK,CAAC,aAAa,CAAC,iBAAiB,SAAS,MAAG;AAxDlG;AAwDqG,4DAAW,WAAX;AAAA,SAAuB,oBAEpH;AAAA,MACA,4CAAC,gCAAS,UAAU,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAG;AA3DvE;AA2D0E,4DAAW,UAAX;AAAA,SAAsB,mBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC;AAAA,UACX,SAAS,MAAM;AACb,uBAAW,UAAU,CAAC;AAAA,UACxB;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":["module","error","payloads"]}

package/dist/node/components/Details/index.d.cts

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

package/dist/node/components/Details/index.d.cts.map

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

package/dist/node/components/Details/index.js

@@ -1,23 +1,87 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+// src/components/Details/Details.tsx
+import { ButtonGroup, Typography } from "@mui/material";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { ButtonEx } from "@xylabs/react-button";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from "@xyo-network/archivist";
+import { QueryBoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
+import { useState } from "react";
+
+// src/hooks/node/useArchivistFromNode.tsx
+import { asArchivistInstance } from "@xyo-network/archivist-model";
+import { useModuleFromNode } from "@xyo-network/react-node";
+var useArchivistFromNode = (nameOrAddressOrInstance, config) => {
+  var _a, _b;
+  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config);
+  const instance = asArchivistInstance(module);
+  if (module && !instance) {
+    const error2 = Error(`Resolved module is not a ArchivistInstance [${(_a = module.config) == null ? void 0 : _a.schema}:${(_b = module.config) == null ? void 0 : _b.name}:${module.address}]`);
+    console.error(error2.message);
+    return [void 0, error2];
   }
-  return to;
+  return [instance, error];
+};
+
+// src/components/Details/Details.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var testQueryCommit = { schema: ArchivistCommitQuerySchema };
+var testQueryCommitBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit);
+var testQueryClear = { schema: ArchivistClearQuerySchema };
+var testQueryClearBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear);
+var ArchivistDetails = ({ address, ...props }) => {
+  const [archivist] = useArchivistFromNode(address);
+  const [payloads, setPayloads] = useState();
+  const [refresh, setRefresh] = useState(0);
+  const [queryableCommit, setQueryableCommit] = useState(false);
+  const [queryableClear, setQueryableClear] = useState(false);
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (archivist) {
+        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build();
+        const [clearBW] = await testQueryClearBoundWitnessBuilder.build();
+        setQueryableCommit(await (archivist == null ? void 0 : archivist.queryable(commitBW, [testQueryCommit])));
+        setQueryableClear(await (archivist == null ? void 0 : archivist.queryable(clearBW, [testQueryClear])));
+      }
+    },
+    [archivist]
+  );
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      var _a;
+      const payloads2 = await ((_a = archivist == null ? void 0 : archivist.all) == null ? void 0 : _a.call(archivist));
+      if (mounted()) {
+        setPayloads(payloads2);
+      }
+    },
+    [archivist, refresh]
+  );
+  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
+    /* @__PURE__ */ jsx(Typography, { children: `Payloads: ${payloads ? payloads.length : "-"}` }),
+    /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx(ButtonEx, { disabled: (payloads == null ? void 0 : payloads.length) === 0 || !archivist || !queryableCommit, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.commit) == null ? void 0 : _a.call(archivist);
+      }, children: "Commit" }),
+      /* @__PURE__ */ jsx(ButtonEx, { disabled: !archivist || !queryableClear, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.clear) == null ? void 0 : _a.call(archivist);
+      }, children: "Clear" }),
+      /* @__PURE__ */ jsx(
+        ButtonEx,
+        {
+          disabled: !archivist,
+          onClick: () => {
+            setRefresh(refresh + 1);
+          },
+          children: "Refresh"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ArchivistDetails
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Details_exports = {};
-module.exports = __toCommonJS(Details_exports);
-__reExport(Details_exports, require("./Details"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./Details")
-});
 //# sourceMappingURL=index.js.map

package/dist/node/components/Details/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Details/index.ts"],"sourcesContent":["export * from './Details'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;","names":[]}
+{"version":3,"sources":["../../../../src/components/Details/Details.tsx","../../../../src/hooks/node/useArchivistFromNode.tsx"],"sourcesContent":["import { ButtonGroup, Typography } from '@mui/material'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { ArchivistClearQuerySchema, ArchivistCommitQuerySchema } from '@xyo-network/archivist'\nimport { QueryBoundWitnessBuilder } from '@xyo-network/boundwitness-builder'\nimport { Payload } from '@xyo-network/payload-model'\nimport { useState } from 'react'\n\nimport { useArchivistFromNode } from '../../hooks'\n\nconst testQueryCommit = { schema: ArchivistCommitQuerySchema }\nconst testQueryCommitBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit)\n\nconst testQueryClear = { schema: ArchivistClearQuerySchema }\nconst testQueryClearBoundWitnessBuilder = new QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear)\n\nexport interface ArchivistDetails extends FlexBoxProps {\n  address?: string\n}\n\nexport const ArchivistDetails: React.FC<ArchivistDetails> = ({ address, ...props }) => {\n  const [archivist] = useArchivistFromNode(address)\n  const [payloads, setPayloads] = useState<Payload[]>()\n  const [refresh, setRefresh] = useState(0)\n  const [queryableCommit, setQueryableCommit] = useState(false)\n  const [queryableClear, setQueryableClear] = useState(false)\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (archivist) {\n        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build()\n        const [clearBW] = await testQueryClearBoundWitnessBuilder.build()\n        setQueryableCommit(await archivist?.queryable(commitBW, [testQueryCommit]))\n        setQueryableClear(await archivist?.queryable(clearBW, [testQueryClear]))\n      }\n    },\n    [archivist],\n  )\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const payloads = await archivist?.all?.()\n      if (mounted()) {\n        setPayloads(payloads)\n      }\n    },\n    [archivist, refresh],\n  )\n\n  return (\n    <FlexCol {...props}>\n      <Typography>{`Payloads: ${payloads ? payloads.length : '-'}`}</Typography>\n      <ButtonGroup>\n        <ButtonEx disabled={payloads?.length === 0 || !archivist || !queryableCommit} onClick={() => archivist?.commit?.()}>\n          Commit\n        </ButtonEx>\n        <ButtonEx disabled={!archivist || !queryableClear} onClick={() => archivist?.clear?.()}>\n          Clear\n        </ButtonEx>\n        <ButtonEx\n          disabled={!archivist}\n          onClick={() => {\n            setRefresh(refresh + 1)\n          }}\n        >\n          Refresh\n        </ButtonEx>\n      </ButtonGroup>\n    </FlexCol>\n  )\n}\n","import { ArchivistInstance, asArchivistInstance } from '@xyo-network/archivist-model'\nimport { ModuleFromNodeConfig, useModuleFromNode } from '@xyo-network/react-node'\n\nexport const useArchivistFromNode = (\n  nameOrAddressOrInstance?: string | ArchivistInstance,\n  config?: ModuleFromNodeConfig,\n): [ArchivistInstance | undefined, Error | undefined] => {\n  const [module, error] = useModuleFromNode(nameOrAddressOrInstance, config)\n  const instance = asArchivistInstance(module)\n  if (module && !instance) {\n    const error = Error(`Resolved module is not a ArchivistInstance [${module.config?.schema}:${module.config?.name}:${module.address}]`)\n    console.error(error.message)\n    return [undefined, error]\n  }\n  return [instance, error]\n}\n"],"mappings":";AAAA,SAAS,aAAa,kBAAkB;AACxC,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAuB,eAAe;AACtC,SAAS,2BAA2B,kCAAkC;AACtE,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB;;;ACPzB,SAA4B,2BAA2B;AACvD,SAA+B,yBAAyB;AAEjD,IAAM,uBAAuB,CAClC,yBACA,WACuD;AANzD;AAOE,QAAM,CAAC,QAAQ,KAAK,IAAI,kBAAkB,yBAAyB,MAAM;AACzE,QAAM,WAAW,oBAAoB,MAAM;AAC3C,MAAI,UAAU,CAAC,UAAU;AACvB,UAAMA,SAAQ,MAAM,gDAA+C,YAAO,WAAP,mBAAe,MAAM,KAAI,YAAO,WAAP,mBAAe,IAAI,IAAI,OAAO,OAAO,GAAG;AACpI,YAAQ,MAAMA,OAAM,OAAO;AAC3B,WAAO,CAAC,QAAWA,MAAK;AAAA,EAC1B;AACA,SAAO,CAAC,UAAU,KAAK;AACzB;;;ADuCM,cACA,YADA;AA3CN,IAAM,kBAAkB,EAAE,QAAQ,2BAA2B;AAC7D,IAAM,qCAAqC,IAAI,yBAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,eAAe;AAEvH,IAAM,iBAAiB,EAAE,QAAQ,0BAA0B;AAC3D,IAAM,oCAAoC,IAAI,yBAAyB,EAAE,gBAAgB,KAAK,CAAC,EAAE,MAAM,cAAc;AAM9G,IAAM,mBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACrF,QAAM,CAAC,SAAS,IAAI,qBAAqB,OAAO;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAoB;AACpD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AACxC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,KAAK;AAC5D,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,WAAW;AACb,cAAM,CAAC,QAAQ,IAAI,MAAM,mCAAmC,MAAM;AAClE,cAAM,CAAC,OAAO,IAAI,MAAM,kCAAkC,MAAM;AAChE,2BAAmB,OAAM,uCAAW,UAAU,UAAU,CAAC,eAAe,GAAE;AAC1E,0BAAkB,OAAM,uCAAW,UAAU,SAAS,CAAC,cAAc,GAAE;AAAA,MACzE;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA;AAAA;AAAA,IAEE,OAAO,YAAY;AA3CvB;AA4CM,YAAMC,YAAW,QAAM,4CAAW,QAAX;AACvB,UAAI,QAAQ,GAAG;AACb,oBAAYA,SAAQ;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,OAAO;AAAA,EACrB;AAEA,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,cAAY,uBAAa,WAAW,SAAS,SAAS,GAAG,IAAG;AAAA,IAC7D,qBAAC,eACC;AAAA,0BAAC,YAAS,WAAU,qCAAU,YAAW,KAAK,CAAC,aAAa,CAAC,iBAAiB,SAAS,MAAG;AAxDlG;AAwDqG,4DAAW,WAAX;AAAA,SAAuB,oBAEpH;AAAA,MACA,oBAAC,YAAS,UAAU,CAAC,aAAa,CAAC,gBAAgB,SAAS,MAAG;AA3DvE;AA2D0E,4DAAW,UAAX;AAAA,SAAsB,mBAExF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,CAAC;AAAA,UACX,SAAS,MAAM;AACb,uBAAW,UAAU,CAAC;AAAA,UACxB;AAAA,UACD;AAAA;AAAA,MAED;AAAA,OACF;AAAA,KACF;AAEJ;","names":["error","payloads"]}

package/dist/node/components/index.cjs

@@ -0,0 +1,304 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/index.ts
+var components_exports = {};
+__export(components_exports, {
+  ArchivistCard: () => ArchivistCard,
+  ArchivistCardContent: () => ArchivistCardContent,
+  ArchivistCardHeader: () => ArchivistCardHeader,
+  ArchivistDetails: () => ArchivistDetails
+});
+module.exports = __toCommonJS(components_exports);
+
+// src/components/Card/Card.tsx
+var import_material4 = require("@mui/material");
+var import_react_module3 = require("@xyo-network/react-module");
+
+// src/components/Card/CardContent.tsx
+var import_react_async_effect2 = require("@xylabs/react-async-effect");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_module = require("@xyo-network/module");
+var import_react_module = require("@xyo-network/react-module");
+var import_react_wallet = require("@xyo-network/react-wallet");
+var import_react3 = require("react");
+
+// src/components/Card/components/ArchivistParent.tsx
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ArchivistParent = ({ archivistType, parentArchivists }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: parentArchivists == null ? void 0 : parentArchivists.map((address) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "subtitle2", children: [
+    archivistType,
+    ":",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "caption", sx: { ml: 0.5 }, children: address })
+  ] }) }, address);
+}) });
+
+// src/components/Card/components/ArchivistParents.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_material2 = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ArchivistParents = ({ config, ...props }) => {
+  const [parentArchivistCollapse, setParentArchivistCollapse] = (0, import_react.useState)(false);
+  const { commit, read, write } = (config == null ? void 0 : config.parents) ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: commit || read || write ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexCol, { alignItems: "start", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { onClick: () => setParentArchivistCollapse(!parentArchivistCollapse), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "subtitle2", sx: { cursor: "pointer", display: "inline-block" }, children: "Parents" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.IconButton, { size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.ArrowRightRounded, { sx: { rotate: parentArchivistCollapse ? "90deg" : "0deg", transition: "all .25s" } }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Collapse, { in: parentArchivistCollapse, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Paper, { elevation: 2, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.List, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ArchivistParent, { archivistType: "Commit", parentArchivists: commit }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ArchivistParent, { archivistType: "Read", parentArchivists: read }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ArchivistParent, { archivistType: "Write", parentArchivists: write })
+    ] }) }) })
+  ] }) : null });
+};
+
+// src/components/Card/components/Stats/ArchivistStats.tsx
+var import_material3 = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_bs = require("react-icons/bs/index.js");
+var import_vsc = require("react-icons/vsc/index.js");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ArchivistStats = ({ addresses = {}, boundWitnesses, payloads, schemas = {} }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_flexbox2.FlexRow, { gap: 2, mr: 0.5, children: [
+    (payloads == null ? void 0 : payloads.length) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tooltip, { title: "Payloads", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Badge, { badgeContent: payloads == null ? void 0 : payloads.length, color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vsc.VscSymbolNamespace, { size: 20 }) }) }) : null,
+    (boundWitnesses == null ? void 0 : boundWitnesses.length) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tooltip, { title: "Blocks", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Badge, { badgeContent: boundWitnesses == null ? void 0 : boundWitnesses.length, color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vsc.VscSymbolMethod, { size: 20 }) }) }) : null,
+    Object.entries(schemas).length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tooltip, { title: "Schemas", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Badge, { badgeContent: Object.entries(schemas).length, color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_bs.BsFileEarmarkCode, { size: 20 }) }) }) : null,
+    Object.entries(addresses).length ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Tooltip, { title: "Addresses", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Badge, { badgeContent: Object.entries(addresses).length, color: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_vsc.VscOrganization, { size: 20 }) }) }) : null
+  ] });
+};
+
+// src/components/Card/components/Stats/MemoryArchivistStats.tsx
+var import_react_async_effect = require("@xylabs/react-async-effect");
+var import_archivist = require("@xyo-network/archivist");
+var import_boundwitness_model = require("@xyo-network/boundwitness-model");
+var import_boundwitness_wrapper = require("@xyo-network/boundwitness-wrapper");
+var import_react2 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MemoryArchivistsStats = ({ archivist }) => {
+  const [all, setAll] = (0, import_react2.useState)();
+  const getAll = (0, import_react2.useCallback)(async (archivist2) => {
+    var _a;
+    const all2 = await ((_a = archivist2 == null ? void 0 : archivist2.all) == null ? void 0 : _a.call(archivist2));
+    setAll(all2);
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    const listeners = [];
+    if (archivist == null ? void 0 : archivist.queries.includes(import_archivist.ArchivistAllQuerySchema)) {
+      const insertListener = archivist.on("inserted", async () => {
+        await getAll(archivist);
+      });
+      listeners.push(insertListener);
+      const clearListener = archivist.on("cleared", async () => {
+        await getAll(archivist);
+      });
+      listeners.push(clearListener);
+    }
+    return () => listeners.forEach((listener) => listener == null ? void 0 : listener());
+  }, [archivist, getAll]);
+  (0, import_react_async_effect.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (archivist == null ? void 0 : archivist.queries.includes(import_archivist.ArchivistAllQuerySchema)) {
+        await getAll(archivist);
+      } else {
+        setAll(null);
+      }
+    },
+    [archivist, getAll]
+  );
+  const payloads = (0, import_react2.useMemo)(() => all === null ? [] : all == null ? void 0 : all.filter((payload) => payload.schema !== import_boundwitness_model.BoundWitnessSchema), [all]);
+  const boundWitnesses = (0, import_react2.useMemo)(() => all === null ? [] : all == null ? void 0 : all.filter((payload) => payload.schema === import_boundwitness_model.BoundWitnessSchema), [all]);
+  const addresses = (0, import_react2.useMemo)(
+    () => (all == null ? void 0 : all.reduce(
+      (prev, payload) => {
+        var _a;
+        const w = import_boundwitness_wrapper.BoundWitnessWrapper.tryParse(payload);
+        (_a = w == null ? void 0 : w.addresses) == null ? void 0 : _a.forEach((address) => {
+          prev[address] = (prev[address] ?? 0) + 1;
+        });
+        return prev;
+      },
+      {}
+    )) ?? {},
+    [all]
+  );
+  const schemas = (0, import_react2.useMemo)(
+    () => (all == null ? void 0 : all.reduce(
+      (prev, payload) => {
+        prev[payload.schema] = (prev[payload.schema] ?? 0) + 1;
+        return prev;
+      },
+      {}
+    )) ?? {},
+    [all]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArchivistStats, { addresses, boundWitnesses, payloads, schemas });
+};
+
+// src/components/Card/CardContent.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ArchivistCardContent = ({ children, module: module2, ...props }) => {
+  const [config, setConfig] = (0, import_react3.useState)();
+  const [wallet] = (0, import_react_wallet.useWallet)();
+  (0, import_react_async_effect2.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      if (wallet && module2) {
+        const wrapper = import_module.ModuleWrapper.wrap(module2, wallet);
+        const payloads = await (wrapper == null ? void 0 : wrapper.discover());
+        if (mounted()) {
+          setConfig(payloads == null ? void 0 : payloads[0]);
+        }
+      } else {
+        setConfig(void 0);
+      }
+    },
+    [module2, wallet]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_module.ModuleCardContent, { module: module2, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox3.FlexGrowRow, { flexWrap: "wrap", justifyContent: "start", gap: 2, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ArchivistParents, { config })
+  ] }) });
+};
+
+// src/components/Card/CardHeader.tsx
+var import_archivist2 = require("@xyo-network/archivist");
+var import_react_module2 = require("@xyo-network/react-module");
+var import_react4 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ArchivistStats2 = (archivist) => {
+  switch (archivist == null ? void 0 : archivist.config.schema) {
+    case import_archivist2.MemoryArchivistConfigSchema:
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MemoryArchivistsStats, { archivist });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {});
+  }
+};
+var ArchivistCardHeader = ({ title, module: module2, ...props }) => {
+  const Stats = (0, import_react4.useMemo)(() => ArchivistStats2(module2), [module2]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_module2.ModuleCardHeader, { module: module2, title: title ?? (module2 == null ? void 0 : module2.config.name) ?? "Archivist", action: Stats, ...props });
+};
+
+// src/components/Card/Card.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ArchivistCard = ({ children, module: module2, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material4.Card, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArchivistCardHeader, { module: module2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ArchivistCardContent, { module: module2 }),
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_module3.ModuleCardActions, { module: module2 })
+  ] });
+};
+
+// src/components/Details/Details.tsx
+var import_material5 = require("@mui/material");
+var import_react_async_effect3 = require("@xylabs/react-async-effect");
+var import_react_button = require("@xylabs/react-button");
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_archivist3 = require("@xyo-network/archivist");
+var import_boundwitness_builder = require("@xyo-network/boundwitness-builder");
+var import_react5 = require("react");
+
+// src/hooks/node/useArchivistFromNode.tsx
+var import_archivist_model = require("@xyo-network/archivist-model");
+var import_react_node = require("@xyo-network/react-node");
+var useArchivistFromNode = (nameOrAddressOrInstance, config) => {
+  var _a, _b;
+  const [module2, error] = (0, import_react_node.useModuleFromNode)(nameOrAddressOrInstance, config);
+  const instance = (0, import_archivist_model.asArchivistInstance)(module2);
+  if (module2 && !instance) {
+    const error2 = Error(`Resolved module is not a ArchivistInstance [${(_a = module2.config) == null ? void 0 : _a.schema}:${(_b = module2.config) == null ? void 0 : _b.name}:${module2.address}]`);
+    console.error(error2.message);
+    return [void 0, error2];
+  }
+  return [instance, error];
+};
+
+// src/components/Details/Details.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var testQueryCommit = { schema: import_archivist3.ArchivistCommitQuerySchema };
+var testQueryCommitBoundWitnessBuilder = new import_boundwitness_builder.QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryCommit);
+var testQueryClear = { schema: import_archivist3.ArchivistClearQuerySchema };
+var testQueryClearBoundWitnessBuilder = new import_boundwitness_builder.QueryBoundWitnessBuilder({ inlinePayloads: true }).query(testQueryClear);
+var ArchivistDetails = ({ address, ...props }) => {
+  const [archivist] = useArchivistFromNode(address);
+  const [payloads, setPayloads] = (0, import_react5.useState)();
+  const [refresh, setRefresh] = (0, import_react5.useState)(0);
+  const [queryableCommit, setQueryableCommit] = (0, import_react5.useState)(false);
+  const [queryableClear, setQueryableClear] = (0, import_react5.useState)(false);
+  (0, import_react_async_effect3.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (archivist) {
+        const [commitBW] = await testQueryCommitBoundWitnessBuilder.build();
+        const [clearBW] = await testQueryClearBoundWitnessBuilder.build();
+        setQueryableCommit(await (archivist == null ? void 0 : archivist.queryable(commitBW, [testQueryCommit])));
+        setQueryableClear(await (archivist == null ? void 0 : archivist.queryable(clearBW, [testQueryClear])));
+      }
+    },
+    [archivist]
+  );
+  (0, import_react_async_effect3.useAsyncEffect)(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      var _a;
+      const payloads2 = await ((_a = archivist == null ? void 0 : archivist.all) == null ? void 0 : _a.call(archivist));
+      if (mounted()) {
+        setPayloads(payloads2);
+      }
+    },
+    [archivist, refresh]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material5.Typography, { children: `Payloads: ${payloads ? payloads.length : "-"}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material5.ButtonGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_button.ButtonEx, { disabled: (payloads == null ? void 0 : payloads.length) === 0 || !archivist || !queryableCommit, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.commit) == null ? void 0 : _a.call(archivist);
+      }, children: "Commit" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_button.ButtonEx, { disabled: !archivist || !queryableClear, onClick: () => {
+        var _a;
+        return (_a = archivist == null ? void 0 : archivist.clear) == null ? void 0 : _a.call(archivist);
+      }, children: "Clear" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_button.ButtonEx,
+        {
+          disabled: !archivist,
+          onClick: () => {
+            setRefresh(refresh + 1);
+          },
+          children: "Refresh"
+        }
+      )
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArchivistCard,
+  ArchivistCardContent,
+  ArchivistCardHeader,
+  ArchivistDetails
+});
+//# sourceMappingURL=index.cjs.map