@shane_donnelly/dsi-internal-react-utils 1.2.0 → 1.3.0

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-DfTD7hX3.js → SessionContainer-k652tx2b.js}

@@ -1,6 +1,6 @@
 import { useTheme as e } from "./chatbot/theme/useTheme.js";
-import { t } from "./SessionHistory-BUYwbZjE.js";
-import { t as n } from "./InputBar-CVy2_QtC.js";
+import { t } from "./SessionHistory-Ix5_68Dt.js";
+import { t as n } from "./InputBar-DOkn2T-l.js";
 import { useEffect as r, useMemo as i, useRef as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/chatbot/SessionContainer/styles.module.css

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

@@ -1,5 +1,5 @@
-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

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 };

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

@@ -0,0 +1,16 @@
+/**
+ * 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;
+}

package/dist/chatbot/InputBar/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../InputBar-CVy2_QtC.js";
+import { t as e } from "../../InputBar-DOkn2T-l.js";
 import { usePlusSlot as t } from "./usePlusSlot.js";
 export { e as InputBar, t as usePlusSlot };

package/dist/chatbot/MarkdownRenderer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../MarkdownRenderer-vU2aoyaG.js";
+import { t as e } from "../../MarkdownRenderer-DsCX-ARI.js";
 export { e as MarkdownRenderer };

package/dist/chatbot/SessionContainer/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SessionContainer-DfTD7hX3.js";
+import { t as e } from "../../SessionContainer-k652tx2b.js";
 export { e as SessionContainer };

package/dist/chatbot/SessionHistory/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SessionHistory-BUYwbZjE.js";
+import { t as e } from "../../SessionHistory-Ix5_68Dt.js";
 export { e as SessionHistory };

package/dist/chatbot/UserMessage/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../UserMessage-CkrDUpkQ.js";
+import { t as e } from "../../UserMessage-iwSKfrPo.js";
 export { e as UserMessage };

package/dist/chatbot/index.d.ts

@@ -5,7 +5,7 @@ export type { MarkdownRendererProps } from './MarkdownRenderer';
 export { UserMessage } from './UserMessage';
 export type { UserMessageData, UserMessageProps } from './UserMessage';
 export { BotMessage, defaultBotMessageRegistry } from './BotMessage';
-export type { ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, BotMessageData, BotMessageRegistry, BotMessageProps, } from './BotMessage';
+export type { ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, ImageElementData, IsolatedHtmlElementData, VegaChartElementData, PlotlyChartElementData, BotMessageData, BotMessageRegistry, BotMessageProps, } from './BotMessage';
 export { SessionHistory } from './SessionHistory';
 export type { SessionHistoryProps, SessionUserMessageSlots } from './SessionHistory';
 export { InputBar, usePlusSlot } from './InputBar';

package/dist/chatbot/index.js

@@ -1,11 +1,11 @@
-import { t as e } from "../MarkdownRenderer-vU2aoyaG.js";
+import { t as e } from "../MarkdownRenderer-DsCX-ARI.js";
 import { getCurrentTheme as t, getTheme as n, setTheme as r } from "./theme/types.js";
 import { useTheme as i } from "./theme/useTheme.js";
 import "./theme/index.js";
-import { t as a } from "../UserMessage-CkrDUpkQ.js";
-import { n as o, t as s } from "../BotMessage-DegH8sM-.js";
-import { t as c } from "../SessionHistory-BUYwbZjE.js";
-import { t as l } from "../InputBar-CVy2_QtC.js";
+import { t as a } from "../UserMessage-iwSKfrPo.js";
+import { n as o, t as s } from "../BotMessage-9XyyKf52.js";
+import { t as c } from "../SessionHistory-Ix5_68Dt.js";
+import { t as l } from "../InputBar-DOkn2T-l.js";
 import { usePlusSlot as u } from "./InputBar/usePlusSlot.js";
-import { t as d } from "../SessionContainer-DfTD7hX3.js";
+import { t as d } from "../SessionContainer-k652tx2b.js";
 export { s as BotMessage, l as InputBar, e as MarkdownRenderer, d as SessionContainer, c as SessionHistory, a as UserMessage, o as defaultBotMessageRegistry, t as getCurrentTheme, n as getTheme, r as setTheme, u as usePlusSlot, i as useTheme };

package/dist/chatbot/theme/types.js

@@ -23,8 +23,8 @@ var e = {
 	actionButtonHoverBg: "#333333",
 	actionButtonIcon: "#ffffff"
 }, t = {
-	background: "#212121",
-	backgroundSecondary: "#2d2d2d",
+	background: "#1d1d1d",
+	backgroundSecondary: "#333333",
 	userBubbleBg: "#303030",
 	userBubbleText: "#ececec",
 	textPrimary: "#ececec",

package/dist/keycloak/core/client.d.ts

@@ -5,7 +5,7 @@ import { KeycloakConfig, AuthUser } from './types';
  * @param config - Configuration du serveur Keycloak
  * @returns Instance Keycloak
  */
