@abraca/nuxt 2.4.0 → 2.5.0

package/dist/runtime/components/editor/ALocationPickerPopover.d.vue.ts

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     "update:open": (args_0: boolean) => any;
+    clear: () => any;
     "update:lat": (args_0: number) => any;
     "update:lng": (args_0: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClear?: (() => any) | undefined;
     "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:lat"?: ((args_0: number) => any) | undefined;
     "onUpdate:lng"?: ((args_0: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/editor/ALocationPickerPopover.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     "update:open": (args_0: boolean) => any;
+    clear: () => any;
     "update:lat": (args_0: number) => any;
     "update:lng": (args_0: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClear?: (() => any) | undefined;
     "onUpdate:open"?: ((args_0: boolean) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:lat"?: ((args_0: number) => any) | undefined;
     "onUpdate:lng"?: ((args_0: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/registry/APluginCapabilityDialog.d.vue.ts

@@ -5,13 +5,13 @@ type __VLS_Props = {
     detail: CatalogVersionDetail | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    cancel: () => any;
-    "update:modelValue": (open: boolean) => any;
     confirm: (detail: CatalogVersionDetail) => any;
+    "update:modelValue": (open: boolean) => any;
+    cancel: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
     onConfirm?: ((detail: CatalogVersionDetail) => any) | undefined;
+    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/registry/APluginCapabilityDialog.vue

@@ -28,7 +28,7 @@ function describe(cap) {
   if (cap === "doc-write") return { label: "Modify documents", icon: "i-lucide-pencil", severity: "medium" };
   if (cap === "doc-read") return { label: "Read documents", icon: "i-lucide-eye", severity: "low" };
   if (cap === "awareness") return { label: "Broadcast presence", icon: "i-lucide-users", severity: "low" };
-  if (cap === "server-runner") return { label: "Run server-side background tasks", icon: "i-lucide-server", severity: "high" };
+  if (cap === "server-runner") return { label: "Run server-side background tasks", icon: "i-lucide-hexagon", severity: "high" };
   if (cap === "chat:send") return { label: "Send chat messages", icon: "i-lucide-message-circle", severity: "medium" };
   if (cap === "chat:read") return { label: "Read chat history", icon: "i-lucide-message-square", severity: "low" };
   if (cap === "notifications:show") return { label: "Show notifications", icon: "i-lucide-bell", severity: "low" };

package/dist/runtime/components/registry/APluginCapabilityDialog.vue.d.ts

@@ -5,13 +5,13 @@ type __VLS_Props = {
     detail: CatalogVersionDetail | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    cancel: () => any;
-    "update:modelValue": (open: boolean) => any;
     confirm: (detail: CatalogVersionDetail) => any;
+    "update:modelValue": (open: boolean) => any;
+    cancel: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
     onConfirm?: ((detail: CatalogVersionDetail) => any) | undefined;
+    "onUpdate:modelValue"?: ((open: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/renderers/AProseRenderer.d.vue.ts

@@ -10,14 +10,14 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, Record<PropertyKey, unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
-    ready: () => any;
-    update: (content: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
+    update: (content: any) => any;
+    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
-    onReady?: (() => any) | undefined;
-    onUpdate?: ((content: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    onUpdate?: ((content: any) => any) | undefined;
+    onReady?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/renderers/AProseRenderer.vue.d.ts

@@ -10,14 +10,14 @@ type __VLS_Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, Record<PropertyKey, unknown>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
-    ready: () => any;
-    update: (content: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
+    update: (content: any) => any;
+    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
-    onReady?: (() => any) | undefined;
-    onUpdate?: ((content: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    onUpdate?: ((content: any) => any) | undefined;
+    onReady?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/renderers/sheets/ASheetsCell.d.vue.ts

@@ -25,20 +25,20 @@ type __VLS_Props = {
     editable: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    contextmenu: (e: MouseEvent) => any;
     dblclick: () => any;
+    contextmenu: (e: MouseEvent) => any;
+    pointermove: (e: PointerEvent) => any;
     pointercancel: (e: PointerEvent) => any;
     pointerdown: (e: PointerEvent) => any;
     pointerenter: () => any;
-    pointermove: (e: PointerEvent) => any;
     pointerup: (e: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onContextmenu?: ((e: MouseEvent) => any) | undefined;
     onDblclick?: (() => any) | undefined;
+    onContextmenu?: ((e: MouseEvent) => any) | undefined;
+    onPointermove?: ((e: PointerEvent) => any) | undefined;
     onPointercancel?: ((e: PointerEvent) => any) | undefined;
     onPointerdown?: ((e: PointerEvent) => any) | undefined;
     onPointerenter?: (() => any) | undefined;
-    onPointermove?: ((e: PointerEvent) => any) | undefined;
     onPointerup?: ((e: PointerEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/renderers/sheets/ASheetsCell.vue.d.ts

@@ -25,20 +25,20 @@ type __VLS_Props = {
     editable: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    contextmenu: (e: MouseEvent) => any;
     dblclick: () => any;
+    contextmenu: (e: MouseEvent) => any;
+    pointermove: (e: PointerEvent) => any;
     pointercancel: (e: PointerEvent) => any;
     pointerdown: (e: PointerEvent) => any;
     pointerenter: () => any;
-    pointermove: (e: PointerEvent) => any;
     pointerup: (e: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onContextmenu?: ((e: MouseEvent) => any) | undefined;
     onDblclick?: (() => any) | undefined;
+    onContextmenu?: ((e: MouseEvent) => any) | undefined;
+    onPointermove?: ((e: PointerEvent) => any) | undefined;
     onPointercancel?: ((e: PointerEvent) => any) | undefined;
     onPointerdown?: ((e: PointerEvent) => any) | undefined;
     onPointerenter?: (() => any) | undefined;
-    onPointermove?: ((e: PointerEvent) => any) | undefined;
     onPointerup?: ((e: PointerEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/renderers/sheets/ASheetsGrid.d.vue.ts

@@ -55,9 +55,9 @@ declare function scrollToCell(colIdx: number, rowIdx: number): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     scrollToCell: typeof scrollToCell;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    keydown: (e: KeyboardEvent) => any;
     copy: (e: ClipboardEvent) => any;
     cut: (e: ClipboardEvent) => any;
-    keydown: (e: KeyboardEvent) => any;
     paste: (e: ClipboardEvent) => any;
     renameColumn: (colId: string, label: string) => any;
     commitEdit: () => any;
@@ -81,9 +81,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     fillDragEnd: () => any;
     autoFitColumn: (colId: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
     onCopy?: ((e: ClipboardEvent) => any) | undefined;
     onCut?: ((e: ClipboardEvent) => any) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
     onPaste?: ((e: ClipboardEvent) => any) | undefined;
     onRenameColumn?: ((colId: string, label: string) => any) | undefined;
     onCommitEdit?: (() => any) | undefined;

package/dist/runtime/components/renderers/sheets/ASheetsGrid.vue.d.ts

@@ -55,9 +55,9 @@ declare function scrollToCell(colIdx: number, rowIdx: number): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     scrollToCell: typeof scrollToCell;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    keydown: (e: KeyboardEvent) => any;
     copy: (e: ClipboardEvent) => any;
     cut: (e: ClipboardEvent) => any;
-    keydown: (e: KeyboardEvent) => any;
     paste: (e: ClipboardEvent) => any;
     renameColumn: (colId: string, label: string) => any;
     commitEdit: () => any;
@@ -81,9 +81,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     fillDragEnd: () => any;
     autoFitColumn: (colId: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
     onCopy?: ((e: ClipboardEvent) => any) | undefined;
     onCut?: ((e: ClipboardEvent) => any) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
     onPaste?: ((e: ClipboardEvent) => any) | undefined;
     onRenameColumn?: ((colId: string, label: string) => any) | undefined;
     onCommitEdit?: (() => any) | undefined;

package/dist/runtime/components/renderers/sheets/ASheetsMobileActionBar.d.vue.ts

@@ -6,19 +6,19 @@ type __VLS_Props = {
     cellContextItems: any[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
     copy: () => any;
+    edit: () => any;
     cut: () => any;
     paste: () => any;
-    clear: () => any;
-    edit: () => any;
     toggleBold: () => any;
     toggleItalic: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
     onCopy?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
     onCut?: (() => any) | undefined;
     onPaste?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onEdit?: (() => any) | undefined;
     onToggleBold?: (() => any) | undefined;
     onToggleItalic?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/sheets/ASheetsMobileActionBar.vue.d.ts

@@ -6,19 +6,19 @@ type __VLS_Props = {
     cellContextItems: any[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
     copy: () => any;
+    edit: () => any;
     cut: () => any;
     paste: () => any;
-    clear: () => any;
-    edit: () => any;
     toggleBold: () => any;
     toggleItalic: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: (() => any) | undefined;
     onCopy?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
     onCut?: (() => any) | undefined;
     onPaste?: (() => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onEdit?: (() => any) | undefined;
     onToggleBold?: (() => any) | undefined;
     onToggleItalic?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/shell/ADocPanelSettings.d.vue.ts

@@ -107,8 +107,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onFork-snapshot"?: ((version: number) => any) | undefined;
     "onLoad-more-snapshots"?: (() => any) | undefined;
 }>, {
-    snapshots: SnapshotMeta[];
     userName: string;
+    snapshots: SnapshotMeta[];
     docMeta: DocPageMeta | null;
     effectiveRole: string | null;
     userAvatarStyle: string;

package/dist/runtime/components/shell/ADocPanelSettings.vue.d.ts

@@ -107,8 +107,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "onFork-snapshot"?: ((version: number) => any) | undefined;
     "onLoad-more-snapshots"?: (() => any) | undefined;
 }>, {
-    snapshots: SnapshotMeta[];
     userName: string;
+    snapshots: SnapshotMeta[];
     docMeta: DocPageMeta | null;
     effectiveRole: string | null;
     userAvatarStyle: string;

package/dist/runtime/components/shell/AUserMenu.d.vue.ts

@@ -14,13 +14,13 @@ type __VLS_Props = {
     extraItems?: DropdownMenuItem[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
     "open-settings": () => any;
     "open-account": () => any;
-    logout: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
     "onOpen-settings"?: (() => any) | undefined;
     "onOpen-account"?: (() => any) | undefined;
-    onLogout?: (() => any) | undefined;
 }>, {
     color: string;
     collapsed: boolean;

package/dist/runtime/components/shell/AUserMenu.vue.d.ts

@@ -14,13 +14,13 @@ type __VLS_Props = {
     extraItems?: DropdownMenuItem[][];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
     "open-settings": () => any;
     "open-account": () => any;
-    logout: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
     "onOpen-settings"?: (() => any) | undefined;
     "onOpen-account"?: (() => any) | undefined;
-    onLogout?: (() => any) | undefined;
 }>, {
     color: string;
     collapsed: boolean;

package/dist/runtime/components/shell/AUserProfilePopover.d.vue.ts

@@ -36,10 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     color: string;
     name: string;
     online: boolean | null;
-    currentDocId: string | null;
     avatarStyle: string;
     isSelf: boolean;
     isFollowing: boolean;
+    currentDocId: string | null;
     showFollow: boolean;
     currentDocLabel: string | null;
     currentDocIcon: string;

package/dist/runtime/components/shell/AUserProfilePopover.vue.d.ts

@@ -36,10 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     color: string;
     name: string;
     online: boolean | null;
-    currentDocId: string | null;
     avatarStyle: string;
     isSelf: boolean;
     isFollowing: boolean;
+    currentDocId: string | null;
     showFollow: boolean;
     currentDocLabel: string | null;
     currentDocIcon: string;

package/dist/runtime/components/shell/AWelcomeScreen.d.vue.ts

@@ -35,7 +35,7 @@ type __VLS_ModelProps = {
      * Ported from cou-sh/app/components/WelcomeScreen.vue — decoupled from
      * useAbracadabra, useSpaceRegistry, and all app-specific modals.
      */
-    'open'?: boolean;
+    "open"?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_15: {}, __VLS_22: {}, __VLS_24: {}, __VLS_57: {}, __VLS_69: {}, __VLS_76: {}, __VLS_78: {};
@@ -55,8 +55,8 @@ type __VLS_Slots = {} & {
     logo?: (props: typeof __VLS_78) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    done: () => any;
     "update:open": (value: boolean) => any;
+    done: () => any;
     "set-name": (name: string) => any;
     "set-color": (color: string) => any;
     "set-neutral": (color: string) => any;
@@ -64,8 +64,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "connect-server": (url: string) => any;
     "claim-passkey": () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onDone?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onDone?: (() => any) | undefined;
     "onSet-name"?: ((name: string) => any) | undefined;
     "onSet-color"?: ((color: string) => any) | undefined;
     "onSet-neutral"?: ((color: string) => any) | undefined;
@@ -74,9 +74,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "onClaim-passkey"?: (() => any) | undefined;
 }>, {
     connecting: boolean;
+    isClaimed: boolean;
     userName: string;
     currentColor: string;
-    isClaimed: boolean;
     avatarStyle: string;
     connectionError: string;
     colors: string[];

package/dist/runtime/components/shell/AWelcomeScreen.vue

@@ -4,7 +4,25 @@ const open = defineModel("open", { type: Boolean, ...{ default: true } });
 const props = defineProps({
   userName: { type: String, required: false, default: "" },
   avatarStyle: { type: String, required: false, default: "" },
-  colors: { type: Array, required: false, default: () => ["red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"] },
+  colors: { type: Array, required: false, default: () => [
+    "red",
+    "orange",
+    "amber",
+    "yellow",
+    "lime",
+    "green",
+    "emerald",
+    "teal",
+    "cyan",
+    "sky",
+    "blue",
+    "indigo",
+    "violet",
+    "purple",
+    "fuchsia",
+    "pink",
+    "rose"
+  ] },
   neutrals: { type: Array, required: false, default: () => ["slate", "gray", "zinc", "neutral", "stone"] },
   currentColor: { type: String, required: false, default: "blue" },
   currentNeutral: { type: String, required: false, default: "zinc" },
@@ -49,11 +67,14 @@ function connectToServer() {
   if (!raw) return;
   emit("connect-server", raw);
 }
-watch(() => props.connecting, (val, prev) => {
-  if (prev && !val && !props.connectionError && step.value === "server") {
-    step.value = "done";
+watch(
+  () => props.connecting,
+  (val, prev) => {
+    if (prev && !val && !props.connectionError && step.value === "server") {
+      step.value = "done";
+    }
   }
-});
+);
 </script>
 
 <template>
@@ -74,10 +95,7 @@ watch(() => props.connecting, (val, prev) => {
   >
     <template #body>
       <div class="flex flex-col gap-6">
-        <Transition
-          name="step-fade"
-          mode="out-in"
-        >
+        <Transition name="step-fade" mode="out-in">
           <!-- ── Step 1: Identity ────────────────────────────── -->
           <div
             v-if="step === 'identity'"
@@ -93,10 +111,10 @@ watch(() => props.connecting, (val, prev) => {
                 />
               </slot>
               <div class="flex flex-col items-center gap-1">
-                <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
-                  <slot name="title">
-                    Welcome
-                  </slot>
+                <h2
+                  class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight"
+                >
+                  <slot name="title"> Welcome </slot>
                 </h2>
                 <p class="text-sm text-(--ui-text-muted)">
                   <slot name="subtitle">
@@ -126,18 +144,18 @@ watch(() => props.connecting, (val, prev) => {
 
             <!-- Color picker -->
             <div class="flex flex-col items-center gap-2">
-              <p class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide">
+              <p
+                class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide"
+              >
                 Choose your color
               </p>
               <div class="flex flex-wrap justify-center gap-1.5 max-w-78">
-                <UTooltip
-                  v-for="color in colors"
-                  :key="color"
-                  :text="color"
-                >
+                <UTooltip v-for="color in colors" :key="color" :text="color">
                   <button
                     class="w-5 h-5 rounded-full ring-2 ring-offset-1 ring-offset-(--ui-bg) transition-all duration-150 hover:scale-110 focus:outline-none"
-                    :class="currentColor === color ? 'ring-current scale-110' : 'ring-transparent'"
+                    :class="
+  currentColor === color ? 'ring-current scale-110' : 'ring-transparent'
+"
                     :style="{ background: `var(--color-${color}-400)` }"
                     @click="emit('set-color', color)"
                   />
@@ -147,18 +165,18 @@ watch(() => props.connecting, (val, prev) => {
 
             <!-- Neutral color picker -->
             <div class="flex flex-col items-center gap-2">
-              <p class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide">
+              <p
+                class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide"
+              >
                 Choose your neutral
               </p>
               <div class="flex flex-wrap justify-center gap-1.5 max-w-78">
-                <UTooltip
-                  v-for="color in neutrals"
-                  :key="color"
-                  :text="color"
-                >
+                <UTooltip v-for="color in neutrals" :key="color" :text="color">
                   <button
                     class="w-5 h-5 rounded-full ring-2 ring-offset-1 ring-offset-(--ui-bg) transition-all duration-150 hover:scale-110 focus:outline-none"
-                    :class="currentNeutral === color ? 'ring-current scale-110' : 'ring-transparent'"
+                    :class="
+  currentNeutral === color ? 'ring-current scale-110' : 'ring-transparent'
+"
                     :style="{ background: `var(--color-${color}-400)` }"
                     @click="emit('set-neutral', color)"
                   />
@@ -188,13 +206,11 @@ watch(() => props.connecting, (val, prev) => {
             class="flex flex-col gap-6"
           >
             <div class="flex flex-col items-center text-center gap-4 pt-4">
-              <UAvatar
-                :alt="displayName"
-                size="lg"
-                :style="avatarStyle"
-              />
+              <UAvatar :alt="displayName" size="lg" :style="avatarStyle" />
               <div class="flex flex-col items-center gap-1">
-                <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+                <h2
+                  class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight"
+                >
                   How would you like to get started?
                 </h2>
                 <p class="text-sm text-(--ui-text-muted)">
@@ -213,8 +229,13 @@ watch(() => props.connecting, (val, prev) => {
                   class="size-5 text-(--ui-text-muted) group-hover:text-(--color-primary-500) transition-colors"
                 />
                 <div class="flex flex-col gap-0.5">
-                  <span class="text-xs font-semibold text-(--ui-text-highlighted) leading-tight">Start locally</span>
-                  <span class="text-[11px] text-(--ui-text-muted) leading-snug">No server needed</span>
+                  <span
+                    class="text-xs font-semibold text-(--ui-text-highlighted) leading-tight"
+                    >Start locally</span
+                  >
+                  <span class="text-[11px] text-(--ui-text-muted) leading-snug"
+                    >No server needed</span
+                  >
                 </div>
               </button>
 
@@ -227,12 +248,17 @@ watch(() => props.connecting, (val, prev) => {
                 @click="step = 'server'"
               >
                 <UIcon
-                  name="i-lucide-server"
+                  name="i-lucide-hexagon"
                   class="size-5 text-(--ui-text-muted) group-hover:text-(--color-primary-500) transition-colors"
                 />
                 <div class="flex flex-col gap-0.5">
-                  <span class="text-xs font-semibold text-(--ui-text-highlighted) leading-tight">Self-hosted</span>
-                  <span class="text-[11px] text-(--ui-text-muted) leading-snug">Your infrastructure</span>
+                  <span
+                    class="text-xs font-semibold text-(--ui-text-highlighted) leading-tight"
+                    >Self-hosted</span
+                  >
+                  <span class="text-[11px] text-(--ui-text-muted) leading-snug"
+                    >Your infrastructure</span
+                  >
                 </div>
               </button>
             </div>
@@ -254,7 +280,9 @@ watch(() => props.connecting, (val, prev) => {
                 />
               </slot>
               <div class="flex flex-col items-center gap-1">
-                <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+                <h2
+                  class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight"
+                >
                   Connect to server
                 </h2>
                 <p class="text-sm text-(--ui-text-muted)">
@@ -307,12 +335,10 @@ watch(() => props.connecting, (val, prev) => {
             <!-- Already claimed or just claimed -->
             <template v-if="isClaimed || claimSuccess">
               <div class="relative">
-                <UAvatar
-                  :alt="displayName"
-                  size="2xl"
-                  :style="avatarStyle"
-                />
-                <div class="absolute -bottom-1 -right-1 rounded-full p-0.5 bg-(--ui-color-success-500)">
+                <UAvatar :alt="displayName" size="2xl" :style="avatarStyle" />
+                <div
+                  class="absolute -bottom-1 -right-1 rounded-full p-0.5 bg-(--ui-color-success-500)"
+                >
                   <UIcon
                     name="i-lucide-shield-check"
                     class="text-white size-4"
@@ -328,9 +354,7 @@ watch(() => props.connecting, (val, prev) => {
                   <template v-if="claimSuccess">
                     Your identity is now hardware-bound, {{ displayName }}
                   </template>
-                  <template v-else>
-                    Welcome back, {{ displayName }}
-                  </template>
+                  <template v-else> Welcome back, {{ displayName }} </template>
                 </p>
               </div>
 
@@ -347,16 +371,11 @@ watch(() => props.connecting, (val, prev) => {
             <!-- Default: offer passkey -->
             <template v-else>
               <div class="relative">
-                <UAvatar
-                  :alt="displayName"
-                  size="2xl"
-                  :style="avatarStyle"
-                />
-                <div class="absolute -bottom-1 -right-1 rounded-full p-0.5 bg-(--ui-color-success-500)">
-                  <UIcon
-                    name="i-lucide-check"
-                    class="text-white size-4"
-                  />
+                <UAvatar :alt="displayName" size="2xl" :style="avatarStyle" />
+                <div
+                  class="absolute -bottom-1 -right-1 rounded-full p-0.5 bg-(--ui-color-success-500)"
+                >
+                  <UIcon name="i-lucide-check" class="text-white size-4" />
                 </div>
               </div>