jazz-tools 0.19.0 → 0.19.2

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

@@ -31782,14 +31782,14 @@ var require_jsx_runtime = __commonJS({
 });
 
 // src/inspector/custom-element.tsx
-var import_react24 = __toESM(require_react(), 1);
+var import_react27 = __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_react23 = __toESM(require_react(), 1);
-import { styled as styled23 } from "goober";
+var import_react26 = __toESM(require_react(), 1);
+import { styled as styled26 } from "goober";
 
 // src/inspector/ui/button.tsx
 var import_react = __toESM(require_react(), 1);
@@ -31964,11 +31964,11 @@ var Breadcrumbs = ({
 };
 
 // src/inspector/viewer/page-stack.tsx
-import { styled as styled20 } from "goober";
+import { styled as styled23 } from "goober";
 
 // src/inspector/viewer/page.tsx
-var import_react18 = __toESM(require_react(), 1);
-import { styled as styled18 } from "goober";
+var import_react21 = __toESM(require_react(), 1);
+import { styled as styled21 } from "goober";
 
 // src/inspector/ui/badge.tsx
 var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
@@ -32465,6 +32465,10 @@ function AccountOrGroupText({
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: displayText });
 }
 
+// src/inspector/viewer/grid-view.tsx
+var import_react11 = __toESM(require_react(), 1);
+import { styled as styled14 } from "goober";
+
 // src/inspector/viewer/type-icon.tsx
 import { styled as styled8 } from "goober";
 var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
@@ -32583,10 +32587,30 @@ function DeleteIcon(props) {
   );
 }
 
-// src/inspector/ui/icons/link-icon.tsx
+// src/inspector/ui/icons/edit-icon.tsx
 var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
-function LinkIcon(props) {
+function EditIcon(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "svg",
+    {
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      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" })
+    }
+  );
+}
+
+// src/inspector/ui/icons/link-icon.tsx
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+function LinkIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -32595,7 +32619,7 @@ function LinkIcon(props) {
       strokeWidth: 1.5,
       stroke: "currentColor",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "path",
         {
           strokeLinecap: "round",
@@ -32607,13 +32631,82 @@ function LinkIcon(props) {
   );
 }
 
+// src/inspector/ui/icons/history.tsx
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+function HistoryIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "svg",
+    {
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinejoin: "round",
+      className: "lucide lucide-trash-icon lucide-trash",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.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",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "path",
+          {
+            d: "M12 8V12L15 15",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/inspector/ui/icons/add-icon.tsx
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+function AddIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "svg",
+    {
+      ...props,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "path",
+        {
+          d: "M4 12H20M12 4V20",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    }
+  );
+}
+
 // src/inspector/ui/icon.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 var icons = {
   caution: CautionIcon,
   chevronDown: ChevronDownIcon,
   delete: DeleteIcon,
-  link: LinkIcon
+  edit: EditIcon,
+  link: LinkIcon,
+  history: HistoryIcon,
+  add: AddIcon
 };
 var sizes = {
   "2xs": 14,
@@ -32657,7 +32750,7 @@ function Icon({
     throw new Error(`Icon not found: ${name}`);
   }
   const IconComponent = icons?.hasOwnProperty(name) ? icons[name] : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     IconComponent,
     {
       "aria-hidden": "true",
@@ -32670,7 +32763,7 @@ function Icon({
 }
 
 // src/inspector/viewer/value-renderer.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 var LinkContainer = styled9("span")`
   display: inline-flex;
   gap: 0.25rem;
@@ -32734,18 +32827,18 @@ function ValueRenderer({
 }) {
   const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
   if (typeof json === "undefined" || json === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { muted: true, children: "undefined" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { muted: true, children: "undefined" });
   }
   if (json === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { muted: true, children: "null" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { muted: true, children: "null" });
   }
   if (typeof json === "string" && isCoId(json)) {
-    const content = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    const content = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
       json,
-      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "link" })
+      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { name: "link" })
     ] });
     if (onCoIDClick) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         Button,
         {
           variant: "link",
@@ -32756,35 +32849,35 @@ function ValueRenderer({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkContainer, { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LinkContainer, { children: content });
   }
   if (typeof json === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { children: json });
   }
   if (typeof json === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { mono: true, children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { mono: true, children: json });
   }
   if (typeof json === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BooleanText, { value: json, children: json.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { children: Array.isArray(json) ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+    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: [
         "Array (",
         json.length,
         ")"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: "Object" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ObjectContent, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: "Object" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ObjectContent, { children: [
         isExpanded ? longJson : shortJson,
         hasDifference && !isExpanded ? "\n ..." : null
       ] }),
-      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
+      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: String(json) });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: String(json) });
 }
 var CoMapPreview = ({
   coId,
@@ -32796,7 +32889,7 @@ var CoMapPreview = ({
     node
   );
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         style: {
@@ -32811,15 +32904,15 @@ var CoMapPreview = ({
     );
   }
   if (snapshot === "unavailable" && !value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: value.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: value.toString() });
   }
   if (extendedType === "image" && isBrowserImage(snapshot)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ImagePreviewContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PreviewImage, { src: snapshot.placeholderDataURL }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { inline: true, small: true, muted: true, children: [
+    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: [
         snapshot.originalSize[0],
         " x ",
         snapshot.originalSize[1]
@@ -32827,10 +32920,10 @@ var CoMapPreview = ({
     ] });
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(RecordText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(RecordText, { children: [
       "Record",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         Object.keys(snapshot).length,
         ")"
@@ -32838,10 +32931,10 @@ var CoMapPreview = ({
     ] });
   }
   if (type === "colist") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ListText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ListText, { children: [
       "List",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         snapshot.length,
         ")"
@@ -32852,24 +32945,209 @@ 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_runtime15.jsxs)(PreviewContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react8.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { strong: true, children: [
+  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: [
         key,
         ": "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ValueRenderer, { compact: true, json: value2 })
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ValueRenderer, { compact: true, json: value2 })
     ] }, key)) }),
-    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
+    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
       properties.length - limit,
       " more"
     ] })
   ] });
 };
 
-// src/inspector/ui/card.tsx
+// src/inspector/viewer/co-value-editor.tsx
+var import_react10 = __toESM(require_react(), 1);
+import { styled as styled11 } from "goober";
+
+// src/inspector/ui/select.tsx
+var import_react9 = __toESM(require_react(), 1);
 import { styled as styled10 } from "goober";
