jazz-tools 0.19.8 → 0.19.11

package/dist/inspector/{custom-element-P76EIWEV.js → custom-element-GJVBPZES.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 React9 = require_react();
+    var React10 = 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 = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals = React10.__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 React9 = require_react(), Internals = {
+      var React10 = 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 = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      }, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React10.__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 React9 = require_react();
+    var React10 = 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 = React9.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInternals = React10.__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 = React9.version;
+    var isomorphicReactPackageVersion$jscomp$inline_1785 = React10.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 ? React9.Children.forEach(props.children, function(child) {
+        null == props.value && ("object" === typeof props.children && null !== props.children ? React10.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(), 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");
+      var Scheduler = require_scheduler(), React10 = 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 = 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({
+      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), isArrayImpl = Array.isArray, ReactSharedInternals = React10.__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 = React9.version;
+        var isomorphicReactPackageVersion = React10.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 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");
+      var React10 = 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 = 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() {
+      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 = React10.__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;
       };
-      React9 = {
+      React10 = {
         "react-stack-bottom-frame": function(callStackForError) {
           return callStackForError();
         }
       };
       var specialPropKeyWarningShown;
       var didWarnAboutElementRef = {};
-      var unknownOwnerDebugStack = React9["react-stack-bottom-frame"].bind(
-        React9,
+      var unknownOwnerDebugStack = React10["react-stack-bottom-frame"].bind(
+        React10,
         UnknownOwner
       )();
       var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -31782,20 +31782,100 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/inspector/custom-element.tsx
-var import_react28 = __toESM(require_react(), 1);
+var import_react32 = __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_react27 = __toESM(require_react(), 1);
-import { styled as styled27 } from "goober";
+// src/inspector/in-app.tsx
+import { styled as styled29 } from "goober";
 
-// src/inspector/ui/button.tsx
-var import_react = __toESM(require_react(), 1);
+// src/inspector/viewer/page-stack.tsx
+import { styled as styled24 } from "goober";
+
+// src/inspector/viewer/page.tsx
+var import_react21 = __toESM(require_react(), 1);
+import { styled as styled21 } from "goober";
+
+// src/inspector/ui/badge.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
 import { styled } from "goober";
-var StyledButton = styled("button")`
+var StyledBadge = styled("span")`
+  font-size: 0.875rem;
+  font-weight: 500;
+  padding: 0.125rem 0.25rem;
+  margin-left: -0.125rem;
+  border-radius: var(--j-radius-sm);
+  background-color: var(--j-foreground);
+  display: inline-block;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  color: var(--j-text-color-strong);
+`;
+function Badge({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledBadge, { className, children });
+}
+
+// src/inspector/ui/heading.tsx
+var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled2 } from "goober";
+var StyledHeading = styled2("h1")`
+  font-size: 1.125rem;
+  text-align: center;
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+`;
+function Heading({
+  children,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledHeading, { className, id, children });
+}
+
+// src/inspector/ui/text.tsx
+var import_react = __toESM(require_react(), 1);
+var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled3 } from "goober";
+var BaseText = import_react.default.forwardRef(
+  ({ muted, strong, small, inline, mono, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, ...rest })
+);
+var StyledText = styled3(BaseText)`
+  ${(props) => props.muted && `
+    color: var(--j-neutral-500);
+  `}
+
+  ${(props) => props.strong && `
+    font-weight: 500;
+    color: var(--j-text-color-strong);
+  `}
+
+  ${(props) => props.small && `
+    font-size: 0.875rem;
+  `}
+
+  ${(props) => props.inline && `
+    display: inline;
+  `}
+
+  ${(props) => props.mono && `
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  `}
+`;
+function Text(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledText, { ...props });
+}
+
+// src/inspector/viewer/account-or-group-text.tsx
+var import_react5 = __toESM(require_react(), 1);
+
+// src/inspector/ui/button.tsx
+var import_react2 = __toESM(require_react(), 1);
+var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled4 } from "goober";
+var StyledButton = styled4("button")`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31853,7 +31933,7 @@ var StyledButton = styled("button")`
   }
 }}
 `;
-var Button = (0, import_react.forwardRef)(
+var Button = (0, import_react2.forwardRef)(
   ({
     className,
     children,
@@ -31862,7 +31942,7 @@ var Button = (0, import_react.forwardRef)(
     type = "button",
     ...buttonProps
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       StyledButton,
       {
         ref,
@@ -31877,181 +31957,14 @@ var Button = (0, import_react.forwardRef)(
   }
 );
 
-// src/inspector/ui/input.tsx
-var import_react2 = __toESM(require_react(), 1);
-var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled2 } from "goober";
-var Container = styled2("div")`
-  display: grid;
-  gap: 0.25rem;
-`;
-var StyledInput = styled2("input")`
-  width: 100%;
-  border-radius: var(--j-radius-md);
-  border: 1px solid var(--j-border-color);
-  padding: 0.5rem 0.875rem;
-  box-shadow: var(--j-shadow-sm);
-  font-weight: 500;
-  background-color: white;
-  color: var(--j-text-color-strong);
-
-  @media (prefers-color-scheme: dark) {
-    background-color: var(--j-foreground);
-  }
-`;
-var Input = (0, import_react2.forwardRef)(
-  ({ label, className, hideLabel, id: customId, ...inputProps }, ref) => {
-    const generatedId = (0, import_react2.useId)();
-    const id = customId || generatedId;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Container, { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "label",
-        {
-          htmlFor: id,
-          className: hideLabel ? "j-sr-only" : "",
-          style: { color: "var(--j-text-color)" },
-          children: label
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledInput, { ref, ...inputProps, id })
-    ] });
-  }
-);
-
-// src/inspector/viewer/breadcrumbs.tsx
-var import_react3 = __toESM(require_react(), 1);
-import { styled as styled3 } from "goober";
-var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
-var BreadcrumbsContainer = styled3("div")`
-  position: relative;
-  z-index: 20;
-  flex: 1;
-  display: flex;
-  align-items: center;
-`;
-var Separator = styled3("span")`
-  padding: 0 0.125rem;
-`;
-var Breadcrumbs = ({
-  path,
-  onBreadcrumbClick
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(BreadcrumbsContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      Button,
-      {
-        variant: "link",
-        style: { padding: "0 0.25rem" },
-        onClick: () => onBreadcrumbClick(-1),
-        children: "Home"
-      }
-    ),
-    path.map((page, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react3.default.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Separator, { "aria-hidden": true, children: "/" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          Button,
-          {
-            variant: "link",
-            style: { padding: "0 0.25rem" },
-            onClick: () => onBreadcrumbClick(index),
-            children: index === 0 ? page.name || "Root" : page.name
-          }
-        )
-      ] }, page.coId);
-    })
-  ] });
-};
-
-// src/inspector/viewer/page-stack.tsx
-import { styled as styled24 } from "goober";
-
-// src/inspector/viewer/page.tsx
-var import_react22 = __toESM(require_react(), 1);
-import { styled as styled22 } from "goober";
-
-// src/inspector/ui/badge.tsx
-var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled4 } from "goober";
-var StyledBadge = styled4("span")`
-  font-size: 0.875rem;
-  font-weight: 500;
-  padding: 0.125rem 0.25rem;
-  margin-left: -0.125rem;
-  border-radius: var(--j-radius-sm);
-  background-color: var(--j-foreground);
-  display: inline-block;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  color: var(--j-text-color-strong);
-`;
-function Badge({
-  children,
-  className
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledBadge, { className, children });
-}
-
-// src/inspector/ui/heading.tsx
-var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled5 } from "goober";
-var StyledHeading = styled5("h1")`
-  font-size: 1.125rem;
-  text-align: center;
-  font-weight: 500;
-  color: var(--j-text-color-strong);
-`;
-function Heading({
-  children,
-  className,
-  id
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledHeading, { className, id, children });
-}
-
-// src/inspector/ui/text.tsx
-var import_react4 = __toESM(require_react(), 1);
-var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled6 } from "goober";
-var BaseText = import_react4.default.forwardRef(
-  ({ muted, strong, small, inline, mono, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, ...rest })
-);
-var StyledText = styled6(BaseText)`
-  ${(props) => props.muted && `
-    color: var(--j-neutral-500);
-  `}
-
-  ${(props) => props.strong && `
-    font-weight: 500;
-    color: var(--j-text-color-strong);
-  `}
-
-  ${(props) => props.small && `
-    font-size: 0.875rem;
-  `}
-
-  ${(props) => props.inline && `
-    display: inline;
-  `}
-
-  ${(props) => props.mono && `
-    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  `}
-`;
-function Text(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyledText, { ...props });
-}
-
-// src/inspector/viewer/account-or-group-text.tsx
-var import_react7 = __toESM(require_react(), 1);
-
 // src/inspector/viewer/use-resolve-covalue.ts
-var import_react6 = __toESM(require_react(), 1);
+var import_react4 = __toESM(require_react(), 1);
 
 // src/inspector/viewer/co-stream-view.tsx
-var import_react5 = __toESM(require_react(), 1);
+var import_react3 = __toESM(require_react(), 1);
 import { base64URLtoBytes } from "cojson";
-import { styled as styled7 } from "goober";
-var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled5 } from "goober";
+var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
 function isBinaryStreamStart(item) {
   return typeof item === "object" && item !== null && "type" in item && item.type === "start";
 }
@@ -32146,23 +32059,23 @@ var BinaryDownloadButton = ({
     document.body.removeChild(link);
     URL.revokeObjectURL(url);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "secondary", onClick: downloadFile, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Button, { variant: "secondary", onClick: downloadFile, children: [
     "\u2B07\uFE0F ",
     label
   ] });
 };
-var LabelContentPairContainer = styled7("div")`
+var LabelContentPairContainer = styled5("div")`
   display: flex;
   flex-direction: column;
   gap: 0.375rem;
 `;
-var BinaryStreamGrid = styled7("div")`
+var BinaryStreamGrid = styled5("div")`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.5rem;
   max-width: 48rem;
 `;
-var ImagePreviewContainer = styled7("div")`
+var ImagePreviewContainer = styled5("div")`
   background-color: rgb(249 250 251);
   padding: 0.75rem;
   border-radius: var(--j-radius-md);
@@ -32170,12 +32083,12 @@ var ImagePreviewContainer = styled7("div")`
     background-color: rgb(28 25 23);
   }
 `;
