@shane_donnelly/dsi-internal-react-utils 0.2.1 → 1.0.0

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

@@ -0,0 +1,71 @@
+/**
+ * Palette de couleurs personnalisée pour les composants chatbot.
+ * Toutes les propriétés sont optionnelles : seules les couleurs fournies
+ * surchargent les valeurs par défaut.
+ */
+export interface ColorPalette {
+    /** Couleur de fond principale */
+    background?: string;
+    /** Couleur de fond secondaire (bulles, cartes) */
+    backgroundSecondary?: string;
+    /** Couleur de fond de la bulle utilisateur */
+    userBubbleBg?: string;
+    /** Couleur du texte dans la bulle utilisateur */
+    userBubbleText?: string;
+    /** Couleur du texte principal */
+    textPrimary?: string;
+    /** Couleur du texte secondaire (timestamps, hints) */
+    textSecondary?: string;
+    /** Couleur de bordure */
+    border?: string;
+    /** Couleur d'accentuation (boutons actifs) */
+    accent?: string;
+    /** Couleur d'accentuation au hover */
+    accentHover?: string;
+    /** Couleur de fond de la barre d'input */
+    inputBg?: string;
+    /** Couleur de fond des blocs de code */
+    codeBg?: string;
+    /** Couleur du texte dans les blocs de code */
+    codeText?: string;
+    /** Couleur de fond de l'élément de raisonnement */
+    reasoningBg?: string;
+    /** Couleur de bordure de l'élément de raisonnement */
+    reasoningBorder?: string;
+    /** Couleur du texte de l'élément de raisonnement */
+    reasoningText?: string;
+    /** Couleur de fond de l'élément tool/search */
+    toolBg?: string;
+    /** Couleur de bordure de l'élément tool/search */
+    toolBorder?: string;
+    /** Couleur de fond des boutons */
+    buttonBg?: string;
+    /** Couleur des boutons au hover */
+    buttonHoverBg?: string;
+    /** Couleur de fond du bouton d'action (envoi, stop…) */
+    actionButtonBg?: string;
+    /** Couleur de fond du bouton d'action au hover */
+    actionButtonHoverBg?: string;
+    /** Couleur de l'icône du bouton d'action */
+    actionButtonIcon?: string;
+}
+/** Thème prédéfini ou palette personnalisée */
+export type Theme = "light" | "dark" | ColorPalette;
+/**
+ * Définit le thème global des composants chatbot.
+ *
+ * @param theme - "light" | "dark" ou un objet ColorPalette personnalisé
+ *
+ * @example
+ * ```ts
+ * setTheme("dark");
+ * setTheme({ userBubbleBg: "#4a90e2", userBubbleText: "#fff" });
+ * ```
+ */
+export declare function setTheme(theme: Theme): void;
+/** Retourne la palette de couleurs actuellement appliquée */
+export declare function getTheme(): Required<ColorPalette>;
+/** Retourne le thème actif ("light", "dark" ou ColorPalette) */
+export declare function getCurrentTheme(): Theme;
+/** @internal — abonnement aux changements de thème */
+export declare function subscribeTheme(callback: () => void): () => void;

package/dist/chatbot/theme/types.js

@@ -0,0 +1,65 @@
+//#region lib/chatbot/theme/types.ts
+var e = {
+	background: "#ffffff",
+	backgroundSecondary: "#f7f7f8",
+	userBubbleBg: "#f0f0f0",
+	userBubbleText: "#111111",
+	textPrimary: "#111111",
+	textSecondary: "#888888",
+	border: "#e5e5e5",
+	accent: "#0066cc",
+	accentHover: "#0052a3",
+	inputBg: "#ffffff",
+	codeBg: "#f6f8fa",
+	codeText: "#24292e",
+	reasoningBg: "#fafafa",
+	reasoningBorder: "#d1d5db",
+	reasoningText: "#4b5563",
+	toolBg: "#f9f9f9",
+	toolBorder: "#d1d5db",
+	buttonBg: "transparent",
+	buttonHoverBg: "#f0f0f0",
+	actionButtonBg: "#111111",
+	actionButtonHoverBg: "#333333",
+	actionButtonIcon: "#ffffff"
+}, t = {
+	background: "#212121",
+	backgroundSecondary: "#2d2d2d",
+	userBubbleBg: "#303030",
+	userBubbleText: "#ececec",
+	textPrimary: "#ececec",
+	textSecondary: "#888888",
+	border: "#3d3d3d",
+	accent: "#60a5fa",
+	accentHover: "#93c5fd",
+	inputBg: "#2d2d2d",
+	codeBg: "#1e1e1e",
+	codeText: "#d4d4d4",
+	reasoningBg: "#282828",
+	reasoningBorder: "#4b4b4b",
+	reasoningText: "#b0b8c4",
+	toolBg: "#282828",
+	toolBorder: "#3d3d3d",
+	buttonBg: "transparent",
+	buttonHoverBg: "#3d3d3d",
+	actionButtonBg: "#ececec",
+	actionButtonHoverBg: "#d0d0d0",
+	actionButtonIcon: "#111111"
+}, n = e, r = "light", i = /* @__PURE__ */ new Set();
+function a(a) {
+	r = a, n = a === "light" ? e : a === "dark" ? t : {
+		...e,
+		...a
+	}, i.forEach((e) => e());
+}
+function o() {
+	return n;
+}
+function s() {
+	return r;
+}
+function c(e) {
+	return i.add(e), () => i.delete(e);
+}
+//#endregion
+export { s as getCurrentTheme, o as getTheme, a as setTheme, c as subscribeTheme };

