@abraca/nuxt 0.2.0 → 1.5.0

package/dist/runtime/components/settings/ASettingsSpacesPanel.vue

@@ -0,0 +1,195 @@
+<script setup>
+import { ref } from "vue";
+import { useSpaces } from "../../composables/useSpaces";
+const { spaces, spacesEnabled, currentSpace, create, remove, switchTo, loading, error } = useSpaces();
+const showCreateForm = ref(false);
+const newName = ref("");
+const newDescription = ref("");
+const newVisibility = ref("public");
+const creating = ref(false);
+const confirmDeleteId = ref(null);
+async function handleCreate() {
+  if (!newName.value.trim()) return;
+  creating.value = true;
+  try {
+    await create({
+      name: newName.value.trim(),
+      description: newDescription.value.trim() || void 0,
+      visibility: newVisibility.value
+    });
+    newName.value = "";
+    newDescription.value = "";
+    showCreateForm.value = false;
+  } finally {
+    creating.value = false;
+  }
+}
+async function handleDelete(id) {
+  if (confirmDeleteId.value !== id) {
+    confirmDeleteId.value = id;
+    setTimeout(() => {
+      confirmDeleteId.value = null;
+    }, 3e3);
+    return;
+  }
+  try {
+    await remove(id);
+    confirmDeleteId.value = null;
+  } catch {
+  }
+}
+</script>
+
+<template>
+  <div>
+    <div class="flex items-center justify-between mb-4">
+      <div>
+        <h3 class="text-base font-semibold">
+          Spaces
+        </h3>
+        <p class="text-sm text-(--ui-text-muted) mt-1">
+          Manage workspaces on this server.
+        </p>
+      </div>
+      <UButton
+        icon="i-lucide-plus"
+        label="New Space"
+        size="sm"
+        @click="showCreateForm = !showCreateForm"
+      />
+    </div>
+
+    <UAlert
+      v-if="!spacesEnabled"
+      color="info"
+      variant="soft"
+      icon="i-lucide-info"
+      title="Spaces not enabled"
+      description="This server does not support multiple spaces."
+      class="mb-4"
+    />
+
+    <UAlert
+      v-if="error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-triangle-alert"
+      :description="error"
+      class="mb-4"
+    />
+
+    <!-- Create form -->
+    <div
+      v-if="showCreateForm"
+      class="rounded-lg border border-(--ui-border) p-4 mb-4 space-y-3"
+    >
+      <UInput
+        v-model="newName"
+        placeholder="Space name"
+        autofocus
+        @keydown.enter="handleCreate"
+      />
+      <UTextarea
+        v-model="newDescription"
+        placeholder="Description (optional)"
+        :rows="2"
+      />
+      <div class="flex gap-2">
+        <UButton
+          label="Create"
+          icon="i-lucide-layers"
+          :loading="creating"
+          :disabled="!newName.trim()"
+          @click="handleCreate"
+        />
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="ghost"
+          @click="showCreateForm = false"
+        />
+      </div>
+    </div>
+
+    <!-- Space list -->
+    <div class="flex flex-col gap-1">
+      <div
+        v-for="space in spaces"
+        :key="space.doc_id"
+        class="flex items-center gap-3 p-3 rounded-lg border border-(--ui-border) hover:bg-(--ui-bg-elevated)/50 transition-colors"
+      >
+        <UIcon
+          name="i-lucide-layers"
+          class="size-5 text-(--ui-text-muted) shrink-0"
+        />
+        <div class="flex-1 min-w-0">
+          <p class="text-sm font-medium truncate">
+            {{ space.name }}
+          </p>
+          <p
+            v-if="space.description"
+            class="text-xs text-(--ui-text-muted) truncate"
+          >
+            {{ space.description }}
+          </p>
+        </div>
+        <UBadge
+          v-if="currentSpace?.doc_id === space.doc_id"
+          color="primary"
+          variant="subtle"
+          label="Active"
+          size="xs"
+        />
+        <UBadge
+          v-if="space.is_hub"
+          color="info"
+          variant="subtle"
+          label="Hub"
+          size="xs"
+        />
+        <UBadge
+          :color="space.visibility === 'private' ? 'neutral' : 'success'"
+          variant="subtle"
+          :label="space.visibility === 'private' ? 'Private' : 'Public'"
+          size="xs"
+        />
+        <div class="flex gap-1 shrink-0">
+          <UButton
+            v-if="currentSpace?.doc_id !== space.doc_id"
+            label="Switch"
+            size="xs"
+            color="neutral"
+            variant="outline"
+            @click="switchTo(space.doc_id)"
+          />
+          <UButton
+            v-if="!space.is_hub"
+            icon="i-lucide-trash-2"
+            size="xs"
+            :color="confirmDeleteId === space.doc_id ? 'error' : 'neutral'"
+            variant="ghost"
+            @click="handleDelete(space.doc_id)"
+          />
+        </div>
+      </div>
+
+      <div
+        v-if="spaces.length === 0 && !loading"
+        class="text-sm text-(--ui-text-muted) text-center py-8"
+      >
+        No spaces found.
+      </div>
+
+      <div
+        v-if="loading"
+        class="space-y-2"
+      >
+        <USkeleton
+          v-for="i in 3"
+          :key="i"
+          class="h-14 w-full"
+        />
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsSpacesPanel.vue.d.ts