-export declare function createKeycloakInstance(config: KeycloakConfig): Keycloak;
+export declare function createKeycloakInstance(config: KeycloakConfig): Promise<Keycloak>;
 /**
  * Initialise une instance Keycloak avec PKCE S256.
  * Traite un éventuel callback d'authentification dans l'URL,

package/dist/keycloak/core/client.js

@@ -1,7 +1,10 @@
-import e from "keycloak-js";
 //#region lib/keycloak/core/client.ts
-function t(t) {
-	return new e({
+async function e() {
+	let e = await import("keycloak-js");
+	return e.default ?? e;
+}
+async function t(t) {
+	return new (await (e()))({
 		url: t.url,
 		realm: t.realm,
 		clientId: t.clientId

package/dist/keycloak/react/KeycloakProvider/index.js

@@ -34,12 +34,22 @@ function u({ config: r, children: u, idpHint: d, refreshInterval: f = 300, minTo
 	a(() => {
 		if (S.current) return;
 		S.current = !0;
-		let n = e(r);
-		x.current = n, t(n).then((e) => {
-			E(n), e || g("unauthenticated");
-		}).catch((e) => {
-			console.error("[dsi-keycloak] Init error:", e), g("error");
-		});
+		let n = !1;
+		return (async () => {
+			try {
+				let i = await e(r);
+				if (n) return;
+				x.current = i;
+				let a = await t(i);
+				if (n) return;
+				E(i), a || g("unauthenticated");
+			} catch (e) {
+				if (n) return;
+				console.error("[dsi-keycloak] Init error:", e), g("error");
+			}
+		})(), () => {
+			n = !0;
+		};
 	}, []), a(() => {
 		if (h !== "authenticated") return;
 		let e = window.setInterval(() => {

package/dist/main.d.ts

@@ -1,4 +1,4 @@
 export { KeycloakProvider, useKeycloakAuth, logoutKeycloak, refreshTokenKeycloak, } from './keycloak';
 export type { KeycloakProviderProps, KeycloakConfig, KeycloakAuthOptions, AuthStatus, AuthUser, AuthContextValue, LoginOptions, LogoutOptions, } from './keycloak';
 export { setTheme, getTheme, getCurrentTheme, useTheme, MarkdownRenderer, UserMessage, BotMessage, defaultBotMessageRegistry, SessionHistory, InputBar, SessionContainer, usePlusSlot, } from './chatbot';
-export type { ColorPalette, Theme, MarkdownRendererProps, UserMessageData, UserMessageProps, ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, BotMessageData, BotMessageRegistry, BotMessageProps, SessionHistoryProps, SessionUserMessageSlots, InputBarProps, ActionButtonType, SessionContainerProps, } from './chatbot';
+export type { ColorPalette, Theme, MarkdownRendererProps, UserMessageData, UserMessageProps, ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, ImageElementData, IsolatedHtmlElementData, VegaChartElementData, PlotlyChartElementData, BotMessageData, BotMessageRegistry, BotMessageProps, SessionHistoryProps, SessionUserMessageSlots, InputBarProps, ActionButtonType, SessionContainerProps, } from './chatbot';

package/dist/main.js

@@ -1,15 +1,15 @@
-import { t as e } from "./MarkdownRenderer-vU2aoyaG.js";
+import { t as e } from "./MarkdownRenderer-DsCX-ARI.js";
 import { logoutKeycloak as t, refreshTokenKeycloak as n } from "./keycloak/core/client.js";
 import { KeycloakProvider as r } from "./keycloak/react/KeycloakProvider/index.js";
 import { useKeycloakAuth as i } from "./keycloak/react/hooks/useKeycloakAuth.js";
 import "./keycloak/index.js";
 import { getCurrentTheme as a, getTheme as o, setTheme as s } from "./chatbot/theme/types.js";
 import { useTheme as c } from "./chatbot/theme/useTheme.js";
-import { t as l } from "./UserMessage-CkrDUpkQ.js";
-import { n as u, t as d } from "./BotMessage-DegH8sM-.js";
-import { t as f } from "./SessionHistory-BUYwbZjE.js";
-import { t as p } from "./InputBar-CVy2_QtC.js";
+import { t as l } from "./UserMessage-iwSKfrPo.js";
+import { n as u, t as d } from "./BotMessage-9XyyKf52.js";
+import { t as f } from "./SessionHistory-Ix5_68Dt.js";
+import { t as p } from "./InputBar-DOkn2T-l.js";
 import { usePlusSlot as m } from "./chatbot/InputBar/usePlusSlot.js";
-import { t as h } from "./SessionContainer-DfTD7hX3.js";
+import { t as h } from "./SessionContainer-k652tx2b.js";
 import "./chatbot/index.js";
 export { d as BotMessage, p as InputBar, r as KeycloakProvider, e as MarkdownRenderer, h as SessionContainer, f as SessionHistory, l as UserMessage, u as defaultBotMessageRegistry, a as getCurrentTheme, o as getTheme, t as logoutKeycloak, n as refreshTokenKeycloak, s as setTheme, i as useKeycloakAuth, m as usePlusSlot, c as useTheme };

package/dist/style.css

@@ -1,2 +1,2 @@
-._dsi-markdown_23cwi_1{color:inherit;word-break:break-word;font-family:inherit;font-size:1rem;line-height:1.7}._dsi-markdown_23cwi_1 h1,._dsi-markdown_23cwi_1 h2,._dsi-markdown_23cwi_1 h3,._dsi-markdown_23cwi_1 h4,._dsi-markdown_23cwi_1 h5,._dsi-markdown_23cwi_1 h6{margin:1.25em 0 .5em;font-weight:600;line-height:1.3}._dsi-markdown_23cwi_1 h1{font-size:1.6em}._dsi-markdown_23cwi_1 h2{font-size:1.35em}._dsi-markdown_23cwi_1 h3{font-size:1.15em}._dsi-markdown_23cwi_1 h4{font-size:1em}._dsi-markdown_23cwi_1 p{margin:.5em 0}._dsi-markdown_23cwi_1 a{color:var(--dsi-accent,#06c);text-underline-offset:2px;text-decoration:underline}._dsi-markdown_23cwi_1 a:hover{opacity:.8}._dsi-markdown_23cwi_1 ul,._dsi-markdown_23cwi_1 ol{margin:.5em 0;padding-left:1.5em}._dsi-markdown_23cwi_1 li{margin:.2em 0}._dsi-markdown_23cwi_1 li>p{margin:0}._dsi-markdown_23cwi_1 blockquote{border-left:3px solid var(--dsi-border,#e5e5e5);color:var(--dsi-text-secondary,#888);margin:.75em 0;padding:.4em 1em;font-style:italic}._dsi-markdown-table-wrapper_23cwi_64{width:100%;margin:.75em 0;display:inline-block;position:relative}._dsi-markdown-table-wrapper_23cwi_64 table{border-collapse:collapse;width:100%;margin:0;font-size:.9em}._dsi-markdown-table-wrapper_23cwi_64 th,._dsi-markdown-table-wrapper_23cwi_64 td{border:1px solid var(--dsi-border,#e5e5e5);text-align:left;padding:.45em .75em}._dsi-markdown-table-wrapper_23cwi_64 th{background:var(--dsi-bg-secondary,#f7f7f8);font-weight:600}._dsi-markdown-table-copy-btn_23cwi_86{background:var(--dsi-bg-secondary,#f7f7f8);border:1px solid var(--dsi-border,#e5e5e5);cursor:pointer;color:var(--dsi-text-secondary,#888);opacity:0;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-family:inherit;font-size:.9em;transition:background .15s,color .15s,opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}._dsi-markdown-table-wrapper_23cwi_64:hover ._dsi-markdown-table-copy-btn_23cwi_86{opacity:1}._dsi-markdown-table-copy-btn_23cwi_86:hover{color:var(--dsi-text-primary,#111);background:#0000000f}._dsi-markdown-table-copy-btn_23cwi_86 svg{font-size:1em}._dsi-markdown_23cwi_1 hr{border:none;border-top:1px solid var(--dsi-border,#e5e5e5);margin:1em 0}._dsi-markdown_23cwi_1 :not(pre)>code{background:var(--dsi-code-bg,#f6f8fa);color:var(--dsi-code-text,#24292e);border-radius:4px;padding:.15em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em}._dsi-markdown-code-block_23cwi_133{background:var(--dsi-code-bg,#f6f8fa);border:1px solid var(--dsi-border,#e5e5e5);border-radius:8px;margin:.75em 0;position:relative;overflow:hidden}._dsi-markdown-code-lang_23cwi_142{border-bottom:1px solid var(--dsi-border,#e5e5e5);color:var(--dsi-text-secondary,#888);letter-spacing:.03em;background:#0000000a;justify-content:space-between;align-items:center;padding:.35em .75em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75em;display:flex}._dsi-markdown-copy-btn_23cwi_155{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:inherit;font-size:.9em;transition:background .15s,color .15s;display:flex}._dsi-markdown-copy-btn_23cwi_155:hover{color:var(--dsi-text-primary,#111);background:#0000000f}._dsi-markdown-copy-btn_23cwi_155 svg{font-size:.9em}._dsi-markdown-code-block_23cwi_133 pre{color:var(--dsi-code-text,#24292e);background:0 0;margin:0;padding:.9em 1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;line-height:1.6;overflow-x:auto}._dsi-markdown-code-block_23cwi_133 pre code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}._dsi-markdown_23cwi_1 input[type=checkbox]{accent-color:var(--dsi-accent,#06c);margin-right:.4em}._dsi-markdown_23cwi_1 img{border-radius:4px;max-width:100%}._dsi-markdown_23cwi_1 del{opacity:.7}._dsi-bot-msg_9iqvz_2{width:100%;color:var(--dsi-text-primary,#111);flex-direction:column;gap:.5em;padding-bottom:1.4em;font-size:.95rem;display:flex;position:relative}._dsi-bot-loading-dot_9iqvz_15{color:var(--dsi-text-primary,#111);margin-bottom:.1em;animation:1.4s ease-in-out infinite _dsi-bot-pulse_9iqvz_1;display:block}@keyframes _dsi-bot-pulse_9iqvz_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}}._dsi-bot-msg-footer_9iqvz_28{align-items:center;gap:.4em;height:1.2em;display:flex;position:absolute;bottom:0;left:0}._dsi-bot-copy-btn_9iqvz_39{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:.85rem;line-height:1;transition:color .15s;display:flex}._dsi-bot-copy-btn_9iqvz_39:hover{color:var(--dsi-text-primary,#111)}._dsi-bot-copy-btn_9iqvz_39 svg{font-size:1em}._dsi-bot-msg-time_9iqvz_62{color:var(--dsi-text-secondary,#888);opacity:0;white-space:nowrap;font-size:.68rem;line-height:1;transition:opacity .15s}._dsi-bot-msg_9iqvz_2:hover ._dsi-bot-msg-time_9iqvz_62{opacity:1}._dsi-bot-reasoning_9iqvz_75,._dsi-bot-tool_9iqvz_76,._dsi-bot-search_9iqvz_77{color:var(--dsi-reasoning-text,#555);font-size:1em;font-style:italic}._dsi-bot-collapsible-header_9iqvz_84{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:.4em;max-width:30%;padding:.25em 0;display:flex}._dsi-bot-collapsible-header_9iqvz_84:focus-visible{outline:2px solid var(--dsi-accent,#06c);border-radius:3px}._dsi-bot-collapsible-header-inner_9iqvz_99{flex:1;align-items:center;gap:.4em;min-width:0;display:flex;overflow:hidden}._dsi-bot-element-title_9iqvz_108{white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}._dsi-bot-collapse-chevron_9iqvz_115{opacity:.5;flex-shrink:0;font-size:1em;transition:opacity .15s,transform .2s}._dsi-bot-collapsible-header_9iqvz_84:hover ._dsi-bot-collapse-chevron_9iqvz_115{opacity:.8}._dsi-bot-collapsible-body_9iqvz_126{border-left:2px solid var(--dsi-reasoning-border,var(--dsi-tool-border,#d1d5db));max-width:90%;padding:.4em 0 .25em .75em}._dsi-bot-collapsible-content_9iqvz_132{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9em}._dsi-bot-search-icon_9iqvz_140{flex-shrink:0;font-size:1em}._dsi-bot-spinner_9iqvz_146{border:1.5px solid #00000026;border-top-color:var(--dsi-text-secondary,#888);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite _dsi-spin_9iqvz_1;display:inline-block}@keyframes _dsi-spin_9iqvz_1{to{transform:rotate(360deg)}}._dsi-inputbar_1ngbl_2{box-sizing:border-box;flex-direction:column;gap:0;width:100%;display:flex;position:relative}._dsi-inputbar-upper-slot_1ngbl_12{border:1px solid var(--dsi-border,#e5e5e5);background:var(--dsi-input-bg,#fff);box-sizing:border-box;border-bottom:none;border-radius:14px 14px 0 0;width:100%;padding:.5em .75em}._dsi-inputbar-plus-slot_1ngbl_23{z-index:100;background:var(--dsi-input-bg,#fff);border:1px solid var(--dsi-border,#e5e5e5);box-sizing:border-box;border-radius:12px;min-width:180px;padding:.4em 0;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 20px #0000001a}._dsi-inputbar-row_1ngbl_38{background:var(--dsi-input-bg,#fff);border:1px solid var(--dsi-border,#e5e5e5);box-sizing:border-box;border-radius:14px;align-items:flex-end;gap:8px;padding:.55em .75em;transition:border-color .15s;display:flex}._dsi-inputbar-row_1ngbl_38:focus-within{border-color:var(--dsi-accent,#06c)}._dsi-inputbar-row--with-upper_1ngbl_55{border-radius:0 0 14px 14px}._dsi-inputbar-textarea_1ngbl_60{resize:none;color:var(--dsi-text-primary,#111);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:0;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:auto}._dsi-inputbar-textarea_1ngbl_60::placeholder{color:var(--dsi-text-secondary,#888)}._dsi-inputbar-plus-btn_1ngbl_81{border:1px solid var(--dsi-border,#e5e5e5);background:var(--dsi-button-bg,transparent);width:32px;height:32px;color:var(--dsi-text-primary,#111);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1em;transition:background .15s;display:flex}._dsi-inputbar-plus-btn_1ngbl_81:hover,._dsi-inputbar-plus-btn--open_1ngbl_100{background:var(--dsi-button-hover-bg,#f0f0f0)}._dsi-inputbar-action-btn_1ngbl_105{background:var(--dsi-action-btn-bg,#111);width:32px;height:32px;color:var(--dsi-action-btn-icon,#fff);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1em;transition:background .15s,opacity .15s;display:flex}._dsi-inputbar-action-btn_1ngbl_105:hover:not(:disabled){background:var(--dsi-action-btn-hover-bg,#333)}._dsi-inputbar-action-btn_1ngbl_105:disabled{opacity:.35;cursor:not-allowed}._dsi-user-msg-wrapper_e7uu3_1{flex-direction:column;align-items:flex-end;width:100%;padding-bottom:1.4em;display:flex;position:relative}._dsi-user-msg-top-slot_e7uu3_12{justify-content:flex-end;margin-bottom:4px;display:flex}._dsi-user-msg-row_e7uu3_19{align-items:center;gap:8px;max-width:70%;display:flex}._dsi-user-msg-left-slot_e7uu3_26,._dsi-user-msg-right-slot_e7uu3_27{flex-shrink:0;align-items:center;display:flex}._dsi-user-msg-bubble_e7uu3_34{background:var(--dsi-user-bubble-bg,#f0f0f0);color:var(--dsi-user-bubble-text,#111);word-break:break-word;border-radius:18px 18px 4px;min-width:40px;padding:10px 16px;font-size:.95rem;line-height:1.5}._dsi-user-msg-bottom-slot_e7uu3_46{justify-content:flex-end;margin-top:4px;display:flex}._dsi-user-msg-footer_e7uu3_53{opacity:0;align-items:center;gap:.35em;height:1.2em;transition:opacity .15s;display:flex;position:absolute;bottom:0;right:0}._dsi-user-msg-wrapper_e7uu3_1:hover ._dsi-user-msg-footer_e7uu3_53{opacity:1}._dsi-user-msg-copy-btn_e7uu3_69{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:.85rem;line-height:1;transition:color .15s;display:flex}._dsi-user-msg-copy-btn_e7uu3_69:hover{color:var(--dsi-user-bubble-text,#111)}._dsi-user-msg-copy-btn_e7uu3_69 svg{font-size:.8em}._dsi-user-msg-time_e7uu3_92{color:var(--dsi-text-secondary,#888);white-space:nowrap;font-size:.68rem;line-height:1}._dsi-session-history_ju41j_1{box-sizing:border-box;flex-direction:column;gap:1.5em;width:100%;padding:1em 0;display:flex;overflow-y:auto}._dsi-session-container_1iida_1{box-sizing:border-box;background:var(--dsi-bg,#fff);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}._dsi-session-container-history_1iida_11{box-sizing:border-box;flex:1;padding:0 1.5em;overflow-y:auto}._dsi-session-container-inputbar_1iida_18{box-sizing:border-box;flex-shrink:0;padding:.75em 1.5em 1em}
+._dsi-bot-msg_16idu_2{width:100%;color:var(--dsi-text-primary,#111);flex-direction:column;gap:.5em;padding-bottom:1.4em;font-size:.95rem;display:flex;position:relative}._dsi-bot-loading-dot_16idu_15{color:var(--dsi-text-primary,#111);margin-bottom:.1em;animation:1.4s ease-in-out infinite _dsi-bot-pulse_16idu_1;display:block}@keyframes _dsi-bot-pulse_16idu_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.6)}}._dsi-bot-msg-footer_16idu_28{align-items:center;gap:.4em;height:1.2em;display:flex;position:absolute;bottom:0;left:0}._dsi-bot-copy-btn_16idu_39{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:.85rem;line-height:1;transition:color .15s;display:flex}._dsi-bot-copy-btn_16idu_39:hover{color:var(--dsi-text-primary,#111)}._dsi-bot-copy-btn_16idu_39 svg{font-size:1em}._dsi-bot-msg-time_16idu_62{color:var(--dsi-text-secondary,#888);opacity:0;white-space:nowrap;font-size:.68rem;line-height:1;transition:opacity .15s}._dsi-bot-msg_16idu_2:hover ._dsi-bot-msg-time_16idu_62{opacity:1}._dsi-bot-reasoning_16idu_75,._dsi-bot-tool_16idu_76,._dsi-bot-search_16idu_77{color:var(--dsi-reasoning-text,#555);font-size:1em;font-style:italic}._dsi-bot-collapsible-header_16idu_84{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:.4em;max-width:30%;padding:.25em 0;display:flex}._dsi-bot-collapsible-header_16idu_84:focus-visible{outline:2px solid var(--dsi-accent,#06c);border-radius:3px}._dsi-bot-collapsible-header-inner_16idu_99{flex:1;align-items:center;gap:.4em;min-width:0;display:flex;overflow:hidden}._dsi-bot-element-title_16idu_108{white-space:nowrap;text-overflow:ellipsis;font-size:.9em;overflow:hidden}._dsi-bot-collapse-chevron_16idu_115{opacity:.5;flex-shrink:0;font-size:1em;transition:opacity .15s,transform .2s}._dsi-bot-collapsible-header_16idu_84:hover ._dsi-bot-collapse-chevron_16idu_115{opacity:.8}._dsi-bot-collapsible-body_16idu_126{border-left:2px solid var(--dsi-reasoning-border,var(--dsi-tool-border,#d1d5db));max-width:90%;padding:.4em 0 .25em .75em}._dsi-bot-collapsible-content_16idu_132{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9em}._dsi-bot-search-icon_16idu_140{flex-shrink:0;font-size:1em}._dsi-bot-spinner_16idu_146{border:1.5px solid #00000026;border-top-color:var(--dsi-text-secondary,#888);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite _dsi-spin_16idu_1;display:inline-block}@keyframes _dsi-spin_16idu_1{to{transform:rotate(360deg)}}._dsi-bot-image-wrap_16idu_162{align-self:flex-start;max-width:100%;display:inline-block;position:relative}._dsi-bot-image_16idu_162{border-radius:8px;max-width:100%;height:auto;display:block}._dsi-bot-image-placeholder_16idu_177{width:200px;height:200px;color:var(--dsi-text-secondary,#888);background:#0000000a;border:1px dashed #0000001f;border-radius:8px;justify-content:center;align-items:center;font-size:.85em;display:flex}._dsi-bot-image-spinner_16idu_190{border:2px solid #00000026;border-top-color:var(--dsi-text-secondary,#888);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite _dsi-spin_16idu_1;display:inline-block}._dsi-bot-image-error_16idu_200{text-align:center;padding:0 .5em}._dsi-bot-image-actions_16idu_206{opacity:0;pointer-events:none;gap:4px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}._dsi-bot-image-wrap_16idu_162:hover ._dsi-bot-image-actions_16idu_206{opacity:1;pointer-events:auto}._dsi-bot-image-btn_16idu_221{cursor:pointer;width:26px;height:26px;color:var(--dsi-text-secondary,#888);background:#ffffffd9;border:1px solid #00000014;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.85rem;transition:color .15s,background .15s;display:flex}._dsi-bot-image-btn_16idu_221:hover{color:var(--dsi-text-primary,#111);background:#fff}._dsi-bot-image-btn_16idu_221 svg{font-size:1em}._dsi-bot-iframe-wrap_16idu_245{border:1px solid var(--dsi-border,#00000014);background:var(--dsi-background,transparent);border-radius:8px;align-self:flex-start;max-width:100%;position:relative;overflow:hidden}._dsi-bot-iframe_16idu_245{border:0;width:100%;display:block}._dsi-bot-iframe-copy_16idu_262{cursor:pointer;color:var(--dsi-text-secondary,#888);opacity:0;background:#ffffffd9;border:1px solid #00000014;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;transition:color .15s,background .15s;display:flex;position:absolute;top:6px;right:6px}._dsi-bot-iframe-wrap_16idu_245:hover ._dsi-bot-iframe-copy_16idu_262{opacity:1}._dsi-bot-iframe-copy_16idu_262:hover{color:var(--dsi-text-primary,#111);background:#fff}._dsi-bot-iframe-copy_16idu_262 svg{font-size:1em}._dsi-bot-chart-wrap_16idu_292{align-self:flex-start;max-width:100%}._dsi-markdown_23cwi_1{color:inherit;word-break:break-word;font-family:inherit;font-size:1rem;line-height:1.7}._dsi-markdown_23cwi_1 h1,._dsi-markdown_23cwi_1 h2,._dsi-markdown_23cwi_1 h3,._dsi-markdown_23cwi_1 h4,._dsi-markdown_23cwi_1 h5,._dsi-markdown_23cwi_1 h6{margin:1.25em 0 .5em;font-weight:600;line-height:1.3}._dsi-markdown_23cwi_1 h1{font-size:1.6em}._dsi-markdown_23cwi_1 h2{font-size:1.35em}._dsi-markdown_23cwi_1 h3{font-size:1.15em}._dsi-markdown_23cwi_1 h4{font-size:1em}._dsi-markdown_23cwi_1 p{margin:.5em 0}._dsi-markdown_23cwi_1 a{color:var(--dsi-accent,#06c);text-underline-offset:2px;text-decoration:underline}._dsi-markdown_23cwi_1 a:hover{opacity:.8}._dsi-markdown_23cwi_1 ul,._dsi-markdown_23cwi_1 ol{margin:.5em 0;padding-left:1.5em}._dsi-markdown_23cwi_1 li{margin:.2em 0}._dsi-markdown_23cwi_1 li>p{margin:0}._dsi-markdown_23cwi_1 blockquote{border-left:3px solid var(--dsi-border,#e5e5e5);color:var(--dsi-text-secondary,#888);margin:.75em 0;padding:.4em 1em;font-style:italic}._dsi-markdown-table-wrapper_23cwi_64{width:100%;margin:.75em 0;display:inline-block;position:relative}._dsi-markdown-table-wrapper_23cwi_64 table{border-collapse:collapse;width:100%;margin:0;font-size:.9em}._dsi-markdown-table-wrapper_23cwi_64 th,._dsi-markdown-table-wrapper_23cwi_64 td{border:1px solid var(--dsi-border,#e5e5e5);text-align:left;padding:.45em .75em}._dsi-markdown-table-wrapper_23cwi_64 th{background:var(--dsi-bg-secondary,#f7f7f8);font-weight:600}._dsi-markdown-table-copy-btn_23cwi_86{background:var(--dsi-bg-secondary,#f7f7f8);border:1px solid var(--dsi-border,#e5e5e5);cursor:pointer;color:var(--dsi-text-secondary,#888);opacity:0;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-family:inherit;font-size:.9em;transition:background .15s,color .15s,opacity .15s;display:flex;position:absolute;bottom:6px;right:6px}._dsi-markdown-table-wrapper_23cwi_64:hover ._dsi-markdown-table-copy-btn_23cwi_86{opacity:1}._dsi-markdown-table-copy-btn_23cwi_86:hover{color:var(--dsi-text-primary,#111);background:#0000000f}._dsi-markdown-table-copy-btn_23cwi_86 svg{font-size:1em}._dsi-markdown_23cwi_1 hr{border:none;border-top:1px solid var(--dsi-border,#e5e5e5);margin:1em 0}._dsi-markdown_23cwi_1 :not(pre)>code{background:var(--dsi-code-bg,#f6f8fa);color:var(--dsi-code-text,#24292e);border-radius:4px;padding:.15em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em}._dsi-markdown-code-block_23cwi_133{background:var(--dsi-code-bg,#f6f8fa);border:1px solid var(--dsi-border,#e5e5e5);border-radius:8px;margin:.75em 0;position:relative;overflow:hidden}._dsi-markdown-code-lang_23cwi_142{border-bottom:1px solid var(--dsi-border,#e5e5e5);color:var(--dsi-text-secondary,#888);letter-spacing:.03em;background:#0000000a;justify-content:space-between;align-items:center;padding:.35em .75em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75em;display:flex}._dsi-markdown-copy-btn_23cwi_155{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-family:inherit;font-size:.9em;transition:background .15s,color .15s;display:flex}._dsi-markdown-copy-btn_23cwi_155:hover{color:var(--dsi-text-primary,#111);background:#0000000f}._dsi-markdown-copy-btn_23cwi_155 svg{font-size:.9em}._dsi-markdown-code-block_23cwi_133 pre{color:var(--dsi-code-text,#24292e);background:0 0;margin:0;padding:.9em 1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;line-height:1.6;overflow-x:auto}._dsi-markdown-code-block_23cwi_133 pre code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}._dsi-markdown_23cwi_1 input[type=checkbox]{accent-color:var(--dsi-accent,#06c);margin-right:.4em}._dsi-markdown_23cwi_1 img{border-radius:4px;max-width:100%}._dsi-markdown_23cwi_1 del{opacity:.7}._dsi-inputbar_1ngbl_2{box-sizing:border-box;flex-direction:column;gap:0;width:100%;display:flex;position:relative}._dsi-inputbar-upper-slot_1ngbl_12{border:1px solid var(--dsi-border,#e5e5e5);background:var(--dsi-input-bg,#fff);box-sizing:border-box;border-bottom:none;border-radius:14px 14px 0 0;width:100%;padding:.5em .75em}._dsi-inputbar-plus-slot_1ngbl_23{z-index:100;background:var(--dsi-input-bg,#fff);border:1px solid var(--dsi-border,#e5e5e5);box-sizing:border-box;border-radius:12px;min-width:180px;padding:.4em 0;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 4px 20px #0000001a}._dsi-inputbar-row_1ngbl_38{background:var(--dsi-input-bg,#fff);border:1px solid var(--dsi-border,#e5e5e5);box-sizing:border-box;border-radius:14px;align-items:flex-end;gap:8px;padding:.55em .75em;transition:border-color .15s;display:flex}._dsi-inputbar-row_1ngbl_38:focus-within{border-color:var(--dsi-accent,#06c)}._dsi-inputbar-row--with-upper_1ngbl_55{border-radius:0 0 14px 14px}._dsi-inputbar-textarea_1ngbl_60{resize:none;color:var(--dsi-text-primary,#111);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:200px;padding:0;font-family:inherit;font-size:.95rem;line-height:1.5;overflow-y:auto}._dsi-inputbar-textarea_1ngbl_60::placeholder{color:var(--dsi-text-secondary,#888)}._dsi-inputbar-plus-btn_1ngbl_81{border:1px solid var(--dsi-border,#e5e5e5);background:var(--dsi-button-bg,transparent);width:32px;height:32px;color:var(--dsi-text-primary,#111);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1em;transition:background .15s;display:flex}._dsi-inputbar-plus-btn_1ngbl_81:hover,._dsi-inputbar-plus-btn--open_1ngbl_100{background:var(--dsi-button-hover-bg,#f0f0f0)}._dsi-inputbar-action-btn_1ngbl_105{background:var(--dsi-action-btn-bg,#111);width:32px;height:32px;color:var(--dsi-action-btn-icon,#fff);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1em;transition:background .15s,opacity .15s;display:flex}._dsi-inputbar-action-btn_1ngbl_105:hover:not(:disabled){background:var(--dsi-action-btn-hover-bg,#333)}._dsi-inputbar-action-btn_1ngbl_105:disabled{opacity:.35;cursor:not-allowed}._dsi-user-msg-wrapper_e7uu3_1{flex-direction:column;align-items:flex-end;width:100%;padding-bottom:1.4em;display:flex;position:relative}._dsi-user-msg-top-slot_e7uu3_12{justify-content:flex-end;margin-bottom:4px;display:flex}._dsi-user-msg-row_e7uu3_19{align-items:center;gap:8px;max-width:70%;display:flex}._dsi-user-msg-left-slot_e7uu3_26,._dsi-user-msg-right-slot_e7uu3_27{flex-shrink:0;align-items:center;display:flex}._dsi-user-msg-bubble_e7uu3_34{background:var(--dsi-user-bubble-bg,#f0f0f0);color:var(--dsi-user-bubble-text,#111);word-break:break-word;border-radius:18px 18px 4px;min-width:40px;padding:10px 16px;font-size:.95rem;line-height:1.5}._dsi-user-msg-bottom-slot_e7uu3_46{justify-content:flex-end;margin-top:4px;display:flex}._dsi-user-msg-footer_e7uu3_53{opacity:0;align-items:center;gap:.35em;height:1.2em;transition:opacity .15s;display:flex;position:absolute;bottom:0;right:0}._dsi-user-msg-wrapper_e7uu3_1:hover ._dsi-user-msg-footer_e7uu3_53{opacity:1}._dsi-user-msg-copy-btn_e7uu3_69{cursor:pointer;color:var(--dsi-text-secondary,#888);background:0 0;border:none;border-radius:3px;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:.85rem;line-height:1;transition:color .15s;display:flex}._dsi-user-msg-copy-btn_e7uu3_69:hover{color:var(--dsi-user-bubble-text,#111)}._dsi-user-msg-copy-btn_e7uu3_69 svg{font-size:.8em}._dsi-user-msg-time_e7uu3_92{color:var(--dsi-text-secondary,#888);white-space:nowrap;font-size:.68rem;line-height:1}._dsi-session-history_ju41j_1{box-sizing:border-box;flex-direction:column;gap:1.5em;width:100%;padding:1em 0;display:flex;overflow-y:auto}._dsi-session-container_1iida_1{box-sizing:border-box;background:var(--dsi-bg,#fff);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}._dsi-session-container-history_1iida_11{box-sizing:border-box;flex:1;padding:0 1.5em;overflow-y:auto}._dsi-session-container-inputbar_1iida_18{box-sizing:border-box;flex-shrink:0;padding:.75em 1.5em 1em}
 /*$vite$:1*/

