jazz-tools 0.18.36 → 0.18.38

package/dist/inspector/register-custom-element.js

@@ -1,5 +1,5 @@
 // src/inspector/register-custom-element.ts
 if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
-  import("./custom-element-RBBL46TI.js");
+  import("./custom-element-QESCMFY7.js");
 }
 //# sourceMappingURL=register-custom-element.js.map

package/dist/inspector/ui/accordion.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+type AccordionProps = PropsWithChildren<{
+    title: string;
+    storageKey: string;
+}>;
+export declare function Accordion({ title, children, storageKey }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/inspector/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAE/D,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,cAAc,2CAmBxE"}

package/dist/inspector/ui/error-boundary.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error?: Error;
+}
+export declare class ErrorBoundary extends React.Component<{
+    children: React.ReactNode;
+    title: string;
+}, ErrorBoundaryState> {
+    constructor(props: {
+        children: React.ReactNode;
+        title: string;
+    });
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=error-boundary.d.ts.map

package/dist/inspector/ui/error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5C,kBAAkB,CACnB;gBACa,KAAK,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAK/D,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI;IAIjE,MAAM;CAkBP"}

package/dist/inspector/ui/index.d.ts

@@ -4,4 +4,5 @@ export { Modal } from "./modal.js";
 export { Input } from "./input.js";
 export { Select } from "./select.js";
 export { DataTable } from "./data-table.js";
+export { Accordion } from "./accordion.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/inspector/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/inspector/ui/text.d.ts

@@ -6,5 +6,6 @@ export declare function Text(props: React.PropsWithChildren<{
     inline?: boolean;
     small?: boolean;
     mono?: boolean;
+    style?: React.CSSProperties;
 }>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=text.d.ts.map

package/dist/inspector/ui/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B,wBAAgB,IAAI,CAClB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC,2CAGH"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiD1B,wBAAgB,IAAI,CAClB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC,2CAGH"}

package/dist/inspector/viewer/history-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"history-view.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/history-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAET,UAAU,EAEX,MAAM,QAAQ,CAAC;AA2BhB,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB,2CA0EA"}
+{"version":3,"file":"history-view.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/history-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAET,UAAU,EAEX,MAAM,QAAQ,CAAC;AA2BhB,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB,2CAoFA"}

package/dist/inspector/viewer/page-stack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-stack.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/page-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAKrD,UAAU,QAAQ;IAChB,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAGD,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,2CAqBhB"}
+{"version":3,"file":"page-stack.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/page-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAMrD,UAAU,QAAQ;IAChB,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAGD,UAAU,cAAc;IACtB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAWD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,cAAc,2CAuBhB"}

package/dist/inspector/viewer/raw-data-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"raw-data-card.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/raw-data-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAwCpC,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,2CAYzD"}
+{"version":3,"file":"raw-data-card.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/raw-data-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAuCpC,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,2CAazD"}

package/dist/tools/exports.d.ts

@@ -8,7 +8,7 @@ export { CoValueBase } from "./internal.js";
 export { Profile } from "./internal.js";
 export { SchemaUnion } from "./internal.js";
 export { co } from "./internal.js";
-export type { CoValueClass, CoValueFromRaw, DeeplyLoaded, Resolved, RefsToResolve, RefsToResolveStrict, CoMapInit_DEPRECATED as CoMapInit, CoFeedEntry, TextPos, AccountClass, AccountCreationProps, BaseProfileShape, } from "./internal.js";
+export type { CoValueClass, CoValueFromRaw, DeeplyLoaded, Resolved, RefsToResolve, RefsToResolveStrict, CoMapInit_DEPRECATED as CoMapInit, CoFeedEntry, SingleCoFeedEntry, TextPos, AccountClass, AccountCreationProps, BaseProfileShape, } from "./internal.js";
 export { CoMap, CoList, BinaryCoStream, CoFeed, CoStream, FileStream, CoPlainText, CoRichText, Account, isControlledAccount, loadCoValue, subscribeToCoValue, ImageDefinition, SubscriptionScope, exportCoValue, importContentPieces, Ref, unstable_loadUnique, } from "./internal.js";
 export { JazzContextManager, type JazzContextManagerAuthProps, } from "./internal.js";
 export { AuthSecretStorage, type AuthSetPayload, } from "./auth/AuthSecretStorage.js";

