@tellyouai/plugin 0.1.3 → 0.1.4

package/README.md

@@ -9,7 +9,7 @@ it can be used from React, Vue, Svelte, or a plain browser application.
 Pin an exact release when application behavior must remain stable:
 
 ```sh
-npm install --save-exact @tellyouai/plugin@0.1.3
+npm install --save-exact @tellyouai/plugin@0.1.4
 ```
 
 Initialize the plugin after the page has loaded:

package/dist/package/index.js

@@ -23234,7 +23234,7 @@ var j, M, N, P, F, I, te, ne, re, ie, ae, L, oe, se, ce, le, ue, de, fe, R, pe,
 		}
 		r.withSources === void 0 && (r.withSources = !1);
 		let a = window.__tellyouaiEntryUrl || import.meta.url, o = new URLSearchParams(new URL(a).search), s = r.thingId || o.get("id") || void 0, c = r.entityId || o.get("entityId") || void 0, l = r.widgetId || o.get("widget") || o.get("widgetId") || void 0;
-		return !s && !c && (s ||= void 0, c ||= "019b38b9-413d-7cf7-9a2e-8cfdbcf46a6b"), l ||= void 0, !s && !c && console.error(Rl + ": id missing"), r.thingId = s, r.entityId = c, r.widgetId = l, r;
+		return !s && !c && console.error(Rl + ": id missing"), r.thingId = s, r.entityId = c, r.widgetId = l, r;
 	}, on = (0, nn.createContext)({
 		thingId: void 0,
 		entityId: void 0,
@@ -66824,15 +66824,14 @@ var QB, $B, Vpe = o((() => {
 					borderRadius: k
 				},
 				inputStyle: {
-					width: e === "input" ? M || n ? "calc(560px - 60px)" : "calc(240px)" : void 0,
+					width: e === "input" ? M || n ? "calc(560px)" : "calc(400px)" : void 0,
 					maxWidth: "100%",
 					transition: "width " + C,
 					borderRadius: k,
 					whiteSpace: "nowrap",
 					fontSize: "initial",
 					borderWidth: 0,
-					background: "none",
-					marginRight: "60px"
+					background: "none"
 				},
 				onFocus: () => {
 					N(!0);
@@ -84832,31 +84831,31 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 	};
 })), C9, w9, T9, Eje, Dje, Oje = o((() => {
 	C9 = /* @__PURE__ */ u(m(), 1), _A(), dV(), Il(), _V(), xV(), m(), Pq(), Tje(), w9 = tn(), T9 = ({ message: e, style: t = {}, sendMessage: n, onClickKnowledges: r, withTextAnimation: i = !1, onTextAnimate: a }) => {
-		let { formatMessage: o } = oA(), s = Eje(e.content), c = e.mcpApps || [], { getDynamic: l } = Wl(), { withSources: u, consent: d } = l(), f = pu(d), { config: { entityId: p, withMessageAvatars: m } } = Ul(), { entityId: h } = vu(), g = e.reactions?.find((e) => e.entityId === h)?.emotion, [_, v] = (0, C9.useState)(g), [y, b] = (0, C9.useState)(!1);
-		(0, C9.useEffect)(() => v(g), [g]);
-		let x = async (t) => {
-			if (!h || y) return;
-			let n = _, r = _ === t ? void 0 : t;
-			v(r), b(!0);
+		let { formatMessage: o } = oA(), s = Eje(e.content), c = e.mcpApps || [], { getDynamic: l } = Wl(), { withSources: u, consent: d } = l(), f = pu(d), { config: { entityId: p } } = Ul(), { entityId: m } = vu(), h = e.reactions?.find((e) => e.entityId === m)?.emotion, [g, _] = (0, C9.useState)(h), [v, y] = (0, C9.useState)(!1);
+		(0, C9.useEffect)(() => _(h), [h]);
+		let b = async (t) => {
+			if (!m || v) return;
+			let n = g, r = g === t ? void 0 : t;
+			_(r), y(!0);
 			try {
 				let t = await fetch(Bl + "/message/reaction", {
 					method: "POST",
 					body: JSON.stringify({
 						messageId: e.id,
-						entityId: h,
+						entityId: m,
 						emotion: r || null
 					}),
 					headers: { "Content-Type": "application/json" }
 				});
 				if (!t.ok) throw Error(`Reaction failed: ${t.status}`);
 			} catch (e) {
-				v(n), console.warn("Failed to save message reaction:", e);
+				_(n), console.warn("Failed to save message reaction:", e);
 			} finally {
-				b(!1);
+				y(!1);
 			}
-		}, S = e.entityId === p, C = e.entityId === h, { styles: { themeColors: w, colorBright: T, colorDark: E, foregroundColor70: D, color: O, spacingXS: ee, spacingSM: k, borderRadius: A, borderColor: j, shadow: M, fontWeightBold: N } } = mA(), P = w?.[0], F = e.status === "saving", I = un(P), te = un(O), ne = (0, C9.useRef)(null), re = (t) => {
+		}, x = e.entityId === p, S = e.entityId === m, { styles: { themeColors: C, colorBright: w, colorDark: T, foregroundColor70: E, color: D, spacingXS: O, spacingSM: ee, borderRadius: k, borderColor: A, shadow: j, fontWeightBold: M } } = mA(), N = C?.[0], P = C?.[1] ?? E, F = e.status === "saving", I = un(N), te = un(P), ne = un(D), re = (0, C9.useRef)(null), ie = (t) => {
 			let r = t.target.tagName === "BUTTON", i = t.target.tagName === "A";
-			if (r && !C) {
+			if (r && !S) {
 				let e = t.target.innerHTML || void 0;
 				e && n?.(e);
 			}
@@ -84873,44 +84872,44 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 				let o = (e) => e.replace("https://", "").replace("http://", "").replace("www.", "");
 				n.href = i.toString(), r && !o(r).startsWith(o(window.location.origin)) ? (n.target = "_blank", n.rel = "noopener noreferrer") : (n.removeAttribute("target"), n.removeAttribute("rel"));
 			}
-		}, ie = hn(e.content) ? e.content : mn(e.content) || "", ae = Ace(ie, i, 500, a), L = !!(i ? ae : ie).trim().length, oe = L || c.length > 0, se = i && ae.length < ie.length, ce = c.length > 0 && !F && !se, le = "Please review the original sources for potential inaccuracies before acting on any advice.";
+		}, ae = hn(e.content) ? e.content : mn(e.content) || "", L = Ace(ae, i, 500, a), oe = !!(i ? L : ae).trim().length, se = oe || c.length > 0, ce = i && L.length < ae.length, le = c.length > 0 && !F && !ce, ue = "Please review the original sources for potential inaccuracies before acting on any advice.";
 		return /* @__PURE__ */ (0, w9.jsxs)("div", {
 			style: {
-				alignItems: C ? "flex-end" : "flex-start",
+				alignItems: S ? "flex-end" : "flex-start",
 				width: "100%",
 				display: "flex",
 				flexDirection: "column",
-				gap: ee,
+				gap: O,
 				...t
 			},
-			ref: ne,
+			ref: re,
 			children: [/* @__PURE__ */ (0, w9.jsxs)("div", {
 				style: {
 					display: "flex",
 					gap: "4px",
 					maxWidth: "90%"
 				},
-				children: [m !== !1 && !C && !!e.entity && /* @__PURE__ */ (0, w9.jsx)(Nq, {
-					avatarId: e.entity.avatarId,
-					avatarMediaUrl: e.entity.mediaUrl,
+				children: [!S && /* @__PURE__ */ (0, w9.jsx)(Nq, {
+					avatarId: e.entity?.avatarId,
+					avatarMediaUrl: e.entity?.mediaUrl,
 					animation: "appear"
 				}), /* @__PURE__ */ (0, w9.jsxs)("div", {
 					style: {
 						fontSize: s === "emoji" ? "2em" : void 0,
 						wordBreak: "break-word",
 						boxSizing: "border-box",
-						border: s === "text" ? `0.5px solid ${j}` : "",
-						boxShadow: M,
+						border: s === "text" ? `0.5px solid ${A}` : "",
+						boxShadow: j,
 						backdropFilter: "blur(24px)",
 						display: "flex",
 						flexDirection: "column",
-						padding: s === "text" ? ee + " " + k : ee + " 0",
-						borderRadius: A,
-						backgroundColor: s === "text" ? C ? P : D : "",
-						color: s === "text" ? C ? I === !0 ? E : I === !1 ? T : void 0 : O : ""
+						padding: s === "text" ? O + " " + ee : O + " 0",
+						borderRadius: k,
+						backgroundColor: s === "text" ? S ? N : P : "",
+						color: s === "text" ? S ? I === !0 ? T : I === !1 ? w : void 0 : te === !0 ? T : te === !1 ? w : D : ""
 					},
 					children: [
-						S && oe && /* @__PURE__ */ (0, w9.jsxs)("div", {
+						x && se && /* @__PURE__ */ (0, w9.jsxs)("div", {
 							onClick: e.knowledges?.length ? () => r?.(e.knowledges?.map((e) => e.id) || []) : void 0,
 							style: {
 								opacity: .5,
@@ -84925,47 +84924,47 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 								/* @__PURE__ */ (0, w9.jsx)(bV, {
 									id: "questionmark",
 									size: "sm",
-									title: le
+									title: ue
 								}),
 								/* @__PURE__ */ (0, w9.jsx)("span", {
 									className: "tellyouai-sr-only",
-									children: le
+									children: ue
 								}),
 								!!e.knowledges?.length && /* @__PURE__ */ (0, w9.jsxs)("span", {
 									style: {
 										fontSize: "0.6em",
-										fontWeight: N,
-										backgroundColor: O,
-										color: te === !0 ? E : te === !1 ? T : void 0,
+										fontWeight: M,
+										backgroundColor: D,
+										color: ne === !0 ? T : ne === !1 ? w : void 0,
 										padding: "2px 3px",
 										lineHeight: 1,
 										cursor: "pointer",
 										borderRadius: "100%",
-										border: `0.5px solid ${j}`
+										border: `0.5px solid ${A}`
 									},
 									children: [e.knowledges.length, " "]
 								})
 							]
 						}),
-						L && /* @__PURE__ */ (0, w9.jsx)("div", {
+						oe && /* @__PURE__ */ (0, w9.jsx)("div", {
 							className: "tellyouai-message-item-content",
-							dangerouslySetInnerHTML: { __html: ae },
-							onClick: re
+							dangerouslySetInnerHTML: { __html: L },
+							onClick: ie
 						}),
-						F && !L && /* @__PURE__ */ (0, w9.jsxs)("div", { children: [
+						F && !oe && /* @__PURE__ */ (0, w9.jsxs)("div", { children: [
 							/* @__PURE__ */ (0, w9.jsx)(sV, {}),
 							" ",
 							!e.steps?.length && /* @__PURE__ */ (0, w9.jsx)("b", {
 								style: {
 									opacity: .5,
-									fontWeight: N,
+									fontWeight: M,
 									marginLeft: "8px",
 									marginRight: "48px"
 								},
 								children: o({ id: "thinking" })
 							})
 						] }),
-						S && oe && !se && /* @__PURE__ */ (0, w9.jsxs)("div", {
+						x && se && !ce && /* @__PURE__ */ (0, w9.jsxs)("div", {
 							style: {
 								display: "flex",
 								gap: "4px",
@@ -84974,12 +84973,12 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 								opacity: .5
 							},
 							children: [/* @__PURE__ */ (0, w9.jsxs)(gV, {
-								onClick: () => void x("👍"),
-								look: _ === "👍" ? "primary" : "inline",
+								onClick: () => void b("👍"),
+								look: g === "👍" ? "primary" : "inline",
 								size: "sm",
-								disabled: !h || y,
+								disabled: !m || v,
 								type: "radio",
-								checked: _ === "👍",
+								checked: g === "👍",
 								name: `reaction-${e.id || "local"}`,
 								children: [/* @__PURE__ */ (0, w9.jsx)(bV, {
 									id: "thumbs-up",
@@ -84992,12 +84991,12 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 									})
 								})]
 							}), /* @__PURE__ */ (0, w9.jsxs)(gV, {
-								onClick: () => void x("👎"),
-								look: _ === "👎" ? "primary" : "inline",
+								onClick: () => void b("👎"),
+								look: g === "👎" ? "primary" : "inline",
 								size: "sm",
-								disabled: !h || y,
+								disabled: !m || v,
 								type: "radio",
-								checked: _ === "👎",
+								checked: g === "👎",
 								name: `reaction-${e.id || "local"}`,
 								children: [/* @__PURE__ */ (0, w9.jsx)(bV, {
 									id: "thumbs-down",
@@ -85013,11 +85012,11 @@ var x4, S4, ZOe, QOe, C4, $Oe, eke, w4, T4, tke, Q, E4, D4, O4, k4, A4, j4, M4,
 						})
 					]
 				})]
-			}), ce && /* @__PURE__ */ (0, w9.jsx)("div", {
+			}), le && /* @__PURE__ */ (0, w9.jsx)("div", {
 				style: {
 					display: "grid",
-					gap: ee,
-					paddingTop: ee,
+					gap: O,
+					paddingTop: O,
 					width: "100%"
 				},
 				children: c.map((e) => /* @__PURE__ */ (0, w9.jsx)(wje, { app: e }, `${e.resourceUri}:${e.resourceToken || "local"}`))
@@ -86548,8 +86547,8 @@ var X9, Z9, iMe, aMe = o((() => {
         display: flex;
         align-items: center;
         justify-content: center;
-        background-color: var(--tellyouai-theme-color);
-        color: var(--tellyouai-theme-color-contrast);
+        background-color: transparent;
+        color: var(--tellyouai-theme-color);
       }`,
 			`#${e} .tellyouai-avatar.xxl { --tellyouai-avatar-size: 6rem; }`,
 			`#${e} .tellyouai-avatar.xl { --tellyouai-avatar-size: 5rem; }`,
@@ -86575,7 +86574,7 @@ var X9, Z9, iMe, aMe = o((() => {
   width: 100%;
   height: 100%;
       }`,
-			`#${e} .tellyouai-button {
+			`#${e} .tellyouai-button {margin:0;
         box-sizing: border-box;
         width: auto;
         height: auto;
@@ -86700,6 +86699,7 @@ var X9, Z9, iMe, aMe = o((() => {
   border: 0;
       }`,
 			`#${e} .tellyouai-input {
+      margin:0;
         box-sizing: border-box;
         field-sizing: content;
         width: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellyouai/plugin",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Framework-agnostic browser SDK for the Tellyou AI plugin",
   "repository": {
     "type": "git",