@xnetjs/react 2.1.0 → 2.3.0

package/dist/{chunk-ANCTAEML.js → chunk-CZUUWSJ7.js}

@@ -1,7 +1,7 @@
 import {
   useMutate,
   useQuery
-} from "./chunk-ZGP56IIJ.js";
+} from "./chunk-RW3DSDKO.js";
 import {
   XNetContext,
   downloadBackup,
@@ -9,7 +9,7 @@ import {
   useNodeStore,
   useSecurityContext,
   useXNet
-} from "./chunk-H44ZSIH4.js";
+} from "./chunk-5ILJMPKO.js";
 
 // src/hooks/useTaskProjectionSync.ts
 import { ExternalReferenceSchema, TaskSchema, isCompletedTaskStatus } from "@xnetjs/data";
@@ -3398,9 +3398,18 @@ var TRANSITIONS = {
     AUTHENTICATE: "authenticating",
     CREATE_NEW: "authenticating",
     CREATE_RECOVERABLE: "creating-recoverable",
+    CONTINUE_WITH_ATPROTO: "atproto-ceremony",
     IMPORT_EXISTING: "import-identity",
     BROWSER_UNSUPPORTED: "unsupported-browser"
   },
+  "atproto-ceremony": {
+    // The ceremony handler stores the linked handle (ATPROTO_LINKED, self-loop)
+    // then runs the existing passkey-create flow → PASSKEY_SUCCESS.
+    ATPROTO_LINKED: "atproto-ceremony",
+    PASSKEY_SUCCESS: "connecting-hub",
+    ATPROTO_CEREMONY_FAILED: "auth-error",
+    BACK_TO_WELCOME: "welcome"
+  },
   "creating-recoverable": {
     RECOVERABLE_CREATED: "show-recovery-phrase",
     PASSKEY_FAILED: "auth-error",
@@ -3478,6 +3487,16 @@ function onboardingReducer(current, event) {
     case "IMPORT_FAILED":
       nextContext.error = event.error;
       break;
+    case "ATPROTO_LINKED":
+      nextContext.atprotoDid = event.atprotoDid;
+      nextContext.atprotoHandle = event.atprotoHandle;
+      nextContext.atprotoDisplayName = event.displayName ?? null;
+      nextContext.error = null;
+      break;
+    case "ATPROTO_CEREMONY_FAILED":
+      nextContext.error = event.error;
+      break;
+    case "CONTINUE_WITH_ATPROTO":
     case "CREATE_RECOVERABLE":
       nextContext.error = null;
       break;
@@ -3504,7 +3523,10 @@ function createInitialState(hubUrl) {
       hubUrl: hubUrl ?? null,
       error: null,
       isDemo: false,
-      recoveryPhrase: null
+      recoveryPhrase: null,
+      atprotoDid: null,
+      atprotoHandle: null,
+      atprotoDisplayName: null
     }
   };
 }