package/dist/tools/exports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../src/tools/exports.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,CAAC,MAAM,2CAA2C,CAAC;AAE/D,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEnC,YAAY,EACV,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,IAAI,SAAS,EACjC,WAAW,EACX,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,GAAG,EACH,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,kBAAkB,EAClB,KAAK,2BAA2B,GACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,KAAK,cAAc,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,wCAAwC,EACxC,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AAEvB,mBAAmB,YAAY,CAAC;AAEhC,OAAO,EACL,oCAAoC,EACpC,KAAK,gBAAgB,EACrB,KAAK,gCAAgC,EACrC,KAAK,oBAAoB,EACzB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,IAAI,gBAAgB,EAC1C,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,KAAK,SAAS,GACf,MAAM,uBAAuB,CAAC;AAE/B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../src/tools/exports.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,OAAO,EACP,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,WAAW,GACZ,MAAM,QAAQ,CAAC;AAEhB,OAAO,KAAK,CAAC,MAAM,2CAA2C,CAAC;AAE/D,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEnC,YAAY,EACV,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,oBAAoB,IAAI,SAAS,EACjC,WAAW,EACX,iBAAiB,EACjB,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,EACX,UAAU,EACV,OAAO,EACP,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,mBAAmB,EACnB,GAAG,EACH,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,kBAAkB,EAClB,KAAK,2BAA2B,GACjC,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,KAAK,cAAc,GACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,KAAK,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,wCAAwC,EACxC,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AAEvB,mBAAmB,YAAY,CAAC;AAEhC,OAAO,EACL,oCAAoC,EACpC,KAAK,gBAAgB,EACrB,KAAK,gCAAgC,EACrC,KAAK,oBAAoB,EACzB,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,IAAI,gBAAgB,EAC1C,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,0BAA0B,EAC1B,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,KAAK,SAAS,GACf,MAAM,uBAAuB,CAAC;AAE/B,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -187,7 +187,7 @@
   },
   "type": "module",
   "license": "MIT",