package/dist/styles.module-DTfCO5TA.js

@@ -0,0 +1,34 @@
+//#region lib/chatbot/BotMessage/styles.module.css
+var e = {
+	"dsi-bot-msg": "_dsi-bot-msg_16idu_2",
+	"dsi-bot-loading-dot": "_dsi-bot-loading-dot_16idu_15",
+	"dsi-bot-pulse": "_dsi-bot-pulse_16idu_1",
+	"dsi-bot-msg-footer": "_dsi-bot-msg-footer_16idu_28",
+	"dsi-bot-copy-btn": "_dsi-bot-copy-btn_16idu_39",
+	"dsi-bot-msg-time": "_dsi-bot-msg-time_16idu_62",
+	"dsi-bot-reasoning": "_dsi-bot-reasoning_16idu_75",
+	"dsi-bot-tool": "_dsi-bot-tool_16idu_76",
+	"dsi-bot-search": "_dsi-bot-search_16idu_77",
+	"dsi-bot-collapsible-header": "_dsi-bot-collapsible-header_16idu_84",
+	"dsi-bot-collapsible-header-inner": "_dsi-bot-collapsible-header-inner_16idu_99",
+	"dsi-bot-element-title": "_dsi-bot-element-title_16idu_108",
+	"dsi-bot-collapse-chevron": "_dsi-bot-collapse-chevron_16idu_115",
+	"dsi-bot-collapsible-body": "_dsi-bot-collapsible-body_16idu_126",
+	"dsi-bot-collapsible-content": "_dsi-bot-collapsible-content_16idu_132",
+	"dsi-bot-search-icon": "_dsi-bot-search-icon_16idu_140",
+	"dsi-bot-spinner": "_dsi-bot-spinner_16idu_146",
+	"dsi-spin": "_dsi-spin_16idu_1",
+	"dsi-bot-image-wrap": "_dsi-bot-image-wrap_16idu_162",
+	"dsi-bot-image": "_dsi-bot-image_16idu_162",
+	"dsi-bot-image-placeholder": "_dsi-bot-image-placeholder_16idu_177",
+	"dsi-bot-image-spinner": "_dsi-bot-image-spinner_16idu_190",
+	"dsi-bot-image-error": "_dsi-bot-image-error_16idu_200",
+	"dsi-bot-image-actions": "_dsi-bot-image-actions_16idu_206",
+	"dsi-bot-image-btn": "_dsi-bot-image-btn_16idu_221",
+	"dsi-bot-iframe-wrap": "_dsi-bot-iframe-wrap_16idu_245",
+	"dsi-bot-iframe": "_dsi-bot-iframe_16idu_245",
+	"dsi-bot-iframe-copy": "_dsi-bot-iframe-copy_16idu_262",
+	"dsi-bot-chart-wrap": "_dsi-bot-chart-wrap_16idu_292"
+};
+//#endregion
+export { e as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shane_donnelly/dsi-internal-react-utils",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -22,10 +22,9 @@
     "eslint-plugin-react-refresh": "^0.5.2",
     "glob": "^13.0.6",
     "globals": "^17.4.0",
-    "keycloak-js": "^26.0.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "typescript": "~6.0.2",
+    "typescript": "^6.0.2",
     "typescript-eslint": "^8.58.0",
     "vite": "^8.0.4",
     "vite-plugin-dts": "^4.5.4",
@@ -44,17 +43,22 @@
     "dist"
   ],
   "peerDependencies": {
-    "keycloak-js": ">=25.0.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "dependencies": {
+    "keycloak-js": "^26.0.0",
     "react-icons": "^5.6.0",
     "react-markdown": "^10.1.0",
+    "react-vega": "^8.0.0",
     "rehype-highlight": "^7.0.2",
     "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "remark-math": "^6.0.0"
+    "remark-math": "^6.0.0",
+    "vega-embed": "^7.1.0",
+    "vega-lite": "^6.4.3",
+    "plotly.js": "^3.5.1",
+    "react-plotly.js": "^2.6.0"
   }
 }