@@ -0,0 +1,3 @@
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsTrashPanel.d.vue.ts

@@ -0,0 +1,3 @@
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/settings/ASettingsTrashPanel.vue

@@ -0,0 +1,135 @@
+<script setup>
+import { ref } from "vue";
+import { useTrash } from "../../composables/useTrash";
+const {
+  trashedItems,
+  trashedCount,
+  autoPurgeDays,
+  setAutoPurgeDays,
+  restoreFromTrash,
+  permanentlyDelete,
+  emptyTrash
+} = useTrash();
+const confirmEmptyAll = ref(false);
+function handleEmptyTrash() {
+  if (!confirmEmptyAll.value) {
+    confirmEmptyAll.value = true;
+    setTimeout(() => {
+      confirmEmptyAll.value = false;
+    }, 3e3);
+    return;
+  }
+  emptyTrash();
+  confirmEmptyAll.value = false;
+}
+function formatDate(ts) {
+  return new Date(ts).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+const purgeOptions = [
+  { value: 7, label: "7 days" },
+  { value: 14, label: "14 days" },
+  { value: 30, label: "30 days" },
+  { value: 90, label: "90 days" },
+  { value: 0, label: "Never" }
+];
+</script>
+
+<template>
+  <div>
+    <div class="flex items-center justify-between mb-4">
+      <div>
+        <h3 class="text-base font-semibold">
+          Trash
+        </h3>
+        <p class="text-sm text-(--ui-text-muted) mt-1">
+          {{ trashedCount }} item{{ trashedCount === 1 ? "" : "s" }} in trash.
+        </p>
+      </div>
+      <UButton
+        v-if="trashedCount > 0"
+        :label="confirmEmptyAll ? 'Confirm Empty' : 'Empty Trash'"
+        icon="i-lucide-trash-2"
+        :color="confirmEmptyAll ? 'error' : 'neutral'"
+        :variant="confirmEmptyAll ? 'solid' : 'outline'"
+        size="sm"
+        @click="handleEmptyTrash"
+      />
+    </div>
+
+    <!-- Auto-purge setting -->
+    <div class="rounded-lg border border-(--ui-border) p-4 mb-4">
+      <div class="flex items-center justify-between gap-4">
+        <div>
+          <p class="text-sm font-medium">
+            Auto-Purge
+          </p>
+          <p class="text-xs text-(--ui-text-muted) mt-0.5">
+            Permanently delete trashed items after this period.
+          </p>
+        </div>
+        <USelect
+          :model-value="autoPurgeDays"
+          :items="purgeOptions"
+          value-key="value"
+          size="sm"
+          @update:model-value="setAutoPurgeDays"
+        />
+      </div>
+    </div>
+
+    <!-- Trash items -->
+    <div class="flex flex-col gap-1">
+      <div
+        v-for="item in trashedItems"
+        :key="item.id"
+        class="flex items-center gap-3 p-3 rounded-lg border border-(--ui-border)"
+      >
+        <UIcon
+          :name="item.type === 'kanban' ? 'i-lucide-kanban' : item.type === 'table' ? 'i-lucide-table' : 'i-lucide-file-text'"
+          class="size-4 text-(--ui-text-muted) shrink-0"
+        />
+        <div class="flex-1 min-w-0">
+          <p class="text-sm font-medium truncate">
+            {{ item.label || "Untitled" }}
+          </p>
+          <p class="text-xs text-(--ui-text-muted)">
+            Deleted {{ formatDate(item.deletedAt) }}
+            <template v-if="item.deletedBy">
+              by {{ item.deletedBy }}
+            </template>
+          </p>
+        </div>
+        <div class="flex gap-1 shrink-0">
+          <UButton
+            icon="i-lucide-undo-2"
+            label="Restore"
+            size="xs"
+            color="neutral"
+            variant="outline"
+            @click="restoreFromTrash(item.id)"
+          />
+          <UButton
+            icon="i-lucide-trash-2"
+            size="xs"
+            color="error"
+            variant="ghost"
+            @click="permanentlyDelete(item.id)"
+          />
+        </div>
+      </div>
+
+      <div
+        v-if="trashedCount === 0"
+        class="flex flex-col items-center justify-center py-12"
+      >
+        <UIcon
+          name="i-lucide-trash-2"
+          class="size-10 text-(--ui-text-dimmed) mb-3"
+        />
+        <p class="text-sm text-(--ui-text-muted)">
+          Trash is empty.
+        </p>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/settings/ASettingsTrashPanel.vue.d.ts

@@ -0,0 +1,3 @@
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,30 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    nodeId: string;
+    nodeLabel: string;
+    /** Optional extra menu item groups prepended before the default actions */
+    extraItems?: DropdownMenuItem[][];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (id: string) => any;
+    rename: (id: string) => any;
+    duplicate: (id: string) => any;
+    "open-as-doc": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((id: string) => any) | undefined;
+    onRename?: ((id: string) => any) | undefined;
+    onDuplicate?: ((id: string) => any) | undefined;
+    "onOpen-as-doc"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/AChildContextMenu.vue

@@ -0,0 +1,48 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  nodeId: { type: String, required: true },
+  nodeLabel: { type: String, required: true },
+  extraItems: { type: Array, required: false }
+});
+const emit = defineEmits(["rename", "delete", "duplicate", "open-as-doc"]);
+const items = computed(() => {
+  const defaultItems = [
+    [
+      {
+        label: "Open",
+        icon: "i-lucide-external-link",
+        onSelect: () => emit("open-as-doc", props.nodeId)
+      },
+      {
+        label: "Rename",
+        icon: "i-lucide-pencil",
+        onSelect: () => emit("rename", props.nodeId)
+      },
+      {
+        label: "Duplicate",
+        icon: "i-lucide-copy",
+        onSelect: () => emit("duplicate", props.nodeId)
+      }
+    ],
+    [
+      {
+        label: "Delete",
+        icon: "i-lucide-trash-2",
+        color: "error",
+        onSelect: () => emit("delete", props.nodeId)
+      }
+    ]
+  ];
+  return [...props.extraItems ?? [], ...defaultItems];
+});
+</script>
+
+<template>
+  <UDropdownMenu
+    :items="items"
+    :content="{ align: 'start' }"
+  >
+    <slot />
+  </UDropdownMenu>
+</template>

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

