@shane_donnelly/dsi-internal-react-utils 1.2.1 → 1.3.1

package/dist/BotMessage-9XyyKf52.js

@@ -0,0 +1,242 @@
+import { t as e } from "./MarkdownRenderer-DsCX-ARI.js";
+import { useTheme as t } from "./chatbot/theme/useTheme.js";
+import { t as n } from "./iconBase-CDbPVA4E.js";
+import { n as r, t as i } from "./bs-BGOTKj78.js";
+import { t as a } from "./styles.module-DTfCO5TA.js";
+import { ImageElement as o } from "./chatbot/BotMessage/ImageElement.js";
+import { IsolatedHtmlElement as s } from "./chatbot/BotMessage/IsolatedHtmlElement.js";
+import { VegaChartElement as c } from "./chatbot/BotMessage/VegaChartElement.js";
+import { PlotlyChartElement as l } from "./chatbot/BotMessage/PlotlyChartElement.js";
+import { useEffect as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region node_modules/react-icons/tb/index.mjs
+function h(e) {
+	return n({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [
+			{
+				tag: "path",
+				attr: { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" },
+				child: []
+			},
+			{
+				tag: "path",
+				attr: { d: "M3.6 9h16.8" },
+				child: []
+			},
+			{
+				tag: "path",
+				attr: { d: "M3.6 15h16.8" },
+				child: []
+			},
+			{
+				tag: "path",
+				attr: { d: "M11.5 3a17 17 0 0 0 0 18" },
+				child: []
+			},
+			{
+				tag: "path",
+				attr: { d: "M12.5 3a17 17 0 0 1 0 18" },
+				child: []
+			}
+		]
+	})(e);
+}
+function g(e) {
+	return n({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [{
+			tag: "path",
+			attr: { d: "M6 9l6 6l6 -6" },
+			child: []
+		}]
+	})(e);
+}
+//#endregion
+//#region lib/chatbot/BotMessage/index.tsx
+function _({ markdownText: t }) {
+	return t ? /* @__PURE__ */ p(e, { text: t }) : null;
+}
+function v() {
+	return /* @__PURE__ */ p("svg", {
+		className: a["dsi-bot-loading-dot"],
+		width: "10",
+		height: "10",
+		viewBox: "0 0 10 10",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ p("circle", {
+			cx: "5",
+			cy: "5",
+			r: "4",
+			fill: "currentColor"
+		})
+	});
+}
+function y({ text: e }) {
+	let [t, n] = d(!1);
+	return /* @__PURE__ */ p("button", {
+		className: a["dsi-bot-copy-btn"],
+		onClick: () => {
+			navigator.clipboard.writeText(e).then(() => {
+				n(!0), setTimeout(() => n(!1), 2e3);
+			});
+		},
+		"aria-label": "Copier le message",
+		type: "button",
+		children: p(t ? i : r, {})
+	});
+}
+function b({ defaultOpen: e, closeWhen: t = !1, header: n, content: r, className: i, style: o }) {
+	let [s, c] = d(e);
+	return u(() => {
+		t && c(!1);
+	}, [t]), /* @__PURE__ */ m("div", {
+		className: i,
+		style: o,
+		children: [/* @__PURE__ */ m("div", {
+			className: a["dsi-bot-collapsible-header"],
+			onClick: () => c((e) => !e),
+			role: "button",
+			tabIndex: 0,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && c((e) => !e);
+			},
+			"aria-expanded": s,
+			children: [/* @__PURE__ */ p("div", {
+				className: a["dsi-bot-collapsible-header-inner"],
+				children: n
+			}), /* @__PURE__ */ p(g, {
+				className: a["dsi-bot-collapse-chevron"],
+				style: { transform: s ? "rotate(0deg)" : "rotate(-90deg)" },
+				"aria-hidden": "true"
+			})]
+		}), s && r && /* @__PURE__ */ p("div", {
+			className: a["dsi-bot-collapsible-body"],
+			children: r
+		})]
+	});
+}
+function x({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
+	let o = t();
+	return /* @__PURE__ */ p(b, {
+		defaultOpen: r || i,
+		closeWhen: !r && !i,
+		className: a["dsi-bot-reasoning"],
+		style: {
+			"--dsi-reasoning-border": o.reasoningBorder,
+			"--dsi-reasoning-text": o.reasoningText
+		},
+		header: /* @__PURE__ */ p("span", {
+			className: a["dsi-bot-element-title"],
+			children: e || "Raisonnement"
+		}),
+		content: n ? /* @__PURE__ */ p("p", {
+			className: a["dsi-bot-collapsible-content"],
+			children: n
+		}) : null
+	});
+}
+function S({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
+	let o = t();
+	return /* @__PURE__ */ p(b, {
+		defaultOpen: r || i,
+		closeWhen: !r && !i,
+		className: a["dsi-bot-tool"],
+		style: {
+			"--dsi-tool-border": o.toolBorder,
+			"--dsi-text-secondary": o.textSecondary,
+			"--dsi-text-primary": o.textPrimary
+		},
+		header: /* @__PURE__ */ m(f, { children: [r && /* @__PURE__ */ p("span", { className: a["dsi-bot-spinner"] }), /* @__PURE__ */ p("span", {
+			className: a["dsi-bot-element-title"],
+			children: e || "Outil"
+		})] }),
+		content: n ? /* @__PURE__ */ p("p", {
+			className: a["dsi-bot-collapsible-content"],
+			children: n
+		}) : null
+	});
+}
+function C({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
+	let o = t();
+	return /* @__PURE__ */ p(b, {
+		defaultOpen: r || i,
+		closeWhen: !r && !i,
+		className: a["dsi-bot-search"],
+		style: {
+			"--dsi-tool-border": o.toolBorder,
+			"--dsi-text-secondary": o.textSecondary,
+			"--dsi-text-primary": o.textPrimary
+		},
+		header: /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p(h, { className: a["dsi-bot-search-icon"] }),
+			r && /* @__PURE__ */ p("span", { className: a["dsi-bot-spinner"] }),
+			/* @__PURE__ */ p("span", {
+				className: a["dsi-bot-element-title"],
+				children: e || "Recherche"
+			})
+		] }),
+		content: n ? /* @__PURE__ */ p("p", {
+			className: a["dsi-bot-collapsible-content"],
+			children: n
+		}) : null
+	});
+}
+var w = {
+	text: _,
+	reasoning: x,
+	tool: S,
+	search: C,
+	image: o,
+	isolatedHtml: s,
+	vegaChart: c,
+	plotlyChart: l
+};
+function T({ message: e, registry: n = w }) {
+	let r = t(), i = [...e.elements].sort((e, t) => e.index - t.index), o = [...i].reverse().find((e) => e.type === "text")?.markdownText ?? "";
+	return /* @__PURE__ */ m("div", {
+		className: a["dsi-bot-msg"],
+		style: {
+			"--dsi-text-primary": r.textPrimary,
+			"--dsi-text-secondary": r.textSecondary,
+			"--dsi-border": r.border
+		},
+		children: [
+			e.isLoading && /* @__PURE__ */ p(v, {}),
+			i.map((e, t) => {
+				let r = n[e.type];
+				if (!r) return null;
+				let a = t === i.length - 1;
+				return /* @__PURE__ */ p(r, {
+					...e,
+					_isLastElement: a
+				}, `${e.type}-${e.index}-${t}`);
+			}),
+			/* @__PURE__ */ m("div", {
+				className: a["dsi-bot-msg-footer"],
+				children: [!e.isLoading && /* @__PURE__ */ p(y, { text: o }), !e.isLoading && e.timeOrDateToDisplay && /* @__PURE__ */ p("span", {
+					className: a["dsi-bot-msg-time"],
+					children: e.timeOrDateToDisplay
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { w as n, T as t };

package/dist/{MarkdownRenderer-vU2aoyaG.js → MarkdownRenderer-DsCX-ARI.js}

@@ -1,5 +1,5 @@
 import { useTheme as e } from "./chatbot/theme/useTheme.js";
-import { n as t, t as n } from "./bs-CmZftXMO.js";
+import { n as t, t as n } from "./bs-BGOTKj78.js";
 import { useRef as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js

package/dist/SessionContainer-C4YWEApz.js

@@ -0,0 +1,48 @@
+import { useTheme as e } from "./chatbot/theme/useTheme.js";
+import { t } from "./SessionHistory-uFMdR01J.js";
+import { t as n } from "./InputBar-DOkn2T-l.js";
+import { useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/chatbot/SessionContainer/styles.module.css
+var o = {
+	"dsi-session-container": "_dsi-session-container_1iida_1",
+	"dsi-session-container-history": "_dsi-session-container-history_1iida_11",
+	"dsi-session-container-inputbar": "_dsi-session-container-inputbar_1iida_18"
+};
+//#endregion
+//#region lib/chatbot/SessionContainer/index.tsx
+function s({ userMessages: s, botMessages: c, orderedIds: l, botMessageRegistry: u, userMessageSlots: d, alternativeScreenComponent: f, isAlternativeScreenActive: p = !1, value: m, onChange: h, placeholder: g, actionButtonType: _, actionButtonEnabled: v, onActionButtonClick: y, plusSlot: b, upperSlot: x }) {
+	let S = e(), C = r(() => {
+		let e = new Map(s.map((e) => [e.id, e]));
+		return l.filter((t) => e.has(t)).map((t) => e.get(t).text);
+	}, [s, l]);
+	return /* @__PURE__ */ a("div", {
+		className: o["dsi-session-container"],
+		style: { "--dsi-bg": S.background },
+		children: [/* @__PURE__ */ i("div", {
+			className: o["dsi-session-container-history"],
+			children: p ? f ?? null : /* @__PURE__ */ i(t, {
+				userMessages: s,
+				botMessages: c,
+				orderedIds: l,
+				botMessageRegistry: u,
+				userMessageSlots: d
+			})
+		}), /* @__PURE__ */ i("div", {
+			className: o["dsi-session-container-inputbar"],
+			children: /* @__PURE__ */ i(n, {
+				value: m,
+				onChange: h,
+				placeholder: g,
+				actionButtonType: _,
+				actionButtonEnabled: v,
+				onActionButtonClick: y,
+				plusSlot: b,
+				upperSlot: x,
+				messageHistory: C
+			})
+		})]
+	});
+}
+//#endregion
+export { s as t };

package/dist/{SessionHistory-BUYwbZjE.js → SessionHistory-uFMdR01J.js}

@@ -1,37 +1,25 @@
-import { t as e } from "./UserMessage-CkrDUpkQ.js";
-import { n as t, t as n } from "./BotMessage-DegH8sM-.js";
+import { t as e } from "./UserMessage-iwSKfrPo.js";
+import { n as t, t as n } from "./BotMessage-9XyyKf52.js";
 import { useEffect as r, useRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region lib/chatbot/SessionHistory/styles.module.css
-var o = { "dsi-session-history": "_dsi-session-history_ju41j_1" };
+var o = { "dsi-session-history": "_dsi-session-history_13fgm_1" };
 //#endregion
 //#region lib/chatbot/SessionHistory/index.tsx
 function s({ userMessages: s, botMessages: c, orderedIds: l, botMessageRegistry: u = t, userMessageSlots: d }) {
-	let f = new Map(s.map((e) => [e.id, e])), p = new Map(c.map((e) => [e.id, e])), m = i(null), h = i(null), g = i(!0);
-	r(() => {
-		let e = m.current;
-		if (!e) return;
-		let t = e.parentElement;
-		for (; t;) {
-			let { overflowY: e } = window.getComputedStyle(t);
-			if (e === "auto" || e === "scroll") break;
-			t = t.parentElement;
-		}
-		h.current = t ?? document.documentElement;
-	}, []);
-	let _ = c.some((e) => e.isLoading);
+	let f = new Map(s.map((e) => [e.id, e])), p = new Map(c.map((e) => [e.id, e])), m = i(null), h = i(!0);
 	return r(() => {
-		let e = h.current;
+		let e = m.current;
 		if (!e) return;
 		let t = (e) => {
-			e.deltaY < 0 && _ && (g.current = !1);
+			e.deltaY < 0 && (h.current = !1);
 		};
 		return e.addEventListener("wheel", t, { passive: !0 }), () => e.removeEventListener("wheel", t);
-	}, [_]), r(() => {
-		_ && (g.current = !0);
-	}, [_]), r(() => {
-		if (!g.current) return;
-		let e = h.current;
+	}, []), r(() => {
+		h.current = !0;
+	}, [l.length]), r(() => {
+		if (!h.current) return;
+		let e = m.current;
 		e && (e.scrollTop = e.scrollHeight);
 	}, [l.length * 1e5 + c.reduce((e, t) => e + t.elements.reduce((e, t) => {
 		let n = t;

package/dist/{UserMessage-CkrDUpkQ.js → UserMessage-iwSKfrPo.js}

@@ -1,5 +1,5 @@
 import { useTheme as e } from "./chatbot/theme/useTheme.js";
-import { n as t, t as n } from "./bs-CmZftXMO.js";
+import { n as t, t as n } from "./bs-BGOTKj78.js";
 import r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region lib/chatbot/UserMessage/styles.module.css

package/dist/{bs-CmZftXMO.js → bs-BGOTKj78.js}

@@ -1,6 +1,24 @@
 import { t as e } from "./iconBase-CDbPVA4E.js";
 //#region node_modules/react-icons/bs/index.mjs
 function t(t) {
+	return e({
+		tag: "svg",
+		attr: {
+			fill: "currentColor",
+			viewBox: "0 0 16 16"
+		},
+		child: [{
+			tag: "path",
+			attr: { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5" },
+			child: []
+		}, {
+			tag: "path",
+			attr: { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z" },
+			child: []
+		}]
+	})(t);
+}
+function n(t) {
 	return e({
 		tag: "svg",
 		attr: {
@@ -17,7 +35,7 @@ function t(t) {
 		}]
 	})(t);
 }
-function n(t) {
+function r(t) {
 	return e({
 		tag: "svg",
 		attr: {
@@ -32,4 +50,4 @@ function n(t) {
 	})(t);
 }
 //#endregion
-export { t as n, n as t };
+export { n, t as r, r as t };

package/dist/chatbot/BotMessage/ImageElement.d.ts

@@ -0,0 +1,21 @@
+import { ElementData } from './types';
+/**
+ * Élément image — affichage d'une image avec spinner pendant le chargement
+ * et état d'erreur si le chargement échoue.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class ImageElementData(ElementData):
+ *     type: Literal["image"] = "image"
+ *     src: str
+ *     alt: Optional[str] = "Image Not Found"
+ * ```
+ */
+export interface ImageElementData extends ElementData {
+    type: "image";
+    /** URL ou base64 de l'image */
+    src: string;
+    /** Texte alternatif (défaut : "Image Not Found") */
+    alt?: string;
+}
+export declare function ImageElement({ src, alt }: ImageElementData): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/BotMessage/ImageElement.js

@@ -0,0 +1,68 @@
+import { n as e, r as t, t as n } from "../../bs-BGOTKj78.js";
+import { t as r } from "../../styles.module-DTfCO5TA.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/chatbot/BotMessage/ImageElement.tsx
+function s({ src: s, alt: c = "Image Not Found" }) {
+	let [l, u] = i("loading"), [d, f] = i(!1);
+	return /* @__PURE__ */ o("div", {
+		className: r["dsi-bot-image-wrap"],
+		children: [
+			l === "loading" && /* @__PURE__ */ a("div", {
+				className: r["dsi-bot-image-placeholder"],
+				children: /* @__PURE__ */ a("span", {
+					className: r["dsi-bot-image-spinner"],
+					"aria-hidden": "true"
+				})
+			}),
+			l === "error" && /* @__PURE__ */ a("div", {
+				className: r["dsi-bot-image-placeholder"],
+				children: /* @__PURE__ */ a("span", {
+					className: r["dsi-bot-image-error"],
+					children: c
+				})
+			}),
+			/* @__PURE__ */ a("img", {
+				src: s,
+				alt: c,
+				className: r["dsi-bot-image"],
+				style: { display: l === "loaded" ? "block" : "none" },
+				onLoad: () => u("loaded"),
+				onError: () => u("error")
+			}),
+			l === "loaded" && /* @__PURE__ */ o("div", {
+				className: r["dsi-bot-image-actions"],
+				children: [/* @__PURE__ */ a("button", {
+					className: r["dsi-bot-image-btn"],
+					onClick: async () => {
+						try {
+							let e = await (await fetch(s)).blob();
+							await navigator.clipboard.write([new ClipboardItem({ [e.type]: e })]);
+						} catch {
+							await navigator.clipboard.writeText(s);
+						}
+						f(!0), setTimeout(() => f(!1), 2e3);
+					},
+					"aria-label": "Copier l'image",
+					type: "button",
+					children: a(d ? n : e, {})
+				}), /* @__PURE__ */ a("button", {
+					className: r["dsi-bot-image-btn"],
+					onClick: async () => {
+						try {
+							let e = await (await fetch(s)).blob(), t = URL.createObjectURL(e), n = s.startsWith("data:") ? `image.${e.type.split("/")[1] || "png"}` : s.split("/").pop()?.split("?")[0] || "image", r = document.createElement("a");
+							r.href = t, r.download = n, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(t);
+						} catch {
+							window.open(s, "_blank", "noopener,noreferrer");
+						}
+					},
+					"aria-label": "Télécharger l'image",
+					type: "button",
+					children: /* @__PURE__ */ a(t, {})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { s as ImageElement };

package/dist/chatbot/BotMessage/IsolatedHtmlElement.d.ts

@@ -0,0 +1,26 @@
+import { ElementData } from './types';
+/**
+ * Élément affichant du contenu HTML de façon isolée et sécurisée
+ * (iframe sandboxée).
+ *
+ * La hauteur de l'iframe est ajustée automatiquement au contenu via
+ * `onLoad` + lecture de `scrollHeight` (accessible grâce à `allow-same-origin`).
+ * Le CSS du document parent ne fuit pas dans l'iframe — l'isolation visuelle
+ * est garantie par le document séparé de l'iframe.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class IsolatedHtmlElementData(ElementData):
+ *     type: Literal["isolatedHtml"] = "isolatedHtml"
+ *     htmlContent: str
+ *     sandbox: Optional[str] = "allow-scripts allow-same-origin allow-forms"
+ * ```
+ */
+export interface IsolatedHtmlElementData extends ElementData {
+    type: "isolatedHtml";
+    /** Contenu HTML à afficher dans l'iframe */
+    htmlContent: string;
+    /** Options de sandbox (défaut : "allow-scripts allow-same-origin allow-forms") */
+    sandbox?: string;
+}
+export declare function IsolatedHtmlElement({ htmlContent, sandbox, }: IsolatedHtmlElementData): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/BotMessage/IsolatedHtmlElement.js

@@ -0,0 +1,35 @@
+import { n as e, t } from "../../bs-BGOTKj78.js";
+import { t as n } from "../../styles.module-DTfCO5TA.js";
+import { useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/chatbot/BotMessage/IsolatedHtmlElement.tsx
+function s({ htmlContent: s, sandbox: c = "allow-scripts allow-same-origin allow-forms" }) {
+	let [l, u] = i(!1), [d, f] = i(void 0), p = r(null);
+	return /* @__PURE__ */ o("div", {
+		className: n["dsi-bot-iframe-wrap"],
+		children: [/* @__PURE__ */ a("iframe", {
+			ref: p,
+			srcDoc: s,
+			sandbox: c,
+			className: n["dsi-bot-iframe"],
+			style: d === void 0 ? void 0 : { height: `${d}px` },
+			onLoad: () => {
+				let e = p.current?.contentWindow?.document;
+				e && f(e.documentElement.scrollHeight);
+			},
+			title: "isolated-html"
+		}), /* @__PURE__ */ a("button", {
+			className: n["dsi-bot-iframe-copy"],
+			onClick: () => {
+				navigator.clipboard.writeText(s).then(() => {
+					u(!0), setTimeout(() => u(!1), 2e3);
+				});
+			},
+			"aria-label": "Copier le HTML",
+			type: "button",
+			children: a(l ? t : e, {})
+		})]
+	});
+}
+//#endregion
+export { s as IsolatedHtmlElement };

package/dist/chatbot/BotMessage/PlotlyChartElement.d.ts

@@ -0,0 +1,23 @@
+import { ElementData } from './types';
+type AnyData = any[];
+type AnyLayout = any;
+/**
+ * Élément affichant un graphique Plotly.
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class PlotlyChartElementData(ElementData):
+ *     type: Literal["plotlyChart"] = "plotlyChart"
+ *     data: list[dict]
+ *     layout: Optional[dict] = None
+ * ```
+ */
+export interface PlotlyChartElementData extends ElementData {
+    type: "plotlyChart";
+    /** Liste des traces Plotly (voir https://plot.ly/javascript/reference/) */
+    data: AnyData;
+    /** Layout Plotly (voir https://plot.ly/javascript/reference/#layout) */
+    layout?: AnyLayout;
+}
+export declare function PlotlyChartElement({ data, layout }: PlotlyChartElementData): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/chatbot/BotMessage/PlotlyChartElement.js

@@ -0,0 +1,30 @@
+import { t as e } from "../../styles.module-DTfCO5TA.js";
+import { Suspense as t, lazy as n, useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/chatbot/BotMessage/PlotlyChartElement.tsx
+var o = n(async () => {
+	let e = await import("react-plotly.js"), t = typeof e == "function" ? e : typeof e?.default == "function" ? e.default : typeof e?.default?.default == "function" ? e.default.default : null;
+	if (!t) throw Error("[dsi-react-utils] react-plotly.js loaded but no component export found");
+	return { default: t };
+});
+function s({ data: n, layout: s }) {
+	let [c, l] = i(!1);
+	return r(() => l(!0), []), c ? /* @__PURE__ */ a("div", {
+		className: e["dsi-bot-chart-wrap"],
+		children: /* @__PURE__ */ a(t, {
+			fallback: /* @__PURE__ */ a("div", {}),
+			children: /* @__PURE__ */ a(o, {
+				data: n,
+				layout: s,
+				config: {
+					displaylogo: !1,
+					responsive: !0
+				},
+				useResizeHandler: !0,
+				style: { maxWidth: "100%" }
+			})
+		})
+	}) : /* @__PURE__ */ a("div", { className: e["dsi-bot-chart-wrap"] });
+}
+//#endregion
+export { s as PlotlyChartElement };

package/dist/chatbot/BotMessage/VegaChartElement.d.ts

@@ -0,0 +1,21 @@
+import { ElementData } from './types';
+type AnySpec = any;
+/**
+ * Élément affichant un graphique Vega / Vega-Lite.
+ * Wrapper léger autour de `react-vega` (importé dynamiquement pour rester
+ * compatible SSR).
+ *
+ * ```python
+ * # Pydantic (Python)
+ * class VegaChartElementData(ElementData):
+ *     type: Literal["vegaChart"] = "vegaChart"
+ *     chartSpec: dict  # spec Vega ou Vega-Lite, data incluse
+ * ```
+ */
+export interface VegaChartElementData extends ElementData {
+    type: "vegaChart";
+    /** Spécification Vega ou Vega-Lite (data incluse) */
+    chartSpec: AnySpec;
+}
+export declare function VegaChartElement({ chartSpec }: VegaChartElementData): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/chatbot/BotMessage/VegaChartElement.js

@@ -0,0 +1,17 @@
+import { t as e } from "../../styles.module-DTfCO5TA.js";
+import { Suspense as t, lazy as n, useEffect as r, useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region lib/chatbot/BotMessage/VegaChartElement.tsx
+var o = n(async () => ({ default: (await import("react-vega")).VegaEmbed }));
+function s({ chartSpec: n }) {
+	let [s, c] = i(!1);
+	return r(() => c(!0), []), s ? /* @__PURE__ */ a("div", {
+		className: e["dsi-bot-chart-wrap"],
+		children: /* @__PURE__ */ a(t, {
+			fallback: /* @__PURE__ */ a("div", {}),
+			children: /* @__PURE__ */ a(o, { spec: n })
+		})
+	}) : /* @__PURE__ */ a("div", { className: e["dsi-bot-chart-wrap"] });
+}
+//#endregion
+export { s as VegaChartElement };

package/dist/chatbot/BotMessage/index.d.ts

@@ -1,20 +1,10 @@
 import { default as React } from 'react';
-/**
- * Données de base pour tout élément d'un message bot.
- *
- * ```python
- * # Pydantic (Python)
- * class ElementData(BaseModel):
- *     index: int
- *     type: str
- * ```
- */
-export interface ElementData {
-    /** Ordre d'affichage de l'élément dans le message */
-    index: number;
-    /** Type d'élément — doit correspondre à une clé du registry utilisé */
-    type: string;
-}
+import { ElementData } from './types';
+export type { ElementData } from './types';
+export type { ImageElementData } from './ImageElement';
+export type { IsolatedHtmlElementData } from './IsolatedHtmlElement';
+export type { VegaChartElementData } from './VegaChartElement';
+export type { PlotlyChartElementData } from './PlotlyChartElement';
 /**
  * Élément de texte en markdown.
  *

package/dist/chatbot/BotMessage/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../BotMessage-DegH8sM-.js";
+import { n as e, t } from "../../BotMessage-9XyyKf52.js";
 export { t as BotMessage, e as defaultBotMessageRegistry };