@everchron/ec-shards 14.22.3 → 14.23.0

package/dist/ec-shards.js

@@ -5321,6 +5321,12 @@ const V_ = /* @__PURE__ */ _(gr, [["render", hr], ["__scopeId", "data-v-3181dbaf
   name: "ecs-chat-message",
   components: { EcsAvatar: nt, EcsIcon: O },
   props: {
+    /** Determines the visual variant of the message. */
+    variant: {
+      type: String,
+      default: "bubble",
+      validator: (e) => ["default", "bubble"].includes(e)
+    },
     /** Determines the direction of the message. */
     direction: {
       type: String,
@@ -5348,17 +5354,23 @@ const V_ = /* @__PURE__ */ _(gr, [["render", hr], ["__scopeId", "data-v-3181dbaf
     busyText: {
       type: String,
       default: "Thinking..."
+    },
+    /** Determines if the message should have a hover effect to indicate interactivity. */
+    hover: {
+      type: Boolean,
+      default: !1
     }
   },
   computed: {
     bubbleColor() {
-      return this.type === "assistant" ? "var(--color-blue-2)" : this.type === "bookmarked" ? "var(--color-yellow-3)" : (this.type === "default", "var(--color-gray-2)");
+      return this.variant !== "bubble" ? null : this.type === "assistant" ? "var(--color-blue-2)" : this.type === "bookmarked" ? "var(--color-yellow-3)" : (this.type === "default", "var(--color-gray-2)");
     }
   }
 }, vr = ["aria-busy"], yr = { class: "ecs-chat-message-content" }, br = {
   key: 1,
   class: "ecai-avatar"
 }, _r = {
+  key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   width: "8",
   height: "8",
@@ -5366,7 +5378,7 @@ const V_ = /* @__PURE__ */ _(gr, [["render", hr], ["__scopeId", "data-v-3181dbaf
   fill: "none",
   class: "ecs-chat-message-bubble-arrow"
 }, kr = ["fill"], wr = {
-  key: 0,
+  key: 1,
   class: "ecs-chat-message-busy-text"
 }, xr = {
   key: 0,
@@ -5375,28 +5387,30 @@ const V_ = /* @__PURE__ */ _(gr, [["render", hr], ["__scopeId", "data-v-3181dbaf
 function Sr(e, s, t, a, n, i) {
   const l = g("ecs-avatar"), c = g("ecs-icon");
   return o(), r("div", {
-    class: y(["ecs-chat-message", { sent: t.direction === "sent", received: t.direction === "received" }]),
+    class: y(["ecs-chat-message", { sent: t.direction === "sent", received: t.direction === "received", [t.variant]: t.variant, hover: t.hover }]),
     "aria-busy": t.busy
   }, [
     f("div", yr, [
-      t.type !== "assistant" ? (o(), h(l, Re({ key: 0 }, t.avatar, { size: 24 }), null, 16)) : (o(), r("div", br, [
-        b(c, {
-          type: "ecai-icon",
-          size: "20",
-          color: "var(--color-white)"
-        })
-      ])),
+      t.variant === "bubble" ? (o(), r(N, { key: 0 }, [
+        t.type !== "assistant" ? (o(), h(l, Re({ key: 0 }, t.avatar, { size: 24 }), null, 16)) : (o(), r("div", br, [
+          b(c, {
+            type: "ecai-icon",
+            size: "20",
+            color: "var(--color-white)"
+          })
+        ]))
+      ], 64)) : u("", !0),
       f("div", {
         class: "ecs-chat-message-bubble",
-        style: S({ backgroundColor: i.bubbleColor })
+        style: S(t.variant === "bubble" ? { backgroundColor: i.bubbleColor } : {})
       }, [
-        (o(), r("svg", _r, [
+        t.variant === "bubble" ? (o(), r("svg", _r, [
           f("path", {
             d: "M6.2929 6.2929L0 0V8H5.58579C6.47669 8 6.92286 6.92286 6.2929 6.2929Z",
             fill: i.bubbleColor
           }, null, 8, kr)
-        ])),
-        t.busy ? (o(), r("span", wr, x(t.busyText), 1)) : p(e.$slots, "default", { key: 1 }, void 0, !0)
+        ])) : u("", !0),
+        t.busy ? (o(), r("span", wr, x(t.busyText), 1)) : p(e.$slots, "default", { key: 2 }, void 0, !0)
       ], 4)
     ]),
     e.$slots.actions ? (o(), r("div", xr, [
@@ -5404,7 +5418,7 @@ function Sr(e, s, t, a, n, i) {
     ])) : u("", !0)
   ], 10, vr);
 }
-const F_ = /* @__PURE__ */ _(pr, [["render", Sr], ["__scopeId", "data-v-81361268"]]);
+const F_ = /* @__PURE__ */ _(pr, [["render", Sr], ["__scopeId", "data-v-1d38d2c4"]]);
 var Ze = {}, Ns;
 function Cr() {
   if (Ns) return Ze;