-var CoStreamGrid = styled7("div")`
+var CoStreamGrid = styled5("div")`
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0.5rem;
 `;
-var CoStreamItemContainer = styled7("div")`
+var CoStreamItemContainer = styled5("div")`
   padding: 0.75rem;
   border-radius: var(--j-radius-lg);
   overflow: hidden;
@@ -32190,18 +32103,18 @@ var LabelContentPair = ({
   label,
   content
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(LabelContentPairContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: content })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(LabelContentPairContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: content })
   ] });
 };
 function RenderCoBinaryStream({
   value,
   items
 }) {
-  const [file, setFile] = (0, import_react5.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(true);
-  (0, import_react5.useEffect)(() => {
+  const [file, setFile] = (0, import_react3.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
+  (0, import_react3.useEffect)(() => {
     getBlobFromCoStream({
       items,
       onlyFirstChunk: true
@@ -32218,35 +32131,35 @@ function RenderCoBinaryStream({
       }
     }).finally(() => setIsLoading(false));
   }, [items]);
-  if (!isLoading && !file) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "No blob" });
-  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "Loading..." });
-  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "No blob" });
+  if (!isLoading && !file) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No blob" });
+  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Loading..." });
+  if (!file) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No blob" });
   const { blob, mimeType } = file;
   const sizeInKB = (file.totalSize || 0) / 1024;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(BinaryStreamGrid, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(BinaryStreamGrid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         LabelContentPair,
         {
           label: "Mime Type",
-          content: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, { children: mimeType || "No mime type" })
+          content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { children: mimeType || "No mime type" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         LabelContentPair,
         {
           label: "Size",
-          content: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          content: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
             sizeInKB.toFixed(2),
             " KB"
           ] })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         LabelContentPair,
         {
           label: "Download",
-          content: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             BinaryDownloadButton,
             {
               fileName: value.id.toString(),
@@ -32258,11 +32171,11 @@ function RenderCoBinaryStream({
         }
       )
     ] }),
-    mimeType === "image/png" || mimeType === "image/jpeg" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    mimeType === "image/png" || mimeType === "image/jpeg" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       LabelContentPair,
       {
         label: "Preview",
-        content: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ImagePreviewContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RenderBlobImage, { blob }) })
+        content: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ImagePreviewContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RenderBlobImage, { blob }) })
       }
     ) : null
   ] });
@@ -32273,10 +32186,10 @@ function RenderCoStream({
 }) {
   const streamPerUser = Object.keys(value.items);
   const userCoIds = streamPerUser.map((stream) => stream.split("_session")[0]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CoStreamGrid, { children: userCoIds.map((id, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(CoStreamItemContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AccountOrGroupText, { coId: id, node }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CoStreamGrid, { children: userCoIds.map((id, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(CoStreamItemContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AccountOrGroupText, { coId: id, node }),
     value.items[streamPerUser[idx]]?.map(
-      (item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+      (item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
         new Date(item.madeAt).toLocaleString(),
         " ",
         JSON.stringify(item.value)
@@ -32291,9 +32204,9 @@ function CoStreamView({
   const streamType = detectCoStreamType(value);
   if (streamType.type === "binary") {
     if (streamType.items === void 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "No binary stream" });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "No binary stream" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       RenderCoBinaryStream,
       {
         value,
@@ -32302,14 +32215,14 @@ function CoStreamView({
     );
   }
   if (streamType.type === "coStream") {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RenderCoStream, { value, node });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RenderCoStream, { value, node });
   }
-  if (streamType.type === "unknown") return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "Unknown stream type" });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "Unknown stream type" });
+  if (streamType.type === "unknown") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Unknown stream type" });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: "Unknown stream type" });
 }
 function RenderBlobImage({ blob }) {
   const urlCreator = window.URL || window.webkitURL;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: urlCreator.createObjectURL(blob) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: urlCreator.createObjectURL(blob) });
 }
 
 // src/inspector/viewer/use-resolve-covalue.ts
@@ -32382,8 +32295,8 @@ function subscribeToCoValue(coValueId, node, callback) {
   });
 }
 function useResolvedCoValue(coValueId, node) {
-  const [result, setResult] = (0, import_react6.useState)();
-  (0, import_react6.useEffect)(() => {
+  const [result, setResult] = (0, import_react4.useState)();
+  (0, import_react4.useEffect)(() => {
     let isMounted = true;
     const unsubscribe = subscribeToCoValue(coValueId, node, (newResult) => {
       if (isMounted) {
@@ -32403,8 +32316,8 @@ function useResolvedCoValue(coValueId, node) {
   };
 }
 function useResolvedCoValues(coValueIds, node) {
-  const [results, setResults] = (0, import_react6.useState)([]);
-  (0, import_react6.useEffect)(() => {
+  const [results, setResults] = (0, import_react4.useState)([]);
+  (0, import_react4.useEffect)(() => {
     let isMounted = true;
     const unsubscribes = [];
     coValueIds.forEach((coValueId, index) => {
@@ -32428,7 +32341,7 @@ function useResolvedCoValues(coValueIds, node) {
 }
 
 // src/inspector/viewer/account-or-group-text.tsx
-var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
 function AccountOrGroupText({
   coId,
   node,
@@ -32436,8 +32349,8 @@ function AccountOrGroupText({
   onClick
 }) {
   const { snapshot, extendedType } = useResolvedCoValue(coId, node);
-  const [name, setName] = (0, import_react7.useState)(null);
-  (0, import_react7.useEffect)(() => {
+  const [name, setName] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
     if (snapshot && typeof snapshot === "object" && "profile" in snapshot) {
       const profileId = snapshot.profile;
       resolveCoValue(profileId, node).then((profileResult) => {
@@ -32447,32 +32360,32 @@ function AccountOrGroupText({
       });
     }
   }, [snapshot, node, extendedType]);
-  if (!snapshot) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Loading..." });
+  if (!snapshot) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "Loading..." });
   if (extendedType !== "account" && extendedType !== "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "CoID is not an account or group" });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: "CoID is not an account or group" });
   }
   const displayName = extendedType === "account" ? name || "Account" : "Group";
   const displayText = showId ? `${displayName} <${coId}>` : displayName;
   if (onClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button, { variant: "link", onClick: () => onClick(displayName), children: displayText });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "link", onClick: () => onClick(displayName), children: displayText });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: displayText });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: displayText });
 }
 
 // src/inspector/viewer/grid-view.tsx
-var import_react11 = __toESM(require_react(), 1);
-import { styled as styled14 } from "goober";
+var import_react9 = __toESM(require_react(), 1);
+import { styled as styled12 } from "goober";
 
 // src/inspector/viewer/type-icon.tsx
-import { styled as styled8 } from "goober";
-var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
-var IconText = styled8("span")`
+import { styled as styled6 } from "goober";
+var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+var IconText = styled6("span")`
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 `;
-var UnavailableText = styled8("div")`
+var UnavailableText = styled6("div")`
   font-weight: 500;
 `;
-var EmptySpace = styled8("div")`
+var EmptySpace = styled6("div")`
   white-space: pre;
   width: 3.5rem;
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
@@ -32494,7 +32407,7 @@ var TypeIcon = ({
   };
   const iconKey = extendedType || type;
   const icon2 = iconMap[iconKey];
-  return icon2 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IconText, { children: icon2 }) : null;
+  return icon2 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(IconText, { children: icon2 }) : null;
 };
 var ResolveIcon = ({
   coId,
@@ -32502,23 +32415,23 @@ var ResolveIcon = ({
 }) => {
   const { type, extendedType, snapshot } = useResolvedCoValue(coId, node);
   if (snapshot === "unavailable" && !type) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UnavailableText, { children: "Unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UnavailableText, { children: "Unavailable" });
   }
-  if (!type) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EmptySpace, { children: " " });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TypeIcon, { type, extendedType });
+  if (!type) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EmptySpace, { children: " " });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TypeIcon, { type, extendedType });
 };
 
 // src/inspector/viewer/types.ts
 var isCoId = (coId) => typeof coId === "string" && coId.startsWith("co_") && !coId.includes("inviteSecret");
 
 // src/inspector/viewer/value-renderer.tsx
-var import_react8 = __toESM(require_react(), 1);
-import { styled as styled9 } from "goober";
+var import_react6 = __toESM(require_react(), 1);
+import { styled as styled7 } from "goober";
 
 // src/inspector/ui/icons/caution.tsx
-var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
 function CautionIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "svg",
     {
       ...props,
@@ -32530,18 +32443,18 @@ function CautionIcon(props) {
       stroke: "currentColor",
       strokeLinejoin: "round",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "10.5", y: "6", width: "3", height: "7.5", rx: "1.5", fill: "#fff" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "10.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "#fff" })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "10.5", y: "6", width: "3", height: "7.5", rx: "1.5", fill: "#fff" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "10.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "#fff" })
       ]
     }
   );
 }
 
 // src/inspector/ui/icons/chevron-down-icon.tsx
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "svg",
     {
       ...props,
@@ -32552,15 +32465,15 @@ function ChevronDownIcon(props) {
       fill: "none",
       stroke: "currentColor",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
 
 // src/inspector/ui/icons/delete-icon.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
 function DeleteIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "svg",
     {
       ...props,
@@ -32573,18 +32486,18 @@ function DeleteIcon(props) {
       strokeLinejoin: "round",
       className: "lucide lucide-trash-icon lucide-trash",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
       ]
     }
   );
 }
 
 // src/inspector/ui/icons/edit-icon.tsx
-var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 function EditIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "svg",
     {
       ...props,
@@ -32596,15 +32509,15 @@ function EditIcon(props) {
       stroke: "currentColor",
       strokeLinejoin: "round",
       className: "lucide lucide-edit lucide-pencil",
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M13.2942 7.95881C13.5533 7.63559 13.5013 7.16358 13.178 6.90453C12.8548 6.64549 12.3828 6.6975 12.1238 7.02072L13.2942 7.95881ZM6.811 14.8488L7.37903 15.3385C7.38489 15.3317 7.39062 15.3248 7.39623 15.3178L6.811 14.8488ZM6.64 15.2668L5.89146 15.2179L5.8908 15.2321L6.64 15.2668ZM6.5 18.2898L5.7508 18.2551C5.74908 18.2923 5.75013 18.3296 5.75396 18.3667L6.5 18.2898ZM7.287 18.9768L7.31152 19.7264C7.36154 19.7247 7.41126 19.7181 7.45996 19.7065L7.287 18.9768ZM10.287 18.2658L10.46 18.9956L10.4716 18.9927L10.287 18.2658ZM10.672 18.0218L11.2506 18.4991L11.2571 18.491L10.672 18.0218ZM17.2971 10.959C17.5562 10.6358 17.5043 10.1638 17.1812 9.90466C16.8581 9.64552 16.386 9.69742 16.1269 10.0206L17.2971 10.959ZM12.1269 7.02052C11.8678 7.34365 11.9196 7.81568 12.2428 8.07484C12.5659 8.33399 13.0379 8.28213 13.2971 7.95901L12.1269 7.02052ZM14.3 5.50976L14.8851 5.97901C14.8949 5.96672 14.9044 5.95412 14.9135 5.94123L14.3 5.50976ZM15.929 5.18976L16.4088 4.61332C16.3849 4.59344 16.3598 4.57507 16.3337 4.5583L15.929 5.18976ZM18.166 7.05176L18.6968 6.52192C18.6805 6.50561 18.6635 6.49007 18.6458 6.47532L18.166 7.05176ZM18.5029 7.87264L19.2529 7.87676V7.87676L18.5029 7.87264ZM18.157 8.68976L17.632 8.15412C17.6108 8.17496 17.5908 8.19704 17.5721 8.22025L18.157 8.68976ZM16.1271 10.0203C15.8678 10.3433 15.9195 10.8153 16.2425 11.0746C16.5655 11.3339 17.0376 11.2823 17.2969 10.9593L16.1271 10.0203ZM13.4537 7.37862C13.3923 6.96898 13.0105 6.68666 12.6009 6.74805C12.1912 6.80943 11.9089 7.19127 11.9703 7.60091L13.4537 7.37862ZM16.813 11.2329C17.2234 11.1772 17.5109 10.7992 17.4552 10.3888C17.3994 9.97834 17.0215 9.69082 16.611 9.74659L16.813 11.2329ZM12.1238 7.02072L6.22577 14.3797L7.39623 15.3178L13.2942 7.95881L12.1238 7.02072ZM6.24297 14.359C6.03561 14.5995 5.91226 14.9011 5.89159 15.218L7.38841 15.3156C7.38786 15.324 7.38457 15.3321 7.37903 15.3385L6.24297 14.359ZM5.8908 15.2321L5.7508 18.2551L7.2492 18.3245L7.3892 15.3015L5.8908 15.2321ZM5.75396 18.3667C5.83563 19.1586 6.51588 19.7524 7.31152 19.7264L7.26248 18.2272C7.25928 18.2273 7.25771 18.2268 7.25669 18.2264C7.25526 18.2259 7.25337 18.2249 7.25144 18.2232C7.2495 18.2215 7.24825 18.2198 7.24754 18.2185C7.24703 18.2175 7.24637 18.216 7.24604 18.2128L5.75396 18.3667ZM7.45996 19.7065L10.46 18.9955L10.114 17.536L7.11404 18.247L7.45996 19.7065ZM10.4716 18.9927C10.7771 18.9151 11.05 18.7422 11.2506 18.499L10.0934 17.5445C10.0958 17.5417 10.0989 17.5397 10.1024 17.5388L10.4716 18.9927ZM11.2571 18.491L17.2971 10.959L16.1269 10.0206L10.0869 17.5526L11.2571 18.491ZM13.2971 7.95901L14.8851 5.97901L13.7149 5.04052L12.1269 7.02052L13.2971 7.95901ZM14.9135 5.94123C15.0521 5.74411 15.3214 5.6912 15.5243 5.82123L16.3337 4.5583C15.4544 3.99484 14.2873 4.2241 13.6865 5.0783L14.9135 5.94123ZM15.4492 5.7662L17.6862 7.6282L18.6458 6.47532L16.4088 4.61332L15.4492 5.7662ZM17.6352 7.58161C17.7111 7.6577 17.7535 7.761 17.7529 7.86852L19.2529 7.87676C19.2557 7.36905 19.0555 6.88127 18.6968 6.52192L17.6352 7.58161ZM17.7529 7.86852C17.7524 7.97604 17.7088 8.07886 17.632 8.15412L18.682 9.22541C19.0446 8.87002 19.2501 8.38447 19.2529 7.87676L17.7529 7.86852ZM17.5721 8.22025L16.1271 10.0203L17.2969 10.9593L18.7419 9.15928L17.5721 8.22025ZM11.9703 7.60091C12.3196 9.93221 14.4771 11.5503 16.813 11.2329L16.611 9.74659C15.0881 9.95352 13.6815 8.89855 13.4537 7.37862L11.9703 7.60091Z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M13.2942 7.95881C13.5533 7.63559 13.5013 7.16358 13.178 6.90453C12.8548 6.64549 12.3828 6.6975 12.1238 7.02072L13.2942 7.95881ZM6.811 14.8488L7.37903 15.3385C7.38489 15.3317 7.39062 15.3248 7.39623 15.3178L6.811 14.8488ZM6.64 15.2668L5.89146 15.2179L5.8908 15.2321L6.64 15.2668ZM6.5 18.2898L5.7508 18.2551C5.74908 18.2923 5.75013 18.3296 5.75396 18.3667L6.5 18.2898ZM7.287 18.9768L7.31152 19.7264C7.36154 19.7247 7.41126 19.7181 7.45996 19.7065L7.287 18.9768ZM10.287 18.2658L10.46 18.9956L10.4716 18.9927L10.287 18.2658ZM10.672 18.0218L11.2506 18.4991L11.2571 18.491L10.672 18.0218ZM17.2971 10.959C17.5562 10.6358 17.5043 10.1638 17.1812 9.90466C16.8581 9.64552 16.386 9.69742 16.1269 10.0206L17.2971 10.959ZM12.1269 7.02052C11.8678 7.34365 11.9196 7.81568 12.2428 8.07484C12.5659 8.33399 13.0379 8.28213 13.2971 7.95901L12.1269 7.02052ZM14.3 5.50976L14.8851 5.97901C14.8949 5.96672 14.9044 5.95412 14.9135 5.94123L14.3 5.50976ZM15.929 5.18976L16.4088 4.61332C16.3849 4.59344 16.3598 4.57507 16.3337 4.5583L15.929 5.18976ZM18.166 7.05176L18.6968 6.52192C18.6805 6.50561 18.6635 6.49007 18.6458 6.47532L18.166 7.05176ZM18.5029 7.87264L19.2529 7.87676V7.87676L18.5029 7.87264ZM18.157 8.68976L17.632 8.15412C17.6108 8.17496 17.5908 8.19704 17.5721 8.22025L18.157 8.68976ZM16.1271 10.0203C15.8678 10.3433 15.9195 10.8153 16.2425 11.0746C16.5655 11.3339 17.0376 11.2823 17.2969 10.9593L16.1271 10.0203ZM13.4537 7.37862C13.3923 6.96898 13.0105 6.68666 12.6009 6.74805C12.1912 6.80943 11.9089 7.19127 11.9703 7.60091L13.4537 7.37862ZM16.813 11.2329C17.2234 11.1772 17.5109 10.7992 17.4552 10.3888C17.3994 9.97834 17.0215 9.69082 16.611 9.74659L16.813 11.2329ZM12.1238 7.02072L6.22577 14.3797L7.39623 15.3178L13.2942 7.95881L12.1238 7.02072ZM6.24297 14.359C6.03561 14.5995 5.91226 14.9011 5.89159 15.218L7.38841 15.3156C7.38786 15.324 7.38457 15.3321 7.37903 15.3385L6.24297 14.359ZM5.8908 15.2321L5.7508 18.2551L7.2492 18.3245L7.3892 15.3015L5.8908 15.2321ZM5.75396 18.3667C5.83563 19.1586 6.51588 19.7524 7.31152 19.7264L7.26248 18.2272C7.25928 18.2273 7.25771 18.2268 7.25669 18.2264C7.25526 18.2259 7.25337 18.2249 7.25144 18.2232C7.2495 18.2215 7.24825 18.2198 7.24754 18.2185C7.24703 18.2175 7.24637 18.216 7.24604 18.2128L5.75396 18.3667ZM7.45996 19.7065L10.46 18.9955L10.114 17.536L7.11404 18.247L7.45996 19.7065ZM10.4716 18.9927C10.7771 18.9151 11.05 18.7422 11.2506 18.499L10.0934 17.5445C10.0958 17.5417 10.0989 17.5397 10.1024 17.5388L10.4716 18.9927ZM11.2571 18.491L17.2971 10.959L16.1269 10.0206L10.0869 17.5526L11.2571 18.491ZM13.2971 7.95901L14.8851 5.97901L13.7149 5.04052L12.1269 7.02052L13.2971 7.95901ZM14.9135 5.94123C15.0521 5.74411 15.3214 5.6912 15.5243 5.82123L16.3337 4.5583C15.4544 3.99484 14.2873 4.2241 13.6865 5.0783L14.9135 5.94123ZM15.4492 5.7662L17.6862 7.6282L18.6458 6.47532L16.4088 4.61332L15.4492 5.7662ZM17.6352 7.58161C17.7111 7.6577 17.7535 7.761 17.7529 7.86852L19.2529 7.87676C19.2557 7.36905 19.0555 6.88127 18.6968 6.52192L17.6352 7.58161ZM17.7529 7.86852C17.7524 7.97604 17.7088 8.07886 17.632 8.15412L18.682 9.22541C19.0446 8.87002 19.2501 8.38447 19.2529 7.87676L17.7529 7.86852ZM17.5721 8.22025L16.1271 10.0203L17.2969 10.9593L18.7419 9.15928L17.5721 8.22025ZM11.9703 7.60091C12.3196 9.93221 14.4771 11.5503 16.813 11.2329L16.611 9.74659C15.0881 9.95352 13.6815 8.89855 13.4537 7.37862L11.9703 7.60091Z" })
     }
   );
 }
 
 // src/inspector/ui/icons/link-icon.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
 function LinkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -32613,7 +32526,7 @@ function LinkIcon(props) {
       strokeWidth: 1.5,
       stroke: "currentColor",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "path",
         {
           strokeLinecap: "round",
@@ -32626,9 +32539,9 @@ function LinkIcon(props) {
 }
 
 // src/inspector/ui/icons/history.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 function HistoryIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "svg",
     {
       ...props,
@@ -32641,7 +32554,7 @@ function HistoryIcon(props) {
       strokeLinejoin: "round",
       className: "lucide lucide-trash-icon lucide-trash",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M5.52786 16.7023C6.6602 18.2608 8.3169 19.3584 10.1936 19.7934C12.0703 20.2284 14.0409 19.9716 15.7434 19.0701C17.446 18.1687 18.766 16.6832 19.4611 14.8865C20.1562 13.0898 20.1796 11.1027 19.527 9.29011C18.8745 7.47756 17.5898 5.96135 15.909 5.02005C14.2282 4.07875 12.2641 3.77558 10.3777 4.16623C8.49129 4.55689 6.80919 5.61514 5.64045 7.14656C4.47171 8.67797 3.89482 10.5797 4.01579 12.5023M4.01579 12.5023L2.51579 11.0023M4.01579 12.5023L5.51579 11.0023",
@@ -32650,7 +32563,7 @@ function HistoryIcon(props) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M12 8V12L15 15",
@@ -32665,9 +32578,9 @@ function HistoryIcon(props) {
 }
 
 // src/inspector/ui/icons/add-icon.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 function AddIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "svg",
     {
       ...props,
@@ -32678,7 +32591,7 @@ function AddIcon(props) {
       fill: "none",
       stroke: "currentColor",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "path",
         {
           d: "M4 12H20M12 4V20",
@@ -32692,7 +32605,7 @@ function AddIcon(props) {
 }
 
 // src/inspector/ui/icon.tsx
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var icons = {
   caution: CautionIcon,
   chevronDown: ChevronDownIcon,
@@ -32744,7 +32657,7 @@ function Icon({
     throw new Error(`Icon not found: ${name}`);
   }
   const IconComponent = icons?.hasOwnProperty(name) ? icons[name] : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     IconComponent,
     {
       "aria-hidden": "true",
@@ -32757,13 +32670,13 @@ function Icon({
 }
 
 // src/inspector/viewer/value-renderer.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
-var LinkContainer = styled9("span")`
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var LinkContainer = styled7("span")`
   display: inline-flex;
   gap: 0.25rem;
   align-items: center;
 `;
