@abraca/nuxt 2.0.11 → 2.4.0

package/dist/runtime/components/ADocumentTree.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, nextTick, shallowRef, watch } from "vue";
+import { ref, computed, nextTick, shallowRef, toRaw, watch } from "vue";
 import { useAbracadabra, useTrash, useChat, useVoice, useToast, useAppConfig, useSyncedMap, useDocImport, useDocExport, useWindowManager, useAwareness } from "#imports";
 import { resolveDocType, getAvailableDocTypes } from "../utils/docTypes";
 import { avatarBorderStyle } from "../utils/avatarStyle";
@@ -29,24 +29,56 @@ const toast = useToast();
 const appConfig = useAppConfig();
 const presenceNeutral = computed(() => appConfig.ui?.colors?.neutral ?? "zinc");
 const treeMap = useSyncedMap(doc, "doc-tree");
-function buildTree(parentId = null, depth = 0) {
-  return Object.entries(treeMap.data).filter(([id, v]) => {
-    if (id === spaceDocId.value) return false;
-    const pid = v.parentId ?? null;
-    if (parentId === null) return pid === null || pid === spaceDocId.value;
-    return pid === parentId;
-  }).sort(([, a], [, b]) => (a.order ?? 0) - (b.order ?? 0)).map(([id, v]) => ({
-    id,
-    label: v.label || "Untitled",
-    parentId: v.parentId,
-    order: v.order ?? 0,
-    type: v.type,
-    meta: v.meta,
-    children: buildTree(id, depth + 1),
-    depth
-  }));
-}
-const treeItems = computed(() => buildTree(null));
+const structureHash = computed(() => {
+  let h = 0;
+  const data = treeMap.data;
+  let count = 0;
+  for (const id in data) {
+    const v = data[id];
+    const pid = v.parentId ?? "";
+    const ord = v.order ?? 0;
+    for (let i = 0; i < id.length; i++)
+      h = (h << 5) + h + id.charCodeAt(i) | 0;
+    for (let i = 0; i < pid.length; i++)
+      h = (h << 5) + h + pid.charCodeAt(i) | 0;
+    h = (h << 5) + h + ord | 0;
+    count++;
+  }
+  return (h << 5) + h + count | 0;
+});
+const treeItems = computed(() => {
+  void structureHash.value;
+  const sid = spaceDocId.value;
+  const raw = toRaw(treeMap.data);
+  const ROOT = "@root";
+  const childrenByParent = /* @__PURE__ */ new Map();
+  for (const id in raw) {
+    if (id === sid) continue;
+    const v = raw[id];
+    const rawPid = v.parentId ?? null;
+    const pid = rawPid == null || rawPid === sid ? ROOT : rawPid;
+    const bucket = childrenByParent.get(pid);
+    if (bucket) bucket.push([id, v]);
+    else childrenByParent.set(pid, [[id, v]]);
+  }
+  for (const list of childrenByParent.values())
+    list.sort((a, b) => (a[1].order ?? 0) - (b[1].order ?? 0));
+  function build(parentKey, depth) {
+    const bucket = childrenByParent.get(parentKey);
+    if (!bucket) return [];
+    return bucket.map(([id, v]) => ({
+      id,
+      label: v.label || "Untitled",
+      parentId: v.parentId,
+      order: v.order ?? 0,
+      type: v.type,
+      meta: v.meta,
+      children: build(id, depth + 1),
+      depth
+    }));
+  }
+  return build(ROOT, 0);
+});
 const nodeMap = computed(() => {
   const map = /* @__PURE__ */ new Map();
   function walk(nodes) {
@@ -58,7 +90,7 @@ const nodeMap = computed(() => {
   walk(treeItems.value);
   return map;
 });
-const expandedIds = ref(/* @__PURE__ */ new Set());
+const expandedIds = shallowRef(/* @__PURE__ */ new Set());
 const {
   externalDragActive,
   onDragEnter: onImportDragEnter,

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

@@ -29,12 +29,18 @@ type __VLS_Props = {
      * for long-form writing. Same TipTap engine and extensions.
      */
     variant?: 'doc' | 'prose';
+    /**
+     * Show a floating toggle that swaps the TipTap canvas for a read-only
+     * CodeMirror view of the document's underlying Y.XmlFragment XML.
+     * Useful for inspecting CRDT state during development. Default: false.
+     */
+    showSourceToggle?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_18: {
+declare var __VLS_42: {
     editor: any;
     connectedUsers: {
         name: string;
@@ -43,47 +49,48 @@ declare var __VLS_18: {
         docId?: string | undefined;
     }[];
     ready: boolean;
-}, __VLS_27: {
+}, __VLS_51: {
     editor: any;
-}, __VLS_35: {
+}, __VLS_59: {
     editor: any;
-}, __VLS_43: {
+}, __VLS_67: {
     editor: any;
-}, __VLS_46: {
+}, __VLS_70: {
     editor: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_42) => any;
 } & {
-    link?: (props: typeof __VLS_27) => any;
+    link?: (props: typeof __VLS_51) => any;
 } & {
-    'doc-link'?: (props: typeof __VLS_35) => any;
+    'doc-link'?: (props: typeof __VLS_59) => any;
 } & {
-    'create-child-doc'?: (props: typeof __VLS_43) => any;
+    'create-child-doc'?: (props: typeof __VLS_67) => any;
 } & {
-    'send-to-chat'?: (props: typeof __VLS_46) => any;
+    'send-to-chat'?: (props: typeof __VLS_70) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {
-    variant: "doc" | "prose";
     contentType: "json" | "html" | "markdown";
     editable: boolean;
     showToolbar: boolean;
     showSuggestionMenu: boolean;
     showDragHandle: boolean;
+    variant: "doc" | "prose";
+    showSourceToggle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/AEditor.vue

@@ -13,6 +13,7 @@ import { useEditorEmojis } from "../composables/useEditorEmojis";
 import { useEditorMentions } from "../composables/useEditorMentions";
 import ALinkPopover from "./editor/ALinkPopover.vue";
 import ADocLinkPopover from "./editor/ADocLinkPopover.vue";
+import ACodeEditor from "./ACodeEditor.vue";
 const props = defineProps({
   docId: { type: String, required: true },
   docLabel: { type: String, required: false },
@@ -25,8 +26,10 @@ const props = defineProps({
   docMeta: { type: Object, required: false },
   parentType: { type: String, required: false },
   metaSchema: { type: Array, required: false },
-  variant: { type: String, required: false, default: "doc" }
+  variant: { type: String, required: false, default: "doc" },
+  showSourceToggle: { type: Boolean, required: false, default: false }
 });
+const viewMode = ref("rich");
 const emit = defineEmits(["ready", "update", "rename", "updateMeta"]);
 const model = defineModel({ type: null });
 const { doc, provider, registry } = useNuxtApp().$abracadabra;
@@ -328,6 +331,17 @@ const editorHandlers = {
     canExecute: () => true,
     execute: (editor) => insertNode(editor, "svgEmbed", { svg: "", title: "", width: null, height: null }),
     isActive: (editor) => editor.isActive("svgEmbed")
+  },
+  timeline: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "timeline", {}, [
+      {
+        type: "timelineItem",
+        attrs: { date: "", label: "Event", icon: "" },
+        content: [{ type: "paragraph" }]
+      }
+    ]),
+    isActive: (editor) => editor.isActive("timeline")
   }
 };
 const _mentionItems = computed(
@@ -356,6 +370,34 @@ function onPlusClick(e, onClick) {
       <div class="h-4 w-5/6 animate-pulse rounded bg-elevated" />
     </div>
 
+    <!-- Source view: read-only CodeMirror over getXmlFragment('default').toString() -->
+    <div
+      v-else-if="viewMode === 'source'"
+      class="aeditor-source-wrap"
+    >
+      <div class="aeditor-source-toolbar">
+        <span class="aeditor-source-toolbar__label">
+          <UIcon name="i-lucide-code-xml" class="size-3.5" />
+          XML source — read-only mirror of <code>getXmlFragment('default')</code>
+        </span>
+        <UButton
+          icon="i-lucide-file-text"
+          size="xs"
+          variant="ghost"
+          color="neutral"
+          label="Rich text"
+          @click="viewMode = 'rich'"
+        />
+      </div>
+      <ACodeEditor
+        :provider="childProvider"
+        field-name="default"
+        language="plain"
+        :read-only="true"
+        :as-xml-fragment="true"
+      />
+    </div>
+
     <UEditor
       v-else
       :class="{ 'prose-variant': variant === 'prose' }"
@@ -370,6 +412,17 @@ function onPlusClick(e, onClick) {
       :placeholder="placeholder"
       @update:model-value="emit('update', $event)"
     >
+      <!-- Floating source-view toggle (opt-in via :show-source-toggle="true") -->
+      <UButton
+        v-if="showSourceToggle"
+        class="aeditor-source-toggle"
+        icon="i-lucide-code-xml"
+        size="xs"
+        variant="ghost"
+        color="neutral"
+        :title="'View XML source'"
+        @click="viewMode = 'source'"
+      />
       <!-- Default slot: app can override entire editor content -->
       <slot
         :editor="editor"
@@ -490,5 +543,5 @@ function onPlusClick(e, onClick) {
 </template>
 
 <style scoped>
-.prose-variant :deep(.tiptap){color:var(--ui-text);font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.0625rem;line-height:1.75}.prose-variant :deep(.tiptap p){margin-bottom:1em;margin-top:0}.prose-variant :deep(.tiptap h1),.prose-variant :deep(.tiptap h2),.prose-variant :deep(.tiptap h3),.prose-variant :deep(.tiptap h4){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:-.01em;line-height:1.25;margin-bottom:.5em;margin-top:1.75em}.prose-variant :deep(.tiptap h1){font-size:2rem;font-weight:700}.prose-variant :deep(.tiptap h2){font-size:1.5rem;font-weight:700}.prose-variant :deep(.tiptap h3){font-size:1.25rem;font-weight:600}.prose-variant :deep(.tiptap blockquote){border-left:3px solid var(--ui-border);color:var(--ui-text-muted);font-style:italic;margin-left:0;padding-left:1em}.prose-variant :deep(.tiptap ol),.prose-variant :deep(.tiptap ul){margin-bottom:1em;padding-left:1.5em}.prose-variant :deep(.tiptap .document-header){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem}
+.prose-variant :deep(.tiptap){color:var(--ui-text);font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:1.0625rem;line-height:1.75}.prose-variant :deep(.tiptap p){margin-bottom:1em;margin-top:0}.prose-variant :deep(.tiptap h1),.prose-variant :deep(.tiptap h2),.prose-variant :deep(.tiptap h3),.prose-variant :deep(.tiptap h4){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;letter-spacing:-.01em;line-height:1.25;margin-bottom:.5em;margin-top:1.75em}.prose-variant :deep(.tiptap h1){font-size:2rem;font-weight:700}.prose-variant :deep(.tiptap h2){font-size:1.5rem;font-weight:700}.prose-variant :deep(.tiptap h3){font-size:1.25rem;font-weight:600}.prose-variant :deep(.tiptap blockquote){border-left:3px solid var(--ui-border);color:var(--ui-text-muted);font-style:italic;margin-left:0;padding-left:1em}.prose-variant :deep(.tiptap ol),.prose-variant :deep(.tiptap ul){margin-bottom:1em;padding-left:1.5em}.prose-variant :deep(.tiptap .document-header){font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.5rem}.aeditor-source-wrap{display:flex;flex:1 1 0;flex-direction:column;min-height:0}.aeditor-source-toolbar{align-items:center;background:var(--ui-bg);border-bottom:1px solid var(--ui-border);display:flex;flex-shrink:0;justify-content:space-between;padding:.375rem .75rem}.aeditor-source-toolbar__label{align-items:center;color:var(--ui-text-muted);display:inline-flex;font-size:.75rem;gap:.375rem}.aeditor-source-toolbar__label code{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--ui-radius);font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.7rem;padding:.05rem .3rem}.aeditor-source-toggle{opacity:.6;position:absolute;right:.375rem;top:.375rem;transition:opacity .12s ease;z-index:5}.aeditor-source-toggle:hover{opacity:1}
 </style>

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

@@ -29,12 +29,18 @@ type __VLS_Props = {
      * for long-form writing. Same TipTap engine and extensions.
      */
     variant?: 'doc' | 'prose';
+    /**
+     * Show a floating toggle that swaps the TipTap canvas for a read-only
+     * CodeMirror view of the document's underlying Y.XmlFragment XML.
+     * Useful for inspecting CRDT state during development. Default: false.
+     */
+    showSourceToggle?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_18: {
+declare var __VLS_42: {
     editor: any;
     connectedUsers: {
         name: string;
@@ -43,47 +49,48 @@ declare var __VLS_18: {
         docId?: string | undefined;
     }[];
     ready: boolean;
-}, __VLS_27: {
+}, __VLS_51: {
     editor: any;
-}, __VLS_35: {
+}, __VLS_59: {
     editor: any;
-}, __VLS_43: {
+}, __VLS_67: {
     editor: any;
-}, __VLS_46: {
+}, __VLS_70: {
     editor: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_18) => any;
+    default?: (props: typeof __VLS_42) => any;
 } & {
-    link?: (props: typeof __VLS_27) => any;
+    link?: (props: typeof __VLS_51) => any;
 } & {
-    'doc-link'?: (props: typeof __VLS_35) => any;
+    'doc-link'?: (props: typeof __VLS_59) => any;
 } & {
-    'create-child-doc'?: (props: typeof __VLS_43) => any;
+    'create-child-doc'?: (props: typeof __VLS_67) => any;
 } & {
-    'send-to-chat'?: (props: typeof __VLS_46) => any;
+    'send-to-chat'?: (props: typeof __VLS_70) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {
-    variant: "doc" | "prose";
     contentType: "json" | "html" | "markdown";
     editable: boolean;
     showToolbar: boolean;
     showSuggestionMenu: boolean;
     showDragHandle: boolean;
+    variant: "doc" | "prose";
+    showSourceToggle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/ANodePanel.vue

@@ -183,6 +183,7 @@ const addFieldMenuItems = computed(
     side="right"
     :title="nodeLabel || 'Document'"
     :content="{ style: resize.style.value }"
+    :ui="{ body: 'p-0' }"
     @update:open="(v) => !v && emit('close')"
   >
     <template #header>
@@ -205,7 +206,69 @@ const addFieldMenuItems = computed(
           :icon-color="meta.color"
           :editor="activeTab === 'editor' && !usesPageRenderer ? tiptapEditor : null"
           @expand="navigateTo(`/app/${nodeId}`)"
-        />
+        >
+          <!-- Tabs inline with the title — single-row header layout.
+               Built-in tabs honour the `tabs` prop; plugin-registered tabs
+               always render. -->
+          <template #actions-left>
+            <div class="flex items-center gap-1 ml-2">
+              <UButton
+                v-if="showEditorTab"
+                icon="i-lucide-file-text"
+                :label="locale.editorTab"
+                size="xs"
+                :color="activeTab === 'editor' ? 'primary' : 'neutral'"
+                :variant="activeTab === 'editor' ? 'soft' : 'ghost'"
+                @click="activeTab = 'editor'"
+              />
+              <UButton
+                v-if="showPropertiesTab"
+                icon="i-lucide-sliders-horizontal"
+                :label="locale.propertiesTab"
+                size="xs"
+                :color="activeTab === 'properties' ? 'primary' : 'neutral'"
+                :variant="activeTab === 'properties' ? 'soft' : 'ghost'"
+                @click="activeTab = 'properties'"
+              />
+              <UChip
+                v-if="showChatTab"
+                :text="chatUnread > 0 && activeTab !== 'chat' ? String(chatUnread) : void 0"
+                color="error"
+                size="lg"
+                :show="chatUnread > 0 && activeTab !== 'chat'"
+                :inset="true"
+              >
+                <UButton
+                  icon="i-lucide-message-circle"
+                  label="Chat"
+                  size="xs"
+                  :color="activeTab === 'chat' ? 'primary' : 'neutral'"
+                  :variant="activeTab === 'chat' ? 'soft' : 'ghost'"
+                  @click="activeTab = 'chat'"
+                />
+              </UChip>
+              <UButton
+                v-if="showSettingsTab"
+                icon="i-lucide-settings-2"
+                label="Settings"
+                size="xs"
+                :color="activeTab === 'settings' ? 'primary' : 'neutral'"
+                :variant="activeTab === 'settings' ? 'soft' : 'ghost'"
+                @click="activeTab = 'settings'"
+              />
+              <UButton
+                v-for="slot in pluginSlots"
+                :key="slot.id"
+                :icon="slot.icon"
+                :label="slot.label"
+                size="xs"
+                :color="activeTab === slot.id ? 'primary' : 'neutral'"
+                :variant="activeTab === slot.id ? 'soft' : 'ghost'"
+                @click="activeTab = slot.id"
+              />
+            </div>
+          </template>
+        </ANodePanelHeader>
       </slot>
     </template>
 
@@ -219,65 +282,6 @@ const addFieldMenuItems = computed(
         @dblclick="resize.onDoubleClick"
       />
 
-      <!-- Tab bar — built-in tabs are individually toggleable via the
-           `tabs` prop; plugin-registered tabs always render. -->
-      <div class="flex items-center gap-1 border-b border-(--ui-border) mb-4 -mt-2">
-        <UButton
-          v-if="showEditorTab"
-          icon="i-lucide-file-text"
-          :label="locale.editorTab"
-          size="sm"
-          :color="activeTab === 'editor' ? 'primary' : 'neutral'"
-          :variant="activeTab === 'editor' ? 'soft' : 'ghost'"
-          @click="activeTab = 'editor'"
-        />
-        <UButton
-          v-if="showPropertiesTab"
-          icon="i-lucide-sliders-horizontal"
-          :label="locale.propertiesTab"
-          size="sm"
-          :color="activeTab === 'properties' ? 'primary' : 'neutral'"
-          :variant="activeTab === 'properties' ? 'soft' : 'ghost'"
-          @click="activeTab = 'properties'"
-        />
-        <UChip
-          v-if="showChatTab"
-          :text="chatUnread > 0 && activeTab !== 'chat' ? String(chatUnread) : void 0"
-          color="error"
-          size="lg"
-          :show="chatUnread > 0 && activeTab !== 'chat'"
-          :inset="true"
-        >
-          <UButton
-            icon="i-lucide-message-circle"
-            label="Chat"
-            size="sm"
-            :color="activeTab === 'chat' ? 'primary' : 'neutral'"
-            :variant="activeTab === 'chat' ? 'soft' : 'ghost'"
-            @click="activeTab = 'chat'"
-          />
-        </UChip>
-        <UButton
-          v-if="showSettingsTab"
-          icon="i-lucide-settings-2"
-          label="Settings"
-          size="sm"
-          :color="activeTab === 'settings' ? 'primary' : 'neutral'"
-          :variant="activeTab === 'settings' ? 'soft' : 'ghost'"
-          @click="activeTab = 'settings'"
-        />
-        <UButton
-          v-for="slot in pluginSlots"
-          :key="slot.id"
-          :icon="slot.icon"
-          :label="slot.label"
-          size="sm"
-          :color="activeTab === slot.id ? 'primary' : 'neutral'"
-          :variant="activeTab === slot.id ? 'soft' : 'ghost'"
-          @click="activeTab = slot.id"
-        />
-      </div>
-
       <!-- Editor tab — swaps to the registered page-type renderer when the
            doc has a non-'doc' type (kanban / table / calendar / etc.). -->
       <div

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

@@ -15,8 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string;

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

@@ -15,8 +15,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string;

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

@@ -2,15 +2,15 @@ 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;
     created: (args_0: {
         id: string;
     }) => any;
-    "update:open": (v: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
     onCreated?: ((args_0: {
         id: string;
     }) => any) | undefined;
-    "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/ASpaceFormModal.vue.d.ts

@@ -2,15 +2,15 @@ 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;
     created: (args_0: {
         id: string;
     }) => any;
-    "update:open": (v: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
     onCreated?: ((args_0: {
         id: string;
     }) => any) | undefined;
-    "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/aware/AMedia.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    total: boolean;
     controls: boolean;
+    total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AMedia.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    total: boolean;
     controls: boolean;
+    total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/APresenceBlobs.d.vue.ts

@@ -1,3 +1,31 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    /**
+     * Coordinate space the blob positions live in.
+     * - `viewport` (default): element-anchored peer pointer from `aa:focus`.
+     * - `world`: absolute world coords from `state[worldChannel]`, projected
+     *   into the local viewport via `toScreen`.
+     */
+    coords?: 'viewport' | 'world';
+    /**
+     * Awareness state field carrying world coords `{x, y}` per peer. Only used
+     * in `coords="world"` mode. Defaults to `'cursor-pos'` to match the
+     * playground's map page broadcast.
+     */
+    worldChannel?: string;
+    /**
+     * Project a peer's world coordinates into local viewport CSS pixels.
+     * Required when `coords="world"`. Return `null` to drop a peer (e.g.
+     * because the point falls outside the visible region or the local
+     * camera isn't ready yet).
+     */
+    toScreen?: (worldX: number, worldY: number) => {
+        x: number;
+        y: number;
+    } | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    coords: "viewport" | "world";
+    worldChannel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;