jazz-tools 0.15.0 → 0.15.2

package/dist/index.js

@@ -34,7 +34,7 @@ import {
   subscribeToCoValue,
   zodReExport_exports,
   zodSchemaToCoSchema
-} from "./chunk-FSIM7N33.js";
+} from "./chunk-VBDJM6Z5.js";
 
 // src/tools/auth/clerk/index.ts
 import {

package/dist/inspector/index.js

@@ -6,7 +6,7 @@ import React7 from "react";
 // src/inspector/viewer/new-app.tsx
 import { styled as styled18 } from "goober";
 import { useJazzContext } from "jazz-tools/react-core";
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/inspector/ui/button.tsx
 import { styled } from "goober";
@@ -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,
@@ -1611,10 +1630,22 @@ function PageStack({
 
 // src/inspector/viewer/use-page-path.ts
 import { useCallback, useEffect as useEffect5, useState as useState7 } from "react";
+var STORAGE_KEY = "jazz-inspector-paths";
 function usePagePath(defaultPath) {
-  const [path, setPath] = useState7([]);
+  const [path, setPath] = useState7(() => {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    if (stored) {
+      try {
+        return JSON.parse(stored);
+      } catch (e) {
+        console.warn("Failed to parse stored path:", e);
+      }
+    }
+    return defaultPath || [];
+  });
   const updatePath = useCallback((newPath) => {
     setPath(newPath);
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(newPath));
   }, []);
   useEffect5(() => {
     if (defaultPath && JSON.stringify(path) !== JSON.stringify(defaultPath)) {
@@ -1730,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;
@@ -1773,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",
@@ -1782,7 +1813,7 @@ function InspectorButton({
         height: "115",
         viewBox: "0 0 119 115",
         fill: "none",
-        children: /* @__PURE__ */ jsx24(
+        children: /* @__PURE__ */ jsx25(
           "path",
           {
             fillRule: "evenodd",
@@ -1793,7 +1824,7 @@ function InspectorButton({
         )
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "span",
       {
         style: {
@@ -1813,8 +1844,22 @@ function InspectorButton({
   ] });
 }
 
+// src/inspector/viewer/use-open-inspector.ts
+import { useEffect as useEffect6, useState as useState8 } from "react";
+var STORAGE_KEY2 = "jazz-inspector-open";
+function useOpenInspector() {
+  const [open, setOpen] = useState8(() => {
+    const stored = localStorage.getItem(STORAGE_KEY2);
+    return stored ? JSON.parse(stored) : false;
+  });
+  useEffect6(() => {
+    localStorage.setItem(STORAGE_KEY2, JSON.stringify(open));
+  }, [open]);
+  return [open, setOpen];
+}
+
 // 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;
@@ -1862,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,
@@ -1876,8 +1921,8 @@ function JazzInspectorInternal({
   localNode,
   accountId
 }) {
-  const [open, setOpen] = useState8(false);
-  const [coValueId, setCoValueId] = useState8("");
+  const [open, setOpen] = useOpenInspector();
+  const [coValueId, setCoValueId] = useState9("");
   const { path, addPages, goToIndex, goBack, setPage } = usePagePath();
   const handleCoValueIdSubmit = (e) => {
     e.preventDefault();
@@ -1887,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",
@@ -1903,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",
@@ -1930,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",
@@ -1956,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;
@@ -1998,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" }) })
     ] })
   ] });
 }