-var BooleanText = styled9("span")`
+var BooleanText = styled7("span")`
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   ${(props) => props.value ? `
     color: var(--j-success-color);
@@ -32771,45 +32684,45 @@ var BooleanText = styled9("span")`
     color: var(--j-destructive-color);
   `}
 `;
-var ObjectContent = styled9("pre")`
+var ObjectContent = styled7("pre")`
   margin-top: 0.375rem;
   font-size: 0.875rem;
   white-space: pre-wrap;
 `;
-var PreviewContainer = styled9("div")`
+var PreviewContainer = styled7("div")`
   font-size: 0.875rem;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   align-items: flex-start;
 `;
-var PreviewGrid = styled9("div")`
+var PreviewGrid = styled7("div")`
   display: grid;
   grid-template-columns: auto 1fr;
   gap: 0.5rem;
 `;
-var PreviewMoreText = styled9(Text)`
+var PreviewMoreText = styled7(Text)`
   text-align: left;
   margin-top: 0.5rem;
 `;
-var ImagePreviewContainer2 = styled9("div")`
+var ImagePreviewContainer2 = styled7("div")`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 `;
-var PreviewImage = styled9("img")`
+var PreviewImage = styled7("img")`
   width: 2rem;
   height: 2rem;
   border: 2px solid white;
   box-shadow: var(--j-shadow-sm);
   margin: 0.5rem 0;
 `;
-var RecordText = styled9("div")`
+var RecordText = styled7("div")`
   display: flex;
   align-items: center;
   gap: 0.25rem;
 `;
-var ListText = styled9("div")`
+var ListText = styled7("div")`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -32819,20 +32732,20 @@ function ValueRenderer({
   onCoIDClick,
   compact
 }) {
-  const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react6.useState)(false);
   if (typeof json === "undefined" || json === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { muted: true, children: "undefined" });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { muted: true, children: "undefined" });
   }
   if (json === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { muted: true, children: "null" });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { muted: true, children: "null" });
   }
   if (typeof json === "string" && isCoId(json)) {
-    const content = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    const content = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       json,
-      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "link" })
+      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, { name: "link" })
     ] });
     if (onCoIDClick) {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Button,
         {
           variant: "link",
@@ -32843,35 +32756,35 @@ function ValueRenderer({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LinkContainer, { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LinkContainer, { children: content });
   }
   if (typeof json === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { children: json });
   }
   if (typeof json === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { mono: true, children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { mono: true, children: json });
   }
   if (typeof json === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BooleanText, { value: json, children: json.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(BooleanText, { value: json, children: json.toString() });
   }
   const longJson = JSON.stringify(json, null, 2);
   const shortJson = longJson.split("\n").slice(0, compact ? 3 : 8).join("\n");
   const hasDifference = longJson !== shortJson;
   if (typeof json === "object") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { children: Array.isArray(json) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { children: Array.isArray(json) ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
         "Array (",
         json.length,
         ")"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: "Object" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ObjectContent, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: "Object" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ObjectContent, { children: [
         isExpanded ? longJson : shortJson,
         hasDifference && !isExpanded ? "\n ..." : null
       ] }),
-      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
+      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: String(json) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: String(json) });
 }
 var CoMapPreview = ({
   coId,
@@ -32883,7 +32796,7 @@ var CoMapPreview = ({
     node
   );
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         style: {
@@ -32898,15 +32811,15 @@ var CoMapPreview = ({
     );
   }
   if (snapshot === "unavailable" && !value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: value.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: value.toString() });
   }
   if (extendedType === "image" && isBrowserImage(snapshot)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ImagePreviewContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PreviewImage, { src: snapshot.placeholderDataURL }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { inline: true, small: true, muted: true, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ImagePreviewContainer2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PreviewImage, { src: snapshot.placeholderDataURL }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text, { inline: true, small: true, muted: true, children: [
         snapshot.originalSize[0],
         " x ",
         snapshot.originalSize[1]
@@ -32914,10 +32827,10 @@ var CoMapPreview = ({
     ] });
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(RecordText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(RecordText, { children: [
       "Record",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         Object.keys(snapshot).length,
         ")"
@@ -32925,10 +32838,10 @@ var CoMapPreview = ({
     ] });
   }
   if (type === "colist") {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ListText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(ListText, { children: [
       "List",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         snapshot.length,
         ")"
@@ -32939,15 +32852,15 @@ var CoMapPreview = ({
   const limitedProperties = extendedType === "account" ? properties.filter(
     ([key]) => !key.startsWith("key_z") && !key.startsWith("sealer_z") && key !== "readKey"
   ).slice(0, limit) : properties.slice(0, limit);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PreviewContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react8.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { strong: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(PreviewContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react6.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text, { strong: true, children: [
         key,
         ": "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ValueRenderer, { compact: true, json: value2 })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ValueRenderer, { compact: true, json: value2 })
     ] }, key)) }),
-    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
+    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
       properties.length - limit,
       " more"
     ] })
@@ -32955,23 +32868,23 @@ var CoMapPreview = ({
 };
 
 // src/inspector/viewer/co-value-editor.tsx
-var import_react10 = __toESM(require_react(), 1);
-import { styled as styled11 } from "goober";
+var import_react8 = __toESM(require_react(), 1);
+import { styled as styled9 } from "goober";
 
 // src/inspector/ui/select.tsx
-var import_react9 = __toESM(require_react(), 1);
-import { styled as styled10 } from "goober";
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
-var SelectContainer = styled10("div")`
+var import_react7 = __toESM(require_react(), 1);
+import { styled as styled8 } from "goober";
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var SelectContainer = styled8("div")`
   display: grid;
   gap: 0.25rem;
 `;
-var SelectWrapper = styled10("div")`
+var SelectWrapper = styled8("div")`
   position: relative;
   display: flex;
   align-items: center;
 `;
-var StyledSelect = styled10("select")`
+var StyledSelect = styled8("select")`
   width: 100%;
   border-radius: var(--j-radius-md);
   border: 1px solid var(--j-border-color);
@@ -32989,7 +32902,7 @@ var StyledSelect = styled10("select")`
     background-color: var(--j-foreground);
   }
 `;
-var SelectIcon = styled10("span")`
+var SelectIcon = styled8("span")`
   position: absolute;
   right: 0.5em;
   color: var(--j-neutral-400);
@@ -33001,19 +32914,19 @@ var SelectIcon = styled10("span")`
 `;
 function Select(props) {
   const { label, hideLabel, id: customId, className, ...selectProps } = props;
-  const generatedId = (0, import_react9.useId)();
+  const generatedId = (0, import_react7.useId)();
   const id = customId || generatedId;
-  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" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectContainer, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(SelectWrapper, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StyledSelect, { ...selectProps, id, children: props.children }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "chevronDown", size: "sm" }) })
     ] })
   ] });
 }
 
 // src/inspector/viewer/co-value-editor.tsx
-var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 function CoValueEditor({
   node,
   property,
@@ -33030,8 +32943,8 @@ function CoValueEditor({
     if (typeof value === "object") return "object";
     return "undefined";
   };
-  const [selectedType, setSelectedType] = (0, import_react10.useState)(getInitialType());
-  const [editValue, setEditValue] = (0, import_react10.useState)(
+  const [selectedType, setSelectedType] = (0, import_react8.useState)(getInitialType());
+  const [editValue, setEditValue] = (0, import_react8.useState)(
     value === void 0 || value === null ? "" : typeof value === "object" ? JSON.stringify(value, null, 2) : String(value)
   );
   const handleSubmit = (e) => {
@@ -33076,8 +32989,8 @@ function CoValueEditor({
     onCancel();
   };
   const showTextarea = selectedType === "number" || selectedType === "string" || selectedType === "object";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(EditForm, { onSubmit: handleSubmit, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(EditForm, { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       Select,
       {
         label: "Type",
@@ -33087,17 +33000,17 @@ function CoValueEditor({
         },
         onClick: (e) => e.stopPropagation(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "number", children: "number" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "string", children: "string" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "true", children: "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "false", children: "false" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "object", children: "object" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "null", children: "null" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "undefined", children: "undefined" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "number", children: "number" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "string", children: "string" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "true", children: "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "false", children: "false" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "object", children: "object" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "null", children: "null" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: "undefined", children: "undefined" })
         ]
       }
     ),
-    showTextarea && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    showTextarea && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       StyledTextarea,
       {
         value: editValue,
@@ -33105,18 +33018,18 @@ function CoValueEditor({
         onClick: (e) => e.stopPropagation()
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormActions, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", variant: "secondary", onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "submit", variant: "primary", children: "Submit" })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(FormActions, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "button", variant: "secondary", onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { type: "submit", variant: "primary", children: "Submit" })
     ] })
   ] });
 }
-var EditForm = styled11("form")`
+var EditForm = styled9("form")`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 `;
-var StyledTextarea = styled11("textarea")`
+var StyledTextarea = styled9("textarea")`
   width: 100%;
   min-height: 120px;
   border-radius: var(--j-radius-md);