@@ -0,0 +1,30 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    nodeId: string;
+    nodeLabel: string;
+    /** Optional extra menu item groups prepended before the default actions */
+    extraItems?: DropdownMenuItem[][];
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: (id: string) => any;
+    rename: (id: string) => any;
+    duplicate: (id: string) => any;
+    "open-as-doc": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((id: string) => any) | undefined;
+    onRename?: ((id: string) => any) | undefined;
+    onDuplicate?: ((id: string) => any) | undefined;
+    "onOpen-as-doc"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ACursorOverlay.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    cursors: Array<{
+        clientId: number;
+        x: number;
+        y: number;
+        state: any;
+    }>;
+};
+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/ACursorOverlay.vue

@@ -0,0 +1,55 @@
+<script setup>
+defineProps({
+  cursors: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <div
+    style="position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 50"
+  >
+    <TransitionGroup name="cursor">
+      <div
+        v-for="c in cursors"
+        :key="c.clientId"
+        :style="{
+  position: 'absolute',
+  left: c.x + '%',
+  top: c.y + '%',
+  willChange: 'left, top'
+}"
+      >
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M2 2L7 14L9 9L14 7L2 2Z"
+            :fill="c.state?.user?.color || 'var(--ui-color-neutral-400)'"
+          />
+        </svg>
+        <span
+          :style="{
+  position: 'absolute',
+  left: '14px',
+  top: '8px',
+  padding: '1px 5px',
+  borderRadius: '3px',
+  fontSize: '0.6rem',
+  fontWeight: '600',
+  color: '#000',
+  whiteSpace: 'nowrap',
+  background: c.state?.user?.color || 'var(--ui-color-neutral-400)'
+}"
+        >{{ c.state?.user?.name || "" }}</span>
+      </div>
+    </TransitionGroup>
+  </div>
+</template>
+
+<style scoped>
+.cursor-enter-active{transition:opacity .2s ease}.cursor-leave-active{transition:opacity .3s ease}.cursor-enter-from,.cursor-leave-to{opacity:0}
+</style>

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    cursors: Array<{
+        clientId: number;
+        x: number;
+        y: number;
+        state: any;
+    }>;
+};
+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/ADocDragGhost.d.vue.ts

