vlite3 1.0.4 → 1.0.6

package/components/AttachmentsList/types.d.ts

@@ -2,6 +2,8 @@ export interface AttachmentItem {
     fileName?: string;
     fileSize?: number;
     fileUrl: string;
+    thumbnailUrl?: string;
+    fileType?: string;
     [key: string]: any;
 }
 export interface AttachmentsListProps {
@@ -9,8 +11,78 @@ export interface AttachmentsListProps {
     canView?: boolean;
     canDownload?: boolean;
     /**
-     * 'default' - standalone card style with border/muted background
+     * Layout presentation variant
+     * 'default' | 'list' - standard vertical list
      * 'inline'  - transparent overlay style for embedding inside chat bubbles
+     * 'card'    - larger card format with prominent preview area
      */
-    variant?: 'default' | 'inline';
+    variant?: 'default' | 'list' | 'inline' | 'card';
+    /**
+     * Component sizing (primarily affects 'list', 'default', and 'inline' variants)
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * When true, clicking the attachment item itself opens the preview modal.
+     * The eye icon action button is hidden in this mode.
+     * Default: false
+     */
+    clickToPreview?: boolean;
+    /**
+     * When false, the download action button is hidden from list items.
+     * Download remains available inside the preview modal (controlled by canDownload).
+     * Default: true
+     */
+    showDownloadInList?: boolean;
+    /**
+     * Class applied to the root wrapper <div> of the component.
+     */
+    rootClass?: string;
+    /**
+     * Class applied to the card grid container (card variant only).
+     */
+    gridClass?: string;
+    /**
+     * Class applied to each card item wrapper (card variant only).
+     */
+    cardClass?: string;
+    /**
+     * Class applied to the card thumbnail/preview area (card variant only).
+     */
+    cardThumbnailClass?: string;
+    /**
+     * Class applied to the card footer info area (card variant only).
+     */
+    cardInfoClass?: string;
+    /**
+     * Class applied to the card overlay actions container (card variant only).
+     */
+    cardActionsClass?: string;
+    /**
+     * Class applied to the list container (default/list/inline variants).
+     */
+    listClass?: string;
+    /**
+     * Class applied to each list item row (default/list/inline variants).
+     */
+    itemClass?: string;
+    /**
+     * Class applied to the icon box within a list item.
+     */
+    itemIconBoxClass?: string;
+    /**
+     * Class applied to the file name text element.
+     */
+    itemNameClass?: string;
+    /**
+     * Class applied to the file size / subtext element.
+     */
+    itemSizeClass?: string;
+    /**
+     * Class applied to the actions container within a list item.
+     */
+    itemActionsClass?: string;
+    /**
+     * Class applied to the "empty state" placeholder div.
+     */
+    emptyClass?: string;
 }

package/components/Avatar.vue.js

@@ -29,11 +29,11 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       return l.length === 1 ? l[0].slice(0, 2).toUpperCase() : (l[0][0] + l[l.length - 1][0]).toUpperCase();
     }), x = {
       xs: "h-6 w-6 text-[10px]",
-      sm: "h-8 w-8 text-xs",
+      sm: "h-7.5 w-7.5 text-xs",
       md: "h-10 w-10 text-sm",
       lg: "h-14 w-14 text-base",
       xl: "h-18 w-18 text-lg",
-      "2xl": "h-20 w-20 text-xl"
+      "2xl": "h-22 w-22 text-xl"
     }, h = {
       none: "rounded-none",
       sm: "rounded-sm",

package/components/Badge.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as a, openBlock as d, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
+import { defineComponent as b, computed as d, openBlock as a, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
 const p = /* @__PURE__ */ b({
   __name: "Badge",
   props: {
@@ -8,12 +8,12 @@ const p = /* @__PURE__ */ b({
     class: { default: "" }
   },
   setup(o) {
-    const e = o, s = a(() => {
+    const e = o, s = d(() => {
       const r = {
-        xs: "px-1.5 h-4 text-[9px] leading-none",
-        sm: "px-2 h-6 text-xs font-medium",
-        md: "px-2.5 h-7 text-xs font-semibold",
-        lg: "px-3 h-8 text-sm font-semibold"
+        xs: "px-1.5 h-4 text-[9.8px] font-medium leading-none",
+        sm: "px-2 h-5 text-xs font-medium",
+        md: "px-2.5 h-6 text-xs font-semibold",
+        lg: "px-2.5 h-7 text-sm font-semibold"
       }, l = `inline-flex items-center ${e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`} border ${r[e.size] || r.md} focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2`, t = {
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         outline: "text-foreground border-border",
@@ -33,7 +33,7 @@ const p = /* @__PURE__ */ b({
       };
       return [l, t[e.variant] || t.default, e.class].join(" ");
     });
-    return (r, n) => (d(), u("div", {
+    return (r, n) => (a(), u("div", {
       class: i(s.value)
     }, [
       c(r.$slots, "default")

package/components/Button.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as r, createBlock as u, createCommentVNode as m, renderSlot as x, createTextVNode as b, toDisplayString as f, unref as $ } from "vue";
-import g from "./Icon.vue.js";
-import { vRipple as j } from "../directives/vRipple.js";
-import { $t as V } from "../utils/i18n.js";
-const D = ["type", "disabled"], q = /* @__PURE__ */ B({
+import { defineComponent as k, computed as a, useSlots as z, withDirectives as B, openBlock as o, createElementBlock as g, normalizeClass as r, createBlock as d, createCommentVNode as h, renderSlot as m, createTextVNode as b, toDisplayString as f, unref as I } from "vue";
+import u from "./Icon.vue.js";
+import { vRipple as R } from "../directives/vRipple.js";
+import { $t as S } from "../utils/i18n.js";
+const $ = ["type", "disabled"], T = /* @__PURE__ */ k({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -22,10 +22,10 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
     asIcon: { type: Boolean }
   },
   setup(e) {
-    const t = e, a = o(() => t.textI18n ? V(t.textI18n) : t.text), v = R(), l = o(
-      () => t?.asIcon || t.icon && !a.value && !v.default
-    ), p = S("buttonGroup", null), w = o(() => !!p?.isInGroup), y = o(() => {
-      const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium  disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
+    const t = e, l = a(() => t.textI18n ? S(t.textI18n) : t.text), x = z(), s = a(
+      () => t?.asIcon || t.icon && !l.value && !x.default
+    ), v = a(() => {
+      const n = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2 ${s.value ? "icon-only shrink-0" : ""}`, i = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -46,28 +46,21 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         "outline-success": "border border-success text-success hover:bg-success/10",
         ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline"
-      }, z = {
+      }, w = {
         xs: "h-6.5 px-2",
         sm: "h-7.5 px-3",
         sm2: "h-8 px-3",
         md: "h-9 px-4 py-2",
         lg: "h-10 px-4",
         xl: "h-12 px-10"
-      }, C = {
+      }, p = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         sm2: "h-8 w-8 min-h-8 min-w-8",
         md: "h-9 w-9 min-h-9 min-w-9",
-        lg: "h-9.5 w-9.5 min-h-9.5 min-w-9.5",
-        xl: "h-10 w-10 min-h-10 min-w-10"
-      }, k = {
-        xs: "px-2",
-        sm: "px-3",
-        sm2: "px-3",
-        md: "px-4",
-        lg: "px-6",
-        xl: "px-10"
-      }, I = {
+        lg: "h-10 w-10 min-h-10 min-w-10",
+        xl: "h-12 w-12 min-h-12 min-w-12"
+      }, y = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -77,15 +70,15 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let d;
-      return l.value ? d = w.value ? k[t.size] : C[t.size] : d = z[t.size], [
+      let C = s.value ? p[t.size] : w[t.size];
+      return [
         n,
         i[t.variant],
-        I[t.rounded],
-        d,
+        y[t.rounded],
+        C,
         t.class
       ].join(" ");
-    }), c = o(() => {
+    }), c = a(() => {
       const n = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
@@ -101,42 +94,42 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      return l.value ? i[t.size] : n[t.size];
+      return s.value ? i[t.size] : n[t.size];
     });
-    return (n, i) => G((s(), h("button", {
+    return (n, i) => B((o(), g("button", {
       type: e.type,
-      class: r([y.value, "cursor-pointer"]),
+      class: r([v.value, "cursor-pointer"]),
       disabled: e.disabled || e.loading
     }, [
-      e.loading ? (s(), u(g, {
+      e.loading ? (o(), d(u, {
         key: 0,
         icon: "lucide:loader-2",
         class: r(["animate-spin pointer-events-none", c.value])
-      }, null, 8, ["class"])) : e.icon ? (s(), u(g, {
+      }, null, 8, ["class"])) : e.icon ? (o(), d(u, {
         key: 1,
         icon: e.icon,
-        class: r(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
-      }, null, 8, ["icon", "class"])) : m("", !0),
-      e.textClass ? (s(), h("span", {
+        class: r(["pointer-events-none", [e.iconClass, c.value, s.value ? "mx-auto" : ""]])
+      }, null, 8, ["icon", "class"])) : h("", !0),
+      e.textClass ? (o(), g("span", {
         key: 2,
         class: r(e.textClass)
       }, [
-        x(n.$slots, "default", {}, () => [
-          b(f(a.value), 1)
+        m(n.$slots, "default", {}, () => [
+          b(f(l.value), 1)
         ])
-      ], 2)) : x(n.$slots, "default", { key: 3 }, () => [
-        b(f(a.value), 1)
+      ], 2)) : m(n.$slots, "default", { key: 3 }, () => [
+        b(f(l.value), 1)
       ]),
-      e.iconRight && !e.loading ? (s(), u(g, {
+      e.iconRight && !e.loading ? (o(), d(u, {
         key: 4,
         icon: e.iconRight,
         class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
-      }, null, 8, ["icon", "class"])) : m("", !0)
-    ], 10, D)), [
-      [$(j)]
+      }, null, 8, ["icon", "class"])) : h("", !0)
+    ], 10, $)), [
+      [I(R)]
     ]);
   }
 });
 export {
-  q as default
+  T as default
 };

package/components/ButtonGroup.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonGroup.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ba735fac"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c990b8da"]]);
 export {
-  f as default
+  m as default
 };

package/components/ButtonGroup.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as r, computed as l, provide as n, openBlock as u, createElementBlock as c, normalizeClass as i, renderSlot as s } from "vue";
-const f = /* @__PURE__ */ r({
+import { defineComponent as r, computed as l, openBlock as c, createElementBlock as n, normalizeClass as i, renderSlot as s } from "vue";
+const p = /* @__PURE__ */ r({
   __name: "ButtonGroup",
   props: {
     variant: {},
@@ -9,21 +9,21 @@ const f = /* @__PURE__ */ r({
     class: { default: "" }
   },
   setup(e) {
-    const t = e, o = l(() => t.direction === "vertical");
-    return n("buttonGroup", { isInGroup: !0 }), (a, d) => (u(), c("div", {
+    const t = e, a = l(() => t.direction === "vertical");
+    return (o, u) => (c(), n("div", {
       role: "group",
       class: i([
         "inline-flex button-group",
-        o.value ? "flex-col" : "flex-row",
+        a.value ? "flex-col items-stretch" : "flex-row items-center",
         t.class,
         e.attached ? "attached-group" : "gap-2",
-        e.attached && o.value ? "vertical-group" : ""
+        e.attached && a.value ? "vertical-group" : ""
       ])
     }, [
-      s(a.$slots, "default", {}, void 0, !0)
+      s(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  f as default
+  p as default
 };

package/components/CategoryManager/CategoryManager.vue.d.ts

@@ -0,0 +1,36 @@
+import { CategoryItem, CategoryManagerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onDelete: (item: CategoryItem) => any;
+    "update:modelValue": (val: CategoryItem[]) => any;
+    onAdd: (item: CategoryItem) => any;
+    onEdit: (item: CategoryItem) => any;
+    onReorder: (val: CategoryItem[]) => any;
+}, string, import('vue').PublicProps, Readonly<CategoryManagerProps> & Readonly<{
+    onOnDelete?: (item: CategoryItem) => any;
+    "onUpdate:modelValue"?: (val: CategoryItem[]) => any;
+    onOnAdd?: (item: CategoryItem) => any;
+    onOnEdit?: (item: CategoryItem) => any;
+    onOnReorder?: (val: CategoryItem[]) => any;
+}>, {
+    size: "sm" | "md" | "lg";
+    readonly: boolean;
+    modelValue: CategoryItem[];
+    emptyTitle: string;
+    emptyDescription: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/CategoryManager/CategoryNode.vue.d.ts

@@ -0,0 +1,15 @@
+import { CategoryItem } from './types';
+interface Props {
+    modelValue: CategoryItem[];
+    level?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+    "update:modelValue": (value: CategoryItem[]) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: () => any;
+    "onUpdate:modelValue"?: (value: CategoryItem[]) => any;
+}>, {
+    level: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/CategoryManager/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CategoryManager } from './CategoryManager.vue';
+export * from './types';

package/components/CategoryManager/types.d.ts

@@ -0,0 +1,43 @@
+import { IForm } from '../Form';
+import { Ref, ComputedRef } from 'vue';
+export interface CategoryItem {
+    id: string | number;
+    title: string;
+    icon?: string;
+    description?: string;
+    children?: CategoryItem[];
+    [key: string]: any;
+}
+export interface CategoryManagerProps {
+    /** The nested array of category items */
+    modelValue?: CategoryItem[];
+    /** Optional custom form schema for add/edit operations */
+    formSchema?: IForm[];
+    /** Disable drag-and-drop and mutation actions */
+    readonly?: boolean;
+    /** Title for the empty state */
+    emptyTitle?: string;
+    /** Description for the empty state */
+    emptyDescription?: string;
+    /** Size modifier for the category nodes */
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface InlineState {
+    mode: 'add-root' | 'add-child' | null;
+    targetId: string | number | null;
+    title: string;
+    icon: string;
+}
+export interface CategoryManagerContext {
+    expandedIds: Ref<Set<string | number>>;
+    inlineState: Ref<InlineState>;
+    toggleExpand: (id: string | number) => void;
+    startInline: (mode: 'add-root' | 'add-child', parentId?: string | number | null) => void;
+    saveInline: () => void;
+    cancelInline: () => void;
+    saveItem: (item: CategoryItem) => void;
+    openModalForm: (mode: 'add' | 'edit' | 'add-child', item?: CategoryItem | null, parentId?: string | number | null) => void;
+    deleteItem: (item: CategoryItem) => void;
+    readonly: ComputedRef<boolean>;
+    size: ComputedRef<'sm' | 'md' | 'lg'>;
+}

package/components/Chat/ChatBubble.vue.js

@@ -1,23 +1,20 @@
-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 { defineComponent as h, computed as b, ref as k, openBlock as t, createElementBlock as a, normalizeClass as l, createVNode as u, createCommentVNode as s, createElementVNode as r, toDisplayString as c, unref as S, createBlock as B, withModifiers as C } from "vue";
 import D from "../Avatar.vue.js";
 import f from "../Button.vue.js";
-import p from "../AttachmentsList/AttachmentsList.vue.js";
+import E 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 = {
+}, z = {
   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 = {
+  class: "mb-0.5 text-[9px] font-medium tracking-wide uppercase opacity-80 truncate text-gray-900/80"
+}, A = {
   key: 1,
-  class: "relative flex items-center"
-}, $ = {
+  class: "text-sm whitespace-pre-wrap leading-relaxed break-words"
+}, N = {
   key: 1,
-  class: "mt-1 text-[10px] text-muted-foreground mx-1"
-}, M = /* @__PURE__ */ y({
+  class: "relative flex items-center"
+}, V = /* @__PURE__ */ h({
   __name: "ChatBubble",
   props: {
     message: {},
@@ -31,60 +28,78 @@ const T = {
   },
   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);
+    const o = e, m = g, x = b(() => o.message.timestamp ? new Date(o.message.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ""), i = k(!1);
+    let n = null;
+    const w = () => {
+      if (o.confirmDelete === !1) {
+        m("delete", o.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;
+      i.value ? (i.value = !1, n && (clearTimeout(n), n = null), m("delete", o.message.id)) : (i.value = !0, n = setTimeout(() => {
+        i.value = !1, n = null;
       }, 3e3));
-    }, h = () => {
-      a.value = !1, i && (clearTimeout(i), i = null);
+    }, v = () => {
+      i.value = !1, n && (clearTimeout(n), n = null);
     };
-    return (w, d) => (t(), l("div", {
-      class: o(["flex w-full gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
+    return (y, d) => (t(), a("div", {
+      class: l(["flex w-full min-w-0 gap-3 group", e.isSender ? "flex-row-reverse" : "flex-row"])
     }, [
-      e.showAvatar ? (t(), l("div", T, [
+      e.showAvatar ? (t(), a("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"])
+      r("div", {
+        class: l(["flex flex-col min-w-0 overflow-hidden max-w-[85%]", 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"])
+        r("div", {
+          class: l(["relative flex items-center min-w-0 max-w-full 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]", [
+          r("div", {
+            class: l(["px-3.5 py-2.5 rounded-2xl break-words relative min-w-[60px] max-w-full min-w-0 overflow-hidden", [
               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 })
+            e.showUserInfo && e.message.senderName && !e.isSender ? (t(), a("div", z, c(e.message.senderName), 1)) : s("", !0),
+            e.message.text ? (t(), a("p", A, c(e.message.text), 1)) : s("", !0),
+            e.message.attachments && e.message.attachments.length > 0 ? (t(), a("div", {
+              key: 2,
+              class: l({ "mt-2": e.message.text || e.showUserInfo && !e.isSender })
             }, [
-              u(B(p), {
+              u(S(E), {
                 attachments: e.message.attachments,
                 variant: "inline",
+                size: "sm",
                 "can-view": !0,
-                "can-download": !0
+                "can-download": !0,
+                "click-to-preview": !0,
+                "show-download-in-list": !1
               }, 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)
+            e.showTimestamp && (e.message.timestamp || e.message.isEdited) ? (t(), a("div", {
+              key: 3,
+              class: l(["mt-1 flex items-center gap-1", e.isSender ? "justify-end" : "justify-start"])
+            }, [
+              e.message.isEdited ? (t(), a("span", {
+                key: 0,
+                class: l(["text-[10px] opacity-60", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, " edited ", 2)) : s("", !0),
+              e.message.isEdited && e.message.timestamp ? (t(), a("span", {
+                key: 1,
+                class: l(["text-[10px] opacity-40", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, " · ", 2)) : s("", !0),
+              e.message.timestamp ? (t(), a("span", {
+                key: 2,
+                class: l(["text-[10px] opacity-60 tabular-nums", e.isSender ? "text-primary-foreground" : "text-muted-foreground"])
+              }, c(x.value), 3)) : s("", !0)
+            ], 2)) : s("", !0)
           ], 2),
-          n("div", N, [
-            e.isSender || e.allowEditAll ? (t(), C(f, {
+          r("div", {
+            class: l(["opacity-0 group-hover/bubble:opacity-100 focus-within:opacity-100 transition-opacity flex gap-0 pointer-events-none group-hover/bubble:pointer-events-auto focus-within:pointer-events-auto z-10", e.isSender ? "right-full pr-1" : "left-full pl-1"])
+          }, [
+            (e.isSender || e.allowEditAll) && e.message.text?.trim() ? (t(), B(f, {
               key: 0,
               variant: "ghost",
               size: "xs",
@@ -94,23 +109,23 @@ const T = {
               onClick: d[0] || (d[0] = (j) => m("edit", e.message)),
               "aria-label": "Edit message"
             })) : s("", !0),
-            e.isSender || e.allowDeleteAll ? (t(), l("div", z, [
+            e.isSender || e.allowDeleteAll ? (t(), a("div", N, [
               u(f, {
                 variant: "ghost",
                 size: "xs",
-                icon: a.value ? "lucide:check" : "lucide:trash-2",
+                icon: i.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"
+                onClick: w,
+                "aria-label": i.value ? "Confirm delete" : "Delete message"
               }, null, 8, ["icon", "aria-label"]),
-              a.value ? (t(), l("button", {
+              i.value ? (t(), a("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"]),
+                onClick: C(v, ["stop"]),
                 "aria-label": "Cancel delete"
               }, [...d[1] || (d[1] = [
-                n("svg", {
+                r("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   viewBox: "0 0 24 24",
                   fill: "none",
@@ -120,13 +135,13 @@ const T = {
                   "stroke-linejoin": "round",
                   class: "w-2 h-2"
                 }, [
-                  n("line", {
+                  r("line", {
                     x1: "18",
                     y1: "6",
                     x2: "6",
                     y2: "18"
                   }),
-                  n("line", {
+                  r("line", {
                     x1: "6",
                     y1: "6",
                     x2: "18",
@@ -135,13 +150,12 @@ const T = {
                 ], -1)
               ])])) : s("", !0)
             ])) : s("", !0)
-          ])
-        ], 2),
-        e.showTimestamp && e.message.timestamp ? (t(), l("div", $, c(x.value), 1)) : s("", !0)
+          ], 2)
+        ], 2)
       ], 2)
     ], 2));
   }
 });
 export {
-  M as default
+  V as default
 };