jazz-tools 0.18.21 → 0.18.22

package/dist/inspector/{custom-element-G6SPZEBR.js → custom-element-XDJT5T57.js}

@@ -32515,10 +32515,33 @@ var isCoId = (coId) => typeof coId === "string" && coId.startsWith("co_") && !co
 var import_react8 = __toESM(require_react(), 1);
 import { styled as styled9 } from "goober";
 
-// src/inspector/ui/icons/chevron-down-icon.tsx
+// src/inspector/ui/icons/caution.tsx
 var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+function CautionIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "10.5", y: "6", width: "3", height: "7.5", rx: "1.5", fill: "#fff" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { x: "10.5", y: "16.5", width: "3", height: "3", rx: "1.5", fill: "#fff" })
+      ]
+    }
+  );
+}
+
+// src/inspector/ui/icons/chevron-down-icon.tsx
+var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "svg",
     {
       ...props,
@@ -32529,15 +32552,15 @@ function ChevronDownIcon(props) {
       fill: "none",
       stroke: "currentColor",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { d: "m6 9 6 6 6-6" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "m6 9 6 6 6-6" })
     }
   );
 }
 
 // src/inspector/ui/icons/delete-icon.tsx
-var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
 function DeleteIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "svg",
     {
       ...props,
@@ -32550,18 +32573,18 @@ function DeleteIcon(props) {
       strokeLinejoin: "round",
       className: "lucide lucide-trash-icon lucide-trash",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M3 6h18" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3 6h18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" })
       ]
     }
   );
 }
 
 // src/inspector/ui/icons/link-icon.tsx
