@cou.sh/nuxt 1.0.1

package/dist/runtime/components/CommentThread.vue

@@ -0,0 +1,149 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  documentId: { type: String, required: true },
+  provider: { type: null, required: true }
+});
+const client = useCollabClient();
+const toast = useToast();
+const providerRef = computed(() => {
+  if (!props.provider) return null;
+  if ("value" in props.provider) return props.provider.value;
+  return props.provider;
+});
+const { threads, loading, createComment, refresh } = useLiveComments(
+  providerRef,
+  props.spaceId,
+  props.documentId
+);
+const input = ref("");
+const submitting = ref(false);
+async function onSubmit() {
+  if (!input.value.trim()) return;
+  submitting.value = true;
+  try {
+    await createComment(input.value.trim());
+    input.value = "";
+  } catch {
+    toast.add({ title: "Failed to post comment", color: "error" });
+  } finally {
+    submitting.value = false;
+  }
+}
+async function toggleResolve(thread) {
+  try {
+    await client.comments.resolve(
+      props.spaceId,
+      props.documentId,
+      thread.id,
+      !thread.resolved
+    );
+    await refresh();
+  } catch {
+    toast.add({ title: "Failed to update comment", color: "error" });
+  }
+}
+async function deleteComment(commentId) {
+  try {
+    await client.comments.delete(props.spaceId, props.documentId, commentId);
+    await refresh();
+  } catch {
+    toast.add({ title: "Failed to delete comment", color: "error" });
+  }
+}
+</script>
+
+<template>
+  <div class="flex flex-col h-full">
+    <div class="flex items-center justify-between px-3 py-2">
+      <span class="text-sm font-medium">Comments</span>
+      <UBadge v-if="threads.length > 0" :label="String(threads.length)" variant="subtle" size="xs" />
+    </div>
+
+    <div class="flex-1 overflow-y-auto">
+      <USkeleton v-if="loading" class="h-20 m-3" />
+
+      <UEmpty
+        v-else-if="threads.length === 0"
+        icon="i-lucide-message-circle"
+        title="No comments"
+        description="Start a conversation"
+        size="sm"
+      />
+
+      <div v-else class="divide-y divide-(--ui-border)">
+        <div
+          v-for="thread in threads"
+          :key="thread.id"
+          class="p-3 space-y-3"
+          :class="{ 'opacity-50': thread.resolved }"
+        >
+          <!-- Thread root -->
+          <div class="flex gap-2">
+            <UAvatar :alt="thread.authorName" size="xs" />
+            <div class="flex-1 min-w-0 space-y-1">
+              <div class="flex items-center gap-1.5">
+                <span class="text-xs font-medium">{{ thread.authorName }}</span>
+                <span class="text-xs text-(--ui-text-muted)">{{ new Date(thread.createdAt).toLocaleString() }}</span>
+              </div>
+
+              <div
+                v-if="thread.anchor"
+                class="px-2 py-0.5 text-xs bg-(--ui-bg-elevated) border-l-2 border-(--ui-border-accented) rounded-sm text-(--ui-text-muted)"
+              >
+                "{{ thread.anchor.text }}"
+              </div>
+
+              <p class="text-sm">{{ thread.content }}</p>
+
+              <div class="flex items-center gap-0.5">
+                <UDropdownMenu :items="[
+  [
+    { label: thread.resolved ? 'Unresolve' : 'Resolve', icon: thread.resolved ? 'i-lucide-circle' : 'i-lucide-circle-check', onSelect: () => toggleResolve(thread) }
+  ],
+  [
+    { label: 'Delete', icon: 'i-lucide-trash-2', color: 'error', onSelect: () => deleteComment(thread.id) }
+  ]
+]">
+                  <UButton icon="i-lucide-ellipsis" variant="ghost" color="neutral" size="2xs" />
+                </UDropdownMenu>
+
+                <UBadge v-if="thread.resolved" label="Resolved" color="success" variant="subtle" size="xs" />
+              </div>
+            </div>
+          </div>
+
+          <!-- Replies -->
+          <div
+            v-for="reply in thread.replies"
+            :key="reply.id"
+            class="flex gap-2 ml-7"
+          >
+            <UAvatar :alt="reply.authorName" size="2xs" />
+            <div class="flex-1 min-w-0 space-y-0.5">
+              <div class="flex items-center gap-1.5">
+                <span class="text-xs font-medium">{{ reply.authorName }}</span>
+                <span class="text-xs text-(--ui-text-muted)">{{ new Date(reply.createdAt).toLocaleString() }}</span>
+              </div>
+              <p class="text-sm">{{ reply.content }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Input -->
+    <div class="border-t border-(--ui-border)">
+      <UChatPrompt
+        v-model="input"
+        placeholder="Add a comment..."
+        variant="none"
+        :rows="1"
+        autoresize
+        @submit="onSubmit"
+      >
+        <UChatPromptSubmit :status="submitting ? 'submitted' : 'ready'" />
+      </UChatPrompt>
+    </div>
+  </div>
+</template>

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

@@ -0,0 +1,10 @@
+import type { ShallowRef } from "vue";
+import type { CollabProvider } from "@rgby/collab-core";
+type __VLS_Props = {
+    spaceId: string;
+    documentId: string;
+    provider: ShallowRef<CollabProvider | null> | CollabProvider | null;
+};
+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/ConnectionStatus.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** WebSocket connection status */
+    status: "disconnected" | "connecting" | "connected";
+    /** Whether document is synced with server */
+    synced: boolean;
+    /** Display variant */
+    variant?: "badge" | "chip" | "dot";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "badge" | "chip" | "dot";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ConnectionStatus.vue

@@ -0,0 +1,27 @@
+<script setup>
+const props = defineProps({
+  status: { type: String, required: true },
+  synced: { type: Boolean, required: true },
+  variant: { type: String, required: false, default: "badge" }
+});
+const statusRef = computed(() => props.status);
+const syncedRef = computed(() => props.synced);
+const { label, color, icon } = useCollabStatus(statusRef, syncedRef);
+</script>
+
+<template>
+  <UBadge v-if="variant === 'badge'" :color="color" variant="subtle" size="sm">
+    <UIcon :name="icon" class="size-3.5" />
+    {{ label }}
+  </UBadge>
+
+  <UChip v-else-if="variant === 'chip'" :color="color" size="md">
+    <UTooltip :text="label">
+      <UIcon :name="icon" class="size-4" />
+    </UTooltip>
+  </UChip>
+
+  <UTooltip v-else :text="label">
+    <UChip :color="color" standalone />
+  </UTooltip>
+</template>

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** WebSocket connection status */
+    status: "disconnected" | "connecting" | "connected";
+    /** Whether document is synced with server */
+    synced: boolean;
+    /** Display variant */
+    variant?: "badge" | "chip" | "dot";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "badge" | "chip" | "dot";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Current document ID */
+    documentId: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigate: (docId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((docId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DocumentBreadcrumb.vue

@@ -0,0 +1,38 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  documentId: { type: String, required: true }
+});
+const emit = defineEmits(["navigate"]);
+const client = useCollabClient();
+const ancestors = ref([]);
+const loading = ref(true);
+const breadcrumbItems = computed(() => {
+  const items = ancestors.value.map((doc) => ({
+    label: doc.name || "Untitled",
+    icon: "i-lucide-file-text",
+    click: () => emit("navigate", doc.id)
+  }));
+  return items;
+});
+async function loadAncestors() {
+  loading.value = true;
+  try {
+    ancestors.value = await client.documents.ancestors(props.spaceId, props.documentId);
+  } catch {
+    ancestors.value = [];
+  } finally {
+    loading.value = false;
+  }
+}
+watch(
+  () => [props.spaceId, props.documentId],
+  loadAncestors,
+  { immediate: true }
+);
+</script>
+
+<template>
+  <USkeleton v-if="loading" class="h-5 w-48" />
+  <UBreadcrumb v-else :items="breadcrumbItems" />
+</template>

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Current document ID */
+    documentId: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    navigate: (docId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onNavigate?: ((docId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,30 @@
+import type { Document } from "@rgby/collab-core";
+export interface DocumentCardAction {
+    label: string;
+    icon?: string;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+    onSelect?: () => void;
+}
+type __VLS_Props = {
+    /** Document object */
+    document: Document;
+    /** Space ID the document belongs to */
+    spaceId: string;
+    /** Custom actions for context menu */
+    actions?: DocumentCardAction[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (doc: Document) => any;
+    rename: (doc: Document) => any;
+    duplicate: (doc: Document) => any;
+    delete: (doc: Document) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((doc: Document) => any) | undefined;
+    onRename?: ((doc: Document) => any) | undefined;
+    onDuplicate?: ((doc: Document) => any) | undefined;
+    onDelete?: ((doc: Document) => any) | undefined;
+}>, {
+    actions: DocumentCardAction[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DocumentCard.vue

@@ -0,0 +1,88 @@
+<script setup>
+const props = defineProps({
+  document: { type: Object, required: true },
+  spaceId: { type: String, required: true },
+  actions: { type: Array, required: false, default: () => [] }
+});
+const emit = defineEmits(["open", "rename", "duplicate", "delete"]);
+const defaultActions = computed(() => [
+  [
+    {
+      label: "Open",
+      icon: "i-lucide-external-link",
+      onSelect: () => emit("open", props.document)
+    },
+    {
+      label: "Rename",
+      icon: "i-lucide-pencil",
+      onSelect: () => emit("rename", props.document)
+    },
+    {
+      label: "Duplicate",
+      icon: "i-lucide-copy",
+      onSelect: () => emit("duplicate", props.document)
+    }
+  ],
+  [
+    {
+      label: "Delete",
+      icon: "i-lucide-trash-2",
+      color: "error",
+      onSelect: () => emit("delete", props.document)
+    }
+  ]
+]);
+const menuItems = computed(() => {
+  if (props.actions.length > 0) {
+    return props.actions;
+  }
+  return defaultActions.value;
+});
+const timeAgo = computed(() => {
+  if (!props.document.updatedAt) return "";
+  const date = new Date(props.document.updatedAt);
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  const diffHours = Math.floor(diffMins / 60);
+  if (diffHours < 24) return `${diffHours}h ago`;
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffDays < 30) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+});
+</script>
+
+<template>
+  <UCard class="cursor-pointer" @click="emit('open', document)">
+    <template #header>
+      <div class="flex items-center justify-between">
+        <div class="flex items-center gap-2 min-w-0">
+          <UIcon name="i-lucide-file-text" class="size-4 shrink-0 text-(--ui-text-muted)" />
+          <span class="font-medium text-sm truncate">
+            {{ document.name || "Untitled" }}
+          </span>
+        </div>
+
+        <UDropdownMenu :items="menuItems">
+          <UButton
+            icon="i-lucide-ellipsis-vertical"
+            variant="ghost"
+            color="neutral"
+            size="xs"
+            @click.stop
+          />
+        </UDropdownMenu>
+      </div>
+    </template>
+
+    <div class="flex items-center justify-between text-xs text-(--ui-text-muted)">
+      <span v-if="timeAgo">{{ timeAgo }}</span>
+      <span v-if="document.childrenCount" class="flex items-center gap-1">
+        <UIcon name="i-lucide-folder" class="size-3" />
+        {{ document.childrenCount }}
+      </span>
+    </div>
+  </UCard>
+</template>

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

@@ -0,0 +1,30 @@
+import type { Document } from "@rgby/collab-core";
+export interface DocumentCardAction {
+    label: string;
+    icon?: string;
+    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+    onSelect?: () => void;
+}
+type __VLS_Props = {
+    /** Document object */
+    document: Document;
+    /** Space ID the document belongs to */
+    spaceId: string;
+    /** Custom actions for context menu */
+    actions?: DocumentCardAction[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (doc: Document) => any;
+    rename: (doc: Document) => any;
+    duplicate: (doc: Document) => any;
+    delete: (doc: Document) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((doc: Document) => any) | undefined;
+    onRename?: ((doc: Document) => any) | undefined;
+    onDuplicate?: ((doc: Document) => any) | undefined;
+    onDelete?: ((doc: Document) => any) | undefined;
+}>, {
+    actions: DocumentCardAction[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,22 @@
+import type { Document } from "@rgby/collab-core";
+type __VLS_Props = {
+    /** Optional space ID — searches across all spaces if omitted */
+    spaceId?: string;
+    /** Control open state */
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (doc: Document & {
+        spaceId: string;
+    }) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((doc: Document & {
+        spaceId: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    spaceId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/DocumentSearchPalette.vue

@@ -0,0 +1,99 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: false, default: void 0 },
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:open", "select"]);
+const client = useCollabClient();
+const isOpen = computed({
+  get: () => props.open,
+  set: (val) => emit("update:open", val)
+});
+const allDocs = ref([]);
+const loading = ref(false);
+const groups = computed(() => {
+  if (allDocs.value.length === 0) return [];
+  const bySpace = /* @__PURE__ */ new Map();
+  for (const doc of allDocs.value) {
+    const key = doc.spaceId;
+    if (!bySpace.has(key)) bySpace.set(key, []);
+    bySpace.get(key).push(doc);
+  }
+  return Array.from(bySpace.entries()).map(([spaceId, docs]) => ({
+    id: spaceId,
+    label: props.spaceId ? void 0 : spaceId,
+    items: docs.map((doc) => ({
+      label: doc.name || "Untitled",
+      icon: "i-lucide-file-text",
+      value: doc.id,
+      onSelect: () => {
+        emit("select", doc);
+        isOpen.value = false;
+      }
+    }))
+  }));
+});
+async function loadDocuments() {
+  loading.value = true;
+  try {
+    if (props.spaceId) {
+      const tree = await client.documents.tree(props.spaceId);
+      allDocs.value = flattenTree(tree, props.spaceId);
+    } else {
+      const spaces = await client.spaces.list();
+      const results = [];
+      for (const space of spaces) {
+        try {
+          const tree = await client.documents.tree(space.id);
+          results.push(...flattenTree(tree, space.id));
+        } catch {
+        }
+      }
+      allDocs.value = results;
+    }
+  } finally {
+    loading.value = false;
+  }
+}
+function flattenTree(nodes, spaceId) {
+  const result = [];
+  function walk(items) {
+    for (const item of items) {
+      result.push({ ...item, spaceId });
+      if (item.children?.length) walk(item.children);
+    }
+  }
+  walk(nodes);
+  return result;
+}
+function handleKeydown(e) {
+  if ((e.metaKey || e.ctrlKey) && e.key === "k") {
+    e.preventDefault();
+    isOpen.value = !isOpen.value;
+  }
+}
+watch(isOpen, (open) => {
+  if (open && allDocs.value.length === 0) loadDocuments();
+});
+onMounted(() => {
+  window.addEventListener("keydown", handleKeydown);
+});
+onUnmounted(() => {
+  window.removeEventListener("keydown", handleKeydown);
+});
+</script>
+
+<template>
+  <UModal v-model:open="isOpen" :ui="{ content: 'p-0' }">
+    <template #content>
+      <UCommandPalette
+        :groups="groups"
+        :loading="loading"
+        placeholder="Search documents..."
+        close
+        @update:open="isOpen = $event"
+        class="h-80"
+      />
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,22 @@
+import type { Document } from "@rgby/collab-core";
+type __VLS_Props = {
+    /** Optional space ID — searches across all spaces if omitted */
+    spaceId?: string;
+    /** Control open state */
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (doc: Document & {
+        spaceId: string;
+    }) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((doc: Document & {
+        spaceId: string;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    spaceId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+import type { Document, DocumentTreeNode } from "@rgby/collab-core";
+type __VLS_Props = {
+    /** Space ID to load document tree for (required in single-space mode) */
+    spaceId?: string;
+    /** Currently selected document ID */
+    selectedId?: string;
+    /** Allow editing (rename, delete, move) */
+    editable?: boolean;
+    /** Multi-space mode: loads all spaces as collapsible groups */
+    multiSpace?: boolean;
+};
+declare function refresh(): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    refresh: typeof refresh;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (doc: DocumentTreeNode) => any;
+    delete: (docId: string) => any;
+    selectSpace: (spaceId: string) => any;
+    move: (docId: string, parentId: string | null, position: number) => any;
+    create: (doc: Document) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((doc: DocumentTreeNode) => any) | undefined;
+    onDelete?: ((docId: string) => any) | undefined;
+    onSelectSpace?: ((spaceId: string) => any) | undefined;
+    onMove?: ((docId: string, parentId: string | null, position: number) => any) | undefined;
+    onCreate?: ((doc: Document) => any) | undefined;
+}>, {
+    editable: boolean;
+    multiSpace: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;