cognova 0.2.12 → 0.2.14

package/.output/server/chunks/build/{chat-CR3JIVEq.mjs → chat-BphuYhvA.mjs}

@@ -1,13 +1,28 @@
 import { _ as _sfc_main$1$1, a as _sfc_main$6 } from './DashboardNavbar-Cpq8yKA0.mjs';
-import { Q as useRoute, A as useRouter, g as _sfc_main$d, _ as _sfc_main$8 } from './server.mjs';
-import { defineComponent, ref, watch, nextTick, computed, mergeProps, withCtx, unref, createVNode, createBlock, createCommentVNode, openBlock, Fragment, renderList, createTextVNode, readonly, useSSRContext } from 'vue';
-import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrInterpolate, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import { z as useRoute, Q as useRouter, g as _sfc_main$d, _ as _sfc_main$8, T as __nuxt_component_12, i as useToast } from './server.mjs';
+import { defineComponent, ref, watch, nextTick, computed, mergeProps, withCtx, unref, createVNode, createBlock, createCommentVNode, openBlock, Fragment, renderList, createTextVNode, readonly, isRef, toDisplayString, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrRenderClass, ssrInterpolate, ssrRenderAttr, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import { ag as formatRelativeTime } from '../nitro/nitro.mjs';
 import { _ as _sfc_main$7 } from './Badge-C1RKkIgG.mjs';
 import { _ as _sfc_main$9 } from './MDC-Dx0YPDhe.mjs';
+import { _ as _sfc_main$a } from './Modal-Z_SoWhh-.mjs';
 import './DashboardSidebarToggle-Chnqv04k.mjs';
 import '@vueuse/core';
 import './cookie-C_iulBi6.mjs';
-import '../nitro/nitro.mjs';
+import './ssr-Bqnw2a-w.mjs';
+import 'reka-ui';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
 import '@anthropic-ai/claude-agent-sdk';
 import 'module';
 import 'path';
@@ -46,20 +61,6 @@ import 'util';
 import 'node:url';
 import '@iconify/utils';
 import 'consola';
-import './ssr-Bqnw2a-w.mjs';
-import 'reka-ui';
-import 'vue-router';
-import 'tailwindcss/colors';
-import '@iconify/vue';
-import 'tailwind-variants';
-import '@iconify/utils/lib/css/icon';
-import 'perfect-debounce';
-import '../routes/renderer.mjs';
-import 'vue-bundle-renderer/runtime';
-import 'unhead/server';
-import 'devalue';
-import 'unhead/plugins';
-import 'unhead/utils';
 import 'property-information';
 import './node-D32ZN4X1.mjs';
 
@@ -73,15 +74,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: ["select", "delete", "new"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    function formatDate(date) {
-      const d = new Date(date);
-      const now = /* @__PURE__ */ new Date();
-      const diff = now.getTime() - d.getTime();
-      if (diff < 6e4) return "just now";
-      if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
-      if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
-      return d.toLocaleDateString();
-    }
     return (_ctx, _push, _parent, _attrs) => {
       const _component_UButton = _sfc_main$8;
       const _component_UIcon = _sfc_main$d;
@@ -124,7 +116,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         } else {
           _push(`<!---->`);
         }
-        _push(`</div><div class="flex items-center gap-2 mt-1 text-xs text-dimmed"><span>${ssrInterpolate(formatDate(conv.startedAt))}</span>`);
+        _push(`</div><div class="flex items-center gap-2 mt-1 text-xs text-dimmed"><span>${ssrInterpolate(unref(formatRelativeTime)(conv.startedAt))}</span>`);
         if (conv.messageCount) {
           _push(`<span>${ssrInterpolate(conv.messageCount)} msgs</span>`);
         } else {
@@ -260,6 +252,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     function getTextContent(blocks) {
       return blocks.filter((b) => b.type === "text").map((b) => b.text).join("\n");
     }
+    function getImageBlocks(blocks) {
+      return blocks.filter((b) => b.type === "image");
+    }
+    function getDocumentBlocks(blocks) {
+      return blocks.filter((b) => b.type === "document");
+    }
     function getToolPairs(blocks) {
       const tools = [];
       for (const block of blocks) {
@@ -275,6 +273,78 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
       return tools;
     }
+    function getDocIcon(doc) {
+      if (doc.source.media_type === "application/pdf") return "i-lucide-file-text";
+      return "i-lucide-file-code";
+    }
+    const previewImage = ref(null);
+    const previewOpen = computed({
+      get: () => previewImage.value !== null,
+      set: (v) => {
+        if (!v) previewImage.value = null;
+      }
+    });
+    const previewDoc = ref(null);
+    const codePreviewOpen = computed({
+      get: () => previewDoc.value !== null,
+      set: (v) => {
+        if (!v) previewDoc.value = null;
+      }
+    });
+    const codePreviewContent = computed(() => previewDoc.value?.source.data || "");
+    const extToLang = {
+      md: "markdown",
+      js: "javascript",
+      mjs: "javascript",
+      cjs: "javascript",
+      jsx: "javascript",
+      ts: "typescript",
+      tsx: "typescript",
+      mts: "typescript",
+      json: "json",
+      html: "html",
+      htm: "html",
+      css: "css",
+      scss: "css",
+      sass: "css",
+      less: "css",
+      vue: "vue",
+      svelte: "html",
+      py: "python",
+      sql: "sql",
+      yaml: "yaml",
+      yml: "yaml",
+      sh: "bash",
+      bash: "bash",
+      zsh: "bash",
+      fish: "bash",
+      go: "go",
+      rs: "rust",
+      dockerfile: "dockerfile",
+      java: "java",
+      kt: "java",
+      c: "cpp",
+      cpp: "cpp",
+      h: "cpp",
+      hpp: "cpp",
+      cs: "cpp",
+      xml: "xml",
+      graphql: "plaintext",
+      gql: "plaintext",
+      toml: "plaintext",
+      ini: "plaintext",
+      csv: "plaintext",
+      txt: "plaintext",
+      log: "plaintext",
+      env: "plaintext",
+      prisma: "plaintext",
+      proto: "plaintext"
+    };
+    const codePreviewLang = computed(() => {
+      if (!previewDoc.value?.title) return "plaintext";
+      const ext = previewDoc.value.title.split(".").pop()?.toLowerCase() || "";
+      return extToLang[ext] || "plaintext";
+    });
     const sourceIconMap = {
       telegram: "i-simple-icons-telegram",
       discord: "i-simple-icons-discord",
@@ -302,6 +372,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_UIcon = _sfc_main$d;
       const _component_MDC = _sfc_main$9;
       const _component_ChatToolCallBlock = __nuxt_component_1;
+      const _component_UModal = _sfc_main$a;
+      const _component_EditorCodeEditor = __nuxt_component_12;
       _push(`<div${ssrRenderAttrs(mergeProps({
         class: ["flex", __props.message.role === "user" ? "justify-end" : "justify-start"]
       }, _attrs))}>`);
@@ -315,7 +387,45 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
       _push(`<div class="${ssrRenderClass([__props.message.role === "user" ? "bg-primary/5 text-highlighted" : "bg-muted", "max-w-[85%] rounded-xl px-4 py-3"])}">`);
       if (__props.message.role === "user") {
-        _push(`<div class="text-sm whitespace-pre-wrap">${ssrInterpolate(getTextContent(__props.message.content))}</div>`);
+        _push(`<div>`);
+        if (getImageBlocks(__props.message.content).length) {
+          _push(`<div class="flex flex-wrap gap-2 mb-2"><!--[-->`);
+          ssrRenderList(getImageBlocks(__props.message.content), (img, i) => {
+            _push(`<img${ssrRenderAttr("src", `data:${img.source.media_type};base64,${img.source.data}`)} class="max-w-48 max-h-48 rounded-lg object-contain cursor-pointer hover:opacity-80 transition-opacity">`);
+          });
+          _push(`<!--]--></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (getDocumentBlocks(__props.message.content).length) {
+          _push(`<div class="flex flex-wrap gap-2 mb-2"><!--[-->`);
+          ssrRenderList(getDocumentBlocks(__props.message.content), (doc, i) => {
+            _push(`<button class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-elevated/50 border border-default text-xs hover:bg-elevated transition-colors cursor-pointer">`);
+            _push(ssrRenderComponent(_component_UIcon, {
+              name: getDocIcon(doc),
+              class: "size-3.5 text-dimmed shrink-0"
+            }, null, _parent));
+            _push(`<span class="truncate max-w-32">${ssrInterpolate(doc.title || "Document")}</span>`);
+            if (doc.source.media_type === "application/pdf") {
+              _push(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-external-link",
+                class: "size-3 text-dimmed shrink-0"
+              }, null, _parent));
+            } else {
+              _push(`<!---->`);
+            }
+            _push(`</button>`);
+          });
+          _push(`<!--]--></div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        if (getTextContent(__props.message.content)) {
+          _push(`<div class="text-sm whitespace-pre-wrap">${ssrInterpolate(getTextContent(__props.message.content))}</div>`);
+        } else {
+          _push(`<!---->`);
+        }
+        _push(`</div>`);
       } else {
         _push(`<!--[-->`);
         if (getTextContent(__props.message.content)) {
@@ -360,7 +470,87 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       } else {
         _push(`<!---->`);
       }
-      _push(`</div></div>`);
+      _push(`</div>`);
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(previewOpen),
+        "onUpdate:open": ($event) => isRef(previewOpen) ? previewOpen.value = $event : null
+      }, {
+        content: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-center"${_scopeId}>`);
+            if (unref(previewImage)) {
+              _push2(`<img${ssrRenderAttr("src", `data:${unref(previewImage).source.media_type};base64,${unref(previewImage).source.data}`)} class="max-w-full max-h-[80vh] object-contain rounded-lg"${_scopeId}>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-center" }, [
+                unref(previewImage) ? (openBlock(), createBlock("img", {
+                  key: 0,
+                  src: `data:${unref(previewImage).source.media_type};base64,${unref(previewImage).source.data}`,
+                  class: "max-w-full max-h-[80vh] object-contain rounded-lg"
+                }, null, 8, ["src"])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(codePreviewOpen),
+        "onUpdate:open": ($event) => isRef(codePreviewOpen) ? codePreviewOpen.value = $event : null
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: "i-lucide-file-code",
+              class: "size-4 text-dimmed"
+            }, null, _parent2, _scopeId));
+            _push2(`<span class="text-sm font-medium truncate"${_scopeId}>${ssrInterpolate(unref(previewDoc)?.title || "File")}</span></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center gap-2" }, [
+                createVNode(_component_UIcon, {
+                  name: "i-lucide-file-code",
+                  class: "size-4 text-dimmed"
+                }),
+                createVNode("span", { class: "text-sm font-medium truncate" }, toDisplayString(unref(previewDoc)?.title || "File"), 1)
+              ])
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="h-[60vh] overflow-hidden rounded-lg border border-default"${_scopeId}>`);
+            if (unref(previewDoc)) {
+              _push2(ssrRenderComponent(_component_EditorCodeEditor, {
+                "model-value": unref(codePreviewContent),
+                language: unref(codePreviewLang),
+                "read-only": ""
+              }, null, _parent2, _scopeId));
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "h-[60vh] overflow-hidden rounded-lg border border-default" }, [
+                unref(previewDoc) ? (openBlock(), createBlock(_component_EditorCodeEditor, {
+                  key: 0,
+                  "model-value": unref(codePreviewContent),
+                  language: unref(codePreviewLang),
+                  "read-only": ""
+                }, null, 8, ["model-value", "language"])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
     };
   }
 });
@@ -411,6 +601,206 @@ _sfc_main$2.setup = (props, ctx) => {
   return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
 };
 const __nuxt_component_7 = Object.assign(_sfc_main$2, { __name: "ChatStreamingMessage" });
+const IMAGE_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+const TEXT_MIME_TYPES = /* @__PURE__ */ new Set([
+  "application/json",
+  "application/javascript",
+  "application/typescript",
+  "application/xml",
+  "application/x-yaml",
+  "application/x-sh",
+  "application/sql",
+  "application/toml",
+  "application/x-httpd-php"
+]);
+const MAX_FILE_SIZE = 20 * 1024 * 1024;
+function generateId$1() {
+  if (typeof crypto !== "undefined" && crypto.randomUUID)
+    return crypto.randomUUID();
+  return Math.random().toString(36).slice(2);
+}
+function readFileAsBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      const base64 = result.split(",")[1];
+      if (base64) resolve(base64);
+      else reject(new Error("Failed to read file as base64"));
+    };
+    reader.onerror = () => reject(reader.error);
+    reader.readAsDataURL(file);
+  });
+}
+function readFileAsText(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = () => reject(reader.error);
+    reader.readAsText(file);
+  });
+}
+function isImageType(mime) {
+  return IMAGE_TYPES.includes(mime);
+}
+function isTextType(mime) {
+  return mime.startsWith("text/") || TEXT_MIME_TYPES.has(mime);
+}
+function isPdfType(mime) {
+  return mime === "application/pdf";
+}
+function useAttachments() {
+  const attachments = ref([]);
+  const toast = useToast();
+  async function addFiles(files) {
+    for (const file of Array.from(files)) {
+      if (file.size > MAX_FILE_SIZE) {
+        toast.add({ title: "File too large", description: `${file.name} exceeds 20MB limit`, color: "error" });
+        continue;
+      }
+      const mime = file.type || "";
+      try {
+        if (isImageType(mime)) {
+          const base64 = await readFileAsBase64(file);
+          const previewUrl = URL.createObjectURL(file);
+          attachments.value.push({
+            id: generateId$1(),
+            kind: "image",
+            previewUrl,
+            base64,
+            mediaType: mime,
+            name: file.name
+          });
+        } else if (isPdfType(mime)) {
+          const base64 = await readFileAsBase64(file);
+          attachments.value.push({
+            id: generateId$1(),
+            kind: "document",
+            data: base64,
+            sourceType: "base64",
+            name: file.name
+          });
+        } else if (isTextType(mime) || isLikelyTextFile(file.name)) {
+          const text = await readFileAsText(file);
+          attachments.value.push({
+            id: generateId$1(),
+            kind: "document",
+            data: text,
+            sourceType: "text",
+            name: file.name
+          });
+        } else {
+          toast.add({ title: "Unsupported file type", description: `${file.name} (${mime || "unknown type"})`, color: "error" });
+        }
+      } catch {
+        toast.add({ title: "Failed to read file", description: file.name, color: "error" });
+      }
+    }
+  }
+  function removeAttachment(id) {
+    const idx = attachments.value.findIndex((a) => a.id === id);
+    if (idx !== -1) {
+      const att = attachments.value[idx];
+      if (att.kind === "image") URL.revokeObjectURL(att.previewUrl);
+      attachments.value.splice(idx, 1);
+    }
+  }
+  function clearAttachments() {
+    for (const att of attachments.value)
+      if (att.kind === "image") URL.revokeObjectURL(att.previewUrl);
+    attachments.value = [];
+  }
+  function toImageBlocks() {
+    return attachments.value.filter((a) => a.kind === "image").map((att) => ({
+      type: "image",
+      source: {
+        type: "base64",
+        media_type: att.mediaType,
+        data: att.base64
+      }
+    }));
+  }
+  function toDocumentBlocks() {
+    return attachments.value.filter((a) => a.kind === "document").map((att) => ({
+      type: "document",
+      source: att.sourceType === "base64" ? { type: "base64", media_type: "application/pdf", data: att.data } : { type: "text", media_type: "text/plain", data: att.data },
+      title: att.name
+    }));
+  }
+  return {
+    attachments: readonly(attachments),
+    addFiles,
+    removeAttachment,
+    clearAttachments,
+    toImageBlocks,
+    toDocumentBlocks
+  };
+}
+function isLikelyTextFile(name) {
+  const ext = name.split(".").pop()?.toLowerCase();
+  if (!ext) return false;
+  const textExtensions = /* @__PURE__ */ new Set([
+    "txt",
+    "md",
+    "js",
+    "ts",
+    "jsx",
+    "tsx",
+    "py",
+    "rb",
+    "rs",
+    "go",
+    "java",
+    "c",
+    "cpp",
+    "h",
+    "hpp",
+    "cs",
+    "swift",
+    "kt",
+    "scala",
+    "json",
+    "yaml",
+    "yml",
+    "toml",
+    "ini",
+    "cfg",
+    "conf",
+    "xml",
+    "html",
+    "htm",
+    "css",
+    "scss",
+    "sass",
+    "less",
+    "sh",
+    "bash",
+    "zsh",
+    "fish",
+    "ps1",
+    "bat",
+    "cmd",
+    "sql",
+    "graphql",
+    "gql",
+    "proto",
+    "csv",
+    "tsv",
+    "log",
+    "env",
+    "gitignore",
+    "dockerignore",
+    "vue",
+    "svelte",
+    "astro",
+    "prisma",
+    "tf",
+    "r",
+    "lua",
+    "dart"
+  ]);
+  return textExtensions.has(ext);
+}
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ChatInput",
   __ssrInlineRender: true,
@@ -422,28 +812,123 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const { attachments, clearAttachments, toImageBlocks, toDocumentBlocks } = useAttachments();
     const inputText = ref("");
     const textareaRef = ref(null);
+    const fileInputRef = ref(null);
+    const isDragging = ref(false);
     const isStreaming = computed(() => props.sessionStatus === "streaming");
     const isConnected = computed(() => props.connectionStatus === "connected");
-    const canSend = computed(() => isConnected.value && !isStreaming.value && inputText.value.trim().length > 0);
+    const canSend = computed(
+      () => isConnected.value && !isStreaming.value && (inputText.value.trim().length > 0 || attachments.value.length > 0)
+    );
     function handleSend() {
       if (!canSend.value) return;
-      emit("send", inputText.value.trim());
+      const images = toImageBlocks();
+      const docs = toDocumentBlocks();
+      emit(
+        "send",
+        inputText.value.trim(),
+        images.length > 0 ? images : void 0,
+        docs.length > 0 ? docs : void 0
+      );
       inputText.value = "";
+      clearAttachments();
       nextTick(() => {
         if (textareaRef.value) textareaRef.value.style.height = "auto";
       });
     }
+    const FILE_ACCEPT = [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/webp",
+      "application/pdf",
+      ".txt",
+      ".md",
+      ".js",
+      ".ts",
+      ".jsx",
+      ".tsx",
+      ".py",
+      ".rb",
+      ".rs",
+      ".go",
+      ".java",
+      ".c",
+      ".cpp",
+      ".h",
+      ".cs",
+      ".swift",
+      ".kt",
+      ".json",
+      ".yaml",
+      ".yml",
+      ".toml",
+      ".ini",
+      ".xml",
+      ".html",
+      ".css",
+      ".scss",
+      ".sh",
+      ".sql",
+      ".graphql",
+      ".csv",
+      ".log",
+      ".vue",
+      ".svelte",
+      ".prisma",
+      ".lua",
+      ".dart"
+    ].join(",");
     return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$d;
       const _component_UButton = _sfc_main$8;
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "border-t border-default p-4" }, _attrs))}>`);
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "border-t border-default p-4 relative" }, _attrs))}>`);
+      if (unref(isDragging)) {
+        _push(`<div class="absolute inset-0 bg-primary/10 border-2 border-dashed border-primary rounded-lg flex items-center justify-center z-10"><span class="text-sm text-primary font-medium">Drop files here</span></div>`);
+      } else {
+        _push(`<!---->`);
+      }
       if (!unref(isConnected)) {
         _push(`<div class="flex items-center gap-2 mb-2 text-xs text-dimmed"><span class="size-2 rounded-full bg-warning"></span><span>${ssrInterpolate(__props.connectionStatus === "connecting" ? "Connecting..." : "Disconnected")}</span></div>`);
       } else {
         _push(`<!---->`);
       }
-      _push(`<div class="flex items-start gap-2"><textarea${ssrIncludeBooleanAttr(!unref(isConnected) || unref(isStreaming)) ? " disabled" : ""} placeholder="Send a message..." rows="1" class="flex-1 resize-none bg-elevated/50 border border-default rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50">${ssrInterpolate(unref(inputText))}</textarea>`);
+      if (unref(attachments).length) {
+        _push(`<div class="flex gap-2 mb-2 flex-wrap"><!--[-->`);
+        ssrRenderList(unref(attachments), (att) => {
+          _push(`<div class="${ssrRenderClass([att.kind === "image" ? "size-16" : "h-10 px-3 flex items-center gap-1.5 bg-elevated/50", "relative group rounded-lg overflow-hidden border border-default"])}">`);
+          if (att.kind === "image") {
+            _push(`<img${ssrRenderAttr("src", att.previewUrl)}${ssrRenderAttr("alt", att.name)} class="size-full object-cover">`);
+          } else {
+            _push(`<!--[-->`);
+            _push(ssrRenderComponent(_component_UIcon, {
+              name: att.name.endsWith(".pdf") ? "i-lucide-file-text" : "i-lucide-file-code",
+              class: "size-4 text-dimmed shrink-0"
+            }, null, _parent));
+            _push(`<span class="text-xs truncate max-w-24">${ssrInterpolate(att.name)}</span><!--]-->`);
+          }
+          _push(`<button class="absolute top-0 right-0 p-0.5 bg-error/80 rounded-bl-lg opacity-0 group-hover:opacity-100 transition-opacity">`);
+          _push(ssrRenderComponent(_component_UIcon, {
+            name: "i-lucide-x",
+            class: "size-3 text-white"
+          }, null, _parent));
+          _push(`</button></div>`);
+        });
+        _push(`<!--]--></div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      _push(`<div class="flex items-start gap-2"><textarea${ssrIncludeBooleanAttr(!unref(isConnected) || unref(isStreaming)) ? " disabled" : ""} placeholder="Send a message..." rows="1" class="flex-1 resize-none bg-elevated/50 border border-default rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50">${ssrInterpolate(unref(inputText))}</textarea><input type="file"${ssrRenderAttr("accept", unref(FILE_ACCEPT))} multiple class="hidden">`);
+      _push(ssrRenderComponent(_component_UButton, {
+        icon: "i-lucide-paperclip",
+        variant: "ghost",
+        color: "neutral",
+        size: "md",
+        disabled: !unref(isConnected) || unref(isStreaming),
+        onClick: ($event) => unref(fileInputRef)?.click()
+      }, null, _parent));
       if (unref(isStreaming)) {
         _push(ssrRenderComponent(_component_UButton, {
           icon: "i-lucide-square",
@@ -504,18 +989,26 @@ function useChat() {
     }
     connectionStatus.value = "disconnected";
   }
-  function sendMessage(message) {
+  function sendMessage(message, attachments, documents) {
     if (!ws.value || ws.value.readyState !== WebSocket.OPEN) return;
+    const content = [];
+    if (attachments?.length)
+      for (const img of attachments) content.push(img);
+    if (documents?.length)
+      for (const doc of documents) content.push(doc);
+    if (message) content.push({ type: "text", text: message });
     messages.value.push({
       id: generateId(),
       conversationId: activeConversationId.value || "",
       role: "user",
-      content: [{ type: "text", text: message }],
+      content,
       createdAt: /* @__PURE__ */ new Date()
     });
     ws.value.send(JSON.stringify({
       type: "chat:send",
       message,
+      attachments: attachments?.length ? attachments : void 0,
+      documents: documents?.length ? documents : void 0,
       conversationId: activeConversationId.value
     }));
   }
@@ -612,8 +1105,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useRoute();
     useRouter();
     const messagesContainer = ref(null);
-    function handleSend(message) {
-      sendMessage(message);
+    function handleSend(message, attachments, documents) {
+      sendMessage(message, attachments, documents);
       nextTick(scrollToBottom);
     }
     function scrollToBottom() {
@@ -847,4 +1340,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=chat-CR3JIVEq.mjs.map
+//# sourceMappingURL=chat-BphuYhvA.mjs.map