@@ -3530,7 +3552,8 @@ var OnboardingCtx = createContext(null);
 function OnboardingProvider({
   children,
   defaultHubUrl = "wss://hub.xnet.fyi",
-  onComplete
+  onComplete,
+  runAtprotoCeremony
 }) {
   const [{ state, context }, dispatch] = useReducer(
     onboardingReducer,
@@ -3659,7 +3682,44 @@ function OnboardingProvider({
     },
     [state, manager]
   );
-  return /* @__PURE__ */ jsx6(OnboardingCtx.Provider, { value: { state, context, send }, children });
+  const startAtprotoCeremony = useCallback18(
+    (handleOrPds) => {
+      if (!runAtprotoCeremony || authInFlight.current) return;
+      authInFlight.current = true;
+      runAtprotoCeremony({ handleOrPds }).then(async (result) => {
+        dispatch({
+          type: "ATPROTO_LINKED",
+          atprotoDid: result.atprotoDid,
+          atprotoHandle: result.atprotoHandle,
+          displayName: result.displayName
+        });
+        const keyBundle = await manager.create();
+        if (result.writeBinding) {
+          await result.writeBinding(keyBundle.identity.did, keyBundle.signingKey);
+        }
+        dispatch({ type: "PASSKEY_SUCCESS", identity: keyBundle.identity, keyBundle });
+      }).catch((err) => {
+        dispatch({
+          type: "ATPROTO_CEREMONY_FAILED",
+          error: err instanceof Error ? err : new Error(String(err))
+        });
+      }).finally(() => {
+        authInFlight.current = false;
+      });
+    },
+    [runAtprotoCeremony, manager]
+  );
+  const value = useMemo14(
+    () => ({
+      state,
+      context,
+      send,
+      atprotoEnabled: Boolean(runAtprotoCeremony),
+      startAtprotoCeremony
+    }),
+    [state, context, send, runAtprotoCeremony, startAtprotoCeremony]
+  );
+  return /* @__PURE__ */ jsx6(OnboardingCtx.Provider, { value, children });
 }
 function useOnboarding() {
   const ctx = useContext7(OnboardingCtx);
@@ -3911,7 +3971,7 @@ function UnsupportedBrowserScreen() {
 // src/onboarding/screens/WelcomeScreen.tsx
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function WelcomeScreen() {
-  const { send } = useOnboarding();
+  const { send, atprotoEnabled } = useOnboarding();
   return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-background to-muted/30 text-foreground p-6", children: [
     /* @__PURE__ */ jsx13("div", { className: "w-16 h-16 mb-8 rounded-2xl bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsxs11(
       "svg",
@@ -3961,6 +4021,14 @@ function WelcomeScreen() {
       }
     ),
     /* @__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." }),
+    atprotoEnabled && /* @__PURE__ */ jsx13(
+      "button",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground transition-colors underline-offset-4 hover:underline mb-2",
+        onClick: () => send({ type: "CONTINUE_WITH_ATPROTO" }),
+        children: "Continue with Bluesky (or any PDS)"
+      }
+    ),
     /* @__PURE__ */ jsx13(
       "button",
       {
@@ -3980,13 +4048,81 @@ function WelcomeScreen() {
   ] });
 }
 
+// src/onboarding/screens/AtprotoCeremonyScreen.tsx
+import { useState as useState24 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function AtprotoCeremonyScreen() {
+  const { context, send, startAtprotoCeremony } = useOnboarding();
+  const [handle, setHandle] = useState24("");
+  const linked = Boolean(context.atprotoDid);
+  const submit = () => {
+    const value = handle.trim();
+    if (value) startAtprotoCeremony(value);
+  };
+  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: "Continue with Bluesky" }),
+    /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground text-center mb-6 max-w-sm", children: "Sign in with your ATProto handle to claim a free global name. Works with Bluesky or any PDS." }),
+    linked ? /* @__PURE__ */ jsxs12("p", { className: "text-sm text-muted-foreground mb-6", children: [
+      "Linked ",
+      /* @__PURE__ */ jsxs12("span", { className: "font-medium text-foreground", children: [
+        "@",
+        context.atprotoHandle
+      ] }),
+      " \u2014 finishing your passkey\u2026"
+    ] }) : /* @__PURE__ */ jsxs12("div", { className: "w-full max-w-sm", children: [
+      /* @__PURE__ */ jsx14("label", { htmlFor: "atproto-handle", className: "sr-only", children: "ATProto handle" }),
+      /* @__PURE__ */ jsx14(
+        "input",
+        {
+          id: "atproto-handle",
+          type: "text",
+          inputMode: "url",
+          autoCapitalize: "none",
+          autoCorrect: "off",
+          spellCheck: false,
+          placeholder: "alice.bsky.social",
+          value: handle,
+          onChange: (e) => setHandle(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") submit();
+          },
+          className: "w-full px-4 py-3 rounded-lg border border-border bg-background mb-3"
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          onClick: submit,
+          disabled: !handle.trim(),
+          className: "w-full px-4 py-3 bg-primary text-primary-foreground rounded-lg font-medium disabled:opacity-50",
+          children: "Continue"
+        }
+      )
+    ] }),
+    context.error && /* @__PURE__ */ jsx14("p", { className: "text-sm text-destructive mt-4 max-w-sm text-center", children: context.error.message }),
+    /* @__PURE__ */ jsxs12("p", { className: "text-xs text-muted-foreground/80 text-center max-w-xs mt-6", children: [
+      "Your Bluesky account gives you a global name. It does ",
+      /* @__PURE__ */ jsx14("strong", { children: "not" }),
+      " hold or recover your xNet keys unless you later enable it as a recovery anchor."
+    ] }),
+    /* @__PURE__ */ jsx14(
+      "button",
+      {
+        className: "text-sm text-muted-foreground hover:text-foreground underline-offset-4 hover:underline mt-6",
+        onClick: () => send({ type: "BACK_TO_WELCOME" }),
+        children: "Back"
+      }
+    )
+  ] });
+}
+
 // 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";
