jazz-tools 0.15.1 → 0.15.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> jazz-tools@0.15.1 build /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.15.2 build /home/runner/_work/jazz/jazz/packages/jazz-tools
 > tsup && pnpm types && pnpm build:svelte
 
 CLI Building entry: {"index":"src/index.ts","testing":"src/testing.ts"}
@@ -107,24 +107,31 @@
 ESM Build start
 CLI Cleaning output folder
 ESM Build start
-ESM dist/browser-media-images/index.js     3.01 KB
-ESM dist/browser-media-images/index.js.map 5.68 KB
-ESM ⚡️ Build success in 18ms
-ESM dist/tiptap/index.js     564.00 B
-ESM dist/tiptap/index.js.map 1.21 KB
-ESM ⚡️ Build success in 14ms
 ESM dist/worker/index.js     2.34 KB
 ESM dist/worker/index.js.map 4.82 KB
+ESM ⚡️ Build success in 13ms
+ESM dist/tiptap/index.js     564.00 B
+ESM dist/tiptap/index.js.map 1.21 KB
 ESM ⚡️ Build success in 14ms
+ESM dist/browser-media-images/index.js     3.01 KB
+ESM dist/browser-media-images/index.js.map 5.68 KB
+ESM ⚡️ Build success in 19ms
 ESM dist/react-native-media-images/index.js     6.19 KB
 ESM dist/react-native-media-images/index.js.map 10.96 KB
-ESM ⚡️ Build success in 14ms
+ESM ⚡️ Build success in 16ms
+ESM dist/react-core/index.js              8.37 KB
+ESM dist/react-core/chunk-7DYMJ74I.js     279.00 B
+ESM dist/react-core/testing.js            1.17 KB
+ESM dist/react-core/index.js.map          16.39 KB
+ESM dist/react-core/chunk-7DYMJ74I.js.map 533.00 B
+ESM dist/react-core/testing.js.map        1.82 KB
+ESM ⚡️ Build success in 19ms
 ESM dist/expo/index.js       4.65 KB
 ESM dist/expo/testing.js     112.00 B
 ESM dist/expo/crypto.js      109.00 B
 ESM dist/expo/index.js.map   10.17 KB
-ESM dist/expo/testing.js.map 168.00 B
 ESM dist/expo/crypto.js.map  166.00 B
+ESM dist/expo/testing.js.map 168.00 B
 ESM ⚡️ Build success in 24ms
 ESM dist/react-native/index.js       2.53 KB
 ESM dist/react-native/crypto.js      117.00 B
@@ -132,60 +139,53 @@
 ESM dist/react-native/index.js.map   5.68 KB
 ESM dist/react-native/crypto.js.map  174.00 B
 ESM dist/react-native/testing.js.map 176.00 B
-ESM ⚡️ Build success in 24ms
-ESM dist/react-core/index.js              8.37 KB
-ESM dist/react-core/testing.js            1.17 KB
-ESM dist/react-core/chunk-7DYMJ74I.js     279.00 B
-ESM dist/react-core/index.js.map          16.39 KB
-ESM dist/react-core/testing.js.map        1.82 KB
-ESM dist/react-core/chunk-7DYMJ74I.js.map 533.00 B
-ESM ⚡️ Build success in 24ms
-ESM dist/react/index.js       20.66 KB
-ESM dist/react/testing.js     122.00 B
-ESM dist/react/testing.js.map 165.00 B
-ESM dist/react/index.js.map   34.07 KB
-ESM ⚡️ Build success in 27ms
+ESM ⚡️ Build success in 22ms
 ESM dist/browser/index.js     13.36 KB
 ESM dist/browser/index.js.map 28.57 KB
-ESM ⚡️ Build success in 37ms
+ESM ⚡️ Build success in 26ms
 ESM dist/react-native-core/index.js       17.42 KB
-ESM dist/react-native-core/testing.js     119.00 B
 ESM dist/react-native-core/crypto.js      2.10 KB
