vlite3 1.0.2 → 1.0.4

package/components/AttachmentsList/AttachmentsList.vue.d.ts

@@ -1,5 +1,6 @@
 import { AttachmentsListProps } from './types';
 declare const _default: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
+    variant: "default" | "inline";
     canDownload: boolean;
     canView: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -1,82 +1,128 @@
-import { defineComponent as g, computed as y, openBlock as o, createElementBlock as r, Fragment as v, renderList as b, createElementVNode as n, createVNode as u, toDisplayString as d, createBlock as f, unref as l, withCtx as k, createCommentVNode as h } from "vue";
-import p from "../Button.vue.js";
-import B from "../Modal.vue.js";
-import N from "../Icon.vue.js";
-import { $t as x } from "../../utils/i18n.js";
-import { downloadFile as z } from "../../utils/functions.js";
-import D from "../FilePreview/FilePreview.vue.js";
-const M = { class: "w-full" }, A = {
+import { defineComponent as C, computed as _, openBlock as n, createElementBlock as a, Fragment as f, renderList as z, normalizeClass as l, createElementVNode as i, createVNode as m, toDisplayString as w, createBlock as y, unref as r, withCtx as g, createCommentVNode as u } from "vue";
+import p from "../Modal.vue.js";
+import x from "../Icon.vue.js";
+import k from "../Button.vue.js";
+import { $t as s } from "../../utils/i18n.js";
+import { downloadFile as P } from "../../utils/functions.js";
+import N from "../FilePreview/FilePreview.vue.js";
+const M = { class: "w-full" }, V = {
   key: 0,
-  class: "flex flex-col gap-2"
-}, C = { class: "flex items-center gap-3 overflow-hidden" }, F = { class: "w-10 h-10 rounded-md bg-primary/10 flex items-center justify-center text-primary shrink-0" }, V = { class: "flex flex-col overflow-hidden" }, $ = ["title"], U = { class: "text-xs text-muted-foreground" }, P = { class: "flex items-center gap-1 shrink-0" }, S = {
+  class: "flex flex-col gap-1.5"
+}, $ = { class: "flex items-center gap-2 overflow-hidden min-w-0" }, A = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, F = ["title"], U = { class: "flex items-center gap-0.5 shrink-0" }, j = ["aria-label"], S = ["aria-label", "onClick"], E = {
   key: 1,
   class: "text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center"
-}, J = /* @__PURE__ */ g({
+}, O = /* @__PURE__ */ C({
   __name: "AttachmentsList",
   props: {
     attachments: {},
     canView: { type: Boolean, default: !0 },
-    canDownload: { type: Boolean, default: !0 }
+    canDownload: { type: Boolean, default: !0 },
+    variant: { default: "default" }
   },
-  setup(a) {
-    const s = a, m = y(() => s.attachments ? Array.isArray(s.attachments) ? s.attachments : [s.attachments] : []), _ = (t) => {
-      if (!t) return "0 Bytes";
-      const c = 1024, e = ["Bytes", "KB", "MB", "GB"], i = Math.floor(Math.log(t) / Math.log(c));
-      return parseFloat((t / Math.pow(c, i)).toFixed(2)) + " " + e[i];
-    }, w = async (t) => {
-      t.fileUrl && await z(t.fileUrl, t.fileName || "attachment");
+  setup(e) {
+    const c = e, v = _(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), B = (o) => {
+      if (!o) return "0 Bytes";
+      const h = 1024, t = ["Bytes", "KB", "MB", "GB"], d = Math.floor(Math.log(o) / Math.log(h));
+      return parseFloat((o / Math.pow(h, d)).toFixed(2)) + " " + t[d];
+    }, b = async (o) => {
+      o.fileUrl && await P(o.fileUrl, o.fileName || "attachment");
     };
-    return (t, c) => (o(), r("div", M, [
-      m.value.length > 0 ? (o(), r("div", A, [
-        (o(!0), r(v, null, b(m.value, (e, i) => (o(), r("div", {
-          key: i,
-          class: "flex items-center justify-between p-3 border border-border rounded-lg bg-muted/20 hover:bg-muted/40 transition-colors"
+    return (o, h) => (n(), a("div", M, [
+      v.value.length > 0 ? (n(), a("div", V, [
+        (n(!0), a(f, null, z(v.value, (t, d) => (n(), a("div", {
+          key: d,
+          class: l([
+            "flex items-center justify-between gap-2 px-2.5 py-2 rounded-lg transition-colors",
+            e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40"
+          ])
         }, [
-          n("div", C, [
-            n("div", F, [
-              u(N, {
+          i("div", $, [
+            i("div", {
+              class: l(["w-7 h-7 rounded flex items-center justify-center shrink-0", e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10"])
+            }, [
+              m(x, {
                 icon: "lucide:file-text",
-                class: "w-5 h-5"
-              })
-            ]),
-            n("div", V, [
-              n("span", {
-                class: "text-sm font-medium text-foreground truncate",
-                title: e.fileName
-              }, d(e.fileName || "Unnamed File"), 9, $),
-              n("span", U, d(_(e.fileSize)), 1)
+                class: l(["w-3.5 h-3.5", e.variant === "inline" ? "opacity-75" : "text-primary"])
+              }, null, 8, ["class"])
+            ], 2),
+            i("div", A, [
+              i("span", {
+                class: l(["text-xs font-medium truncate", e.variant === "inline" ? "" : "text-foreground"]),
+                title: t.fileName
+              }, w(t.fileName || "Unnamed File"), 11, F),
+              i("span", {
+                class: l(["text-[10px]", e.variant === "inline" ? "opacity-50" : "text-muted-foreground"])
+              }, w(B(t.fileSize)), 3)
             ])
           ]),
-          n("div", P, [
-            a.canView ? (o(), f(B, {
-              key: 0,
-              title: e.fileName || l(x)("common.words.preview", "Preview"),
-              "max-width": "max-w-3xl",
-              body: l(D),
-              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: a.canDownload }
-            }, {
-              trigger: k(() => [
-                u(p, {
-                  variant: "ghost",
-                  size: "sm",
-                  icon: "lucide:eye"
+          i("div", U, [
+            e.variant === "inline" ? (n(), a(f, { key: 0 }, [
+              e.canView ? (n(), y(p, {
+                key: 0,
+                title: t.fileName || r(s)("common.words.preview", "Preview"),
+                "max-width": "max-w-3xl",
+                body: r(N),
+                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
+              }, {
+                trigger: g(() => [
+                  i("button", {
+                    type: "button",
+                    class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
+                    "aria-label": r(s)("common.words.preview", "Preview")
+                  }, [
+                    m(x, {
+                      icon: "lucide:eye",
+                      class: "w-3.5 h-3.5"
+                    })
+                  ], 8, j)
+                ]),
+                _: 1
+              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
+              e.canDownload ? (n(), a("button", {
+                key: 1,
+                type: "button",
+                class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
+                "aria-label": r(s)("common.words.download", "Download"),
+                onClick: (D) => b(t)
+              }, [
+                m(x, {
+                  icon: "lucide:download",
+                  class: "w-3.5 h-3.5"
                 })
-              ]),
-              _: 1
-            }, 8, ["title", "body", "bodyProps"])) : h("", !0),
-            a.canDownload ? (o(), f(p, {
-              key: 1,
-              variant: "ghost",
-              size: "sm",
-              icon: "lucide:download",
-              onClick: (j) => w(e)
-            }, null, 8, ["onClick"])) : h("", !0)
+              ], 8, S)) : u("", !0)
+            ], 64)) : (n(), a(f, { key: 1 }, [
+              e.canView ? (n(), y(p, {
+                key: 0,
+                title: t.fileName || r(s)("common.words.preview", "Preview"),
+                "max-width": "max-w-3xl",
+                body: r(N),
+                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
+              }, {
+                trigger: g(() => [
+                  m(k, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:eye",
+                    class: "h-6 w-6 px-0"
+                  })
+                ]),
+                _: 1
+              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
+              e.canDownload ? (n(), y(k, {
+                key: 1,
+                variant: "ghost",
+                size: "xs",
+                icon: "lucide:download",
+                class: "h-6 w-6 px-0",
+                onClick: (D) => b(t)
+              }, null, 8, ["onClick"])) : u("", !0)
+            ], 64))
           ])
-        ]))), 128))
-      ])) : (o(), r("div", S, d(l(x)("common.words.noAttachments", "No attachments found.")), 1))
+        ], 2))), 128))
+      ])) : (n(), a("div", E, w(r(s)("common.words.noAttachments", "No attachments found.")), 1))
     ]));
   }
 });
 export {
-  J as default
+  O as default
 };

package/components/AttachmentsList/types.d.ts

@@ -8,4 +8,9 @@ export interface AttachmentsListProps {
     attachments?: AttachmentItem | AttachmentItem[];
     canView?: boolean;
     canDownload?: boolean;
+    /**
+     * 'default' - standalone card style with border/muted background
+     * 'inline'  - transparent overlay style for embedding inside chat bubbles
+     */
+    variant?: 'default' | 'inline';
 }

package/components/Chat/ChatBubble.vue.d.ts

@@ -7,6 +7,11 @@ type __VLS_Props = {
     showTimestamp: boolean;
     allowDeleteAll?: boolean;
     allowEditAll?: boolean;
+    /**
+     * When true, the delete button requires a second click (confirmation) before emitting the delete event.
+     * Defaults to true.
+     */
+    confirmDelete?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (id: string | number) => any;

package/components/Chat/ChatBubble.vue.js

@@ -0,0 +1,147 @@
+import { defineComponent as y, computed as b, ref as k, openBlock as t, createElementBlock as l, normalizeClass as o, createVNode as u, createCommentVNode as s, createElementVNode as n, toDisplayString as c, unref as B, createBlock as C, withModifiers as S } from "vue";
+import D from "../Avatar.vue.js";
+import f from "../Button.vue.js";
+import p from "../AttachmentsList/AttachmentsList.vue.js";
+const T = {
+  key: 0,
+  class: "flex-shrink-0 flex flex-col justify-end pb-1"
+}, A = {
+  key: 0,
+  class: "mb-1 text-xs text-muted-foreground ml-1"
+}, E = {
+  key: 0,
+  class: "text-sm whitespace-pre-wrap leading-relaxed"
+}, N = { class: "opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-1 px-2 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto" }, z = {
+  key: 1,
+  class: "relative flex items-center"
+}, $ = {
+  key: 1,
+  class: "mt-1 text-[10px] text-muted-foreground mx-1"
+}, M = /* @__PURE__ */ y({
+  __name: "ChatBubble",
+  props: {
+    message: {},
+    isSender: { type: Boolean },
+    showAvatar: { type: Boolean },
+    showUserInfo: { type: Boolean },
+    showTimestamp: { type: Boolean },
+    allowDeleteAll: { type: Boolean },
+    allowEditAll: { type: Boolean },
+    confirmDelete: { type: Boolean }
+  },
+  emits: ["delete", "edit"],
+  setup(e, { emit: g }) {
+    const r = e, m = g, x = b(() => r.message.timestamp ? new Date(r.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), a = k(!1);
+    let i = null;
+    const v = () => {
+      if (r.confirmDelete === !1) {
+        m("delete", r.message.id);
+        return;
+      }
+      a.value ? (a.value = !1, i && (clearTimeout(i), i = null), m("delete", r.message.id)) : (a.value = !0, i = setTimeout(() => {
+        a.value = !1, i = null;
+      }, 3e3));
+    }, h = () => {
+      a.value = !1, i && (clearTimeout(i), i = null);
+    };
+    return (w, d) => (t(), l("div", {
+      class: o(["flex w-full gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
+    }, [
+      e.showAvatar ? (t(), l("div", T, [
+        u(D, {
+          src: e.message.avatar,
+          alt: e.message.senderName,
+          size: "sm"
+        }, null, 8, ["src", "alt"])
+      ])) : s("", !0),
+      n("div", {
+        class: o(["flex flex-col max-w-[85%] md:max-w-[75%]", e.isSender ? "items-end" : "items-start"])
+      }, [
+        e.showUserInfo && e.message.senderName && !e.isSender ? (t(), l("div", A, c(e.message.senderName), 1)) : s("", !0),
+        n("div", {
+          class: o(["relative flex items-center group/bubble", e.isSender ? "flex-row-reverse" : "flex-row"])
+        }, [
+          n("div", {
+            class: o(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px]", [
+              e.isSender ? "bg-primary text-primary-foreground rounded-br-sm" : "bg-muted text-foreground rounded-bl-sm"
+            ]])
+          }, [
+            e.message.text ? (t(), l("p", E, c(e.message.text), 1)) : s("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), l("div", {
+              key: 1,
+              class: o({ "mt-2": e.message.text })
+            }, [
+              u(B(p), {
+                attachments: e.message.attachments,
+                variant: "inline",
+                "can-view": !0,
+                "can-download": !0
+              }, null, 8, ["attachments"])
+            ], 2)) : s("", !0),
+            e.message.isEdited ? (t(), l("div", {
+              key: 2,
+              class: o(["text-[10px] opacity-70 mt-0.5 text-right", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+            }, " (edited) ", 2)) : s("", !0)
+          ], 2),
+          n("div", N, [
+            e.isSender || e.allowEditAll ? (t(), C(f, {
+              key: 0,
+              variant: "ghost",
+              size: "xs",
+              icon: "lucide:pencil",
+              rounded: "full",
+              class: "text-muted-foreground hover:text-foreground h-7 w-7",
+              onClick: d[0] || (d[0] = (j) => m("edit", e.message)),
+              "aria-label": "Edit message"
+            })) : s("", !0),
+            e.isSender || e.allowDeleteAll ? (t(), l("div", z, [
+              u(f, {
+                variant: "ghost",
+                size: "xs",
+                icon: a.value ? "lucide:check" : "lucide:trash-2",
+                rounded: "full",
+                class: "h-7 w-7 transition-colors",
+                onClick: v,
+                "aria-label": a.value ? "Confirm delete" : "Delete message"
+              }, null, 8, ["icon", "aria-label"]),
+              a.value ? (t(), l("button", {
+                key: 0,
+                class: "absolute -top-1.5 -right-1.5 w-3.5 h-3.5 rounded-full bg-muted border border-border flex items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
+                onClick: S(h, ["stop"]),
+                "aria-label": "Cancel delete"
+              }, [...d[1] || (d[1] = [
+                n("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "3",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  class: "w-2 h-2"
+                }, [
+                  n("line", {
+                    x1: "18",
+                    y1: "6",
+                    x2: "6",
+                    y2: "18"
+                  }),
+                  n("line", {
+                    x1: "6",
+                    y1: "6",
+                    x2: "18",
+                    y2: "18"
+                  })
+                ], -1)
+              ])])) : s("", !0)
+            ])) : s("", !0)
+          ])
+        ], 2),
+        e.showTimestamp && e.message.timestamp ? (t(), l("div", $, c(x.value), 1)) : s("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  M as default
+};

package/components/Chat/ChatBubble.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ChatBubble.vue.js";
+export {
+  f as default
+};

package/components/Chat/ChatInterface.vue.d.ts

@@ -1,3 +1,10 @@
+export interface ChatAttachment {
+    fileUrl: string;
+    fileName?: string;
+    fileType?: string;
+    fileSize?: number;
+    [key: string]: any;
+}
 export interface ChatMessage {
     id: string | number;
     text: string;
@@ -6,6 +13,7 @@ export interface ChatMessage {
     avatar?: string;
     timestamp?: string | Date;
     isEdited?: boolean;
+    attachments?: ChatAttachment[];
     [key: string]: any;
 }
 type __VLS_Props = {
@@ -18,20 +26,28 @@ type __VLS_Props = {
     isLoadingMore?: boolean;
     allowDeleteAll?: boolean;
     allowEditAll?: boolean;
+    /**
+     * When true (default), the delete button requires a second click to confirm deletion.
+     * Set to false to delete immediately on first click.
+     */
+    confirmDelete?: boolean;
+    folderId?: string;
+    maxFileSize?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (id: string | number) => any;
-    add: (text: string) => any;
+    add: (text: string, attachments?: ChatAttachment[]) => any;
     refetch: () => any;
     edit: (message: ChatMessage) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (id: string | number) => any;
-    onAdd?: (text: string) => any;
+    onAdd?: (text: string, attachments?: ChatAttachment[]) => any;
     onRefetch?: () => any;
     onEdit?: (message: ChatMessage) => any;
 }>, {
     placeholder: string;
     isLoadingMore: boolean;
+    confirmDelete: boolean;
     showAvatar: boolean;
     showUserInfo: boolean;
     showTimestamp: boolean;