-  "version": "0.18.36",
+  "version": "0.18.38",
   "dependencies": {
     "@manuscripts/prosemirror-recreate-steps": "^0.1.4",
     "@scure/base": "1.2.1",
@@ -204,9 +204,9 @@
     "prosemirror-transform": "^1.9.0",
     "use-sync-external-store": "^1.5.0",
     "zod": "4.1.11",
-    "cojson": "0.18.36",
-    "cojson-storage-indexeddb": "0.18.36",
-    "cojson-transport-ws": "0.18.36"
+    "cojson": "0.18.38",
+    "cojson-storage-indexeddb": "0.18.38",
+    "cojson-transport-ws": "0.18.38"
   },
   "devDependencies": {
     "@scure/bip39": "^1.3.0",

package/src/inspector/tests/viewer/history-view.test.tsx

@@ -1,5 +1,5 @@
 // @vitest-environment happy-dom
-import { afterEach, beforeAll, describe, expect, it } from "vitest";
+import { afterEach, assert, beforeAll, describe, expect, it } from "vitest";
 import { createJazzTestAccount, setupJazzTestSync } from "jazz-tools/testing";
 import { co, z } from "jazz-tools";
 import {
@@ -45,7 +45,7 @@ describe("HistoryView", async () => {
       .create({ foo: "bar" }, account);
 
     render(
-      <HistoryView coValue={value.$jazz.raw} node={value.$jazz.localNode} />,
+      <HistoryView coValue={value.$jazz.raw} node={account.$jazz.localNode} />,
     );
 
     expect(
@@ -69,20 +69,113 @@ describe("HistoryView", async () => {
       value.$jazz.delete("certified");
 
       render(
-        <HistoryView coValue={value.$jazz.raw} node={value.$jazz.localNode} />,
+        <HistoryView
+          coValue={value.$jazz.raw}
+          node={account.$jazz.localNode}
+        />,
       );
 
       const history = [
         'Property "pet" has been set to "dog"',
-        'Property "age" has been set to "10"',
-        'Property "certified" has been set to "false"',
+        'Property "age" has been set to 10',
+        'Property "certified" has been set to false',
         'Property "pet" has been set to "cat"',
-        'Property "age" has been set to "20"',
-        'Property "certified" has been set to "true"',
+        'Property "age" has been set to 20',
+        'Property "certified" has been set to true',
         'Property "certified" has been deleted',
       ].toReversed(); // Default sort is descending
 
-      expect(screen.getAllByRole("row")).toHaveLength(history.length + 2);
+      await waitFor(() => {
+        expect(screen.getAllByRole("row")[2]?.textContent).toContain(
+          account.$jazz.id,
+        );
+      });
+
+      expect(extractActions()).toEqual(history);
+    });
+
+    it("should render invalid changes", async () => {
+      const account2 = await createJazzTestAccount();
+      const group = co.group().create(account);
+      group.addMember(account2, "reader");
+
+      const Schema = co.map({
+        pet: z.string(),
+        age: z.number(),
+        certified: z.boolean().optional(),
+      });
+
+      const value = Schema.create(
+        { pet: "dog", age: 10, certified: false },
+        group,
+      );
+
+      const valueOnAccount2 = await Schema.load(value.$jazz.id, {
+        loadAs: account2,
+      });
+      assert(valueOnAccount2);
+
+      // This is invalid, since account2 is a reader
+      valueOnAccount2.$jazz.set("pet", "cat");
+
+      render(
+        <HistoryView
+          coValue={valueOnAccount2.$jazz.raw}
+          node={account2.$jazz.localNode}
+        />,
+      );
+
+      const history = [
+        'Property "pet" has been set to "dog"',
+        'Property "age" has been set to 10',
+        'Property "certified" has been set to false',
+
+        // Account2 can't write to the value
+        'Property "pet" has been set to "cat"Invalid transaction: Transactor has no write permissions',
+      ].toReversed(); // Default sort is descending
+
+      await waitFor(() => {
+        expect(screen.getAllByRole("row")[2]?.textContent).toContain(
+          account2.$jazz.id,
+        );
+      });
+
+      expect(extractActions()).toEqual(history);
+    });
+
+    it("should render co.map changes with json", async () => {
+      const d = new Date();
+      const value = co
+        .map({
+          pet: z.object({
+            name: z.string(),
+            age: z.number(),
+          }),
+          d: z.date(),
+          n: z.number().optional(),
+          s: z.string().nullable(),
+        })
+        .create(
+          { pet: { name: "dog", age: 10 }, d, n: 10, s: "hello" },
+          account,
+        );
+
+      value.$jazz.set("pet", { name: "cat", age: 20 });
+      value.$jazz.set("n", undefined);
+      value.$jazz.set("s", null);
+      render(
+        <HistoryView coValue={value.$jazz.raw} node={value.$jazz.localNode} />,
+      );
+
+      const history = [
+        'Property "pet" has been set to {"name":"dog","age":10}',
+        `Property "d" has been set to "${d.toISOString()}"`,
+        'Property "n" has been set to 10',
+        'Property "s" has been set to "hello"',
+        'Property "pet" has been set to {"name":"cat","age":20}',
+        'Property "n" has been set to undefined',
+        'Property "s" has been set to null',
+      ].toReversed(); // Default sort is descending
 
       await waitFor(() => {
         expect(screen.getAllByRole("row")[2]?.textContent).toContain(
@@ -105,7 +198,10 @@ describe("HistoryView", async () => {
       value.$jazz.shift();
 
       render(
-        <HistoryView coValue={value.$jazz.raw} node={value.$jazz.localNode} />,
+        <HistoryView
+          coValue={value.$jazz.raw}
+          node={account.$jazz.localNode}
+        />,
       );
 
       const history = [
@@ -152,7 +248,10 @@ describe("HistoryView", async () => {
       value.$jazz.shift();
 
       render(
-        <HistoryView coValue={value.$jazz.raw} node={value.$jazz.localNode} />,
+        <HistoryView
+          coValue={value.$jazz.raw}
+          node={account.$jazz.localNode}
+        />,
       );
 
       const history = [
@@ -181,8 +280,11 @@ describe("HistoryView", async () => {
       const group3 = co.group().create(account);
       group3.addMember(group, "inherit");
 
-      const { container } = render(
-        <HistoryView coValue={group.$jazz.raw} node={group.$jazz.localNode} />,
+      render(
+        <HistoryView
+          coValue={group.$jazz.raw}
+          node={account.$jazz.localNode}
+        />,
       );
 
       const history = [

package/src/inspector/ui/accordion.tsx

@@ -0,0 +1,52 @@
+import { styled } from "goober";
+import { PropsWithChildren, useEffect, useState } from "react";
+
+type AccordionProps = PropsWithChildren<{
+  title: string;
+  storageKey: string;
+}>;
+
+export function Accordion({ title, children, storageKey }: AccordionProps) {
+  const [open, setOpen] = useStoragedState(storageKey, false);
+
+  return (
+    <details
+      open={open}
+      style={{ display: "flex", flexDirection: "column", gap: "1rem" }}
+    >
+      <StyledSummary
+        onClick={(e) => {
+          e.preventDefault();
+          setOpen((v) => !v);
+        }}
+      >
+        {title}
+      </StyledSummary>
+      {children}
+    </details>
+  );
+}
+
+function useStoragedState<T>(
+  key: string,
+  defaultValue: T,
+): [T, React.Dispatch<React.SetStateAction<T>>] {
+  const [state, setState] = useState<T>(() => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(key);
+    return stored ? JSON.parse(stored) : defaultValue;
+  });
+
+  useEffect(() => {
+    localStorage.setItem(key, JSON.stringify(state));
+  }, [state]);
+
+  return [state, setState];
+}
+
+const StyledSummary = styled("summary")`
+  font-size: 1.125rem;
+  cursor: pointer;
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+`;

package/src/inspector/ui/error-boundary.tsx

@@ -0,0 +1,51 @@
+import React from "react";
+import { Text } from "./text";
+import { styled } from "goober";
+
+interface ErrorBoundaryState {
+  hasError: boolean;
+  error?: Error;
+}
+
+export class ErrorBoundary extends React.Component<
+  { children: React.ReactNode; title: string },
+  ErrorBoundaryState
+> {
+  constructor(props: { children: React.ReactNode; title: string }) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(error: Error): ErrorBoundaryState {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
+    console.error(error);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div style={{ padding: "1rem" }}>
+          <StyledHeading>{this.props.title}</StyledHeading>
+          <Text mono style={{ marginTop: "0.5rem", color: "#ef4444" }}>
+            {this.state.error?.message || "An unexpected error occurred"}
+          </Text>
+
+          <pre style={{ paddingLeft: "1rem", color: "#ef4444" }}>
+            {this.state.error?.stack}
+          </pre>
+        </div>
+      );
+    }
+
+    return this.props.children;
+  }
+}
+
+const StyledHeading = styled("h1")<{ className?: string }>`
+  font-size: 1.125rem;
+  font-weight: 500;
+  color: var(--j-text-color-strong);
+`;

package/src/inspector/ui/index.ts

@@ -4,3 +4,4 @@ export { Modal } from "./modal.js";
 export { Input } from "./input.js";
 export { Select } from "./select.js";
 export { DataTable } from "./data-table.js";
+export { Accordion } from "./accordion.js";

package/src/inspector/ui/text.tsx

@@ -56,6 +56,7 @@ export function Text(
     inline?: boolean;
     small?: boolean;
     mono?: boolean;
+    style?: React.CSSProperties;
   }>,
 ) {
   return <StyledText {...props} />;

package/src/inspector/viewer/history-view.tsx

@@ -13,7 +13,6 @@ import { styled } from "goober";
 import { isCoId } from "./types";
 import { AccountOrGroupText } from "./account-or-group-text";
 import { DataTable, ColumnDef } from "../ui/data-table";
-import { Heading } from "../ui/heading";
 import { MapOpPayload } from "cojson/dist/coValues/coMap.js";
 import {
   DeletionOpPayload,
@@ -24,7 +23,7 @@ import {
   BinaryStreamEnd,
 } from "cojson/dist/coValues/coStream.js";
 import { VerifiedTransaction } from "cojson/dist/coValueCore/coValueCore.js";
-import { Icon } from "../ui";
+import { Icon, Accordion } from "../ui";
 
 type HistoryEntry = {
   id: string;
@@ -32,6 +31,7 @@ type HistoryEntry = {
   action: string;
   timestamp: Date;
   isValid: boolean;
+  validationErrorMessage: string | undefined;
 };
 
 export function HistoryView({
@@ -86,7 +86,18 @@ export function HistoryView({
     {
       id: "action",
       header: "Action",
-      accessor: (row) => row.action,
+      accessor: (row) => {
+        if (row.isValid) return row.action;
+
+        return (
+          <>
+            {row.action}
+            <span style={{ color: "red", display: "block" }}>
+              Invalid transaction: {row.validationErrorMessage}
+            </span>
+          </>
+        );
+      },
       sortable: false,
       filterable: true,
       sortFn: (a, b) => a.action.localeCompare(b.action),
@@ -102,8 +113,7 @@ export function HistoryView({
   ];
 
   return (
-    <section style={{ display: "flex", flexDirection: "column", gap: "1rem" }}>
-      <Heading>CoValue history</Heading>
+    <Accordion title="CoValue history" storageKey="jazz-inspector-show-history">
       <DataTable
         columns={columns}
         data={transactions}
@@ -112,7 +122,7 @@ export function HistoryView({
         getRowKey={(row) => row.id}
         emptyMessage="No history available"
       />
-    </section>
+    </Accordion>
   );
 }
 
@@ -133,10 +143,6 @@ function getTransactionChanges(
         readKey,
       ) ?? []
     );
-
-    // const decryptedString = coValue.core.verified.sessions.get(tx.txID.sessionID)?.impl.decryptNextTransactionChangesJson(tx.txID.txIndex, readKey);
-
-    // return decryptedString ? [decryptedString] : [];
   }
 
   return tx.changes ?? (tx.tx as any).changes ?? [];
@@ -152,6 +158,7 @@ function getHistory(coValue: RawCoValue): HistoryEntry[] {
       action: mapTransactionToAction(change, coValue),
       timestamp: new Date(tx.currentMadeAt),
       isValid: tx.isValid,
+      validationErrorMessage: tx.validationErrorMessage,
     }));
   });
 }
@@ -242,7 +249,7 @@ function mapTransactionToAction(
 
   // coMap changes
   if (isPropertySet(change)) {
-    return `Property "${change.key}" has been set to "${change.value}"`;
+    return `Property "${change.key}" has been set to ${JSON.stringify(change.value)}`;
   }
 
   if (isPropertyDeletion(change)) {

package/src/inspector/viewer/page-stack.tsx

@@ -1,6 +1,7 @@
 import { CoID, LocalNode, RawCoValue } from "cojson";
 import { styled } from "goober";
 import { Page } from "./page.js";
+import { ErrorBoundary } from "../ui/error-boundary.js";
 
 // Define the structure of a page in the path
 interface PageInfo {
@@ -41,14 +42,16 @@ export function PageStack({
       <PageStackContainer>
         {children}
         {node && page && (
-          <Page
-            coId={page.coId}
-            node={node}
-            name={page.name || page.coId}
-            onHeaderClick={goBack}
-            onNavigate={addPages}
-            isTopLevel={index === path.length - 1}
-          />
+          <ErrorBoundary title="An error occurred while rendering this CoValue">
+            <Page
+              coId={page.coId}
+              node={node}
+              name={page.name || page.coId}
+              onHeaderClick={goBack}
+              onNavigate={addPages}
+              isTopLevel={index === path.length - 1}
+            />
+          </ErrorBoundary>
         )}
       </PageStackContainer>
     </>

package/src/inspector/viewer/raw-data-card.tsx

@@ -1,8 +1,7 @@
 import { JsonObject } from "cojson";
 import { useEffect, useState } from "react";
-import { Button } from "../ui/button.js";
+import { Button, Accordion } from "../ui";
 import { Card, CardBody, CardHeader } from "../ui/card.js";
-import { Text } from "../ui/text.js";
 import { ValueRenderer } from "./value-renderer.js";
 
 function CopyButton({ data }: { data: JsonObject }) {
@@ -40,14 +39,15 @@ function CopyButton({ data }: { data: JsonObject }) {
 
 export function RawDataCard({ data }: { data: JsonObject }) {
   return (
-    <Card style={{ position: "relative" }}>
-      <CardHeader>
-        <Text strong>Raw data</Text>
-        <CopyButton data={data} />
-      </CardHeader>
-      <CardBody>
-        <ValueRenderer json={data} />
-      </CardBody>
-    </Card>
+    <Accordion title="Raw data" storageKey="jazz-inspector-show-raw-data">
+      <Card style={{ position: "relative" }}>
+        <CardHeader>
+          <CopyButton data={data} />
+        </CardHeader>
+        <CardBody>
+          <ValueRenderer json={data} />
+        </CardBody>
+      </Card>
+    </Accordion>
   );
 }

package/src/inspector/viewer/use-resolve-covalue.ts

@@ -91,7 +91,7 @@ export async function resolveCoValue(
       extendedType = "image";
     } else if (isAccount(snapshot)) {
       extendedType = "account";
-    } else if (isGroup(snapshot)) {
+    } else if (value.core.isGroup()) {
       extendedType = "group";
     }
   }
@@ -127,7 +127,7 @@ function subscribeToCoValue(
           extendedType = "image";
         } else if (isAccount(snapshot)) {
           extendedType = "account";
-        } else if (isGroup(snapshot)) {
+        } else if (value.core.isGroup()) {
           extendedType = "group";
         }
       } else if (type === "costream") {

package/src/tools/exports.ts

@@ -32,6 +32,7 @@ export type {
   RefsToResolveStrict,
   CoMapInit_DEPRECATED as CoMapInit,
   CoFeedEntry,
+  SingleCoFeedEntry,
   TextPos,
   AccountClass,
   AccountCreationProps,