+ESM dist/react-native-core/testing.js     119.00 B
 ESM dist/react-native-core/index.js.map   34.49 KB
-ESM dist/react-native-core/testing.js.map 175.00 B
 ESM dist/react-native-core/crypto.js.map  4.25 KB
-ESM ⚡️ Build success in 37ms
-ESM dist/react/ssr.js         688.00 B
+ESM dist/react-native-core/testing.js.map 175.00 B
+ESM ⚡️ Build success in 34ms
 ESM dist/react/index.js       20.64 KB
+ESM dist/react/ssr.js         688.00 B
 ESM dist/react/testing.js     107.00 B
+ESM dist/react/index.js.map   34.07 KB
 ESM dist/react/ssr.js.map     1.12 KB
 ESM dist/react/testing.js.map 163.00 B
-ESM dist/react/index.js.map   34.07 KB
-ESM ⚡️ Build success in 38ms
+ESM ⚡️ Build success in 35ms
 ESM dist/prosemirror/index.js     76.90 KB
 ESM dist/prosemirror/index.js.map 305.53 KB
-ESM ⚡️ Build success in 42ms
-ESM dist/inspector/index.js     59.73 KB
-ESM dist/inspector/index.js.map 106.78 KB
-ESM ⚡️ Build success in 53ms
-ESM dist/testing.js            6.32 KB
+ESM ⚡️ Build success in 37ms
+ESM dist/react/index.js       20.66 KB
+ESM dist/react/testing.js     122.00 B
+ESM dist/react/testing.js.map 165.00 B
+ESM dist/react/index.js.map   34.07 KB
+ESM ⚡️ Build success in 36ms
+ESM dist/inspector/index.js     60.37 KB
+ESM dist/inspector/index.js.map 107.85 KB
+ESM ⚡️ Build success in 46ms
 ESM dist/index.js              16.19 KB
+ESM dist/testing.js            6.32 KB
 ESM dist/chunk-VBDJM6Z5.js     140.80 KB
 ESM dist/testing.js.map        12.22 KB
 ESM dist/index.js.map          29.03 KB
 ESM dist/chunk-VBDJM6Z5.js.map 320.73 KB
-ESM ⚡️ Build success in 67ms
+ESM ⚡️ Build success in 59ms
 ESM dist/inspector/register-custom-element.js     218.00 B
 ESM dist/inspector/register-custom-element.js.map 314.00 B
 ESM dist/inspector/custom-element-CWW72LEG.js     1.47 MB
 ESM dist/inspector/custom-element-CWW72LEG.js.map 2.26 MB
-ESM ⚡️ Build success in 99ms
+ESM ⚡️ Build success in 89ms
 
-> jazz-tools@0.15.1 types /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.15.2 types /home/runner/_work/jazz/jazz/packages/jazz-tools
 > tsc --outDir dist
 
 
-> jazz-tools@0.15.1 build:svelte /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.15.2 build:svelte /home/runner/_work/jazz/jazz/packages/jazz-tools
 > rm -rf dist/svelte && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json
 
 src/svelte -> dist/svelte

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # jazz-tools
 
+## 0.15.2
+
+### Patch Changes
+
+- 0e7e532: inspector: improve CoPlainText view
+- Updated dependencies [4b964ed]
+  - cojson@0.15.2
+  - cojson-storage@0.15.2
+  - cojson-storage-indexeddb@0.15.2
+  - cojson-transport-ws@0.15.2
+
 ## 0.15.1
 
 ### Patch Changes

package/dist/inspector/index.js

