@xnetjs/react 0.0.3 → 0.1.0

package/dist/{chunk-4ND4LERM.js → chunk-7OQXRHEQ.js}

@@ -3291,12 +3291,8 @@ function DemoBanner({ evictionHours, onDismiss }) {
 }
 
 // src/components/DemoQuotaIndicator.tsx
+import { formatBytes } from "@xnetjs/core";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function formatBytes(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
 function DemoQuotaIndicator({ usedBytes, limitBytes }) {
   const percentage = Math.round(usedBytes / limitBytes * 100);
   const isWarning = percentage >= 80;
@@ -3381,9 +3377,18 @@ var TRANSITIONS = {
   welcome: {
     AUTHENTICATE: "authenticating",
     CREATE_NEW: "authenticating",
+    CREATE_RECOVERABLE: "creating-recoverable",
     IMPORT_EXISTING: "import-identity",
     BROWSER_UNSUPPORTED: "unsupported-browser"
   },
+  "creating-recoverable": {
+    RECOVERABLE_CREATED: "show-recovery-phrase",
+    PASSKEY_FAILED: "auth-error",
+    BACK_TO_WELCOME: "welcome"
+  },
+  "show-recovery-phrase": {
+    PHRASE_SAVED: "connecting-hub"
+  },
   authenticating: {
     PASSKEY_SUCCESS: "connecting-hub",
     PASSKEY_FAILED: "auth-error"
@@ -3395,6 +3400,13 @@ var TRANSITIONS = {
   "import-identity": {
     SCAN_QR: "qr-scan",
     ENTER_PHRASE: "recovery-phrase",
+    ENTER_GUARDIAN_SHARES: "guardian-recovery",
+    USE_SYNCED_PASSKEY: "authenticating",
+    BACK_TO_WELCOME: "welcome"
+  },
+  "guardian-recovery": {
+    IDENTITY_IMPORTED: "connecting-hub",
+    IMPORT_FAILED: "guardian-recovery",
     BACK_TO_WELCOME: "welcome"
   },
   "qr-scan": {
@@ -3403,6 +3415,7 @@ var TRANSITIONS = {
   },
   "recovery-phrase": {
     IDENTITY_IMPORTED: "connecting-hub",
+    IMPORT_FAILED: "recovery-phrase",
     BACK_TO_WELCOME: "welcome"
   },
   "connecting-hub": {
@@ -3436,6 +3449,18 @@ function onboardingReducer(current, event) {
       nextContext.keyBundle = event.keyBundle;
       nextContext.error = null;
       break;
+    case "RECOVERABLE_CREATED":
+      nextContext.identity = event.identity;
+      nextContext.keyBundle = event.keyBundle;
+      nextContext.recoveryPhrase = event.phrase;
+      nextContext.error = null;
+      break;
+    case "IMPORT_FAILED":
+      nextContext.error = event.error;
+      break;
+    case "CREATE_RECOVERABLE":
+      nextContext.error = null;
+      break;
     case "HUB_FAILED":
       nextContext.error = event.error;
       break;
@@ -3458,13 +3483,19 @@ function createInitialState(hubUrl) {
       keyBundle: null,
       hubUrl: hubUrl ?? null,
       error: null,
-      isDemo: false
+      isDemo: false,
+      recoveryPhrase: null
     }
   };
 }
 
 // src/onboarding/OnboardingProvider.tsx
-import { detectPasskeySupport, createIdentityManager, isTestBypassEnabled } from "@xnetjs/identity";
+import {
+  detectPasskeySupport,
+  createIdentityManager,
+  isTestBypassEnabled,
+  parseShare
+} from "@xnetjs/identity";
 import {
   createContext,
   useContext as useContext7,
@@ -3529,6 +3560,81 @@ function OnboardingProvider({
           authInFlight.current = false;
         });
       }
+      if (event.type === "CREATE_RECOVERABLE" && state === "welcome") {
+        if (authInFlight.current) return;
+        authInFlight.current = true;
+        manager.createRecoverable().then(({ keyBundle, phrase }) => {
+          dispatch({
+            type: "RECOVERABLE_CREATED",
+            identity: keyBundle.identity,
+            keyBundle,
+            phrase
+          });
+        }).catch((err) => {
+          dispatch({
+            type: "PASSKEY_FAILED",
+            error: err instanceof Error ? err : new Error(String(err))
+          });
+        }).finally(() => {
+          authInFlight.current = false;
+        });
+      }
+      if (event.type === "USE_SYNCED_PASSKEY" && state === "import-identity") {
+        if (authInFlight.current) return;
+        authInFlight.current = true;
+        manager.recoverViaSyncedPasskey().then((keyBundle) => {
+          if (keyBundle) {
+            dispatch({ type: "PASSKEY_SUCCESS", identity: keyBundle.identity, keyBundle });
+          } else {
+            dispatch({
+              type: "PASSKEY_FAILED",
+              error: new Error("No synced passkey found on this device")
+            });
+          }
+        }).catch((err) => {
+          dispatch({
+            type: "PASSKEY_FAILED",
+            error: err instanceof Error ? err : new Error(String(err))
+          });
+        }).finally(() => {
+          authInFlight.current = false;
+        });
+      }
+      if (event.type === "SUBMIT_GUARDIAN_SHARES" && state === "guardian-recovery") {
+        if (authInFlight.current) return;
+        authInFlight.current = true;
+        Promise.resolve().then(() => {
+          const shares = event.codes.map((code) => parseShare(code));
+          return manager.recoverFromGuardianShares(shares);
+        }).then(({ keyBundle }) => {
+          dispatch({ type: "IDENTITY_IMPORTED", identity: keyBundle.identity, keyBundle });
+        }).catch((err) => {
+          dispatch({
+            type: "IMPORT_FAILED",
+            error: err instanceof Error ? err : new Error(String(err))
+          });
+        }).finally(() => {
+          authInFlight.current = false;
+        });
+      }
+      if (event.type === "SUBMIT_PHRASE" && state === "recovery-phrase") {
+        if (authInFlight.current) return;
+        authInFlight.current = true;
+        manager.importRecoveryPhrase(event.phrase).then(({ keyBundle }) => {
+          dispatch({
+            type: "IDENTITY_IMPORTED",
+            identity: keyBundle.identity,
+            keyBundle
+          });
+        }).catch((err) => {
+          dispatch({
+            type: "IMPORT_FAILED",
+            error: err instanceof Error ? err : new Error(String(err))
+          });
+        }).finally(() => {
+          authInFlight.current = false;
+        });
+      }
       dispatch(event);
     },
     [state, manager]
@@ -3664,6 +3770,14 @@ function ImportIdentityScreen() {
       "button",
       {
         className: "px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium hover:bg-primary/90 transition-colors mb-3 w-64",
+        onClick: () => send({ type: "USE_SYNCED_PASSKEY" }),
+        children: "Use a synced passkey"
+      }
+    ),
+    /* @__PURE__ */ jsx10(
+      "button",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors mb-2",
         onClick: () => send({ type: "SCAN_QR" }),
         children: "Scan from another device"
       }
@@ -3671,11 +3785,19 @@ function ImportIdentityScreen() {
     /* @__PURE__ */ jsx10(
       "button",
       {
-        className: "text-sm text-muted-foreground hover:text-foreground transition-colors mb-6",
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors mb-2",
         onClick: () => send({ type: "ENTER_PHRASE" }),
         children: "Enter recovery phrase"
       }
     ),
+    /* @__PURE__ */ jsx10(
+      "button",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors mb-6",
+        onClick: () => send({ type: "ENTER_GUARDIAN_SHARES" }),
+        children: "Recover with guardian shares"
+      }
+    ),
     /* @__PURE__ */ jsx10(
       "button",
       {
@@ -3818,7 +3940,15 @@ function WelcomeScreen() {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground/70 text-center max-w-xs mt-2 mb-8", children: "Creates a secure passkey on your device. No passwords needed." }),
+    /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground/70 text-center max-w-xs mt-2 mb-6", children: "Creates a secure passkey on your device. No passwords needed." }),
+    /* @__PURE__ */ jsx13(
+      "button",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors underline-offset-4 hover:underline mb-2",
+        onClick: () => send({ type: "CREATE_RECOVERABLE" }),
+        children: "Set up a recovery phrase too"
+      }
+    ),
     /* @__PURE__ */ jsx13(
       "button",
       {
@@ -3830,50 +3960,240 @@ function WelcomeScreen() {
   ] });
 }
 
+// src/onboarding/screens/GuardianRecoveryScreen.tsx
+import { parseShare as parseShare2 } from "@xnetjs/identity";
+import { useMemo as useMemo15, useState as useState24 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function GuardianRecoveryScreen() {
+  const { send, context } = useOnboarding();
+  const [text, setText] = useState24("");
+  const { validCodes, invalidCount, threshold } = useMemo15(() => {
+    const lines = text.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
+    const valid = [];
+    let invalid = 0;
+    let need = null;
+    for (const line of lines) {
+      try {
+        const share = parseShare2(line);
+        valid.push(line);
+        need ??= share.threshold;
+      } catch {
+        invalid += 1;
+      }
+    }
+    return { validCodes: valid, invalidCount: invalid, threshold: need };
+  }, [text]);
+  const canRecover = threshold !== null && validCodes.length >= threshold;
+  const hint = (() => {
+    if (context.error) return context.error.message;
+    if (text.trim().length === 0) return "Paste one share code per line";
+    if (invalidCount > 0)
+      return `${invalidCount} code${invalidCount === 1 ? "" : "s"} not recognized`;
+    if (threshold !== null) return `${validCodes.length} of ${threshold} needed`;
+    return `${validCodes.length} share${validCodes.length === 1 ? "" : "s"} pasted`;
+  })();
+  return /* @__PURE__ */ jsxs12("div", { className: "flex min-h-screen flex-col items-center justify-center bg-background p-6 text-foreground", children: [
+    /* @__PURE__ */ jsx14("h1", { className: "mb-2 text-2xl font-semibold", children: "Recover with your guardians" }),
+    /* @__PURE__ */ jsx14("p", { className: "mb-6 max-w-md text-center text-muted-foreground", children: "Paste the share codes your guardians gave you \u2014 one per line. You need enough of them to restore your identity; we\u2019ll tell you when you have enough." }),
+    /* @__PURE__ */ jsx14(
+      "textarea",
+      {
+        autoFocus: true,
+        spellCheck: false,
+        autoCapitalize: "none",
+        autoCorrect: "off",
+        value: text,
+        onChange: (e) => setText(e.target.value),
+        placeholder: "xnet-share:\u2026\nxnet-share:\u2026",
+        rows: 5,
+        className: "mb-2 w-80 max-w-full resize-none rounded-lg border border-border bg-muted/30 p-3 font-mono text-xs outline-none focus:border-primary"
+      }
+    ),
+    /* @__PURE__ */ jsx14("div", { className: "mb-4 h-5 text-xs", children: /* @__PURE__ */ jsx14(
+      "span",
+      {
+        className: context.error || invalidCount > 0 ? "text-destructive" : "text-muted-foreground",
+        children: hint
+      }
+    ) }),
+    /* @__PURE__ */ jsx14(
+      "button",
+      {
+        disabled: !canRecover,
+        className: "mb-3 w-64 rounded-lg bg-primary px-6 py-3 font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
+        onClick: () => canRecover && send({ type: "SUBMIT_GUARDIAN_SHARES", codes: validCodes }),
+        children: "Recover my identity"
+      }
+    ),
+    /* @__PURE__ */ jsx14(
+      "button",
+      {
+        className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+        onClick: () => send({ type: "BACK_TO_WELCOME" }),
+        children: "Back"
+      }
+    )
+  ] });
+}
+
+// src/onboarding/screens/RecoveryPhraseScreen.tsx
+import { validateRecoveryPhrase } from "@xnetjs/identity";
+import { useMemo as useMemo16, useState as useState25 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function RecoveryPhraseScreen() {
+  const { send, context } = useOnboarding();
+  const [phrase, setPhrase] = useState25("");
+  const validation = useMemo16(() => validateRecoveryPhrase(phrase), [phrase]);
+  const empty = phrase.trim().length === 0;
+  const hint = (() => {
+    if (empty || validation.ok) return null;
+    if (validation.reason === "too-short") {
+      return `Enter your full phrase (at least 12 words) \u2014 ${validation.wordCount} so far.`;
+    }
+    return `Not in the wordlist: ${validation.unknownWords.join(", ")}`;
+  })();
+  return /* @__PURE__ */ jsxs13("div", { className: "flex min-h-screen flex-col items-center justify-center bg-background p-6 text-foreground", children: [
+    /* @__PURE__ */ jsx15("h1", { className: "mb-2 text-2xl font-semibold", children: "Enter your recovery phrase" }),
+    /* @__PURE__ */ jsx15("p", { className: "mb-6 max-w-md text-center text-muted-foreground", children: "Type the recovery phrase you saved. It restores the same identity and your encrypted data on this device." }),
+    /* @__PURE__ */ jsx15(
+      "textarea",
+      {
+        autoFocus: true,
+        spellCheck: false,
+        autoCapitalize: "none",
+        autoCorrect: "off",
+        value: phrase,
+        onChange: (e) => setPhrase(e.target.value),
+        placeholder: "amber anchor apple \u2026",
+        rows: 3,
+        className: "mb-2 w-80 max-w-full resize-none rounded-lg border border-border bg-muted/30 p-3 font-mono text-sm outline-none focus:border-primary"
+      }
+    ),
+    /* @__PURE__ */ jsxs13("div", { className: "mb-4 h-5 text-xs", children: [
+      hint && /* @__PURE__ */ jsx15("span", { className: "text-destructive", children: hint }),
+      context.error && !hint && /* @__PURE__ */ jsx15("span", { className: "text-destructive", children: context.error.message })
+    ] }),
+    /* @__PURE__ */ jsx15(
+      "button",
+      {
+        disabled: !validation.ok,
+        className: "mb-3 w-64 rounded-lg bg-primary px-6 py-3 font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
+        onClick: () => validation.ok && send({ type: "SUBMIT_PHRASE", phrase }),
+        children: "Recover my identity"
+      }
+    ),
+    /* @__PURE__ */ jsx15(
+      "button",
+      {
+        className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+        onClick: () => send({ type: "BACK_TO_WELCOME" }),
+        children: "Back"
+      }
+    )
+  ] });
+}
+
+// src/onboarding/screens/ShowRecoveryPhraseScreen.tsx
+import { useState as useState26 } from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function ShowRecoveryPhraseScreen() {
+  const { send, context } = useOnboarding();
+  const [saved, setSaved] = useState26(false);
+  const [copied, setCopied] = useState26(false);
+  const phrase = context.recoveryPhrase ?? "";
+  const words = phrase.split(" ").filter(Boolean);
+  const copy = () => {
+    void navigator.clipboard?.writeText(phrase).then(
+      () => setCopied(true),
+      () => setCopied(false)
+    );
+  };
+  return /* @__PURE__ */ jsxs14("div", { className: "flex min-h-screen flex-col items-center justify-center bg-background p-6 text-foreground", children: [
+    /* @__PURE__ */ jsx16("h1", { className: "mb-2 text-2xl font-semibold", children: "Save your recovery phrase" }),
+    /* @__PURE__ */ jsx16("p", { className: "mb-6 max-w-md text-center text-muted-foreground", children: "Write these words down and keep them somewhere safe. They are the only way to recover your workspace if you lose your passkey \u2014 we can\u2019t recover them for you." }),
+    /* @__PURE__ */ jsx16("ol", { className: "mb-3 grid w-80 max-w-full grid-cols-2 gap-x-6 gap-y-1 rounded-lg border border-border bg-muted/30 p-4 font-mono text-sm", children: words.map((word, i) => /* @__PURE__ */ jsxs14("li", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx16("span", { className: "w-5 select-none text-right text-muted-foreground", children: i + 1 }),
+      /* @__PURE__ */ jsx16("span", { children: word })
+    ] }, `${i}-${word}`)) }),
+    /* @__PURE__ */ jsx16(
+      "button",
+      {
+        className: "mb-5 text-xs text-muted-foreground transition-colors hover:text-foreground",
+        onClick: copy,
+        children: copied ? "Copied \u2713" : "Copy to clipboard"
+      }
+    ),
+    /* @__PURE__ */ jsxs14("label", { className: "mb-4 flex max-w-xs cursor-pointer items-start gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx16(
+        "input",
+        {
+          type: "checkbox",
+          checked: saved,
+          onChange: (e) => setSaved(e.target.checked),
+          className: "mt-0.5"
+        }
+      ),
+      "I\u2019ve saved my recovery phrase somewhere safe."
+    ] }),
+    /* @__PURE__ */ jsx16(
+      "button",
+      {
+        disabled: !saved,
+        className: "w-64 rounded-lg bg-primary px-6 py-3 font-medium text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50",
+        onClick: () => send({ type: "PHRASE_SAVED" }),
+        children: "Continue"
+      }
+    )
+  ] });
+}
+
 // src/onboarding/OnboardingFlow.tsx
-import { Fragment, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function OnboardingFlow({ connectToHub, children }) {
   const { state } = useOnboarding();
   switch (state) {
     case "welcome":
-      return /* @__PURE__ */ jsx14(WelcomeScreen, {});
+      return /* @__PURE__ */ jsx17(WelcomeScreen, {});
     case "authenticating":
-      return /* @__PURE__ */ jsx14(AuthenticatingScreen, {});
+      return /* @__PURE__ */ jsx17(AuthenticatingScreen, {});
     case "auth-error":
-      return /* @__PURE__ */ jsx14(AuthErrorScreen, {});
+      return /* @__PURE__ */ jsx17(AuthErrorScreen, {});
     case "unsupported-browser":
-      return /* @__PURE__ */ jsx14(UnsupportedBrowserScreen, {});
+      return /* @__PURE__ */ jsx17(UnsupportedBrowserScreen, {});
     case "import-identity":
-      return /* @__PURE__ */ jsx14(ImportIdentityScreen, {});
+      return /* @__PURE__ */ jsx17(ImportIdentityScreen, {});
     case "qr-scan":
-      return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-6", children: [
-        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold mb-2", children: "QR Scan" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Coming soon \u2014 scan a QR code from another device." })
+      return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-6", children: [
+        /* @__PURE__ */ jsx17("h1", { className: "text-2xl font-semibold mb-2", children: "QR Scan" }),
+        /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground", children: "Coming soon \u2014 scan a QR code from another device." })
       ] });
     case "recovery-phrase":
-      return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-6", children: [
-        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold mb-2", children: "Recovery Phrase" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Coming soon \u2014 enter your recovery phrase." })
-      ] });
+      return /* @__PURE__ */ jsx17(RecoveryPhraseScreen, {});
+    case "guardian-recovery":
+      return /* @__PURE__ */ jsx17(GuardianRecoveryScreen, {});
+    case "creating-recoverable":
+      return /* @__PURE__ */ jsx17(AuthenticatingScreen, {});
+    case "show-recovery-phrase":
+      return /* @__PURE__ */ jsx17(ShowRecoveryPhraseScreen, {});
     case "connecting-hub":
