@abraca/nuxt 0.2.0 → 1.5.0

package/dist/module.d.mts

@@ -3,9 +3,18 @@ import * as __runtime_types from '../dist/runtime/types.js';
 export { AbracadabraPlugin, AbracadabraState, CachedTreeNode, DocCacheAPI, DocPageMeta, RunnerCleanup, ServerRunnerContext, ServerRunnerDefinition, TreeEntry, UserMetaField } from '../dist/runtime/types.js';
 import { AbracadabraLocale } from '../dist/runtime/locale.js';
 export { AbracadabraLocale } from '../dist/runtime/locale.js';
+export { DocTreeReturn } from '../dist/runtime/composables/useDocTree.js';
+export { DocSeoOptions } from '../dist/runtime/composables/useDocSeo.js';
+export { DocDragState } from '../dist/runtime/composables/useDocDragBus.js';
+export { ParsedMessage, TextSegment, parseMessageContent, previewMessageContent, renderMessageSegments } from '../dist/runtime/utils/chatContent.js';
+export { DupEntry, duplicateDocContent, duplicateDocTree } from '../dist/runtime/utils/duplicateDocContent.js';
+export { SlugMap, SlugMapEntry, buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js';
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, ColorPalette, ColorShade, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
 export { META_FIELD_DEFINITIONS, MetaFieldDefinition } from '../dist/runtime/utils/metaFieldDefinitions.js';
+export { getCoverBlobUrl } from '../dist/runtime/utils/coverCache.js';
+export { renderNotificationDescription } from '../dist/runtime/utils/notificationRenderers.js';
+export { scanDocReferences } from '../dist/runtime/utils/docReferenceEdges.js';
 
 declare module '#app' {
     interface NuxtApp {
@@ -26,6 +35,11 @@ declare module '@nuxt/schema' {
                 backgroundSync?: boolean;
                 renderers?: boolean;
                 serverCache?: boolean;
+                broadcastSync?: boolean;
+                webrtc?: boolean;
+                chat?: boolean;
+                spatial?: boolean;
+                media?: boolean;
             };
             locale: AbracadabraLocale;
             auth: {
@@ -43,6 +57,15 @@ declare module '@nuxt/schema' {
                 adjectives: string[];
                 nouns: string[];
             };
+            webrtc: {
+                iceServers: Array<{
+                    urls: string | string[];
+                    username?: string;
+                    credential?: string;
+                }>;
+                e2ee: boolean;
+                fileTransfer: boolean;
+            };
         };
     }
     interface RuntimeConfig {
@@ -109,6 +132,35 @@ interface ModuleOptions {
          * Default: true.
          */
         serverCache?: boolean;
+        /**
+         * Enable BroadcastChannel cross-tab sync for Y.js documents.
+         * Automatically syncs the root doc across browser tabs on the same origin.
+         * Zero config, no server needed. Default: true.
+         */
+        broadcastSync?: boolean;
+        /**
+         * Enable WebRTC P2P sync composables (useWebRTC, useDevicePairing).
+         * Opt-in — requires ICE server config and UI integration.
+         * Default: false.
+         */
+        webrtc?: boolean;
+        /**
+         * Register built-in chat UI components (AChatInput, AChatMessages, AChatPanel, etc.).
+         * Opt-in — requires chat composable wiring in the consuming app.
+         * Default: false.
+         */
+        chat?: boolean;
+        /**
+         * Register 3D spatial renderer and composables.
+         * Requires @tresjs/core and @tresjs/cientos as optional peer dependencies.
+         * Default: false.
+         */
+        spatial?: boolean;
+        /**
+         * Register media playlist renderer with synced listening sessions.
+         * Default: false.
+         */
+        media?: boolean;
     };
     /**
      * Automatically add Vite resolve.dedupe entries for ProseMirror, TipTap, and Yjs.
@@ -164,6 +216,11 @@ interface ModuleOptions {
      *   docBasePath: ''            →  /{docId}
      */
     docBasePath?: string;
+    /**
+     * Mapbox GL access token for the Map renderer.
+     * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_MAPBOX_TOKEN.
+     */
+    mapboxToken?: string;
     /**
      * Word lists for generating random guest display names.
      * Defaults to a fantasy-theme set ('Swift-Wizard', 'Bright-Mage', etc.).
@@ -173,6 +230,21 @@ interface ModuleOptions {
         adjectives?: string[];
         nouns?: string[];
     };
+    /**
+     * WebRTC P2P configuration. Only used when features.webrtc is true.
+     */
+    webrtc?: {
+        /** ICE servers for WebRTC connections. Default: Google STUN server. */
+        iceServers?: Array<{
+            urls: string | string[];
+            username?: string;
+            credential?: string;
+        }>;
+        /** Enable E2EE on WebRTC data channels. Requires claimed passkey identity. Default: false. */
+        e2ee?: boolean;
+        /** Enable file transfer over WebRTC data channels. Default: false. */
+        fileTransfer?: boolean;
+    };
     /**
      * Service-role provider configuration for server-side background runners.
      * When publicKey + privateKey are set, a Nitro plugin connects to the

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "0.2.0",
+  "version": "1.5.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,8 +1,14 @@
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addComponentsDir, addServerHandler, addRouteMiddleware, addServerPlugin, addServerImportsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addImports, addComponentsDir, addServerHandler, addRouteMiddleware, addServerPlugin, addServerImportsDir } from '@nuxt/kit';
 import { defu } from 'defu';
+export { buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js';
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
 export { META_FIELD_DEFINITIONS } from '../dist/runtime/utils/metaFieldDefinitions.js';
+export { parseMessageContent, previewMessageContent, renderMessageSegments } from '../dist/runtime/utils/chatContent.js';
+export { getCoverBlobUrl } from '../dist/runtime/utils/coverCache.js';
+export { renderNotificationDescription } from '../dist/runtime/utils/notificationRenderers.js';
+export { scanDocReferences } from '../dist/runtime/utils/docReferenceEdges.js';
+export { duplicateDocContent, duplicateDocTree } from '../dist/runtime/utils/duplicateDocContent.js';
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -20,7 +26,12 @@ const module$1 = defineNuxtModule({
       search: true,
       backgroundSync: true,
       renderers: true,
-      serverCache: true
+      serverCache: true,
+      broadcastSync: true,
+      webrtc: false,
+      chat: false,
+      spatial: false,
+      media: false
     },
     addViteDedupe: true,
     prefix: "",
@@ -37,6 +48,11 @@ const module$1 = defineNuxtModule({
     debug: false,
     docBasePath: "/doc",
     guestName: {},
+    webrtc: {
+      iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
+      e2ee: false,
+      fileTransfer: false
+    },
     service: {
       disabled: false
     }
@@ -58,9 +74,15 @@ const module$1 = defineNuxtModule({
           server: options.server ?? {},
           debug: options.debug ?? false,
           docBasePath: options.docBasePath ?? "/doc",
+          mapboxToken: options.mapboxToken ?? "",
           guestName: {
             adjectives: options.guestName?.adjectives ?? [],
             nouns: options.guestName?.nouns ?? []
+          },
+          webrtc: {
+            iceServers: options.webrtc?.iceServers ?? [{ urls: "stun:stun.l.google.com:19302" }],
+            e2ee: options.webrtc?.e2ee ?? false,
+            fileTransfer: options.webrtc?.fileTransfer ?? false
           }
         }
       }
@@ -73,6 +95,14 @@ const module$1 = defineNuxtModule({
         serviceDisabled: options.service?.disabled ?? false
       }
     });
+    nuxt.options.nitro = defu(nuxt.options.nitro, {
+      storage: {
+        "doc-cache": {
+          driver: "fs",
+          base: ".data/abracadabra-cache"
+        }
+      }
+    });
     if (options.addViteDedupe) {
       const dedupePackages = [
         "prosemirror-view",
@@ -84,10 +114,17 @@ const module$1 = defineNuxtModule({
         "prosemirror-inputrules",
         "prosemirror-history",
         "prosemirror-gapcursor",
+        "prosemirror-dropcursor",
+        "prosemirror-commands",
+        "prosemirror-tables",
+        "y-prosemirror",
         "yjs",
+        "y-protocols",
         "@tiptap/core",
         "@tiptap/pm",
-        "@tiptap/vue-3"
+        "@tiptap/vue-3",
+        "@tiptap/extension-collaboration",
+        "@tiptap/extension-collaboration-caret"
       ];
       nuxt.options.vite = defu(nuxt.options.vite, { resolve: { dedupe: [] } });
       const existing = nuxt.options.vite.resolve?.dedupe ?? [];
@@ -95,6 +132,32 @@ const module$1 = defineNuxtModule({
       nuxt.options.vite.resolve.dedupe = [
         .../* @__PURE__ */ new Set([...existing, ...dedupePackages])
       ];
+      const pmMapping = {
+        "@tiptap/pm/state": "prosemirror-state",
+        "@tiptap/pm/view": "prosemirror-view",
+        "@tiptap/pm/model": "prosemirror-model",
+        "@tiptap/pm/transform": "prosemirror-transform",
+        "@tiptap/pm/keymap": "prosemirror-keymap",
+        "@tiptap/pm/inputrules": "prosemirror-inputrules",
+        "@tiptap/pm/history": "prosemirror-history",
+        "@tiptap/pm/gapcursor": "prosemirror-gapcursor",
+        "@tiptap/pm/schema-list": "prosemirror-schema-list",
+        "@tiptap/pm/tables": "prosemirror-tables"
+      };
+      nuxt.hook("vite:extendConfig", (config) => {
+        config.resolve ??= {};
+        config.resolve.alias ??= {};
+        const resolve = config.resolve;
+        if (resolve) {
+          if (Array.isArray(resolve.alias)) {
+            for (const [find, replacement] of Object.entries(pmMapping)) {
+              resolve.alias.push({ find, replacement });
+            }
+          } else {
+            Object.assign(resolve.alias, pmMapping);
+          }
+        }
+      });
     }
     nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, { include: [] });
     const includeList = nuxt.options.vite.optimizeDeps.include ?? [];