@@ -685,7 +685,8 @@ var TypeIcon = ({
     colist: "\u2630 CoList",
     account: "\u{1F464} Account",
     group: "\u{1F465} Group",
-    file: "\u{1F4C3} FileStream"
+    file: "\u{1F4C3} FileStream",
+    coplaintext: "\u{1F4C4} CoPlainText"
   };
   const iconKey = extendedType || type;
   const icon2 = iconMap[iconKey];
@@ -982,6 +983,9 @@ var CoMapPreview = ({
   if (snapshot === "unavailable" && !value) {
     return /* @__PURE__ */ jsx14(Text, { inline: true, muted: true, children: "Unavailable" });
   }
+  if (type === "coplaintext") {
+    return /* @__PURE__ */ jsx14(Fragment3, { children: value.toString() });
+  }
   if (extendedType === "image" && isBrowserImage(snapshot)) {
     return /* @__PURE__ */ jsxs5(ImagePreviewContainer2, { children: [
       /* @__PURE__ */ jsx14(PreviewImage, { src: snapshot.placeholderDataURL }),
@@ -1213,10 +1217,22 @@ function AccountView({
   ] });
 }
 
+// src/inspector/viewer/co-plain-text-view.tsx
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs9 } 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 })
+  ] });
+}
+
 // src/inspector/ui/table.tsx
 import { styled as styled12 } from "goober";
 import React4 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var StyledTable = styled12("table")`
   width: 100%;
 `;
@@ -1246,35 +1262,35 @@ var StyledTh = styled12("th")`
 var StyledTd = styled12("td")`
   padding: 0.5rem 0.75rem;
 `;
-var Table = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19(StyledTable, { ref, ...props, children }));
-var TableHead = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19(StyledThead, { ref, ...props, children }));
-var TableBody = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19(StyledTbody, { ref, ...props, children }));
-var TableRow = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19("tr", { ref, ...props, children }));
-var TableHeader = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19(StyledTh, { ref, ...props, children }));
-var TableCell = React4.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx19(StyledTd, { ref, ...props, children }));
+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 }));
 
 // src/inspector/viewer/group-view.tsx
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function GroupView({
   data,
   onNavigate,
   node
 }) {
-  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
-    /* @__PURE__ */ jsx20(Text, { strong: true, children: "Members" }),
-    /* @__PURE__ */ jsxs9(Table, { children: [
-      /* @__PURE__ */ jsx20(TableHead, { children: /* @__PURE__ */ jsxs9(TableRow, { children: [
-        /* @__PURE__ */ jsx20(TableHeader, { children: "Account" }),
-        /* @__PURE__ */ jsx20(TableHeader, { children: "Permission" })
+  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" })
       ] }) }),
-      /* @__PURE__ */ jsxs9(TableBody, { children: [
-        "everyone" in data && typeof data.everyone === "string" ? /* @__PURE__ */ jsxs9(TableRow, { children: [
-          /* @__PURE__ */ jsx20(TableCell, { children: "everyone" }),
-          /* @__PURE__ */ jsx20(TableCell, { children: data.everyone })
+      /* @__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 })
         ] }) : null,
         Object.entries(data).map(
-          ([key, value]) => isCoId(key) ? /* @__PURE__ */ jsxs9(TableRow, { children: [
-            /* @__PURE__ */ jsx20(TableCell, { children: /* @__PURE__ */ jsx20(
+          ([key, value]) => isCoId(key) ? /* @__PURE__ */ jsxs10(TableRow, { children: [
+            /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(
               AccountOrGroupText,
               {
                 coId: key,
@@ -1285,17 +1301,17 @@ function GroupView({
                 }
               }
             ) }),
-            /* @__PURE__ */ jsx20(TableCell, { children: value })
+            /* @__PURE__ */ jsx21(TableCell, { children: value })
           ] }, key) : null
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx20(RawDataCard, { data })
+    /* @__PURE__ */ jsx21(RawDataCard, { data })
   ] });
 }
 
 // src/inspector/viewer/role-display.tsx
-import { jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsxs as jsxs11 } from "react/jsx-runtime";
 function RoleDisplay({
   node,
   value
@@ -1314,7 +1330,7 @@ function RoleDisplay({
   } else {
     role = "unauthorized";
   }
-  return /* @__PURE__ */ jsxs10(Text, { children: [
+  return /* @__PURE__ */ jsxs11(Text, { children: [
     "Role: ",
     role
   ] });
@@ -1323,7 +1339,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 Fragment7, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var PaginationContainer = styled13("div")`
   padding: 1rem 0;
   display: flex;
