Chore: Add changeset

Make passkeys discoverable
Reference: https://web.dev/articles/webauthn-discoverable-credentials "To ensure your credentials are created as passkeys (discoverable credentials), specify residentKey and requireResidentKey when the credential is created." Bitwarden (and possibly other password managers) won't find passkeys created on other devices unless they are discoverable.
2024-11-27 08:08:19 +00:00 · 2024-11-27 08:05:56 +00:00 · 2024-11-26 19:42:54 +00:00 · 2024-11-26 19:25:31 +00:00 · 2024-11-26 13:29:43 +00:00 · 2024-11-26 11:41:52 +00:00
233 changed files with 6851 additions and 1675 deletions
--- a/.changeset/bright-impalas-fetch.md
+++ b/.changeset/bright-impalas-fetch.md
@@ -0,0 +1,5 @@
+---
+"jazz-browser": patch
+---
+
+Set created passkey credentials as discoverable
--- a/.gitignore
+++ b/.gitignore
@@ -15,4 +15,6 @@ coverage
 # Playwright
 test-results

-.husky
+.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,88 @@
 # @jazz-e2e/binarycostream

+## 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.109",
  "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-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "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(
-    UploadedFile,
-    uploadedFileId,
-    me,
-    Boolean,
-    {},
-  );
+  const uploadedFile = await UploadedFile.load(uploadedFileId, me, {});
+
+  if (!uploadedFile) {
+    throw new Error("Uploaded file not found");
+  }

  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,88 @@
 # @jazz-e2e/covalues

+## 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.108",
  "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,79 @@
 # jazz-example-book-shelf

+## 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.24",
  "private": true,
  "scripts": {
    "dev": "next dev",
@@ -11,9 +11,9 @@
  },
  "dependencies": {
    "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.22",
-    "jazz-react": "workspace:0.8.22",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-browser-media-images": "workspace:0.8.32",
+    "jazz-react": "workspace:0.8.32",
+    "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,98 @@
 # jazz-example-chat

+## 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.108",
  "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-auth-clerk": "workspace:0.8.22",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "jazz-react-auth-clerk": "workspace:0.8.32",
+    "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,85 @@
 # chat-rn-clerk

+## 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.24",
  "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,73 @@
 # chat-vue

+## 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.15",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/chat/CHANGELOG.md
+++ b/examples/chat/CHANGELOG.md
@@ -1,5 +1,89 @@
 # jazz-example-chat

+## 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.110",
  "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-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "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}>
-      <BubbleBody>{props.msg.text}</BubbleBody>
+    <BubbleContainer fromMe={fromMe}>
+      <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-transport-ws": "workspace:0.8.21",
+    "cojson": "workspace:0.8.32",
+    "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,77 @@
+# minimal-auth-clerk
+
+## 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.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": {
+    "@clerk/clerk-react": "^5.4.1",
+    "jazz-tools": "workspace:*",
+    "jazz-react": "workspace:*",
+    "jazz-react-auth-clerk": "workspace:0.8.32",
+    "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,57 @@
+# minimal-auth-passkey
+
+## 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.8",
+  "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,71 @@
 # jazz-example-musicplayer

