jazz-tools 0.18.20 → 0.18.22

package/dist/inspector/index.js

@@ -733,10 +733,33 @@ var isCoId = (coId) => typeof coId === "string" && coId.startsWith("co_") && !co
 import { styled as styled9 } from "goober";
 import React3, { useState as useState4 } from "react";
 
+// src/inspector/ui/icons/caution.tsx
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+function CautionIcon(props) {
+  return /* @__PURE__ */ jsxs4(
+    "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__ */ jsx10("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
+        /* @__PURE__ */ jsx10("rect", { x: "10.5", y: "6", width: "3", height: "7.5", rx: "1.5", fill: "#fff" }),
+        /* @__PURE__ */ jsx10("rect", { x: "10.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "#fff" })
+      ]
+    }
+  );
+}
+
 // src/inspector/ui/icons/chevron-down-icon.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "svg",
     {
       ...props,
@@ -747,15 +770,15 @@ function ChevronDownIcon(props) {
       fill: "none",
       stroke: "currentColor",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx10("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ jsx11("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
 
 // src/inspector/ui/icons/delete-icon.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function DeleteIcon(props) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "svg",
     {
       ...props,
@@ -768,18 +791,18 @@ function DeleteIcon(props) {
       strokeLinejoin: "round",
       className: "lucide lucide-trash-icon lucide-trash",
       children: [
-        /* @__PURE__ */ jsx11("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ jsx11("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-        /* @__PURE__ */ jsx11("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+        /* @__PURE__ */ jsx12("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ jsx12("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+        /* @__PURE__ */ jsx12("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
       ]
     }
   );
 }
 
 // src/inspector/ui/icons/link-icon.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function LinkIcon(props) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -788,7 +811,7 @@ function LinkIcon(props) {
       strokeWidth: 1.5,
       stroke: "currentColor",
       ...props,
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "path",
         {
           strokeLinecap: "round",
@@ -801,8 +824,9 @@ function LinkIcon(props) {
 }
 
 // src/inspector/ui/icon.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var icons = {
+  caution: CautionIcon,
   chevronDown: ChevronDownIcon,
   delete: DeleteIcon,
   link: LinkIcon
@@ -849,7 +873,7 @@ function Icon({
     throw new Error(`Icon not found: ${name}`);
   }
   const IconComponent = icons?.hasOwnProperty(name) ? icons[name] : icon;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     IconComponent,
     {
       "aria-hidden": "true",
@@ -862,7 +886,7 @@ function Icon({
 }
 
 // src/inspector/viewer/value-renderer.tsx
-import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var LinkContainer = styled9("span")`
   display: inline-flex;
   gap: 0.25rem;
@@ -926,18 +950,18 @@ function ValueRenderer({
 }) {
   const [isExpanded, setIsExpanded] = useState4(false);
   if (typeof json === "undefined" || json === void 0) {
-    return /* @__PURE__ */ jsx14(Text, { muted: true, children: "undefined" });
+    return /* @__PURE__ */ jsx15(Text, { muted: true, children: "undefined" });
   }
   if (json === null) {
-    return /* @__PURE__ */ jsx14(Text, { muted: true, children: "null" });
+    return /* @__PURE__ */ jsx15(Text, { muted: true, children: "null" });
   }
   if (typeof json === "string" && isCoId(json)) {
-    const content = /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    const content = /* @__PURE__ */ jsxs6(Fragment3, { children: [
       json,
-      onCoIDClick && /* @__PURE__ */ jsx14(Icon, { name: "link" })
+      onCoIDClick && /* @__PURE__ */ jsx15(Icon, { name: "link" })
     ] });
     if (onCoIDClick) {
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         Button,
         {
           variant: "link",
@@ -948,35 +972,35 @@ function ValueRenderer({
         }
       );
     }
-    return /* @__PURE__ */ jsx14(LinkContainer, { children: content });
+    return /* @__PURE__ */ jsx15(LinkContainer, { children: content });
   }
   if (typeof json === "string") {
-    return /* @__PURE__ */ jsx14(Text, { children: json });
+    return /* @__PURE__ */ jsx15(Text, { children: json });
   }
   if (typeof json === "number") {
-    return /* @__PURE__ */ jsx14(Text, { mono: true, children: json });
+    return /* @__PURE__ */ jsx15(Text, { mono: true, children: json });
   }
   if (typeof json === "boolean") {
-    return /* @__PURE__ */ jsx14(BooleanText, { value: json, children: json.toString() });
+    return /* @__PURE__ */ jsx15(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__ */ jsxs5(Fragment3, { children: [
-      /* @__PURE__ */ jsx14("p", { children: Array.isArray(json) ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx15("p", { children: Array.isArray(json) ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
         "Array (",
         json.length,
         ")"
-      ] }) : /* @__PURE__ */ jsx14(Fragment3, { children: "Object" }) }),
-      /* @__PURE__ */ jsxs5(ObjectContent, { children: [
+      ] }) : /* @__PURE__ */ jsx15(Fragment3, { children: "Object" }) }),
+      /* @__PURE__ */ jsxs6(ObjectContent, { children: [
         isExpanded ? longJson : shortJson,
         hasDifference && !isExpanded ? "\n ..." : null
       ] }),
-      !compact && hasDifference ? /* @__PURE__ */ jsx14(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
+      !compact && hasDifference ? /* @__PURE__ */ jsx15(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
     ] });
   }
-  return /* @__PURE__ */ jsx14("span", { children: String(json) });
+  return /* @__PURE__ */ jsx15("span", { children: String(json) });
 }
 var CoMapPreview = ({
   coId,
@@ -988,7 +1012,7 @@ var CoMapPreview = ({
     node
   );
   if (!snapshot) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       "div",
       {
         style: {
@@ -1003,15 +1027,15 @@ var CoMapPreview = ({
     );
   }
   if (snapshot === "unavailable" && !value) {
-    return /* @__PURE__ */ jsx14(Text, { inline: true, muted: true, children: "Unavailable" });
+    return /* @__PURE__ */ jsx15(Text, { inline: true, muted: true, children: "Unavailable" });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ jsx14(Fragment3, { children: value.toString() });
+    return /* @__PURE__ */ jsx15(Fragment3, { children: value.toString() });
   }
   if (extendedType === "image" && isBrowserImage(snapshot)) {
-    return /* @__PURE__ */ jsxs5(ImagePreviewContainer2, { children: [
-      /* @__PURE__ */ jsx14(PreviewImage, { src: snapshot.placeholderDataURL }),
-      /* @__PURE__ */ jsxs5(Text, { inline: true, small: true, muted: true, children: [
+    return /* @__PURE__ */ jsxs6(ImagePreviewContainer2, { children: [
+      /* @__PURE__ */ jsx15(PreviewImage, { src: snapshot.placeholderDataURL }),
+      /* @__PURE__ */ jsxs6(Text, { inline: true, small: true, muted: true, children: [
         snapshot.originalSize[0],
         " x ",
         snapshot.originalSize[1]
@@ -1019,10 +1043,10 @@ var CoMapPreview = ({
     ] });
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ jsxs5(RecordText, { children: [
+    return /* @__PURE__ */ jsxs6(RecordText, { children: [
       "Record",
       " ",
-      /* @__PURE__ */ jsxs5(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ jsxs6(Text, { inline: true, muted: true, children: [
         "(",
         Object.keys(snapshot).length,
         ")"
@@ -1030,10 +1054,10 @@ var CoMapPreview = ({
     ] });
   }
   if (type === "colist") {
-    return /* @__PURE__ */ jsxs5(ListText, { children: [
+    return /* @__PURE__ */ jsxs6(ListText, { children: [
       "List",
       " ",
-      /* @__PURE__ */ jsxs5(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ jsxs6(Text, { inline: true, muted: true, children: [
         "(",
         snapshot.length,
         ")"
@@ -1044,15 +1068,15 @@ var CoMapPreview = ({
   const limitedProperties = extendedType === "account" ? properties.filter(
     ([key]) => !key.startsWith("key_z") && !key.startsWith("sealer_z") && key !== "readKey"
   ).slice(0, limit) : properties.slice(0, limit);
-  return /* @__PURE__ */ jsxs5(PreviewContainer, { children: [
-    /* @__PURE__ */ jsx14(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ jsxs5(React3.Fragment, { children: [
-      /* @__PURE__ */ jsxs5(Text, { strong: true, children: [
+  return /* @__PURE__ */ jsxs6(PreviewContainer, { children: [
+    /* @__PURE__ */ jsx15(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ jsxs6(React3.Fragment, { children: [
+      /* @__PURE__ */ jsxs6(Text, { strong: true, children: [
         key,
         ": "
       ] }),
-      /* @__PURE__ */ jsx14(ValueRenderer, { compact: true, json: value2 })
+      /* @__PURE__ */ jsx15(ValueRenderer, { compact: true, json: value2 })
     ] }, key)) }),
-    properties.length > limit && /* @__PURE__ */ jsxs5(PreviewMoreText, { muted: true, small: true, children: [
+    properties.length > limit && /* @__PURE__ */ jsxs6(PreviewMoreText, { muted: true, small: true, children: [
       properties.length - limit,
       " more"
     ] })
@@ -1084,7 +1108,7 @@ var CardBody = styled10("div")`
 
 // src/inspector/ui/grid.tsx
 import { styled as styled11 } from "goober";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var GridThreeColumns = styled11("div")`
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1116,18 +1140,18 @@ function Grid(props) {
   const { cols, children, ...rest } = props;
   switch (cols) {
     case 1:
-      return /* @__PURE__ */ jsx15(GridOneColumn, { ...rest, children });
+      return /* @__PURE__ */ jsx16(GridOneColumn, { ...rest, children });
     case 2:
-      return /* @__PURE__ */ jsx15(GridTwoColumns, { ...rest, children });
+      return /* @__PURE__ */ jsx16(GridTwoColumns, { ...rest, children });
     case 3:
-      return /* @__PURE__ */ jsx15(GridThreeColumns, { ...rest, children });
+      return /* @__PURE__ */ jsx16(GridThreeColumns, { ...rest, children });
     default:
       throw new Error(`Invalid number of columns: ${cols}`);
   }
 }
 
 // src/inspector/viewer/grid-view.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function GridItem({
   entry,
   onNavigate,
@@ -1144,12 +1168,12 @@ function GridItem({
       borderColor: "var(--j-foreground)"
     }
   };
-  return /* @__PURE__ */ jsxs6(Card, { ...props, children: [
-    /* @__PURE__ */ jsx16(CardHeader, { children: isCoValue ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-      /* @__PURE__ */ jsx16(Text, { strong: true, children: key }),
-      /* @__PURE__ */ jsx16(Badge, { children: /* @__PURE__ */ jsx16(ResolveIcon, { coId: value, node }) })
-    ] }) : /* @__PURE__ */ jsx16(Text, { strong: true, children: key }) }),
-    /* @__PURE__ */ jsx16(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ jsx16(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs7(Card, { ...props, children: [
+    /* @__PURE__ */ jsx17(CardHeader, { children: isCoValue ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      /* @__PURE__ */ jsx17(Text, { strong: true, children: key }),
+      /* @__PURE__ */ jsx17(Badge, { children: /* @__PURE__ */ jsx17(ResolveIcon, { coId: value, node }) })
+    ] }) : /* @__PURE__ */ jsx17(Text, { strong: true, children: key }) }),
+    /* @__PURE__ */ jsx17(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ jsx17(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ jsx17(
       ValueRenderer,
       {
         json: value,
@@ -1166,7 +1190,7 @@ function GridView({
   node
 }) {
   const entries = Object.entries(data);
-  return /* @__PURE__ */ jsx16(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ jsx17(
     GridItem,
     {
       entry,
@@ -1179,7 +1203,7 @@ function GridView({
 
 // src/inspector/viewer/raw-data-card.tsx
 import { useEffect as useEffect4, useState as useState5 } from "react";
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 function CopyButton({ data }) {
   const [copyCount, setCopyCount] = useState5(0);
   const copied = copyCount > 0;
@@ -1192,7 +1216,7 @@ function CopyButton({ data }) {
       };
     }
   }, [copyCount]);
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Button,
     {
       style: {
@@ -1211,17 +1235,17 @@ function CopyButton({ data }) {
   );
 }
 function RawDataCard({ data }) {
-  return /* @__PURE__ */ jsxs7(Card, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxs7(CardHeader, { children: [
-      /* @__PURE__ */ jsx17(Text, { strong: true, children: "Raw data" }),
-      /* @__PURE__ */ jsx17(CopyButton, { data })
+  return /* @__PURE__ */ jsxs8(Card, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsxs8(CardHeader, { children: [
+      /* @__PURE__ */ jsx18(Text, { strong: true, children: "Raw data" }),
+      /* @__PURE__ */ jsx18(CopyButton, { data })
     ] }),
-    /* @__PURE__ */ jsx17(CardBody, { children: /* @__PURE__ */ jsx17(ValueRenderer, { json: data }) })
+    /* @__PURE__ */ jsx18(CardBody, { children: /* @__PURE__ */ jsx18(ValueRenderer, { json: data }) })
   ] });
 }
 
 // src/inspector/viewer/account-view.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function AccountView({
   data,
   onNavigate,
@@ -1233,26 +1257,26 @@ function AccountView({
       delete readableData[key];
     }
   }
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsx18(GridView, { data: readableData, onNavigate, node }),
-    /* @__PURE__ */ jsx18(RawDataCard, { data })
+  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+    /* @__PURE__ */ jsx19(GridView, { data: readableData, onNavigate, node }),
+    /* @__PURE__ */ jsx19(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/co-plain-text-view.tsx
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function CoPlainTextView({ data }) {
   if (!data) return;
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsx19("p", { children: Object.values(data).join("") }),
-    /* @__PURE__ */ jsx19(RawDataCard, { data })
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx20("p", { children: Object.values(data).join("") }),
+    /* @__PURE__ */ jsx20(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/ui/table.tsx
 import { styled as styled12 } from "goober";
 import React4 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var StyledTable = styled12("table")`
   width: 100%;
 `;
@@ -1282,35 +1306,35 @@ var StyledTh = styled12("th")`
 var StyledTd = styled12("td")`
   padding: 0.5rem 0.75rem;
 `;
-var Table = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20(StyledTable, { ref, ...props, children }));
-var TableHead = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20(StyledThead, { ref, ...props, children }));
-var TableBody = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20(StyledTbody, { ref, ...props, children }));
-var TableRow = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20("tr", { ref, ...props, children }));
-var TableHeader = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20(StyledTh, { ref, ...props, children }));
-var TableCell = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx20(StyledTd, { ref, ...props, children }));
+var Table = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21(StyledTable, { ref, ...props, children }));
+var TableHead = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21(StyledThead, { ref, ...props, children }));
+var TableBody = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21(StyledTbody, { ref, ...props, children }));
+var TableRow = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21("tr", { ref, ...props, children }));
+var TableHeader = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21(StyledTh, { ref, ...props, children }));
+var TableCell = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx21(StyledTd, { ref, ...props, children }));
 
 // src/inspector/viewer/group-view.tsx
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function GroupView({
   data,
   onNavigate,
   node
 }) {
-  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsx21(Text, { strong: true, children: "Members" }),
-    /* @__PURE__ */ jsxs10(Table, { children: [
-      /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsxs10(TableRow, { children: [
-        /* @__PURE__ */ jsx21(TableHeader, { children: "Account" }),
-        /* @__PURE__ */ jsx21(TableHeader, { children: "Permission" })
+  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+    /* @__PURE__ */ jsx22(Text, { strong: true, children: "Members" }),
+    /* @__PURE__ */ jsxs11(Table, { children: [
+      /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs11(TableRow, { children: [
+        /* @__PURE__ */ jsx22(TableHeader, { children: "Account" }),
+        /* @__PURE__ */ jsx22(TableHeader, { children: "Permission" })
       ] }) }),
-      /* @__PURE__ */ jsxs10(TableBody, { children: [
-        "everyone" in data && typeof data.everyone === "string" ? /* @__PURE__ */ jsxs10(TableRow, { children: [
-          /* @__PURE__ */ jsx21(TableCell, { children: "everyone" }),
-          /* @__PURE__ */ jsx21(TableCell, { children: data.everyone })
+      /* @__PURE__ */ jsxs11(TableBody, { children: [
+        "everyone" in data && typeof data.everyone === "string" ? /* @__PURE__ */ jsxs11(TableRow, { children: [
+          /* @__PURE__ */ jsx22(TableCell, { children: "everyone" }),
+          /* @__PURE__ */ jsx22(TableCell, { children: data.everyone })
         ] }) : null,
         Object.entries(data).map(
-          ([key, value]) => isCoId(key) ? /* @__PURE__ */ jsxs10(TableRow, { children: [
-            /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(
+          ([key, value]) => isCoId(key) ? /* @__PURE__ */ jsxs11(TableRow, { children: [
+            /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
               AccountOrGroupText,
               {
                 coId: key,
@@ -1321,17 +1345,17 @@ function GroupView({
                 }
               }
             ) }),
-            /* @__PURE__ */ jsx21(TableCell, { children: value })
+            /* @__PURE__ */ jsx22(TableCell, { children: value })
           ] }, key) : null
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx21(RawDataCard, { data })
+    /* @__PURE__ */ jsx22(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/role-display.tsx
-import { jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsxs as jsxs12 } from "react/jsx-runtime";
 function RoleDisplay({
   node,
   value
@@ -1350,7 +1374,7 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ jsxs11(Text, { children: [
+  return /* @__PURE__ */ jsxs12(Text, { children: [
     "Role: ",
     role
   ] });
@@ -1359,7 +1383,7 @@ function RoleDisplay({
 // src/inspector/viewer/table-viewer.tsx
 import { styled as styled13 } from "goober";
 import { useMemo, useState as useState6 } from "react";
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var PaginationContainer = styled13("div")`
   padding: 1rem 0;
   display: flex;
@@ -1367,6 +1391,37 @@ var PaginationContainer = styled13("div")`
   justify-content: space-between;
   gap: 0.5rem;
 `;
+var RedTooltip = styled13("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 */
+
+  &:before {
+    content: attr(data-text);
+    background-color: red;
+    position:absolute;
+
+    /* vertically center */
+    top:50%;
+    transform:translateY(-50%);
+
+    /* move to right */
+    left:100%;
+    margin-left:15px; /* and add a small left margin */
+
+    /* basic styles */
+    width:200px;
+    padding:10px;
+    border-radius:10px;
+    color: #fff;
+    text-align:center;
+
+    display:none; /* hide by default */
+  }
+
+  &:hover:before {
+    display:block;
+  }
+`;
 function CoValuesTableView({
   data,
   node,
@@ -1382,25 +1437,41 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ jsx22("div", { children: "No data to display" });
+    return /* @__PURE__ */ jsx23("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ jsx22("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx23("div", { children: "Loading..." });
   }
   const keys = Array.from(
-    new Set(resolvedRows.flatMap((item) => Object.keys(item.snapshot || {})))
+    new Set(
+      resolvedRows.filter((item) => item.snapshot !== "unavailable").flatMap((item) => Object.keys(item.snapshot || {}))
+    )
   );
   const loadMore = () => {
     setVisibleRowsCount((prevVisibleRows) => prevVisibleRows + 10);
   };
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    /* @__PURE__ */ jsxs12(Table, { children: [
-      /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs12(TableRow, { children: [
-        [...keys, "Action"].map((key) => /* @__PURE__ */ jsx22(TableHeader, { children: key }, key)),
-        onRemove && /* @__PURE__ */ jsx22(TableHeader, {})
+  return /* @__PURE__ */ jsxs13(Fragment8, { children: [
+    /* @__PURE__ */ jsxs13(Table, { children: [
+      /* @__PURE__ */ jsx23(TableHead, { children: /* @__PURE__ */ jsxs13(TableRow, { children: [
+        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ jsx23(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ jsx23(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ jsx22(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ jsxs12(TableRow, { children: [
-        keys.map((key) => /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ jsxs13(TableRow, { children: [
+        /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ jsxs13(RedTooltip, { "data-text": "Unavailable", children: [
+          /* @__PURE__ */ jsx23(
+            Icon,
+            {
+              name: "caution",
+              color: "red",
+              style: {
+                display: "inline-block",
+                marginRight: "0.5rem"
+              }
+            }
+          ),
+          visibleRows[index]
+        ] }) : visibleRows[index] }) }),
+        keys.map((key) => /* @__PURE__ */ jsx23(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ jsx23(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -1421,7 +1492,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(
           Button,
           {
             variant: "secondary",
@@ -1434,18 +1505,18 @@ function CoValuesTableView({
             children: "View"
           }
         ) }),
-        onRemove && /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+        onRemove && /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ jsxs12(PaginationContainer, { children: [
-      /* @__PURE__ */ jsxs12(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ jsxs13(PaginationContainer, { children: [
+      /* @__PURE__ */ jsxs13(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ jsx23(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -1459,7 +1530,7 @@ function TableView({
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       CoValuesTableView,
       {
         data,
@@ -1469,24 +1540,24 @@ function TableView({
       }
     );
   }
-  return /* @__PURE__ */ jsxs12(Table, { children: [
-    /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsxs12(TableRow, { children: [
-      /* @__PURE__ */ jsx22(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ jsx22(TableHeader, { children: "Value" }),
-      onRemove && /* @__PURE__ */ jsx22(TableHeader, { children: "Action" })
+  return /* @__PURE__ */ jsxs13(Table, { children: [
+    /* @__PURE__ */ jsx23(TableHead, { children: /* @__PURE__ */ jsxs13(TableRow, { children: [
+      /* @__PURE__ */ jsx23(TableHeader, { style: { width: "5rem" }, children: "Index" }),
+      /* @__PURE__ */ jsx23(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ jsx23(TableHeader, { children: "Action" })
     ] }) }),
-    /* @__PURE__ */ jsx22(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ jsxs12(TableRow, { children: [
-      /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(ValueRenderer, { json: value }) }),
-      onRemove && /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+    /* @__PURE__ */ jsx23(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ jsxs13(TableRow, { children: [
+      /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Text, { mono: true, children: index }) }),
+      /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ jsx23(TableCell, { children: /* @__PURE__ */ jsx23(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/page.tsx
-import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var BasePageContainer = React5.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ jsx23("div", { ref, ...rest })
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ jsx24("div", { ref, ...rest })
 );
 var PageContainer = styled14(BasePageContainer)`
   position: absolute;
@@ -1546,7 +1617,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       CoStreamView,
       {
         data: snapshot,
@@ -1557,13 +1628,13 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ jsx23(GroupView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx24(GroupView, { data: snapshot, node, onNavigate });
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ jsx23(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx24(AccountView, { data: snapshot, node, onNavigate });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ jsx23(CoPlainTextView, { data: snapshot });
+    return /* @__PURE__ */ jsx24(CoPlainTextView, { data: snapshot });
   }
   if (type === "colist") {
     const handleRemove = (index) => {
@@ -1572,7 +1643,7 @@ function View(props) {
         list.delete(index);
       }
     };
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       TableView,
       {
         data: snapshot,
@@ -1583,9 +1654,9 @@ function View(props) {
     );
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ jsx23(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx24(TableView, { data: snapshot, node, onNavigate });
   }
-  return /* @__PURE__ */ jsx23(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ jsx24(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -1601,13 +1672,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ jsx23("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ jsx24("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ jsx23("div", { style });
+    return /* @__PURE__ */ jsx24("div", { style });
   }
-  return /* @__PURE__ */ jsxs13(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsxs14(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ jsx24(
       BackButton,
       {
         "aria-label": "Back",
@@ -1617,27 +1688,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsx23(HeaderContainer, { children: /* @__PURE__ */ jsxs13(TitleContainer, { children: [
-      /* @__PURE__ */ jsx23(Title, { children: /* @__PURE__ */ jsxs13("span", { children: [
+    /* @__PURE__ */ jsx24(HeaderContainer, { children: /* @__PURE__ */ jsxs14(TitleContainer, { children: [
+      /* @__PURE__ */ jsx24(Title, { children: /* @__PURE__ */ jsxs14("span", { children: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ jsxs13("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ jsxs14("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ jsxs13(BadgeContainer, { children: [
-        /* @__PURE__ */ jsx23(Badge, { children: type && /* @__PURE__ */ jsx23(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ jsx23(Badge, { children: coId })
+      /* @__PURE__ */ jsxs14(BadgeContainer, { children: [
+        /* @__PURE__ */ jsx24(Badge, { children: type && /* @__PURE__ */ jsx24(TypeIcon, { type, extendedType }) }),
+        /* @__PURE__ */ jsx24(Badge, { children: coId })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs13(ContentContainer, { children: [
-      /* @__PURE__ */ jsx23(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ jsxs13(Fragment9, { children: [
-        /* @__PURE__ */ jsx23(RoleDisplay, { node, value }),
-        /* @__PURE__ */ jsxs13(Text, { muted: true, children: [
+    /* @__PURE__ */ jsxs14(ContentContainer, { children: [
+      /* @__PURE__ */ jsx24(View, { ...props, coValue }),
+      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ jsxs14(Fragment9, { children: [
+        /* @__PURE__ */ jsx24(RoleDisplay, { node, value }),
+        /* @__PURE__ */ jsxs14(Text, { muted: true, children: [
           "Owned by",
           " ",
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -1655,7 +1726,7 @@ function Page(props) {
 }
 
 // src/inspector/viewer/page-stack.tsx
-import { Fragment as Fragment10, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var PageStackContainer = styled15("div")`
   position: relative;
   padding: 0 0.75rem;
@@ -1673,9 +1744,9 @@ function PageStack({
 }) {
   const page = path[path.length - 1];
   const index = path.length - 1;
-  return /* @__PURE__ */ jsx24(Fragment10, { children: /* @__PURE__ */ jsxs14(PageStackContainer, { children: [
+  return /* @__PURE__ */ jsx25(Fragment10, { children: /* @__PURE__ */ jsxs15(PageStackContainer, { children: [
     children,
-    node && page && /* @__PURE__ */ jsx24(
+    node && page && /* @__PURE__ */ jsx25(
       Page,
       {
         coId: page.coId,
@@ -1822,7 +1893,7 @@ var GlobalStyles = styled16("div")`
 
 // src/inspector/viewer/inspector-button.tsx
 import { styled as styled17 } from "goober";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var StyledInspectorButton = styled17("button")`
   position: fixed;
   width: 2.5rem;
@@ -1865,8 +1936,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ jsxs15(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs16(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ jsx26(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1874,7 +1945,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ jsx25(
+        children: /* @__PURE__ */ jsx26(
           "path",
           {
             fillRule: "evenodd",
@@ -1885,7 +1956,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       "span",
       {
         style: {
@@ -1922,7 +1993,7 @@ function useOpenInspector() {
 // src/inspector/ui/modal.tsx
 import { styled as styled18 } from "goober";
 import { forwardRef as forwardRef3, useEffect as useEffect7, useRef } from "react";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var ModalContent = styled18("dialog")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
@@ -2009,7 +2080,7 @@ var Modal = forwardRef3(
       onClose();
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       ModalContent,
       {
         ref: ref || modalRef,
@@ -2018,17 +2089,17 @@ var Modal = forwardRef3(
         "aria-labelledby": "modal-heading",
         onClose,
         children: [
-          /* @__PURE__ */ jsxs16(ModalHeader, { children: [
-            /* @__PURE__ */ jsx26(Heading, { id: "modal-heading", children: heading }),
-            /* @__PURE__ */ jsx26(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
+          /* @__PURE__ */ jsxs17(ModalHeader, { children: [
+            /* @__PURE__ */ jsx27(Heading, { id: "modal-heading", children: heading }),
+            /* @__PURE__ */ jsx27(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
           ] }),
-          /* @__PURE__ */ jsxs16(ModalBody, { children: [
-            text && /* @__PURE__ */ jsx26("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
+          /* @__PURE__ */ jsxs17(ModalBody, { children: [
+            text && /* @__PURE__ */ jsx27("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
             children
           ] }),
-          showButtons && /* @__PURE__ */ jsxs16(ModalFooter, { children: [
-            /* @__PURE__ */ jsx26(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
-            /* @__PURE__ */ jsx26(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
+          showButtons && /* @__PURE__ */ jsxs17(ModalFooter, { children: [
+            /* @__PURE__ */ jsx27(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
+            /* @__PURE__ */ jsx27(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
           ] })
         ]
       }
@@ -2039,14 +2110,14 @@ Modal.displayName = "Modal";
 
 // src/inspector/viewer/delete-local-data.tsx
 import { useState as useState9 } from "react";
-import { Fragment as Fragment11, jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
 var DELETE_LOCAL_DATA_STRING = "delete my local data";
 function DeleteLocalData() {
   const [showDeleteModal, setShowDeleteModal] = useState9(false);
   const [confirmDeleteString, setConfirmDeleteString] = useState9("");
-  return /* @__PURE__ */ jsxs17(Fragment11, { children: [
-    /* @__PURE__ */ jsx27(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
+    /* @__PURE__ */ jsx28(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
+    /* @__PURE__ */ jsxs18(
       Modal,
       {
         isOpen: showDeleteModal,
@@ -2054,7 +2125,7 @@ function DeleteLocalData() {
         heading: "Delete Local Data",
         showButtons: false,
         children: [
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               style: {
@@ -2065,33 +2136,33 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ jsxs17("p", { children: [
+                /* @__PURE__ */ jsxs18("p", { children: [
                   "This action ",
-                  /* @__PURE__ */ jsx27("strong", { children: "cannot" }),
+                  /* @__PURE__ */ jsx28("strong", { children: "cannot" }),
                   " be undone."
                 ] }),
-                /* @__PURE__ */ jsxs17("p", { children: [
+                /* @__PURE__ */ jsxs18("p", { children: [
                   "Be aware that the following data will be",
                   " ",
-                  /* @__PURE__ */ jsx27("strong", { children: "permanently" }),
+                  /* @__PURE__ */ jsx28("strong", { children: "permanently" }),
                   " deleted:"
                 ] }),
-                /* @__PURE__ */ jsxs17("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
-                  /* @__PURE__ */ jsxs17("li", { children: [
+                /* @__PURE__ */ jsxs18("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
+                  /* @__PURE__ */ jsxs18("li", { children: [
                     "Unsynced data for ",
-                    /* @__PURE__ */ jsx27("strong", { children: "all apps" }),
+                    /* @__PURE__ */ jsx28("strong", { children: "all apps" }),
                     " on",
                     " ",
-                    /* @__PURE__ */ jsx27("code", { children: window.location.origin })
+                    /* @__PURE__ */ jsx28("code", { children: window.location.origin })
                   ] }),
-                  /* @__PURE__ */ jsx27("li", { children: "Accounts" }),
-                  /* @__PURE__ */ jsx27("li", { children: "Logged in sessions" })
+                  /* @__PURE__ */ jsx28("li", { children: "Accounts" }),
+                  /* @__PURE__ */ jsx28("li", { children: "Logged in sessions" })
                 ] }),
-                /* @__PURE__ */ jsx27("p", {})
+                /* @__PURE__ */ jsx28("p", {})
               ]
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             Input,
             {
               label: `Type "${DELETE_LOCAL_DATA_STRING}" to confirm`,
@@ -2102,7 +2173,7 @@ function DeleteLocalData() {
               }
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx28(
             "p",
             {
               style: {
@@ -2112,14 +2183,14 @@ function DeleteLocalData() {
                 flexDirection: "column",
                 gap: "0.5rem"
               },
-              children: /* @__PURE__ */ jsxs17("small", { children: [
+              children: /* @__PURE__ */ jsxs18("small", { children: [
                 "Data synced to a sync server will ",
-                /* @__PURE__ */ jsx27("strong", { children: "not" }),
+                /* @__PURE__ */ jsx28("strong", { children: "not" }),
                 " be deleted, and will be synced when you log in again."
               ] })
             }
           ),
-          /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               style: {
@@ -2129,8 +2200,8 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ jsx27(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
-                /* @__PURE__ */ jsx27(
+                /* @__PURE__ */ jsx28(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
+                /* @__PURE__ */ jsx28(
                   Button,
                   {
                     variant: "destructive",
@@ -2157,7 +2228,7 @@ function DeleteLocalData() {
 }
 
 // src/inspector/viewer/new-app.tsx
-import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
 var InspectorContainer = styled19("div")`
   position: fixed;
   height: 50vh;
@@ -2216,12 +2287,12 @@ function JazzInspectorInternal({
     setCoValueId("");
   };
   if (!open) {
-    return /* @__PURE__ */ jsx28(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ jsx29(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ jsxs18(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ jsxs18(HeaderContainer2, { children: [
-      /* @__PURE__ */ jsx28(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      /* @__PURE__ */ jsx28(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs19(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
+    /* @__PURE__ */ jsxs19(HeaderContainer2, { children: [
+      /* @__PURE__ */ jsx29(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
+      /* @__PURE__ */ jsx29(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ jsx29(
         Input,
         {
           label: "CoValue ID",
@@ -2232,24 +2303,24 @@ function JazzInspectorInternal({
           onChange: (e) => setCoValueId(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx28(DeleteLocalData, {}),
-      /* @__PURE__ */ jsx28(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
+      /* @__PURE__ */ jsx29(DeleteLocalData, {}),
+      /* @__PURE__ */ jsx29(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
     ] }),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       PageStack,
       {
         path,
         node: localNode,
         goBack,
         addPages,
-        children: path.length <= 0 && /* @__PURE__ */ jsxs18(
+        children: path.length <= 0 && /* @__PURE__ */ jsxs19(
           InitialForm,
           {
             onSubmit: handleCoValueIdSubmit,
             "aria-hidden": path.length !== 0,
             children: [
-              /* @__PURE__ */ jsx28(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(Heading, { children: "Jazz CoValue Inspector" }),
+              /* @__PURE__ */ jsx29(
                 Input,
                 {
                   label: "CoValue ID",
@@ -2260,10 +2331,10 @@ function JazzInspectorInternal({
                   onChange: (e) => setCoValueId(e.target.value)
                 }
               ),
-              /* @__PURE__ */ jsx28(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ jsxs18(Fragment12, { children: [
-                /* @__PURE__ */ jsx28(OrText, { children: "or" }),
-                /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
+              accountId && /* @__PURE__ */ jsxs19(Fragment12, { children: [
+                /* @__PURE__ */ jsx29(OrText, { children: "or" }),
+                /* @__PURE__ */ jsx29(
                   Button,
                   {
                     variant: "secondary",
@@ -2286,7 +2357,7 @@ function JazzInspectorInternal({
 // src/inspector/ui/select.tsx
 import { styled as styled20 } from "goober";
 import { useId as useId2 } from "react";
-import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs20 } from "react/jsx-runtime";
 var SelectContainer = styled20("div")`
   display: grid;
   gap: 0.25rem;
@@ -2328,11 +2399,11 @@ function Select(props) {
   const { label, hideLabel, id: customId, className, ...selectProps } = props;
   const generatedId = useId2();
   const id = customId || generatedId;
-  return /* @__PURE__ */ jsxs19(SelectContainer, { className, children: [
-    /* @__PURE__ */ jsx29("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
-    /* @__PURE__ */ jsxs19(SelectWrapper, { children: [
-      /* @__PURE__ */ jsx29(StyledSelect, { ...selectProps, id, children: props.children }),
-      /* @__PURE__ */ jsx29(SelectIcon, { children: /* @__PURE__ */ jsx29(Icon, { name: "chevronDown", size: "sm" }) })
+  return /* @__PURE__ */ jsxs20(SelectContainer, { className, children: [
+    /* @__PURE__ */ jsx30("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
+    /* @__PURE__ */ jsxs20(SelectWrapper, { children: [
+      /* @__PURE__ */ jsx30(StyledSelect, { ...selectProps, id, children: props.children }),
+      /* @__PURE__ */ jsx30(SelectIcon, { children: /* @__PURE__ */ jsx30(Icon, { name: "chevronDown", size: "sm" }) })
     ] })
   ] });
 }
@@ -2340,13 +2411,13 @@ function Select(props) {
 // src/inspector/index.tsx
 import { setup } from "goober";
 import { useJazzContext } from "jazz-tools/react-core";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function JazzInspector({ position = "right" }) {
   const context = useJazzContext();
   const localNode = context.node;
   const me = "me" in context ? context.me : void 0;
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     JazzInspectorInternal,
     {
       position,