-var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
 function LinkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -32570,7 +32593,7 @@ function LinkIcon(props) {
       strokeWidth: 1.5,
       stroke: "currentColor",
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "path",
         {
           strokeLinecap: "round",
@@ -32583,8 +32606,9 @@ function LinkIcon(props) {
 }
 
 // src/inspector/ui/icon.tsx
-var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
 var icons = {
+  caution: CautionIcon,
   chevronDown: ChevronDownIcon,
   delete: DeleteIcon,
   link: LinkIcon
@@ -32631,7 +32655,7 @@ function Icon({
     throw new Error(`Icon not found: ${name}`);
   }
   const IconComponent = icons?.hasOwnProperty(name) ? icons[name] : icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     IconComponent,
     {
       "aria-hidden": "true",
@@ -32644,7 +32668,7 @@ function Icon({
 }
 
 // src/inspector/viewer/value-renderer.tsx
-var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
 var LinkContainer = styled9("span")`
   display: inline-flex;
   gap: 0.25rem;
@@ -32708,18 +32732,18 @@ function ValueRenderer({
 }) {
   const [isExpanded, setIsExpanded] = (0, import_react8.useState)(false);
   if (typeof json === "undefined" || json === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { muted: true, children: "undefined" });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { muted: true, children: "undefined" });
   }
   if (json === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { muted: true, children: "null" });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { muted: true, children: "null" });
   }
   if (typeof json === "string" && isCoId(json)) {
-    const content = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    const content = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
       json,
-      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "link" })
+      onCoIDClick && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { name: "link" })
     ] });
     if (onCoIDClick) {
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Button,
         {
           variant: "link",
@@ -32730,35 +32754,35 @@ function ValueRenderer({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(LinkContainer, { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkContainer, { children: content });
   }
   if (typeof json === "string") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { children: json });
   }
   if (typeof json === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { mono: true, children: json });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { mono: true, children: json });
   }
   if (typeof json === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BooleanText, { value: json, children: json.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: Array.isArray(json) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    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: [
         "Array (",
         json.length,
         ")"
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: "Object" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ObjectContent, { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: "Object" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ObjectContent, { children: [
         isExpanded ? longJson : shortJson,
         hasDifference && !isExpanded ? "\n ..." : null
       ] }),
-      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
+      !compact && hasDifference ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", onClick: () => setIsExpanded(!isExpanded), children: isExpanded ? "Show less" : "Show more" }) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: String(json) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: String(json) });
 }
 var CoMapPreview = ({
   coId,
@@ -32770,7 +32794,7 @@ var CoMapPreview = ({
     node
   );
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         style: {
@@ -32785,15 +32809,15 @@ var CoMapPreview = ({
     );
   }
   if (snapshot === "unavailable" && !value) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text, { inline: true, muted: true, children: "Unavailable" });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: value.toString() });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: value.toString() });
   }
   if (extendedType === "image" && isBrowserImage(snapshot)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ImagePreviewContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PreviewImage, { src: snapshot.placeholderDataURL }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { inline: true, small: true, muted: true, children: [
+    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: [
         snapshot.originalSize[0],
         " x ",
         snapshot.originalSize[1]
@@ -32801,10 +32825,10 @@ var CoMapPreview = ({
     ] });
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(RecordText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(RecordText, { children: [
       "Record",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         Object.keys(snapshot).length,
         ")"
@@ -32812,10 +32836,10 @@ var CoMapPreview = ({
     ] });
   }
   if (type === "colist") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ListText, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ListText, { children: [
       "List",
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { inline: true, muted: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text, { inline: true, muted: true, children: [
         "(",
         snapshot.length,
         ")"
@@ -32826,15 +32850,15 @@ var CoMapPreview = ({
   const limitedProperties = extendedType === "account" ? properties.filter(
     ([key]) => !key.startsWith("key_z") && !key.startsWith("sealer_z") && key !== "readKey"
   ).slice(0, limit) : properties.slice(0, limit);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PreviewContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PreviewGrid, { children: limitedProperties.map(([key, value2]) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react8.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text, { strong: true, children: [
+  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: [
         key,
         ": "
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ValueRenderer, { compact: true, json: value2 })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ValueRenderer, { compact: true, json: value2 })
     ] }, key)) }),
-    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
+    properties.length > limit && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PreviewMoreText, { muted: true, small: true, children: [
       properties.length - limit,
       " more"
     ] })
@@ -32865,7 +32889,7 @@ var CardBody = styled10("div")`
 `;
 
 // src/inspector/ui/grid.tsx
-var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
 import { styled as styled11 } from "goober";
 var GridThreeColumns = styled11("div")`
   display: grid;
@@ -32898,18 +32922,18 @@ function Grid(props) {
   const { cols, children, ...rest } = props;
   switch (cols) {
     case 1:
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GridOneColumn, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridOneColumn, { ...rest, children });
     case 2:
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GridTwoColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridTwoColumns, { ...rest, children });
     case 3:
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(GridThreeColumns, { ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(GridThreeColumns, { ...rest, children });
     default:
       throw new Error(`Invalid number of columns: ${cols}`);
   }
 }
 
 // src/inspector/viewer/grid-view.tsx
-var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
 function GridItem({
   entry,
   onNavigate,
@@ -32926,12 +32950,12 @@ function GridItem({
       borderColor: "var(--j-foreground)"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardHeader, { children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { strong: true, children: key }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResolveIcon, { coId: value, node }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Text, { strong: true, children: key }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardBody, { style: { wordBreak: "break-word" }, children: isCoValue ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CoMapPreview, { coId: value, node }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  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)(
       ValueRenderer,
       {
         json: value,
@@ -32948,7 +32972,7 @@ function GridView({
   node
 }) {
   const entries = Object.entries(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Grid, { cols: entries.length === 1 ? 1 : 3, children: entries.map((entry, childIndex) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  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)(
     GridItem,
     {
       entry,
@@ -32961,7 +32985,7 @@ function GridView({
 
 // src/inspector/viewer/raw-data-card.tsx
 var import_react9 = __toESM(require_react(), 1);
-var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
 function CopyButton({ data }) {
   const [copyCount, setCopyCount] = (0, import_react9.useState)(0);
   const copied = copyCount > 0;
@@ -32974,7 +32998,7 @@ function CopyButton({ data }) {
       };
     }
   }, [copyCount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     Button,
     {
       style: {
@@ -32993,17 +33017,17 @@ function CopyButton({ data }) {
   );
 }
 function RawDataCard({ data }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Card, { style: { position: "relative" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Text, { strong: true, children: "Raw data" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CopyButton, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Card, { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Text, { strong: true, children: "Raw data" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CopyButton, { data })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ValueRenderer, { json: data }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ValueRenderer, { json: data }) })
   ] });
 }
 
 // src/inspector/viewer/account-view.tsx
-var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
 function AccountView({
   data,
   onNavigate,
@@ -33015,25 +33039,25 @@ function AccountView({
       delete readableData[key];
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(GridView, { data: readableData, onNavigate, node }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RawDataCard, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GridView, { data: readableData, onNavigate, node }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/co-plain-text-view.tsx
-var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
 function CoPlainTextView({ data }) {
   if (!data) return;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: Object.values(data).join("") }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RawDataCard, { data })
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: Object.values(data).join("") }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/ui/table.tsx
 var import_react10 = __toESM(require_react(), 1);
-var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
 import { styled as styled12 } from "goober";
 var StyledTable = styled12("table")`
   width: 100%;
@@ -33064,35 +33088,35 @@ var StyledTh = styled12("th")`
 var StyledTd = styled12("td")`
   padding: 0.5rem 0.75rem;
 `;
-var Table = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTable, { ref, ...props, children }));
-var TableHead = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledThead, { ref, ...props, children }));
-var TableBody = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTbody, { ref, ...props, children }));
-var TableRow = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tr", { ref, ...props, children }));
-var TableHeader = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTh, { ref, ...props, children }));
-var TableCell = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(StyledTd, { ref, ...props, children }));
+var Table = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTable, { ref, ...props, children }));
+var TableHead = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledThead, { ref, ...props, children }));
+var TableBody = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTbody, { ref, ...props, children }));
+var TableRow = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { ref, ...props, children }));
+var TableHeader = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTh, { ref, ...props, children }));
+var TableCell = import_react10.default.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(StyledTd, { ref, ...props, children }));
 
 // src/inspector/viewer/group-view.tsx
-var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
 function GroupView({
   data,
   onNavigate,
   node
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text, { strong: true, children: "Members" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHeader, { children: "Account" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableHeader, { children: "Permission" })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text, { strong: true, children: "Members" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableHeader, { children: "Account" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableHeader, { children: "Permission" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableBody, { children: [
-        "everyone" in data && typeof data.everyone === "string" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: "everyone" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: data.everyone })
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TableBody, { children: [
+        "everyone" in data && typeof data.everyone === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TableRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: "everyone" }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: data.everyone })
         ] }) : null,
         Object.entries(data).map(
-          ([key, value]) => isCoId(key) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(TableRow, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          ([key, value]) => isCoId(key) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TableRow, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               AccountOrGroupText,
               {
                 coId: key,
@@ -33103,17 +33127,17 @@ function GroupView({
                 }
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TableCell, { children: value })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: value })
           ] }, key) : null
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RawDataCard, { data })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/role-display.tsx
-var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
 function RoleDisplay({
   node,
   value
@@ -33132,7 +33156,7 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Text, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Text, { children: [
     "Role: ",
     role
   ] });
@@ -33141,7 +33165,7 @@ function RoleDisplay({
 // src/inspector/viewer/table-viewer.tsx
 var import_react11 = __toESM(require_react(), 1);
 import { styled as styled13 } from "goober";
-var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
 var PaginationContainer = styled13("div")`
   padding: 1rem 0;
   display: flex;
@@ -33149,6 +33173,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,
@@ -33164,25 +33219,41 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: "No data to display" });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("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__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
-        [...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: key }, key)),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
+        ["ID", ...keys, "Action"].map((key) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: key }, key)),
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, {})
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
-        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text, { mono: true, children: item.snapshot === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(RedTooltip, { "data-text": "Unavailable", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            Icon,
+            {
+              name: "caution",
+              color: "red",
+              style: {
+                display: "inline-block",
+                marginRight: "0.5rem"
+              }
+            }
+          ),
+          visibleRows[index]
+        ] }) : visibleRows[index] }) }),
+        keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: item.snapshot !== "unavailable" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -33203,7 +33274,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button,
           {
             variant: "secondary",
@@ -33216,18 +33287,18 @@ function CoValuesTableView({
             children: "View"
           }
         ) }),
-        onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+        onRemove && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(PaginationContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(PaginationContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -33241,7 +33312,7 @@ function TableView({
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       CoValuesTableView,
       {
         data,
@@ -33251,24 +33322,24 @@ function TableView({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: "Value" }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: "Action" })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { style: { width: "5rem" }, children: "Index" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: "Value" }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableHeader, { children: "Action" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TableRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ValueRenderer, { json: value }) }),
-      onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TableRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text, { mono: true, children: index }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ValueRenderer, { json: value }) }),
+      onRemove && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { variant: "secondary", onClick: () => onRemove(index), children: "Remove" }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/page.tsx
-var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
 var BasePageContainer = import_react12.default.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { ref, ...rest })
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, ...rest })
 );
 var PageContainer = styled14(BasePageContainer)`
   position: absolute;
@@ -33328,7 +33399,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       CoStreamView,
       {
         data: snapshot,
@@ -33339,13 +33410,13 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GroupView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GroupView, { data: snapshot, node, onNavigate });
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccountView, { data: snapshot, node, onNavigate });
   }
   if (type === "coplaintext") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CoPlainTextView, { data: snapshot });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CoPlainTextView, { data: snapshot });
   }
   if (type === "colist") {
     const handleRemove = (index) => {
@@ -33354,7 +33425,7 @@ function View(props) {
         list.delete(index);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       TableView,
       {
         data: snapshot,
@@ -33365,9 +33436,9 @@ function View(props) {
     );
   }
   if (extendedType === "record") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TableView, { data: snapshot, node, onNavigate });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -33383,13 +33454,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       BackButton,
       {
         "aria-label": "Back",
@@ -33399,27 +33470,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TitleContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(HeaderContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TitleContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Title, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { children: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(BadgeContainer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Badge, { children: coId })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(BadgeContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge, { children: type && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TypeIcon, { type, extendedType }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Badge, { children: coId })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContentContainer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(RoleDisplay, { node, value }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Text, { muted: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ContentContainer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(View, { ...props, coValue }),
+      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RoleDisplay, { node, value }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Text, { muted: true, children: [
           "Owned by",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -33437,7 +33508,7 @@ function Page(props) {
 }
 
 // src/inspector/viewer/page-stack.tsx
-var import_jsx_runtime25 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
 var PageStackContainer = styled15("div")`
   position: relative;
   padding: 0 0.75rem;
@@ -33455,9 +33526,9 @@ function PageStack({
 }) {
   const page = path[path.length - 1];
   const index = path.length - 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(PageStackContainer, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PageStackContainer, { children: [
     children,
-    node && page && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    node && page && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       Page,
       {
         coId: page.coId,
@@ -33603,7 +33674,7 @@ var GlobalStyles = styled16("div")`
 `;
 
 // src/inspector/viewer/inspector-button.tsx
-var import_jsx_runtime26 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
 import { styled as styled17 } from "goober";
 var StyledInspectorButton = styled17("button")`
   position: fixed;
@@ -33647,8 +33718,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -33656,7 +33727,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -33667,7 +33738,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "span",
       {
         style: {
@@ -33704,7 +33775,7 @@ function useOpenInspector() {
 // src/inspector/ui/modal.tsx
 var import_react15 = __toESM(require_react(), 1);
 import { styled as styled18 } from "goober";
-var import_jsx_runtime27 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
 var ModalContent = styled18("dialog")`
   background-color: var(--j-background);
   border-radius: var(--j-radius-lg);
@@ -33791,7 +33862,7 @@ var Modal = (0, import_react15.forwardRef)(
       onClose();
     };
     if (!isOpen) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       ModalContent,
       {
         ref: ref || modalRef,
@@ -33800,17 +33871,17 @@ var Modal = (0, import_react15.forwardRef)(
         "aria-labelledby": "modal-heading",
         onClose,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ModalHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Heading, { id: "modal-heading", children: heading }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Heading, { id: "modal-heading", children: heading }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CloseButton, { onClick: onClose, "aria-label": "Close modal", type: "button", children: "\xD7" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ModalBody, { children: [
-            text && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalBody, { children: [
+            text && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { style: { margin: "0 0 1rem 0", color: "var(--j-text-color)" }, children: text }),
             children
           ] }),
-          showButtons && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(ModalFooter, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
+          showButtons && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ModalFooter, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: handleCancel, children: cancelText }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "primary", onClick: handleConfirm, children: confirmText })
           ] })
         ]
       }
@@ -33821,14 +33892,14 @@ Modal.displayName = "Modal";
 
 // src/inspector/viewer/delete-local-data.tsx
 var import_react16 = __toESM(require_react(), 1);
-var import_jsx_runtime28 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
 var DELETE_LOCAL_DATA_STRING = "delete my local data";
 function DeleteLocalData() {
   const [showDeleteModal, setShowDeleteModal] = (0, import_react16.useState)(false);
   const [confirmDeleteString, setConfirmDeleteString] = (0, import_react16.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "destructive", onClick: () => setShowDeleteModal(true), children: "Delete my local data" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
       Modal,
       {
         isOpen: showDeleteModal,
@@ -33836,7 +33907,7 @@ function DeleteLocalData() {
         heading: "Delete Local Data",
         showButtons: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             "div",
             {
               style: {
@@ -33847,33 +33918,33 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("p", { children: [
                   "This action ",
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("strong", { children: "cannot" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: "cannot" }),
                   " be undone."
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("p", { children: [
                   "Be aware that the following data will be",
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("strong", { children: "permanently" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: "permanently" }),
                   " deleted:"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("li", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("ul", { style: { listStyleType: "disc", paddingLeft: "1rem" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("li", { children: [
                     "Unsynced data for ",
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("strong", { children: "all apps" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: "all apps" }),
                     " on",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("code", { children: window.location.origin })
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("code", { children: window.location.origin })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: "Accounts" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: "Logged in sessions" })
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: "Accounts" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: "Logged in sessions" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", {})
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", {})
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Input,
             {
               label: `Type "${DELETE_LOCAL_DATA_STRING}" to confirm`,
@@ -33884,7 +33955,7 @@ function DeleteLocalData() {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             "p",
             {
               style: {
@@ -33894,14 +33965,14 @@ function DeleteLocalData() {
                 flexDirection: "column",
                 gap: "0.5rem"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("small", { children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("small", { children: [
                 "Data synced to a sync server will ",
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("strong", { children: "not" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("strong", { children: "not" }),
                 " be deleted, and will be synced when you log in again."
               ] })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
             "div",
             {
               style: {
@@ -33911,8 +33982,8 @@ function DeleteLocalData() {
                 gap: "0.5rem"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "secondary", onClick: () => setShowDeleteModal(false), children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                   Button,
                   {
                     variant: "destructive",
@@ -33939,7 +34010,7 @@ function DeleteLocalData() {
 }
 
 // src/inspector/viewer/new-app.tsx
-var import_jsx_runtime29 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
 var InspectorContainer = styled19("div")`
   position: fixed;
   height: 50vh;
@@ -33998,12 +34069,12 @@ function JazzInspectorInternal({
     setCoValueId("");
   };
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(HeaderContainer2, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(HeaderContainer2, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         Input,
         {
           label: "CoValue ID",
@@ -34014,24 +34085,24 @@ function JazzInspectorInternal({
           onChange: (e) => setCoValueId(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DeleteLocalData, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DeleteLocalData, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       PageStack,
       {
         path,
         node: localNode,
         goBack,
         addPages,
-        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        children: path.length <= 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           InitialForm,
           {
             onSubmit: handleCoValueIdSubmit,
             "aria-hidden": path.length !== 0,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Heading, { children: "Jazz CoValue Inspector" }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 Input,
                 {
                   label: "CoValue ID",
@@ -34042,10 +34113,10 @@ function JazzInspectorInternal({
                   onChange: (e) => setCoValueId(e.target.value)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(OrText, { children: "or" }),
-                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
+              accountId && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(OrText, { children: "or" }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   Button,
                   {
                     variant: "secondary",
@@ -34066,7 +34137,7 @@ function JazzInspectorInternal({
 }
 
 // src/inspector/custom-element.tsx
-var import_jsx_runtime30 = __toESM(require_jsx_runtime(), 1);
+var import_jsx_runtime31 = __toESM(require_jsx_runtime(), 1);
 var JazzInspectorElement = class extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -34108,7 +34179,7 @@ var JazzInspectorElement = class extends HTMLElement {
       return;
     }
     this.root?.render(
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         JazzInspectorInternal,
         {
           localNode: this.account.$jazz.localNode,
@@ -34234,4 +34305,4 @@ react/cjs/react-jsx-runtime.development.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=custom-element-G6SPZEBR.js.map
+//# sourceMappingURL=custom-element-XDJT5T57.js.map