@@ -33133,15 +33046,15 @@ var StyledTextarea = styled11("textarea")`
     background-color: var(--j-foreground);
   }
 `;
-var FormActions = styled11("div")`
+var FormActions = styled9("div")`
   display: flex;
   gap: 0.5rem;
   justify-content: flex-end;
 `;
 
 // src/inspector/ui/card.tsx
-import { styled as styled12 } from "goober";
-var Card = styled12("div")`
+import { styled as styled10 } from "goober";
+var Card = styled10("div")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
   box-shadow: var(--j-shadow-sm);
@@ -33153,19 +33066,19 @@ var Card = styled12("div")`
   flex-direction: column;
   gap: 0.5rem;
 `;
-var CardHeader = styled12("div")`
+var CardHeader = styled10("div")`
   display: flex;
   justify-content: space-between;
   align-items: center;
 `;
-var CardBody = styled12("div")`
+var CardBody = styled10("div")`
   flex: 1;
 `;
 
 // src/inspector/ui/grid.tsx
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled13 } from "goober";
-var GridThreeColumns = styled13("div")`
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled11 } from "goober";
+var GridThreeColumns = styled11("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -33178,7 +33091,7 @@ var GridThreeColumns = styled13("div")`
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 `;
-var GridTwoColumns = styled13("div")`
+var GridTwoColumns = styled11("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -33187,7 +33100,7 @@ var GridTwoColumns = styled13("div")`
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 `;
-var GridOneColumn = styled13("div")`
+var GridOneColumn = styled11("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -33196,11 +33109,11 @@ function Grid(props) {
   const { cols, children, ...rest } = props;
   switch (cols) {
     case 1:
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridOneColumn, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GridOneColumn, { ...rest, children });
     case 2:
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridTwoColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GridTwoColumns, { ...rest, children });
     case 3:
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridThreeColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GridThreeColumns, { ...rest, children });
     default:
       throw new Error(`Invalid number of columns: ${cols}`);
   }
@@ -33212,7 +33125,7 @@ function isWriter(role) {
 }
 
 // src/inspector/viewer/grid-view.tsx
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
 function GridItem({
   entry,
   onNavigate,
@@ -33221,7 +33134,7 @@ function GridItem({
 }) {
   const [key, value] = entry;
   const isCoValue = isCoId(value);
-  const [isEditing, setIsEditing] = (0, import_react11.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react9.useState)(false);
   const handleEditClick = (e) => {
     e.stopPropagation();
     setIsEditing(true);
@@ -33244,7 +33157,7 @@ function GridItem({
     }
   };
   if (isEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
       Card,
       {
         style: {
@@ -33252,11 +33165,11 @@ function GridItem({
           borderColor: "var(--j-foreground)"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { strong: true, children: key }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ResolveIcon, { coId: value, node }) })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { strong: true, children: key }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { strong: true, children: key }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ResolveIcon, { coId: value, node }) })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { strong: true, children: key }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             CoValueEditor,
             {
               node,
@@ -33279,34 +33192,34 @@ function GridItem({
       borderColor: "var(--j-foreground)"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Card, { ...cardProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { strong: true, children: key }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ResolveIcon, { coId: value, node }) })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { strong: true, children: key }) }),
-      coValue && isWriter(coValue.group.myRole()) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ActionButtons, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Card, { ...cardProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { strong: true, children: key }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ResolveIcon, { coId: value, node }) })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Text, { strong: true, children: key }) }),
+      coValue && isWriter(coValue.group.myRole()) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ActionButtons, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           EditButton,
           {
             onClick: handleEditClick,
             type: "button",
             "aria-label": "Edit",
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "edit", size: "sm" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "edit", size: "sm" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           DeleteButton,
           {
             onClick: handleDelete,
             type: "button",
             "aria-label": "Delete",
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "delete", size: "sm" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "delete", size: "sm" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ValueRenderer,
       {
         json: value,
@@ -33324,7 +33237,7 @@ function GridView({
   coValue
 }) {
   const entries = Object.entries(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     GridItem,
     {
       entry,
@@ -33335,7 +33248,7 @@ function GridView({
     childIndex
   )) });
 }
-var EditButton = styled14("button")`
+var EditButton = styled12("button")`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -33351,7 +33264,7 @@ var EditButton = styled14("button")`
     background-color: var(--j-foreground);
   }
 `;
-var DeleteButton = styled14("button")`
+var DeleteButton = styled12("button")`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -33367,25 +33280,25 @@ var DeleteButton = styled14("button")`
     background-color: var(--j-foreground);
   }
 `;
-var ActionButtons = styled14("div")`
+var ActionButtons = styled12("div")`
   display: flex;
   align-items: center;
   gap: 0.25rem;
 `;
 
 // src/inspector/viewer/raw-data-card.tsx
-var import_react16 = __toESM(require_react(), 1);
+var import_react15 = __toESM(require_react(), 1);
 
 // src/inspector/ui/modal.tsx
-var import_react12 = __toESM(require_react(), 1);
-import { styled as styled15 } from "goober";
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
-var ModalContent = styled15("dialog")`
+var import_react10 = __toESM(require_react(), 1);
+import { styled as styled13 } from "goober";
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+var ModalContent = styled13("dialog")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   border: 1px solid var(--j-border-color);
-  max-width: 32rem;
+  ${(props) => props.wide ? "max-width: 60vw;" : "max-width: 32rem;"}
   margin-block: auto;
   margin-inline: auto;
   &::backdrop {
@@ -33393,24 +33306,24 @@ var ModalContent = styled15("dialog")`
   }
 
 `;
-var ModalHeader = styled15("div")`
+var ModalHeader = styled13("div")`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 1.5rem 1.5rem 0 1.5rem;
   gap: 1rem;
 `;
-var ModalBody = styled15("div")`
+var ModalBody = styled13("div")`
   padding: 1rem 1.5rem;
   flex: 1;
 `;
-var ModalFooter = styled15("div")`
+var ModalFooter = styled13("div")`
   display: flex;
   justify-content: flex-end;
   gap: 0.75rem;
   padding: 0 1.5rem 1.5rem 1.5rem;
 `;
-var CloseButton = styled15("button")`
+var CloseButton = styled13("button")`
   background: none;
   border: none;
   cursor: pointer;
@@ -33434,7 +33347,7 @@ var CloseButton = styled15("button")`
     outline-offset: 2px;
   }
 `;
-var Modal = (0, import_react12.forwardRef)(
+var Modal = (0, import_react10.forwardRef)(
   ({
     isOpen,
     onClose,
@@ -33446,10 +33359,11 @@ var Modal = (0, import_react12.forwardRef)(
     onConfirm,
     onCancel,
     showButtons = true,
-    className
+    className,
+    wide = false
   }, ref) => {
-    const modalRef = (0, import_react12.useRef)(null);
-    (0, import_react12.useEffect)(() => {
+    const modalRef = (0, import_react10.useRef)(null);
+    (0, import_react10.useEffect)(() => {
       if (isOpen) {
         modalRef.current?.showModal();
       } else {
@@ -33466,7 +33380,7 @@ var Modal = (0, import_react12.forwardRef)(
       onClose();
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       ModalContent,
       {
         ref: ref || modalRef,
@@ -33474,18 +33388,19 @@ var Modal = (0, import_react12.forwardRef)(
         role: "dialog",
         "aria-labelledby": "modal-heading",
         onClose,
+        wide,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ModalHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Heading, { id: "modal-heading", children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ModalHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Heading, { id: "modal-heading", children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ModalBody, { children: [
-            text && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ModalBody, { children: [
+            text && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
             children
           ] }),
-          showButtons && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(ModalFooter, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
+          showButtons && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(ModalFooter, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
           ] })
         ]
       }
@@ -33494,17 +33409,58 @@ var Modal = (0, import_react12.forwardRef)(
 );
 Modal.displayName = "Modal";
 
+// src/inspector/ui/input.tsx
+var import_react11 = __toESM(require_react(), 1);
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled14 } from "goober";
+var Container = styled14("div")`
+  display: grid;
+  gap: 0.25rem;
+`;
+var StyledInput = styled14("input")`
+  width: 100%;
+  border-radius: var(--j-radius-md);
+  border: 1px solid var(--j-border-color);
+  padding: 0.5rem 0.875rem;
+  box-shadow: var(--j-shadow-sm);
+  font-weight: 500;
+  background-color: white;
+  color: var(--j-text-color-strong);
+
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--j-foreground);
+  }
+`;
+var Input = (0, import_react11.forwardRef)(
+  ({ label, className, hideLabel, id: customId, ...inputProps }, ref) => {
+    const generatedId = (0, import_react11.useId)();
+    const id = customId || generatedId;
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Container, { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        "label",
+        {
+          htmlFor: id,
+          className: hideLabel ? "j-sr-only" : "",
+          style: { color: "var(--j-text-color)" },
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledInput, { ref, ...inputProps, id })
+    ] });
+  }
+);
+
 // src/inspector/ui/data-table.tsx
-var import_react14 = __toESM(require_react(), 1);
+var import_react13 = __toESM(require_react(), 1);
 
 // src/inspector/ui/table.tsx
-var import_react13 = __toESM(require_react(), 1);
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled16 } from "goober";
-var StyledTable = styled16("table")`
+var import_react12 = __toESM(require_react(), 1);
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled15 } from "goober";
+var StyledTable = styled15("table")`
   width: 100%;
 `;