-var Card = styled10("div")`
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+var SelectContainer = styled10("div")`
+  display: grid;
+  gap: 0.25rem;
+`;
+var SelectWrapper = styled10("div")`
+  position: relative;
+  display: flex;
+  align-items: center;
+`;
+var StyledSelect = styled10("select")`
+  width: 100%;
+  border-radius: var(--j-radius-md);
+  border: 1px solid var(--j-border-color);
+  padding: 0.5rem 0.875rem 0.5rem 0.875rem;
+  padding-right: 2rem;
+  box-shadow: var(--j-shadow-sm);
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+  appearance: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--j-foreground);
+  }
+`;
+var SelectIcon = styled10("span")`
+  position: absolute;
+  right: 0.5em;
+  color: var(--j-neutral-400);
+  pointer-events: none;
+
+  @media (prefers-color-scheme: dark) {
+    color: var(--j-neutral-900);
+  }
+`;
+function Select(props) {
+  const { label, hideLabel, id: customId, className, ...selectProps } = props;
+  const generatedId = (0, import_react9.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" }) })
+    ] })
+  ] });
+}
+
+// src/inspector/viewer/co-value-editor.tsx
+var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
+function CoValueEditor({
+  node,
+  property,
+  value,
+  coValue,
+  onCancel
+}) {
+  const getInitialType = () => {
+    if (value === null) return "null";
+    if (value === void 0) return "undefined";
+    if (typeof value === "number") return "number";
+    if (typeof value === "string") return "string";
+    if (typeof value === "boolean") return value ? "true" : "false";
+    if (typeof value === "object") return "object";
+    return "undefined";
+  };
+  const [selectedType, setSelectedType] = (0, import_react10.useState)(getInitialType());
+  const [editValue, setEditValue] = (0, import_react10.useState)(
+    value === void 0 || value === null ? "" : typeof value === "object" ? JSON.stringify(value, null, 2) : String(value)
+  );
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    let newValue;
+    switch (selectedType) {
+      case "null":
+        newValue = null;
+        break;
+      case "undefined":
+        newValue = void 0;
+        break;
+      case "true":
+        newValue = true;
+        break;
+      case "false":
+        newValue = false;
+        break;
+      case "number":
+        newValue = parseFloat(editValue);
+        break;
+      case "string":
+        newValue = editValue;
+        break;
+      case "object":
+        newValue = JSON.parse(editValue);
+        break;
+      default:
+        throw new Error(`Invalid type: ${selectedType}`);
+    }
+    coValue.core.makeTransaction(
+      [
+        {
+          op: "set",
+          key: property,
+          value: newValue
+        }
+      ],
+      "private"
+    );
+    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)(
+      Select,
+      {
+        label: "Type",
+        value: selectedType,
+        onChange: (e) => {
+          setSelectedType(e.target.value);
+        },
+        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" })
+        ]
+      }
+    ),
+    showTextarea && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      StyledTextarea,
+      {
+        value: editValue,
+        onChange: (e) => setEditValue(e.target.value),
+        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" })
+    ] })
+  ] });
+}
+var EditForm = styled11("form")`
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+`;
+var StyledTextarea = styled11("textarea")`
+  width: 100%;
+  min-height: 120px;
+  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-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 0.875rem;
+  background-color: white;
+  color: var(--j-text-color-strong);
+  resize: vertical;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: var(--j-foreground);
+  }
+`;
+var FormActions = styled11("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")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
   box-shadow: var(--j-shadow-sm);
@@ -32881,19 +33159,19 @@ var Card = styled10("div")`
   flex-direction: column;
   gap: 0.5rem;
 `;
-var CardHeader = styled10("div")`
+var CardHeader = styled12("div")`
   display: flex;
   justify-content: space-between;
   align-items: center;
 `;
