@abraca/nuxt 0.2.0 → 1.5.0

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { useAAField } from "../../composables/useAAField";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true }
@@ -7,11 +8,11 @@ const props = defineProps({
 const { hoverers, focusers, handlers } = useAAField(props.fieldKey);
 const focusRingStyle = computed(() => {
   if (focusers.value.length) {
-    const color = focusers.value[0].user?.color;
+    const color = focusers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 2px ${color}`, borderRadius: "0.375rem" };
   }
   if (hoverers.value.length) {
-    const color = hoverers.value[0].user?.color;
+    const color = hoverers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 1px ${color}40`, borderRadius: "0.375rem" };
   }
   return {};
@@ -19,7 +20,11 @@ const focusRingStyle = computed(() => {
 </script>
 
 <template>
-  <div class="relative w-full" v-on="handlers" :style="focusRingStyle">
+  <div
+    class="relative w-full"
+    :style="focusRingStyle"
+    v-on="handlers"
+  >
     <UInput v-bind="$attrs" />
     <Transition name="aa-peer">
       <span

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { useAAField } from "../../composables/useAAField";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true }
@@ -7,11 +8,11 @@ const props = defineProps({
 const { hoverers, focusers, onMouseenter, onMouseleave, onFocus, onBlur } = useAAField(props.fieldKey);
 const focusRingStyle = computed(() => {
   if (focusers.value.length) {
-    const color = focusers.value[0].user?.color;
+    const color = focusers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 2px ${color}`, borderRadius: "0.375rem" };
   }
   if (hoverers.value.length) {
-    const color = hoverers.value[0].user?.color;
+    const color = hoverers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 1px ${color}40`, borderRadius: "0.375rem" };
   }
   return {};

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import { useAAField } from "../../composables/useAAField";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   fieldKey: { type: String, required: true }
@@ -7,11 +8,11 @@ const props = defineProps({
 const { hoverers, focusers, handlers } = useAAField(props.fieldKey);
 const focusRingStyle = computed(() => {
   if (focusers.value.length) {
-    const color = focusers.value[0].user?.color;
+    const color = focusers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 2px ${color}`, borderRadius: "0.375rem" };
   }
   if (hoverers.value.length) {
-    const color = hoverers.value[0].user?.color;
+    const color = hoverers.value[0]?.user?.color;
     if (color) return { boxShadow: `0 0 0 1px ${color}40`, borderRadius: "0.375rem" };
   }
   return {};
@@ -19,7 +20,11 @@ const focusRingStyle = computed(() => {
 </script>
 
 <template>
-  <div class="relative w-full" v-on="handlers" :style="focusRingStyle">
+  <div
+    class="relative w-full"
+    :style="focusRingStyle"
+    v-on="handlers"
+  >
     <UTextarea v-bind="$attrs" />
     <Transition name="aa-peer">
       <span

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

@@ -1,4 +1,6 @@
 <script setup>
+import { computed } from "vue";
+import { useAwarenessPeers } from "../../composables/useAwarenessPeers";
 const props = defineProps({
   docId: { type: String, required: false },
   showSelf: { type: Boolean, required: false, default: false },
@@ -19,7 +21,10 @@ function docContext(user) {
 <template>
   <div class="flex flex-col">
     <!-- Empty state -->
-    <p v-if="displayed.length === 0" class="text-sm text-muted text-center py-4">
+    <p
+      v-if="displayed.length === 0"
+      class="text-sm text-muted text-center py-4"
+    >
       {{ emptyLabel }}
     </p>
 
@@ -44,7 +49,10 @@ function docContext(user) {
             <p class="text-sm font-medium text-default truncate">
               {{ peer.user?.name || "Anonymous" }}
             </p>
-            <p v-if="docContext(peer)" class="text-xs text-muted truncate">
+            <p
+              v-if="docContext(peer)"
+              class="text-xs text-muted truncate"
+            >
               {{ docContext(peer) }}
             </p>
           </div>

package/dist/runtime/components/chat/AChatAgentStatus.d.vue.ts

@@ -0,0 +1,15 @@
+export interface AgentToolCall {
+    name: string;
+    target?: string;
+}
+export interface ActiveAgent {
+    name: string;
+    status?: 'thinking' | string | null;
+    activeToolCall?: AgentToolCall | null;
+}
+type __VLS_Props = {
+    agents: ActiveAgent[];
+};
+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/chat/AChatAgentStatus.vue

@@ -0,0 +1,95 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  agents: { type: Array, required: true }
+});
+const toolIcons = {
+  read_document: "i-lucide-file-text",
+  write_document: "i-lucide-pencil",
+  create_document: "i-lucide-plus",
+  find_document: "i-lucide-search",
+  list_documents: "i-lucide-list",
+  get_document_tree: "i-lucide-git-branch",
+  delete_document: "i-lucide-trash",
+  move_document: "i-lucide-move",
+  upload_file: "i-lucide-upload",
+  send_chat_message: "i-lucide-message-circle",
+  reply: "i-lucide-reply",
+  bash: "i-lucide-terminal",
+  read_file: "i-lucide-file-text",
+  edit_file: "i-lucide-pencil-line",
+  write_file: "i-lucide-file-plus",
+  grep: "i-lucide-text-search",
+  glob: "i-lucide-folder-search",
+  subagent: "i-lucide-bot",
+  web_fetch: "i-lucide-globe",
+  web_search: "i-lucide-search"
+};
+const toolLabels = {
+  read_document: "Reading document",
+  write_document: "Writing document",
+  create_document: "Creating document",
+  find_document: "Finding document",
+  list_documents: "Listing documents",
+  get_document_tree: "Reading document tree",
+  delete_document: "Deleting document",
+  move_document: "Moving document",
+  upload_file: "Uploading file",
+  send_chat_message: "Sending message",
+  reply: "Writing reply",
+  bash: "Running command",
+  read_file: "Reading file",
+  edit_file: "Editing file",
+  write_file: "Writing file",
+  grep: "Searching content",
+  glob: "Finding files",
+  subagent: "Running sub-agent",
+  web_fetch: "Fetching webpage",
+  web_search: "Searching web"
+};
+function toolCallLabel(name) {
+  return toolLabels[name] || name.replace(/_/g, " ");
+}
+function toolCallIcon(name) {
+  return toolIcons[name] || "i-lucide-wrench";
+}
+const showMultipleNames = computed(() => props.agents.length > 1);
+</script>
+
+<template>
+  <template
+    v-for="agent in agents"
+    :key="agent.name"
+  >
+    <div
+      v-if="agent.status === 'thinking'"
+      class="mt-3 ms-8.5"
+    >
+      <div class="flex items-center gap-2 text-sm text-(--ui-text-muted)">
+        <UIcon
+          name="i-lucide-brain"
+          class="size-4 animate-pulse"
+        />
+        <span>{{ showMultipleNames ? `${agent.name} is thinking...` : "Thinking..." }}</span>
+      </div>
+    </div>
+
+    <div
+      v-if="agent.activeToolCall"
+      class="mt-2 ms-8.5"
+    >
+      <div class="flex items-center gap-2 text-xs text-(--ui-text-muted) bg-(--ui-bg-elevated) rounded-lg px-3 py-2">
+        <UIcon
+          :name="toolCallIcon(agent.activeToolCall.name)"
+          class="size-3.5 shrink-0 animate-pulse"
+        />
+        <span class="truncate">
+          {{ showMultipleNames ? `${agent.name}: ` : "" }}{{ toolCallLabel(agent.activeToolCall.name) }}
+          <template v-if="agent.activeToolCall.target">
+            <span class="text-(--ui-text-dimmed)">({{ agent.activeToolCall.target.slice(0, 30) }}{{ agent.activeToolCall.target.length > 30 ? "..." : "" }})</span>
+          </template>
+        </span>
+      </div>
+    </div>
+  </template>
+</template>

package/dist/runtime/components/chat/AChatAgentStatus.vue.d.ts

@@ -0,0 +1,15 @@
+export interface AgentToolCall {
+    name: string;
+    target?: string;
+}
+export interface ActiveAgent {
+    name: string;
+    status?: 'thinking' | string | null;
+    activeToolCall?: AgentToolCall | null;
+}
+type __VLS_Props = {
+    agents: ActiveAgent[];
+};
+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/chat/AChatDocLink.d.vue.ts

@@ -0,0 +1,18 @@
+/**
+ * Document reference link card in chat messages.
+ *
+ * Ported from cou-sh/app/components/chat/ChatDocLink.vue.
+ */
+type __VLS_Props = {
+    docId: string;
+    label: string;
+    icon?: string;
+    isSelf?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (docId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((docId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+<script setup>
+defineProps({
+  docId: { type: String, required: true },
+  label: { type: String, required: true },
+  icon: { type: String, required: false },
+  isSelf: { type: Boolean, required: false }
+});
+const emit = defineEmits(["open"]);
+</script>
+
+<template>
+  <div class="rounded-lg overflow-hidden border-l-2 border-(--ui-color-primary-500) bg-(--ui-bg-muted) text-sm">
+    <div class="px-3 py-2 flex items-center gap-2">
+      <UIcon
+        :name="icon ?? 'i-lucide-file-text'"
+        class="size-4 shrink-0 text-(--ui-text-muted)"
+      />
+      <span class="flex-1 truncate text-(--ui-text-highlighted) font-medium text-xs">{{ label }}</span>
+      <UButton
+        size="xs"
+        variant="ghost"
+        color="neutral"
+        icon="i-lucide-arrow-up-right"
+        label="Open"
+        @click="emit('open', docId)"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/chat/AChatDocLink.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Document reference link card in chat messages.
+ *
+ * Ported from cou-sh/app/components/chat/ChatDocLink.vue.
+ */
+type __VLS_Props = {
+    docId: string;
+    label: string;
+    icon?: string;
+    isSelf?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (docId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((docId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/AChatDocQuote.d.vue.ts

@@ -0,0 +1,26 @@
+/**
+ * Quoted document text in chat messages.
+ *
+ * Ported from cou-sh/app/components/chat/ChatDocQuote.vue —
+ * jump/hover actions emitted for app to handle.
+ */
+type __VLS_Props = {
+    text: string;
+    docId: string;
+    from: number;
+    to: number;
+    label: string;
+    section?: string;
+    isSelf?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    jump: (docId: string, from: number, to: number) => any;
+    "hover-start": (docId: string, from: number, to: number) => any;
+    "hover-end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onJump?: ((docId: string, from: number, to: number) => any) | undefined;
+    "onHover-start"?: ((docId: string, from: number, to: number) => any) | undefined;
+    "onHover-end"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,47 @@
+<script setup>
+defineProps({
+  text: { type: String, required: true },
+  docId: { type: String, required: true },
+  from: { type: Number, required: true },
+  to: { type: Number, required: true },
+  label: { type: String, required: true },
+  section: { type: String, required: false },
+  isSelf: { type: Boolean, required: false }
+});
+const emit = defineEmits(["jump", "hover-start", "hover-end"]);
+</script>
+
+<template>
+  <div
+    class="rounded-lg overflow-hidden border-l-2 border-(--ui-color-primary-500) bg-(--ui-bg-muted) text-sm"
+    @mouseenter="emit('hover-start', docId, from, to)"
+    @mouseleave="emit('hover-end')"
+  >
+    <div class="px-3 pt-2 pb-1">
+      <div class="flex items-center gap-1.5 mb-1.5 text-xs text-(--ui-text-muted) font-medium">
+        <UIcon
+          name="i-lucide-file-text"
+          class="size-3 shrink-0"
+        />
+        <span class="truncate text-(--ui-text-highlighted)">{{ label }}</span>
+        <template v-if="section">
+          <span>·</span>
+          <span class="truncate text-(--ui-text-muted)">{{ section }}</span>
+        </template>
+      </div>
+      <p class="text-(--ui-text) italic line-clamp-4 whitespace-pre-wrap break-words">
+        "{{ text }}"
+      </p>
+    </div>
+    <div class="px-2 pb-1.5 flex justify-end">
+      <UButton
+        size="xs"
+        variant="ghost"
+        color="neutral"
+        icon="i-lucide-arrow-up-right"
+        label="Jump to passage"
+        @click="emit('jump', docId, from, to)"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/chat/AChatDocQuote.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Quoted document text in chat messages.
+ *
+ * Ported from cou-sh/app/components/chat/ChatDocQuote.vue —
+ * jump/hover actions emitted for app to handle.
+ */
+type __VLS_Props = {
+    text: string;
+    docId: string;
+    from: number;
+    to: number;
+    label: string;
+    section?: string;
+    isSelf?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    jump: (docId: string, from: number, to: number) => any;
+    "hover-start": (docId: string, from: number, to: number) => any;
+    "hover-end": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onJump?: ((docId: string, from: number, to: number) => any) | undefined;
+    "onHover-start"?: ((docId: string, from: number, to: number) => any) | undefined;
+    "onHover-end"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/AChatInput.d.vue.ts

@@ -0,0 +1,45 @@
+/**
+ * Chat message input with @mention autocomplete and document drop support.
+ *
+ * Ported from cou-sh/app/components/chat/ChatInput.vue — decoupled from
+ * useChat/useChatUsers/usePermissions. App provides handlers via emits.
+ */
+export interface ChatMentionUser {
+    id: string;
+    name: string;
+    isAgent?: boolean;
+}
+type __VLS_Props = {
+    /** Whether to auto-focus the input on mount */
+    autofocus?: boolean;
+    placeholder?: string;
+    /** Whether the user can send messages (false = read-only) */
+    canSend?: boolean;
+    /** Online users for @mention autocomplete */
+    mentionUsers?: ChatMentionUser[];
+};
+declare function focus(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    send: (content: string) => any;
+    typing: () => any;
+    "doc-drop": (payload: {
+        docId: string;
+        label: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSend?: ((content: string) => any) | undefined;
+    onTyping?: (() => any) | undefined;
+    "onDoc-drop"?: ((payload: {
+        docId: string;
+        label: string;
+    }) => any) | undefined;
+}>, {
+    placeholder: string;
+    autofocus: boolean;
+    canSend: boolean;
+    mentionUsers: ChatMentionUser[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;