@@ -0,0 +1,3 @@
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,58 @@
+<script setup>
+import { computed, watch, onUnmounted } from "vue";
+import { useDocDragBus } from "../../composables/useDocDragBus";
+const bus = useDocDragBus();
+const visible = computed(
+  () => bus.isDragging.value && bus.dragState.value?.source === "tree"
+);
+function onDocumentDragOver(e) {
+  if (bus.isDragging.value && bus.dragState.value?.source === "tree") {
+    e.preventDefault();
+    bus.updatePointer(e.clientX, e.clientY);
+  }
+}
+watch(visible, (show) => {
+  if (show) {
+    document.addEventListener("dragover", onDocumentDragOver);
+  } else {
+    document.removeEventListener("dragover", onDocumentDragOver);
+  }
+});
+onUnmounted(() => {
+  document.removeEventListener("dragover", onDocumentDragOver);
+});
+const count = computed(() => bus.dragState.value?.docIds.length ?? 0);
+</script>
+
+<template>
+  <Teleport to="body">
+    <Transition name="ghost">
+      <div
+        v-if="visible && bus.dragState.value"
+        class="fixed pointer-events-none z-[10000] flex items-center gap-1.5 rounded-(--ui-radius) bg-(--ui-bg-elevated) px-2.5 py-1.5 shadow-lg ring ring-(--ui-border) text-sm text-(--ui-text) max-w-64 truncate transition-[left,top] duration-75 ease-out"
+        :style="{
+  left: `${bus.dragState.value.pointer.x}px`,
+  top: `${bus.dragState.value.pointer.y}px`,
+  transform: 'translate(-16px, -50%)'
+}"
+      >
+        <UIcon
+          :name="bus.dragState.value.icons?.[0] ?? 'i-lucide-file'"
+          class="size-4 shrink-0 text-(--ui-text-muted)"
+        />
+        <span class="truncate">{{ bus.dragState.value.labels[0] || "Untitled" }}</span>
+        <UBadge
+          v-if="count > 1"
+          :label="`+${count - 1}`"
+          size="xs"
+          variant="subtle"
+          color="primary"
+        />
+      </div>
+    </Transition>
+  </Teleport>
+</template>
+
+<style scoped>
+.ghost-enter-active{transition:opacity .1s ease,transform .1s ease}.ghost-leave-active{transition:opacity .08s ease}.ghost-enter-from{opacity:0;transform:translate(-16px,-50%) scale(.95)}.ghost-leave-to{opacity:0}
+</style>

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

@@ -0,0 +1,3 @@
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;