package/dist/chatbot/theme/useTheme.d.ts

@@ -0,0 +1,6 @@
+import { ColorPalette } from './types';
+/**
+ * Hook React qui expose la palette de couleurs courante et se ré-abonne
+ * automatiquement quand `setTheme()` est appelé.
+ */
+export declare function useTheme(): Required<ColorPalette>;

package/dist/chatbot/theme/useTheme.js

@@ -0,0 +1,9 @@
+import { getTheme as e, subscribeTheme as t } from "./types.js";
+import { useEffect as n, useState as r } from "react";
+//#region lib/chatbot/theme/useTheme.ts
+function i() {
+	let [i, a] = r(e);
+	return n(() => t(() => a(e())), []), i;
+}
+//#endregion
+export { i as useTheme };

package/dist/iconBase-CDbPVA4E.js

@@ -0,0 +1,108 @@
+import e from "react";
+//#region node_modules/react-icons/lib/iconContext.mjs
+var t = {
+	color: void 0,
+	size: void 0,
+	className: void 0,
+	style: void 0,
+	attr: void 0
+}, n = e.createContext && /* @__PURE__ */ e.createContext(t), r = [
+	"attr",
+	"size",
+	"title"
+];
+function i(e, t) {
+	if (e == null) return {};
+	var n, r, i = a(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var o = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < o.length; r++) n = o[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function a(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function o() {
+	return o = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, o.apply(null, arguments);
+}
+function s(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function c(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? s(Object(n), !0).forEach(function(t) {
+			l(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : s(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function l(e, t, n) {
+	return (t = u(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function u(e) {
+	var t = d(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function d(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function f(t) {
+	return t && t.map((t, n) => /* @__PURE__ */ e.createElement(t.tag, c({ key: n }, t.attr), f(t.child)));
+}
+function p(t) {
+	return (n) => /* @__PURE__ */ e.createElement(m, o({ attr: c({}, t.attr) }, n), f(t.child));
+}
+function m(a) {
+	var s = (t) => {
+		var { attr: n, size: s, title: l } = a, u = i(a, r), d = s || t.size || "1em", f;
+		return t.className && (f = t.className), a.className && (f = (f ? f + " " : "") + a.className), /* @__PURE__ */ e.createElement("svg", o({
+			stroke: "currentColor",
+			fill: "currentColor",
+			strokeWidth: "0"
+		}, t.attr, n, u, {
+			className: f,
+			style: c(c({ color: a.color || t.color }, t.style), a.style),
+			height: d,
+			width: d,
+			xmlns: "http://www.w3.org/2000/svg"
+		}), l && /* @__PURE__ */ e.createElement("title", null, l), a.children);
+	};
+	return n === void 0 ? s(t) : /* @__PURE__ */ e.createElement(n.Consumer, null, (e) => s(e));
+}
+//#endregion
+export { p as t };

package/dist/main.d.ts

@@ -1,2 +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, } from './chatbot';
+export type { ColorPalette, Theme, MarkdownRendererProps, UserMessageData, UserMessageProps, ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, BotMessageData, BotMessageRegistry, BotMessageProps, SessionHistoryProps, SessionUserMessageSlots, InputBarProps, ActionButtonType, SessionContainerProps, } from './chatbot';

package/dist/main.js

@@ -1,5 +1,14 @@
-import { logoutKeycloak as e, refreshTokenKeycloak as t } from "./keycloak/core/client.js";
-import { KeycloakProvider as n } from "./keycloak/react/KeycloakProvider/index.js";
-import { useKeycloakAuth as r } from "./keycloak/react/hooks/useKeycloakAuth.js";
+import { t as e } from "./MarkdownRenderer-vU2aoyaG.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";
-export { n as KeycloakProvider, e as logoutKeycloak, t as refreshTokenKeycloak, r as useKeycloakAuth };
+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-CxSc2du6.js";
+import { t as m } from "./SessionContainer-RrzUh_no.js";
+import "./chatbot/index.js";
+export { d as BotMessage, p as InputBar, r as KeycloakProvider, e as MarkdownRenderer, m 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, c as useTheme };

package/dist/style.css

@@ -0,0 +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}
+/*$vite$:1*/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shane_donnelly/dsi-internal-react-utils",
   "private": false,
-  "version": "0.2.1",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -22,14 +22,14 @@
     "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-eslint": "^8.58.0",
     "vite": "^8.0.4",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "keycloak-js": "^26.0.0"
+    "vite-plugin-lib-inject-css": "^2.2.2"
   },
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -44,8 +44,17 @@
     "dist"
   ],
   "peerDependencies": {
+    "keycloak-js": ">=25.0.0",
     "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "keycloak-js": ">=25.0.0"
+    "react-dom": "^19.2.4"
+  },
+  "dependencies": {
+    "react-icons": "^5.6.0",
+    "react-markdown": "^10.1.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"
   }
 }