jazz-tools 0.18.36 → 0.18.38

package/dist/inspector/{custom-element-RBBL46TI.js → custom-element-QESCMFY7.js}

@@ -1970,7 +1970,7 @@ var require_scheduler = __commonJS({
 var require_react_dom_production = __commonJS({
   "../../node_modules/react-dom/cjs/react-dom.production.js"(exports) {
     "use strict";
-    var React8 = require_react();
+    var React9 = require_react();
     function formatProdErrorMessage(code) {
       var url = "https://react.dev/errors/" + code;
       if (1 < arguments.length) {
@@ -2010,7 +2010,7 @@ var require_react_dom_production = __commonJS({
         implementation
       };
     }
-    var ReactSharedInternals = React8.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     function getCrossOriginStringAs(as, input) {
       if ("font" === as) return "";
       if ("string" === typeof input)
@@ -2164,7 +2164,7 @@ var require_react_dom_development = __commonJS({
         return dispatcher;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React8 = require_react(), Internals = {
+      var React9 = require_react(), Internals = {
         d: {
           f: noop,
           r: function() {
@@ -2182,7 +2182,7 @@ var require_react_dom_development = __commonJS({
         },
         p: 0,
         findDOMNode: null
-      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React8.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
       "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
         "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
       );
@@ -2390,7 +2390,7 @@ var require_react_dom_client_production = __commonJS({
   "../../node_modules/react-dom/cjs/react-dom-client.production.js"(exports) {
     "use strict";
     var Scheduler = require_scheduler();
-    var React8 = require_react();
+    var React9 = require_react();
     var ReactDOM = require_react_dom();
     function formatProdErrorMessage(code) {
       var url = "https://react.dev/errors/" + code;
@@ -2578,7 +2578,7 @@ var require_react_dom_client_production = __commonJS({
       return null;
     }
     var isArrayImpl = Array.isArray;
-    var ReactSharedInternals = React8.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     var ReactDOMSharedInternals = ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     var sharedNotPendingObject = {
       pending: false,
@@ -13570,7 +13570,7 @@ var require_react_dom_client_production = __commonJS({
         0 === i && attemptExplicitHydrationTarget(target);
       }
     };
-    var isomorphicReactPackageVersion$jscomp$inline_1785 = React8.version;
+    var isomorphicReactPackageVersion$jscomp$inline_1785 = React9.version;
     if ("19.1.0" !== isomorphicReactPackageVersion$jscomp$inline_1785)
       throw Error(
         formatProdErrorMessage(
@@ -15021,7 +15021,7 @@ var require_react_dom_client_development = __commonJS({
         "number" === type && getActiveElement(node.ownerDocument) === node || node.defaultValue === "" + value || (node.defaultValue = "" + value);
       }
       function validateOptionProps(element, props) {
-        null == props.value && ("object" === typeof props.children && null !== props.children ? React8.Children.forEach(props.children, function(child) {
+        null == props.value && ("object" === typeof props.children && null !== props.children ? React9.Children.forEach(props.children, function(child) {
           null == child || "string" === typeof child || "number" === typeof child || "bigint" === typeof child || didWarnInvalidChild || (didWarnInvalidChild = true, console.error(
             "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
           ));
@@ -28603,14 +28603,14 @@ var require_react_dom_client_development = __commonJS({
         ));
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var Scheduler = require_scheduler(), React8 = require_react(), ReactDOM = require_react_dom(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var Scheduler = require_scheduler(), React9 = require_react(), ReactDOM = require_react_dom(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_PROVIDER_TYPE = Symbol.for("react.provider"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy");
       Symbol.for("react.scope");
       var REACT_ACTIVITY_TYPE = Symbol.for("react.activity");
       Symbol.for("react.legacy_hidden");
       Symbol.for("react.tracing_marker");
       var REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel");
       Symbol.for("react.view_transition");
-      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), isArrayImpl = Array.isArray, ReactSharedInternals = React8.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ReactDOMSharedInternals = ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, NotPending = Object.freeze({
+      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), isArrayImpl = Array.isArray, ReactSharedInternals = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ReactDOMSharedInternals = ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, NotPending = Object.freeze({
         pending: false,
         data: null,
         method: null,
@@ -31324,7 +31324,7 @@ var require_react_dom_client_development = __commonJS({
         }
       };
       (function() {
-        var isomorphicReactPackageVersion = React8.version;
+        var isomorphicReactPackageVersion = React9.version;
         if ("19.1.0" !== isomorphicReactPackageVersion)
           throw Error(
             'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' + (isomorphicReactPackageVersion + "\n  - react-dom:  19.1.0\nLearn more: https://react.dev/warnings/version-mismatch")
@@ -31720,20 +31720,20 @@ var require_react_jsx_runtime_development = __commonJS({
       function validateChildKeys(node) {
         "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
       }
-      var React8 = require_react(), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+      var React9 = require_react(), REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
       Symbol.for("react.provider");
-      var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React8.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+      var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
         return null;
       };
-      React8 = {
+      React9 = {
         "react-stack-bottom-frame": function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React8["react-stack-bottom-frame"].bind(
-        React8,
+      var unknownOwnerDebugStack = React9["react-stack-bottom-frame"].bind(
+        React9,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -31782,14 +31782,14 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/inspector/custom-element.tsx
-var import_react22 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var import_client = __toESM(require_client(), 1);
 import { setup } from "goober";
 import { Account } from "jazz-tools";
 
 // src/inspector/viewer/new-app.tsx
-var import_react21 = __toESM(require_react(), 1);
-import { styled as styled21 } from "goober";
+var import_react23 = __toESM(require_react(), 1);
+import { styled as styled23 } from "goober";
 
 // src/inspector/ui/button.tsx
 var import_react = __toESM(require_react(), 1);
@@ -31964,11 +31964,11 @@ var Breadcrumbs = ({
 };
 
 // src/inspector/viewer/page-stack.tsx
-import { styled as styled18 } from "goober";
+import { styled as styled20 } from "goober";
 
 // src/inspector/viewer/page.tsx
-var import_react17 = __toESM(require_react(), 1);
-import { styled as styled17 } from "goober";
+var import_react18 = __toESM(require_react(), 1);
+import { styled as styled18 } from "goober";
 
 // src/inspector/ui/badge.tsx
 var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
@@ -32340,7 +32340,7 @@ async function resolveCoValue(coValueId, node) {
       extendedType = "image";
     } else if (isAccount(snapshot)) {
       extendedType = "account";
-    } else if (isGroup(snapshot)) {
+    } else if (value.core.isGroup()) {
       extendedType = "group";
     }
   }
@@ -32369,7 +32369,7 @@ function subscribeToCoValue(coValueId, node, callback) {
           extendedType = "image";
         } else if (isAccount(snapshot)) {
           extendedType = "account";
-        } else if (isGroup(snapshot)) {
+        } else if (value.core.isGroup()) {
           extendedType = "group";
         }
       } else if (type === "costream") {
@@ -32986,125 +32986,13 @@ function GridView({
 }
 
 // src/inspector/viewer/raw-data-card.tsx
-var import_react9 = __toESM(require_react(), 1);
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
-function CopyButton({ data }) {
-  const [copyCount, setCopyCount] = (0, import_react9.useState)(0);
-  const copied = copyCount > 0;
-  const stringifiedData = JSON.stringify(data);
-  (0, import_react9.useEffect)(() => {
-    if (copyCount > 0) {
-      const timeout = setTimeout(() => setCopyCount(0), 1e3);
-      return () => {
-        clearTimeout(timeout);
-      };
-    }
-  }, [copyCount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    Button,
-    {
-      style: {
-        position: "absolute",
-        top: "10px",
-        right: "10px"
-      },
-      onClick: () => {
-        window.navigator.clipboard.writeText(stringifiedData).then(() => {
-          setCopyCount((count) => count + 1);
-        });
-      },
-      variant: "secondary",
-      children: copied ? "Copied" : "Copy"
-    }
-  );
-}
-function RawDataCard({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Card, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { strong: true, children: "Raw data" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CopyButton, { data })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ValueRenderer, { json: data }) })
-  ] });
-}
-
-// src/inspector/viewer/account-view.tsx
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
-function AccountView({
-  data,
-  onNavigate,
-  node
-}) {
-  const readableData = { ...data };
-  for (const key in readableData) {
-    if (key === "readKey" || key.startsWith("sealer_z") || key.startsWith("key_z")) {
-      delete readableData[key];
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GridView, { data: readableData, onNavigate, node }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RawDataCard, { data })
-  ] });
-}
-
-// src/inspector/viewer/co-plain-text-view.tsx
-var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
-function CoPlainTextView({ data }) {
-  if (!data) return;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: Object.values(data).join("") }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RawDataCard, { data })
-  ] });
-}
-
-// src/inspector/viewer/group-view.tsx
 var import_react14 = __toESM(require_react(), 1);
 
-// src/inspector/ui/table.tsx
-var import_react10 = __toESM(require_react(), 1);
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled12 } from "goober";
-var StyledTable = styled12("table")`
-  width: 100%;
-`;
-var StyledThead = styled12("thead")`
-  text-align: left;
-  border-bottom: 1px solid var(--j-border-color);
-  background-color: var(--j-neutral-100);
-
-  @media (prefers-color-scheme: dark) {
-    background-color: var(--j-neutral-925);
-  }
-`;
-var StyledTbody = styled12("tbody")`
-  tr {
-    border-bottom: 1px solid var(--j-border-color);
-
-    &:last-child {
-      border-bottom: none;
-    }
-  }
-`;
-var StyledTh = styled12("th")`
-  font-weight: 500;
-  padding: 0.5rem 0.75rem;
-  color: var(--j-text-color-strong);
-`;
-var StyledTd = styled12("td")`
-  padding: 0.5rem 0.75rem;
-`;
-var Table = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTable, { ref, ...props, children }));
-var TableHead = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledThead, { ref, ...props, children }));
-var TableBody = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTbody, { ref, ...props, children }));
-var TableRow = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { ref, ...props, children }));
-var TableHeader = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTh, { ref, ...props, children }));
-var TableCell = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTd, { ref, ...props, children }));
-
 // src/inspector/ui/modal.tsx
-var import_react11 = __toESM(require_react(), 1);
-import { styled as styled13 } from "goober";
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
-var ModalContent = styled13("dialog")`
+var import_react9 = __toESM(require_react(), 1);
+import { styled as styled12 } from "goober";
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var ModalContent = styled12("dialog")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
@@ -33117,24 +33005,24 @@ var ModalContent = styled13("dialog")`
   }
   
 `;
-var ModalHeader = styled13("div")`
+var ModalHeader = styled12("div")`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 1.5rem 1.5rem 0 1.5rem;
   gap: 1rem;
 `;
-var ModalBody = styled13("div")`
+var ModalBody = styled12("div")`
   padding: 1rem 1.5rem;
   flex: 1;
 `;
-var ModalFooter = styled13("div")`
+var ModalFooter = styled12("div")`
   display: flex;
   justify-content: flex-end;
   gap: 0.75rem;
   padding: 0 1.5rem 1.5rem 1.5rem;
 `;
-var CloseButton = styled13("button")`
+var CloseButton = styled12("button")`
   background: none;
   border: none;
   cursor: pointer;
@@ -33158,7 +33046,7 @@ var CloseButton = styled13("button")`
     outline-offset: 2px;
   }
 `;
-var Modal = (0, import_react11.forwardRef)(
+var Modal = (0, import_react9.forwardRef)(
   ({
     isOpen,
     onClose,
@@ -33172,8 +33060,8 @@ var Modal = (0, import_react11.forwardRef)(
     showButtons = true,
     className
   }, ref) => {
-    const modalRef = (0, import_react11.useRef)(null);
-    (0, import_react11.useEffect)(() => {
+    const modalRef = (0, import_react9.useRef)(null);
+    (0, import_react9.useEffect)(() => {
       if (isOpen) {
         modalRef.current?.showModal();
       } else {
@@ -33190,7 +33078,7 @@ var Modal = (0, import_react11.forwardRef)(
       onClose();
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       ModalContent,
       {
         ref: ref || modalRef,
@@ -33199,17 +33087,17 @@ var Modal = (0, import_react11.forwardRef)(
         "aria-labelledby": "modal-heading",
         onClose,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ModalHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Heading, { id: "modal-heading", children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ModalHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Heading, { id: "modal-heading", children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ModalBody, { children: [
-            text && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ModalBody, { children: [
+            text && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
             children
           ] }),
-          showButtons && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ModalFooter, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
+          showButtons && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ModalFooter, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
           ] })
         ]
       }
@@ -33219,19 +33107,19 @@ var Modal = (0, import_react11.forwardRef)(
 Modal.displayName = "Modal";
 
 // src/inspector/ui/select.tsx
-var import_react12 = __toESM(require_react(), 1);
-import { styled as styled14 } from "goober";
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
-var SelectContainer = styled14("div")`
+var import_react10 = __toESM(require_react(), 1);
+import { styled as styled13 } from "goober";
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+var SelectContainer = styled13("div")`
   display: grid;
   gap: 0.25rem;
 `;
-var SelectWrapper = styled14("div")`
+var SelectWrapper = styled13("div")`
   position: relative;
   display: flex;
   align-items: center;
 `;
-var StyledSelect = styled14("select")`
+var StyledSelect = styled13("select")`
   width: 100%;
   border-radius: var(--j-radius-md);
   border: 1px solid var(--j-border-color);
@@ -33249,7 +33137,7 @@ var StyledSelect = styled14("select")`
     background-color: var(--j-foreground);
   }
 `;
-var SelectIcon = styled14("span")`
+var SelectIcon = styled13("span")`
   position: absolute;
   right: 0.5em;
   color: var(--j-neutral-400);
@@ -33261,20 +33149,62 @@ var SelectIcon = styled14("span")`
 `;
 function Select(props) {
   const { label, hideLabel, id: customId, className, ...selectProps } = props;
-  const generatedId = (0, import_react12.useId)();
+  const generatedId = (0, import_react10.useId)();
   const id = customId || generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SelectContainer, { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SelectWrapper, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledSelect, { ...selectProps, id, children: props.children }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { name: "chevronDown", size: "sm" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SelectContainer, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SelectWrapper, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(StyledSelect, { ...selectProps, id, children: props.children }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { name: "chevronDown", size: "sm" }) })
     ] })
   ] });
 }
 
 // src/inspector/ui/data-table.tsx
-var import_react13 = __toESM(require_react(), 1);
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_react12 = __toESM(require_react(), 1);
+
+// src/inspector/ui/table.tsx
+var import_react11 = __toESM(require_react(), 1);
+var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled14 } from "goober";
+var StyledTable = styled14("table")`
+  width: 100%;
+`;
+var StyledThead = styled14("thead")`
+  text-align: left;
+  border-bottom: 1px solid var(--j-border-color);
+  background-color: var(--j-neutral-100);
+
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--j-neutral-925);
+  }
+`;
+var StyledTbody = styled14("tbody")`
+  tr {
+    border-bottom: 1px solid var(--j-border-color);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+`;
+var StyledTh = styled14("th")`
+  font-weight: 500;
+  padding: 0.5rem 0.75rem;
+  color: var(--j-text-color-strong);
+`;
+var StyledTd = styled14("td")`
+  padding: 0.5rem 0.75rem;
+`;
+var Table = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTable, { ref, ...props, children }));
+var TableHead = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledThead, { ref, ...props, children }));
+var TableBody = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTbody, { ref, ...props, children }));
+var TableRow = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { ref, ...props, children }));
+var TableHeader = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTh, { ref, ...props, children }));
+var TableCell = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTd, { ref, ...props, children }));
+
+// src/inspector/ui/data-table.tsx
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
 function DataTable({
   columns,
   data,
@@ -33283,10 +33213,10 @@ function DataTable({
   getRowKey,
   emptyMessage = "No data available"
 }) {
-  const [currentPage, setCurrentPage] = (0, import_react13.useState)(1);
-  const [sortConfig, setSortConfig] = (0, import_react13.useState)(initialSort);
-  const [filters, setFilters] = (0, import_react13.useState)({});
-  const filteredData = (0, import_react13.useMemo)(() => {
+  const [currentPage, setCurrentPage] = (0, import_react12.useState)(1);
+  const [sortConfig, setSortConfig] = (0, import_react12.useState)(initialSort);
+  const [filters, setFilters] = (0, import_react12.useState)({});
+  const filteredData = (0, import_react12.useMemo)(() => {
     return data.filter((row) => {
       return Object.entries(filters).every(([columnId, filterValue]) => {
         if (!filterValue) return true;
@@ -33300,7 +33230,7 @@ function DataTable({
       });
     });
   }, [data, filters, columns]);
-  const sortedData = (0, import_react13.useMemo)(() => {
+  const sortedData = (0, import_react12.useMemo)(() => {
     if (!sortConfig) return filteredData;
     const column = columns.find((col) => col.id === sortConfig.columnId);
     if (!column?.sortable) return filteredData;
@@ -33319,7 +33249,7 @@ function DataTable({
   const startIndex = (currentPage - 1) * pageSize;
   const endIndex = startIndex + pageSize;
   const paginatedData = sortedData.slice(startIndex, endIndex);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setCurrentPage(1);
   }, [filters]);
   const handleSort = (columnId) => {
@@ -33344,9 +33274,9 @@ function DataTable({
   const handlePageChange = (page) => {
     setCurrentPage(Math.max(1, Math.min(page, totalPages)));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "div",
         {
           style: {
@@ -33357,8 +33287,8 @@ function DataTable({
           },
           onClick: () => handleSort(column.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: column.header }),
-            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: column.header }),
+            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "span",
               {
                 style: {
@@ -33371,8 +33301,8 @@ function DataTable({
           ]
         }
       ) }, column.id)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableBody, { children: [
-        columns.some((column) => column.filterable) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: column.filterable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableBody, { children: [
+        columns.some((column) => column.filterable) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: column.filterable && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           Input,
           {
             label: "Filter",
@@ -33384,7 +33314,7 @@ function DataTable({
             onClick: (e) => e.stopPropagation()
           }
         ) }, column.id)) }),
-        paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
             style: {
@@ -33394,10 +33324,10 @@ function DataTable({
             },
             children: emptyMessage
           }
-        ) }) }) : paginatedData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: column.accessor(row) }, column.id)) }, getRowKey(row, startIndex + index)))
+        ) }) }) : paginatedData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: column.accessor(row) }, column.id)) }, getRowKey(row, startIndex + index)))
       ] })
     ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "div",
       {
         style: {
@@ -33408,7 +33338,7 @@ function DataTable({
           padding: "8px 0"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
             "Showing ",
             startIndex + 1,
             " to ",
@@ -33419,8 +33349,8 @@ function DataTable({
             " entries",
             Object.keys(filters).some((key) => filters[key]) && ` (filtered from ${data.length})`
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33429,7 +33359,7 @@ function DataTable({
                 children: "\xAB\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33438,13 +33368,13 @@ function DataTable({
                 children: "\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { fontSize: "14px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: "14px" }, children: [
               "Page ",
               currentPage,
               " of ",
               totalPages
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33453,7 +33383,7 @@ function DataTable({
                 children: "\xBB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33469,8 +33399,122 @@ function DataTable({
   ] });
 }
 
-// src/inspector/viewer/group-view.tsx
+// src/inspector/ui/accordion.tsx
+var import_react13 = __toESM(require_react(), 1);
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled15 } from "goober";
+function Accordion({ title, children, storageKey }) {
+  const [open, setOpen] = useStoragedState(storageKey, false);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "details",
+    {
+      open,
+      style: { display: "flex", flexDirection: "column", gap: "1rem" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          StyledSummary,
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              setOpen((v) => !v);
+            },
+            children: title
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function useStoragedState(key, defaultValue) {
+  const [state, setState] = (0, import_react13.useState)(() => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(key);
+    return stored ? JSON.parse(stored) : defaultValue;
+  });
+  (0, import_react13.useEffect)(() => {
+    localStorage.setItem(key, JSON.stringify(state));
+  }, [state]);
+  return [state, setState];
+}
+var StyledSummary = styled15("summary")`
+  font-size: 1.125rem;
+  cursor: pointer;
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+`;
+
+// src/inspector/viewer/raw-data-card.tsx
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+function CopyButton({ data }) {
+  const [copyCount, setCopyCount] = (0, import_react14.useState)(0);
+  const copied = copyCount > 0;
+  const stringifiedData = JSON.stringify(data);
+  (0, import_react14.useEffect)(() => {
+    if (copyCount > 0) {
+      const timeout = setTimeout(() => setCopyCount(0), 1e3);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [copyCount]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    Button,
+    {
+      style: {
+        position: "absolute",
+        top: "10px",
+        right: "10px"
+      },
+      onClick: () => {
+        window.navigator.clipboard.writeText(stringifiedData).then(() => {
+          setCopyCount((count) => count + 1);
+        });
+      },
+      variant: "secondary",
+      children: copied ? "Copied" : "Copy"
+    }
+  );
+}
+function RawDataCard({ data }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Accordion, { title: "Raw data", storageKey: "jazz-inspector-show-raw-data", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyButton, { data }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValueRenderer, { json: data }) })
+  ] }) });
+}
+
+// src/inspector/viewer/account-view.tsx
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+function AccountView({
+  data,
+  onNavigate,
+  node
+}) {
+  const readableData = { ...data };
+  for (const key in readableData) {
+    if (key === "readKey" || key.startsWith("sealer_z") || key.startsWith("key_z")) {
+      delete readableData[key];
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GridView, { data: readableData, onNavigate, node }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RawDataCard, { data })
+  ] });
+}
+
+// src/inspector/viewer/co-plain-text-view.tsx
 var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+function CoPlainTextView({ data }) {
+  if (!data) return;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: Object.values(data).join("") }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RawDataCard, { data })
+  ] });
+}
+
+// src/inspector/viewer/group-view.tsx
+var import_react15 = __toESM(require_react(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
 function partitionMembers(data) {
   const everyone = Object.entries(data).filter(([key]) => key === "everyone").map(([key, value]) => ({
     id: key,
@@ -33498,7 +33542,7 @@ function GroupView({
   onNavigate,
   node
 }) {
-  const [addMemberType, setAddMemberType] = (0, import_react14.useState)(null);
+  const [addMemberType, setAddMemberType] = (0, import_react15.useState)(null);
   const { everyone, members, parentGroups, childGroups } = partitionMembers(
     data
   );
@@ -33577,28 +33621,28 @@ function GroupView({
       alert(`Failed to add ${addMemberType}: ${error.message}`);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: "Member" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: "Permission" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Member" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Permission" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableBody, { children: [
-        everyone.map((member) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: member.id }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableBody, { children: [
+        everyone.map((member) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.id }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             AccountOrGroupText,
             {
               coId: member.id,
@@ -33609,18 +33653,18 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        parentGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        parentGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             AccountOrGroupText,
             {
               coId: group.id,
@@ -33631,19 +33675,19 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: group.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: group.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: group.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: group.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveGroup(group.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, group.id))
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "div",
       {
         style: {
@@ -33653,14 +33697,14 @@ function GroupView({
           marginTop: "1rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("account"), children: "Add Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("group"), children: "Add Group" })
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("account"), children: "Add Account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("group"), children: "Add Group" })
         ]
       }
     ),
-    childGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: "Member of" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableBody, { children: childGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    childGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Member of" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableBody, { children: childGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         AccountOrGroupText,
         {
           coId: group.id,
@@ -33672,20 +33716,20 @@ function GroupView({
         }
       ) }) }, group.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RawDataCard, { data }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RawDataCard, { data }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Modal,
       {
         isOpen: addMemberType !== null,
         onClose: () => setAddMemberType(null),
         heading: addMemberType === "account" ? "Add Account" : "Add Group",
         showButtons: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
           "div",
           {
             style: { display: "flex", flexDirection: "column", gap: "1rem" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                 Input,
                 {
                   name: "memberId",
@@ -33694,13 +33738,13 @@ function GroupView({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Select, { name: "role", label: "Role", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "reader", children: "Reader" }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "writer", children: "Writer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "admin", children: "Admin" }),
-                addMemberType === "account" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "writeOnly", children: "Write Only" }) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("option", { value: "inherit", children: "Inherit" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Select, { name: "role", label: "Role", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "reader", children: "Reader" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "writer", children: "Writer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "admin", children: "Admin" }),
+                addMemberType === "account" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "writeOnly", children: "Write Only" }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "inherit", children: "Inherit" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                 "div",
                 {
                   style: {
@@ -33710,7 +33754,7 @@ function GroupView({
                     marginTop: "0.5rem"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
                       Button,
                       {
                         type: "button",
@@ -33719,7 +33763,7 @@ function GroupView({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
+                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
                   ]
                 }
               )
@@ -33732,7 +33776,7 @@ function GroupView({
 }
 
 // src/inspector/viewer/role-display.tsx
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 function RoleDisplay({
   node,
   value
@@ -33751,24 +33795,24 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Text, { children: [
     "Role: ",
     role
   ] });
 }
 
 // src/inspector/viewer/table-viewer.tsx
-var import_react15 = __toESM(require_react(), 1);
-import { styled as styled15 } from "goober";
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
-var PaginationContainer = styled15("div")`
+var import_react16 = __toESM(require_react(), 1);
+import { styled as styled16 } from "goober";
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
+var PaginationContainer = styled16("div")`
   padding: 1rem 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
 `;
-var RedTooltip = styled15("span")`
+var RedTooltip = styled16("span")`
   position:relative; /* making the .tooltip span a container for the tooltip text */
   border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */
 
@@ -33805,8 +33849,8 @@ function CoValuesTableView({
   onNavigate,
   onRemove
 }) {
-  const [visibleRowsCount, setVisibleRowsCount] = (0, import_react15.useState)(10);
-  const [coIdArray, visibleRows] = (0, import_react15.useMemo)(() => {
+  const [visibleRowsCount, setVisibleRowsCount] = (0, import_react16.useState)(10);
+  const [coIdArray, visibleRows] = (0, import_react16.useMemo)(() => {
     const coIdArray2 = Array.isArray(data) ? data : Object.values(data).every((k) => typeof k === "string" && isCoId(k)) ? Object.values(data).map((k) => k) : [];
     const visibleRows2 = coIdArray2.slice(0, visibleRowsCount);
     return [coIdArray2, visibleRows2];
@@ -33814,10 +33858,10 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: "No data to display" });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: "Loading..." });
   }
   const keys = Array.from(
     new Set(
@@ -33827,15 +33871,15 @@ function CoValuesTableView({
   const loadMore = () => {
     setVisibleRowsCount((prevVisibleRows) => prevVisibleRows + 10);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(TableRow, { children: [
-        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, { children: key }, key)),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
+        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             Icon,
             {
               name: "caution",
@@ -33848,7 +33892,7 @@ function CoValuesTableView({
           ),
           visibleRows[index]
         ] }) : visibleRows[index] }) }),
-        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -33869,7 +33913,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Button,
           {
             variant: "secondary",
@@ -33882,18 +33926,18 @@ function CoValuesTableView({
             children: "View"
           }
         ) }),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(PaginationContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(PaginationContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -33903,11 +33947,11 @@ function TableView({
   onNavigate,
   onRemove
 }) {
-  const isListOfCoValues = (0, import_react15.useMemo)(() => {
+  const isListOfCoValues = (0, import_react16.useMemo)(() => {
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       CoValuesTableView,
       {
         data,
@@ -33917,29 +33961,29 @@ function TableView({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, { children: "Value" }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableHeader, { children: "Action" })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: "Action" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ValueRenderer, { json: value }) }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text, { mono: true, children: index }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/history-view.tsx
-var import_react16 = __toESM(require_react(), 1);
-import { styled as styled16 } from "goober";
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
+var import_react17 = __toESM(require_react(), 1);
+import { styled as styled17 } from "goober";
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
 function HistoryView({
   coValue,
   node
 }) {
-  const transactions = (0, import_react16.useMemo)(
+  const transactions = (0, import_react17.useMemo)(
     () => getHistory(coValue),
     [coValue.core.verifiedTransactions.length]
   );
@@ -33947,8 +33991,8 @@ function HistoryView({
     {
       id: "author",
       header: "Author",
-      accessor: (row) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-        row.isValid || /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RedTooltip2, { "data-text": "This transaction is invalid and is not used", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      accessor: (row) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+        row.isValid || /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RedTooltip2, { "data-text": "This transaction is invalid and is not used", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Icon,
           {
             name: "caution",
@@ -33961,7 +34005,7 @@ function HistoryView({
             }
           }
         ) }),
-        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           AccountOrGroupText,
           {
             coId: row.author,
@@ -33978,7 +34022,16 @@ function HistoryView({
     {
       id: "action",
       header: "Action",
-      accessor: (row) => row.action,
+      accessor: (row) => {
+        if (row.isValid) return row.action;
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+          row.action,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { style: { color: "red", display: "block" }, children: [
+            "Invalid transaction: ",
+            row.validationErrorMessage
+          ] })
+        ] });
+      },
       sortable: false,
       filterable: true,
       sortFn: (a, b) => a.action.localeCompare(b.action)
@@ -33992,20 +34045,17 @@ function HistoryView({
       sortFn: (a, b) => a.timestamp.getTime() - b.timestamp.getTime()
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("section", { style: { display: "flex", flexDirection: "column", gap: "1rem" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { children: "CoValue history" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      DataTable,
-      {
-        columns,
-        data: transactions,
-        pageSize: 10,
-        initialSort: { columnId: "timestamp", direction: "desc" },
-        getRowKey: (row) => row.id,
-        emptyMessage: "No history available"
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Accordion, { title: "CoValue history", storageKey: "jazz-inspector-show-history", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    DataTable,
+    {
+      columns,
+      data: transactions,
+      pageSize: 10,
+      initialSort: { columnId: "timestamp", direction: "desc" },
+      getRowKey: (row) => row.id,
+      emptyMessage: "No history available"
+    }
+  ) });
 }
 function getTransactionChanges(tx, coValue) {
   if (tx.isValid === false && tx.tx.privacy === "private") {
@@ -34029,7 +34079,8 @@ function getHistory(coValue) {
       author: tx.author,
       action: mapTransactionToAction(change, coValue),
       timestamp: new Date(tx.currentMadeAt),
-      isValid: tx.isValid
+      isValid: tx.isValid,
+      validationErrorMessage: tx.validationErrorMessage
     }));
   });
 }
@@ -34093,7 +34144,7 @@ function mapTransactionToAction(change, coValue) {
     return `Stream ended`;
   }
   if (isPropertySet(change)) {
-    return `Property "${change.key}" has been set to "${change.value}"`;
+    return `Property "${change.key}" has been set to ${JSON.stringify(change.value)}`;
   }
   if (isPropertyDeletion(change)) {
     return `Property "${change.key}" has been deleted`;
@@ -34144,7 +34195,7 @@ var isStreamChunk = (change) => {
 var isStreamEnd = (change) => {
   return change?.type === "end";
 };
-var RedTooltip2 = styled16("span")`
+var RedTooltip2 = styled17("span")`
   position:relative; /* making the .tooltip span a container for the tooltip text */
   border-bottom:1px dashed #000; /* little indicater to indicate it's hoverable */
 
@@ -34177,11 +34228,11 @@ var RedTooltip2 = styled16("span")`
 `;
 
 // src/inspector/viewer/page.tsx
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
-var BasePageContainer = import_react17.default.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { ref, ...rest })
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
+var BasePageContainer = import_react18.default.forwardRef(
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref, ...rest })
 );
-var PageContainer = styled17(BasePageContainer)`
+var PageContainer = styled18(BasePageContainer)`
   position: absolute;
   z-index: 10;
   inset: 0;
@@ -34189,36 +34240,36 @@ var PageContainer = styled17(BasePageContainer)`
   height: 100%;
   padding: 0 0.75rem;
 `;
-var BackButton = styled17("div")`
+var BackButton = styled18("div")`
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 2.5rem;
 `;
-var HeaderContainer = styled17("div")`
+var HeaderContainer = styled18("div")`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 `;
-var TitleContainer = styled17("div")`
+var TitleContainer = styled18("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var Title = styled17(Heading)`
+var Title = styled18(Heading)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
 `;
-var BadgeContainer = styled17("div")`
+var BadgeContainer = styled18("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var ContentContainer = styled17("div")`
+var ContentContainer = styled18("div")`
   overflow: auto;
   display: flex;
   flex-direction: column;
@@ -34239,7 +34290,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       CoStreamView,
       {
         data: snapshot,
@@ -34250,7 +34301,7 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       GroupView,
       {
         coValue: value,
@@ -34261,10 +34312,10 @@ function View(props) {
     );
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountView, { data: snapshot, node, onNavigate });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CoPlainTextView, { data: snapshot });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CoPlainTextView, { data: snapshot });
   }
   if (type === "colist") {
     const handleRemove = (index) => {
@@ -34273,7 +34324,7 @@ function View(props) {
         list.delete(index);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       TableView,
       {
         data: snapshot,
@@ -34284,9 +34335,9 @@ function View(props) {
     );
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableView, { data: snapshot, node, onNavigate });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -34302,13 +34353,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       BackButton,
       {
         "aria-label": "Back",
@@ -34318,27 +34369,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TitleContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TitleContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { children: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(BadgeContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Badge, { children: coId })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(BadgeContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TypeIcon, { type, extendedType }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { children: coId })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ContentContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RoleDisplay, { node, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Text, { muted: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(ContentContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(View, { ...props, coValue }),
+      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RoleDisplay, { node, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Text, { muted: true, children: [
           "Owned by",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -34351,14 +34402,46 @@ function Page(props) {
           )
         ] })
       ] }),
-      value && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(HistoryView, { coValue: value, node })
+      value && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HistoryView, { coValue: value, node })
     ] })
   ] });
 }
 
+// src/inspector/ui/error-boundary.tsx
+var import_react19 = __toESM(require_react(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled19 } from "goober";
+var ErrorBoundary = class extends import_react19.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(error);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { style: { padding: "1rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyledHeading2, { children: this.props.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { mono: true, style: { marginTop: "0.5rem", color: "#ef4444" }, children: this.state.error?.message || "An unexpected error occurred" }),
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { style: { paddingLeft: "1rem", color: "#ef4444" }, children: this.state.error?.stack })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+var StyledHeading2 = styled19("h1")`
+  font-size: 1.125rem;
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+`;
+
 // src/inspector/viewer/page-stack.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
-var PageStackContainer = styled18("div")`
+var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
+var PageStackContainer = styled20("div")`
   position: relative;
   padding: 0 0.75rem;
   overflow-y: auto;
@@ -34375,9 +34458,9 @@ function PageStack({
 }) {
   const page = path[path.length - 1];
   const index = path.length - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(PageStackContainer, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(PageStackContainer, { children: [
     children,
-    node && page && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    node && page && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ErrorBoundary, { title: "An error occurred while rendering this CoValue", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Page,
       {
         coId: page.coId,
@@ -34387,15 +34470,15 @@ function PageStack({
         onNavigate: addPages,
         isTopLevel: index === path.length - 1
       }
-    )
+    ) })
   ] }) });
 }
 
 // src/inspector/viewer/use-page-path.ts
-var import_react18 = __toESM(require_react(), 1);
+var import_react20 = __toESM(require_react(), 1);
 var STORAGE_KEY = "jazz-inspector-paths";
 function usePagePath(defaultPath) {
-  const [path, setPath] = (0, import_react18.useState)(() => {
+  const [path, setPath] = (0, import_react20.useState)(() => {
     if (typeof window === "undefined") return [];
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
@@ -34407,34 +34490,34 @@ function usePagePath(defaultPath) {
     }
     return defaultPath || [];
   });
-  const updatePath = (0, import_react18.useCallback)((newPath) => {
+  const updatePath = (0, import_react20.useCallback)((newPath) => {
     setPath(newPath);
     localStorage.setItem(STORAGE_KEY, JSON.stringify(newPath));
   }, []);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (defaultPath && JSON.stringify(path) !== JSON.stringify(defaultPath)) {
       updatePath(defaultPath);
     }
   }, [defaultPath, path, updatePath]);
-  const addPages = (0, import_react18.useCallback)(
+  const addPages = (0, import_react20.useCallback)(
     (newPages) => {
       updatePath([...path, ...newPages]);
     },
     [path, updatePath]
   );
-  const goToIndex = (0, import_react18.useCallback)(
+  const goToIndex = (0, import_react20.useCallback)(
     (index) => {
       updatePath(path.slice(0, index + 1));
     },
     [path, updatePath]
   );
-  const setPage = (0, import_react18.useCallback)(
+  const setPage = (0, import_react20.useCallback)(
     (coId) => {
       updatePath([{ coId, name: "Root" }]);
     },
     [updatePath]
   );
-  const goBack = (0, import_react18.useCallback)(() => {
+  const goBack = (0, import_react20.useCallback)(() => {
     if (path.length > 1) {
       updatePath(path.slice(0, path.length - 1));
     }
@@ -34449,8 +34532,8 @@ function usePagePath(defaultPath) {
 }
 
 // src/inspector/ui/global-styles.tsx
-import { styled as styled19 } from "goober";
-var GlobalStyles = styled19("div")`
+import { styled as styled21 } from "goober";
+var GlobalStyles = styled21("div")`
   /* Colors */
   --j-primary-color: #146AFF;
   --j-link-color: var(--j-primary-color);
@@ -34524,9 +34607,9 @@ var GlobalStyles = styled19("div")`
 `;
 
 // src/inspector/viewer/inspector-button.tsx
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled20 } from "goober";
-var StyledInspectorButton = styled20("button")`
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled22 } from "goober";
+var StyledInspectorButton = styled22("button")`
   position: fixed;
   width: 2.5rem;
   height: 2.5rem;
@@ -34557,7 +34640,7 @@ var StyledInspectorButton = styled20("button")`
   }
 }}
 `;
-var JazzIcon = styled20("svg")`
+var JazzIcon = styled22("svg")`
   width: 100%;
   height: auto;
   position: relative;
@@ -34568,8 +34651,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -34577,7 +34660,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -34588,7 +34671,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "span",
       {
         style: {
@@ -34609,30 +34692,30 @@ function InspectorButton({
 }
 
 // src/inspector/viewer/use-open-inspector.ts
-var import_react19 = __toESM(require_react(), 1);
+var import_react21 = __toESM(require_react(), 1);
 var STORAGE_KEY2 = "jazz-inspector-open";
 function useOpenInspector() {
-  const [open, setOpen] = (0, import_react19.useState)(() => {
+  const [open, setOpen] = (0, import_react21.useState)(() => {
     if (typeof window === "undefined") return false;
     const stored = localStorage.getItem(STORAGE_KEY2);
     return stored ? JSON.parse(stored) : false;
   });
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     localStorage.setItem(STORAGE_KEY2, JSON.stringify(open));
   }, [open]);
   return [open, setOpen];
 }
 
 // src/inspector/viewer/delete-local-data.tsx
-var import_react20 = __toESM(require_react(), 1);
-var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
+var import_react22 = __toESM(require_react(), 1);
+var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
 var DELETE_LOCAL_DATA_STRING = "delete my local data";
 function DeleteLocalData() {
-  const [showDeleteModal, setShowDeleteModal] = (0, import_react20.useState)(false);
-  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react20.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  const [showDeleteModal, setShowDeleteModal] = (0, import_react22.useState)(false);
+  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react22.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       Modal,
       {
         isOpen: showDeleteModal,
@@ -34640,7 +34723,7 @@ function DeleteLocalData() {
         heading: "Delete Local Data",
         showButtons: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "div",
             {
               style: {
@@ -34651,33 +34734,33 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { children: [
                   "This action ",
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("strong", { children: "cannot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "cannot" }),
                   " be undone."
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { children: [
                   "Be aware that the following data will be",
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("strong", { children: "permanently" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "permanently" }),
                   " deleted:"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("li", { children: [
                     "Unsynced data for ",
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("strong", { children: "all apps" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "all apps" }),
                     " on",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("code", { children: window.location.origin })
+                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("code", { children: window.location.origin })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: "Accounts" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { children: "Logged in sessions" })
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { children: "Accounts" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { children: "Logged in sessions" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", {})
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             Input,
             {
               label: `Type "${DELETE_LOCAL_DATA_STRING}" to confirm`,
@@ -34688,7 +34771,7 @@ function DeleteLocalData() {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "p",
             {
               style: {
@@ -34698,14 +34781,14 @@ function DeleteLocalData() {
                 flexDirection: "column",
                 gap: "0.5rem"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("small", { children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("small", { children: [
                 "Data synced to a sync server will ",
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("strong", { children: "not" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "not" }),
                 " be deleted, and will be synced when you log in again."
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "div",
             {
               style: {
@@ -34715,8 +34798,8 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                   Button,
                   {
                     variant: "destructive",
@@ -34743,8 +34826,8 @@ function DeleteLocalData() {
 }
 
 // src/inspector/viewer/new-app.tsx
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
-var InspectorContainer = styled21("div")`
+var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+var InspectorContainer = styled23("div")`
   position: fixed;
   height: 50vh;
   max-height: 800px;
@@ -34761,17 +34844,17 @@ var InspectorContainer = styled21("div")`
     background-color: var(--j-background);
   }
 `;
-var HeaderContainer2 = styled21("div")`
+var HeaderContainer2 = styled23("div")`
   display: flex;
   align-items: center;
   gap: 1rem;
   padding: 0 0.75rem;
   margin: 0.75rem 0;
 `;
-var Form = styled21("form")`
+var Form = styled23("form")`
   width: 24rem;
 `;
-var InitialForm = styled21("form")`
+var InitialForm = styled23("form")`
   display: flex;
   flex-direction: column;
   position: relative;
@@ -34783,7 +34866,7 @@ var InitialForm = styled21("form")`
   max-width: 24rem;
   margin: 0 auto;
 `;
-var OrText = styled21("p")`
+var OrText = styled23("p")`
   text-align: center;
 `;
 function JazzInspectorInternal({
@@ -34792,7 +34875,7 @@ function JazzInspectorInternal({
   accountId
 }) {
   const [open, setOpen] = useOpenInspector();
-  const [coValueId, setCoValueId] = (0, import_react21.useState)("");
+  const [coValueId, setCoValueId] = (0, import_react23.useState)("");
   const { path, addPages, goToIndex, goBack, setPage } = usePagePath();
   const handleCoValueIdSubmit = (e) => {
     e.preventDefault();
@@ -34802,12 +34885,12 @@ function JazzInspectorInternal({
     setCoValueId("");
   };
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(HeaderContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(HeaderContainer2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
+      path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         Input,
         {
           label: "CoValue ID",
@@ -34818,24 +34901,24 @@ function JazzInspectorInternal({
           onChange: (e) => setCoValueId(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DeleteLocalData, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DeleteLocalData, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       PageStack,
       {
         path,
         node: localNode,
         goBack,
         addPages,
-        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
           InitialForm,
           {
             onSubmit: handleCoValueIdSubmit,
             "aria-hidden": path.length !== 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                 Input,
                 {
                   label: "CoValue ID",
@@ -34846,10 +34929,10 @@ function JazzInspectorInternal({
                   onChange: (e) => setCoValueId(e.target.value)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(OrText, { children: "or" }),
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
+              accountId && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OrText, { children: "or" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
                   Button,
                   {
                     variant: "secondary",
@@ -34870,8 +34953,8 @@ function JazzInspectorInternal({
 }
 
 // src/inspector/custom-element.tsx
-var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
-setup(import_react22.default.createElement);
+var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
+setup(import_react24.default.createElement);
 var JazzInspectorElement = class extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -34913,7 +34996,7 @@ var JazzInspectorElement = class extends HTMLElement {
       return;
     }
     this.root?.render(
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         JazzInspectorInternal,
         {
           localNode: this.account.$jazz.localNode,
@@ -35039,4 +35122,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=custom-element-RBBL46TI.js.map
+//# sourceMappingURL=custom-element-QESCMFY7.js.map