@abraca/nuxt 2.0.0 → 2.0.3

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_9: string, __VLS_10: any, __VLS_27: string, __VLS_28: any;
@@ -13,6 +14,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/AButton.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   fieldKey: { type: String, required: true },
   max: { type: Number, required: false, default: 3 }
 });
-const { hoverers, focusers, pressers, isPressed, handlers } = useAAField(() => props.fieldKey);
+const { hoverers, focusers, pressers, isPressed, localPress, handlers } = useAAField(() => props.fieldKey);
 const ringStyle = computed(() => awareRingStyle({
   hover: hoverers.value[0]?.user?.color,
   focus: focusers.value[0]?.user?.color,
@@ -31,7 +31,7 @@ const overlayPeers = computed(() => {
   return out;
 });
 const pulseKey = ref(0);
-watch(isPressed, (val, prev) => {
+watch(localPress, (val, prev) => {
   if (val && !prev) pulseKey.value++;
 });
 const pulseColor = computed(
@@ -72,5 +72,5 @@ const pulseColor = computed(
 </template>
 
 <style scoped>
-.aa-host{border-radius:var(--ui-radius,.375rem);position:relative;transition:filter .12s ease,box-shadow .1s ease}.aa-host--inline{display:inline-flex}.aa-host--pressed{filter:brightness(.88)}.aa-press-pulse{animation:aa-press-pulse .26s ease-out forwards;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes aa-press-pulse{0%{box-shadow:0 0 0 0 var(--aa-pulse-color);opacity:.45}to{box-shadow:0 0 0 12px var(--aa-pulse-color);opacity:0}}.aa-overlay{display:flex;pointer-events:none;position:absolute;right:0;top:-.625rem;z-index:10}.aa-overlay>*+*{margin-left:-.25rem}.aa-peer-enter-active,.aa-peer-leave-active{transition:opacity .15s ease}.aa-peer-enter-from,.aa-peer-leave-to{opacity:0}
+.aa-host{border-radius:var(--ui-radius,.375rem);position:relative;transition:filter var(--aa-state-fade-filter),box-shadow var(--aa-state-fade-shadow)}.aa-host--inline{display:inline-flex}.aa-host--pressed{filter:brightness(.88)}.aa-press-pulse{animation:aa-press-pulse var(--aa-pulse-duration) var(--aa-pulse-easing) forwards;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes aa-press-pulse{0%{box-shadow:0 0 0 0 var(--aa-pulse-color);opacity:var(--aa-pulse-opacity-start-button)}to{box-shadow:0 0 0 var(--aa-pulse-radius-button) var(--aa-pulse-color);opacity:0}}.aa-overlay{display:flex;pointer-events:none;position:absolute;right:0;top:-.625rem;z-index:10}.aa-overlay>*+*{margin-left:-.25rem}.aa-peer-enter-active,.aa-peer-leave-active{transition:opacity var(--aa-peer-fade-duration) var(--aa-peer-fade-easing)}.aa-peer-enter-from,.aa-peer-leave-to{opacity:0}
 </style>

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_10: string, __VLS_11: any, __VLS_22: string, __VLS_23: any;
@@ -13,6 +14,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/ACollapsible.vue

@@ -1,14 +1,17 @@
 <script setup>
 import { computed, ref, useAttrs, watch } from "vue";
 import { useAAUIState } from "../../composables/useAAUIState";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
-const enableLive = computed(() => props.live || props.total);
+const { isFollowing } = useAAFollowPeer();
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const attrs = useAttrs();
 const liveOpen = useAAUIState(() => `${props.fieldKey}:open`, { defaultValue: false });
 const hasExternalOpen = computed(() => "open" in attrs || "onUpdate:open" in attrs);
@@ -22,6 +25,11 @@ watch(local, (val) => {
   if (!enableLive.value) return;
   if (!!liveOpen.value !== val) liveOpen.value = val;
 });
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  const incoming = !!liveOpen.value;
+  if (local.value !== incoming) local.value = incoming;
+});
 </script>
 
 <template>

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_10: string, __VLS_11: any, __VLS_22: string, __VLS_23: any;
@@ -13,6 +14,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/AGlobalFocusLayer.vue

@@ -73,7 +73,7 @@ function nameFor(p) {
 }"
       />
       <span
-        v-if="p.rects.length"
+        v-if="p.rects[0]"
         class="aa-global-focus-layer__flag"
         :style="{
   top: p.rects[0].top + 'px',

package/dist/runtime/components/aware/AHoverItem.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   showFlag: { type: Boolean, required: false, default: true },
   tinted: { type: Boolean, required: false, default: true }
 });
-const { hoverers, focusers, pressers, isPressed, onMouseenter, onMouseleave, onMousedown, onMouseup } = useAAField(() => props.fieldKey);
+const { hoverers, focusers, pressers, localPress, onMouseenter, onMouseleave, onMousedown, onMouseup } = useAAField(() => props.fieldKey);
 const wrapperRef = ref(null);
 const rowEl = ref(null);
 const ROW_SELECTOR = [
@@ -23,6 +23,20 @@ const ROW_SELECTOR = [
   ".aa-row-target"
 ].join(", ");
 let savedStyle = { background: "", boxShadow: "", position: "" };
+let kbHighlighted = false;
+let kbObserver = null;
+function isKeyboardHighlighted(row) {
+  return row.hasAttribute("data-highlighted") || row.getAttribute("data-state") === "checked" || row.getAttribute("aria-selected") === "true";
+}
+function syncKeyboardHighlight() {
+  const row = rowEl.value;
+  if (!row) return;
+  const next = isKeyboardHighlighted(row);
+  if (next === kbHighlighted) return;
+  kbHighlighted = next;
+  if (next) onMouseenter();
+  else onMouseleave();
+}
 function attachToRow() {
   const wrapper = wrapperRef.value;
   if (!wrapper) return;
@@ -39,6 +53,13 @@ function attachToRow() {
   row.addEventListener("mouseleave", onMouseleave);
   row.addEventListener("mousedown", onMousedown);
   row.addEventListener("mouseup", onMouseup);
+  kbObserver?.disconnect();
+  kbObserver = new MutationObserver(syncKeyboardHighlight);
+  kbObserver.observe(row, {
+    attributes: true,
+    attributeFilter: ["data-highlighted", "data-state", "aria-selected"]
+  });
+  syncKeyboardHighlight();
 }
 function detachFromRow() {
   const row = rowEl.value;
@@ -49,6 +70,10 @@ function detachFromRow() {
   row.removeEventListener("mouseup", onMouseup);
   row.style.backgroundColor = savedStyle.background;
   row.style.boxShadow = savedStyle.boxShadow;
+  if (kbHighlighted) onMouseleave();
+  kbHighlighted = false;
+  kbObserver?.disconnect();
+  kbObserver = null;
   rowEl.value = null;
 }
 onMounted(attachToRow);
@@ -90,7 +115,7 @@ const flagPeer = computed(
   () => pressers.value[0] ?? focusers.value[0] ?? hoverers.value[0]
 );
 const pulseKey = ref(0);
-watch(isPressed, (val, prev) => {
+watch(localPress, (val, prev) => {
   if (val && !prev) pulseKey.value++;
 });
 const pulseColor = computed(() => pressers.value[0]?.user?.color ?? "currentColor");
@@ -120,5 +145,5 @@ const pulseColor = computed(() => pressers.value[0]?.user?.color ?? "currentColo
 </template>
 
 <style scoped>
-.aa-item{border-radius:inherit;display:contents;position:relative}.aa-item--inline{align-items:center;display:inline-flex}.aa-item__pulse{animation:aa-item-pulse .35s ease-out forwards;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes aa-item-pulse{0%{box-shadow:0 0 0 0 var(--aa-pulse-color);opacity:.5}to{box-shadow:0 0 0 14px var(--aa-pulse-color);opacity:0}}.aa-item__flag{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.55rem;font-weight:500;line-height:1;padding:.18rem .35rem;pointer-events:none;position:absolute;right:.25rem;top:-.55rem;white-space:nowrap;z-index:5}.aa-flag-enter-active,.aa-flag-leave-active{transition:opacity .12s ease,transform .12s ease}.aa-flag-enter-from,.aa-flag-leave-to{opacity:0;transform:translateY(2px)}
+.aa-item{border-radius:inherit;display:contents;position:relative}.aa-item--inline{align-items:center;display:inline-flex}.aa-item__pulse{animation:aa-item-pulse var(--aa-pulse-duration) var(--aa-pulse-easing) forwards;border-radius:inherit;inset:0;pointer-events:none;position:absolute}@keyframes aa-item-pulse{0%{box-shadow:0 0 0 0 var(--aa-pulse-color);opacity:var(--aa-pulse-opacity-start-item)}to{box-shadow:0 0 0 var(--aa-pulse-radius-item) var(--aa-pulse-color);opacity:0}}.aa-item__flag{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.55rem;font-weight:500;line-height:1;padding:.18rem .35rem;pointer-events:none;position:absolute;right:.25rem;top:-.55rem;white-space:nowrap;z-index:5}.aa-flag-enter-active,.aa-flag-leave-active{transition:opacity var(--aa-flag-fade-duration) var(--aa-flag-fade-easing),transform var(--aa-flag-fade-duration) var(--aa-flag-fade-easing)}.aa-flag-enter-from,.aa-flag-leave-to{opacity:0;transform:translateY(2px)}
 </style>

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;
-    controls: boolean;
     total: boolean;
+    controls: 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;
-    controls: boolean;
     total: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_31: string, __VLS_32: any;
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/AModal.vue

@@ -1,15 +1,18 @@
 <script setup>
 import { computed, ref, useAttrs, watch } from "vue";
 import { useAAUIState, useAAUIStateAuthor } from "../../composables/useAAUIState";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 import { useAwareness } from "../../composables/useAwareness";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
-const enableLive = computed(() => props.live || props.total);
+const { isFollowing } = useAAFollowPeer();
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const attrs = useAttrs();
 const liveOpen = useAAUIState(() => `${props.fieldKey}:open`, { defaultValue: false });
 const author = useAAUIStateAuthor(() => `${props.fieldKey}:open`);
@@ -25,6 +28,11 @@ watch(local, (val) => {
   if (!enableLive.value) return;
   if (!!liveOpen.value !== val) liveOpen.value = val;
 });
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  const incoming = !!liveOpen.value;
+  if (local.value !== incoming) local.value = incoming;
+});
 const openedByUser = computed(() => {
   if (!enableLive.value || !local.value || author.value == null) return null;
   const state = states.value.get(author.value);

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_31: string, __VLS_32: any;
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -65,5 +65,5 @@ onBeforeUnmount(() => {
 </template>
 
 <style scoped>
-.aa-presence-blobs{inset:0;isolation:isolate;mix-blend-mode:screen;pointer-events:none;position:fixed;z-index:0}.aa-presence-blobs__blob{border-radius:999px;filter:blur(60px);height:360px;opacity:.35;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:left .2s ease-out,top .2s ease-out;width:360px}@media (prefers-color-scheme:light){.aa-presence-blobs{mix-blend-mode:multiply}.aa-presence-blobs__blob{opacity:.22}}
+.aa-presence-blobs{inset:0;isolation:isolate;mix-blend-mode:screen;pointer-events:none;position:fixed;z-index:0}.aa-presence-blobs__blob{border-radius:999px;filter:blur(60px);height:360px;opacity:.35;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:left var(--aa-track-blob-duration) var(--aa-track-blob-easing),top var(--aa-track-blob-duration) var(--aa-track-blob-easing);width:360px}@media (prefers-color-scheme:light){.aa-presence-blobs{mix-blend-mode:multiply}.aa-presence-blobs__blob{opacity:.22}}
 </style>

package/dist/runtime/components/aware/APresenceCursors.vue

@@ -43,5 +43,5 @@ function nameFor(p) {
 </template>
 
 <style scoped>
-.aa-cursors-host{height:100%;position:relative;width:100%}.aa-cursors-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:50}.aa-cursor{align-items:flex-start;display:flex;gap:.15rem;position:absolute;transform:translate(-2px,-2px);transition:top 60ms linear,left 60ms linear}.aa-cursor__label{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.6875rem;font-weight:500;line-height:1;margin-left:-2px;margin-top:11px;padding:.2rem .4rem;white-space:nowrap}.aa-cursors-overflow{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:999px;bottom:.5rem;color:var(--ui-text-muted);font-size:.6875rem;padding:.15rem .45rem;position:absolute;right:.5rem}
+.aa-cursors-host{height:100%;position:relative;width:100%}.aa-cursors-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:50}.aa-cursor{align-items:flex-start;display:flex;gap:.15rem;position:absolute;transform:translate(-2px,-2px);transition:top var(--aa-track-cursor-duration) var(--aa-track-cursor-easing),left var(--aa-track-cursor-duration) var(--aa-track-cursor-easing)}.aa-cursor__label{border-radius:.25rem .25rem .25rem 0;box-shadow:0 1px 2px rgba(0,0,0,.18);color:#fff;font-size:.6875rem;font-weight:500;line-height:1;margin-left:-2px;margin-top:11px;padding:.2rem .4rem;white-space:nowrap}.aa-cursors-overflow{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:999px;bottom:.5rem;color:var(--ui-text-muted);font-size:.6875rem;padding:.15rem .45rem;position:absolute;right:.5rem}
 </style>

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     peers?: boolean;
     total?: boolean;
 };
@@ -13,6 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     peers: boolean;
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/AScroll.vue

@@ -3,17 +3,20 @@ import { computed, onBeforeUnmount, onMounted, ref, useAttrs, watch } from "vue"
 import { useAAField } from "../../composables/useAAField";
 import { useAAUIState } from "../../composables/useAAUIState";
 import { useAAEphemeral } from "../../composables/useAAEphemeral";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 import { awareRingStyle } from "../../utils/awareRingStyle";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   peers: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
+const { isFollowing } = useAAFollowPeer();
 const enableAwareness = computed(() => props.awareness || props.total);
-const enableLive = computed(() => props.live || props.total);
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const enablePeers = computed(() => props.peers || props.total);
 const { hoverers, focusers, pressers, isPressed, hoverHandlers } = useAAField(() => props.fieldKey);
 const ringStyle = computed(
@@ -40,8 +43,7 @@ function flush() {
 function onScroll() {
   if (!raf) raf = requestAnimationFrame(flush);
 }
-watch(liveScroll, (val) => {
-  if (!enableLive.value) return;
+function applyLiveScroll(val) {
   const el = elRef.value;
   if (!el || !val) return;
   if (Math.abs(el.scrollTop - val.y) < 2 && Math.abs(el.scrollLeft - val.x) < 2) return;
@@ -50,6 +52,14 @@ watch(liveScroll, (val) => {
   queueMicrotask(() => {
     suppress = false;
   });
+}
+watch(liveScroll, (val) => {
+  if (!enableLive.value) return;
+  applyLiveScroll(val);
+});
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  applyLiveScroll(liveScroll.value);
 });
 onMounted(() => {
   elRef.value?.addEventListener("scroll", onScroll, { passive: true });

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     peers?: boolean;
     total?: boolean;
 };
@@ -13,6 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     peers: boolean;
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_31: string, __VLS_32: any;
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/ASlideover.vue

@@ -1,15 +1,18 @@
 <script setup>
 import { computed, ref, useAttrs, watch } from "vue";
 import { useAAUIState, useAAUIStateAuthor } from "../../composables/useAAUIState";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 import { useAwareness } from "../../composables/useAwareness";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
-const enableLive = computed(() => props.live || props.total);
+const { isFollowing } = useAAFollowPeer();
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const attrs = useAttrs();
 const liveOpen = useAAUIState(() => `${props.fieldKey}:open`, { defaultValue: false });
 const author = useAAUIStateAuthor(() => `${props.fieldKey}:open`);
@@ -25,6 +28,11 @@ watch(local, (val) => {
   if (!enableLive.value) return;
   if (!!liveOpen.value !== val) liveOpen.value = val;
 });
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  const incoming = !!liveOpen.value;
+  if (local.value !== incoming) local.value = incoming;
+});
 const openedByUser = computed(() => {
   if (!enableLive.value || !local.value || author.value == null) return null;
   const state = states.value.get(author.value);

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     total?: boolean;
 };
 declare var __VLS_8: {}, __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_31: string, __VLS_32: any;
@@ -21,6 +22,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/ASlider.vue

@@ -26,6 +26,7 @@ const range = computed(() => Math.max(1e-4, props.max - props.min));
 function publishThumb(val) {
   if (!enablePeers.value || val == null) return;
   const single = Array.isArray(val) ? val[0] : val;
+  if (single == null) return;
   const norm = (single - props.min) / range.value;
   setThumb(Math.max(0, Math.min(1, norm)));
 }

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     peers?: boolean;
     total?: boolean;
 };
@@ -15,6 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     peers: boolean;
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/aware/ATabs.vue

@@ -3,6 +3,7 @@ import { computed, ref, useAttrs, watch } from "vue";
 import { useAAField } from "../../composables/useAAField";
 import { useAAUIState } from "../../composables/useAAUIState";
 import { useAAEphemeral } from "../../composables/useAAEphemeral";
+import { useAAFollowPeer } from "../../composables/useAAFollowPeer";
 import AHoverItem from "./AHoverItem.vue";
 function tabId(item) {
   if (item == null) return "";
@@ -19,11 +20,13 @@ const props = defineProps({
   fieldKey: { type: String, required: true },
   awareness: { type: Boolean, required: false, default: true },
   live: { type: Boolean, required: false, default: false },
+  followOnly: { type: Boolean, required: false, default: false },
   peers: { type: Boolean, required: false, default: false },
   total: { type: Boolean, required: false, default: false }
 });
+const { isFollowing } = useAAFollowPeer();
 const enableAwareness = computed(() => props.awareness || props.total);
-const enableLive = computed(() => props.live || props.total);
+const enableLive = computed(() => props.live || props.total || props.followOnly && isFollowing.value);
 const enablePeers = computed(() => props.peers || props.total);
 const attrs = useAttrs();
 const { hoverers, focusers, hoverHandlers } = useAAField(() => props.fieldKey);
@@ -42,6 +45,11 @@ watch(local, (val) => {
   if (enableLive.value && (liveActive.value || "") !== val) liveActive.value = val;
   if (enablePeers.value) setLocal(val || null);
 });
+watch(enableLive, (now, prev) => {
+  if (!now || prev) return;
+  const incoming = liveActive.value || "";
+  if (incoming && local.value !== incoming) local.value = incoming;
+});
 const ringStyle = computed(() => {
   if (!enableAwareness.value) return void 0;
   const focusColor = focusers.value[0]?.user?.color;

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

@@ -2,6 +2,7 @@ type __VLS_Props = {
     fieldKey: string;
     awareness?: boolean;
     live?: boolean;
+    followOnly?: boolean;
     peers?: boolean;
     total?: boolean;
 };
@@ -15,6 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     peers: boolean;
     awareness: boolean;
     live: boolean;
+    followOnly: boolean;
     total: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/chat/ANodeChatPanel.vue

@@ -20,6 +20,7 @@ const typingUsersAdapted = computed(
   () => (typingUsers.value || []).map((id) => ({
     userId: String(id),
     userName: String(id),
+    name: String(id),
     color: "#888"
   }))
 );

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

@@ -9,7 +9,7 @@
 import type { Editor } from '@tiptap/vue-3';
 type __VLS_Props = {
     editor: Editor | null | undefined;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -18,7 +18,7 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -9,7 +9,7 @@
 import type { Editor } from '@tiptap/vue-3';
 type __VLS_Props = {
     editor: Editor | null | undefined;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -18,7 +18,7 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -9,7 +9,7 @@
 import type { Editor } from '@tiptap/vue-3';
 type __VLS_Props = {
     editor: Editor | null | undefined;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -18,7 +18,7 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -9,7 +9,7 @@
 import type { Editor } from '@tiptap/vue-3';
 type __VLS_Props = {
     editor: Editor | null | undefined;
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
     color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
     icon?: string;
@@ -18,7 +18,7 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
     icon: string;
-    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    size: "xs" | "sm" | "md" | "lg" | "xl";
     variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
     tooltip: string | false;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.d.vue.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
-    prev: () => any;
     "update:viewMode": (mode: CalendarViewMode) => any;
+    prev: () => any;
+    next: () => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
-    onPrev?: (() => any) | undefined;
     "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;