-      return /* @__PURE__ */ jsx14(HubConnectScreen, { connectToHub });
+      return /* @__PURE__ */ jsx17(HubConnectScreen, { connectToHub });
     case "ready":
-      return /* @__PURE__ */ jsx14(ReadyScreen, {});
+      return /* @__PURE__ */ jsx17(ReadyScreen, {});
     case "complete":
-      return /* @__PURE__ */ jsx14(Fragment, { children });
+      return /* @__PURE__ */ jsx17(Fragment, { children });
     default:
-      return /* @__PURE__ */ jsx14(WelcomeScreen, {});
+      return /* @__PURE__ */ jsx17(WelcomeScreen, {});
   }
 }
 
 // src/onboarding/screens/SmartWelcome.tsx
 import { discoverExistingPasskey } from "@xnetjs/identity";
-import { useEffect as useEffect20, useState as useState24 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useState as useState27 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function SmartWelcome() {
   const { send } = useOnboarding();
-  const [checking, setChecking] = useState24(true);
-  const [hasExisting, setHasExisting] = useState24(false);
+  const [checking, setChecking] = useState27(true);
+  const [hasExisting, setHasExisting] = useState27(false);
   useEffect20(() => {
     let cancelled = false;
     discoverExistingPasskey().then((passkey) => {
@@ -3891,35 +4211,31 @@ function SmartWelcome() {
     };
   }, []);
   if (checking) {
-    return /* @__PURE__ */ jsx15("div", { className: "onboarding-screen", children: /* @__PURE__ */ jsx15("p", { className: "spinner-text", children: "Checking for existing identity..." }) });
+    return /* @__PURE__ */ jsx18("div", { className: "onboarding-screen", children: /* @__PURE__ */ jsx18("p", { className: "spinner-text", children: "Checking for existing identity..." }) });
   }
   if (hasExisting) {
     const authName = getPlatformAuthName();
-    return /* @__PURE__ */ jsxs13("div", { className: "onboarding-screen welcome-back", children: [
-      /* @__PURE__ */ jsx15("h1", { children: "Welcome back!" }),
-      /* @__PURE__ */ jsxs13("p", { className: "subtitle", children: [
+    return /* @__PURE__ */ jsxs16("div", { className: "onboarding-screen welcome-back", children: [
+      /* @__PURE__ */ jsx18("h1", { children: "Welcome back!" }),
+      /* @__PURE__ */ jsxs16("p", { className: "subtitle", children: [
         "We found your xNet identity. Use ",
         authName,
         " to sign in."
       ] }),
-      /* @__PURE__ */ jsxs13("button", { className: "primary-button", onClick: () => send({ type: "AUTHENTICATE" }), children: [
+      /* @__PURE__ */ jsxs16("button", { className: "primary-button", onClick: () => send({ type: "AUTHENTICATE" }), children: [
         "Sign in with ",
         authName
       ] }),
-      /* @__PURE__ */ jsx15("button", { className: "text-button", onClick: () => send({ type: "CREATE_NEW" }), children: "Create a new identity instead" })
+      /* @__PURE__ */ jsx18("button", { className: "text-button", onClick: () => send({ type: "CREATE_NEW" }), children: "Create a new identity instead" })
     ] });
   }
-  return /* @__PURE__ */ jsx15(WelcomeScreen, {});
+  return /* @__PURE__ */ jsx18(WelcomeScreen, {});
 }
 
 // src/onboarding/screens/SyncProgressOverlay.tsx
+import { formatBytes as formatBytes2 } from "@xnetjs/core";
 import { useEffect as useEffect21 } from "react";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
-function formatBytes2(bytes) {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function SyncProgressOverlay({
   progress,
   onComplete
@@ -3930,14 +4246,14 @@ function SyncProgressOverlay({
       return () => clearTimeout(timer);
     }
   }, [progress.phase, onComplete]);
-  return /* @__PURE__ */ jsx16("div", { className: "sync-progress-overlay", children: /* @__PURE__ */ jsxs14("div", { className: "sync-card", children: [
-    progress.phase === "connecting" && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx16("h2", { children: "Connecting to server..." }),
-      /* @__PURE__ */ jsx16("p", { className: "spinner-text", children: "Please wait" })
+  return /* @__PURE__ */ jsx19("div", { className: "sync-progress-overlay", children: /* @__PURE__ */ jsxs17("div", { className: "sync-card", children: [
+    progress.phase === "connecting" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Connecting to server..." }),
+      /* @__PURE__ */ jsx19("p", { className: "spinner-text", children: "Please wait" })
     ] }),
-    progress.phase === "syncing" && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx16("h2", { children: "Syncing your data" }),
-      /* @__PURE__ */ jsx16("div", { className: "progress-bar", children: /* @__PURE__ */ jsx16(
+    progress.phase === "syncing" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Syncing your data" }),
+      /* @__PURE__ */ jsx19("div", { className: "progress-bar", children: /* @__PURE__ */ jsx19(
         "div",
         {
           className: "progress-fill",
@@ -3946,29 +4262,29 @@ function SyncProgressOverlay({
           }
         }
       ) }),
-      /* @__PURE__ */ jsxs14("p", { className: "progress-text", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "progress-text", children: [
         progress.roomsSynced,
         " of ",
         progress.roomsTotal,
         " items"
       ] }),
-      /* @__PURE__ */ jsxs14("p", { className: "bytes-text", children: [
+      /* @__PURE__ */ jsxs17("p", { className: "bytes-text", children: [
         formatBytes2(progress.bytesReceived),
         " received"
       ] })
     ] }),
-    progress.phase === "complete" && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx16("h2", { children: "All synced!" }),
-      /* @__PURE__ */ jsxs14("p", { children: [
+    progress.phase === "complete" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+      /* @__PURE__ */ jsx19("h2", { children: "All synced!" }),
+      /* @__PURE__ */ jsxs17("p", { children: [
         progress.roomsTotal,
         " items synchronized"
       ] })
     ] }),
-    progress.phase === "error" && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-      /* @__PURE__ */ jsx16("h2", { children: "Sync issue" }),
-      /* @__PURE__ */ jsx16("p", { children: "Some data may not be up to date." }),
-      progress.error && /* @__PURE__ */ jsx16("p", { className: "error-detail", children: progress.error.message }),
-      /* @__PURE__ */ jsx16("button", { className: "primary-button", onClick: onComplete, children: "Continue anyway" })
+    progress.phase === "error" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Sync issue" }),
+      /* @__PURE__ */ jsx19("p", { children: "Some data may not be up to date." }),
+      progress.error && /* @__PURE__ */ jsx19("p", { className: "error-detail", children: progress.error.message }),
+      /* @__PURE__ */ jsx19("button", { className: "primary-button", onClick: onComplete, children: "Continue anyway" })
     ] })
   ] }) });
 }
@@ -4033,60 +4349,60 @@ function isTaskOverdue(timestamp, completed) {
 
 // src/components/PageTasksPanel.tsx
 import { Calendar, CheckSquare2, ChevronDown, ChevronRight, Square, Users } from "lucide-react";
-import { useMemo as useMemo15, useState as useState25 } from "react";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useMemo as useMemo17, useState as useState28 } from "react";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function PageTasksPanel({ pageId }) {
-  const [expanded, setExpanded] = useState25(true);
+  const [expanded, setExpanded] = useState28(true);
   const { tree, loading } = useTasks({ pageId });
-  const rows = useMemo15(() => flattenTaskTree(tree), [tree]);
-  return /* @__PURE__ */ jsxs15("div", { className: "mt-8 overflow-hidden rounded-lg border border-border", children: [
-    /* @__PURE__ */ jsx17(
+  const rows = useMemo17(() => flattenTaskTree(tree), [tree]);
+  return /* @__PURE__ */ jsxs18("div", { className: "mt-8 overflow-hidden rounded-lg border border-border", children: [
+    /* @__PURE__ */ jsx20(
       "button",
       {
         className: "w-full cursor-pointer border-none bg-secondary p-3 px-4 text-left",
         onClick: () => setExpanded((value) => !value),
         type: "button",
-        children: /* @__PURE__ */ jsxs15("h3", { className: "m-0 flex items-center justify-between text-sm font-semibold text-foreground", children: [
-          /* @__PURE__ */ jsxs15("span", { children: [
+        children: /* @__PURE__ */ jsxs18("h3", { className: "m-0 flex items-center justify-between text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsxs18("span", { children: [
             "Tasks on this page (",
             rows.length,
             ")"
           ] }),
-          expanded ? /* @__PURE__ */ jsx17(ChevronDown, { size: 16, className: "text-muted-foreground" }) : /* @__PURE__ */ jsx17(ChevronRight, { size: 16, className: "text-muted-foreground" })
+          expanded ? /* @__PURE__ */ jsx20(ChevronDown, { size: 16, className: "text-muted-foreground" }) : /* @__PURE__ */ jsx20(ChevronRight, { size: 16, className: "text-muted-foreground" })
         ] })
       }
     ),
-    expanded && /* @__PURE__ */ jsx17("div", { className: "p-3", children: loading ? /* @__PURE__ */ jsx17("p", { className: "m-0 text-sm text-muted-foreground", children: "Loading tasks..." }) : rows.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "m-0 text-sm text-muted-foreground", children: "Checklist items on this page will appear here." }) : /* @__PURE__ */ jsx17("ul", { className: "m-0 list-none space-y-1 p-0", children: rows.map((task) => {
+    expanded && /* @__PURE__ */ jsx20("div", { className: "p-3", children: loading ? /* @__PURE__ */ jsx20("p", { className: "m-0 text-sm text-muted-foreground", children: "Loading tasks..." }) : rows.length === 0 ? /* @__PURE__ */ jsx20("p", { className: "m-0 text-sm text-muted-foreground", children: "Checklist items on this page will appear here." }) : /* @__PURE__ */ jsx20("ul", { className: "m-0 list-none space-y-1 p-0", children: rows.map((task) => {
       const dueDateLabel = formatTaskDueDate(task.dueDate);
       const overdue = isTaskOverdue(task.dueDate, task.completed);
-      return /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
+      return /* @__PURE__ */ jsx20("li", { children: /* @__PURE__ */ jsxs18(
         "div",
         {
           className: "flex items-start gap-2 rounded-md px-2 py-2 transition-colors hover:bg-accent/40",
           style: { paddingLeft: `${task.depth * 18 + 8}px` },
           children: [
-            task.completed ? /* @__PURE__ */ jsx17(CheckSquare2, { size: 15, className: "mt-0.5 flex-shrink-0 text-primary" }) : /* @__PURE__ */ jsx17(Square, { size: 15, className: "mt-0.5 flex-shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ jsx17(
+            task.completed ? /* @__PURE__ */ jsx20(CheckSquare2, { size: 15, className: "mt-0.5 flex-shrink-0 text-primary" }) : /* @__PURE__ */ jsx20(Square, { size: 15, className: "mt-0.5 flex-shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx20(
                 "div",
                 {
                   className: `text-sm ${task.completed ? "line-through text-muted-foreground" : "text-foreground"}`,
                   children: task.title
                 }
               ),
-              /* @__PURE__ */ jsxs15("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground", children: [
-                dueDateLabel ? /* @__PURE__ */ jsxs15(
+              /* @__PURE__ */ jsxs18("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground", children: [
+                dueDateLabel ? /* @__PURE__ */ jsxs18(
                   "span",
                   {
                     className: `inline-flex items-center gap-1 ${overdue ? "text-red-500" : "text-muted-foreground"}`,
                     children: [
-                      /* @__PURE__ */ jsx17(Calendar, { size: 11 }),
+                      /* @__PURE__ */ jsx20(Calendar, { size: 11 }),
                       dueDateLabel
                     ]
                   }
                 ) : null,
-                task.assigneeCount > 0 ? /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx17(Users, { size: 11 }),
+                task.assigneeCount > 0 ? /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx20(Users, { size: 11 }),
                   task.assigneeCount
                 ] }) : null
               ] })
@@ -4099,8 +4415,8 @@ function PageTasksPanel({ pageId }) {
 }
 
 // src/components/TaskCollectionEmbed.tsx
-import { useMemo as useMemo16 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useMemo as useMemo18 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function TaskCollectionEmbed({
   currentPageId,
   currentDid,
@@ -4122,7 +4438,7 @@ function TaskCollectionEmbed({
     statuses: statuses ? [...statuses] : void 0,
     dueDateFilter: dueDate
   });
-  const rows = useMemo16(() => {
+  const rows = useMemo18(() => {
     if (showHierarchy) return flattenTaskTree(tree);
     return data.map((task) => ({
       id: task.id,
@@ -4133,33 +4449,33 @@ function TaskCollectionEmbed({
     }));
   }, [data, showHierarchy, tree]);
   if (missingPageContext) {
-    return /* @__PURE__ */ jsx18("div", { className: "p-4 text-sm text-muted-foreground", children: "This view needs a page context." });
+    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "This view needs a page context." });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx18("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading tasks..." });
+    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading tasks..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx18("div", { className: "p-4 text-sm text-muted-foreground", children: "No tasks match the saved filters for this view." });
+    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "No tasks match the saved filters for this view." });
   }
-  return /* @__PURE__ */ jsx18("div", { className: "p-3", children: /* @__PURE__ */ jsx18("ul", { className: "m-0 list-none space-y-1 p-0", children: rows.map((task) => {
+  return /* @__PURE__ */ jsx21("div", { className: "p-3", children: /* @__PURE__ */ jsx21("ul", { className: "m-0 list-none space-y-1 p-0", children: rows.map((task) => {
     const dueDateLabel = formatTaskDueDate(task.dueDate);
     const overdue = isTaskOverdue(task.dueDate, task.completed);
-    return /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs19(
       "div",
       {
         className: "flex items-start gap-2 rounded-lg px-2 py-2 hover:bg-accent/40",
         style: { paddingLeft: `${task.depth * 18 + 8}px` },
         children: [
-          /* @__PURE__ */ jsx18("span", { className: task.completed ? "text-primary" : "text-muted-foreground", children: task.completed ? "\u2611" : "\u2610" }),
-          /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx21("span", { className: task.completed ? "text-primary" : "text-muted-foreground", children: task.completed ? "\u2611" : "\u2610" }),
+          /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 className: task.completed ? "truncate text-sm text-muted-foreground line-through" : "truncate text-sm text-foreground",
                 children: task.title
               }
             ),
-            dueDateLabel ? /* @__PURE__ */ jsx18(
+            dueDateLabel ? /* @__PURE__ */ jsx21(
               "div",
               {
                 className: overdue ? "mt-1 text-[11px] text-red-500" : "mt-1 text-[11px] text-muted-foreground",
@@ -4179,16 +4495,16 @@ import {
   hybridVerify
 } from "@xnetjs/crypto";
 import { parseDID } from "@xnetjs/identity";
-import { useCallback as useCallback19, useMemo as useMemo17 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo19 } from "react";
 function useSecurity(options = {}) {
   const context = useSecurityContext();
   const effectiveLevel = options.level ?? context.level;
-  const hasPQKeys = useMemo17(
+  const hasPQKeys = useMemo19(
     () => context.keyBundle?.pqSigningKey !== void 0,
     [context.keyBundle]
   );
-  const hasKeyBundle = useMemo17(() => context.keyBundle !== void 0, [context.keyBundle]);
-  const maxLevel = useMemo17(() => hasPQKeys ? 2 : 0, [hasPQKeys]);
+  const hasKeyBundle = useMemo19(() => context.keyBundle !== void 0, [context.keyBundle]);
+  const maxLevel = useMemo19(() => hasPQKeys ? 2 : 0, [hasPQKeys]);
   const canSignAt = useCallback19(
     (level) => {
       if (!context.keyBundle) return false;

package/dist/{experimental-Dmz4kYvX.d.ts → experimental-B2FrBnkV.d.ts}

@@ -1100,7 +1100,7 @@ declare function useSyncManager(): SyncManager | null;
  *   welcome → import-identity → qr-scan/recovery-phrase → connecting-hub
  */
 
-type OnboardingState = 'welcome' | 'authenticating' | 'auth-error' | 'unsupported-browser' | 'import-identity' | 'qr-scan' | 'recovery-phrase' | 'connecting-hub' | 'ready' | 'complete';
+type OnboardingState = 'welcome' | 'authenticating' | 'auth-error' | 'unsupported-browser' | 'import-identity' | 'qr-scan' | 'recovery-phrase' | 'guardian-recovery' | 'creating-recoverable' | 'show-recovery-phrase' | 'connecting-hub' | 'ready' | 'complete';
 type OnboardingEvent = {
     type: 'AUTHENTICATE';
 } | {
@@ -1135,6 +1135,28 @@ type OnboardingEvent = {
     error: Error;
 } | {
     type: 'CREATE_FIRST_PAGE';
+} | {
+    type: 'CREATE_RECOVERABLE';
+} | {
+    type: 'USE_SYNCED_PASSKEY';
+} | {
+    type: 'ENTER_GUARDIAN_SHARES';
+} | {
+    type: 'SUBMIT_GUARDIAN_SHARES';
+    codes: string[];
+} | {
+    type: 'SUBMIT_PHRASE';
+    phrase: string;
+} | {
+    type: 'IMPORT_FAILED';
+    error: Error;
+} | {
+    type: 'RECOVERABLE_CREATED';
+    identity: Identity;
+    keyBundle: KeyBundle;
+    phrase: string;
+} | {
+    type: 'PHRASE_SAVED';
 };
 type OnboardingMachineContext = {
     identity: Identity | null;
@@ -1142,6 +1164,8 @@ type OnboardingMachineContext = {
     hubUrl: string | null;
     error: Error | null;
     isDemo: boolean;
+    /** The recovery phrase to show once, after creating a recoverable identity (0243). */
+    recoveryPhrase: string | null;
 };
 type OnboardingReducerState = {
     state: OnboardingState;

package/dist/experimental.d.ts

@@ -1,4 +1,4 @@
-export { A as AddCommentOptions, a0 as AddReactionOptions, bm as AuthErrorScreen, aP as AuthTraceSummary, bl as AuthenticatingScreen, r as CommentNode, C as CommentThread, F as CommentVisibility, ad as CreateMessageRequestOptions, b7 as DemoBanner, b8 as DemoBannerProps, bb as DemoDataExpiredScreen, be as DemoLimits, bd as DemoModeState, b9 as DemoQuotaIndicator, ba as DemoQuotaIndicatorProps, bf as DemoUsage, b2 as DiscoveredPeer, aU as FileRef, ae as FirstContactAdmission, af as FirstContactDecision, ag as FirstContactDecisionInput, G as FirstContactMode, ah as FirstContactVisibility, aK as GrantConsentSummary, aL as GrantInput, bp as HubConnectScreen, aX as HubSearchOptions, aY as HubSearchResult, aZ as HubSearchState, b3 as HubStatusIndicator, bo as ImportIdentityScreen, I as InteractionPermission, ai as MessageRequestNode, aj as MessageRequestProperties, ak as MessageRequestStatus, M as ModeratedCommentNode, H as ModeratedCommentThread, J as ModerationFilterOptions, K as ModerationLabelSummary, bA as OnboardingContextValue, bD as OnboardingEvent, bj as OnboardingFlow, bB as OnboardingFlowProps, bE as OnboardingMachineContext, bh as OnboardingProvider, bz as OnboardingProviderProps, bF as OnboardingReducerState, bC as OnboardingState, P as PageTaskInput, e as PageTaskReferenceInput, bI as PageTasksPanel, bJ as PageTasksPanelProps, bW as PluginRegistryContext, L as PublicInteractionMode, N as PublicInteractionPolicySnapshot, O as PublicInteractionSurface, Q as PublicModerationMode, bv as QUICK_START_TEMPLATES, bG as QuickStartTemplate, a1 as ReactionCounterSnapshot, a2 as ReactionNode, a3 as ReactionType, bq as ReadyScreen, a$ as RemoteSchemaDefinition, b0 as RemoteSchemaState, R as ReplyContext, bQ as SecurityContextActions, bP as SecurityContextState, bR as SecurityContextValue, bM as SecurityProvider, bS as SecurityProviderProps, b4 as Skeleton, b6 as SkeletonProps, br as SmartWelcome, bs as SyncProgressOverlay, bH as SyncProgressOverlayProps, bK as TaskCollectionEmbed, bL as TaskCollectionEmbedProps, a as TaskTreeItem, bn as UnsupportedBrowserScreen, aw as UseAuditOptions, av as UseAuditResult, aQ as UseAuthTraceResult, aS as UseBackupReturn, aA as UseBlameResult, aH as UseCanEditResult, aF as UseCanResult, p as UseCommentsOptions, q as UseCommentsResult, ay as UseDiffResult, aV as UseFileUploadReturn, b as UseFindOptions, c as UseFindResult, aM as UseGrantsResult, aq as UseHistoryResult, al as UseMessageRequestsOptions, am as UseMessageRequestsResult, S as UseModeratedThreadOptions, f as UsePageTaskSyncOptions, g as UsePageTaskSyncResult, a4 as UsePolicyFilteredReactionCountersOptions, a5 as UsePolicyFilteredReactionCountersResult, bU as UseSecurityOptions, bV as UseSecurityResult, m as UseTasksOptions, n as UseTasksResult, at as UseUndoOptions, as as UseUndoResult, aC as UseVerificationResult, V as UseVisibleCommentsOptions, W as UseVisibleCommentsResult, bk as WelcomeScreen, by as copyToClipboard, a7 as createConversationKey, bu as createInitialState, a8 as createMessageRequestProperties, v as createModerationLabelIndex, Y as createReactionCounterSnapshot, Z as dedupeReactions, aI as describeGrantConsent, w as evaluateCommentModeration, a9 as evaluateFirstContactDecision, x as evaluateInteractionPermission, aa as findLatestMessageRequest, bw as getPlatformAuthName, ab as hasAcceptedContact, b5 as injectSkeletonStyles, _ as isReactionVisible, y as moderateThread, bt as onboardingReducer, z as selectActiveInteractionPolicy, B as selectPublicInteractionMode, aN as summarizeAuthTrace, ac as summarizeMessageRequest, D as summarizeModerationLabel, E as summarizePublicInteractionPolicy, $ as summarizeReactionNode, bx as truncateDid, au as useAudit, aO as useAuthTrace, aR as useBackup, az as useBlame, aE as useCan, aG as useCanEdit, c7 as useCommand, c0 as useCommands, an as useCommentCount, ao as useCommentCounts, o as useComments, b_ as useContributions, bc as useDemoMode, ax as useDiff, c4 as useEditorExtensions, c5 as useEditorExtensionsSafe, aT as useFileUpload, u as useFind, aJ as useGrants, ap as useHistory, aW as useHubSearch, aD as useHubStatus, a6 as useMessageRequests, t as useModeratedThread, bi as useOnboarding, d as usePageTaskSync, b1 as usePeerDiscovery, bX as usePluginRegistry, bY as usePluginRegistryOptional, bZ as usePlugins, X as usePolicyFilteredReactionCounters, a_ as useRemoteSchema, bT as useSecurity, bN as useSecurityContext, bO as useSecurityContextOptional, c2 as useSidebarItems, c1 as useSlashCommands, bg as useSyncManager, l as useTasks, ar as useUndo, aB as useVerification, c6 as useView, b$ as useViews, s as useVisibleComments } from './experimental-Dmz4kYvX.js';
+export { A as AddCommentOptions, a0 as AddReactionOptions, bm as AuthErrorScreen, aP as AuthTraceSummary, bl as AuthenticatingScreen, r as CommentNode, C as CommentThread, F as CommentVisibility, ad as CreateMessageRequestOptions, b7 as DemoBanner, b8 as DemoBannerProps, bb as DemoDataExpiredScreen, be as DemoLimits, bd as DemoModeState, b9 as DemoQuotaIndicator, ba as DemoQuotaIndicatorProps, bf as DemoUsage, b2 as DiscoveredPeer, aU as FileRef, ae as FirstContactAdmission, af as FirstContactDecision, ag as FirstContactDecisionInput, G as FirstContactMode, ah as FirstContactVisibility, aK as GrantConsentSummary, aL as GrantInput, bp as HubConnectScreen, aX as HubSearchOptions, aY as HubSearchResult, aZ as HubSearchState, b3 as HubStatusIndicator, bo as ImportIdentityScreen, I as InteractionPermission, ai as MessageRequestNode, aj as MessageRequestProperties, ak as MessageRequestStatus, M as ModeratedCommentNode, H as ModeratedCommentThread, J as ModerationFilterOptions, K as ModerationLabelSummary, bA as OnboardingContextValue, bD as OnboardingEvent, bj as OnboardingFlow, bB as OnboardingFlowProps, bE as OnboardingMachineContext, bh as OnboardingProvider, bz as OnboardingProviderProps, bF as OnboardingReducerState, bC as OnboardingState, P as PageTaskInput, e as PageTaskReferenceInput, bI as PageTasksPanel, bJ as PageTasksPanelProps, bW as PluginRegistryContext, L as PublicInteractionMode, N as PublicInteractionPolicySnapshot, O as PublicInteractionSurface, Q as PublicModerationMode, bv as QUICK_START_TEMPLATES, bG as QuickStartTemplate, a1 as ReactionCounterSnapshot, a2 as ReactionNode, a3 as ReactionType, bq as ReadyScreen, a$ as RemoteSchemaDefinition, b0 as RemoteSchemaState, R as ReplyContext, bQ as SecurityContextActions, bP as SecurityContextState, bR as SecurityContextValue, bM as SecurityProvider, bS as SecurityProviderProps, b4 as Skeleton, b6 as SkeletonProps, br as SmartWelcome, bs as SyncProgressOverlay, bH as SyncProgressOverlayProps, bK as TaskCollectionEmbed, bL as TaskCollectionEmbedProps, a as TaskTreeItem, bn as UnsupportedBrowserScreen, aw as UseAuditOptions, av as UseAuditResult, aQ as UseAuthTraceResult, aS as UseBackupReturn, aA as UseBlameResult, aH as UseCanEditResult, aF as UseCanResult, p as UseCommentsOptions, q as UseCommentsResult, ay as UseDiffResult, aV as UseFileUploadReturn, b as UseFindOptions, c as UseFindResult, aM as UseGrantsResult, aq as UseHistoryResult, al as UseMessageRequestsOptions, am as UseMessageRequestsResult, S as UseModeratedThreadOptions, f as UsePageTaskSyncOptions, g as UsePageTaskSyncResult, a4 as UsePolicyFilteredReactionCountersOptions, a5 as UsePolicyFilteredReactionCountersResult, bU as UseSecurityOptions, bV as UseSecurityResult, m as UseTasksOptions, n as UseTasksResult, at as UseUndoOptions, as as UseUndoResult, aC as UseVerificationResult, V as UseVisibleCommentsOptions, W as UseVisibleCommentsResult, bk as WelcomeScreen, by as copyToClipboard, a7 as createConversationKey, bu as createInitialState, a8 as createMessageRequestProperties, v as createModerationLabelIndex, Y as createReactionCounterSnapshot, Z as dedupeReactions, aI as describeGrantConsent, w as evaluateCommentModeration, a9 as evaluateFirstContactDecision, x as evaluateInteractionPermission, aa as findLatestMessageRequest, bw as getPlatformAuthName, ab as hasAcceptedContact, b5 as injectSkeletonStyles, _ as isReactionVisible, y as moderateThread, bt as onboardingReducer, z as selectActiveInteractionPolicy, B as selectPublicInteractionMode, aN as summarizeAuthTrace, ac as summarizeMessageRequest, D as summarizeModerationLabel, E as summarizePublicInteractionPolicy, $ as summarizeReactionNode, bx as truncateDid, au as useAudit, aO as useAuthTrace, aR as useBackup, az as useBlame, aE as useCan, aG as useCanEdit, c7 as useCommand, c0 as useCommands, an as useCommentCount, ao as useCommentCounts, o as useComments, b_ as useContributions, bc as useDemoMode, ax as useDiff, c4 as useEditorExtensions, c5 as useEditorExtensionsSafe, aT as useFileUpload, u as useFind, aJ as useGrants, ap as useHistory, aW as useHubSearch, aD as useHubStatus, a6 as useMessageRequests, t as useModeratedThread, bi as useOnboarding, d as usePageTaskSync, b1 as usePeerDiscovery, bX as usePluginRegistry, bY as usePluginRegistryOptional, bZ as usePlugins, X as usePolicyFilteredReactionCounters, a_ as useRemoteSchema, bT as useSecurity, bN as useSecurityContext, bO as useSecurityContextOptional, c2 as useSidebarItems, c1 as useSlashCommands, bg as useSyncManager, l as useTasks, ar as useUndo, aB as useVerification, c6 as useView, b$ as useViews, s as useVisibleComments } from './experimental-B2FrBnkV.js';
 export { i as FlattenNodeOptions, f as flattenNode, e as flattenNodes, h as flattenNodesWithSchemaCheck, g as flattenUnknownSchemaNode } from './useQuery-D7ajycrc.js';
 export { BlobStoreForSync, ConnectionManager, ConnectionManagerConfig, ConnectionStatus, InitialSyncManager, InitialSyncMessage, METABRIDGE_ORIGIN, METABRIDGE_SEED_ORIGIN, MetaBridge, NodePool, NodePoolConfig, NodeStoreSyncProvider, NodeSyncResponse, OfflineQueue, OfflineQueueConfig, PoolEntryState, ProgressListener, QueueEntry, Registry, RegistryConfig, RegistryStorage, SerializedNodeChange, SyncLifecyclePhase, SyncLifecycleState, SyncManager, SyncManagerConfig, SyncStatus as SyncManagerStatus, SyncPhase, SyncProgress, TrackedNode, WebSocketSyncProvider, WebSocketSyncProviderOptions, createConnectionManager, createInitialSyncManager, createMetaBridge, createNodePool, createOfflineQueue, createRegistry, createSyncManager } from '@xnetjs/runtime';
 export { I as InstrumentationContext, a as InstrumentationContextValue, Q as QueryTrackerLike, Y as YDocRegistryLike, u as useInstrumentation } from './instrumentation-CpIuG2y5.js';

package/dist/experimental.js

@@ -73,7 +73,7 @@ import {
   useUndo,
   useVerification,
   useVisibleComments
-} from "./chunk-4ND4LERM.js";
+} from "./chunk-7OQXRHEQ.js";
 import {
   flattenNode,
   flattenNodes,

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import { Q as QueryFilter, a as QueryStatus, F as FlatNode, b as QueryPlanSummary } from './useQuery-D7ajycrc.js';
 export { i as FlattenNodeOptions, M as MigrationWarning, c as QueryListResult, d as QuerySingleResult, S as SortDirection, f as flattenNode, e as flattenNodes, h as flattenNodesWithSchemaCheck, g as flattenUnknownSchemaNode, u as useQuery } from './useQuery-D7ajycrc.js';
 export { ErrorBoundary, ErrorBoundaryProps, InfiniteQueryFilter, InfiniteQueryPage, InfiniteQueryResult, MutateCreate, MutateDelete, MutateOp, MutateRestore, MutateUpdate, OfflineIndicator, OfflineIndicatorProps, PresenceUser, SyncStatus, UseIdentityResult, UseMutateResult, UseNodeOptions, UseNodeResult, useIdentity, useInfiniteQuery, useIsOffline, useMutate, useNode } from './core.js';
-import { U as UseTaskProjectionSyncResult, T as TaskProjectionInput, a as TaskTreeItem } from './experimental-Dmz4kYvX.js';
-export { A as AddCommentOptions, a0 as AddReactionOptions, bm as AuthErrorScreen, aP as AuthTraceSummary, bl as AuthenticatingScreen, r as CommentNode, C as CommentThread, F as CommentVisibility, ad as CreateMessageRequestOptions, b7 as DemoBanner, b8 as DemoBannerProps, bb as DemoDataExpiredScreen, be as DemoLimits, bd as DemoModeState, b9 as DemoQuotaIndicator, ba as DemoQuotaIndicatorProps, bf as DemoUsage, b2 as DiscoveredPeer, aU as FileRef, ae as FirstContactAdmission, af as FirstContactDecision, ag as FirstContactDecisionInput, G as FirstContactMode, ah as FirstContactVisibility, aK as GrantConsentSummary, aL as GrantInput, bp as HubConnectScreen, aX as HubSearchOptions, aY as HubSearchResult, aZ as HubSearchState, b3 as HubStatusIndicator, bo as ImportIdentityScreen, I as InteractionPermission, ai as MessageRequestNode, aj as MessageRequestProperties, ak as MessageRequestStatus, M as ModeratedCommentNode, H as ModeratedCommentThread, J as ModerationFilterOptions, K as ModerationLabelSummary, bA as OnboardingContextValue, bD as OnboardingEvent, bj as OnboardingFlow, bB as OnboardingFlowProps, bE as OnboardingMachineContext, bh as OnboardingProvider, bz as OnboardingProviderProps, bF as OnboardingReducerState, bC as OnboardingState, P as PageTaskInput, e as PageTaskReferenceInput, bI as PageTasksPanel, bJ as PageTasksPanelProps, bW as PluginRegistryContext, L as PublicInteractionMode, N as PublicInteractionPolicySnapshot, O as PublicInteractionSurface, Q as PublicModerationMode, bv as QUICK_START_TEMPLATES, bG as QuickStartTemplate, a1 as ReactionCounterSnapshot, a2 as ReactionNode, a3 as ReactionType, bq as ReadyScreen, a$ as RemoteSchemaDefinition, b0 as RemoteSchemaState, R as ReplyContext, bQ as SecurityContextActions, bP as SecurityContextState, bR as SecurityContextValue, bM as SecurityProvider, bS as SecurityProviderProps, b4 as Skeleton, b6 as SkeletonProps, br as SmartWelcome, bs as SyncProgressOverlay, bH as SyncProgressOverlayProps, bK as TaskCollectionEmbed, bL as TaskCollectionEmbedProps, j as TaskProjectionHost, i as TaskProjectionReferenceInput, bn as UnsupportedBrowserScreen, aw as UseAuditOptions, av as UseAuditResult, aQ as UseAuthTraceResult, aS as UseBackupReturn, aA as UseBlameResult, aH as UseCanEditResult, aF as UseCanResult, p as UseCommentsOptions, q as UseCommentsResult, ay as UseDiffResult, aV as UseFileUploadReturn, b as UseFindOptions, c as UseFindResult, aM as UseGrantsResult, aq as UseHistoryResult, al as UseMessageRequestsOptions, am as UseMessageRequestsResult, S as UseModeratedThreadOptions, f as UsePageTaskSyncOptions, g as UsePageTaskSyncResult, a4 as UsePolicyFilteredReactionCountersOptions, a5 as UsePolicyFilteredReactionCountersResult, bU as UseSecurityOptions, bV as UseSecurityResult, k as UseTaskProjectionSyncOptions, m as UseTasksOptions, n as UseTasksResult, at as UseUndoOptions, as as UseUndoResult, aC as UseVerificationResult, V as UseVisibleCommentsOptions, W as UseVisibleCommentsResult, bk as WelcomeScreen, by as copyToClipboard, a7 as createConversationKey, bu as createInitialState, a8 as createMessageRequestProperties, v as createModerationLabelIndex, Y as createReactionCounterSnapshot, Z as dedupeReactions, aI as describeGrantConsent, w as evaluateCommentModeration, a9 as evaluateFirstContactDecision, x as evaluateInteractionPermission, aa as findLatestMessageRequest, bw as getPlatformAuthName, ab as hasAcceptedContact, b5 as injectSkeletonStyles, _ as isReactionVisible, y as moderateThread, bt as onboardingReducer, z as selectActiveInteractionPolicy, B as selectPublicInteractionMode, aN as summarizeAuthTrace, ac as summarizeMessageRequest, D as summarizeModerationLabel, E as summarizePublicInteractionPolicy, $ as summarizeReactionNode, bx as truncateDid, au as useAudit, aO as useAuthTrace, aR as useBackup, az as useBlame, aE as useCan, aG as useCanEdit, c7 as useCommand, c0 as useCommands, an as useCommentCount, ao as useCommentCounts, o as useComments, b_ as useContributions, bc as useDemoMode, ax as useDiff, c4 as useEditorExtensions, c5 as useEditorExtensionsSafe, aT as useFileUpload, u as useFind, aJ as useGrants, ap as useHistory, aW as useHubSearch, aD as useHubStatus, c3 as useImporters, a6 as useMessageRequests, t as useModeratedThread, bi as useOnboarding, d as usePageTaskSync, b1 as usePeerDiscovery, bX as usePluginRegistry, bY as usePluginRegistryOptional, bZ as usePlugins, X as usePolicyFilteredReactionCounters, a_ as useRemoteSchema, bT as useSecurity, bN as useSecurityContext, bO as useSecurityContextOptional, c2 as useSidebarItems, c1 as useSlashCommands, bg as useSyncManager, h as useTaskProjectionSync, l as useTasks, ar as useUndo, aB as useVerification, c6 as useView, b$ as useViews, s as useVisibleComments } from './experimental-Dmz4kYvX.js';
+import { U as UseTaskProjectionSyncResult, T as TaskProjectionInput, a as TaskTreeItem } from './experimental-B2FrBnkV.js';
+export { A as AddCommentOptions, a0 as AddReactionOptions, bm as AuthErrorScreen, aP as AuthTraceSummary, bl as AuthenticatingScreen, r as CommentNode, C as CommentThread, F as CommentVisibility, ad as CreateMessageRequestOptions, b7 as DemoBanner, b8 as DemoBannerProps, bb as DemoDataExpiredScreen, be as DemoLimits, bd as DemoModeState, b9 as DemoQuotaIndicator, ba as DemoQuotaIndicatorProps, bf as DemoUsage, b2 as DiscoveredPeer, aU as FileRef, ae as FirstContactAdmission, af as FirstContactDecision, ag as FirstContactDecisionInput, G as FirstContactMode, ah as FirstContactVisibility, aK as GrantConsentSummary, aL as GrantInput, bp as HubConnectScreen, aX as HubSearchOptions, aY as HubSearchResult, aZ as HubSearchState, b3 as HubStatusIndicator, bo as ImportIdentityScreen, I as InteractionPermission, ai as MessageRequestNode, aj as MessageRequestProperties, ak as MessageRequestStatus, M as ModeratedCommentNode, H as ModeratedCommentThread, J as ModerationFilterOptions, K as ModerationLabelSummary, bA as OnboardingContextValue, bD as OnboardingEvent, bj as OnboardingFlow, bB as OnboardingFlowProps, bE as OnboardingMachineContext, bh as OnboardingProvider, bz as OnboardingProviderProps, bF as OnboardingReducerState, bC as OnboardingState, P as PageTaskInput, e as PageTaskReferenceInput, bI as PageTasksPanel, bJ as PageTasksPanelProps, bW as PluginRegistryContext, L as PublicInteractionMode, N as PublicInteractionPolicySnapshot, O as PublicInteractionSurface, Q as PublicModerationMode, bv as QUICK_START_TEMPLATES, bG as QuickStartTemplate, a1 as ReactionCounterSnapshot, a2 as ReactionNode, a3 as ReactionType, bq as ReadyScreen, a$ as RemoteSchemaDefinition, b0 as RemoteSchemaState, R as ReplyContext, bQ as SecurityContextActions, bP as SecurityContextState, bR as SecurityContextValue, bM as SecurityProvider, bS as SecurityProviderProps, b4 as Skeleton, b6 as SkeletonProps, br as SmartWelcome, bs as SyncProgressOverlay, bH as SyncProgressOverlayProps, bK as TaskCollectionEmbed, bL as TaskCollectionEmbedProps, j as TaskProjectionHost, i as TaskProjectionReferenceInput, bn as UnsupportedBrowserScreen, aw as UseAuditOptions, av as UseAuditResult, aQ as UseAuthTraceResult, aS as UseBackupReturn, aA as UseBlameResult, aH as UseCanEditResult, aF as UseCanResult, p as UseCommentsOptions, q as UseCommentsResult, ay as UseDiffResult, aV as UseFileUploadReturn, b as UseFindOptions, c as UseFindResult, aM as UseGrantsResult, aq as UseHistoryResult, al as UseMessageRequestsOptions, am as UseMessageRequestsResult, S as UseModeratedThreadOptions, f as UsePageTaskSyncOptions, g as UsePageTaskSyncResult, a4 as UsePolicyFilteredReactionCountersOptions, a5 as UsePolicyFilteredReactionCountersResult, bU as UseSecurityOptions, bV as UseSecurityResult, k as UseTaskProjectionSyncOptions, m as UseTasksOptions, n as UseTasksResult, at as UseUndoOptions, as as UseUndoResult, aC as UseVerificationResult, V as UseVisibleCommentsOptions, W as UseVisibleCommentsResult, bk as WelcomeScreen, by as copyToClipboard, a7 as createConversationKey, bu as createInitialState, a8 as createMessageRequestProperties, v as createModerationLabelIndex, Y as createReactionCounterSnapshot, Z as dedupeReactions, aI as describeGrantConsent, w as evaluateCommentModeration, a9 as evaluateFirstContactDecision, x as evaluateInteractionPermission, aa as findLatestMessageRequest, bw as getPlatformAuthName, ab as hasAcceptedContact, b5 as injectSkeletonStyles, _ as isReactionVisible, y as moderateThread, bt as onboardingReducer, z as selectActiveInteractionPolicy, B as selectPublicInteractionMode, aN as summarizeAuthTrace, ac as summarizeMessageRequest, D as summarizeModerationLabel, E as summarizePublicInteractionPolicy, $ as summarizeReactionNode, bx as truncateDid, au as useAudit, aO as useAuthTrace, aR as useBackup, az as useBlame, aE as useCan, aG as useCanEdit, c7 as useCommand, c0 as useCommands, an as useCommentCount, ao as useCommentCounts, o as useComments, b_ as useContributions, bc as useDemoMode, ax as useDiff, c4 as useEditorExtensions, c5 as useEditorExtensionsSafe, aT as useFileUpload, u as useFind, aJ as useGrants, ap as useHistory, aW as useHubSearch, aD as useHubStatus, c3 as useImporters, a6 as useMessageRequests, t as useModeratedThread, bi as useOnboarding, d as usePageTaskSync, b1 as usePeerDiscovery, bX as usePluginRegistry, bY as usePluginRegistryOptional, bZ as usePlugins, X as usePolicyFilteredReactionCounters, a_ as useRemoteSchema, bT as useSecurity, bN as useSecurityContext, bO as useSecurityContextOptional, c2 as useSidebarItems, c1 as useSlashCommands, bg as useSyncManager, h as useTaskProjectionSync, l as useTasks, ar as useUndo, aB as useVerification, c6 as useView, b$ as useViews, s as useVisibleComments } from './experimental-B2FrBnkV.js';
 import { SchemaIRI, Schema, SavedViewDescriptor, DefinedSchema, PropertyBuilder, QueryASTOrderBy, QueryASTPage, QueryASTValidationResult, QueryASTPlannerGate, QueryASTAggregateExecution, ExternalReferenceProvider, SavedViewFeedLayout, SavedViewFeedDensity, FieldType, FieldConfig, ViewType, FilterGroup, SortConfig, RowHeight, SummaryFunction, CellValue } from '@xnetjs/data';
 export { ColumnConfig, ColumnDefinition, ColumnType, SavedViewFeedDensity, SavedViewFeedLayout, ViewConfig, ViewType } from '@xnetjs/data';
 import { QueryExecutionMode, QuerySourcePreference, QuerySearchFilter, QueryPageInfo, QueryMetadata } from '@xnetjs/data-bridge';
@@ -12,7 +12,7 @@ export { DatabaseRow, DatabaseRowData, ReverseRelation, UseCellOptions, UseCellR
 export { u as useNodeStore } from './useNodeStore-DTCSBF51.js';
 export { BlobStoreForSync, ConnectionManager, ConnectionManagerConfig, ConnectionStatus, InitialSyncManager, InitialSyncMessage, METABRIDGE_ORIGIN, METABRIDGE_SEED_ORIGIN, MetaBridge, MultiHubConnectionManagerConfig, NodePool, NodePoolConfig, NodeStoreSyncProvider, NodeSyncResponse, OfflineQueue, OfflineQueueConfig, PoolEntryState, ProgressListener, QueueEntry, Registry, RegistryConfig, RegistryStorage, SerializedNodeChange, SyncManager, SyncManagerConfig, SyncStatus as SyncManagerStatus, SyncPhase, SyncProgress, SyncReconciliationOptions, SyncReconciliationReport, TrackedNode, WebSocketSyncProvider, WebSocketSyncProviderOptions, createConnectionManager, createInitialSyncManager, createMetaBridge, createMultiHubConnectionManager, createNodePool, createOfflineQueue, createRegistry, createSyncManager } from '@xnetjs/runtime';
 import { Subscription, Customer, Invoice, Payment } from '@xnetjs/billing';
-export { n as TRACE_STAGES, s as TracingAttributes, T as TracingContext, p as TracingHandle, o as TracingReporter, r as TracingRootKind, q as TracingSpanInput, f as XNetConfig, X as XNetContextValue, e as XNetProvider, g as XNetProviderProps, h as XNetRuntimeConfig, i as XNetRuntimeFallback, j as XNetRuntimeMode, k as XNetRuntimePhase, d as XNetRuntimeStatus, l as XNetRuntimeWorkerConfig, m as useTracingReporter, a as useXNet } from './context-CFu9i136.js';
+export { n as TRACE_STAGES, s as TracingAttributes, T as TracingContext, p as TracingHandle, o as TracingReporter, r as TracingRootKind, q as TracingSpanInput, f as XNetConfig, X as XNetContextValue, e as XNetProvider, g as XNetProviderProps, h as XNetRuntimeConfig, i as XNetRuntimeFallback, j as XNetRuntimeMode, k as XNetRuntimePhase, d as XNetRuntimeStatus, l as XNetRuntimeWorkerConfig, u as useDataBridge, m as useTracingReporter, a as useXNet } from './context-CFu9i136.js';
 export { I as InstrumentationContext, a as InstrumentationContextValue, Q as QueryTrackerLike, Y as YDocRegistryLike, u as useInstrumentation } from './instrumentation-CpIuG2y5.js';
 export { a as TelemetryContext, T as TelemetryReporter, u as useTelemetryReporter } from './telemetry-context-B7r6H1KW.js';
 import '@xnetjs/core';

package/dist/index.js

@@ -94,7 +94,7 @@ import {
   useUndo,
   useVerification,
   useVisibleComments
-} from "./chunk-4ND4LERM.js";
+} from "./chunk-7OQXRHEQ.js";
 import {
   EMPTY_PAGE_INFO,
   computeFallbackPageInfo,
@@ -5094,6 +5094,7 @@ export {
   useCommentCounts,
   useComments,
   useContributions,
+  useDataBridge,
   useDatabase,
   useDatabaseDoc,
   useDatabaseRow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xnetjs/react",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -46,15 +46,15 @@
     "y-protocols": "^1.0.6",
     "yjs": "^13.6.24",
     "@xnetjs/billing": "0.0.2",
-    "@xnetjs/core": "0.0.3",
-    "@xnetjs/crypto": "0.0.3",
-    "@xnetjs/data": "0.0.3",
-    "@xnetjs/data-bridge": "0.0.3",
-    "@xnetjs/history": "0.0.3",
-    "@xnetjs/identity": "0.0.3",
-    "@xnetjs/plugins": "0.0.3",
-    "@xnetjs/runtime": "0.0.2",
-    "@xnetjs/sync": "0.0.3"
+    "@xnetjs/core": "0.1.0",
+    "@xnetjs/crypto": "0.1.0",
+    "@xnetjs/data": "0.1.0",
+    "@xnetjs/data-bridge": "0.1.0",
+    "@xnetjs/history": "0.1.0",
+    "@xnetjs/identity": "0.1.0",
+    "@xnetjs/plugins": "0.1.0",
+    "@xnetjs/runtime": "0.1.0",
+    "@xnetjs/sync": "0.1.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"