Merge pull request #888 from garden-co/changeset-release/main

Version Packages
Write initial "Defining Schemas" docs (#826 )
2024-11-28 07:00:44 +00:00 · 2024-11-27 14:25:17 +00:00 · 2024-11-27 14:24:05 +00:00 · 2024-11-27 14:06:46 +00:00 · 2024-11-27 13:37:20 +00:00 · 2024-11-27 09:05:03 +00:00
237 changed files with 7173 additions and 1783 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,5 @@ coverage
 test-results
 .husky
 .vscode/settings.json
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +0,0 @@
 {
  "editor.defaultFormatter": "biomejs.biome"
 }
--- a/e2e/BinaryCoStream/CHANGELOG.md
+++ b/e2e/BinaryCoStream/CHANGELOG.md
@@ -1,5 +1,94 @@
 # @jazz-e2e/binarycostream
 ## 0.0.110
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.109
 ### Patch Changes
 - Updated dependencies [df42b2b]
 - Updated dependencies [df42b2b]
  - cojson@0.8.32
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.108
 ### Patch Changes
 - Updated dependencies [e511d6d]
  - cojson@0.8.31
  - jazz-react@0.8.31
  - jazz-tools@0.8.31
 ## 0.0.107
 ### Patch Changes
 - Updated dependencies [0a2fae3]
 - Updated dependencies [99cda2f]
  - cojson@0.8.30
  - jazz-react@0.8.30
  - jazz-tools@0.8.30
 ## 0.0.106
 ### Patch Changes
 - Updated dependencies [dcc9c2e]
 - Updated dependencies [699553f]
  - cojson@0.8.29
  - jazz-react@0.8.29
  - jazz-tools@0.8.29
 ## 0.0.105
 ### Patch Changes
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - jazz-react@0.8.28
  - jazz-tools@0.8.28
 ## 0.0.104
 ### Patch Changes
 - Updated dependencies [75fdff4]
  - cojson@0.8.27
  - jazz-react@0.8.27
  - jazz-tools@0.8.27
 ## 0.0.103
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.102
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.101
 ### Patch Changes
 - Updated dependencies [6f745be]
 - Updated dependencies [d348c2d]
 - Updated dependencies [124bf67]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - cojson@0.8.23
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.100
 ### Patch Changes
--- a/e2e/BinaryCoStream/index.html
+++ b/e2e/BinaryCoStream/index.html
@@ -5,7 +5,7 @@
    <link rel="icon" type="image/png" href="/jazz-logo.png" />
    <link rel="stylesheet" href="/src/index.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jazz BinaryCoStream Tests</title>
+    <title>Jazz FileStream Tests</title>
  </head>
  <body>
    <div id="root"></div>
--- a/e2e/BinaryCoStream/package.json
+++ b/e2e/BinaryCoStream/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "@jazz-e2e/binarycostream",
+  "name": "@jazz-e2e/filestream",
  "private": true,
-  "version": "0.0.100",
+  "version": "0.0.110",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -13,11 +13,11 @@
    "test:ui": "playwright test --ui"
  },
  "dependencies": {
-    "cojson": "workspace:0.8.21",
+    "cojson": "workspace:0.8.32",
    "hash-slash": "workspace:0.2.1",
    "is-ci": "^3.0.1",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
--- a/e2e/BinaryCoStream/src/DownloaderPeer.tsx
+++ b/e2e/BinaryCoStream/src/DownloaderPeer.tsx
@@ -1,21 +1,18 @@
-import { Account, BinaryCoStream, ID } from "jazz-tools";
+import { Account, FileStream, ID } from "jazz-tools";
 import { useEffect } from "react";
 import { useAccount, useCoState } from "./jazz";
 import { waitForCoValue } from "./lib/waitForCoValue";
 import { UploadedFile } from "./schema";
 async function getUploadedFile(me: Account, uploadedFileId: ID<UploadedFile>) {
-  const uploadedFile = await waitForCoValue(
+  const uploadedFile = await UploadedFile.load(uploadedFileId, me, {});
-    UploadedFile,
+
-    uploadedFileId,
+  if (!uploadedFile) {
-    me,
+    throw new Error("Uploaded file not found");
-    Boolean,
+  }
    {},
  );
  uploadedFile.coMapDownloaded = true;
-  await BinaryCoStream.loadAsBlob(uploadedFile._refs.file.id, me);
+  await FileStream.loadAsBlob(uploadedFile._refs.file.id, me);
  return uploadedFile;
 }
--- a/e2e/BinaryCoStream/src/lib/generateTestFile.ts
+++ b/e2e/BinaryCoStream/src/lib/generateTestFile.ts
@@ -1,4 +1,4 @@
-import { Account, BinaryCoStream, Group } from "jazz-tools";
+import { Account, FileStream, Group } from "jazz-tools";
 import { UploadedFile } from "../schema";
 export async function generateTestFile(me: Account, bytes: number) {
@@ -8,7 +8,7 @@ export async function generateTestFile(me: Account, bytes: number) {
  const ownership = { owner: group };
  const testFile = UploadedFile.create(
    {
-      file: await BinaryCoStream.createFromBlob(
+      file: await FileStream.createFromBlob(
        new Blob(["1".repeat(bytes)], { type: "image/png" }),
        ownership,
      ),
--- a/e2e/BinaryCoStream/src/schema.tsx
+++ b/e2e/BinaryCoStream/src/schema.tsx
@@ -1,7 +1,7 @@
-import { BinaryCoStream, CoMap, co } from "jazz-tools";
+import { CoMap, FileStream, co } from "jazz-tools";
 export class UploadedFile extends CoMap {
-  file = co.ref(BinaryCoStream);
+  file = co.ref(FileStream);
  syncCompleted = co.boolean;
  coMapDownloaded = co.boolean;
 }
--- a/e2e/CoValues/CHANGELOG.md
+++ b/e2e/CoValues/CHANGELOG.md
@@ -1,5 +1,94 @@
 # @jazz-e2e/covalues
 ## 0.0.109
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.108
 ### Patch Changes
 - Updated dependencies [df42b2b]
 - Updated dependencies [df42b2b]
  - cojson@0.8.32
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.107
 ### Patch Changes
 - Updated dependencies [e511d6d]
  - cojson@0.8.31
  - jazz-react@0.8.31
  - jazz-tools@0.8.31
 ## 0.0.106
 ### Patch Changes
 - Updated dependencies [0a2fae3]
 - Updated dependencies [99cda2f]
  - cojson@0.8.30
  - jazz-react@0.8.30
  - jazz-tools@0.8.30
 ## 0.0.105
 ### Patch Changes
 - Updated dependencies [dcc9c2e]
 - Updated dependencies [699553f]
  - cojson@0.8.29
  - jazz-react@0.8.29
  - jazz-tools@0.8.29
 ## 0.0.104
 ### Patch Changes
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - jazz-react@0.8.28
  - jazz-tools@0.8.28
 ## 0.0.103
 ### Patch Changes
 - Updated dependencies [75fdff4]
  - cojson@0.8.27
  - jazz-react@0.8.27
  - jazz-tools@0.8.27
 ## 0.0.102
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.101
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.100
 ### Patch Changes
 - Updated dependencies [6f745be]
 - Updated dependencies [d348c2d]
 - Updated dependencies [124bf67]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - cojson@0.8.23
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.99
 ### Patch Changes
--- a/e2e/CoValues/package.json
+++ b/e2e/CoValues/package.json
@@ -1,7 +1,7 @@
 {
  "name": "@jazz-e2e/covalues",
  "private": true,
-  "version": "0.0.99",
+  "version": "0.0.109",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/e2e/CoValues/src/app.tsx
+++ b/e2e/CoValues/src/app.tsx
@@ -3,6 +3,7 @@ import ReactDOM from "react-dom/client";
 import { RouterProvider, createBrowserRouter } from "react-router-dom";
 import { AuthAndJazz } from "./jazz";
 import { ResumeSyncState } from "./pages/ResumeSyncState";
 import { RetryUnavailable } from "./pages/RetryUnavailable";
 import { TestInput } from "./pages/TestInput";
 const router = createBrowserRouter([
@@ -14,6 +15,10 @@ const router = createBrowserRouter([
    path: "/resume-sync",
    element: <ResumeSyncState />,
  },
  {
    path: "/retry-unavailable",
    element: <RetryUnavailable />,
  },
  {
    path: "/",
    element: <TestInput />,
--- a/e2e/CoValues/src/pages/RetryUnavailable.tsx
+++ b/e2e/CoValues/src/pages/RetryUnavailable.tsx
@@ -0,0 +1,46 @@
 import { CoMap, Group, ID, co } from "jazz-tools";
 import { useEffect, useState } from "react";
 import { useAccount, useCoState } from "../jazz";
 export class RetryUnavailableCoMap extends CoMap {
  value = co.string;
 }
 function getIdParam() {
  const url = new URL(window.location.href);
  return (url.searchParams.get("id") as ID<RetryUnavailableCoMap>) ?? undefined;
 }
 export function RetryUnavailable() {
  const [id, setId] = useState(getIdParam);
  const coMap = useCoState(RetryUnavailableCoMap, id);
  const { me } = useAccount();
  useEffect(() => {
    if (id) {
      const url = new URL(window.location.href);
      url.searchParams.set("id", id);
      history.pushState({}, "", url.toString());
    }
  }, [id]);
  const createCoMap = () => {
    if (!me || id) return;
    const group = Group.create({ owner: me });
    group.addMember("everyone", "writer");
    setId(
      RetryUnavailableCoMap.create({ value: "Hello!" }, { owner: group }).id,
    );
  };
  return (
    <div>
      <h1>Retry Unavailable</h1>
      <p data-testid="id">{coMap?.id}</p>
      <button onClick={createCoMap}>Create a new value!</button>
    </div>
  );
 }
--- a/e2e/CoValues/tests/RetryUnavailable.test.ts
+++ b/e2e/CoValues/tests/RetryUnavailable.test.ts
@@ -0,0 +1,34 @@
 import { setTimeout } from "node:timers/promises";
 import { expect, test } from "@playwright/test";
 test.describe("Retry unavailable states", () => {
  test("should retry unavailable values", async ({ page, browser }) => {
    const context = page.context();
    await page.goto("/retry-unavailable?userName=SuperMario");
    await context.setOffline(true);
    await page.getByRole("button", { name: "Create a new value!" }).click();
    const id = await page.getByTestId("id").textContent();
    // Create a new incognito instance and try to load the coValue
    const newUserPage = await (await browser.newContext()).newPage();
    await newUserPage.goto(`/retry-unavailable?userName=Luigi&id=${id}`);
    await expect(newUserPage.getByTestId("id")).toBeInViewport({
      timeout: 20_000,
    });
    // Make the load fail at least twice
    await setTimeout(1000);
    // Go back online, the value should be uploaded
    await context.setOffline(false);
    await expect(newUserPage.getByTestId("id")).toHaveText(id ?? "", {
      timeout: 20_000,
    });
  });
 });
--- a/examples/book-shelf/CHANGELOG.md
+++ b/examples/book-shelf/CHANGELOG.md
@@ -1,5 +1,86 @@
 # jazz-example-book-shelf
 ## 0.1.25
 ### Patch Changes
 - jazz-browser-media-images@0.8.33
 - jazz-react@0.8.33
 ## 0.1.24
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
  - jazz-browser-media-images@0.8.32
 ## 0.1.23
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 - jazz-browser-media-images@0.8.31
 ## 0.1.22
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 - jazz-browser-media-images@0.8.30
 ## 0.1.21
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 - jazz-browser-media-images@0.8.29
 ## 0.1.20
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 - jazz-browser-media-images@0.8.28
 ## 0.1.19
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 - jazz-browser-media-images@0.8.27
 ## 0.1.18
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.1.17
 ### Patch Changes
 - jazz-browser-media-images@0.8.24
 - jazz-react@0.8.24
 ## 0.1.16
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
  - jazz-browser-media-images@0.8.23
 ## 0.1.15
 ### Patch Changes
--- a/examples/book-shelf/package.json
+++ b/examples/book-shelf/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-example-book-shelf",
-  "version": "0.1.15",
+  "version": "0.1.25",
  "private": true,
  "scripts": {
    "dev": "next dev",
@@ -11,9 +11,9 @@
  },
  "dependencies": {
    "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.22",
+    "jazz-browser-media-images": "workspace:0.8.33",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "next": "14.2.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
--- a/examples/chat-clerk/CHANGELOG.md
+++ b/examples/chat-clerk/CHANGELOG.md
@@ -1,5 +1,105 @@
 # jazz-example-chat
 ## 0.0.109
 ### Patch Changes
 - jazz-react@0.8.33
 - jazz-react-auth-clerk@0.8.33
 ## 0.0.108
 ### Patch Changes
 - Updated dependencies [df42b2b]
 - Updated dependencies [1a4bda0]
 - Updated dependencies [df42b2b]
  - cojson@0.8.32
  - jazz-react-auth-clerk@0.8.32
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.107
 ### Patch Changes
 - Updated dependencies [e511d6d]
  - cojson@0.8.31
  - jazz-react@0.8.31
  - jazz-react-auth-clerk@0.8.31
  - jazz-tools@0.8.31
 ## 0.0.106
 ### Patch Changes
 - Updated dependencies [0a2fae3]
 - Updated dependencies [99cda2f]
  - cojson@0.8.30
  - jazz-react@0.8.30
  - jazz-react-auth-clerk@0.8.30
  - jazz-tools@0.8.30
 ## 0.0.105
 ### Patch Changes
 - Updated dependencies [dcc9c2e]
 - Updated dependencies [699553f]
  - cojson@0.8.29
  - jazz-react@0.8.29
  - jazz-react-auth-clerk@0.8.29
  - jazz-tools@0.8.29
 ## 0.0.104
 ### Patch Changes
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - jazz-react@0.8.28
  - jazz-react-auth-clerk@0.8.28
  - jazz-tools@0.8.28
 ## 0.0.103
 ### Patch Changes
 - Updated dependencies [75fdff4]
  - cojson@0.8.27
  - jazz-react@0.8.27
  - jazz-react-auth-clerk@0.8.27
  - jazz-tools@0.8.27
 ## 0.0.102
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
  - jazz-react-auth-clerk@0.8.26
 ## 0.0.101
 ### Patch Changes
 - jazz-react@0.8.24
 - jazz-react-auth-clerk@0.8.24
 ## 0.0.100
 ### Patch Changes
 - Updated dependencies [6f745be]
 - Updated dependencies [d348c2d]
 - Updated dependencies [124bf67]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - cojson@0.8.23
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
  - jazz-react-auth-clerk@0.8.23
 ## 0.0.99
 ### Patch Changes
--- a/examples/chat-clerk/package.json
+++ b/examples/chat-clerk/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-chat-clerk",
  "private": true,
-  "version": "0.0.99",
+  "version": "0.0.109",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -17,11 +17,11 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.21",
+    "cojson": "workspace:0.8.32",
    "hash-slash": "workspace:0.2.1",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-react-auth-clerk": "workspace:0.8.22",
+    "jazz-react-auth-clerk": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
--- a/examples/chat-clerk/src/main.tsx
+++ b/examples/chat-clerk/src/main.tsx
@@ -18,7 +18,7 @@ function JazzAndAuth({ children }: { children: React.ReactNode }) {
      {state.errors.map((error) => (
        <div key={error}>{error}</div>
      ))}
-      {auth ? (
+      {clerk.user && auth ? (
        <Jazz.Provider
          auth={auth}
          peer="wss://cloud.jazz.tools/?key=chat-example-jazz-clerk@gcmp.io"
--- a/examples/chat-rn-clerk/CHANGELOG.md
+++ b/examples/chat-rn-clerk/CHANGELOG.md
@@ -1,5 +1,91 @@
 # chat-rn-clerk
 ## 1.0.25
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.33
 ## 1.0.24
 ### Patch Changes
 - Updated dependencies [1a4bda0]
 - Updated dependencies [df42b2b]
  - jazz-react-auth-clerk@0.8.32
  - jazz-tools@0.8.32
  - jazz-react-native@0.8.32
  - jazz-react-native-media-images@0.8.24
 ## 1.0.23
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.31
 - jazz-react-native@0.8.31
 - jazz-tools@0.8.31
 - jazz-react-native-media-images@0.8.23
 ## 1.0.22
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.30
 - jazz-react-native@0.8.30
 - jazz-tools@0.8.30
 - jazz-react-native-media-images@0.8.22
 ## 1.0.21
 ### Patch Changes
 - jazz-react-native@0.8.29
 - jazz-react-auth-clerk@0.8.29
 - jazz-tools@0.8.29
 - jazz-react-native-media-images@0.8.21
 ## 1.0.20
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.28
 - jazz-react-native@0.8.28
 - jazz-tools@0.8.28
 - jazz-react-native-media-images@0.8.20
 ## 1.0.19
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.27
 - jazz-react-native@0.8.27
 - jazz-tools@0.8.27
 - jazz-react-native-media-images@0.8.19
 ## 1.0.18
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.26
 ## 1.0.17
 ### Patch Changes
 - jazz-react-auth-clerk@0.8.24
 ## 1.0.16
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react-auth-clerk@0.8.23
  - jazz-react-native@0.8.23
  - jazz-react-native-media-images@0.8.18
 ## 1.0.15
 ### Patch Changes
--- a/examples/chat-rn-clerk/package.json
+++ b/examples/chat-rn-clerk/package.json
@@ -1,7 +1,7 @@
 {
  "name": "chat-rn-clerk",
  "main": "index.js",
-  "version": "1.0.15",
+  "version": "1.0.25",
  "scripts": {
    "build": "expo export -p ios",
    "start": "expo start",
--- a/examples/chat-rn/CHANGELOG.md
+++ b/examples/chat-rn/CHANGELOG.md
@@ -1,5 +1,58 @@
 # chat-rn
 ## 1.0.23
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react-native@0.8.32
 ## 1.0.22
 ### Patch Changes
 - jazz-react-native@0.8.31
 - jazz-tools@0.8.31
 ## 1.0.21
 ### Patch Changes
 - jazz-react-native@0.8.30
 - jazz-tools@0.8.30
 ## 1.0.20
 ### Patch Changes
 - jazz-react-native@0.8.29
 - jazz-tools@0.8.29
 ## 1.0.19
 ### Patch Changes
 - jazz-react-native@0.8.28
 - jazz-tools@0.8.28
 ## 1.0.18
 ### Patch Changes
 - jazz-react-native@0.8.27
 - jazz-tools@0.8.27
 ## 1.0.17
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react-native@0.8.23
 ## 1.0.16
 ### Patch Changes
--- a/examples/chat-rn/package.json
+++ b/examples/chat-rn/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-rn",
-  "version": "1.0.16",
+  "version": "1.0.23",
  "main": "index.js",
  "scripts": {
    "build": "expo export -p ios",
--- a/examples/chat-vue/CHANGELOG.md
+++ b/examples/chat-vue/CHANGELOG.md
@@ -1,5 +1,81 @@
 # chat-vue
 ## 0.0.16
 ### Patch Changes
 - Updated dependencies [3cb27e1]
  - jazz-browser@0.8.33
  - jazz-vue@0.8.21
 ## 0.0.15
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-browser@0.8.32
  - jazz-vue@0.8.20
 ## 0.0.14
 ### Patch Changes
 - jazz-browser@0.8.31
 - jazz-tools@0.8.31
 - jazz-vue@0.8.19
 ## 0.0.13
 ### Patch Changes
 - jazz-browser@0.8.30
 - jazz-tools@0.8.30
 - jazz-vue@0.8.18
 ## 0.0.12
 ### Patch Changes
 - jazz-browser@0.8.29
 - jazz-tools@0.8.29
 - jazz-vue@0.8.17
 ## 0.0.11
 ### Patch Changes
 - jazz-browser@0.8.28
 - jazz-tools@0.8.28
 - jazz-vue@0.8.16
 ## 0.0.10
 ### Patch Changes
 - jazz-browser@0.8.27
 - jazz-tools@0.8.27
 - jazz-vue@0.8.15
 ## 0.0.9
 ### Patch Changes
 - jazz-browser@0.8.24
 - jazz-vue@0.8.14
 ## 0.0.8
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [e442bb8]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-browser@0.8.23
  - jazz-vue@0.8.13
 ## 0.0.7
 ### Patch Changes
--- a/examples/chat-vue/package.json
+++ b/examples/chat-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-vue",
-  "version": "0.0.7",
+  "version": "0.0.16",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/chat/CHANGELOG.md
+++ b/examples/chat/CHANGELOG.md
@@ -1,5 +1,95 @@
 # jazz-example-chat
 ## 0.0.111
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.110
 ### Patch Changes
 - Updated dependencies [df42b2b]
 - Updated dependencies [df42b2b]
  - cojson@0.8.32
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.109
 ### Patch Changes
 - Updated dependencies [e511d6d]
  - cojson@0.8.31
  - jazz-react@0.8.31
  - jazz-tools@0.8.31
 ## 0.0.108
 ### Patch Changes
 - Updated dependencies [0a2fae3]
 - Updated dependencies [99cda2f]
  - cojson@0.8.30
  - jazz-react@0.8.30
  - jazz-tools@0.8.30
 ## 0.0.107
 ### Patch Changes
 - Updated dependencies [dcc9c2e]
 - Updated dependencies [699553f]
  - cojson@0.8.29
  - jazz-react@0.8.29
  - jazz-tools@0.8.29
 ## 0.0.106
 ### Patch Changes
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - jazz-react@0.8.28
  - jazz-tools@0.8.28
 ## 0.0.105
 ### Patch Changes
 - Updated dependencies [75fdff4]
  - cojson@0.8.27
  - jazz-react@0.8.27
  - jazz-tools@0.8.27
 ## 0.0.104
 ### Patch Changes
 - 59d37df: add autologin option to DemoAuth to skip login
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.103
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.102
 ### Patch Changes
 - Updated dependencies [6f745be]
 - Updated dependencies [d348c2d]
 - Updated dependencies [124bf67]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - cojson@0.8.23
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.101
 ### Patch Changes
--- a/examples/chat/package.json
+++ b/examples/chat/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-chat",
  "private": true,
-  "version": "0.0.101",
+  "version": "0.0.111",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -18,10 +18,10 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.21",
+    "cojson": "workspace:0.8.32",
    "hash-slash": "workspace:0.2.1",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
--- a/examples/chat/src/app.tsx
+++ b/examples/chat/src/app.tsx
@@ -1,3 +1,4 @@
 import { inIframe, onChatLoad } from "@/util.ts";
 import { useIframeHashRouter } from "hash-slash";
 import { Group, ID } from "jazz-tools";
 import { ChatScreen } from "./chatScreen.tsx";
@@ -15,12 +16,16 @@ export function App() {
    group.addMember("everyone", "writer");
    const chat = Chat.create([], { owner: group });
    router.navigate("/#/chat/" + chat.id);
    // for https://jazz.tools marketing site demo only
    onChatLoad(chat, me);
  };
  return (
    <AppContainer>
      <TopBar>
-        <p>{me?.profile?.name}</p> · <button onClick={logOut}>Log out</button>
+        <p>{me?.profile?.name}</p>
        {!inIframe && <button onClick={logOut}>Log out</button>}
      </TopBar>
      {router.route({
        "/": () => createChat() as never,
--- a/examples/chat/src/chatScreen.tsx
+++ b/examples/chat/src/chatScreen.tsx
@@ -48,10 +48,11 @@ export function ChatScreen(props: { chatID: ID<Chat> }) {
 function ChatBubble(props: { msg: Message }) {
  const lastEdit = props.msg._edits.text;
  const fromMe = lastEdit.by?.isMe;
  return (
-    <BubbleContainer fromMe={lastEdit.by?.isMe}>
+    <BubbleContainer fromMe={fromMe}>
-      <BubbleBody>{props.msg.text}</BubbleBody>
+      <BubbleBody fromMe={fromMe}>{props.msg.text}</BubbleBody>
      <BubbleInfo by={lastEdit.by?.profile?.name} madeAt={lastEdit.madeAt} />
    </BubbleContainer>
  );
--- a/examples/chat/src/ui.tsx
+++ b/examples/chat/src/ui.tsx
@@ -1,3 +1,4 @@
 import clsx from "clsx";
 import { useId } from "react";
 export function AppContainer(props: { children: React.ReactNode }) {
@@ -10,7 +11,7 @@ export function AppContainer(props: { children: React.ReactNode }) {
 export function TopBar(props: { children: React.ReactNode }) {
  return (
-    <div className="p-3 bg-white w-full flex justify-end gap-1 text-xs border-b dark:bg-transparent dark:border-stone-800">
+    <div className="p-3 bg-white w-full flex justify-between gap-2 border-b dark:bg-transparent dark:border-stone-800">
      {props.children}
    </div>
  );
@@ -29,7 +30,7 @@ export function ChatBody(props: { children: React.ReactNode }) {
 export function EmptyChatMessage() {
  return (
-    <div className="h-full text-base text-stone-500 flex items-center justify-center px-3 md:text-xl">
+    <div className="h-full text-base text-stone-500 flex items-center justify-center px-3 text-lg md:text-2xl">
      Start a conversation below.
    </div>
  );
@@ -41,15 +42,26 @@ export function BubbleContainer(props: {
 }) {
  const align = props.fromMe ? "items-end" : "items-start";
  return (
-    <div className={`${align} flex flex-col m-2`} role="row">
+    <div className={`${align} flex flex-col m-3`} role="row">
      {props.children}
    </div>
  );
 }
-export function BubbleBody(props: { children: React.ReactNode }) {
+export function BubbleBody(props: {
  children: React.ReactNode;
  fromMe: boolean | undefined;
 }) {
  return (
-    <div className="rounded-2xl text-sm line-clamp-10 text-ellipsis bg-white max-w-full whitespace-pre-wrap dark:bg-stone-700 dark:text-white py-1 px-3 shadow-sm">
+    <div
      className={clsx(
        "line-clamp-10 text-ellipsis whitespace-pre-wrap",
        "rounded-2xl max-w-full py-1 px-3 shadow-sm",
        props.fromMe
          ? "bg-white dark:bg-stone-700 dark:text-white"
          : "bg-blue text-white",
      )}
    >
      {props.children}
    </div>
  );
@@ -73,7 +85,7 @@ export function ChatInput(props: { onSubmit: (text: string) => void }) {
      </label>
      <input
        id={inputId}
-        className="rounded-full py-2 px-4 text-sm border block w-full dark:bg-black dark:text-white dark:border-stone-700"
+        className="rounded-full py-2 px-4 border block w-full dark:bg-black dark:text-white dark:border-stone-700"
        placeholder="Type a message and press Enter"
        maxLength={2048}
        onKeyDown={({ key, currentTarget: input }) => {
--- a/examples/chat/src/util.ts
+++ b/examples/chat/src/util.ts
@@ -0,0 +1,27 @@
 // This is only for demo purposes for https://jazz.tools
 // This is NOT needed to make the chat work
 import { Chat } from "@/schema.ts";
 import { Account, CoValue, ID } from "jazz-tools";
 export function waitForUpload(id: ID<CoValue>, me: Account) {
  const syncManager = me._raw.core.node.syncManager;
  const peers = syncManager.getPeers();
  return Promise.all(
    peers.map((peer) => syncManager.waitForUploadIntoPeer(peer.id, id)),
  );
 }
 export function onChatLoad(chat: Chat, me: Account) {
  if (window.parent) {
    waitForUpload(chat.id, me).then(() => {
      window.parent.postMessage(
        { type: "chat-load", id: "/chat/" + chat.id },
        "*",
      );
    });
  }
 }
 export const inIframe = window.self !== window.top;
--- a/examples/chat/tailwind.config.js
+++ b/examples/chat/tailwind.config.js
@@ -16,6 +16,10 @@ module.exports = {
    },
    extend: {
      colors: {
        blue: {
          700: "#3313F7",
          DEFAULT: "#3313F7",
        },
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
--- a/examples/chat/tests/pages/ChatPage.ts
+++ b/examples/chat/tests/pages/ChatPage.ts
@@ -20,10 +20,6 @@ export class ChatPage {
    await this.messageInput.press("Enter");
  }
  async expectLoaded() {
    await expect(this.messageInput).toBeVisible();
  }
  async expectMessageRow(message: string) {
    await expect(this.page.getByText(message)).toBeVisible();
  }
--- a/examples/inspector/CHANGELOG.md
+++ b/examples/inspector/CHANGELOG.md
@@ -1,5 +1,64 @@
 # jazz-example-inspector
 ## 0.0.80
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - cojson@0.8.32
  - cojson-transport-ws@0.8.32
 ## 0.0.79
 ### Patch Changes
 - Updated dependencies [e511d6d]
  - cojson@0.8.31
  - cojson-transport-ws@0.8.31
 ## 0.0.78
 ### Patch Changes
 - Updated dependencies [0a2fae3]
 - Updated dependencies [99cda2f]
  - cojson@0.8.30
  - cojson-transport-ws@0.8.30
 ## 0.0.77
 ### Patch Changes
 - Updated dependencies [dcc9c2e]
 - Updated dependencies [699553f]
  - cojson-transport-ws@0.8.29
  - cojson@0.8.29
 ## 0.0.76
 ### Patch Changes
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - cojson-transport-ws@0.8.28
 ## 0.0.75
 ### Patch Changes
 - Updated dependencies [75fdff4]
  - cojson@0.8.27
  - cojson-transport-ws@0.8.27
 ## 0.0.74
 ### Patch Changes
 - Updated dependencies [6f745be]
 - Updated dependencies [124bf67]
  - cojson@0.8.23
  - cojson-transport-ws@0.8.23
 ## 0.0.73
 ### Patch Changes
--- a/examples/inspector/package.json
+++ b/examples/inspector/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-inspector",
  "private": true,
-  "version": "0.0.73",
+  "version": "0.0.80",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -16,8 +16,8 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.21",
+    "cojson": "workspace:0.8.32",
-    "cojson-transport-ws": "workspace:0.8.21",
+    "cojson-transport-ws": "workspace:0.8.32",
    "hash-slash": "workspace:0.2.1",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
--- a/examples/minimal-auth-clerk/.env
+++ b/examples/minimal-auth-clerk/.env
@@ -0,0 +1 @@
 VITE_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ
--- a/examples/minimal-auth-clerk/.gitignore
+++ b/examples/minimal-auth-clerk/.gitignore
@@ -0,0 +1,24 @@
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 node_modules
 dist
 dist-ssr
 *.local
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
 .DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
--- a/examples/minimal-auth-clerk/CHANGELOG.md
+++ b/examples/minimal-auth-clerk/CHANGELOG.md
@@ -0,0 +1,84 @@
 # minimal-auth-clerk
 ## 0.0.10
 ### Patch Changes
 - jazz-react@0.8.33
 - jazz-react-auth-clerk@0.8.33
 ## 0.0.9
 ### Patch Changes
 - Updated dependencies [1a4bda0]
 - Updated dependencies [df42b2b]
  - jazz-react-auth-clerk@0.8.32
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.8
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-react-auth-clerk@0.8.31
 - jazz-tools@0.8.31
 ## 0.0.7
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-react-auth-clerk@0.8.30
 - jazz-tools@0.8.30
 ## 0.0.6
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-react-auth-clerk@0.8.29
 - jazz-tools@0.8.29
 ## 0.0.5
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-react-auth-clerk@0.8.28
 - jazz-tools@0.8.28
 ## 0.0.4
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-react-auth-clerk@0.8.27
 - jazz-tools@0.8.27
 ## 0.0.3
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
  - jazz-react-auth-clerk@0.8.26
 ## 0.0.2
 ### Patch Changes
 - jazz-react@0.8.24
 - jazz-react-auth-clerk@0.8.24
 ## 0.0.1
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
  - jazz-react-auth-clerk@0.8.23
--- a/examples/minimal-auth-clerk/README.md
+++ b/examples/minimal-auth-clerk/README.md
@@ -0,0 +1,3 @@
 # Minimal Jazz Auth Clerk Example
 This is a minimal example of how to use Clerk authentication with Jazz.
--- a/examples/minimal-auth-clerk/index.html
+++ b/examples/minimal-auth-clerk/index.html
@@ -0,0 +1,16 @@
 <!doctype html>
 <html lang="en">
 <head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Minimal Auth Clerk Example | Jazz</title>
 </head>
 <body>
  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script>
 </body>
 </html>
--- a/examples/minimal-auth-clerk/package.json
+++ b/examples/minimal-auth-clerk/package.json
@@ -0,0 +1,30 @@
 {
  "name": "minimal-auth-clerk",
  "private": true,
  "version": "0.0.10",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "preview": "vite preview",
    "format-and-lint": "biome check .",
    "format-and-lint:fix": "biome check . --write"
  },
  "dependencies": {
    "@clerk/clerk-react": "^5.4.1",
    "jazz-tools": "workspace:*",
    "jazz-react": "workspace:*",
    "jazz-react-auth-clerk": "workspace:0.8.33",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@biomejs/biome": "1.9.4",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@vitejs/plugin-react": "^4.3.3",
    "globals": "^15.11.0",
    "typescript": "~5.6.2",
    "vite": "^5.4.10"
  }
 }
--- a/examples/minimal-auth-clerk/public/vite.svg
+++ b/examples/minimal-auth-clerk/public/vite.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/examples/minimal-auth-clerk/src/App.css
+++ b/examples/minimal-auth-clerk/src/App.css
@@ -0,0 +1,42 @@
 #root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
 }
 .logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
 }
 .logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
 }
 .logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
 }
@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
 }
@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
 }
 .card {
  padding: 2em;
 }
 .read-the-docs {
  color: #888;
 }
--- a/examples/minimal-auth-clerk/src/App.tsx
+++ b/examples/minimal-auth-clerk/src/App.tsx
@@ -0,0 +1,16 @@
 import "./App.css";
 import { useAccount } from "./main";
 function App() {
  const { me, logOut } = useAccount();
  return (
    <>
      <h1>You're logged in</h1>
      <p>Welcome back, {me?.profile?.name}</p>
      <button onClick={() => logOut()}>Logout</button>
    </>
  );
 }
 export default App;
--- a/examples/minimal-auth-clerk/src/assets/react.svg
+++ b/examples/minimal-auth-clerk/src/assets/react.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
--- a/examples/minimal-auth-clerk/src/index.css
+++ b/examples/minimal-auth-clerk/src/index.css
@@ -0,0 +1,68 @@
 :root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
 }
 a:hover {
  color: #535bf2;
 }
 body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
 }
 h1 {
  font-size: 3.2em;
  line-height: 1.1;
 }
 button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
 }
 button:hover {
  border-color: #646cff;
 }
 button:focus,
 button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
 }
@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
 }
--- a/examples/minimal-auth-clerk/src/main.tsx
+++ b/examples/minimal-auth-clerk/src/main.tsx
@@ -0,0 +1,50 @@
 import { ClerkProvider, SignInButton, useClerk } from "@clerk/clerk-react";
 import { createJazzReactApp } from "jazz-react";
 import { useJazzClerkAuth } from "jazz-react-auth-clerk";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
 // Import your publishable key
 const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY;
 if (!PUBLISHABLE_KEY) {
  throw new Error("Add your Clerk publishable key to the .env.local file");
 }
 const Jazz = createJazzReactApp();
 export const { useAccount, useCoState } = Jazz;
 function JazzAndAuth({ children }: { children: React.ReactNode }) {
  const clerk = useClerk();
  const [auth, state] = useJazzClerkAuth(clerk);
  return (
    <>
      {state?.errors?.map((error) => (
        <div key={error}>{error}</div>
      ))}
      {clerk.user && auth ? (
        <Jazz.Provider
          auth={auth}
          peer="wss://cloud.jazz.tools/?key=minimal-auth-clerk-example@gcmp.io"
        >
          {children}
        </Jazz.Provider>
      ) : (
        <SignInButton />
      )}
    </>
  );
 }
 createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <ClerkProvider publishableKey={PUBLISHABLE_KEY} afterSignOutUrl="/">
      <JazzAndAuth>
        <App />
      </JazzAndAuth>
    </ClerkProvider>
  </StrictMode>,
 );
--- a/examples/minimal-auth-clerk/src/vite-env.d.ts
+++ b/examples/minimal-auth-clerk/src/vite-env.d.ts
@@ -0,0 +1 @@
 /// <reference types="vite/client" />
--- a/examples/minimal-auth-clerk/tsconfig.app.json
+++ b/examples/minimal-auth-clerk/tsconfig.app.json
@@ -0,0 +1,24 @@
 {
  "compilerOptions": {
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2023", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
  "include": ["src"]
 }
--- a/examples/minimal-auth-clerk/tsconfig.json
+++ b/examples/minimal-auth-clerk/tsconfig.json
@@ -0,0 +1,7 @@
 {
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ]
 }
--- a/examples/minimal-auth-clerk/tsconfig.node.json
+++ b/examples/minimal-auth-clerk/tsconfig.node.json
@@ -0,0 +1,22 @@
 {
  "compilerOptions": {
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
    "target": "ES2022",
    "lib": ["ES2023"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
  "include": ["vite.config.ts"]
 }
--- a/examples/minimal-auth-clerk/vite.config.ts
+++ b/examples/minimal-auth-clerk/vite.config.ts
@@ -0,0 +1,7 @@
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 // https://vite.dev/config/
 export default defineConfig({
  plugins: [react()],
 });
--- a/examples/minimal-auth-passkey/.gitignore
+++ b/examples/minimal-auth-passkey/.gitignore
@@ -0,0 +1,24 @@
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 node_modules
 dist
 dist-ssr
 *.local
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
 .idea
 .DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
--- a/examples/minimal-auth-passkey/CHANGELOG.md
+++ b/examples/minimal-auth-passkey/CHANGELOG.md
@@ -0,0 +1,63 @@
 # minimal-auth-passkey
 ## 0.0.9
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.8
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.7
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 ## 0.0.6
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 ## 0.0.5
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 ## 0.0.4
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 ## 0.0.3
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 ## 0.0.2
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.1
 ### Patch Changes
 - jazz-react@0.8.24
--- a/examples/minimal-auth-passkey/README.md
+++ b/examples/minimal-auth-passkey/README.md
@@ -0,0 +1,4 @@
 # Minimal Jazz Passkey Auth Example
 This is a minimal example of how to use passkey authentication with Jazz.
--- a/examples/minimal-auth-passkey/index.html
+++ b/examples/minimal-auth-passkey/index.html
@@ -0,0 +1,13 @@
 <!doctype html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Jazz | Minimal Auth Passkey Example</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
 </html>
--- a/examples/minimal-auth-passkey/package.json
+++ b/examples/minimal-auth-passkey/package.json
@@ -0,0 +1,28 @@
 {
  "name": "minimal-auth-passkey",
  "private": true,
  "version": "0.0.9",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc -b && vite build",
    "preview": "vite preview",
    "format-and-lint": "biome check .",
    "format-and-lint:fix": "biome check . --write"
  },
  "dependencies": {
    "jazz-tools": "workspace:*",
    "jazz-react": "workspace:*",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
  },
  "devDependencies": {
    "@biomejs/biome": "1.9.4",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@vitejs/plugin-react": "^4.3.3",
    "globals": "^15.11.0",
    "typescript": "~5.6.2",
    "vite": "^5.4.10"
  }
 }
--- a/examples/minimal-auth-passkey/public/vite.svg
+++ b/examples/minimal-auth-passkey/public/vite.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/examples/minimal-auth-passkey/src/App.css
+++ b/examples/minimal-auth-passkey/src/App.css
@@ -0,0 +1,42 @@
 #root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
 }
 .logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
 }
 .logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
 }
 .logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
 }
@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
 }
@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
 }
 .card {
  padding: 2em;
 }
 .read-the-docs {
  color: #888;
 }
--- a/examples/minimal-auth-passkey/src/App.tsx
+++ b/examples/minimal-auth-passkey/src/App.tsx
@@ -0,0 +1,16 @@
 import "./App.css";
 import { useAccount } from "./main";
 function App() {
  const { me, logOut } = useAccount();
  return (
    <>
      <h1>You're logged in</h1>
      <p>Welcome back, {me?.profile?.name}</p>
      <button onClick={() => logOut()}>Logout</button>
    </>
  );
 }
 export default App;
--- a/examples/minimal-auth-passkey/src/assets/react.svg
+++ b/examples/minimal-auth-passkey/src/assets/react.svg
@@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
--- a/examples/minimal-auth-passkey/src/index.css
+++ b/examples/minimal-auth-passkey/src/index.css
@@ -0,0 +1,68 @@
 :root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
 }
 a:hover {
  color: #535bf2;
 }
 body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 320px;
  min-height: 100vh;
 }
 h1 {
  font-size: 3.2em;
  line-height: 1.1;
 }
 button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
 }
 button:hover {
  border-color: #646cff;
 }
 button:focus,
 button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
 }
@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
 }
--- a/examples/minimal-auth-passkey/src/main.tsx
+++ b/examples/minimal-auth-passkey/src/main.tsx
@@ -0,0 +1,39 @@
 import {
  PasskeyAuthBasicUI,
  createJazzReactApp,
  usePasskeyAuth,
 } from "jazz-react";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
 const Jazz = createJazzReactApp();
 export const { useAccount, useCoState } = Jazz;
 function JazzAndAuth({ children }: { children: React.ReactNode }) {
  const [auth, state] = usePasskeyAuth({
    appName: "Jazz Minimal Auth Passkey Example",
  });
  return (
    <>
      <Jazz.Provider
        auth={auth}
        peer="wss://cloud.jazz.tools/?key=minimal-auth-passkey-example@gcmp.io"
      >
        {children}
      </Jazz.Provider>
      <PasskeyAuthBasicUI state={state} />
    </>
  );
 }
 createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <JazzAndAuth>
      <App />
    </JazzAndAuth>
  </StrictMode>,
 );
--- a/examples/minimal-auth-passkey/src/vite-env.d.ts
+++ b/examples/minimal-auth-passkey/src/vite-env.d.ts
@@ -0,0 +1 @@
 /// <reference types="vite/client" />
--- a/examples/minimal-auth-passkey/tsconfig.app.json
+++ b/examples/minimal-auth-passkey/tsconfig.app.json
@@ -0,0 +1,24 @@
 {
  "compilerOptions": {
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2023", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
  "include": ["src"]
 }
--- a/examples/minimal-auth-passkey/tsconfig.json
+++ b/examples/minimal-auth-passkey/tsconfig.json
@@ -0,0 +1,7 @@
 {
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ]
 }
--- a/examples/minimal-auth-passkey/tsconfig.node.json
+++ b/examples/minimal-auth-passkey/tsconfig.node.json
@@ -0,0 +1,22 @@
 {
  "compilerOptions": {
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
    "target": "ES2022",
    "lib": ["ES2023"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "Bundler",
    "allowImportingTsExtensions": true,
    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
  "include": ["vite.config.ts"]
 }
--- a/examples/minimal-auth-passkey/vite.config.ts
+++ b/examples/minimal-auth-passkey/vite.config.ts
@@ -0,0 +1,7 @@
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 // https://vite.dev/config/
 export default defineConfig({
  plugins: [react()],
 });
--- a/examples/music-player/CHANGELOG.md
+++ b/examples/music-player/CHANGELOG.md
@@ -1,5 +1,77 @@
 # jazz-example-musicplayer
 ## 0.0.31
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.30
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.29
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 ## 0.0.28
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 ## 0.0.27
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 ## 0.0.26
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 ## 0.0.25
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 ## 0.0.24
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.23
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.22
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.21
 ### Patch Changes
--- a/examples/music-player/package.json
+++ b/examples/music-player/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-music-player",
  "private": true,
-  "version": "0.0.21",
+  "version": "0.0.31",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -18,8 +18,8 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "lucide-react": "^0.274.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
--- a/examples/music-player/src/1_schema.ts
+++ b/examples/music-player/src/1_schema.ts
@@ -1,11 +1,4 @@
-import {
+import { Account, CoList, CoMap, FileStream, Profile, co } from "jazz-tools";
  Account,
  BinaryCoStream,
  CoList,
  CoMap,
  Profile,
  co,
 } from "jazz-tools";
 /** Walkthrough: Defining the data model with CoJSON
 *
@@ -36,12 +29,12 @@ export class MusicTrack extends CoMap {
  sourceTrack = co.optional.ref(MusicTrack);
  /**
-   * In Jazz you can files using BinaryCoStream.
+   * In Jazz you can upload files using FileStream.
   *
-   * As for any other coValue the music files we put inside BinaryCoStream
+   * As for any other coValue the music files we put inside FileStream
   * is available offline and end-to-end encrypted 😉
   */
-  file = co.ref(BinaryCoStream);
+  file = co.ref(FileStream);
  waveform = co.ref(MusicTrackWaveform);
 }
--- a/examples/music-player/src/4_actions.ts
+++ b/examples/music-player/src/4_actions.ts
@@ -1,5 +1,5 @@
 import { getAudioFileData } from "@/lib/audio/getAudioFileData";
-import { BinaryCoStream, Group } from "jazz-tools";
+import { FileStream, Group } from "jazz-tools";
 import {
  ListOfTracks,
  MusicTrack,
@@ -35,14 +35,14 @@ export async function uploadMusicTracks(
  for (const file of files) {
    const data = await getAudioFileData(file);
-    // We transform the file blob into a BinaryCoStream
+    // We transform the file blob into a FileStream
    // making it a collaborative value that is encrypted, easy
    // to share across devices and users and available offline!
-    const binaryCoStream = await BinaryCoStream.createFromBlob(file, ownership);
+    const fileStream = await FileStream.createFromBlob(file, ownership);
    const musicTrack = MusicTrack.create(
      {
-        file: binaryCoStream,
+        file: fileStream,
        duration: data.duration,
        waveform: MusicTrackWaveform.create({ data: data.waveform }, ownership),
        title: file.name,
@@ -98,7 +98,7 @@ export async function addTrackToPlaylist(
   * won't need to clone values to have this kind of sharing granularity
   */
  const ownership = { owner: playlist._owner };
-  const blob = await BinaryCoStream.loadAsBlob(track._refs.file.id, account);
+  const blob = await FileStream.loadAsBlob(track._refs.file.id, account);
  const waveform = await MusicTrackWaveform.load(
    track._refs.waveform.id,
    account,
@@ -109,7 +109,7 @@ export async function addTrackToPlaylist(
  const trackClone = MusicTrack.create(
    {
-      file: await BinaryCoStream.createFromBlob(blob, ownership),
+      file: await FileStream.createFromBlob(blob, ownership),
      duration: track.duration,
      waveform: MusicTrackWaveform.create({ data: waveform.data }, ownership),
      title: track.title,
--- a/examples/music-player/src/5_useMediaPlayer.ts
+++ b/examples/music-player/src/5_useMediaPlayer.ts
@@ -1,7 +1,7 @@
 import { MusicTrack, Playlist } from "@/1_schema";
 import { usePlayMedia } from "@/lib/audio/usePlayMedia";
 import { usePlayState } from "@/lib/audio/usePlayState";
-import { BinaryCoStream, ID } from "jazz-tools";
+import { FileStream, ID } from "jazz-tools";
 import { useRef, useState } from "react";
 import { useAccount } from "./2_main";
 import { updateActivePlaylist, updateActiveTrack } from "./4_actions";
@@ -27,7 +27,7 @@ export function useMediaPlayer() {
    setLoading(track.id);
-    const file = await BinaryCoStream.loadAsBlob(track._refs.file.id, me);
+    const file = await FileStream.loadAsBlob(track._refs.file.id, me);
    if (!file) {
      setLoading(null);
--- a/examples/onboarding/CHANGELOG.md
+++ b/examples/onboarding/CHANGELOG.md
@@ -1,5 +1,86 @@
 # jazz-example-onboarding
 ## 0.0.12
 ### Patch Changes
 - jazz-browser-media-images@0.8.33
 - jazz-react@0.8.33
 ## 0.0.11
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
  - jazz-browser-media-images@0.8.32
 ## 0.0.10
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 - jazz-browser-media-images@0.8.31
 ## 0.0.9
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 - jazz-browser-media-images@0.8.30
 ## 0.0.8
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 - jazz-browser-media-images@0.8.29
 ## 0.0.7
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 - jazz-browser-media-images@0.8.28
 ## 0.0.6
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 - jazz-browser-media-images@0.8.27
 ## 0.0.5
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.4
 ### Patch Changes
 - jazz-browser-media-images@0.8.24
 - jazz-react@0.8.24
 ## 0.0.3
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
  - jazz-browser-media-images@0.8.23
 ## 0.0.2
 ### Patch Changes
--- a/examples/onboarding/package.json
+++ b/examples/onboarding/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-onboarding",
  "private": true,
-  "version": "0.0.2",
+  "version": "0.0.12",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/onboarding/playwright.config.ts
+++ b/examples/onboarding/playwright.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
  use: {
    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:5173/?peer=ws://localhost:1234",
+    baseURL: "http://localhost:5173/",
    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
    trace: "on-first-retry",
@@ -42,10 +42,5 @@ export default defineConfig({
      url: "http://localhost:5173/",
      reuseExistingServer: !isCI,
    },
    {
      command: "pnpm sync --in-memory --port 1234",
      url: "http://localhost:1234/health",
      reuseExistingServer: !isCI,
    },
  ],
 });
--- a/examples/onboarding/src/App.tsx
+++ b/examples/onboarding/src/App.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/Button.tsx";
-import { useAccount, useCoState } from "@/main.tsx";
+import { useAcceptInvite, useAccount, useCoState } from "@/main.tsx";
 import { EmployeeList } from "@/pages/EmployeeList.tsx";
 import { EmployeeOnboading } from "@/pages/EmployeeOnboarding.tsx";
 import { NewEmployee } from "@/pages/NewEmployee.tsx";
@@ -8,7 +8,7 @@ import { ID } from "jazz-tools";
 import { useEffect } from "react";
 import {
  RouterProvider,
-  createBrowserRouter,
+  createHashRouter,
  useNavigate,
  useParams,
 } from "react-router-dom";
@@ -36,11 +36,24 @@ function ImportEmployee({
  return <div>Importing Employee ${employeeCoId} ...</div>;
 }
 function AcceptInvite() {
  const navigate = useNavigate();
  useAcceptInvite({
    invitedObjectSchema: CoEmployee,
    onAccept: (employeeCoId) => {
      navigate(`/import/${employeeCoId}`);
    },
  });
  return <p>Accepting invite...</p>;
 }
 function App() {
  const { me, logOut } = useAccount();
  const employeeCoListId = me.profile?._refs.employees.id;
-  const router = createBrowserRouter([
+  const router = createHashRouter([
    {
      path: "/",
      element: <EmployeeList employeeListCoId={employeeCoListId} />,
@@ -57,6 +70,10 @@ function App() {
      path: "/import/:employeeCoId",
      element: <ImportEmployee employeeListCoId={employeeCoListId} />,
    },
    {
      path: "/invite/*",
      element: <AcceptInvite />,
    },
  ]);
  return (
--- a/examples/onboarding/src/main.tsx
+++ b/examples/onboarding/src/main.tsx
@@ -10,15 +10,17 @@ const Jazz = createJazzReactApp({
 });
 export const { useAccount, useCoState, useAcceptInvite } = Jazz;
 const peer =
  (new URL(window.location.href).searchParams.get(
    "peer",
  ) as `ws://${string}`) ??
  "wss://cloud.jazz.tools/?key=onboarding-example-jazz@gcmp.io";
 function JazzAndAuth({ children }: { children: React.ReactNode }) {
  const [auth, authState] = useDemoAuth();
  return (
    <>
-      <Jazz.Provider
+      <Jazz.Provider auth={auth} peer={peer}>
        auth={auth}
        // replace `you@example.com` with your email as a temporary API key
        peer="wss://cloud.jazz.tools/?key=you@example.com"
      >
        {children}
      </Jazz.Provider>
      {authState.state !== "signedIn" && (
--- a/examples/onboarding/src/pages/EmployeeOnboarding.tsx
+++ b/examples/onboarding/src/pages/EmployeeOnboarding.tsx
@@ -2,13 +2,12 @@ import { Button } from "@/components/Button.tsx";
 import { NavigateBack } from "@/components/NavigateBack.tsx";
 import { Stack } from "@/components/Stack.tsx";
 import { TextInput } from "@/components/TextInput.tsx";
-import { useAcceptInvite, useCoState } from "@/main.tsx";
+import { useCoState } from "@/main.tsx";
 import { createImage } from "jazz-browser-media-images";
 import { ProgressiveImg, createInviteLink } from "jazz-react";
 import { CoMap, ID } from "jazz-tools";
 import { ChangeEvent, ReactNode, useCallback } from "react";
 import { useParams } from "react-router";
 import { useNavigate } from "react-router-dom";
 import {
  CoDocUploadStep,
  CoEmployee,
@@ -173,17 +172,9 @@ const ConfirmationCard = ({
 export function EmployeeOnboading() {
  const { employeeCoId } = useParams();
  const navigate = useNavigate();
  const employee = useCoState(CoEmployee, employeeCoId as ID<CoEmployee>, {});
  useAcceptInvite({
    invitedObjectSchema: CoEmployee,
    onAccept: (employeeCoId) => {
      navigate(`/import/${employeeCoId}`);
    },
  });
  const handleInviteLinkCreation = useCallback(
    (role: "reader" | "writer") => {
      if (!employee) return;
--- a/examples/onboarding/tests/onboardingFlow.spec.ts
+++ b/examples/onboarding/tests/onboardingFlow.spec.ts
@@ -1,4 +1,11 @@
-import { Page, expect, test } from "@playwright/test";
+import {
  Browser,
  BrowserContext,
  Page,
  chromium,
  expect,
  test,
 } from "@playwright/test";
 import { EmployeeOnboardingPage } from "./pages/EmployeeOnboardingPage";
 import { HomePage } from "./pages/HomePage";
 import { LoginPage } from "./pages/LoginPage";
@@ -29,60 +36,82 @@ const login = async ({
 };
 test.describe("Admin onboarding flow", () => {
-  test("Create and delete flow", async ({ page }) => {
+  let browser: Browser;
-    await login({ page, userName: "HR specialist" });
+  let adminContext: BrowserContext;
  let writerContext: BrowserContext;
-    const homePage = new HomePage(page);
+  test.beforeAll(async () => {
-    await homePage.createEmployee("Paul");
+    browser = await chromium.launch();
-    await homePage.createEmployee("Sean");
+    adminContext = await browser.newContext();
-    await homePage.expectEmployee(["Sean", "admin"]);
+    writerContext = await browser.newContext();
    await homePage.expectEmployee(["Paul", "admin"]);
    await homePage.deleteEmployee("Sean");
    await homePage.expectEmployeeDeleted("Sean");
  });
-  test("Onboard flow", async ({ page }) => {
+  test.afterAll(async () => {
    await adminContext.close();
    await writerContext.close();
    await browser.close();
  });
  test("Create and delete flow", async () => {
    const adminPage = await adminContext.newPage();
    await login({ page: adminPage, userName: "HR specialist" });
    const adminHomePage = new HomePage(adminPage);
    await adminHomePage.createEmployee("Paul");
    await adminHomePage.createEmployee("Sean");
    await adminHomePage.expectEmployee(["Sean", "admin"]);
    await adminHomePage.expectEmployee(["Paul", "admin"]);
    await adminHomePage.deleteEmployee("Sean");
    await adminHomePage.expectEmployeeDeleted("Sean");
    await adminPage.close();
  });
  test("Onboard flow", async () => {
    const adminPage = await adminContext.newPage();
    const writerPage = await writerContext.newPage();
    const adminUser = "HR specialist";
    const writerUser = "Invitee";
-    await login({ page, userName: adminUser });
+    await login({ page: adminPage, userName: adminUser });
    await login({ page: writerPage, userName: writerUser });
-    const homePage = new HomePage(page);
+    const adminHomePage = new HomePage(adminPage);
-    await homePage.createEmployee("Paul");
+    await adminHomePage.createEmployee("Paul");
-    await homePage.expectEmployee(["Paul", "admin"]);
+    await adminHomePage.expectEmployee(["Paul", "admin"]);
-    await homePage.navigateToEmployeeOnboardingPage("Paul");
+    await adminHomePage.navigateToEmployeeOnboardingPage("Paul");
-    const onboardingPage = new EmployeeOnboardingPage(page);
+    const adminOnboardingPage = new EmployeeOnboardingPage(adminPage);
    // create invitation
-    const invitation = await onboardingPage.getShareLink();
+    const invitation = await adminOnboardingPage.getShareLink();
-    await onboardingPage.logout();
+
    // Wait for the invitation to be synced
    await writerPage.waitForTimeout(3000);
    //fill out by invitee (writer)
-    await login({ page, userName: writerUser });
+    await writerPage.goto(invitation);
-    await page.goto(invitation);
+
-    await page.waitForTimeout(1000);
+    const writerHomePage = new HomePage(writerPage);
-    await homePage.expectEmployee(["Paul", "write"]);
+    await writerHomePage.expectEmployee(["Paul", "write"]);
-    await homePage.navigateToEmployeeOnboardingPage("Paul");
+    await writerHomePage.navigateToEmployeeOnboardingPage("Paul");
-    await onboardingPage.expectEmployeeName("Paul");
+    const writerOnboardingPage = new EmployeeOnboardingPage(writerPage);
-    await onboardingPage.fillPersonalDetailsCardAndSave(
+    await writerOnboardingPage.expectEmployeeName("Paul");
    await writerOnboardingPage.fillPersonalDetailsCardAndSave(
      "123-45-6789",
      "123 Elm Street",
    );
-    await onboardingPage.fillUploadCardAndSave(
+    await writerOnboardingPage.fillUploadCardAndSave(
      "./public/jazz-logo-low-res.jpg",
    );
    // invitee cannot confirm the onboarding completion
-    expect(onboardingPage.finalConfirmationButton.isDisabled()).toBeTruthy();
+    expect(
      writerOnboardingPage.finalConfirmationButton.isDisabled(),
    ).toBeTruthy();
    // final confirmation step by admin
-    await onboardingPage.logout();
+    await scrollToBottom(adminPage);
-    await login({ page, userName: adminUser, loginAs: true });
+    await adminOnboardingPage.finalConfirmationButton.click();
-
+    await adminOnboardingPage.backButton.click();
-    await homePage.expectEmployee(["Paul", "admin"]);
+    await adminHomePage.expectOnboardingCompleteForEmployee("Paul");
    await homePage.navigateToEmployeeOnboardingPage("Paul");
    await scrollToBottom(page);
    await onboardingPage.finalConfirmationButton.click();
    await onboardingPage.backButton.click();
    await homePage.expectOnboardingCompleteForEmployee("Paul");
  });
 });
--- a/examples/password-manager/CHANGELOG.md
+++ b/examples/password-manager/CHANGELOG.md
@@ -1,5 +1,77 @@
 # jazz-password-manager
 ## 0.0.30
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.29
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.28
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 ## 0.0.27
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 ## 0.0.26
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 ## 0.0.25
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 ## 0.0.24
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 ## 0.0.23
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.22
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.21
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.20
 ### Patch Changes
--- a/examples/password-manager/package.json
+++ b/examples/password-manager/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-password-manager",
  "private": true,
-  "version": "0.0.20",
+  "version": "0.0.30",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -12,8 +12,8 @@
    "clean-install": "rm -rf node_modules pnpm-lock.yaml && pnpm install"
  },
  "dependencies": {
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-hook-form": "^7.41.5",
--- a/examples/password-manager/src/4_actions.ts
+++ b/examples/password-manager/src/4_actions.ts
@@ -7,7 +7,6 @@ import {
  PasswordList,
  PasswordManagerAccount,
 } from "./1_schema";
 import { waitForCoValue } from "./lib/waitForCoValue";
 import { PasswordItemFormValues } from "./types";
 export const saveItem = (item: CoMapInit<PasswordItem>): PasswordItem => {
@@ -61,14 +60,16 @@ export async function addSharedFolder(
  me: PasswordManagerAccount,
 ) {
  const [sharedFolder, account] = await Promise.all([
-    await waitForCoValue(Folder, sharedFolderId, me, Boolean, {}),
+    Folder.load(sharedFolderId, me, {}),
-    await waitForCoValue(PasswordManagerAccount, me.id, me, Boolean, {
+    PasswordManagerAccount.load(me.id, me, {
      root: {
        folders: [],
      },
    }),
  ]);
  if (!sharedFolder || !account) return;
  if (!account.root?.folders) return;
  const found = account.root.folders.some((f) => f?.id === sharedFolder.id);
--- a/examples/password-manager/src/lib/waitForCoValue.ts
+++ b/examples/password-manager/src/lib/waitForCoValue.ts
@@ -1,39 +0,0 @@
 import {
  Account,
  CoValue,
  CoValueClass,
  DepthsIn,
  ID,
  subscribeToCoValue,
 } from "jazz-tools";
 export function waitForCoValue<T extends CoValue>(
  coMap: CoValueClass<T>,
  valueId: ID<T>,
  account: Account,
  predicate: (value: T) => boolean,
  depth: DepthsIn<T>,
 ) {
  return new Promise<T>((resolve) => {
    function subscribe() {
      const unsubscribe = subscribeToCoValue(
        coMap,
        valueId,
        account,
        depth,
        (value) => {
          if (predicate(value)) {
            resolve(value);
            unsubscribe();
          }
        },
        () => {
          unsubscribe();
          setTimeout(subscribe, 100);
        },
      );
    }
    subscribe();
  });
 }
--- a/examples/pets/CHANGELOG.md
+++ b/examples/pets/CHANGELOG.md
@@ -1,5 +1,86 @@
 # jazz-example-pets
 ## 0.0.128
 ### Patch Changes
 - jazz-browser-media-images@0.8.33
 - jazz-react@0.8.33
 ## 0.0.127
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
  - jazz-browser-media-images@0.8.32
 ## 0.0.126
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 - jazz-browser-media-images@0.8.31
 ## 0.0.125
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 - jazz-browser-media-images@0.8.30
 ## 0.0.124
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 - jazz-browser-media-images@0.8.29
 ## 0.0.123
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 - jazz-browser-media-images@0.8.28
 ## 0.0.122
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 - jazz-browser-media-images@0.8.27
 ## 0.0.121
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.120
 ### Patch Changes
 - jazz-browser-media-images@0.8.24
 - jazz-react@0.8.24
 ## 0.0.119
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
  - jazz-browser-media-images@0.8.23
 ## 0.0.118
 ### Patch Changes
--- a/examples/pets/package.json
+++ b/examples/pets/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-pets",
  "private": true,
-  "version": "0.0.118",
+  "version": "0.0.128",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -19,9 +19,9 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.22",
+    "jazz-browser-media-images": "workspace:0.8.33",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
@@ -41,7 +41,7 @@
    "@vitejs/plugin-react-swc": "^3.3.2",
    "autoprefixer": "^10.4.14",
    "is-ci": "^3.0.1",
-    "jazz-run": "workspace:0.8.21",
+    "jazz-run": "workspace:0.8.32",
    "postcss": "^8.4.27",
    "tailwindcss": "3.3.2",
    "typescript": "^5.3.3",
--- a/examples/pets/src/1_schema.ts
+++ b/examples/pets/src/1_schema.ts
@@ -1,8 +1,8 @@
 import {
  Account,
  CoFeed,
  CoList,
  CoMap,
  CoStream,
  ImageDefinition,
  Profile,
  co,
@@ -25,7 +25,7 @@ export const ReactionTypes = [
 ] as const;
 export type ReactionType = (typeof ReactionTypes)[number];
-export class PetReactions extends CoStream.Of(co.json<ReactionType>()) {}
+export class PetReactions extends CoFeed.Of(co.json<ReactionType>()) {}
 export class PetPost extends CoMap {
  name = co.string;
--- a/examples/todo-vue/CHANGELOG.md
+++ b/examples/todo-vue/CHANGELOG.md
@@ -1,5 +1,81 @@
 # todo-vue
 ## 0.0.14
 ### Patch Changes
 - Updated dependencies [3cb27e1]
  - jazz-browser@0.8.33
  - jazz-vue@0.8.21
 ## 0.0.13
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-browser@0.8.32
  - jazz-vue@0.8.20
 ## 0.0.12
 ### Patch Changes
 - jazz-browser@0.8.31
 - jazz-tools@0.8.31
 - jazz-vue@0.8.19
 ## 0.0.11
 ### Patch Changes
 - jazz-browser@0.8.30
 - jazz-tools@0.8.30
 - jazz-vue@0.8.18
 ## 0.0.10
 ### Patch Changes
 - jazz-browser@0.8.29
 - jazz-tools@0.8.29
 - jazz-vue@0.8.17
 ## 0.0.9
 ### Patch Changes
 - jazz-browser@0.8.28
 - jazz-tools@0.8.28
 - jazz-vue@0.8.16
 ## 0.0.8
 ### Patch Changes
 - jazz-browser@0.8.27
 - jazz-tools@0.8.27
 - jazz-vue@0.8.15
 ## 0.0.7
 ### Patch Changes
 - jazz-browser@0.8.24
 - jazz-vue@0.8.14
 ## 0.0.6
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [e442bb8]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-browser@0.8.23
  - jazz-vue@0.8.13
 ## 0.0.5
 ### Patch Changes
--- a/examples/todo-vue/package.json
+++ b/examples/todo-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "todo-vue",
-  "version": "0.0.5",
+  "version": "0.0.14",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/todo/CHANGELOG.md
+++ b/examples/todo/CHANGELOG.md
@@ -1,5 +1,77 @@
 # jazz-example-todo
 ## 0.0.127
 ### Patch Changes
 - jazz-react@0.8.33
 ## 0.0.126
 ### Patch Changes
 - Updated dependencies [df42b2b]
  - jazz-tools@0.8.32
  - jazz-react@0.8.32
 ## 0.0.125
 ### Patch Changes
 - jazz-react@0.8.31
 - jazz-tools@0.8.31
 ## 0.0.124
 ### Patch Changes
 - jazz-react@0.8.30
 - jazz-tools@0.8.30
 ## 0.0.123
 ### Patch Changes
 - jazz-react@0.8.29
 - jazz-tools@0.8.29
 ## 0.0.122
 ### Patch Changes
 - jazz-react@0.8.28
 - jazz-tools@0.8.28
 ## 0.0.121
 ### Patch Changes
 - jazz-react@0.8.27
 - jazz-tools@0.8.27
 ## 0.0.120
 ### Patch Changes
 - Updated dependencies [59d37df]
  - jazz-react@0.8.26
 ## 0.0.119
 ### Patch Changes
 - jazz-react@0.8.24
 ## 0.0.118
 ### Patch Changes
 - Updated dependencies [d348c2d]
 - Updated dependencies [6902b5b]
 - Updated dependencies [1a0cd3d]
  - jazz-tools@0.8.23
  - jazz-react@0.8.23
 ## 0.0.117
 ### Patch Changes
--- a/examples/todo/package.json
+++ b/examples/todo/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-todo",
  "private": true,
-  "version": "0.0.117",
+  "version": "0.0.127",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -16,8 +16,8 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "jazz-react": "workspace:0.8.22",
+    "jazz-react": "workspace:0.8.33",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-tools": "workspace:0.8.32",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
--- a/homepage/design-system/package.json
+++ b/homepage/design-system/package.json
@@ -12,6 +12,7 @@
  "dependencies": {
    "@evilmartians/harmony": "^1.0.0",
    "@headlessui/react": "^2.2.0",
    "@icons-pack/react-simple-icons": "^9.1.0",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "lucide-react": "^0.436.0",
@@ -19,6 +20,7 @@
    "next-themes": "^0.2.1",
    "react": "^18",
    "react-dom": "^18",
    "resend": "^4.0.0",
    "tailwind-merge": "^1.14.0",
    "tailwindcss-animate": "^1.0.7"
  },
--- a/homepage/design-system/src/actions/resend.ts
+++ b/homepage/design-system/src/actions/resend.ts
--- a/homepage/design-system/src/app/components/atoms/Button.tsx
+++ b/homepage/design-system/src/app/components/atoms/Button.tsx
@@ -1,22 +1,39 @@
 import { clsx } from "clsx";
 import { LucideIcon } from "lucide-react";
 import Link from "next/link";
 import { Spinner } from "./Spinner";
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  children: React.ReactNode;
  variant?: "primary" | "secondary" | "tertiary";
  size?: "sm" | "md" | "lg";
  href?: string;
  newTab?: boolean;
  icon?: LucideIcon;
  loading?: boolean;
  loadingText?: string;
 }
 function ButtonIcon({ icon: Icon, loading }: ButtonProps) {
  if (!Icon) return null;
  const className = "size-5";
  if (loading) return <Spinner className={className} />;
  return <Icon strokeWidth={1.5} className={className} />;
 }
 export function Button(props: ButtonProps) {
  const {
    type = "button",
    className,
    children,
    size = "md",
    variant = "primary",
    href,
    disabled,
    newTab,
    loadingText,
  } = props;
  const sizeClasses = {
@@ -35,7 +52,8 @@ export function Button(props: ButtonProps) {
  const classNames = clsx(
    className,
-    "inline-flex items-center gap-2 rounded-lg text-center transition-colors",
+    "inline-flex items-center justify-center gap-2 rounded-lg text-center transition-colors",
    "disabled:pointer-events-none disabled:opacity-70",
    sizeClasses[size],
    variantClasses[variant],
    disabled && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -43,15 +61,26 @@ export function Button(props: ButtonProps) {
  if (href) {
    return (
-      <Link href={href} className={classNames}>
+      <Link
        href={href}
        target={newTab ? "_blank" : undefined}
        className={classNames}
      >
        <ButtonIcon {...props} />
        {children}
      </Link>
    );
  }
  return (
-    <button className={classNames} {...props}>
+    <button
-      {children}
+      {...props}
      disabled={props.disabled || props.loading}
      className={classNames}
    >
      <ButtonIcon {...props} />
      {props.loading && props.loadingText ? props.loadingText : children}
    </button>
  );
 }
--- a/homepage/design-system/src/app/components/atoms/Card.tsx
+++ b/homepage/design-system/src/app/components/atoms/Card.tsx
@@ -0,0 +1,12 @@
 import { clsx } from "clsx";
 export function Card({
  children,
  className,
 }: { children: React.ReactNode; className?: string }) {
  return (
    <div className={clsx(className, "border rounded-xl shadow-sm")}>
      {children}
    </div>
  );
 }
--- a/homepage/design-system/src/app/components/atoms/GridCard.tsx
+++ b/homepage/design-system/src/app/components/atoms/GridCard.tsx
@@ -1,16 +1,16 @@
 import clsx from "clsx";
 import { ReactNode } from "react";
 import { Card } from "../atoms/Card";
 export function GridCard(props: { children: ReactNode; className?: string }) {
  return (
-    <div
+    <Card
      className={clsx(
        "col-span-2 p-4 [&>h4]:mt-0 [&>h3]:mt-0 [&>:last-child]:mb-0",
        "border rounded-xl shadow-sm",
        props.className,
      )}
    >
      {props.children}
-    </div>
+    </Card>
  );
 }
--- a/homepage/design-system/src/app/components/atoms/Spinner.tsx
+++ b/homepage/design-system/src/app/components/atoms/Spinner.tsx
@@ -0,0 +1,26 @@
 import clsx from "clsx";
 export function Spinner({ className }: { className?: string }) {
  return (
    <svg
      className={clsx(className, "animate-spin")}
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      viewBox="0 0 24 24"
    >
      <circle
        className="opacity-25"
        cx="12"
        cy="12"
        r="10"
        stroke="currentColor"
        stroke-width="4"
      ></circle>
      <path
        className="opacity-75"
        fill="currentColor"
        d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
      ></path>
    </svg>
  );
 }
--- a/homepage/design-system/src/app/components/molecules/FeatureCard.tsx
+++ b/homepage/design-system/src/app/components/molecules/FeatureCard.tsx
@@ -0,0 +1,36 @@
 import clsx from "clsx";
 import { LucideIcon } from "lucide-react";
 import { Card } from "../atoms/Card";
 import { Prose } from "./Prose";
 export function FeatureCard({
  label,
  icon: Icon,
  explanation,
  children,
  className,
 }: {
  label: React.ReactNode;
  icon?: LucideIcon;
  explanation?: React.ReactNode;
  children?: React.ReactNode;
  className?: string;
 }) {
  return (
    <Card className={clsx(className, "p-4")}>
      {Icon && (
        <Icon
          className="size-8 text-blue p-1.5 rounded-lg bg-blue-50 dark:text-blue-500 dark:bg-stone-900 mb-2.5 md:size-10"
          strokeWidth={1.5}
          strokeLinecap="butt"
          size={80}
        />
      )}
      <div className="text-stone-900 font-medium md:text-base dark:text-stone-100 mb-2">
        {label}
      </div>
      {explanation && <Prose>{explanation}</Prose>}
      {children}
    </Card>
  );
 }
--- a/homepage/design-system/src/app/components/molecules/GappedGrid.tsx
+++ b/homepage/design-system/src/app/components/molecules/GappedGrid.tsx
@@ -6,15 +6,23 @@ export function GappedGrid({
  children,
  className,
  title,
  cols = 3,
 }: {
  children: ReactNode;
  className?: string;
  title?: string;
  cols?: 3 | 4;
 }) {
  const colsClassName =
    cols === 3
      ? "grid-cols-2 md:grid-cols-4 lg:grid-cols-6"
      : "sm:grid-cols-2 lg:grid-cols-4";
  return (
    <div
      className={clsx(
-        "grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4 lg:gap-8",
+        "grid gap-4 lg:gap-8",
        colsClassName,
        "items-stretch",
        className,
      )}
--- a/homepage/design-system/src/app/components/molecules/LabelledFeatureIcon.tsx
+++ b/homepage/design-system/src/app/components/molecules/LabelledFeatureIcon.tsx
@@ -1,37 +0,0 @@
 import clsx from "clsx";
 import { LucideIcon } from "lucide-react";
 import { Prose } from "./Prose";
 export function LabelledFeatureIcon({
  label,
  icon: Icon,
  explanation,
  className,
 }: {
  label: string;
  icon: LucideIcon;
  explanation: React.ReactNode;
  className?: string;
 }) {
  return (
    <div
      className={clsx(
        className,
        "text-base",
        "rounded-xl",
        "border p-4 shadow-sm",
      )}
    >
      <Icon
        className="size-8 text-blue p-1.5 rounded-lg bg-blue-50 dark:text-blue-500 dark:bg-stone-900 mb-2.5 md:size-10"
        strokeWidth={1.5}
        strokeLinecap="butt"
        size={80}
      />
      <div className="text-stone-900 font-medium md:text-base dark:text-stone-100 mb-2">
        {label}
      </div>
      <Prose>{explanation}</Prose>
    </div>
  );
 }
--- a/homepage/design-system/src/app/components/molecules/SectionHeader.tsx
+++ b/homepage/design-system/src/app/components/molecules/SectionHeader.tsx
@@ -5,7 +5,7 @@ import { Prose } from "./Prose";
 function H2Sub({ children }: { children: React.ReactNode }) {
  return (
-    <Prose size="lg" className="max-w-3xl">
+    <Prose size="lg" className="text-balance max-w-3xl">
      {children}
    </Prose>
  );
--- a/Show More
+++ b/Show More
		`@@ -0,0 +1 @@`
							`VITE_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ`
		`@@ -0,0 +1,3 @@`
							`# Minimal Jazz Auth Clerk Example`

							`This is a minimal example of how to use Clerk authentication with Jazz.`
		`@@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
		`@@ -0,0 +1,4 @@`
							`# Minimal Jazz Passkey Auth Example`

							`This is a minimal example of how to use passkey authentication with Jazz.`