@@ -104,15 +167,53 @@ const module$1 = defineNuxtModule({
       "prosemirror-model",
       "prosemirror-transform",
       "prosemirror-tables",
+      "prosemirror-gapcursor",
+      "prosemirror-dropcursor",
+      "prosemirror-commands",
+      "prosemirror-keymap",
+      "prosemirror-inputrules",
+      "prosemirror-history",
+      "prosemirror-schema-list",
+      "y-prosemirror",
       "@tiptap/extension-table",
       "@tiptap/extension-table-row",
       "@tiptap/extension-table-header",
       "@tiptap/extension-table-cell",
+      "@tiptap/extension-collaboration",
+      "@tiptap/extension-collaboration-caret",
       "nanoevents"
     ];
     nuxt.options.vite.optimizeDeps.include = [
       .../* @__PURE__ */ new Set([...includeList, ...prosemirrorDeps])
     ];
+    if (options.features?.editor !== false) {
+      nuxt.options.css.push(resolver.resolve("./runtime/assets/editor.css"));
+    }
+    nuxt.hook("app:resolve", (app) => {
+      const appConfig = app.config ?? {};
+      appConfig.ui = appConfig.ui ?? {};
+      appConfig.ui.editor = defu(appConfig.ui.editor ?? {}, {
+        slots: {
+          base: [
+            // Tables
+            "[&_table]:w-full [&_table]:border-separate [&_table]:border-spacing-0 [&_table]:rounded-md",
+            "[&_th]:py-3 [&_th]:px-4 [&_th]:font-semibold [&_th]:text-sm [&_th]:text-left [&_th]:bg-muted/50 [&_th]:border-t [&_th]:border-b [&_th]:border-e [&_th]:first:border-s [&_th]:border-muted",
+            "[&_th_p]:my-0 [&_th_p]:leading-5",
+            "[&_td]:py-3 [&_td]:px-4 [&_td]:text-sm [&_td]:text-left [&_td]:border-b [&_td]:border-e [&_td]:first:border-s [&_td]:border-muted",
+            "[&_td_p]:my-0 [&_td_p]:leading-5 [&_td_code]:text-xs/5 [&_td_ul]:my-0 [&_td_ol]:my-0 [&_td_ul]:ps-4.5 [&_td_ol]:ps-4.5 [&_td_li]:leading-6 [&_td_li]:my-0.5",
+            "[&_tr:first-child_th:first-child]:rounded-tl-md [&_tr:first-child_th:last-child]:rounded-tr-md [&_tr:last-child_td:first-child]:rounded-bl-md [&_tr:last-child_td:last-child]:rounded-br-md",
+            "[&_.selectedCell]:bg-primary/10 [&_.selectedCell]:ring-2 [&_.selectedCell]:ring-primary [&_.selectedCell]:ring-inset",
+            // Task lists
+            "[&_ul[data-type=taskList]]:list-none [&_ul[data-type=taskList]]:ps-1",
+            "[&_ul[data-type=taskList]_li]:flex [&_ul[data-type=taskList]_li]:items-center [&_ul[data-type=taskList]_li]:ps-0",
+            "[&_ul[data-type=taskList]_li_label]:inline-flex [&_ul[data-type=taskList]_li_label]:pr-2.5",
+            "[&_ul[data-type=taskList]_li_label_input]:appearance-none [&_ul[data-type=taskList]_li_label_input]:size-4 [&_ul[data-type=taskList]_li_label_input]:rounded-sm [&_ul[data-type=taskList]_li_label_input]:ring [&_ul[data-type=taskList]_li_label_input]:ring-inset [&_ul[data-type=taskList]_li_label_input]:ring-accented [&_ul[data-type=taskList]_li_label_input]:bg-center",
+            "[&_ul[data-type=taskList]_li_label_input:checked]:bg-primary [&_ul[data-type=taskList]_li_label_input:checked]:ring-primary [&_ul[data-type=taskList]_li_label_input:checked]:bg-[url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+)] dark:[&_ul[data-type=taskList]_li_label_input:checked]:bg-[url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDZMOSAxN2wtNS01Ii8+PC9zdmc+)]",
+            "[&_ul[data-type=taskList]_li[data-checked=true]>div>p]:line-through [&_ul[data-type=taskList]_li[data-checked=true]>div>p]:opacity-50"
+          ]
+        }
+      });
+    });
     addPlugin({
       src: resolver.resolve("./runtime/plugin-abracadabra.server"),
       mode: "server"
@@ -126,6 +227,11 @@ const module$1 = defineNuxtModule({
       mode: "client"
     });
     addImportsDir(resolver.resolve("./runtime/composables"));
+    addImports([
+      { name: "slugify", from: resolver.resolve("./runtime/utils/slugify") },
+      { name: "buildSlugMap", from: resolver.resolve("./runtime/utils/slugify") },
+      { name: "isUUID", from: resolver.resolve("./runtime/utils/slugify") }
+    ]);
     addComponentsDir({
       path: resolver.resolve("./runtime/components/aware"),
       prefix: options.prefix ?? "",
@@ -138,6 +244,28 @@ const module$1 = defineNuxtModule({
         pathPrefix: false
       });
     }
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/shell"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/settings"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/editor"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    if (options.features?.chat) {
+      addComponentsDir({
+        path: resolver.resolve("./runtime/components/chat"),
+        prefix: options.prefix ?? "",
+        pathPrefix: false
+      });
+    }
     addComponentsDir({
       path: resolver.resolve("./runtime/components"),
       prefix: options.prefix ?? ""
@@ -151,6 +279,14 @@ const module$1 = defineNuxtModule({
         route: "/api/_abracadabra/spaces",
         handler: resolver.resolve("./runtime/server/api/_abracadabra/spaces.get")
       });
+      addServerHandler({
+        route: "/api/_abracadabra/resolve/**",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/resolve/[...slug].get")
+      });
+      addServerHandler({
+        route: "/api/_abracadabra/slugs",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/slugs.get")
+      });
     }
     if (options.auth?.middleware) {
       addRouteMiddleware({

package/dist/runtime/assets/editor.css

@@ -0,0 +1 @@
+html.dark .tiptap .shiki,html.dark .tiptap .shiki span{background-color:var(--ui-bg-muted)!important;color:var(--shiki-dark)!important}.collaboration-carets__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;word-break:normal}.collaboration-carets__caret.is-hidden{display:none}.collaboration-carets__caret.is-active{opacity:1}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ProseMirror-yjs-selection,.collaboration-carets__selection{background-color:var(--collaboration-selection-color)!important;pointer-events:none}.search-highlight{background-color:color-mix(in srgb,var(--color-primary-400) 35%,transparent);border-radius:2px;padding:0 1px}.doc-passage-highlight{background-color:color-mix(in srgb,var(--color-success-400) 35%,transparent);border-radius:2px;padding:0 1px}

package/dist/runtime/components/AAccountSwitcherModal.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AAccountSwitcherModal.vue

@@ -0,0 +1,158 @@
+<script setup>
+import { ref, watch } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { usePasskeyAccounts } from "../composables/usePasskeyAccounts";
+const props = defineProps({
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:open"]);
+const { loginWithHardware, publicKeyB64 } = useAbracadabra();
+const { accounts: passkeyAccounts } = usePasskeyAccounts();
+const isLoading = ref(null);
+const error = ref(null);
+watch(() => props.open, (open) => {
+  if (!open) return;
+  error.value = null;
+  isLoading.value = null;
+});
+function formatRelative(ts) {
+  const diff = Date.now() - ts;
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+async function switchTo(account) {
+  isLoading.value = account.publicKey;
+  error.value = null;
+  try {
+    await loginWithHardware(account.credentialId || void 0);
+    emit("update:open", false);
+  } catch (e) {
+    error.value = e?.message ?? "Login failed";
+  } finally {
+    isLoading.value = null;
+  }
+}
+async function loginAny() {
+  isLoading.value = "__any__";
+  error.value = null;
+  try {
+    await loginWithHardware();
+    emit("update:open", false);
+  } catch (e) {
+    error.value = e?.message ?? "Login failed";
+  } finally {
+    isLoading.value = null;
+  }
+}
+</script>
+
+<template>
+  <UModal
+    :open="props.open"
+    :ui="{
+  content: 'sm:max-w-md',
+  header: 'hidden',
+  footer: 'hidden'
+}"
+    @update:open="emit('update:open', $event)"
+  >
+    <template #body>
+      <div class="flex flex-col gap-5 p-6">
+        <!-- Header -->
+        <div class="flex flex-col items-center text-center gap-3 pt-4">
+          <div class="w-12 h-12 rounded-2xl bg-(--ui-bg-elevated) flex items-center justify-center">
+            <UIcon
+              name="i-lucide-users"
+              class="size-6 text-(--ui-text-muted)"
+            />
+          </div>
+          <div>
+            <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+              Switch Account
+            </h2>
+            <p class="text-sm text-(--ui-text-muted)">
+              Choose a passkey-protected identity.
+            </p>
+          </div>
+        </div>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          :description="error"
+        />
+
+        <div
+          v-if="passkeyAccounts.length === 0"
+          class="text-sm text-(--ui-text-muted) text-center py-4"
+        >
+          No passkey accounts on this device.
+        </div>
+
+        <!-- Account list -->
+        <div class="flex flex-col gap-1">
+          <button
+            v-for="account in passkeyAccounts"
+            :key="account.publicKey"
+            class="flex items-center gap-3 p-2.5 rounded-lg hover:bg-(--ui-bg-elevated) transition-colors text-left w-full disabled:opacity-50"
+            :disabled="isLoading !== null && isLoading !== account.publicKey"
+            @click="switchTo(account)"
+          >
+            <div class="relative shrink-0">
+              <UAvatar
+                :alt="account.displayName"
+                size="md"
+              />
+              <div
+                v-if="account.publicKey === publicKeyB64"
+                class="absolute -bottom-0.5 -right-0.5 bg-(--ui-bg) rounded-full p-px"
+              >
+                <UIcon
+                  name="i-lucide-check-circle"
+                  class="text-primary size-3.5"
+                />
+              </div>
+              <div
+                v-else-if="isLoading === account.publicKey"
+                class="absolute -bottom-0.5 -right-0.5 bg-(--ui-bg) rounded-full p-px"
+              >
+                <UIcon
+                  name="i-lucide-loader-circle"
+                  class="text-primary size-3.5 animate-spin"
+                />
+              </div>
+            </div>
+
+            <div class="flex-1 min-w-0">
+              <p class="text-sm font-medium truncate">
+                {{ account.displayName }}
+              </p>
+              <p class="text-xs text-(--ui-text-muted)">
+                Last used {{ formatRelative(account.lastUsedAt) }}
+              </p>
+            </div>
+          </button>
+        </div>
+
+        <USeparator />
+
+        <UButton
+          variant="ghost"
+          color="neutral"
+          icon="i-lucide-fingerprint"
+          class="w-full justify-start"
+          :loading="isLoading === '__any__'"
+          @click="loginAny"
+        >
+          Use Any Passkey
+        </UButton>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AAccountSwitcherModal.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AClaimAccountModal.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;