-var CardBody = styled10("div")`
+var CardBody = styled12("div")`
   flex: 1;
 `;
 
 // src/inspector/ui/grid.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled11 } from "goober";
-var GridThreeColumns = styled11("div")`
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled13 } from "goober";
+var GridThreeColumns = styled13("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -32906,7 +33184,7 @@ var GridThreeColumns = styled11("div")`
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 `;
-var GridTwoColumns = styled11("div")`
+var GridTwoColumns = styled13("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -32915,7 +33193,7 @@ var GridTwoColumns = styled11("div")`
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 `;
-var GridOneColumn = styled11("div")`
+var GridOneColumn = styled13("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 1rem;
@@ -32924,26 +33202,76 @@ function Grid(props) {
   const { cols, children, ...rest } = props;
   switch (cols) {
     case 1:
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridOneColumn, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridOneColumn, { ...rest, children });
     case 2:
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridTwoColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridTwoColumns, { ...rest, children });
     case 3:
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridThreeColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GridThreeColumns, { ...rest, children });
     default:
       throw new Error(`Invalid number of columns: ${cols}`);
   }
 }
 
 // src/inspector/viewer/grid-view.tsx
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
 function GridItem({
   entry,
   onNavigate,
-  node
+  node,
+  coValue
 }) {
   const [key, value] = entry;
   const isCoValue = isCoId(value);
-  const props = isCoValue ? {
+  const [isEditing, setIsEditing] = (0, import_react11.useState)(false);
+  const handleEditClick = (e) => {
+    e.stopPropagation();
+    setIsEditing(true);
+  };
+  const handleCancel = () => {
+    setIsEditing(false);
+  };
+  const handleDelete = (e) => {
+    e.stopPropagation();
+    if (confirm(`Are you sure you want to delete the property "${key}"?`)) {
+      coValue?.core.makeTransaction(
+        [
+          {
+            op: "del",
+            key
+          }
+        ],
+        "private"
+      );
+    }
+  };
+  if (isEditing) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      Card,
+      {
+        style: {
+          backgroundColor: "var(--j-foreground)",
+          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)(
+            CoValueEditor,
+            {
+              node,
+              property: key,
+              value,
+              coValue,
+              onCancel: handleCancel
+            }
+          ) })
+        ]
+      }
+    );
+  }
+  const cardProps = isCoValue ? {
     onClick: () => onNavigate([{ coId: value, name: key }]),
     as: "button"
   } : {
@@ -32952,12 +33280,34 @@ function GridItem({
       borderColor: "var(--j-foreground)"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardHeader, { children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { strong: true, children: key }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResolveIcon, { coId: value, node }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { strong: true, children: key }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  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 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(ActionButtons, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          EditButton,
+          {
+            onClick: handleEditClick,
+            type: "button",
+            "aria-label": "Edit",
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "edit", size: "sm" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          DeleteButton,
+          {
+            onClick: handleDelete,
+            type: "button",
+            "aria-label": "Delete",
+            children: /* @__PURE__ */ (0, import_jsx_runtime22.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)(
       ValueRenderer,
       {
         json: value,
@@ -32971,58 +33321,97 @@ function GridItem({
 function GridView({
   data,
   onNavigate,
-  node
+  node,
+  coValue
 }) {
   const entries = Object.entries(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  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)(
     GridItem,
     {
       entry,
       onNavigate,
-      node
+      node,
+      coValue
     },
     childIndex
   )) });
 }
+var EditButton = styled14("button")`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--j-text-color);
+  border-radius: var(--j-radius-sm);
+  transition: background-color 0.2s;
 
-// src/inspector/viewer/raw-data-card.tsx
-var import_react14 = __toESM(require_react(), 1);
-
-// src/inspector/ui/modal.tsx
-var import_react9 = __toESM(require_react(), 1);
-import { styled as styled12 } from "goober";
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
-var ModalContent = styled12("dialog")`
-  background-color: var(--j-background);
-  border-radius: var(--j-radius-lg);
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-  border: 1px solid var(--j-border-color);
-  max-width: 32rem;
-  margin-block: auto;
+  &:hover {
+    background-color: var(--j-foreground);
+  }
+`;
+var DeleteButton = styled14("button")`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--j-text-color);
+  border-radius: var(--j-radius-sm);
+  transition: background-color 0.2s;
+
+  &:hover {
+    background-color: var(--j-foreground);
+  }
+`;
+var ActionButtons = styled14("div")`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+`;
+
+// src/inspector/viewer/raw-data-card.tsx
+var import_react16 = __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")`
+  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;
+  margin-block: auto;
   margin-inline: auto;
   &::backdrop {
     background-color: rgba(0, 0, 0, 0.7);
   }
-  
+
 `;
-var ModalHeader = styled12("div")`
+var ModalHeader = styled15("div")`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 1.5rem 1.5rem 0 1.5rem;
   gap: 1rem;
 `;
-var ModalBody = styled12("div")`
+var ModalBody = styled15("div")`
   padding: 1rem 1.5rem;
   flex: 1;
 `;
-var ModalFooter = styled12("div")`
+var ModalFooter = styled15("div")`
   display: flex;
   justify-content: flex-end;
   gap: 0.75rem;
   padding: 0 1.5rem 1.5rem 1.5rem;
 `;
-var CloseButton = styled12("button")`
+var CloseButton = styled15("button")`
   background: none;
   border: none;
   cursor: pointer;
@@ -33036,17 +33425,17 @@ var CloseButton = styled12("button")`
   justify-content: center;
   min-width: 2rem;
   min-height: 2rem;
-  
+
   &:hover {
     background-color: var(--j-foreground);
   }
-  
+
   &:focus-visible {
     outline: 2px solid var(--j-border-focus);
     outline-offset: 2px;
   }
 `;
-var Modal = (0, import_react9.forwardRef)(
+var Modal = (0, import_react12.forwardRef)(
   ({
     isOpen,
     onClose,
@@ -33060,8 +33449,8 @@ var Modal = (0, import_react9.forwardRef)(
     showButtons = true,
     className
   }, ref) => {
-    const modalRef = (0, import_react9.useRef)(null);
-    (0, import_react9.useEffect)(() => {
+    const modalRef = (0, import_react12.useRef)(null);
+    (0, import_react12.useEffect)(() => {
       if (isOpen) {
         modalRef.current?.showModal();
       } else {
@@ -33078,7 +33467,7 @@ var Modal = (0, import_react9.forwardRef)(
       onClose();
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       ModalContent,
       {
         ref: ref || modalRef,
@@ -33087,17 +33476,17 @@ var Modal = (0, import_react9.forwardRef)(
         "aria-labelledby": "modal-heading",
         onClose,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ModalHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Heading, { id: "modal-heading", children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
+          /* @__PURE__ */ (0, import_jsx_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_runtime18.jsxs)(ModalBody, { children: [
-            text && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
+          /* @__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 }),
             children
           ] }),
-          showButtons && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(ModalFooter, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
+          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 })
           ] })
         ]
       }
@@ -33106,71 +33495,17 @@ var Modal = (0, import_react9.forwardRef)(
 );
 Modal.displayName = "Modal";
 
-// src/inspector/ui/select.tsx
-var import_react10 = __toESM(require_react(), 1);
-import { styled as styled13 } from "goober";
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
-var SelectContainer = styled13("div")`
-  display: grid;
-  gap: 0.25rem;
-`;
-var SelectWrapper = styled13("div")`
-  position: relative;
-  display: flex;
-  align-items: center;
-`;
-var StyledSelect = styled13("select")`
-  width: 100%;
-  border-radius: var(--j-radius-md);
-  border: 1px solid var(--j-border-color);
-  padding: 0.5rem 0.875rem 0.5rem 0.875rem;
-  padding-right: 2rem;
-  box-shadow: var(--j-shadow-sm);
-  font-weight: 500;
-  color: var(--j-text-color-strong);
-  appearance: none;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  @media (prefers-color-scheme: dark) {
-    background-color: var(--j-foreground);
-  }
-`;
-var SelectIcon = styled13("span")`
-  position: absolute;
-  right: 0.5em;
-  color: var(--j-neutral-400);
-  pointer-events: none;
-
-  @media (prefers-color-scheme: dark) {
-    color: var(--j-neutral-900);
-  }
-`;
-function Select(props) {
-  const { label, hideLabel, id: customId, className, ...selectProps } = props;
-  const generatedId = (0, import_react10.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" }) })
-    ] })
-  ] });
-}
-
 // src/inspector/ui/data-table.tsx
-var import_react12 = __toESM(require_react(), 1);
+var import_react14 = __toESM(require_react(), 1);
 
 // src/inspector/ui/table.tsx
-var import_react11 = __toESM(require_react(), 1);
-var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled14 } from "goober";
-var StyledTable = styled14("table")`
+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")`
   width: 100%;
 `;
-var StyledThead = styled14("thead")`
+var StyledThead = styled16("thead")`
   text-align: left;
   border-bottom: 1px solid var(--j-border-color);
   background-color: var(--j-neutral-100);
@@ -33179,7 +33514,7 @@ var StyledThead = styled14("thead")`
     background-color: var(--j-neutral-925);
   }
 `;
-var StyledTbody = styled14("tbody")`
+var StyledTbody = styled16("tbody")`
   tr {
     border-bottom: 1px solid var(--j-border-color);
 
@@ -33188,23 +33523,23 @@ var StyledTbody = styled14("tbody")`
     }
   }
 `;
-var StyledTh = styled14("th")`
+var StyledTh = styled16("th")`
   font-weight: 500;
   padding: 0.5rem 0.75rem;
   color: var(--j-text-color-strong);
 `;
-var StyledTd = styled14("td")`
+var StyledTd = styled16("td")`
   padding: 0.5rem 0.75rem;
 `;
-var Table = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTable, { ref, ...props, children }));
-var TableHead = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledThead, { ref, ...props, children }));
-var TableBody = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTbody, { ref, ...props, children }));
-var TableRow = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { ref, ...props, children }));
-var TableHeader = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTh, { ref, ...props, children }));
-var TableCell = import_react11.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTd, { ref, ...props, children }));
+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 }));
 
 // src/inspector/ui/data-table.tsx
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 function DataTable({
   columns,
   data,
@@ -33213,10 +33548,10 @@ function DataTable({
   getRowKey,
   emptyMessage = "No data available"
 }) {
-  const [currentPage, setCurrentPage] = (0, import_react12.useState)(1);
-  const [sortConfig, setSortConfig] = (0, import_react12.useState)(initialSort);
-  const [filters, setFilters] = (0, import_react12.useState)({});
-  const filteredData = (0, import_react12.useMemo)(() => {
+  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)(() => {
     return data.filter((row) => {
       return Object.entries(filters).every(([columnId, filterValue]) => {
         if (!filterValue) return true;
@@ -33230,7 +33565,7 @@ function DataTable({
       });
     });
   }, [data, filters, columns]);
-  const sortedData = (0, import_react12.useMemo)(() => {
+  const sortedData = (0, import_react14.useMemo)(() => {
     if (!sortConfig) return filteredData;
     const column = columns.find((col) => col.id === sortConfig.columnId);
     if (!column?.sortable) return filteredData;
@@ -33249,7 +33584,7 @@ function DataTable({
   const startIndex = (currentPage - 1) * pageSize;
   const endIndex = startIndex + pageSize;
   const paginatedData = sortedData.slice(startIndex, endIndex);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setCurrentPage(1);
   }, [filters]);
   const handleSort = (columnId) => {
@@ -33274,9 +33609,9 @@ function DataTable({
   const handlePageChange = (page) => {
     setCurrentPage(Math.max(1, Math.min(page, totalPages)));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  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)(
         "div",
         {
           style: {
@@ -33287,8 +33622,8 @@ function DataTable({
           },
           onClick: () => handleSort(column.id),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: column.header }),
-            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: column.header }),
+            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "span",
               {
                 style: {
@@ -33301,8 +33636,8 @@ function DataTable({
           ]
         }
       ) }, column.id)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableBody, { children: [
-        columns.some((column) => column.filterable) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: column.filterable && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__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)(
           Input,
           {
             label: "Filter",
@@ -33314,7 +33649,7 @@ function DataTable({
             onClick: (e) => e.stopPropagation()
           }
         ) }, column.id)) }),
-        paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        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)(
           "div",
           {
             style: {
@@ -33324,10 +33659,10 @@ function DataTable({
             },
             children: emptyMessage
           }
-        ) }) }) : paginatedData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableRow, { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: column.accessor(row) }, column.id)) }, getRowKey(row, startIndex + index)))
+        ) }) }) : 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)))
       ] })
     ] }),
-    showPagination && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    showPagination && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
       "div",
       {
         style: {
@@ -33338,7 +33673,7 @@ function DataTable({
           padding: "8px 0"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { fontSize: "14px", opacity: 0.7 }, children: [
             "Showing ",
             startIndex + 1,
             " to ",
@@ -33349,8 +33684,8 @@ function DataTable({
             " entries",
             Object.keys(filters).some((key) => filters[key]) && ` (filtered from ${data.length})`
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33359,7 +33694,7 @@ function DataTable({
                 children: "\xAB\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33368,13 +33703,13 @@ function DataTable({
                 children: "\xAB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { style: { fontSize: "14px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { style: { fontSize: "14px" }, children: [
               "Page ",
               currentPage,
               " of ",
               totalPages
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33383,7 +33718,7 @@ function DataTable({
                 children: "\xBB"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -33400,18 +33735,18 @@ function DataTable({
 }
 
 // src/inspector/ui/accordion.tsx
-var import_react13 = __toESM(require_react(), 1);
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled15 } from "goober";
+var import_react15 = __toESM(require_react(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled17 } from "goober";
 function Accordion({ title, children, storageKey }) {
   const [open, setOpen] = useStoragedState(storageKey, false);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "details",
     {
       open,
       style: { display: "flex", flexDirection: "column", gap: "1rem" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           StyledSummary,
           {
             onClick: (e) => {
@@ -33427,17 +33762,17 @@ function Accordion({ title, children, storageKey }) {
   );
 }
 function useStoragedState(key, defaultValue) {
-  const [state, setState] = (0, import_react13.useState)(() => {
+  const [state, setState] = (0, import_react15.useState)(() => {
     if (typeof window === "undefined") return defaultValue;
     const stored = localStorage.getItem(key);
     return stored ? JSON.parse(stored) : defaultValue;
   });
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     localStorage.setItem(key, JSON.stringify(state));
   }, [state]);
   return [state, setState];
 }
-var StyledSummary = styled15("summary")`
+var StyledSummary = styled17("summary")`
   font-size: 1.125rem;
   cursor: pointer;
   font-weight: 500;
@@ -33445,12 +33780,12 @@ var StyledSummary = styled15("summary")`
 `;
 
 // src/inspector/viewer/raw-data-card.tsx
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 function CopyButton({ data }) {
-  const [copyCount, setCopyCount] = (0, import_react14.useState)(0);
+  const [copyCount, setCopyCount] = (0, import_react16.useState)(0);
   const copied = copyCount > 0;
   const stringifiedData = JSON.stringify(data);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (copyCount > 0) {
       const timeout = setTimeout(() => setCopyCount(0), 1e3);
       return () => {
@@ -33458,7 +33793,7 @@ function CopyButton({ data }) {
       };
     }
   }, [copyCount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     Button,
     {
       style: {
@@ -33477,14 +33812,14 @@ function CopyButton({ data }) {
   );
 }
 function RawDataCard({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Accordion, { title: "Raw data", storageKey: "jazz-inspector-show-raw-data", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CopyButton, { data }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValueRenderer, { json: data }) })
+  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 }) })
   ] }) });
 }
 
 // src/inspector/viewer/account-view.tsx
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
 function AccountView({
   data,
   onNavigate,
@@ -33496,25 +33831,25 @@ function AccountView({
       delete readableData[key];
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GridView, { data: readableData, onNavigate, node }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RawDataCard, { data })
+  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 })
   ] });
 }
 
 // src/inspector/viewer/co-plain-text-view.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
 function CoPlainTextView({ data }) {
   if (!data) return;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: Object.values(data).join("") }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RawDataCard, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: Object.values(data).join("") }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/group-view.tsx
-var import_react15 = __toESM(require_react(), 1);
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_react17 = __toESM(require_react(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 function partitionMembers(data) {
   const everyone = Object.entries(data).filter(([key]) => key === "everyone").map(([key, value]) => ({
     id: key,
@@ -33542,7 +33877,7 @@ function GroupView({
   onNavigate,
   node
 }) {
-  const [addMemberType, setAddMemberType] = (0, import_react15.useState)(null);
+  const [addMemberType, setAddMemberType] = (0, import_react17.useState)(null);
   const { everyone, members, parentGroups, childGroups } = partitionMembers(
     data
   );
@@ -33621,28 +33956,28 @@ function GroupView({
       alert(`Failed to add ${addMemberType}: ${error.message}`);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Member" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Permission" }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, {})
+  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, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableBody, { children: [
-        everyone.map((member) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.id }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      /* @__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)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        members.map((member) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        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)(
             AccountOrGroupText,
             {
               coId: member.id,
@@ -33653,18 +33988,18 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: member.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__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)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveMember(member.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, member.id)),
-        parentGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        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)(
             AccountOrGroupText,
             {
               coId: group.id,
@@ -33675,19 +34010,19 @@ function GroupView({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: group.role }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: group.role !== "revoked" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          /* @__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)(
             Button,
             {
               variant: "secondary",
               onClick: () => onRemoveGroup(group.id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "delete" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { name: "delete" })
             }
           ) })
         ] }, group.id))
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         style: {
@@ -33697,14 +34032,14 @@ function GroupView({
           marginTop: "1rem"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("account"), children: "Add Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "primary", onClick: () => setAddMemberType("group"), children: "Add Group" })
+          /* @__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" })
         ]
       }
     ),
-    childGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableHeader, { children: "Member of" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableBody, { children: childGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    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)(
         AccountOrGroupText,
         {
           coId: group.id,
@@ -33716,20 +34051,20 @@ function GroupView({
         }
       ) }) }, group.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(RawDataCard, { data }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RawDataCard, { data }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Modal,
       {
         isOpen: addMemberType !== null,
         onClose: () => setAddMemberType(null),
         heading: addMemberType === "account" ? "Add Account" : "Add Group",
         showButtons: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("form", { onSubmit: handleAddMemberSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             style: { display: "flex", flexDirection: "column", gap: "1rem" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Input,
                 {
                   name: "memberId",
@@ -33738,13 +34073,13 @@ function GroupView({
                   required: true
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Select, { name: "role", label: "Role", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "reader", children: "Reader" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "writer", children: "Writer" }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "admin", children: "Admin" }),
-                addMemberType === "account" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "writeOnly", children: "Write Only" }) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "inherit", children: "Inherit" }) })
+              /* @__PURE__ */ (0, import_jsx_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_runtime26.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                 "div",
                 {
                   style: {
@@ -33754,7 +34089,7 @@ function GroupView({
                     marginTop: "0.5rem"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                       Button,
                       {
                         type: "button",
@@ -33763,7 +34098,7 @@ function GroupView({
                         children: "Cancel"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
+                    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "submit", variant: "primary", children: "Add" })
                   ]
                 }
               )
@@ -33776,7 +34111,7 @@ function GroupView({
 }
 
 // src/inspector/viewer/role-display.tsx
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 function RoleDisplay({
   node,
   value
@@ -33795,24 +34130,24 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Text, { children: [
     "Role: ",
     role
   ] });
 }
 
 // src/inspector/viewer/table-viewer.tsx
-var import_react16 = __toESM(require_react(), 1);
-import { styled as styled16 } from "goober";
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
-var PaginationContainer = styled16("div")`
+var import_react18 = __toESM(require_react(), 1);
+import { styled as styled18 } from "goober";
+var import_jsx_runtime32 = __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 = styled16("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 */
 
@@ -33849,8 +34184,8 @@ function CoValuesTableView({
   onNavigate,
   onRemove
 }) {
-  const [visibleRowsCount, setVisibleRowsCount] = (0, import_react16.useState)(10);
-  const [coIdArray, visibleRows] = (0, import_react16.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];
@@ -33858,10 +34193,10 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: "No data to display" });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: "Loading..." });
   }
   const keys = Array.from(
     new Set(
@@ -33871,15 +34206,15 @@ function CoValuesTableView({
   const loadMore = () => {
     setVisibleRowsCount((prevVisibleRows) => prevVisibleRows + 10);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
-        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: key }, key)),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, {})
+  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, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__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)(
             Icon,
             {
               name: "caution",
@@ -33892,7 +34227,7 @@ function CoValuesTableView({
           ),
           visibleRows[index]
         ] }) : visibleRows[index] }) }),
-        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -33913,7 +34248,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Button,
           {
             variant: "secondary",
@@ -33926,18 +34261,18 @@ function CoValuesTableView({
             children: "View"
           }
         ) }),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(PaginationContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(PaginationContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -33947,11 +34282,11 @@ function TableView({
   onNavigate,
   onRemove
 }) {
-  const isListOfCoValues = (0, import_react16.useMemo)(() => {
+  const isListOfCoValues = (0, import_react18.useMemo)(() => {
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       CoValuesTableView,
       {
         data,
@@ -33961,29 +34296,72 @@ function TableView({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: "Value" }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: "Action" })
+  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" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ValueRenderer, { json: value }) }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+    /* @__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" }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/history-view.tsx
-var import_react17 = __toESM(require_react(), 1);
-import { styled as styled17 } from "goober";
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var import_react19 = __toESM(require_react(), 1);
+import { styled as styled19 } from "goober";
+
+// src/inspector/utils/transactions-changes.ts
+var isGroupExtension = (change) => {
+  return change?.op === "set" && change?.value === "extend";
+};
+var isGroupExtendRevocation = (change) => {
+  return change?.op === "set" && change?.value === "revoked";
+};
+var isGroupPromotion = (change) => {
+  return change?.op === "set" && change?.key.startsWith("parent_co_");
+};
+var isUserPromotion = (change) => {
+  return change?.op === "set" && (isCoId(change?.key) || change?.key === "everyone");
+};
+var isKeyRevelation = (change) => {
+  return change?.op === "set" && change?.key.includes("_for_");
+};
+var isPropertySet = (change) => {
+  return change?.op === "set" && "key" in change && "value" in change;
+};
+var isPropertyDeletion = (change) => {
+  return change?.op === "del" && "key" in change;
+};
+var isItemAppend = (change) => {
+  return change?.op === "app" && "after" in change && "value" in change;
+};
+var isItemPrepend = (change) => {
+  return change?.op === "pre" && "before" in change && "value" in change;
+};
+var isItemDeletion = (change) => {
+  return change?.op === "del" && "insertion" in change;
+};
+var isStreamStart = (change) => {
+  return change?.type === "start" && "mimeType" in change;
+};
+var isStreamChunk = (change) => {
+  return change?.type === "chunk" && "chunk" in change;
+};
+var isStreamEnd = (change) => {
+  return change?.type === "end";
+};
+
+// src/inspector/viewer/history-view.tsx
+var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
 function HistoryView({
   coValue,
   node
 }) {
-  const transactions = (0, import_react17.useMemo)(
+  const transactions = (0, import_react19.useMemo)(
     () => getHistory(coValue),
     [coValue.core.verifiedTransactions.length]
   );
@@ -33991,8 +34369,8 @@ function HistoryView({
     {
       id: "author",
       header: "Author",
-      accessor: (row) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-        row.isValid || /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RedTooltip2, { "data-text": "This transaction is invalid and is not used", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      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)(
           Icon,
           {
             name: "caution",
@@ -34005,7 +34383,7 @@ function HistoryView({
             }
           }
         ) }),
-        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        row.author.startsWith("co_") ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           AccountOrGroupText,
           {
             coId: row.author,
@@ -34024,9 +34402,9 @@ function HistoryView({
       header: "Action",
       accessor: (row) => {
         if (row.isValid) return row.action;
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
           row.action,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { style: { color: "red", display: "block" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { style: { color: "red", display: "block" }, children: [
             "Invalid transaction: ",
             row.validationErrorMessage
           ] })
@@ -34045,7 +34423,7 @@ function HistoryView({
       sortFn: (a, b) => a.timestamp.getTime() - b.timestamp.getTime()
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Accordion, { title: "CoValue history", storageKey: "jazz-inspector-show-history", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Accordion, { title: "CoValue history", storageKey: "jazz-inspector-show-history", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     DataTable,
     {
       columns,
@@ -34156,46 +34534,7 @@ var findListChange = (opId, coValue) => {
     (tx) => tx.txID.sessionID === opId.sessionID && tx.txID.txIndex === opId.txIndex
   )?.changes?.[opId.changeIdx];
 };
-var isGroupExtension = (change) => {
-  return change?.op === "set" && change?.value === "extend";
-};
-var isGroupExtendRevocation = (change) => {
-  return change?.op === "set" && change?.value === "revoked";
-};
-var isGroupPromotion = (change) => {
-  return change?.op === "set" && change?.key.startsWith("parent_co_");
-};
-var isUserPromotion = (change) => {
-  return change?.op === "set" && (isCoId(change?.key) || change?.key === "everyone");
-};
-var isKeyRevelation = (change) => {
-  return change?.op === "set" && change?.key.includes("_for_");
-};
-var isPropertySet = (change) => {
-  return change?.op === "set" && "key" in change && "value" in change;
-};
-var isPropertyDeletion = (change) => {
-  return change?.op === "del" && "key" in change;
-};
-var isItemAppend = (change) => {
-  return change?.op === "app" && "after" in change && "value" in change;
-};
-var isItemPrepend = (change) => {
-  return change?.op === "pre" && "before" in change && "value" in change;
-};
-var isItemDeletion = (change) => {
-  return change?.op === "del" && "insertion" in change;
-};
-var isStreamStart = (change) => {
-  return change?.type === "start" && "mimeType" in change;
-};
-var isStreamChunk = (change) => {
-  return change?.type === "chunk" && "chunk" in change;
-};
-var isStreamEnd = (change) => {
-  return change?.type === "end";
-};
-var RedTooltip2 = styled17("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 */
 
@@ -34227,12 +34566,315 @@ var RedTooltip2 = styled17("span")`
   }
 `;
 
+// src/inspector/viewer/co-map-view.tsx
+var import_react20 = __toESM(require_react(), 1);
+import { styled as styled20 } from "goober";
+
+// src/inspector/utils/history.ts
+function restoreCoMapToTimestamp(coValue, timestamp, removeUnknownProperties) {
+  const myRole = coValue.group.myRole();
+  if (myRole === void 0 || !["admin", "manager", "writer", "writerOnly"].includes(myRole)) {
+    return;
+  }
+  const newCoValue = coValue.atTime(timestamp).toJSON();
+  const oldCoValue = coValue.toJSON();
+  if (newCoValue === null) return;
+  let changes = [];
+  if (removeUnknownProperties) {
+    for (const key in oldCoValue) {
+      if (!(key in newCoValue)) {
+        changes.push({
+          op: "del",
+          key
+        });
+      }
+    }
+  }
+  for (const key in newCoValue) {
+    if (newCoValue[key] !== oldCoValue[key]) {
+      changes.push({
+        op: "set",
+        key,
+        value: newCoValue[key]
+      });
+    }
+  }
+  if (changes.length > 0) {
+    coValue.core.makeTransaction(changes, "private");
+  }
+}
+
+// src/inspector/viewer/co-map-view.tsx
+var import_jsx_runtime34 = __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)(
+      GridView,
+      {
+        data,
+        onNavigate,
+        node,
+        coValue
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AddPropertyModal, { coValue, node }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RestoreSnapshotModal, { coValue })
+    ] })
+  ] });
+}
+function AddPropertyModal({
+  coValue,
+  node
+}) {
+  const [isAddPropertyModalOpen, setIsAddPropertyModalOpen] = (0, import_react20.useState)(false);
+  const [propertyName, setPropertyName] = (0, import_react20.useState)("");
+  const openAddPropertyModal = () => {
+    setIsAddPropertyModalOpen(true);
+    setPropertyName("");
+  };
+  const handleCancel = () => {
+    setIsAddPropertyModalOpen(false);
+    setPropertyName("");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      Button,
+      {
+        title: "Add Property",
+        variant: "secondary",
+        onClick: openAddPropertyModal,
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "edit" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      Modal,
+      {
+        isOpen: isAddPropertyModalOpen,
+        onClose: handleCancel,
+        heading: "Add Property",
+        showButtons: false,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            Input,
+            {
+              label: "Property Name",
+              value: propertyName,
+              onChange: (e) => setPropertyName(e.target.value),
+              placeholder: "Enter property name"
+            }
+          ),
+          propertyName && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(EditorContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            CoValueEditor,
+            {
+              node,
+              property: propertyName,
+              value: void 0,
+              coValue,
+              onCancel: handleCancel
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function RestoreSnapshotModal({ coValue }) {
+  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_react20.useMemo)(() => {
+    if (selectedIndex === -1) return null;
+    return coValue.atTime(timestamps[selectedIndex]).toJSON();
+  }, [coValue, timestamps, selectedIndex]);
+  const openRestoreModal = () => {
+    setIsRestoreModalOpen(true);
+    setSelectedIndex(timestamps.length - 1);
+  };
+  const handleRestore = () => {
+    if (timestamps.length < 2) return;
+    if (timestamps.length === 0) return;
+    const selectedTimestamp = timestamps[selectedIndex];
+    if (selectedTimestamp === void 0) return;
+    restoreCoMapToTimestamp(
+      coValue,
+      selectedTimestamp,
+      removeUnknownProperties
+    );
+    setIsRestoreModalOpen(false);
+  };
+  const handleClose = () => {
+    setIsRestoreModalOpen(false);
+  };
+  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)(
+      Modal,
+      {
+        isOpen: isRestoreModalOpen,
+        onClose: handleClose,
+        heading: "Timeline",
+        confirmText: "Restore",
+        cancelText: "Cancel",
+        onConfirm: handleRestore,
+        onCancel: handleClose,
+        showButtons: timestamps.length > 1,
+        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)(
+                RangeInput,
+                {
+                  type: "range",
+                  min: 0,
+                  max: Math.max(0, timestamps.length - 1),
+                  value: selectedIndex,
+                  onChange: (e) => setSelectedIndex(Number(e.target.value)),
+                  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_runtime34.jsxs)(CheckboxContainer, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                CheckboxInput,
+                {
+                  type: "checkbox",
+                  id: "remove-unknown-properties",
+                  checked: removeUnknownProperties,
+                  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)" })
+            ] })
+          ] }),
+          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 < 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." })
+        ]
+      }
+    )
+  ] });
+}
+var PreviewSection = styled20("div")`
+  margin-top: 1.5rem;
+`;
+var PreviewLabel = styled20("div")`
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+  color: var(--j-text-color-strong);
+`;
+var PreviewPre = styled20("pre")`
+  background-color: var(--j-foreground);
+  border: 1px solid var(--j-border-color);
+  border-radius: var(--j-radius-md);
+  padding: 1rem;
+  overflow-x: auto;
+  font-size: 0.875rem;
+  max-height: 400px;
+  overflow-y: auto;
+  color: var(--j-text-color);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+`;
+var RangeContainer = styled20("div")`
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+`;
+var RangeLabel = styled20("label")`
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+  font-size: 0.875rem;
+`;
+var RangeInput = styled20("input")`
+  width: 100%;
+  height: 0.5rem;
+  border-radius: var(--j-radius-sm);
+  outline: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background: var(--j-foreground);
+  cursor: pointer;
+
+  &::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 1.25rem;
+    height: 1.25rem;
+    border-radius: 50%;
+    background: var(--j-primary-color);
+    cursor: pointer;
+    border: 2px solid var(--j-background);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+
+  &::-moz-range-thumb {
+    width: 1.25rem;
+    height: 1.25rem;
+    border-radius: 50%;
+    background: var(--j-primary-color);
+    cursor: pointer;
+    border: 2px solid var(--j-background);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;
+var TimestampDisplay = styled20("div")`
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  font-size: 0.875rem;
+  color: var(--j-text-color);
+  padding: 0.5rem;
+  background-color: var(--j-foreground);
+  border: 1px solid var(--j-border-color);
+  border-radius: var(--j-radius-md);
+  text-align: center;
+`;
+var CheckboxContainer = styled20("div")`
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  margin-top: 1rem;
+`;
+var CheckboxInput = styled20("input")`
+  width: 1rem;
+  height: 1rem;
+  margin-top: 0.125rem;
+  cursor: pointer;
+  accent-color: var(--j-primary-color);
+`;
+var CheckboxLabel = styled20("label")`
+  font-size: 0.875rem;
+  color: var(--j-text-color);
+  cursor: pointer;
+  line-height: 1.25rem;
+`;
+var EditorContainer = styled20("div")`
+  margin-top: 1rem;
+`;
+
 // src/inspector/viewer/page.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
-var BasePageContainer = import_react18.default.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { ref, ...rest })
+var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+var BasePageContainer = import_react21.default.forwardRef(
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { ref, ...rest })
 );
-var PageContainer = styled18(BasePageContainer)`
+var PageContainer = styled21(BasePageContainer)`
   position: absolute;
   z-index: 10;
   inset: 0;
@@ -34240,36 +34882,36 @@ var PageContainer = styled18(BasePageContainer)`
   height: 100%;
   padding: 0 0.75rem;
 `;
-var BackButton = styled18("div")`
+var BackButton = styled21("div")`
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 2.5rem;
 `;
-var HeaderContainer = styled18("div")`
+var HeaderContainer = styled21("div")`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 `;
-var TitleContainer = styled18("div")`
+var TitleContainer = styled21("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var Title = styled18(Heading)`
+var Title = styled21(Heading)`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
 `;
-var BadgeContainer = styled18("div")`
+var BadgeContainer = styled21("div")`
   display: flex;
   align-items: center;
   gap: 0.75rem;
 `;
-var ContentContainer = styled18("div")`
+var ContentContainer = styled21("div")`
   overflow: auto;
   display: flex;
   flex-direction: column;
@@ -34290,7 +34932,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       CoStreamView,
       {
         data: snapshot,
@@ -34301,7 +34943,7 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       GroupView,
       {
         coValue: value,
@@ -34312,10 +34954,10 @@ function View(props) {
     );
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(AccountView, { data: snapshot, node, onNavigate });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CoPlainTextView, { data: snapshot });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CoPlainTextView, { data: snapshot });
   }
   if (type === "colist") {
     const handleRemove = (index) => {
@@ -34324,7 +34966,7 @@ function View(props) {
         list.delete(index);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       TableView,
       {
         data: snapshot,
@@ -34335,9 +34977,20 @@ function View(props) {
     );
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableView, { data: snapshot, node, onNavigate });
+  }
+  if (type === "comap") {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      CoMapView,
+      {
+        coValue: value,
+        data: snapshot,
+        node,
+        onNavigate
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -34353,13 +35006,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { style });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       BackButton,
       {
         "aria-label": "Back",
@@ -34369,27 +35022,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TitleContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { children: [
+    /* @__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: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(BadgeContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Badge, { children: coId })
+      /* @__PURE__ */ (0, import_jsx_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_runtime30.jsxs)(ContentContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RoleDisplay, { node, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Text, { muted: true, children: [
+    /* @__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: [
           "Owned by",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -34402,16 +35055,16 @@ function Page(props) {
           )
         ] })
       ] }),
-      value && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HistoryView, { coValue: value, node })
+      value && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(HistoryView, { coValue: value, node })
     ] })
   ] });
 }
 
 // src/inspector/ui/error-boundary.tsx
-var import_react19 = __toESM(require_react(), 1);
-var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled19 } from "goober";
-var ErrorBoundary = class extends import_react19.default.Component {
+var import_react22 = __toESM(require_react(), 1);
+var import_jsx_runtime36 = __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 };
@@ -34424,24 +35077,24 @@ var ErrorBoundary = class extends import_react19.default.Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { style: { padding: "1rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StyledHeading2, { children: this.props.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Text, { mono: true, style: { marginTop: "0.5rem", color: "#ef4444" }, children: this.state.error?.message || "An unexpected error occurred" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("pre", { style: { paddingLeft: "1rem", color: "#ef4444" }, children: this.state.error?.stack })
+      return /* @__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 this.props.children;
   }
 };
-var StyledHeading2 = styled19("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_runtime32 = __toESM(require_jsx_runtime(), 1);
-var PageStackContainer = styled20("div")`
+var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
+var PageStackContainer = styled23("div")`
   position: relative;
   padding: 0 0.75rem;
   overflow-y: auto;
@@ -34458,9 +35111,9 @@ function PageStack({
 }) {
   const page = path[path.length - 1];
   const index = path.length - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(PageStackContainer, { children: [
+  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_runtime32.jsx)(ErrorBoundary, { title: "An error occurred while rendering this CoValue", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    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,
@@ -34475,10 +35128,10 @@ function PageStack({
 }
 
 // src/inspector/viewer/use-page-path.ts
-var import_react20 = __toESM(require_react(), 1);
+var import_react23 = __toESM(require_react(), 1);
 var STORAGE_KEY = "jazz-inspector-paths";
 function usePagePath(defaultPath) {
-  const [path, setPath] = (0, import_react20.useState)(() => {
+  const [path, setPath] = (0, import_react23.useState)(() => {
     if (typeof window === "undefined") return [];
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
@@ -34490,34 +35143,34 @@ function usePagePath(defaultPath) {
     }
     return defaultPath || [];
   });
-  const updatePath = (0, import_react20.useCallback)((newPath) => {
+  const updatePath = (0, import_react23.useCallback)((newPath) => {
     setPath(newPath);
     localStorage.setItem(STORAGE_KEY, JSON.stringify(newPath));
   }, []);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (defaultPath && JSON.stringify(path) !== JSON.stringify(defaultPath)) {
       updatePath(defaultPath);
     }
   }, [defaultPath, path, updatePath]);
-  const addPages = (0, import_react20.useCallback)(
+  const addPages = (0, import_react23.useCallback)(
     (newPages) => {
       updatePath([...path, ...newPages]);
     },
     [path, updatePath]
   );
-  const goToIndex = (0, import_react20.useCallback)(
+  const goToIndex = (0, import_react23.useCallback)(
     (index) => {
       updatePath(path.slice(0, index + 1));
     },
     [path, updatePath]
   );
-  const setPage = (0, import_react20.useCallback)(
+  const setPage = (0, import_react23.useCallback)(
     (coId) => {
       updatePath([{ coId, name: "Root" }]);
     },
     [updatePath]
   );
-  const goBack = (0, import_react20.useCallback)(() => {
+  const goBack = (0, import_react23.useCallback)(() => {
     if (path.length > 1) {
       updatePath(path.slice(0, path.length - 1));
     }
@@ -34532,8 +35185,8 @@ function usePagePath(defaultPath) {
 }
 
 // src/inspector/ui/global-styles.tsx
-import { styled as styled21 } from "goober";
-var GlobalStyles = styled21("div")`
+import { styled as styled24 } from "goober";
+var GlobalStyles = styled24("div")`
   /* Colors */
   --j-primary-color: #146AFF;
   --j-link-color: var(--j-primary-color);
@@ -34607,9 +35260,9 @@ var GlobalStyles = styled21("div")`
 `;
 
 // src/inspector/viewer/inspector-button.tsx
-var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
-import { styled as styled22 } from "goober";
-var StyledInspectorButton = styled22("button")`
+var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
+import { styled as styled25 } from "goober";
+var StyledInspectorButton = styled25("button")`
   position: fixed;
   width: 2.5rem;
   height: 2.5rem;
@@ -34640,7 +35293,7 @@ var StyledInspectorButton = styled22("button")`
   }
 }}
 `;
-var JazzIcon = styled22("svg")`
+var JazzIcon = styled25("svg")`
   width: 100%;
   height: auto;
   position: relative;
@@ -34651,8 +35304,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -34660,7 +35313,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -34671,7 +35324,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "span",
       {
         style: {
@@ -34692,30 +35345,30 @@ function InspectorButton({
 }
 
 // src/inspector/viewer/use-open-inspector.ts
-var import_react21 = __toESM(require_react(), 1);
+var import_react24 = __toESM(require_react(), 1);
 var STORAGE_KEY2 = "jazz-inspector-open";
 function useOpenInspector() {
-  const [open, setOpen] = (0, import_react21.useState)(() => {
+  const [open, setOpen] = (0, import_react24.useState)(() => {
     if (typeof window === "undefined") return false;
     const stored = localStorage.getItem(STORAGE_KEY2);
     return stored ? JSON.parse(stored) : false;
   });
-  (0, import_react21.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     localStorage.setItem(STORAGE_KEY2, JSON.stringify(open));
   }, [open]);
   return [open, setOpen];
 }
 
 // src/inspector/viewer/delete-local-data.tsx
-var import_react22 = __toESM(require_react(), 1);
-var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
+var import_react25 = __toESM(require_react(), 1);
+var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
 var DELETE_LOCAL_DATA_STRING = "delete my local data";
 function DeleteLocalData() {
-  const [showDeleteModal, setShowDeleteModal] = (0, import_react22.useState)(false);
-  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react22.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  const [showDeleteModal, setShowDeleteModal] = (0, import_react25.useState)(false);
+  const [confirmDeleteString, setConfirmDeleteString] = (0, import_react25.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)(
       Modal,
       {
         isOpen: showDeleteModal,
@@ -34723,7 +35376,7 @@ function DeleteLocalData() {
         heading: "Delete Local Data",
         showButtons: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "div",
             {
               style: {
@@ -34734,33 +35387,33 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { children: [
                   "This action ",
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "cannot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "cannot" }),
                   " be undone."
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { children: [
                   "Be aware that the following data will be",
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "permanently" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "permanently" }),
                   " deleted:"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("li", { children: [
                     "Unsynced data for ",
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "all apps" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "all apps" }),
                     " on",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("code", { children: window.location.origin })
+                    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("code", { children: window.location.origin })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { children: "Accounts" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { children: "Logged in sessions" })
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: "Accounts" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("li", { children: "Logged in sessions" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", {})
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             Input,
             {
               label: `Type "${DELETE_LOCAL_DATA_STRING}" to confirm`,
@@ -34771,7 +35424,7 @@ function DeleteLocalData() {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "p",
             {
               style: {
@@ -34781,14 +35434,14 @@ function DeleteLocalData() {
                 flexDirection: "column",
                 gap: "0.5rem"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("small", { children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("small", { children: [
                 "Data synced to a sync server will ",
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("strong", { children: "not" }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "not" }),
                 " be deleted, and will be synced when you log in again."
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "div",
             {
               style: {
@@ -34798,8 +35451,8 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   Button,
                   {
                     variant: "destructive",
@@ -34826,8 +35479,8 @@ function DeleteLocalData() {
 }
 
 // src/inspector/viewer/new-app.tsx
-var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
-var InspectorContainer = styled23("div")`
+var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+var InspectorContainer = styled26("div")`
   position: fixed;
   height: 50vh;
   max-height: 800px;
@@ -34844,17 +35497,17 @@ var InspectorContainer = styled23("div")`
     background-color: var(--j-background);
   }
 `;
-var HeaderContainer2 = styled23("div")`
+var HeaderContainer2 = styled26("div")`
   display: flex;
   align-items: center;
   gap: 1rem;
   padding: 0 0.75rem;
   margin: 0.75rem 0;
 `;
-var Form = styled23("form")`
+var Form = styled26("form")`
   width: 24rem;
 `;
-var InitialForm = styled23("form")`
+var InitialForm = styled26("form")`
   display: flex;
   flex-direction: column;
   position: relative;
@@ -34866,7 +35519,7 @@ var InitialForm = styled23("form")`
   max-width: 24rem;
   margin: 0 auto;
 `;
-var OrText = styled23("p")`
+var OrText = styled26("p")`
   text-align: center;
 `;
 function JazzInspectorInternal({
@@ -34875,7 +35528,7 @@ function JazzInspectorInternal({
   accountId
 }) {
   const [open, setOpen] = useOpenInspector();
-  const [coValueId, setCoValueId] = (0, import_react23.useState)("");
+  const [coValueId, setCoValueId] = (0, import_react26.useState)("");
   const { path, addPages, goToIndex, goBack, setPage } = usePagePath();
   const handleCoValueIdSubmit = (e) => {
     e.preventDefault();
@@ -34885,12 +35538,12 @@ function JazzInspectorInternal({
     setCoValueId("");
   };
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(HeaderContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  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",
@@ -34901,24 +35554,24 @@ function JazzInspectorInternal({
           onChange: (e) => setCoValueId(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DeleteLocalData, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DeleteLocalData, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       PageStack,
       {
         path,
         node: localNode,
         goBack,
         addPages,
-        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
           InitialForm,
           {
             onSubmit: handleCoValueIdSubmit,
             "aria-hidden": path.length !== 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 Input,
                 {
                   label: "CoValue ID",
@@ -34929,10 +35582,10 @@ function JazzInspectorInternal({
                   onChange: (e) => setCoValueId(e.target.value)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OrText, { children: "or" }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__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",
@@ -34953,8 +35606,8 @@ function JazzInspectorInternal({
 }
 
 // src/inspector/custom-element.tsx
-var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
-setup(import_react24.default.createElement);
+var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
+setup(import_react27.default.createElement);
 var JazzInspectorElement = class extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -34996,7 +35649,7 @@ var JazzInspectorElement = class extends HTMLElement {
       return;
     }
     this.root?.render(
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         JazzInspectorInternal,
         {
           localNode: this.account.$jazz.localNode,
@@ -35122,4 +35775,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=custom-element-QESCMFY7.js.map
+//# sourceMappingURL=custom-element-ABVPHX53.js.map