+import { useMemo as useMemo15, useState as useState25 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function GuardianRecoveryScreen() {
   const { send, context } = useOnboarding();
-  const [text, setText] = useState24("");
+  const [text, setText] = useState25("");
   const { validCodes, invalidCount, threshold } = useMemo15(() => {
     const lines = text.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
     const valid = [];
@@ -4012,10 +4148,10 @@ function GuardianRecoveryScreen() {
     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(
+  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: "Recover with your guardians" }),
+    /* @__PURE__ */ jsx15("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__ */ jsx15(
       "textarea",
       {
         autoFocus: true,
@@ -4029,14 +4165,14 @@ function GuardianRecoveryScreen() {
         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(
+    /* @__PURE__ */ jsx15("div", { className: "mb-4 h-5 text-xs", children: /* @__PURE__ */ jsx15(
       "span",
       {
         className: context.error || invalidCount > 0 ? "text-destructive" : "text-muted-foreground",
         children: hint
       }
     ) }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "button",
       {
         disabled: !canRecover,
@@ -4045,7 +4181,7 @@ function GuardianRecoveryScreen() {
         children: "Recover my identity"
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "button",
       {
         className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
@@ -4058,11 +4194,11 @@ function GuardianRecoveryScreen() {
 
 // 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";
+import { useMemo as useMemo16, useState as useState26 } from "react";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function RecoveryPhraseScreen() {
   const { send, context } = useOnboarding();
-  const [phrase, setPhrase] = useState25("");
+  const [phrase, setPhrase] = useState26("");
   const validation = useMemo16(() => validateRecoveryPhrase(phrase), [phrase]);
   const empty = phrase.trim().length === 0;
   const hint = (() => {
@@ -4072,10 +4208,10 @@ function RecoveryPhraseScreen() {
     }
     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(
+  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: "Enter your recovery phrase" }),
+    /* @__PURE__ */ jsx16("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__ */ jsx16(
       "textarea",
       {
         autoFocus: true,
@@ -4089,11 +4225,11 @@ function RecoveryPhraseScreen() {
         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__ */ jsxs14("div", { className: "mb-4 h-5 text-xs", children: [
+      hint && /* @__PURE__ */ jsx16("span", { className: "text-destructive", children: hint }),
+      context.error && !hint && /* @__PURE__ */ jsx16("span", { className: "text-destructive", children: context.error.message })
     ] }),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       "button",
       {
         disabled: !validation.ok,
@@ -4102,7 +4238,7 @@ function RecoveryPhraseScreen() {
         children: "Recover my identity"
       }
     ),
-    /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(
       "button",
       {
         className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
@@ -4114,12 +4250,12 @@ function RecoveryPhraseScreen() {
 }
 
 // src/onboarding/screens/ShowRecoveryPhraseScreen.tsx
-import { useState as useState26 } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useState as useState27 } from "react";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function ShowRecoveryPhraseScreen() {
   const { send, context } = useOnboarding();
-  const [saved, setSaved] = useState26(false);
-  const [copied, setCopied] = useState26(false);
+  const [saved, setSaved] = useState27(false);
+  const [copied, setCopied] = useState27(false);
   const phrase = context.recoveryPhrase ?? "";
   const words = phrase.split(" ").filter(Boolean);
   const copy = () => {
@@ -4128,14 +4264,14 @@ function ShowRecoveryPhraseScreen() {
       () => 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 })
+  return /* @__PURE__ */ jsxs15("div", { className: "flex min-h-screen flex-col items-center justify-center bg-background p-6 text-foreground", children: [
+    /* @__PURE__ */ jsx17("h1", { className: "mb-2 text-2xl font-semibold", children: "Save your recovery phrase" }),
+    /* @__PURE__ */ jsx17("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__ */ jsx17("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__ */ jsxs15("li", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx17("span", { className: "w-5 select-none text-right text-muted-foreground", children: i + 1 }),
+      /* @__PURE__ */ jsx17("span", { children: word })
     ] }, `${i}-${word}`)) }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "button",
       {
         className: "mb-5 text-xs text-muted-foreground transition-colors hover:text-foreground",
@@ -4143,8 +4279,8 @@ function ShowRecoveryPhraseScreen() {
         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(
+    /* @__PURE__ */ jsxs15("label", { className: "mb-4 flex max-w-xs cursor-pointer items-start gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "checkbox",
@@ -4155,7 +4291,7 @@ function ShowRecoveryPhraseScreen() {
       ),
       "I\u2019ve saved my recovery phrase somewhere safe."
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "button",
       {
         disabled: !saved,
@@ -4168,52 +4304,54 @@ function ShowRecoveryPhraseScreen() {
 }
 
 // src/onboarding/OnboardingFlow.tsx
-import { Fragment, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function OnboardingFlow({ connectToHub, children }) {
   const { state } = useOnboarding();
   switch (state) {
     case "welcome":
-      return /* @__PURE__ */ jsx17(WelcomeScreen, {});
+      return /* @__PURE__ */ jsx18(WelcomeScreen, {});
     case "authenticating":
-      return /* @__PURE__ */ jsx17(AuthenticatingScreen, {});
+      return /* @__PURE__ */ jsx18(AuthenticatingScreen, {});
     case "auth-error":
-      return /* @__PURE__ */ jsx17(AuthErrorScreen, {});
+      return /* @__PURE__ */ jsx18(AuthErrorScreen, {});
     case "unsupported-browser":
-      return /* @__PURE__ */ jsx17(UnsupportedBrowserScreen, {});
+      return /* @__PURE__ */ jsx18(UnsupportedBrowserScreen, {});
     case "import-identity":
-      return /* @__PURE__ */ jsx17(ImportIdentityScreen, {});
+      return /* @__PURE__ */ jsx18(ImportIdentityScreen, {});
     case "qr-scan":
-      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." })
+      return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-6", children: [
+        /* @__PURE__ */ jsx18("h1", { className: "text-2xl font-semibold mb-2", children: "QR Scan" }),
+        /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground", children: "Coming soon \u2014 scan a QR code from another device." })
       ] });
     case "recovery-phrase":
-      return /* @__PURE__ */ jsx17(RecoveryPhraseScreen, {});
+      return /* @__PURE__ */ jsx18(RecoveryPhraseScreen, {});
     case "guardian-recovery":
-      return /* @__PURE__ */ jsx17(GuardianRecoveryScreen, {});
+      return /* @__PURE__ */ jsx18(GuardianRecoveryScreen, {});
+    case "atproto-ceremony":
+      return /* @__PURE__ */ jsx18(AtprotoCeremonyScreen, {});
     case "creating-recoverable":
-      return /* @__PURE__ */ jsx17(AuthenticatingScreen, {});
+      return /* @__PURE__ */ jsx18(AuthenticatingScreen, {});
     case "show-recovery-phrase":
-      return /* @__PURE__ */ jsx17(ShowRecoveryPhraseScreen, {});
+      return /* @__PURE__ */ jsx18(ShowRecoveryPhraseScreen, {});
     case "connecting-hub":
-      return /* @__PURE__ */ jsx17(HubConnectScreen, { connectToHub });
+      return /* @__PURE__ */ jsx18(HubConnectScreen, { connectToHub });
     case "ready":
-      return /* @__PURE__ */ jsx17(ReadyScreen, {});
+      return /* @__PURE__ */ jsx18(ReadyScreen, {});
     case "complete":
-      return /* @__PURE__ */ jsx17(Fragment, { children });
+      return /* @__PURE__ */ jsx18(Fragment, { children });
     default:
-      return /* @__PURE__ */ jsx17(WelcomeScreen, {});
+      return /* @__PURE__ */ jsx18(WelcomeScreen, {});
   }
 }
 
 // src/onboarding/screens/SmartWelcome.tsx
 import { discoverExistingPasskey } from "@xnetjs/identity";
-import { useEffect as useEffect20, useState as useState27 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect20, useState as useState28 } from "react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function SmartWelcome() {
   const { send } = useOnboarding();
-  const [checking, setChecking] = useState27(true);
-  const [hasExisting, setHasExisting] = useState27(false);
+  const [checking, setChecking] = useState28(true);
+  const [hasExisting, setHasExisting] = useState28(false);
   useEffect20(() => {
     let cancelled = false;
     discoverExistingPasskey().then((passkey) => {
@@ -4231,31 +4369,31 @@ function SmartWelcome() {
     };
   }, []);
   if (checking) {
-    return /* @__PURE__ */ jsx18("div", { className: "onboarding-screen", children: /* @__PURE__ */ jsx18("p", { className: "spinner-text", children: "Checking for existing identity..." }) });
+    return /* @__PURE__ */ jsx19("div", { className: "onboarding-screen", children: /* @__PURE__ */ jsx19("p", { className: "spinner-text", children: "Checking for existing identity..." }) });
   }
   if (hasExisting) {
     const authName = getPlatformAuthName();
-    return /* @__PURE__ */ jsxs16("div", { className: "onboarding-screen welcome-back", children: [
-      /* @__PURE__ */ jsx18("h1", { children: "Welcome back!" }),
-      /* @__PURE__ */ jsxs16("p", { className: "subtitle", children: [
+    return /* @__PURE__ */ jsxs17("div", { className: "onboarding-screen welcome-back", children: [
+      /* @__PURE__ */ jsx19("h1", { children: "Welcome back!" }),
+      /* @__PURE__ */ jsxs17("p", { className: "subtitle", children: [
         "We found your xNet identity. Use ",
         authName,
         " to sign in."
       ] }),
-      /* @__PURE__ */ jsxs16("button", { className: "primary-button", onClick: () => send({ type: "AUTHENTICATE" }), children: [
+      /* @__PURE__ */ jsxs17("button", { className: "primary-button", onClick: () => send({ type: "AUTHENTICATE" }), children: [
         "Sign in with ",
         authName
       ] }),
-      /* @__PURE__ */ jsx18("button", { className: "text-button", onClick: () => send({ type: "CREATE_NEW" }), children: "Create a new identity instead" })
+      /* @__PURE__ */ jsx19("button", { className: "text-button", onClick: () => send({ type: "CREATE_NEW" }), children: "Create a new identity instead" })
     ] });
   }
-  return /* @__PURE__ */ jsx18(WelcomeScreen, {});
+  return /* @__PURE__ */ jsx19(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 jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function SyncProgressOverlay({
   progress,
   onComplete
@@ -4266,14 +4404,14 @@ function SyncProgressOverlay({
       return () => clearTimeout(timer);
     }
   }, [progress.phase, onComplete]);
-  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" })
+  return /* @__PURE__ */ jsx20("div", { className: "sync-progress-overlay", children: /* @__PURE__ */ jsxs18("div", { className: "sync-card", children: [
+    progress.phase === "connecting" && /* @__PURE__ */ jsxs18(Fragment2, { children: [
+      /* @__PURE__ */ jsx20("h2", { children: "Connecting to server..." }),
+      /* @__PURE__ */ jsx20("p", { className: "spinner-text", children: "Please wait" })
     ] }),
-    progress.phase === "syncing" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Syncing your data" }),
-      /* @__PURE__ */ jsx19("div", { className: "progress-bar", children: /* @__PURE__ */ jsx19(
+    progress.phase === "syncing" && /* @__PURE__ */ jsxs18(Fragment2, { children: [
+      /* @__PURE__ */ jsx20("h2", { children: "Syncing your data" }),
+      /* @__PURE__ */ jsx20("div", { className: "progress-bar", children: /* @__PURE__ */ jsx20(
         "div",
         {
           className: "progress-fill",
@@ -4282,29 +4420,29 @@ function SyncProgressOverlay({
           }
         }
       ) }),
-      /* @__PURE__ */ jsxs17("p", { className: "progress-text", children: [
+      /* @__PURE__ */ jsxs18("p", { className: "progress-text", children: [
         progress.roomsSynced,
         " of ",
         progress.roomsTotal,
         " items"
       ] }),
-      /* @__PURE__ */ jsxs17("p", { className: "bytes-text", children: [
+      /* @__PURE__ */ jsxs18("p", { className: "bytes-text", children: [
         formatBytes2(progress.bytesReceived),
         " received"
       ] })
     ] }),
-    progress.phase === "complete" && /* @__PURE__ */ jsxs17(Fragment2, { children: [
-      /* @__PURE__ */ jsx19("h2", { children: "All synced!" }),
-      /* @__PURE__ */ jsxs17("p", { children: [
+    progress.phase === "complete" && /* @__PURE__ */ jsxs18(Fragment2, { children: [
+      /* @__PURE__ */ jsx20("h2", { children: "All synced!" }),
+      /* @__PURE__ */ jsxs18("p", { children: [
         progress.roomsTotal,
         " items synchronized"
       ] })
     ] }),
-    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" })
+    progress.phase === "error" && /* @__PURE__ */ jsxs18(Fragment2, { children: [
+      /* @__PURE__ */ jsx20("h2", { children: "Sync issue" }),
+      /* @__PURE__ */ jsx20("p", { children: "Some data may not be up to date." }),
+      progress.error && /* @__PURE__ */ jsx20("p", { className: "error-detail", children: progress.error.message }),
+      /* @__PURE__ */ jsx20("button", { className: "primary-button", onClick: onComplete, children: "Continue anyway" })
     ] })
   ] }) });
 }
@@ -4369,60 +4507,60 @@ function isTaskOverdue(timestamp, completed) {
 
 // src/components/PageTasksPanel.tsx
 import { Calendar, CheckSquare2, ChevronDown, ChevronRight, Square, Users } from "lucide-react";
-import { useMemo as useMemo17, useState as useState28 } from "react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useMemo as useMemo17, useState as useState29 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 function PageTasksPanel({ pageId }) {
-  const [expanded, setExpanded] = useState28(true);
+  const [expanded, setExpanded] = useState29(true);
   const { tree, loading } = useTasks({ pageId });
   const rows = useMemo17(() => flattenTaskTree(tree), [tree]);
-  return /* @__PURE__ */ jsxs18("div", { className: "mt-8 overflow-hidden rounded-lg border border-border", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs19("div", { className: "mt-8 overflow-hidden rounded-lg border border-border", children: [
+    /* @__PURE__ */ jsx21(
       "button",
       {
         className: "w-full cursor-pointer border-none bg-secondary p-3 px-4 text-left",
         onClick: () => setExpanded((value) => !value),
         type: "button",
-        children: /* @__PURE__ */ jsxs18("h3", { className: "m-0 flex items-center justify-between text-sm font-semibold text-foreground", children: [
-          /* @__PURE__ */ jsxs18("span", { children: [
+        children: /* @__PURE__ */ jsxs19("h3", { className: "m-0 flex items-center justify-between text-sm font-semibold text-foreground", children: [
+          /* @__PURE__ */ jsxs19("span", { children: [
             "Tasks on this page (",
             rows.length,
             ")"
           ] }),
-          expanded ? /* @__PURE__ */ jsx20(ChevronDown, { size: 16, className: "text-muted-foreground" }) : /* @__PURE__ */ jsx20(ChevronRight, { size: 16, className: "text-muted-foreground" })
+          expanded ? /* @__PURE__ */ jsx21(ChevronDown, { size: 16, className: "text-muted-foreground" }) : /* @__PURE__ */ jsx21(ChevronRight, { size: 16, className: "text-muted-foreground" })
         ] })
       }
     ),
-    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) => {
+    expanded && /* @__PURE__ */ jsx21("div", { className: "p-3", children: loading ? /* @__PURE__ */ jsx21("p", { className: "m-0 text-sm text-muted-foreground", children: "Loading tasks..." }) : rows.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "m-0 text-sm text-muted-foreground", children: "Checklist items on this page will appear here." }) : /* @__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__ */ jsx20("li", { children: /* @__PURE__ */ jsxs18(
+      return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs19(
         "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__ */ 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(
+            task.completed ? /* @__PURE__ */ jsx21(CheckSquare2, { size: 15, className: "mt-0.5 flex-shrink-0 text-primary" }) : /* @__PURE__ */ jsx21(Square, { size: 15, className: "mt-0.5 flex-shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx21(
                 "div",
                 {
                   className: `text-sm ${task.completed ? "line-through text-muted-foreground" : "text-foreground"}`,
                   children: task.title
                 }
               ),
-              /* @__PURE__ */ jsxs18("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground", children: [
-                dueDateLabel ? /* @__PURE__ */ jsxs18(
+              /* @__PURE__ */ jsxs19("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-[11px] text-muted-foreground", children: [
+                dueDateLabel ? /* @__PURE__ */ jsxs19(
                   "span",
                   {
                     className: `inline-flex items-center gap-1 ${overdue ? "text-red-500" : "text-muted-foreground"}`,
                     children: [
-                      /* @__PURE__ */ jsx20(Calendar, { size: 11 }),
+                      /* @__PURE__ */ jsx21(Calendar, { size: 11 }),
                       dueDateLabel
                     ]
                   }
                 ) : null,
-                task.assigneeCount > 0 ? /* @__PURE__ */ jsxs18("span", { className: "inline-flex items-center gap-1", children: [
-                  /* @__PURE__ */ jsx20(Users, { size: 11 }),
+                task.assigneeCount > 0 ? /* @__PURE__ */ jsxs19("span", { className: "inline-flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx21(Users, { size: 11 }),
                   task.assigneeCount
                 ] }) : null
               ] })
@@ -4436,7 +4574,7 @@ function PageTasksPanel({ pageId }) {
 
 // src/components/TaskCollectionEmbed.tsx
 import { useMemo as useMemo18 } from "react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 function TaskCollectionEmbed({
   currentPageId,
   currentDid,
@@ -4469,33 +4607,33 @@ function TaskCollectionEmbed({
     }));
   }, [data, showHierarchy, tree]);
   if (missingPageContext) {
-    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "This view needs a page context." });
+    return /* @__PURE__ */ jsx22("div", { className: "p-4 text-sm text-muted-foreground", children: "This view needs a page context." });
   }
   if (loading) {
-    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading tasks..." });
+    return /* @__PURE__ */ jsx22("div", { className: "p-4 text-sm text-muted-foreground", children: "Loading tasks..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx21("div", { className: "p-4 text-sm text-muted-foreground", children: "No tasks match the saved filters for this view." });
+    return /* @__PURE__ */ jsx22("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-3", children: /* @__PURE__ */ jsx21("ul", { className: "m-0 list-none space-y-1 p-0", children: rows.map((task) => {
+  return /* @__PURE__ */ jsx22("div", { className: "p-3", children: /* @__PURE__ */ jsx22("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__ */ jsx21("li", { children: /* @__PURE__ */ jsxs19(
+    return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs20(
       "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__ */ 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(
+          /* @__PURE__ */ jsx22("span", { className: task.completed ? "text-primary" : "text-muted-foreground", children: task.completed ? "\u2611" : "\u2610" }),
+          /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx22(
               "div",
               {
                 className: task.completed ? "truncate text-sm text-muted-foreground line-through" : "truncate text-sm text-foreground",
                 children: task.title
               }
             ),
-            dueDateLabel ? /* @__PURE__ */ jsx21(
+            dueDateLabel ? /* @__PURE__ */ jsx22(
               "div",
               {
                 className: overdue ? "mt-1 text-[11px] text-red-500" : "mt-1 text-[11px] text-muted-foreground",