@abraca/nuxt 0.2.0 → 1.5.0

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

@@ -0,0 +1,111 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+import type { DocPageMeta } from '../../types.js';
+export interface PermissionEntry {
+    userId: string;
+    username: string;
+    displayName: string | null;
+    role: 'owner' | 'editor' | 'viewer' | 'observer';
+    source: 'direct' | 'inherited';
+    inheritedFromDocId?: string;
+}
+export interface OnlineUser {
+    publicKey: string;
+    name: string;
+    color?: string;
+}
+type __VLS_Props = {
+    docId: string;
+    /** Current user's effective role */
+    effectiveRole?: string | null;
+    /** Current user's display name */
+    userName?: string;
+    /** Current user's avatar style (CSS string) */
+    userAvatarStyle?: string;
+    /** Whether current user is an owner */
+    isOwner?: boolean;
+    /** All permission entries */
+    permissions?: PermissionEntry[];
+    /** Whether permissions are loading */
+    loadingPermissions?: boolean;
+    /** Server default role */
+    defaultRole?: string;
+    /** Inherited-from doc label */
+    inheritedFromLabel?: string | null;
+    /** Online users not yet in permission list */
+    onlineNotGranted?: OnlineUser[];
+    /** Sync status icon name */
+    syncStatusIcon?: string;
+    /** Sync status color class */
+    syncStatusColor?: string;
+    /** Sync status label */
+    syncStatusLabel?: string;
+    /** Whether currently syncing this doc */
+    isSyncing?: boolean;
+    /** Last synced time (formatted) */
+    lastSyncedLabel?: string | null;
+    /** Sync error text */
+    syncError?: string | null;
+    /** Document type key (e.g. 'doc', 'kanban') for showing metaSchema form */
+    docTypeKey?: string;
+    /** Current document meta (CRDT state) */
+    docMeta?: DocPageMeta | null;
+};
+declare var __VLS_223: {}, __VLS_258: {};
+type __VLS_Slots = {} & {
+    encryption?: (props: typeof __VLS_223) => any;
+} & {
+    extra?: (props: typeof __VLS_258) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update-meta": (patch: Partial<DocPageMeta>) => any;
+    "grant-permission": (userId: string, role: string) => any;
+    "change-role": (userId: string, role: string) => any;
+    "revoke-permission": (userId: string) => any;
+    "create-invite": (options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any;
+    "sync-doc": () => any;
+    "open-encryption": () => any;
+    "user-context-menu": (perm: PermissionEntry, items: DropdownMenuItem[][]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-meta"?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    "onGrant-permission"?: ((userId: string, role: string) => any) | undefined;
+    "onChange-role"?: ((userId: string, role: string) => any) | undefined;
+    "onRevoke-permission"?: ((userId: string) => any) | undefined;
+    "onCreate-invite"?: ((options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any) | undefined;
+    "onSync-doc"?: (() => any) | undefined;
+    "onOpen-encryption"?: (() => any) | undefined;
+    "onUser-context-menu"?: ((perm: PermissionEntry, items: DropdownMenuItem[][]) => any) | undefined;
+}>, {
+    userName: string;
+    docMeta: DocPageMeta | null;
+    userAvatarStyle: string;
+    effectiveRole: string | null;
+    isSyncing: boolean;
+    isOwner: boolean;
+    permissions: PermissionEntry[];
+    loadingPermissions: boolean;
+    defaultRole: string;
+    inheritedFromLabel: string | null;
+    onlineNotGranted: OnlineUser[];
+    syncStatusIcon: string;
+    syncStatusColor: string;
+    syncStatusLabel: string;
+    lastSyncedLabel: string | null;
+    syncError: string | null;
+    docTypeKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+export interface FavoriteItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+type __VLS_Props = {
+    /** Ordered favorite items to display */
+    items: FavoriteItem[];
+    /** Currently active document ID (for highlighting) */
+    activeId?: string | null;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (id: string) => any;
+    remove: (id: string) => any;
+    reorder: (fromIndex: number, toIndex: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onRemove?: ((id: string) => any) | undefined;
+    onReorder?: ((fromIndex: number, toIndex: number) => any) | undefined;
+}>, {
+    collapsed: boolean;
+    activeId: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,83 @@
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  items: { type: Array, required: true },
+  activeId: { type: [String, null], required: false, default: null },
+  collapsed: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["select", "remove", "reorder"]);
+const dragIndex = ref(null);
+const dropIndex = ref(null);
+function onDragStart(e, index) {
+  dragIndex.value = index;
+  e.dataTransfer.effectAllowed = "move";
+  e.dataTransfer.setData("text/plain", props.items[index].id);
+}
+function onDragOver(e, index) {
+  e.preventDefault();
+  e.dataTransfer.dropEffect = "move";
+  dropIndex.value = index;
+}
+function onDrop(e, index) {
+  e.preventDefault();
+  if (dragIndex.value !== null && dragIndex.value !== index) {
+    emit("reorder", dragIndex.value, index);
+  }
+  dragIndex.value = null;
+  dropIndex.value = null;
+}
+function onDragEnd() {
+  dragIndex.value = null;
+  dropIndex.value = null;
+}
+</script>
+
+<template>
+  <div
+    v-if="items.length > 0"
+    class="py-2 space-y-0.5"
+  >
+    <p
+      v-if="!collapsed"
+      class="px-2 pb-1 text-[10px] font-semibold uppercase tracking-wider text-(--ui-text-dimmed)"
+    >
+      Favorites
+    </p>
+
+    <div
+      v-for="(item, index) in items"
+      :key="item.id"
+      class="group flex items-center gap-1.5 px-2 py-1 rounded-md cursor-pointer transition-colors"
+      :class="[
+  item.id === activeId ? 'bg-(--ui-bg-elevated) text-(--ui-text-highlighted)' : 'text-(--ui-text-muted) hover:bg-(--ui-bg-elevated)/50 hover:text-(--ui-text)',
+  dropIndex === index && dragIndex !== index ? 'ring-1 ring-(--ui-color-primary-500)' : ''
+]"
+      draggable="true"
+      @click="emit('select', item.id)"
+      @dragstart="onDragStart($event, index)"
+      @dragover="onDragOver($event, index)"
+      @drop="onDrop($event, index)"
+      @dragend="onDragEnd"
+    >
+      <UIcon
+        :name="item.icon || 'i-lucide-file'"
+        class="size-3.5 shrink-0 opacity-60"
+      />
+      <span
+        v-if="!collapsed"
+        class="truncate flex-1 text-sm"
+      >
+        {{ item.label || "Untitled" }}
+      </span>
+      <UButton
+        v-if="!collapsed"
+        icon="i-lucide-star-off"
+        size="xs"
+        color="neutral"
+        variant="ghost"
+        class="opacity-0 group-hover:opacity-100 shrink-0 -mr-1"
+        @click.stop="emit('remove', item.id)"
+      />
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,27 @@
+export interface FavoriteItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+type __VLS_Props = {
+    /** Ordered favorite items to display */
+    items: FavoriteItem[];
+    /** Currently active document ID (for highlighting) */
+    activeId?: string | null;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (id: string) => any;
+    remove: (id: string) => any;
+    reorder: (fromIndex: number, toIndex: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onRemove?: ((id: string) => any) | undefined;
+    onReorder?: ((fromIndex: number, toIndex: number) => any) | undefined;
+}>, {
+    collapsed: boolean;
+    activeId: string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,17 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    items: DropdownMenuItem[][];
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,14 @@
+<script setup>
+defineProps({
+  items: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <UContextMenu
+    :items="items"
+    @contextmenu.stop
+  >
+    <slot />
+  </UContextMenu>
+</template>

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

@@ -0,0 +1,17 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    items: DropdownMenuItem[][];
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,54 @@
+type __VLS_Props = {
+    /** Whether the sidebar is open (mobile breakpoint) */
+    open?: boolean;
+    /** Whether the sidebar is collapsed (desktop icon-only mode) */
+    collapsed?: boolean;
+    /** Width in pixels when expanded */
+    width?: number;
+    /** Width in pixels when collapsed */
+    collapsedWidth?: number;
+};
+declare function toggleCollapse(): void;
+declare var __VLS_13: {
+    collapsed: boolean;
+    toggleCollapse: typeof toggleCollapse;
+}, __VLS_15: {
+    collapsed: boolean;
+}, __VLS_17: {
+    collapsed: boolean;
+}, __VLS_19: {
+    collapsed: boolean;
+}, __VLS_21: {
+    collapsed: boolean;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_13) => any;
+} & {
+    spaces?: (props: typeof __VLS_15) => any;
+} & {
+    tree?: (props: typeof __VLS_17) => any;
+} & {
+    favorites?: (props: typeof __VLS_19) => any;
+} & {
+    footer?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: number;
+    open: boolean;
+    collapsed: boolean;
+    collapsedWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,92 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  open: { type: Boolean, required: false, default: true },
+  collapsed: { type: Boolean, required: false, default: false },
+  width: { type: Number, required: false, default: 260 },
+  collapsedWidth: { type: Number, required: false, default: 52 }
+});
+const emit = defineEmits(["update:open", "update:collapsed"]);
+const currentWidth = computed(
+  () => props.collapsed ? props.collapsedWidth : props.width
+);
+function toggleCollapse() {
+  emit("update:collapsed", !props.collapsed);
+}
+function close() {
+  emit("update:open", false);
+}
+</script>
+
+<template>
+  <!-- Mobile overlay -->
+  <Teleport to="body">
+    <Transition name="sidebar-overlay">
+      <div
+        v-if="open && !collapsed"
+        class="fixed inset-0 z-40 bg-black/30 backdrop-blur-sm lg:hidden"
+        @click="close"
+      />
+    </Transition>
+  </Teleport>
+
+  <aside
+    class="flex flex-col h-full bg-(--ui-bg) border-r border-(--ui-border) transition-[width] duration-200 ease-out shrink-0 overflow-hidden z-50"
+    :class="[
+  open ? 'translate-x-0' : '-translate-x-full lg:translate-x-0',
+  'fixed lg:relative inset-y-0 left-0'
+]"
+    :style="{ width: `${currentWidth}px` }"
+  >
+    <!-- Header slot: logo, sidebar toggle, space switcher -->
+    <div class="shrink-0 px-2 pt-2 pb-1">
+      <slot
+        name="header"
+        :collapsed="collapsed"
+        :toggle-collapse="toggleCollapse"
+      />
+    </div>
+
+    <!-- Spaces slot: space switcher or space list -->
+    <div
+      v-if="$slots.spaces"
+      class="shrink-0 px-2 pb-1"
+    >
+      <slot
+        name="spaces"
+        :collapsed="collapsed"
+      />
+    </div>
+
+    <!-- Tree slot: document tree (scrollable main area) -->
+    <div class="flex-1 overflow-y-auto overflow-x-hidden px-2">
+      <slot
+        name="tree"
+        :collapsed="collapsed"
+      />
+    </div>
+
+    <!-- Favorites slot: pinned documents -->
+    <div
+      v-if="$slots.favorites"
+      class="shrink-0 px-2 border-t border-(--ui-border)"
+    >
+      <slot
+        name="favorites"
+        :collapsed="collapsed"
+      />
+    </div>
+
+    <!-- Footer slot: sync status, user menu, etc. -->
+    <div class="shrink-0 px-2 pb-2 pt-1 border-t border-(--ui-border)">
+      <slot
+        name="footer"
+        :collapsed="collapsed"
+      />
+    </div>
+  </aside>
+</template>
+
+<style scoped>
+.sidebar-overlay-enter-active,.sidebar-overlay-leave-active{transition:opacity .2s ease}.sidebar-overlay-enter-from,.sidebar-overlay-leave-to{opacity:0}
+</style>

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

@@ -0,0 +1,54 @@
+type __VLS_Props = {
+    /** Whether the sidebar is open (mobile breakpoint) */
+    open?: boolean;
+    /** Whether the sidebar is collapsed (desktop icon-only mode) */
+    collapsed?: boolean;
+    /** Width in pixels when expanded */
+    width?: number;
+    /** Width in pixels when collapsed */
+    collapsedWidth?: number;
+};
+declare function toggleCollapse(): void;
+declare var __VLS_13: {
+    collapsed: boolean;
+    toggleCollapse: typeof toggleCollapse;
+}, __VLS_15: {
+    collapsed: boolean;
+}, __VLS_17: {
+    collapsed: boolean;
+}, __VLS_19: {
+    collapsed: boolean;
+}, __VLS_21: {
+    collapsed: boolean;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_13) => any;
+} & {
+    spaces?: (props: typeof __VLS_15) => any;
+} & {
+    tree?: (props: typeof __VLS_17) => any;
+} & {
+    favorites?: (props: typeof __VLS_19) => any;
+} & {
+    footer?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    width: number;
+    open: boolean;
+    collapsed: boolean;
+    collapsedWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    toggleSidebar?: () => void;
+    sidebarOpen?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+<script setup>
+defineProps({
+  toggleSidebar: { type: Function, required: false },
+  sidebarOpen: { type: Boolean, required: false }
+});
+</script>
+
+<template>
+  <UTooltip text="Toggle sidebar">
+    <UButton
+      color="neutral"
+      variant="ghost"
+      class="lg:hidden p-0"
+      aria-label="Toggle sidebar"
+      @click="toggleSidebar?.()"
+    >
+      <UIcon
+        name="i-lucide-panel-left"
+        class="size-5"
+      />
+    </UButton>
+  </UTooltip>
+</template>

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    toggleSidebar?: () => void;
+    sidebarOpen?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+export interface SpaceItem {
+    id: string;
+    label: string;
+    icon?: string;
+    docId?: string;
+    /** Server URL this space belongs to (null = local) */
+    serverUrl?: string | null;
+    isActive?: boolean;
+}
+type __VLS_Props = {
+    /** All available spaces */
+    spaces: SpaceItem[];
+    /** Currently active space */
+    currentSpace?: SpaceItem | null;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+    /** Extra menu items appended after space list */
+    extraItems?: DropdownMenuItem[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    switch: (space: SpaceItem) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSwitch?: ((space: SpaceItem) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    collapsed: boolean;
+    currentSpace: SpaceItem | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,63 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  spaces: { type: Array, required: true },
+  currentSpace: { type: [Object, null], required: false, default: null },
+  collapsed: { type: Boolean, required: false, default: false },
+  extraItems: { type: Array, required: false }
+});
+const emit = defineEmits(["switch", "create"]);
+const items = computed(() => {
+  const spaceGroup = props.spaces.map((space) => ({
+    label: space.label,
+    icon: space.icon || (space.serverUrl ? "i-lucide-cloud" : "i-lucide-hard-drive"),
+    active: space.id === props.currentSpace?.id,
+    onSelect: () => emit("switch", space)
+  }));
+  const actionGroup = [
+    {
+      label: "Create space",
+      icon: "i-lucide-plus",
+      onSelect: () => emit("create")
+    }
+  ];
+  return [spaceGroup, ...props.extraItems ?? [], actionGroup];
+});
+</script>
+
+<template>
+  <UDropdownMenu
+    :items="items"
+    :content="{ align: 'start', sideOffset: 4 }"
+  >
+    <UButton
+      color="neutral"
+      variant="ghost"
+      block
+      class="justify-start"
+      :class="collapsed ? 'px-0 justify-center' : ''"
+    >
+      <template #leading>
+        <UIcon
+          :name="currentSpace?.icon || 'i-lucide-layout-grid'"
+          class="size-4 shrink-0"
+        />
+      </template>
+      <span
+        v-if="!collapsed"
+        class="truncate flex-1 text-left"
+      >
+        {{ currentSpace?.label || "Select space" }}
+      </span>
+      <template
+        v-if="!collapsed"
+        #trailing
+      >
+        <UIcon
+          name="i-lucide-chevrons-up-down"
+          class="size-3.5 opacity-50"
+        />
+      </template>
+    </UButton>
+  </UDropdownMenu>
+</template>

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

@@ -0,0 +1,32 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+export interface SpaceItem {
+    id: string;
+    label: string;
+    icon?: string;
+    docId?: string;
+    /** Server URL this space belongs to (null = local) */
+    serverUrl?: string | null;
+    isActive?: boolean;
+}
+type __VLS_Props = {
+    /** All available spaces */
+    spaces: SpaceItem[];
+    /** Currently active space */
+    currentSpace?: SpaceItem | null;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+    /** Extra menu items appended after space list */
+    extraItems?: DropdownMenuItem[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    switch: (space: SpaceItem) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSwitch?: ((space: SpaceItem) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    collapsed: boolean;
+    currentSpace: SpaceItem | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;