-var StyledThead = styled16("thead")`
+var StyledThead = styled15("thead")`
   text-align: left;
   border-bottom: 1px solid var(--j-border-color);
   background-color: var(--j-neutral-100);
@@ -33513,7 +33469,7 @@ var StyledThead = styled16("thead")`
     background-color: var(--j-neutral-925);
   }
 `;
-var StyledTbody = styled16("tbody")`
+var StyledTbody = styled15("tbody")`
   tr {
     border-bottom: 1px solid var(--j-border-color);
 
@@ -33522,23 +33478,23 @@ var StyledTbody = styled16("tbody")`
     }
   }
 `;
-var StyledTh = styled16("th")`
+var StyledTh = styled15("th")`
   font-weight: 500;
   padding: 0.5rem 0.75rem;
   color: var(--j-text-color-strong);
 `;
-var StyledTd = styled16("td")`
+var StyledTd = styled15("td")`
   padding: 0.5rem 0.75rem;
 `;
-var Table = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledTable, { ref, ...props, children }));
-var TableHead = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledThead, { ref, ...props, children }));
-var TableBody = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledTbody, { ref, ...props, children }));
-var TableRow = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("tr", { ref, ...props, children }));
-var TableHeader = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledTh, { ref, ...props, children }));
-var TableCell = import_react13.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StyledTd, { ref, ...props, children }));
+var Table = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledTable, { ref, ...props, children }));
+var TableHead = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledThead, { ref, ...props, children }));
+var TableBody = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledTbody, { ref, ...props, children }));
+var TableRow = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tr", { ref, ...props, children }));
+var TableHeader = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledTh, { ref, ...props, children }));
+var TableCell = import_react12.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(StyledTd, { ref, ...props, children }));
 
 // src/inspector/ui/data-table.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
 function DataTable({
   columns,
   data,
@@ -33547,10 +33503,10 @@ function DataTable({
   getRowKey,
   emptyMessage = "No data available"
 }) {
-  const [currentPage, setCurrentPage] = (0, import_react14.useState)(1);
-  const [sortConfig, setSortConfig] = (0, import_react14.useState)(initialSort);
-  const [filters, setFilters] = (0, import_react14.useState)({});
-  const filteredData = (0, import_react14.useMemo)(() => {
+  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)(() => {
     return data.filter((row) => {
       return Object.entries(filters).every(([columnId, filterValue]) => {
         if (!filterValue) return true;
@@ -33564,7 +33520,7 @@ function DataTable({
       });
     });
   }, [data, filters, columns]);
-  const sortedData = (0, import_react14.useMemo)(() => {
+  const sortedData = (0, import_react13.useMemo)(() => {
     if (!sortConfig) return filteredData;
     const column = columns.find((col) => col.id === sortConfig.columnId);
     if (!column?.sortable) return filteredData;
@@ -33583,7 +33539,7 @@ function DataTable({
   const startIndex = (currentPage - 1) * pageSize;
   const endIndex = startIndex + pageSize;
   const paginatedData = sortedData.slice(startIndex, endIndex);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     setCurrentPage(1);
   }, [filters]);
   const handleSort = (columnId) => {
@@ -33608,9 +33564,9 @@ function DataTable({
   const handlePageChange = (page) => {
     setCurrentPage(Math.max(1, Math.min(page, totalPages)));
   };
-  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.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  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)(
         "div",
         {
           style: {
@@ -33621,8 +33577,8 @@ function DataTable({
           },
           onClick: () => handleSort(column.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: column.header }),
-            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: column.header }),
+            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               "span",
               {
                 style: {
@@ -33635,8 +33591,8 @@ function DataTable({
           ]
         }
       ) }, column.id)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TableBody, { children: [
-        columns.some((column) => column.filterable) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: column.filterable && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__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)(
           Input,
           {
             label: "Filter",
@@ -33648,7 +33604,7 @@ function DataTable({
             onClick: (e) => e.stopPropagation()
           }
         ) }, column.id)) }),
-        paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        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)(
           "div",
           {
             style: {
@@ -33658,10 +33614,10 @@ function DataTable({
             },
             children: emptyMessage
           }
-        ) }) }) : paginatedData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableCell, { children: column.accessor(row) }, column.id)) }, getRowKey(row, startIndex + index)))
+        ) }) }) : 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)))
       ] })
     ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         style: {
@@ -33672,7 +33628,7 @@ function DataTable({
           padding: "8px 0"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
             "Showing ",
             startIndex + 1,
             " to ",
@@ -33683,8 +33639,8 @@ function DataTable({
             " entries",
             Object.keys(filters).some((key) => filters[key]) && ` (filtered from ${data.length})`
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33693,7 +33649,7 @@ function DataTable({
                 children: "\xAB\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33702,13 +33658,13 @@ function DataTable({
                 children: "\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { style: { fontSize: "14px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { fontSize: "14px" }, children: [
               "Page ",
               currentPage,
               " of ",
               totalPages
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33717,7 +33673,7 @@ function DataTable({
                 children: "\xBB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33734,18 +33690,18 @@ function DataTable({
 }
 
 // src/inspector/ui/accordion.tsx
-var import_react15 = __toESM(require_react(), 1);
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled17 } from "goober";
+var import_react14 = __toESM(require_react(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled16 } from "goober";
 function Accordion({ title, children, storageKey }) {
   const [open, setOpen] = useStoragedState(storageKey, false);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "details",
     {
       open,
       style: { display: "flex", flexDirection: "column", gap: "1rem" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           StyledSummary,
           {
             onClick: (e) => {
@@ -33761,17 +33717,17 @@ function Accordion({ title, children, storageKey }) {
   );
 }
 function useStoragedState(key, defaultValue) {
-  const [state, setState] = (0, import_react15.useState)(() => {
+  const [state, setState] = (0, import_react14.useState)(() => {
     if (typeof window === "undefined") return defaultValue;
     const stored = localStorage.getItem(key);
     return stored ? JSON.parse(stored) : defaultValue;
   });
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     localStorage.setItem(key, JSON.stringify(state));
   }, [state]);
   return [state, setState];
 }
-var StyledSummary = styled17("summary")`
+var StyledSummary = styled16("summary")`
   font-size: 1.125rem;
   cursor: pointer;
   font-weight: 500;
@@ -33779,12 +33735,12 @@ var StyledSummary = styled17("summary")`
 `;
 
 // src/inspector/viewer/raw-data-card.tsx
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
 function CopyButton({ data }) {
-  const [copyCount, setCopyCount] = (0, import_react16.useState)(0);
+  const [copyCount, setCopyCount] = (0, import_react15.useState)(0);
   const copied = copyCount > 0;
   const stringifiedData = JSON.stringify(data);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (copyCount > 0) {
       const timeout = setTimeout(() => setCopyCount(0), 1e3);
       return () => {
@@ -33792,7 +33748,7 @@ function CopyButton({ data }) {
       };
     }
   }, [copyCount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Button,
     {
       style: {
@@ -33811,14 +33767,14 @@ function CopyButton({ data }) {
   );
 }
 function RawDataCard({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Accordion, { title: "Raw data", storageKey: "jazz-inspector-show-raw-data", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Card, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CopyButton, { data }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ValueRenderer, { json: data }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Accordion, { title: "Raw data", storageKey: "jazz-inspector-show-raw-data", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Card, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CopyButton, { data }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ValueRenderer, { json: data }) })
   ] }) });
 }
 
 // src/inspector/viewer/account-view.tsx
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 function AccountView({
   data,
   onNavigate,
@@ -33830,24 +33786,24 @@ function AccountView({
       delete readableData[key];
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(GridView, { data: readableData, onNavigate, node }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RawDataCard, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(GridView, { data: readableData, onNavigate, node }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/co-plain-text-view.tsx
-var import_react17 = __toESM(require_react(), 1);
-import { styled as styled18 } from "goober";
+var import_react16 = __toESM(require_react(), 1);
+import { styled as styled17 } from "goober";
 import { CoPlainText } from "jazz-tools";
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
 function CoPlainTextView({
   data,
   coValue
 }) {
   const currentText = Object.values(data).join("");
-  const [isEditing, setIsEditing] = (0, import_react17.useState)(false);
-  const [editValue, setEditValue] = (0, import_react17.useState)("");
+  const [isEditing, setIsEditing] = (0, import_react16.useState)(false);
+  const [editValue, setEditValue] = (0, import_react16.useState)("");
   const canEdit2 = isWriter(coValue.group.myRole());
   const handleEditClick = () => {
     setIsEditing(true);
@@ -33866,9 +33822,9 @@ function CoPlainTextView({
   };
   if (!data) return;
   if (isEditing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(EditForm2, { onSubmit: handleSave, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(EditForm2, { onSubmit: handleSave, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           StyledTextarea2,
           {
             value: editValue,
@@ -33876,27 +33832,27 @@ function CoPlainTextView({
             onClick: (e) => e.stopPropagation()
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(FormActions2, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "button", variant: "secondary", onClick: handleCancel, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "submit", variant: "primary", children: "Save" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(FormActions2, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { type: "button", variant: "secondary", onClick: handleCancel, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { type: "submit", variant: "primary", children: "Save" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RawDataCard, { data })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RawDataCard, { data })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: currentText }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: canEdit2 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "secondary", onClick: handleEditClick, title: "Edit", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "edit" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RawDataCard, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: currentText }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: canEdit2 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: handleEditClick, title: "Edit", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "edit" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(RawDataCard, { data })
   ] });
 }
-var EditForm2 = styled18("form")`
+var EditForm2 = styled17("form")`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
   margin-bottom: 1rem;
 `;
-var StyledTextarea2 = styled18("textarea")`
+var StyledTextarea2 = styled17("textarea")`
   width: 100%;
   min-height: 120px;
   border-radius: var(--j-radius-md);
@@ -33913,15 +33869,15 @@ var StyledTextarea2 = styled18("textarea")`
     background-color: var(--j-foreground);
   }
 `;
-var FormActions2 = styled18("div")`
+var FormActions2 = styled17("div")`
   display: flex;
   gap: 0.5rem;
   justify-content: flex-end;
 `;
 
 // src/inspector/viewer/group-view.tsx
-var import_react18 = __toESM(require_react(), 1);
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
+var import_react17 = __toESM(require_react(), 1);
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
 function partitionMembers(data) {
   const everyone = Object.entries(data).filter(([key]) => key === "everyone").map(([key, value]) => ({
     id: key,
@@ -33949,7 +33905,7 @@ function GroupView({
   onNavigate,
   node
 }) {
-  const [addMemberType, setAddMemberType] = (0, import_react18.useState)(null);
+  const [addMemberType, setAddMemberType] = (0, import_react17.useState)(null);
   const { everyone, members, parentGroups, childGroups } = partitionMembers(
     data
   );
@@ -34028,28 +33984,28 @@ function GroupView({
       alert(`Failed to add ${addMemberType}: ${error.message}`);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHeader, { children: "Member" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHeader, { children: "Permission" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHeader, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHeader, { children: "Member" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHeader, { children: "Permission" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TableBody, { children: [
-        everyone.map((member) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: member.id }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableBody, { children: [
+        everyone.map((member) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: member.id }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: member.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             AccountOrGroupText,
             {
               coId: member.id,
@@ -34060,18 +34016,18 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: member.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        parentGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        parentGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             AccountOrGroupText,
             {
               coId: group.id,
@@ -34082,19 +34038,19 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: group.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: group.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: group.role }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: group.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveGroup(group.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, group.id))
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       "div",
       {
         style: {
@@ -34104,14 +34060,14 @@ function GroupView({
           marginTop: "1rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("account"), children: "Add Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("group"), children: "Add Group" })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("account"), children: "Add Account" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("group"), children: "Add Group" })
         ]
       }
     ),
-    childGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHeader, { children: "Member of" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableBody, { children: childGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    childGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableHeader, { children: "Member of" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableBody, { children: childGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         AccountOrGroupText,
         {
           coId: group.id,
@@ -34123,20 +34079,20 @@ function GroupView({
         }
       ) }) }, group.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RawDataCard, { data }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RawDataCard, { data }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       Modal,
       {
         isOpen: addMemberType !== null,
         onClose: () => setAddMemberType(null),
         heading: addMemberType === "account" ? "Add Account" : "Add Group",
         showButtons: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "div",
           {
             style: { display: "flex", flexDirection: "column", gap: "1rem" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                 Input,
                 {
                   name: "memberId",
@@ -34145,13 +34101,13 @@ function GroupView({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Select, { name: "role", label: "Role", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "reader", children: "Reader" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "writer", children: "Writer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "admin", children: "Admin" }),
-                addMemberType === "account" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "writeOnly", children: "Write Only" }) }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: "inherit", children: "Inherit" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Select, { name: "role", label: "Role", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "reader", children: "Reader" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "writer", children: "Writer" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "admin", children: "Admin" }),
+                addMemberType === "account" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "writeOnly", children: "Write Only" }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: "inherit", children: "Inherit" }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
                 "div",
                 {
                   style: {
@@ -34161,7 +34117,7 @@ function GroupView({
                     marginTop: "0.5rem"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       Button,
                       {
                         type: "button",
@@ -34170,7 +34126,7 @@ function GroupView({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
                   ]
                 }
               )
@@ -34183,7 +34139,7 @@ function GroupView({
 }
 
 // src/inspector/viewer/role-display.tsx
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 function RoleDisplay({
   node,
   value
@@ -34202,24 +34158,24 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Text, { children: [
     "Role: ",
     role
   ] });
 }
 
 // src/inspector/viewer/table-viewer.tsx
-var import_react19 = __toESM(require_react(), 1);
-import { styled as styled19 } from "goober";
-var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
-var PaginationContainer = styled19("div")`
+var import_react18 = __toESM(require_react(), 1);
+import { styled as styled18 } from "goober";
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
+var PaginationContainer = styled18("div")`
   padding: 1rem 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
 `;
-var RedTooltip = styled19("span")`
+var RedTooltip = styled18("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 */
 
@@ -34256,8 +34212,8 @@ function CoValuesTableView({
   onNavigate,
   onRemove
 }) {
-  const [visibleRowsCount, setVisibleRowsCount] = (0, import_react19.useState)(10);
-  const [coIdArray, visibleRows] = (0, import_react19.useMemo)(() => {
+  const [visibleRowsCount, setVisibleRowsCount] = (0, import_react18.useState)(10);
+  const [coIdArray, visibleRows] = (0, import_react18.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];
@@ -34265,10 +34221,10 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: "No data to display" });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: "Loading..." });
   }
   const keys = Array.from(
     new Set(
@@ -34278,15 +34234,15 @@ function CoValuesTableView({
   const loadMore = () => {
     setVisibleRowsCount((prevVisibleRows) => prevVisibleRows + 10);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TableRow, { children: [
-        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHeader, { children: key }, key)),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHeader, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TableRow, { children: [
+        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             Icon,
             {
               name: "caution",
@@ -34299,7 +34255,7 @@ function CoValuesTableView({
           ),
           visibleRows[index]
         ] }) : visibleRows[index] }) }),
-        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -34320,7 +34276,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Button,
           {
             variant: "secondary",
@@ -34333,18 +34289,18 @@ function CoValuesTableView({
             children: "View"
           }
         ) }),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(PaginationContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(PaginationContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -34354,11 +34310,11 @@ function TableView({
   onNavigate,
   onRemove
 }) {
-  const isListOfCoValues = (0, import_react19.useMemo)(() => {
+  const isListOfCoValues = (0, import_react18.useMemo)(() => {
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       CoValuesTableView,
       {
         data,
@@ -34368,23 +34324,23 @@ function TableView({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHeader, { children: "Value" }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableHeader, { children: "Action" })
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableHeader, { children: "Action" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ValueRenderer, { json: value }) }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { mono: true, children: index }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/history-view.tsx
-var import_react20 = __toESM(require_react(), 1);
-import { styled as styled20 } from "goober";
+var import_react19 = __toESM(require_react(), 1);
+import { styled as styled19 } from "goober";
 
 // src/inspector/utils/transactions-changes.ts
 var isGroupExtension = (change) => {
@@ -34562,12 +34518,12 @@ function restoreCoMapToTimestamp(coValue, timestamp, removeUnknownProperties) {
 }
 
 // src/inspector/viewer/history-view.tsx
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime32 = __toESM(require_jsx_runtime(), 1);
 function HistoryView({
   coValue,
   node
 }) {
-  const transactions = (0, import_react20.useMemo)(
+  const transactions = (0, import_react19.useMemo)(
     () => getHistory(coValue),
     [coValue.core.verifiedTransactions.length]
   );
@@ -34575,8 +34531,8 @@ function HistoryView({
     {
       id: "author",
       header: "Author",
-      accessor: (row) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        row.isValid || /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RedTooltip2, { "data-text": "This transaction is invalid and is not used", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      accessor: (row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+        row.isValid || /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(RedTooltip2, { "data-text": "This transaction is invalid and is not used", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Icon,
           {
             name: "caution",
@@ -34589,7 +34545,7 @@ function HistoryView({
             }
           }
         ) }),
-        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           AccountOrGroupText,
           {
             coId: row.author,
@@ -34608,9 +34564,9 @@ function HistoryView({
       header: "Action",
       accessor: (row) => {
         if (row.isValid) return row.action;
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
           row.action,
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { style: { color: "red", display: "block" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("span", { style: { color: "red", display: "block" }, children: [
             "Invalid transaction: ",
             row.validationErrorMessage
           ] })
@@ -34629,7 +34585,7 @@ function HistoryView({
       sortFn: (a, b) => a.timestamp.getTime() - b.timestamp.getTime()
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Accordion, { title: "CoValue history", storageKey: "jazz-inspector-show-history", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Accordion, { title: "CoValue history", storageKey: "jazz-inspector-show-history", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     DataTable,
     {
       columns,
@@ -34729,7 +34685,7 @@ var findListChange = (opId, coValue) => {
     (tx) => tx.txID.sessionID === opId.sessionID && tx.txID.txIndex === opId.txIndex
   )?.changes?.[opId.changeIdx];
 };
-var RedTooltip2 = styled20("span")`
+var RedTooltip2 = styled19("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 */
 
@@ -34762,17 +34718,17 @@ var RedTooltip2 = styled20("span")`
 `;
 
 // src/inspector/viewer/co-map-view.tsx
-var import_react21 = __toESM(require_react(), 1);
-import { styled as styled21 } from "goober";
-var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
+var import_react20 = __toESM(require_react(), 1);
+import { styled as styled20 } from "goober";
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
 function CoMapView({
   coValue,
   data,
   node,
   onNavigate
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       GridView,
       {
         data,
@@ -34781,8 +34737,8 @@ function CoMapView({
         coValue
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         AddPropertyModal,
         {
           disabled: !isWriter(coValue.group.myRole()),
@@ -34791,7 +34747,7 @@ function CoMapView({
         }
       ),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestoreSnapshotModal, { coValue })
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RestoreSnapshotModal, { coValue })
     ] })
   ] });
 }
@@ -34800,8 +34756,8 @@ function AddPropertyModal({
   node,
   disabled
 }) {
-  const [isAddPropertyModalOpen, setIsAddPropertyModalOpen] = (0, import_react21.useState)(false);
-  const [propertyName, setPropertyName] = (0, import_react21.useState)("");
+  const [isAddPropertyModalOpen, setIsAddPropertyModalOpen] = (0, import_react20.useState)(false);
+  const [propertyName, setPropertyName] = (0, import_react20.useState)("");
   const openAddPropertyModal = () => {
     setIsAddPropertyModalOpen(true);
     setPropertyName("");
@@ -34810,18 +34766,18 @@ function AddPropertyModal({
     setIsAddPropertyModalOpen(false);
     setPropertyName("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Button,
       {
         title: "Add Property",
         variant: "secondary",
         disabled,
         onClick: openAddPropertyModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "add" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "add" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Modal,
       {
         isOpen: isAddPropertyModalOpen,
@@ -34829,7 +34785,7 @@ function AddPropertyModal({
         heading: "Add Property",
         showButtons: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             Input,
             {
               label: "Property Name",
@@ -34838,7 +34794,7 @@ function AddPropertyModal({
               placeholder: "Enter property name"
             }
           ),
-          propertyName && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EditorContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          propertyName && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(EditorContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             CoValueEditor,
             {
               node,
@@ -34854,14 +34810,14 @@ function AddPropertyModal({
   ] });
 }
 function RestoreSnapshotModal({ coValue }) {
-  const [isRestoreModalOpen, setIsRestoreModalOpen] = (0, import_react21.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react21.useState)(-1);
-  const [removeUnknownProperties, setRemoveUnknownProperties] = (0, import_react21.useState)(false);
-  const timestamps = (0, import_react21.useMemo)(
+  const [isRestoreModalOpen, setIsRestoreModalOpen] = (0, import_react20.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react20.useState)(-1);
+  const [removeUnknownProperties, setRemoveUnknownProperties] = (0, import_react20.useState)(false);
+  const timestamps = (0, import_react20.useMemo)(
     () => coValue.core.verifiedTransactions.map((tx) => tx.madeAt),
     [coValue.core.verifiedTransactions.length]
   );
-  const coMapAtSelectedIndex = (0, import_react21.useMemo)(() => {
+  const coMapAtSelectedIndex = (0, import_react20.useMemo)(() => {
     if (selectedIndex === -1) return null;
     return coValue.atTime(timestamps[selectedIndex]).toJSON();
   }, [coValue, timestamps, selectedIndex]);
@@ -34885,9 +34841,9 @@ function RestoreSnapshotModal({ coValue }) {
     setIsRestoreModalOpen(false);
   };
   const canRestore = isWriter(coValue.group.myRole());
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { title: "Timeline", variant: "secondary", onClick: openRestoreModal, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "history" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { title: "Timeline", variant: "secondary", onClick: openRestoreModal, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "history" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Modal,
       {
         isOpen: isRestoreModalOpen,
@@ -34899,10 +34855,10 @@ function RestoreSnapshotModal({ coValue }) {
         onCancel: handleClose,
         showButtons: timestamps.length > 1 && canRestore,
         children: [
-          timestamps.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(RangeContainer, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RangeLabel, { children: "Select Timestamp" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          timestamps.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(RangeContainer, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RangeLabel, { children: "Select Timestamp" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 RangeInput,
                 {
                   type: "range",
@@ -34913,10 +34869,10 @@ function RestoreSnapshotModal({ coValue }) {
                   disabled: timestamps.length === 0
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TimestampDisplay, { children: timestamps[selectedIndex] !== void 0 ? new Date(timestamps[selectedIndex]).toISOString() : "No timestamps available" })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TimestampDisplay, { children: timestamps[selectedIndex] !== void 0 ? new Date(timestamps[selectedIndex]).toISOString() : "No timestamps available" })
             ] }),
-            canRestore && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CheckboxContainer, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            canRestore && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(CheckboxContainer, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 CheckboxInput,
                 {
                   type: "checkbox",
@@ -34925,28 +34881,28 @@ function RestoreSnapshotModal({ coValue }) {
                   onChange: (e) => setRemoveUnknownProperties(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CheckboxLabel, { htmlFor: "remove-unknown-properties", children: "Remove unknown properties (properties that don't exist in the selected snapshot)" })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(CheckboxLabel, { htmlFor: "remove-unknown-properties", children: "Remove unknown properties (properties that don't exist in the selected snapshot)" })
             ] })
           ] }),
-          timestamps.length > 0 && timestamps[selectedIndex] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(PreviewSection, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PreviewLabel, { children: "State at that time:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PreviewPre, { children: JSON.stringify(coMapAtSelectedIndex, null, 2) })
+          timestamps.length > 0 && timestamps[selectedIndex] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(PreviewSection, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PreviewLabel, { children: "State at that time:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PreviewPre, { children: JSON.stringify(coMapAtSelectedIndex, null, 2) })
           ] }),
-          timestamps.length < 2 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { style: { color: "var(--j-text-color)" }, children: "At least 2 timestamps are required to restore a snapshot." })
+          timestamps.length < 2 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { style: { color: "var(--j-text-color)" }, children: "At least 2 timestamps are required to restore a snapshot." })
         ]
       }
     )
   ] });
 }
-var PreviewSection = styled21("div")`
+var PreviewSection = styled20("div")`
   margin-top: 1.5rem;
 `;
-var PreviewLabel = styled21("div")`
+var PreviewLabel = styled20("div")`
   font-weight: 500;
   margin-bottom: 0.5rem;
   color: var(--j-text-color-strong);
 `;
-var PreviewPre = styled21("pre")`
+var PreviewPre = styled20("pre")`
   background-color: var(--j-foreground);
   border: 1px solid var(--j-border-color);
   border-radius: var(--j-radius-md);
@@ -34958,17 +34914,17 @@ var PreviewPre = styled21("pre")`
   color: var(--j-text-color);
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 `;
-var RangeContainer = styled21("div")`
+var RangeContainer = styled20("div")`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 `;
-var RangeLabel = styled21("label")`
+var RangeLabel = styled20("label")`
   font-weight: 500;
   color: var(--j-text-color-strong);
   font-size: 0.875rem;
 `;
-var RangeInput = styled21("input")`
+var RangeInput = styled20("input")`
   width: 100%;
   height: 0.5rem;
   border-radius: var(--j-radius-sm);
@@ -35005,7 +34961,7 @@ var RangeInput = styled21("input")`
     cursor: not-allowed;
   }
 `;
-var TimestampDisplay = styled21("div")`
+var TimestampDisplay = styled20("div")`
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   font-size: 0.875rem;
   color: var(--j-text-color);
@@ -35015,35 +34971,35 @@ var TimestampDisplay = styled21("div")`
   border-radius: var(--j-radius-md);
   text-align: center;
 `;
-var CheckboxContainer = styled21("div")`
+var CheckboxContainer = styled20("div")`
   display: flex;
   align-items: flex-start;
   gap: 0.5rem;
   margin-top: 1rem;
 `;
-var CheckboxInput = styled21("input")`
+var CheckboxInput = styled20("input")`
   width: 1rem;
   height: 1rem;
   margin-top: 0.125rem;
   cursor: pointer;
   accent-color: var(--j-primary-color);
 `;
-var CheckboxLabel = styled21("label")`
+var CheckboxLabel = styled20("label")`
   font-size: 0.875rem;
   color: var(--j-text-color);
   cursor: pointer;
   line-height: 1.25rem;
 `;
-var EditorContainer = styled21("div")`
+var EditorContainer = styled20("div")`
   margin-top: 1rem;
 `;
 
 // src/inspector/viewer/page.tsx
-var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
-var BasePageContainer = import_react22.default.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, ...rest })
+var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
+var BasePageContainer = import_react21.default.forwardRef(
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { ref, ...rest })
 );
-var PageContainer = styled22(BasePageContainer)`
+var PageContainer = styled21(BasePageContainer)`
   position: absolute;
   z-index: 10;
   inset: 0;
@@ -35051,36 +35007,36 @@ var PageContainer = styled22(BasePageContainer)`
   height: 100%;
   padding: 0 0.75rem;
 `;
-var BackButton = styled22("div")`
+var BackButton = styled21("div")`
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 2.5rem;
 `;
-var HeaderContainer = styled22("div")`
+var HeaderContainer = styled21("div")`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 `;
-var TitleContainer = styled22("div")`
+var TitleContainer = styled21("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var Title = styled22(Heading)`
+var Title = styled21(Heading)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
 `;
-var BadgeContainer = styled22("div")`
+var BadgeContainer = styled21("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var ContentContainer = styled22("div")`
+var ContentContainer = styled21("div")`
   overflow: auto;
   display: flex;
   flex-direction: column;
@@ -35101,7 +35057,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       CoStreamView,
       {
         data: snapshot,
@@ -35112,7 +35068,7 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       GroupView,
       {
         coValue: value,
@@ -35123,10 +35079,10 @@ function View(props) {
     );
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AccountView, { data: snapshot, node, onNavigate });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       CoPlainTextView,
       {
         data: snapshot,
@@ -35142,7 +35098,7 @@ function View(props) {
         list.delete(index);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       TableView,
       {
         data: snapshot,
@@ -35153,10 +35109,10 @@ function View(props) {
     );
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TableView, { data: snapshot, node, onNavigate });
   }
   if (type === "comap") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       CoMapView,
       {
         coValue: value,
@@ -35166,7 +35122,7 @@ function View(props) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -35182,13 +35138,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { style });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       BackButton,
       {
         "aria-label": "Back",
@@ -35198,27 +35154,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(TitleContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TitleContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(BadgeContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Badge, { children: coId })
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(BadgeContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TypeIcon, { type, extendedType }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Badge, { children: coId })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(ContentContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RoleDisplay, { node, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Text, { muted: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ContentContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(View, { ...props, coValue }),
+      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RoleDisplay, { node, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Text, { muted: true, children: [
           "Owned by",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -35231,16 +35187,16 @@ function Page(props) {
           )
         ] })
       ] }),
-      value && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HistoryView, { coValue: value, node })
+      value && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(HistoryView, { coValue: value, node })
     ] })
   ] });
 }
 
 // src/inspector/ui/error-boundary.tsx
-var import_react23 = __toESM(require_react(), 1);
-var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled23 } from "goober";
-var ErrorBoundary = class extends import_react23.default.Component {
+var import_react22 = __toESM(require_react(), 1);
+var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled22 } from "goober";
+var ErrorBoundary = class extends import_react22.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -35253,61 +35209,132 @@ var ErrorBoundary = class extends import_react23.default.Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { style: { padding: "1rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(StyledHeading2, { children: this.props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Text, { mono: true, style: { marginTop: "0.5rem", color: "#ef4444" }, children: this.state.error?.message || "An unexpected error occurred" }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("pre", { style: { paddingLeft: "1rem", color: "#ef4444" }, children: this.state.error?.stack })
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { padding: "1rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StyledHeading2, { children: this.props.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Text, { mono: true, style: { marginTop: "0.5rem", color: "#ef4444" }, children: this.state.error?.message || "An unexpected error occurred" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { style: { paddingLeft: "1rem", color: "#ef4444" }, children: this.state.error?.stack })
       ] });
     }
     return this.props.children;
   }
 };
-var StyledHeading2 = styled23("h1")`
+var StyledHeading2 = styled22("h1")`
   font-size: 1.125rem;
   font-weight: 500;
   color: var(--j-text-color-strong);
 `;
 
-// src/inspector/viewer/page-stack.tsx
-var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
-var PageStackContainer = styled24("div")`
-  position: relative;
-  padding: 0 0.75rem;
-  overflow-y: auto;
-  flex: 1;
-  color: var(--j-text-color);
-  font-size: 16px;
-`;
-function PageStack({
-  path,
-  node,
-  goBack,
-  addPages,
-  children
-}) {
-  const page = path[path.length - 1];
-  const index = path.length - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(PageStackContainer, { children: [
-    children,
-    node && page && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ErrorBoundary, { title: "An error occurred while rendering this CoValue", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-      Page,
-      {
-        coId: page.coId,
-        node,
-        name: page.name || page.coId,
-        onHeaderClick: goBack,
-        onNavigate: addPages,
-        isTopLevel: index === path.length - 1
-      }
-    ) })
-  ] }) });
+// src/inspector/router/context.ts
+var import_react23 = __toESM(require_react(), 1);
+var RouterContext = (0, import_react23.createContext)(null);
+function useRouter() {
+  const context = (0, import_react23.useContext)(RouterContext);
+  if (!context) {
+    throw new Error("useRouter must be used within a RouterProvider");
+  }
+  return context;
 }
 
-// src/inspector/viewer/use-page-path.ts
+// src/inspector/contexts/node.tsx
 var import_react24 = __toESM(require_react(), 1);
+var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
+import { LocalNode } from "cojson";
+import { WasmCrypto } from "cojson/crypto/WasmCrypto";
+import { createWebSocketPeer } from "cojson-transport-ws";
+var NodeContext = (0, import_react24.createContext)({
+  accountID: null,
+  localNode: null,
+  server: "wss://cloud.jazz.tools/",
+  createLocalNode: async () => {
+    throw new Error("createLocalNode not implemented");
+  },
+  reset: () => {
+    throw new Error("reset not implemented");
+  }
+});
+var crypto = null;
+async function getCrypto() {
+  if (crypto) return crypto;
+  crypto = await WasmCrypto.create();
+  return crypto;
+}
+function NodeProvider(props) {
+  const [accountID, setAccountID] = (0, import_react24.useState)(
+    props?.accountID ?? null
+  );
+  const [localNode, setLocalNode] = (0, import_react24.useState)(
+    props?.localNode ?? null
+  );
+  const [server, setServer] = (0, import_react24.useState)(
+    props?.server ?? "wss://cloud.jazz.tools/"
+  );
+  (0, import_react24.useEffect)(() => {
+    if (props.localNode !== void 0) setLocalNode(props.localNode);
+    if (props.accountID !== void 0) setAccountID(props.accountID);
+    if (props.server !== void 0) setServer(props.server);
+  }, [props.localNode, props.accountID, props.server]);
+  async function createLocalNode(accountID2, clientSecret, server2) {
+    if (localNode) {
+      localNode.gracefulShutdown();
+    }
+    setLocalNode(null);
+    const wsPeer = createWebSocketPeer({
+      id: "cloud",
+      websocket: new WebSocket(server2),
+      role: "server"
+    });
+    const crypto2 = await getCrypto();
+    const node = await LocalNode.withLoadedAccount({
+      accountID: accountID2,
+      accountSecret: clientSecret,
+      sessionID: crypto2.newRandomSessionID(accountID2),
+      peers: [wsPeer],
+      crypto: crypto2,
+      migration: async () => {
+        console.log("Not running any migration in inspector");
+      }
+    });
+    setLocalNode(node);
+    setAccountID(accountID2);
+    setServer(server2);
+  }
+  function reset() {
+    if (localNode) {
+      localNode.gracefulShutdown();
+    }
+    setLocalNode(null);
+    setAccountID(null);
+    setServer("wss://cloud.jazz.tools/");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    NodeContext.Provider,
+    {
+      value: { accountID, localNode, server, createLocalNode, reset },
+      children: props.children
+    }
+  );
+}
+function useNode() {
+  const context = (0, import_react24.useContext)(NodeContext);
+  if (!context) {
+    throw new Error("useNode must be used within a NodeProvider");
+  }
+  return context;
+}
+
+// src/inspector/pages/home.tsx
+import { styled as styled23 } from "goober";
+var import_react27 = __toESM(require_react(), 1);
+
+// src/inspector/router/in-memory-router.tsx
+var import_react25 = __toESM(require_react(), 1);
+var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
 var STORAGE_KEY = "jazz-inspector-paths";
-function usePagePath(defaultPath) {
-  const [path, setPath] = (0, import_react24.useState)(() => {
+function InMemoryRouterProvider({
+  children,
+  defaultPath
+}) {
+  const [path, setPath] = (0, import_react25.useState)(() => {
     if (typeof window === "undefined") return [];
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
@@ -35319,45 +35346,138 @@ function usePagePath(defaultPath) {
     }
     return defaultPath || [];
   });
-  const updatePath = (0, import_react24.useCallback)((newPath) => {
+  const updatePath = (0, import_react25.useCallback)((newPath) => {
     setPath(newPath);
     localStorage.setItem(STORAGE_KEY, JSON.stringify(newPath));
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (defaultPath && JSON.stringify(path) !== JSON.stringify(defaultPath)) {
       updatePath(defaultPath);
     }
   }, [defaultPath, path, updatePath]);
-  const addPages = (0, import_react24.useCallback)(
-    (newPages) => {
+  const router = (0, import_react25.useMemo)(() => {
+    const addPages = (newPages) => {
       updatePath([...path, ...newPages]);
-    },
-    [path, updatePath]
-  );
-  const goToIndex = (0, import_react24.useCallback)(
-    (index) => {
+    };
+    const goToIndex = (index) => {
       updatePath(path.slice(0, index + 1));
-    },
-    [path, updatePath]
-  );
-  const setPage = (0, import_react24.useCallback)(
-    (coId) => {
+    };
+    const setPage = (coId) => {
       updatePath([{ coId, name: "Root" }]);
-    },
-    [updatePath]
-  );
-  const goBack = (0, import_react24.useCallback)(() => {
-    if (path.length > 1) {
+    };
+    const goBack = () => {
       updatePath(path.slice(0, path.length - 1));
-    }
+    };
+    return {
+      path,
+      addPages,
+      goToIndex,
+      setPage,
+      goBack
+    };
   }, [path, updatePath]);
-  return {
-    path,
-    setPage,
-    addPages,
-    goToIndex,
-    goBack
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(RouterContext.Provider, { value: router, children });
+}
+
+// src/inspector/router/hash-router.tsx
+var import_react26 = __toESM(require_react(), 1);
+var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
+
+// src/inspector/pages/home.tsx
+var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+function HomePage() {
+  const { localNode, accountID } = useNode();
+  const { path, setPage } = useRouter();
+  const [coValueId, setCoValueId] = (0, import_react27.useState)("");
+  if (!localNode || !accountID) {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: "Loading..." });
+  }
+  const handleCoValueIdSubmit = (e) => {
+    e.preventDefault();
+    if (coValueId) {
+      setPage(coValueId);
+    }
+    setCoValueId("");
   };
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    CenteredForm,
+    {
+      onSubmit: handleCoValueIdSubmit,
+      "aria-hidden": path.length !== 0,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          Input,
+          {
+            label: "CoValue ID",
+            className: "font-mono",
+            hideLabel: true,
+            placeholder: "co_z1234567890abcdef123456789",
+            value: coValueId,
+            onChange: (e) => setCoValueId(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(OrText, { children: "or" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              setPage(accountID);
+            },
+            children: "Inspect my account"
+          }
+        )
+      ]
+    }
+  ) });
+}
+var CenteredForm = styled23("form")`
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  top: -1.5rem;
+  justify-content: center;
+  gap: 0.5rem;
+  height: 100%;
+  width: 100%;
+  max-width: 24rem;
+  margin: 0 auto;
+`;
+var OrText = styled23("p")`
+  text-align: center;
+`;
+
+// src/inspector/viewer/page-stack.tsx
+var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+var PageStackContainer = styled24("article")`
+  position: relative;
+  padding: 0 0.75rem;
+  overflow-y: auto;
+  flex: 1;
+  color: var(--j-text-color);
+  font-size: 16px;
+`;
+function PageStack({ homePage }) {
+  const { path, addPages, goBack } = useRouter();
+  const { localNode } = useNode();
+  const page = path[path.length - 1];
+  const index = path.length - 1;
+  if (path.length <= 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PageStackContainer, { children: homePage ?? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(HomePage, {}) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PageStackContainer, { children: localNode && page && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ErrorBoundary, { title: "An error occurred while rendering this CoValue", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    Page,
+    {
+      coId: page.coId,
+      node: localNode,
+      name: page.name || page.coId,
+      onHeaderClick: goBack,
+      onNavigate: addPages,
+      isTopLevel: index === path.length - 1
+    }
+  ) }) }) });
 }
 
 // src/inspector/ui/global-styles.tsx
@@ -35436,7 +35556,7 @@ var GlobalStyles = styled25("div")`
 `;
 
 // src/inspector/viewer/inspector-button.tsx
-var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
 import { styled as styled26 } from "goober";
 var StyledInspectorButton = styled26("button")`
   position: fixed;
@@ -35480,8 +35600,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -35489,7 +35609,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -35500,7 +35620,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "span",
       {
         style: {
@@ -35521,30 +35641,77 @@ function InspectorButton({
 }
 
 // src/inspector/viewer/use-open-inspector.ts
-var import_react25 = __toESM(require_react(), 1);
+var import_react28 = __toESM(require_react(), 1);
 var STORAGE_KEY2 = "jazz-inspector-open";
 function useOpenInspector() {
-  const [open, setOpen] = (0, import_react25.useState)(() => {
+  const [open, setOpen] = (0, import_react28.useState)(() => {
     if (typeof window === "undefined") return false;
     const stored = localStorage.getItem(STORAGE_KEY2);
     return stored ? JSON.parse(stored) : false;
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     localStorage.setItem(STORAGE_KEY2, JSON.stringify(open));
   }, [open]);
   return [open, setOpen];
 }
 
+// src/inspector/viewer/header.tsx
+var import_react31 = __toESM(require_react(), 1);
+import { styled as styled28 } from "goober";
+
+// src/inspector/viewer/breadcrumbs.tsx
+var import_react29 = __toESM(require_react(), 1);
+import { styled as styled27 } from "goober";
+var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
+var BreadcrumbsContainer = styled27("div")`
+  position: relative;
+  z-index: 20;
+  flex: 1;
+  display: flex;
+  align-items: center;
+`;
+var Separator = styled27("span")`
+  padding: 0 0.125rem;
+`;
+var Breadcrumbs = () => {
+  const { path, goToIndex } = useRouter();
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(BreadcrumbsContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      Button,
+      {
+        variant: "link",
+        style: { padding: "0 0.25rem" },
+        onClick: () => goToIndex(-1),
+        children: "Home"
+      }
+    ),
+    path.map((page, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_react29.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Separator, { "aria-hidden": true, children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          Button,
+          {
+            variant: "link",
+            style: { padding: "0 0.25rem" },
+            onClick: () => goToIndex(index),
+            children: index === 0 ? page.name || "Root" : page.name
+          }
+        )
+      ] }, page.coId);
+    })
+  ] });
+};
+
 // src/inspector/viewer/delete-local-data.tsx
-var import_react26 = __toESM(require_react(), 1);
-var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+var import_react30 = __toESM(require_react(), 1);
+var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
 var DELETE_LOCAL_DATA_STRING = "delete my local data";
 function DeleteLocalData() {
-  const [showDeleteModal, setShowDeleteModal] = (0, import_react26.useState)(false);
-  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react26.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  const [showDeleteModal, setShowDeleteModal] = (0, import_react30.useState)(false);
+  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react30.useState)("");
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       Modal,
       {
         isOpen: showDeleteModal,
@@ -35552,7 +35719,7 @@ function DeleteLocalData() {
         heading: "Delete Local Data",
         showButtons: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "div",
             {
               style: {
@@ -35563,33 +35730,33 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { children: [
                   "This action ",
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "cannot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "cannot" }),
                   " be undone."
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { children: [
                   "Be aware that the following data will be",
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "permanently" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "permanently" }),
                   " deleted:"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("li", { children: [
                     "Unsynced data for ",
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "all apps" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "all apps" }),
                     " on",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("code", { children: window.location.origin })
+                    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("code", { children: window.location.origin })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: "Accounts" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: "Logged in sessions" })
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: "Accounts" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: "Logged in sessions" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", {})
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             Input,
             {
               label: `Type "${DELETE_LOCAL_DATA_STRING}" to confirm`,
@@ -35600,7 +35767,7 @@ function DeleteLocalData() {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "p",
             {
               style: {
@@ -35610,14 +35777,14 @@ function DeleteLocalData() {
                 flexDirection: "column",
                 gap: "0.5rem"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("small", { children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("small", { children: [
                 "Data synced to a sync server will ",
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "not" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: "not" }),
                 " be deleted, and will be synced when you log in again."
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
             "div",
             {
               style: {
@@ -35627,8 +35794,8 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                   Button,
                   {
                     variant: "destructive",
@@ -35654,136 +35821,96 @@ function DeleteLocalData() {
   ] });
 }
 
-// src/inspector/viewer/new-app.tsx
-var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
-var InspectorContainer = styled27("div")`
-  position: fixed;
-  height: 50vh;
-  max-height: 800px;
-  display: flex;
-  flex-direction: column;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background-color: white;
-  border-top: 1px solid var(--j-border-color);
-  color: var(--j-text-color);
-  
-  @media (prefers-color-scheme: dark) {
-    background-color: var(--j-background);
-  }
-`;
-var HeaderContainer2 = styled27("div")`
+// src/inspector/viewer/header.tsx
+var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
+function Header({
+  showDeleteLocalData = false,
+  showClose = false,
+  onClose,
+  children
+}) {
+  const [coValueId, setCoValueId] = (0, import_react31.useState)("");
+  const { path, setPage } = useRouter();
+  const handleCoValueIdSubmit = (e) => {
+    e.preventDefault();
+    if (coValueId) {
+      setPage(coValueId);
+    }
+    setCoValueId("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(HeaderContainer2, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Breadcrumbs, {}),
+    path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      Input,
+      {
+        label: "CoValue ID",
+        style: { fontFamily: "monospace" },
+        hideLabel: true,
+        placeholder: "co_z1234567890abcdef123456789",
+        value: coValueId,
+        onChange: (e) => setCoValueId(e.target.value)
+      }
+    ) }),
+    children,
+    showDeleteLocalData && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DeleteLocalData, {}),
+    showClose && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { variant: "plain", type: "button", onClick: onClose, children: "Close" })
+  ] });
+}
+var HeaderContainer2 = styled28("div")`
   display: flex;
   align-items: center;
   gap: 1rem;
   padding: 0 0.75rem;
   margin: 0.75rem 0;
 `;
-var Form = styled27("form")`
+var Form = styled28("form")`
   width: 24rem;
 `;
-var InitialForm = styled27("form")`
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  top: -1.5rem;
-  justify-content: center;
-  gap: 0.5rem;
-  height: 100%;
-  width: 100%;
-  max-width: 24rem;
-  margin: 0 auto;
-`;
-var OrText = styled27("p")`
-  text-align: center;
-`;
-function JazzInspectorInternal({
+
+// src/inspector/in-app.tsx
+var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
+function InspectorInApp({
   position = "right",
   localNode,
   accountId
 }) {
   const [open, setOpen] = useOpenInspector();
-  const [coValueId, setCoValueId] = (0, import_react27.useState)("");
-  const { path, addPages, goToIndex, goBack, setPage } = usePagePath();
-  const handleCoValueIdSubmit = (e) => {
-    e.preventDefault();
-    if (coValueId) {
-      setPage(coValueId);
-    }
-    setCoValueId("");
-  };
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(HeaderContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        Input,
-        {
-          label: "CoValue ID",
-          style: { fontFamily: "monospace" },
-          hideLabel: true,
-          placeholder: "co_z1234567890abcdef123456789",
-          value: coValueId,
-          onChange: (e) => setCoValueId(e.target.value)
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DeleteLocalData, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-      PageStack,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(NodeProvider, { localNode: localNode ?? null, accountID: accountId ?? null, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(InMemoryRouterProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      Header,
       {
-        path,
-        node: localNode,
-        goBack,
-        addPages,
-        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-          InitialForm,
-          {
-            onSubmit: handleCoValueIdSubmit,
-            "aria-hidden": path.length !== 0,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                Input,
-                {
-                  label: "CoValue ID",
-                  style: { minWidth: "21rem", fontFamily: "monospace" },
-                  hideLabel: true,
-                  placeholder: "co_z1234567890abcdef123456789",
-                  value: coValueId,
-                  onChange: (e) => setCoValueId(e.target.value)
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(OrText, { children: "or" }),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-                  Button,
-                  {
-                    variant: "secondary",
-                    onClick: () => {
-                      setCoValueId(accountId);
-                      setPage(accountId);
-                    },
-                    children: "Inspect my account"
-                  }
-                )
-              ] })
-            ]
-          }
-        )
+        showDeleteLocalData: true,
+        showClose: true,
+        onClose: () => setOpen(false)
       }
-    )
-  ] });
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PageStack, {})
+  ] }) }) });
 }
+var InspectorContainer = styled29("div")`
+  position: fixed;
+  height: 50vh;
+  max-height: 800px;
+  display: flex;
+  flex-direction: column;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: white;
+  border-top: 1px solid var(--j-border-color);
+  color: var(--j-text-color);
+
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--j-background);
+  }
+`;
 
 // src/inspector/custom-element.tsx
-var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
-setup(import_react28.default.createElement);
+var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
+setup(import_react32.default.createElement);
 var JazzInspectorElement = class extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -35825,8 +35952,8 @@ var JazzInspectorElement = class extends HTMLElement {
       return;
     }
     this.root?.render(
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-        JazzInspectorInternal,
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        InspectorInApp,
         {
           localNode: this.account.$jazz.localNode,
           accountId: this.account.$jazz.raw.id
@@ -35951,4 +36078,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=custom-element-P76EIWEV.js.map
+//# sourceMappingURL=custom-element-GJVBPZES.js.map