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

package/dist/{InputBar-CxSc2du6.js → InputBar-CVy2_QtC.js}

@@ -1,9 +1,10 @@
 import { useTheme as e } from "./chatbot/theme/useTheme.js";
 import { t } from "./iconBase-CDbPVA4E.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { getPlusOpen as n, setPlusOpen as r, subscribePlusOpen as i } from "./chatbot/InputBar/plusSlotStore.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region node_modules/react-icons/fi/index.mjs
-function s(e) {
+function u(e) {
 	return t({
 		tag: "svg",
 		attr: {
@@ -30,7 +31,7 @@ function s(e) {
 		}]
 	})(e);
 }
-function c(e) {
+function d(e) {
 	return t({
 		tag: "svg",
 		attr: {
@@ -64,7 +65,7 @@ function c(e) {
 }
 //#endregion
 //#region node_modules/react-icons/fa/index.mjs
-function l(e) {
+function f(e) {
 	return t({
 		tag: "svg",
 		attr: { viewBox: "0 0 448 512" },
@@ -77,7 +78,7 @@ function l(e) {
 }
 //#endregion
 //#region node_modules/react-icons/ri/index.mjs
-function u(e) {
+function p(e) {
 	return t({
 		tag: "svg",
 		attr: {
@@ -93,7 +94,7 @@ function u(e) {
 }
 //#endregion
 //#region lib/chatbot/InputBar/styles.module.css
-var d = {
+var m = {
 	"dsi-inputbar": "_dsi-inputbar_1ngbl_2",
 	"dsi-inputbar-upper-slot": "_dsi-inputbar-upper-slot_1ngbl_12",
 	"dsi-inputbar-plus-slot": "_dsi-inputbar-plus-slot_1ngbl_23",
@@ -106,91 +107,91 @@ var d = {
 };
 //#endregion
 //#region lib/chatbot/InputBar/index.tsx
-function f({ type: e }) {
+function h({ type: e }) {
 	switch (e) {
-		case "send": return /* @__PURE__ */ a(s, {});
-		case "stop": return /* @__PURE__ */ a(l, {});
-		case "vocal": return /* @__PURE__ */ a(u, {});
+		case "send": return /* @__PURE__ */ c(u, {});
+		case "stop": return /* @__PURE__ */ c(f, {});
+		case "vocal": return /* @__PURE__ */ c(p, {});
 		default: return null;
 	}
 }
-function p({ value: t, onChange: s, placeholder: l = "Envoyer un message…", actionButtonType: u = "send", actionButtonEnabled: p = !0, onActionButtonClick: m, plusSlot: h, upperSlot: g, messageHistory: _ }) {
-	let v = e(), [y, b] = i(!1), x = r(null), S = r(null), C = r(null), w = r(-1);
-	n(() => {
-		let e = x.current;
+function g({ value: t, onChange: u, placeholder: f = "Placeholder", actionButtonType: p = "send", actionButtonEnabled: g = !0, onActionButtonClick: _, plusSlot: v, upperSlot: y, messageHistory: b }) {
+	let x = e(), [S, C] = s(n), w = o(null), T = o(null), E = o(null), D = o(-1);
+	a(() => i((e) => C(e)), []), a(() => {
+		let e = w.current;
 		e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
-	}, [t]), n(() => {
-		if (!y) return;
+	}, [t]), a(() => {
+		if (!S) return;
 		let e = (e) => {
-			!S.current?.contains(e.target) && !C.current?.contains(e.target) && b(!1);
+			!T.current?.contains(e.target) && !E.current?.contains(e.target) && r(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [y]);
-	let T = {
-		"--dsi-border": v.border,
-		"--dsi-input-bg": v.inputBg,
-		"--dsi-accent": v.accent,
-		"--dsi-text-primary": v.textPrimary,
-		"--dsi-text-secondary": v.textSecondary,
-		"--dsi-button-bg": v.buttonBg,
-		"--dsi-button-hover-bg": v.buttonHoverBg,
-		"--dsi-action-btn-bg": v.actionButtonBg,
-		"--dsi-action-btn-hover-bg": v.actionButtonHoverBg,
-		"--dsi-action-btn-icon": v.actionButtonIcon
+	}, [S]);
+	let O = {
+		"--dsi-border": x.border,
+		"--dsi-input-bg": x.inputBg,
+		"--dsi-accent": x.accent,
+		"--dsi-text-primary": x.textPrimary,
+		"--dsi-text-secondary": x.textSecondary,
+		"--dsi-button-bg": x.buttonBg,
+		"--dsi-button-hover-bg": x.buttonHoverBg,
+		"--dsi-action-btn-bg": x.actionButtonBg,
+		"--dsi-action-btn-hover-bg": x.actionButtonHoverBg,
+		"--dsi-action-btn-icon": x.actionButtonIcon
 	};
-	return /* @__PURE__ */ o("div", {
-		className: d["dsi-inputbar"],
-		style: T,
+	return /* @__PURE__ */ l("div", {
+		className: m["dsi-inputbar"],
+		style: O,
 		children: [
-			y && h && /* @__PURE__ */ a("div", {
-				className: d["dsi-inputbar-plus-slot"],
-				ref: S,
-				children: h
+			S && v && /* @__PURE__ */ c("div", {
+				className: m["dsi-inputbar-plus-slot"],
+				ref: T,
+				children: v
 			}),
-			g && /* @__PURE__ */ a("div", {
-				className: d["dsi-inputbar-upper-slot"],
-				children: g
+			y && /* @__PURE__ */ c("div", {
+				className: m["dsi-inputbar-upper-slot"],
+				children: y
 			}),
-			/* @__PURE__ */ o("div", {
-				className: `${d["dsi-inputbar-row"]} ${g ? d["dsi-inputbar-row--with-upper"] : ""}`,
+			/* @__PURE__ */ l("div", {
+				className: `${m["dsi-inputbar-row"]} ${y ? m["dsi-inputbar-row--with-upper"] : ""}`,
 				children: [
-					/* @__PURE__ */ a("button", {
-						ref: C,
-						className: `${d["dsi-inputbar-plus-btn"]} ${y ? d["dsi-inputbar-plus-btn--open"] : ""}`,
-						onClick: () => b((e) => !e),
+					/* @__PURE__ */ c("button", {
+						ref: E,
+						className: `${m["dsi-inputbar-plus-btn"]} ${S ? m["dsi-inputbar-plus-btn--open"] : ""}`,
+						onClick: () => r(!S),
 						"aria-label": "Options",
 						type: "button",
-						children: /* @__PURE__ */ a(c, {})
+						children: /* @__PURE__ */ c(d, {})
 					}),
-					/* @__PURE__ */ a("textarea", {
-						ref: x,
-						className: d["dsi-inputbar-textarea"],
+					/* @__PURE__ */ c("textarea", {
+						ref: w,
+						className: m["dsi-inputbar-textarea"],
 						value: t,
 						onChange: (e) => {
-							w.current = -1, s(e.target.value);
+							D.current = -1, u(e.target.value);
 						},
-						placeholder: l,
+						placeholder: f,
 						rows: 1,
 						onKeyDown: (e) => {
-							let n = _ ?? [];
+							let n = b ?? [];
 							if (e.key === "ArrowUp" && !e.shiftKey) {
-								t === "" && w.current === -1 && n.length > 0 ? (w.current = n.length - 1, s(n[w.current]), e.preventDefault()) : w.current > 0 ? (w.current--, s(n[w.current]), e.preventDefault()) : w.current === 0 && e.preventDefault();
+								t === "" && D.current === -1 && n.length > 0 ? (D.current = n.length - 1, u(n[D.current]), e.preventDefault()) : D.current > 0 ? (D.current--, u(n[D.current]), e.preventDefault()) : D.current === 0 && e.preventDefault();
 								return;
 							}
-							if (e.key === "ArrowDown" && w.current !== -1) {
-								w.current < n.length - 1 ? (w.current++, s(n[w.current])) : (w.current = -1, s("")), e.preventDefault();
+							if (e.key === "ArrowDown" && D.current !== -1) {
+								D.current < n.length - 1 ? (D.current++, u(n[D.current])) : (D.current = -1, u("")), e.preventDefault();
 								return;
 							}
-							e.key === "Enter" && !e.shiftKey && (e.preventDefault(), w.current = -1, p && u !== "none" && m?.(u));
+							e.key === "Enter" && !e.shiftKey && (e.preventDefault(), D.current = -1, g && p !== "none" && _?.(p));
 						}
 					}),
-					u !== "none" && /* @__PURE__ */ a("button", {
-						className: d["dsi-inputbar-action-btn"],
-						disabled: !p,
-						onClick: () => m?.(u),
-						"aria-label": u,
+					p !== "none" && /* @__PURE__ */ c("button", {
+						className: m["dsi-inputbar-action-btn"],
+						disabled: !g,
+						onClick: () => _?.(p),
+						"aria-label": p,
 						type: "button",
-						children: /* @__PURE__ */ a(f, { type: u })
+						children: /* @__PURE__ */ c(h, { type: p })
 					})
 				]
 			})
@@ -198,4 +199,4 @@ function p({ value: t, onChange: s, placeholder: l = "Envoyer un message…", ac
 	});
 }
 //#endregion
-export { p as t };
+export { g as t };

package/dist/SessionContainer-DfTD7hX3.js

@@ -0,0 +1,50 @@
+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 { 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
+var l = {
+	"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 u({ userMessages: u, botMessages: d, orderedIds: f, botMessageRegistry: p, userMessageSlots: m, alternativeScreenComponent: h, isAlternativeScreenActive: g = !1, value: _, onChange: v, placeholder: y, actionButtonType: b, actionButtonEnabled: x, onActionButtonClick: S, plusSlot: C, upperSlot: w }) {
+	let T = e(), E = a(null), D = i(() => {
+		let e = new Map(u.map((e) => [e.id, e]));
+		return f.filter((t) => e.has(t)).map((t) => e.get(t).text);
+	}, [u, f]);
+	return r(() => {
+		E.current?.scrollIntoView({ behavior: "smooth" });
+	}, [f.length]), /* @__PURE__ */ c("div", {
+		className: l["dsi-session-container"],
+		style: { "--dsi-bg": T.background },
+		children: [/* @__PURE__ */ s("div", {
+			className: l["dsi-session-container-history"],
+			children: g ? h ?? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(t, {
+				userMessages: u,
+				botMessages: d,
+				orderedIds: f,
+				botMessageRegistry: p,
+				userMessageSlots: m
+			}), /* @__PURE__ */ s("div", { ref: E })] })
+		}), /* @__PURE__ */ s("div", {
+			className: l["dsi-session-container-inputbar"],
+			children: /* @__PURE__ */ s(n, {
+				value: _,
+				onChange: v,
+				placeholder: y,
+				actionButtonType: b,
+				actionButtonEnabled: x,
+				onActionButtonClick: S,
+				plusSlot: C,
+				upperSlot: w,
+				messageHistory: D
+			})
+		})]
+	});
+}
+//#endregion
+export { u as t };

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+export { usePlusSlot } from './usePlusSlot';
 /** Type du bouton d'action principal */
 export type ActionButtonType = "send" | "stop" | "vocal" | "none";
 export interface InputBarProps {

package/dist/chatbot/InputBar/index.js

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

package/dist/chatbot/InputBar/plusSlotStore.d.ts

@@ -0,0 +1,5 @@
+type Listener = (open: boolean) => void;
+export declare function getPlusOpen(): boolean;
+export declare function setPlusOpen(open: boolean): void;
+export declare function subscribePlusOpen(l: Listener): () => void;
+export {};

package/dist/chatbot/InputBar/plusSlotStore.js

@@ -0,0 +1,13 @@
+//#region lib/chatbot/InputBar/plusSlotStore.ts
+var e = !1, t = /* @__PURE__ */ new Set();
+function n() {
+	return e;
+}
+function r(n) {
+	e = n, t.forEach((e) => e(n));
+}
+function i(e) {
+	return t.add(e), () => t.delete(e);
+}
+//#endregion
+export { n as getPlusOpen, r as setPlusOpen, i as subscribePlusOpen };

package/dist/chatbot/InputBar/usePlusSlot.d.ts

@@ -0,0 +1,19 @@
+import { setPlusOpen } from './plusSlotStore';
+/**
+ * Hook permettant de contrôler programmatiquement l'ouverture/fermeture
+ * du plus slot de l'InputBar.
+ *
+ * Le comportement natif (clic sur le bouton "+" pour basculer) est conservé :
+ * ce hook ajoute uniquement la capacité d'agir depuis l'extérieur.
+ *
+ * @example
+ * ```tsx
+ * const { setOpen } = usePlusSlot();
+ *
+ * // Ouvrir le plus slot lors d'un drop de fichier
+ * const handleDrop = () => setOpen(true);
+ * ```
+ */
+export declare function usePlusSlot(): {
+    setOpen: typeof setPlusOpen;
+};

package/dist/chatbot/InputBar/usePlusSlot.js

@@ -0,0 +1,7 @@
+import { setPlusOpen as e } from "./plusSlotStore.js";
+//#region lib/chatbot/InputBar/usePlusSlot.ts
+function t() {
+	return { setOpen: e };
+}
+//#endregion
+export { t as usePlusSlot };

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

@@ -1,13 +1,28 @@
+import { ReactNode } from 'react';
 import { SessionHistoryProps } from '../SessionHistory';
 import { InputBarProps } from '../InputBar';
-export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> = SessionHistoryProps<TTop, TBottom, TLeft, TRight> & InputBarProps;
+export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>> = SessionHistoryProps<TTop, TBottom, TLeft, TRight> & InputBarProps & {
+    /**
+     * Composant alternatif affiché à la place de `SessionHistory`
+     * quand `isAlternativeScreenActive` est `true`.
+     */
+    alternativeScreenComponent?: ReactNode;
+    /**
+     * Quand `true`, affiche `alternativeScreenComponent` à la place de
+     * `SessionHistory`. Par défaut `false`.
+     */
+    isAlternativeScreenActive?: boolean;
+};
 /**
  * Composant tout-en-un combinant `SessionHistory` et `InputBar`.
  *
  * Fait défiler automatiquement vers le dernier message à chaque
  * mise à jour de la conversation.
  *
- * Ses props sont la somme des props de `SessionHistory` et `InputBar`.
+ * Ses props sont la somme des props de `SessionHistory` et `InputBar`,
+ * plus deux props optionnelles pour un écran alternatif :
+ * - `alternativeScreenComponent` : contenu affiché à la place de `SessionHistory`
+ * - `isAlternativeScreenActive` : active l'affichage de l'écran alternatif (défaut `false`)
  *
  * @example
  * ```tsx
@@ -23,4 +38,4 @@ export type SessionContainerProps<TTop = Record<string, never>, TBottom = Record
  * />
  * ```
  */
-export declare function SessionContainer<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, }: SessionContainerProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;
+export declare function SessionContainer<TTop = Record<string, never>, TBottom = Record<string, never>, TLeft = Record<string, never>, TRight = Record<string, never>>({ userMessages, botMessages, orderedIds, botMessageRegistry, userMessageSlots, alternativeScreenComponent, isAlternativeScreenActive, value, onChange, placeholder, actionButtonType, actionButtonEnabled, onActionButtonClick, plusSlot, upperSlot, }: SessionContainerProps<TTop, TBottom, TLeft, TRight>): import("react/jsx-runtime").JSX.Element;

package/dist/chatbot/SessionContainer/index.js

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

package/dist/chatbot/index.d.ts

@@ -8,7 +8,7 @@ export { BotMessage, defaultBotMessageRegistry } from './BotMessage';
 export type { ElementData, TextElementData, ReasoningElementData, ToolElementData, SearchElementData, BotMessageData, BotMessageRegistry, BotMessageProps, } from './BotMessage';
 export { SessionHistory } from './SessionHistory';
 export type { SessionHistoryProps, SessionUserMessageSlots } from './SessionHistory';
-export { InputBar } from './InputBar';
+export { InputBar, usePlusSlot } from './InputBar';
 export type { InputBarProps, ActionButtonType } from './InputBar';
 export { SessionContainer } from './SessionContainer';
 export type { SessionContainerProps } from './SessionContainer';

package/dist/chatbot/index.js

@@ -5,6 +5,7 @@ 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-CxSc2du6.js";
-import { t as u } from "../SessionContainer-RrzUh_no.js";
-export { s as BotMessage, l as InputBar, e as MarkdownRenderer, u as SessionContainer, c as SessionHistory, a as UserMessage, o as defaultBotMessageRegistry, t as getCurrentTheme, n as getTheme, r as setTheme, i as useTheme };
+import { t as l } from "../InputBar-CVy2_QtC.js";
+import { usePlusSlot as u } from "./InputBar/usePlusSlot.js";
+import { t as d } from "../SessionContainer-DfTD7hX3.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/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, } from './chatbot';
+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';

package/dist/main.js

@@ -8,7 +8,8 @@ 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 { t as p } from "./InputBar-CVy2_QtC.js";
+import { usePlusSlot as m } from "./chatbot/InputBar/usePlusSlot.js";
+import { t as h } from "./SessionContainer-DfTD7hX3.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 };
+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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shane_donnelly/dsi-internal-react-utils",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.2.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/dist/SessionContainer-RrzUh_no.js

@@ -1,50 +0,0 @@
-import { useTheme as e } from "./chatbot/theme/useTheme.js";
-import { t } from "./SessionHistory-BUYwbZjE.js";
-import { t as n } from "./InputBar-CxSc2du6.js";
-import { useEffect as r, useMemo as i, useRef as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region lib/chatbot/SessionContainer/styles.module.css
-var c = {
-	"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 l({ userMessages: l, botMessages: u, orderedIds: d, botMessageRegistry: f, userMessageSlots: p, value: m, onChange: h, placeholder: g, actionButtonType: _, actionButtonEnabled: v, onActionButtonClick: y, plusSlot: b, upperSlot: x }) {
-	let S = e(), C = a(null), w = i(() => {
-		let e = new Map(l.map((e) => [e.id, e]));
-		return d.filter((t) => e.has(t)).map((t) => e.get(t).text);
-	}, [l, d]);
-	return r(() => {
-		C.current?.scrollIntoView({ behavior: "smooth" });
-	}, [d.length]), /* @__PURE__ */ s("div", {
-		className: c["dsi-session-container"],
-		style: { "--dsi-bg": S.background },
-		children: [/* @__PURE__ */ s("div", {
-			className: c["dsi-session-container-history"],
-			children: [/* @__PURE__ */ o(t, {
-				userMessages: l,
-				botMessages: u,
-				orderedIds: d,
-				botMessageRegistry: f,
-				userMessageSlots: p
-			}), /* @__PURE__ */ o("div", { ref: C })]
-		}), /* @__PURE__ */ o("div", {
-			className: c["dsi-session-container-inputbar"],
-			children: /* @__PURE__ */ o(n, {
-				value: m,
-				onChange: h,
-				placeholder: g,
-				actionButtonType: _,
-				actionButtonEnabled: v,
-				onActionButtonClick: y,
-				plusSlot: b,
-				upperSlot: x,
-				messageHistory: w
-			})
-		})]
-	});
-}
-//#endregion
-export { l as t };