@@ -1345,10 +1361,10 @@ function CoValuesTableView({
   const resolvedRows = useResolvedCoValues(visibleRows, node);
   const hasMore = visibleRowsCount < coIdArray.length;
   if (!coIdArray.length) {
-    return /* @__PURE__ */ jsx21("div", { children: "No data to display" });
+    return /* @__PURE__ */ jsx22("div", { children: "No data to display" });
   }
   if (resolvedRows.length === 0) {
-    return /* @__PURE__ */ jsx21("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx22("div", { children: "Loading..." });
   }
   const keys = Array.from(
     new Set(resolvedRows.flatMap((item) => Object.keys(item.snapshot || {})))
@@ -1356,11 +1372,11 @@ function CoValuesTableView({
   const loadMore = () => {
     setVisibleRowsCount((prevVisibleRows) => prevVisibleRows + 10);
   };
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-    /* @__PURE__ */ jsxs11(Table, { children: [
-      /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsx21(TableRow, { children: [...keys, "Action"].map((key) => /* @__PURE__ */ jsx21(TableHeader, { children: key }, key)) }) }),
-      /* @__PURE__ */ jsx21(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ jsxs11(TableRow, { children: [
-        keys.map((key) => /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
+    /* @__PURE__ */ jsxs12(Table, { children: [
+      /* @__PURE__ */ jsx22(TableHead, { children: /* @__PURE__ */ jsx22(TableRow, { children: [...keys, "Action"].map((key) => /* @__PURE__ */ jsx22(TableHeader, { children: key }, key)) }) }),
+      /* @__PURE__ */ jsx22(TableBody, { children: resolvedRows.slice(0, visibleRowsCount).map((item, index) => /* @__PURE__ */ jsxs12(TableRow, { children: [
+        keys.map((key) => /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
           ValueRenderer,
           {
             json: item.snapshot[key],
@@ -1381,7 +1397,7 @@ function CoValuesTableView({
             }
           }
         ) }, key)),
-        /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(TableCell, { children: /* @__PURE__ */ jsx22(
           Button,
           {
             variant: "secondary",
@@ -1396,15 +1412,15 @@ function CoValuesTableView({
         ) })
       ] }, index)) })
     ] }),
-    /* @__PURE__ */ jsxs11(PaginationContainer, { children: [
-      /* @__PURE__ */ jsxs11(Text, { muted: true, small: true, children: [
+    /* @__PURE__ */ jsxs12(PaginationContainer, { children: [
+      /* @__PURE__ */ jsxs12(Text, { muted: true, small: true, children: [
         "Showing ",
         Math.min(visibleRowsCount, coIdArray.length),
         " of",
         " ",
         coIdArray.length
       ] }),
-      hasMore && /* @__PURE__ */ jsx21(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
+      hasMore && /* @__PURE__ */ jsx22(Button, { variant: "secondary", onClick: loadMore, children: "Load more" })
     ] })
   ] });
 }
@@ -1417,24 +1433,24 @@ function TableView({
     return Array.isArray(data) && data.every((k) => isCoId(k));
   }, [data]);
   if (isListOfCoValues) {
-    return /* @__PURE__ */ jsx21(CoValuesTableView, { data, node, onNavigate });
+    return /* @__PURE__ */ jsx22(CoValuesTableView, { data, node, onNavigate });
   }
-  return /* @__PURE__ */ jsxs11(Table, { children: [
-    /* @__PURE__ */ jsx21(TableHead, { children: /* @__PURE__ */ jsxs11(TableRow, { children: [
-      /* @__PURE__ */ jsx21(TableHeader, { style: { width: "5rem" }, children: "Index" }),
-      /* @__PURE__ */ jsx21(TableHeader, { children: "Value" })
+  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" })
     ] }) }),
-    /* @__PURE__ */ jsx21(TableBody, { children: Array.isArray(data) && data?.map((value, index) => /* @__PURE__ */ jsxs11(TableRow, { children: [
-      /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(Text, { mono: true, children: index }) }),
-      /* @__PURE__ */ jsx21(TableCell, { children: /* @__PURE__ */ jsx21(ValueRenderer, { json: value }) })
+    /* @__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 }) })
     ] }, index)) })
   ] });
 }
 
 // src/inspector/viewer/page.tsx
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var BasePageContainer = React5.forwardRef(
-  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ jsx22("div", { ref, ...rest })
+  ({ isTopLevel, ...rest }, ref) => /* @__PURE__ */ jsx23("div", { ref, ...rest })
 );
 var PageContainer = styled14(BasePageContainer)`
   position: absolute;
@@ -1486,7 +1502,7 @@ function View(props) {
   const { node, onNavigate } = props;
   if (!snapshot || snapshot === "unavailable") return;
   if (type === "costream") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       CoStreamView,
       {
         data: snapshot,
@@ -1497,15 +1513,18 @@ function View(props) {
     );
   }
   if (extendedType === "group") {
-    return /* @__PURE__ */ jsx22(GroupView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx23(GroupView, { data: snapshot, node, onNavigate });
   }
   if (extendedType === "account") {
-    return /* @__PURE__ */ jsx22(AccountView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx23(AccountView, { data: snapshot, node, onNavigate });
+  }
+  if (type === "coplaintext") {
+    return /* @__PURE__ */ jsx23(CoPlainTextView, { data: snapshot });
   }
   if (type === "colist" || extendedType === "record") {
-    return /* @__PURE__ */ jsx22(TableView, { data: snapshot, node, onNavigate });
+    return /* @__PURE__ */ jsx23(TableView, { data: snapshot, node, onNavigate });
   }
-  return /* @__PURE__ */ jsx22(GridView, { data: snapshot, onNavigate, node });
+  return /* @__PURE__ */ jsx23(GridView, { data: snapshot, onNavigate, node });
 }
 function Page(props) {
   const {
@@ -1521,13 +1540,13 @@ function Page(props) {
   const coValue = useResolvedCoValue(coId, node);
   const { value, snapshot, type, extendedType } = coValue;
   if (snapshot === "unavailable") {
-    return /* @__PURE__ */ jsx22("div", { style, children: "Data unavailable" });
+    return /* @__PURE__ */ jsx23("div", { style, children: "Data unavailable" });
   }
   if (!snapshot) {
-    return /* @__PURE__ */ jsx22("div", { style });
+    return /* @__PURE__ */ jsx23("div", { style });
   }
-  return /* @__PURE__ */ jsxs12(PageContainer, { style, className, isTopLevel, children: [
-    !isTopLevel && /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs13(PageContainer, { style, className, isTopLevel, children: [
+    !isTopLevel && /* @__PURE__ */ jsx23(
       BackButton,
       {
         "aria-label": "Back",
@@ -1537,27 +1556,27 @@ function Page(props) {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsx22(HeaderContainer, { children: /* @__PURE__ */ jsxs12(TitleContainer, { children: [
-      /* @__PURE__ */ jsx22(Title, { children: /* @__PURE__ */ jsxs12("span", { children: [
+    /* @__PURE__ */ jsx23(HeaderContainer, { children: /* @__PURE__ */ jsxs13(TitleContainer, { children: [
+      /* @__PURE__ */ jsx23(Title, { children: /* @__PURE__ */ jsxs13("span", { children: [
         name,
-        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ jsxs12("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
+        typeof snapshot === "object" && "name" in snapshot ? /* @__PURE__ */ jsxs13("span", { style: { color: "#57534e", fontWeight: 500 }, children: [
           " ",
           snapshot.name
         ] }) : null
       ] }) }),
-      /* @__PURE__ */ jsxs12(BadgeContainer, { children: [
-        /* @__PURE__ */ jsx22(Badge, { children: type && /* @__PURE__ */ jsx22(TypeIcon, { type, extendedType }) }),
-        /* @__PURE__ */ jsx22(Badge, { children: coId })
+      /* @__PURE__ */ jsxs13(BadgeContainer, { children: [
+        /* @__PURE__ */ jsx23(Badge, { children: type && /* @__PURE__ */ jsx23(TypeIcon, { type, extendedType }) }),
+        /* @__PURE__ */ jsx23(Badge, { children: coId })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs12(ContentContainer, { children: [
-      /* @__PURE__ */ jsx22(View, { ...props, coValue }),
-      extendedType !== "account" && extendedType !== "group" && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-        /* @__PURE__ */ jsx22(RoleDisplay, { node, value }),
-        /* @__PURE__ */ jsxs12(Text, { muted: true, children: [
+    /* @__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: [
           "Owned by",
           " ",
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             AccountOrGroupText,
             {
               coId: value.group.id,
@@ -1575,7 +1594,7 @@ function Page(props) {
 }
 
 // src/inspector/viewer/page-stack.tsx
-import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var PageStackContainer = styled15("div")`
   position: relative;
   padding: 0 0.75rem;
@@ -1593,9 +1612,9 @@ function PageStack({
 }) {
   const page = path[path.length - 1];
   const index = path.length - 1;
-  return /* @__PURE__ */ jsx23(Fragment9, { children: /* @__PURE__ */ jsxs13(PageStackContainer, { children: [
+  return /* @__PURE__ */ jsx24(Fragment10, { children: /* @__PURE__ */ jsxs14(PageStackContainer, { children: [
     children,
-    node && page && /* @__PURE__ */ jsx23(
+    node && page && /* @__PURE__ */ jsx24(
       Page,
       {
         coId: page.coId,
@@ -1742,7 +1761,7 @@ var GlobalStyles = styled16("div")`
 
 // src/inspector/viewer/inpsector-button.tsx
 import { styled as styled17 } from "goober";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var StyledInspectorButton = styled17("button")`
   position: fixed;
   width: 2.5rem;
@@ -1785,8 +1804,8 @@ function InspectorButton({
   position = "right",
   ...buttonProps
 }) {
-  return /* @__PURE__ */ jsxs14(StyledInspectorButton, { position, ...buttonProps, children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs15(StyledInspectorButton, { position, ...buttonProps, children: [
+    /* @__PURE__ */ jsx25(
       JazzIcon,
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -1794,7 +1813,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "path",
           {
             fillRule: "evenodd",
@@ -1805,7 +1824,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "span",
       {
         style: {
@@ -1840,7 +1859,7 @@ function useOpenInspector() {
 }
 
 // src/inspector/viewer/new-app.tsx
-import { Fragment as Fragment10, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var InspectorContainer = styled18("div")`
   position: fixed;
   height: 50vh;
@@ -1888,7 +1907,7 @@ function JazzInspector({ position = "right" }) {
   const localNode = context.node;
   const me = "me" in context ? context.me : void 0;
   if (process.env.NODE_ENV !== "development") return null;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     JazzInspectorInternal,
     {
       position,
@@ -1913,12 +1932,12 @@ function JazzInspectorInternal({
     setCoValueId("");
   };
   if (!open) {
-    return /* @__PURE__ */ jsx25(InspectorButton, { position, onClick: () => setOpen(true) });
+    return /* @__PURE__ */ jsx26(InspectorButton, { position, onClick: () => setOpen(true) });
   }
-  return /* @__PURE__ */ jsxs15(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
-    /* @__PURE__ */ jsxs15(HeaderContainer2, { children: [
-      /* @__PURE__ */ jsx25(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
-      /* @__PURE__ */ jsx25(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs16(InspectorContainer, { as: GlobalStyles, style: { zIndex: 999 }, children: [
+    /* @__PURE__ */ jsxs16(HeaderContainer2, { children: [
+      /* @__PURE__ */ jsx26(Breadcrumbs, { path, onBreadcrumbClick: goToIndex }),
+      /* @__PURE__ */ jsx26(Form, { onSubmit: handleCoValueIdSubmit, children: path.length !== 0 && /* @__PURE__ */ jsx26(
         Input,
         {
           label: "CoValue ID",
@@ -1929,23 +1948,23 @@ function JazzInspectorInternal({
           onChange: (e) => setCoValueId(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsx25(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
+      /* @__PURE__ */ jsx26(Button, { variant: "plain", type: "button", onClick: () => setOpen(false), children: "Close" })
     ] }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       PageStack,
       {
         path,
         node: localNode,
         goBack,
         addPages,
-        children: path.length <= 0 && /* @__PURE__ */ jsxs15(
+        children: path.length <= 0 && /* @__PURE__ */ jsxs16(
           InitialForm,
           {
             onSubmit: handleCoValueIdSubmit,
             "aria-hidden": path.length !== 0,
             children: [
-              /* @__PURE__ */ jsx25(Heading, { children: "Jazz CoValue Inspector" }),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(Heading, { children: "Jazz CoValue Inspector" }),
+              /* @__PURE__ */ jsx26(
                 Input,
                 {
                   label: "CoValue ID",
@@ -1956,10 +1975,10 @@ function JazzInspectorInternal({
                   onChange: (e) => setCoValueId(e.target.value)
                 }
               ),
-              /* @__PURE__ */ jsx25(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
-              accountId && /* @__PURE__ */ jsxs15(Fragment10, { children: [
-                /* @__PURE__ */ jsx25(OrText, { children: "or" }),
-                /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(Button, { type: "submit", variant: "primary", children: "Inspect CoValue" }),
+              accountId && /* @__PURE__ */ jsxs16(Fragment11, { children: [
+                /* @__PURE__ */ jsx26(OrText, { children: "or" }),
+                /* @__PURE__ */ jsx26(
                   Button,
                   {
                     variant: "secondary",
@@ -1982,7 +2001,7 @@ function JazzInspectorInternal({
 // src/inspector/ui/select.tsx
 import { styled as styled19 } from "goober";
 import { useId as useId2 } 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 SelectContainer = styled19("div")`
   display: grid;
   gap: 0.25rem;
@@ -2024,11 +2043,11 @@ function Select(props) {
   const { label, hideLabel, id: customId, className, ...selectProps } = props;
   const generatedId = useId2();
   const id = customId || generatedId;
-  return /* @__PURE__ */ jsxs16(SelectContainer, { className, children: [
-    /* @__PURE__ */ jsx26("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
-    /* @__PURE__ */ jsxs16(SelectWrapper, { children: [
-      /* @__PURE__ */ jsx26(StyledSelect, { ...selectProps, id, children: props.children }),
-      /* @__PURE__ */ jsx26(SelectIcon, { children: /* @__PURE__ */ jsx26(Icon, { name: "chevronDown", size: "sm" }) })
+  return /* @__PURE__ */ jsxs17(SelectContainer, { className, children: [
+    /* @__PURE__ */ jsx27("label", { htmlFor: id, className: hideLabel ? "j-sr-only" : "", children: label }),
+    /* @__PURE__ */ jsxs17(SelectWrapper, { children: [
+      /* @__PURE__ */ jsx27(StyledSelect, { ...selectProps, id, children: props.children }),
+      /* @__PURE__ */ jsx27(SelectIcon, { children: /* @__PURE__ */ jsx27(Icon, { name: "chevronDown", size: "sm" }) })
     ] })
   ] });
 }