package/dist/BotMessage-DegH8sM-.js

@@ -1,255 +0,0 @@
-import { t as e } from "./MarkdownRenderer-vU2aoyaG.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-CmZftXMO.js";
-import { useEffect as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region node_modules/react-icons/tb/index.mjs
-function u(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 d(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/styles.module.css
-var f = {
-	"dsi-bot-msg": "_dsi-bot-msg_9iqvz_2",
-	"dsi-bot-loading-dot": "_dsi-bot-loading-dot_9iqvz_15",
-	"dsi-bot-pulse": "_dsi-bot-pulse_9iqvz_1",
-	"dsi-bot-msg-footer": "_dsi-bot-msg-footer_9iqvz_28",
-	"dsi-bot-copy-btn": "_dsi-bot-copy-btn_9iqvz_39",
-	"dsi-bot-msg-time": "_dsi-bot-msg-time_9iqvz_62",
-	"dsi-bot-reasoning": "_dsi-bot-reasoning_9iqvz_75",
-	"dsi-bot-tool": "_dsi-bot-tool_9iqvz_76",
-	"dsi-bot-search": "_dsi-bot-search_9iqvz_77",
-	"dsi-bot-collapsible-header": "_dsi-bot-collapsible-header_9iqvz_84",
-	"dsi-bot-collapsible-header-inner": "_dsi-bot-collapsible-header-inner_9iqvz_99",
-	"dsi-bot-element-title": "_dsi-bot-element-title_9iqvz_108",
-	"dsi-bot-collapse-chevron": "_dsi-bot-collapse-chevron_9iqvz_115",
-	"dsi-bot-collapsible-body": "_dsi-bot-collapsible-body_9iqvz_126",
-	"dsi-bot-collapsible-content": "_dsi-bot-collapsible-content_9iqvz_132",
-	"dsi-bot-search-icon": "_dsi-bot-search-icon_9iqvz_140",
-	"dsi-bot-spinner": "_dsi-bot-spinner_9iqvz_146",
-	"dsi-spin": "_dsi-spin_9iqvz_1"
-};
-//#endregion
-//#region lib/chatbot/BotMessage/index.tsx
-function p({ markdownText: t }) {
-	return t ? /* @__PURE__ */ c(e, { text: t }) : null;
-}
-function m() {
-	return /* @__PURE__ */ c("svg", {
-		className: f["dsi-bot-loading-dot"],
-		width: "10",
-		height: "10",
-		viewBox: "0 0 10 10",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ c("circle", {
-			cx: "5",
-			cy: "5",
-			r: "4",
-			fill: "currentColor"
-		})
-	});
-}
-function h({ text: e }) {
-	let [t, n] = o(!1);
-	return /* @__PURE__ */ c("button", {
-		className: f["dsi-bot-copy-btn"],
-		onClick: () => {
-			navigator.clipboard.writeText(e).then(() => {
-				n(!0), setTimeout(() => n(!1), 2e3);
-			});
-		},
-		"aria-label": "Copier le message",
-		type: "button",
-		children: c(t ? i : r, {})
-	});
-}
-function g({ defaultOpen: e, closeWhen: t = !1, header: n, content: r, className: i, style: s }) {
-	let [u, p] = o(e);
-	return a(() => {
-		t && p(!1);
-	}, [t]), /* @__PURE__ */ l("div", {
-		className: i,
-		style: s,
-		children: [/* @__PURE__ */ l("div", {
-			className: f["dsi-bot-collapsible-header"],
-			onClick: () => p((e) => !e),
-			role: "button",
-			tabIndex: 0,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && p((e) => !e);
-			},
-			"aria-expanded": u,
-			children: [/* @__PURE__ */ c("div", {
-				className: f["dsi-bot-collapsible-header-inner"],
-				children: n
-			}), /* @__PURE__ */ c(d, {
-				className: f["dsi-bot-collapse-chevron"],
-				style: { transform: u ? "rotate(0deg)" : "rotate(-90deg)" },
-				"aria-hidden": "true"
-			})]
-		}), u && r && /* @__PURE__ */ c("div", {
-			className: f["dsi-bot-collapsible-body"],
-			children: r
-		})]
-	});
-}
-function _({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
-	let a = t();
-	return /* @__PURE__ */ c(g, {
-		defaultOpen: r || i,
-		closeWhen: !r && !i,
-		className: f["dsi-bot-reasoning"],
-		style: {
-			"--dsi-reasoning-border": a.reasoningBorder,
-			"--dsi-reasoning-text": a.reasoningText
-		},
-		header: /* @__PURE__ */ c("span", {
-			className: f["dsi-bot-element-title"],
-			children: e || "Raisonnement"
-		}),
-		content: n ? /* @__PURE__ */ c("p", {
-			className: f["dsi-bot-collapsible-content"],
-			children: n
-		}) : null
-	});
-}
-function v({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
-	let a = t();
-	return /* @__PURE__ */ c(g, {
-		defaultOpen: r || i,
-		closeWhen: !r && !i,
-		className: f["dsi-bot-tool"],
-		style: {
-			"--dsi-tool-border": a.toolBorder,
-			"--dsi-text-secondary": a.textSecondary,
-			"--dsi-text-primary": a.textPrimary
-		},
-		header: /* @__PURE__ */ l(s, { children: [r && /* @__PURE__ */ c("span", { className: f["dsi-bot-spinner"] }), /* @__PURE__ */ c("span", {
-			className: f["dsi-bot-element-title"],
-			children: e || "Outil"
-		})] }),
-		content: n ? /* @__PURE__ */ c("p", {
-			className: f["dsi-bot-collapsible-content"],
-			children: n
-		}) : null
-	});
-}
-function y({ title: e, content: n, isLoading: r = !1, _isLastElement: i = !1 }) {
-	let a = t();
-	return /* @__PURE__ */ c(g, {
-		defaultOpen: r || i,
-		closeWhen: !r && !i,
-		className: f["dsi-bot-search"],
-		style: {
-			"--dsi-tool-border": a.toolBorder,
-			"--dsi-text-secondary": a.textSecondary,
-			"--dsi-text-primary": a.textPrimary
-		},
-		header: /* @__PURE__ */ l(s, { children: [
-			/* @__PURE__ */ c(u, { className: f["dsi-bot-search-icon"] }),
-			r && /* @__PURE__ */ c("span", { className: f["dsi-bot-spinner"] }),
-			/* @__PURE__ */ c("span", {
-				className: f["dsi-bot-element-title"],
-				children: e || "Recherche"
-			})
-		] }),
-		content: n ? /* @__PURE__ */ c("p", {
-			className: f["dsi-bot-collapsible-content"],
-			children: n
-		}) : null
-	});
-}
-var b = {
-	text: p,
-	reasoning: _,
-	tool: v,
-	search: y
-};
-function x({ message: e, registry: n = b }) {
-	let r = t(), i = [...e.elements].sort((e, t) => e.index - t.index), a = [...i].reverse().find((e) => e.type === "text")?.markdownText ?? "";
-	return /* @__PURE__ */ l("div", {
-		className: f["dsi-bot-msg"],
-		style: {
-			"--dsi-text-primary": r.textPrimary,
-			"--dsi-text-secondary": r.textSecondary,
-			"--dsi-border": r.border
-		},
-		children: [
-			e.isLoading && /* @__PURE__ */ c(m, {}),
-			i.map((e, t) => {
-				let r = n[e.type];
-				if (!r) return null;
-				let a = t === i.length - 1;
-				return /* @__PURE__ */ c(r, {
-					...e,
-					_isLastElement: a
-				}, `${e.type}-${e.index}-${t}`);
-			}),
-			/* @__PURE__ */ l("div", {
-				className: f["dsi-bot-msg-footer"],
-				children: [!e.isLoading && /* @__PURE__ */ c(h, { text: a }), !e.isLoading && e.timeOrDateToDisplay && /* @__PURE__ */ c("span", {
-					className: f["dsi-bot-msg-time"],
-					children: e.timeOrDateToDisplay
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { b as n, x as t };