+## 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.30",
  "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-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "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 {
-  Account,
-  BinaryCoStream,
-  CoList,
-  CoMap,
-  Profile,
-  co,
-} from "jazz-tools";
+import { Account, CoList, CoMap, FileStream, 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,79 @@
 # jazz-example-onboarding

+## 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.11",
  "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
-        auth={auth}
-        // replace `you@example.com` with your email as a temporary API key
-        peer="wss://cloud.jazz.tools/?key=you@example.com"
-      >
+      <Jazz.Provider auth={auth} peer={peer}>
        {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 }) => {
-    await login({ page, userName: "HR specialist" });
+  let browser: Browser;
+  let adminContext: BrowserContext;
+  let writerContext: BrowserContext;

-    const homePage = new HomePage(page);
-    await homePage.createEmployee("Paul");
-    await homePage.createEmployee("Sean");
-    await homePage.expectEmployee(["Sean", "admin"]);
-    await homePage.expectEmployee(["Paul", "admin"]);
-    await homePage.deleteEmployee("Sean");
-    await homePage.expectEmployeeDeleted("Sean");
+  test.beforeAll(async () => {
+    browser = await chromium.launch();
+    adminContext = await browser.newContext();
+    writerContext = await browser.newContext();
  });

-  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);
-    await homePage.createEmployee("Paul");
-    await homePage.expectEmployee(["Paul", "admin"]);
-    await homePage.navigateToEmployeeOnboardingPage("Paul");
-    const onboardingPage = new EmployeeOnboardingPage(page);
+    const adminHomePage = new HomePage(adminPage);
+    await adminHomePage.createEmployee("Paul");
+    await adminHomePage.expectEmployee(["Paul", "admin"]);
+    await adminHomePage.navigateToEmployeeOnboardingPage("Paul");
+    const adminOnboardingPage = new EmployeeOnboardingPage(adminPage);

    // create invitation
-    const invitation = await onboardingPage.getShareLink();
-    await onboardingPage.logout();
+    const invitation = await adminOnboardingPage.getShareLink();
+
+    // Wait for the invitation to be synced
+    await writerPage.waitForTimeout(3000);

    //fill out by invitee (writer)
-    await login({ page, userName: writerUser });
-    await page.goto(invitation);
-    await page.waitForTimeout(1000);
-    await homePage.expectEmployee(["Paul", "write"]);
-    await homePage.navigateToEmployeeOnboardingPage("Paul");
-    await onboardingPage.expectEmployeeName("Paul");
-    await onboardingPage.fillPersonalDetailsCardAndSave(
+    await writerPage.goto(invitation);
+
+    const writerHomePage = new HomePage(writerPage);
+    await writerHomePage.expectEmployee(["Paul", "write"]);
+    await writerHomePage.navigateToEmployeeOnboardingPage("Paul");
+    const writerOnboardingPage = new EmployeeOnboardingPage(writerPage);
+    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 login({ page, userName: adminUser, loginAs: true });
-
-    await homePage.expectEmployee(["Paul", "admin"]);
-    await homePage.navigateToEmployeeOnboardingPage("Paul");
-    await scrollToBottom(page);
-    await onboardingPage.finalConfirmationButton.click();
-    await onboardingPage.backButton.click();
-    await homePage.expectOnboardingCompleteForEmployee("Paul");
+    await scrollToBottom(adminPage);
+    await adminOnboardingPage.finalConfirmationButton.click();
+    await adminOnboardingPage.backButton.click();
+    await adminHomePage.expectOnboardingCompleteForEmployee("Paul");
  });
 });
--- a/examples/password-manager/CHANGELOG.md
+++ b/examples/password-manager/CHANGELOG.md
@@ -1,5 +1,71 @@
 # jazz-password-manager

+## 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.29",
  "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-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "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, {}),
-    await waitForCoValue(PasswordManagerAccount, me.id, me, Boolean, {
+    Folder.load(sharedFolderId, me, {}),
+    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,79 @@
 # jazz-example-pets

+## 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.127",
  "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-react": "workspace:0.8.22",
-    "jazz-tools": "workspace:0.8.21",
+    "jazz-browser-media-images": "workspace:0.8.32",
+    "jazz-react": "workspace:0.8.32",
+    "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,73 @@
 # todo-vue

+## 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.13",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/todo/CHANGELOG.md
+++ b/examples/todo/CHANGELOG.md
@@ -1,5 +1,71 @@
 # jazz-example-todo

+## 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.126",
  "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-tools": "workspace:0.8.21",
+    "jazz-react": "workspace:0.8.32",
+    "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}>
-      {children}
+    <button
+      {...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/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				`VITE_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ`
				`@@ -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>