mcp-chat-ui 1.0.0

package/dist/components/Composer.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { ChatUITextConfig } from "../config";
+import type { AvailableTasksCard } from "../models/chat.types";
+type ComposerProps = {
+    fileInputRef: React.RefObject<HTMLInputElement | null>;
+    composerRef: React.RefObject<HTMLTextAreaElement | null>;
+    selectedTaskCard: AvailableTasksCard | null;
+    selectedFiles: File[];
+    onClearSelected: (index: number) => void;
+    onUpload: (files: FileList | null) => void;
+    input: string;
+    onInputChange: (value: string) => void;
+    onInputKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onInputFocus: () => void;
+    inputIsRtl: boolean;
+    inputLocale: string;
+    authToken: string;
+    sessionId: string;
+    pending: boolean;
+    voiceMode: boolean;
+    voiceUploading: boolean;
+    waveData: number[];
+    onToggleVoice: () => void;
+    onSendMessage: () => void;
+    voiceError: string | null;
+    canSend: boolean;
+    onCancelVoice: () => void;
+    onConfirmVoice: () => void;
+    onAttachClick: () => void;
+    onClearSelectedTask: () => void;
+    text: ChatUITextConfig["composer"];
+    voiceOverlayText: ChatUITextConfig["voiceOverlay"];
+};
+export default function Composer({ fileInputRef, composerRef, selectedTaskCard, selectedFiles, onClearSelected, onUpload, input, onInputChange, onInputKeyDown, onInputFocus, inputIsRtl, inputLocale, authToken, sessionId, pending, voiceMode, voiceUploading, waveData, onToggleVoice, onSendMessage, voiceError, canSend, onCancelVoice, onConfirmVoice, onAttachClick, onClearSelectedTask, text, voiceOverlayText, }: ComposerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Composer.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Composer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+const VoiceOverlay_1 = __importDefault(require("./VoiceOverlay"));
+function Composer({ fileInputRef, composerRef, selectedTaskCard, selectedFiles, onClearSelected, onUpload, input, onInputChange, onInputKeyDown, onInputFocus, inputIsRtl, inputLocale, authToken, sessionId, pending, voiceMode, voiceUploading, waveData, onToggleVoice, onSendMessage, voiceError, canSend, onCancelVoice, onConfirmVoice, onAttachClick, onClearSelectedTask, text, voiceOverlayText, }) {
+    var _a;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "sticky bottom-0 bg-white/95 px-2 py-4 backdrop-blur sm:px-4", children: (0, jsx_runtime_1.jsx)("div", { className: "mx-auto w-full max-w-3xl", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)(VoiceOverlay_1.default, { voiceMode: voiceMode, waveData: waveData, voiceUploading: voiceUploading, onCancel: onCancelVoice, onConfirm: onConfirmVoice, text: voiceOverlayText }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap items-end gap-2 rounded-full bg-white px-3 py-2 shadow-[0_10px_40px_rgba(0,0,0,0.08)] ring-1 ring-[#252525]/5 sm:flex-nowrap", children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", multiple: true, className: "hidden", onChange: (e) => onUpload(e.target.files) }), (0, jsx_runtime_1.jsx)("button", { onClick: onAttachClick, disabled: !sessionId, className: (0, classNames_1.classNames)("inline-flex h-9 w-9 items-center justify-center bg-transparent text-gray-700 transition", !sessionId && "opacity-60"), title: text.attachTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Plus, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex-1", children: [selectedTaskCard && ((0, jsx_runtime_1.jsx)("div", { className: "mb-2 flex items-center gap-2", children: (0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-2 rounded-full bg-blue-100 px-3 py-1 text-xs font-semibold text-blue-700 shadow-sm", children: [(0, jsx_runtime_1.jsxs)("span", { children: [text.selectedTaskPrefix, String((_a = selectedTaskCard.RequestId) !== null && _a !== void 0 ? _a : "")] }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "inline-flex h-4 w-4 items-center justify-center rounded-full bg-blue-700 text-blue-100 transition hover:bg-blue-800", onClick: onClearSelectedTask, title: text.selectedTaskClearTitle, "aria-label": text.selectedTaskClearTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-3 w-3" }) })] }) })), selectedFiles.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mb-2 flex flex-wrap gap-2", children: selectedFiles.map((f, i) => ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-2 rounded-2xl border bg-white px-3 py-1 text-xs shadow-sm", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Paperclip, { className: "h-3.5 w-3.5" }), " ", f.name, (0, jsx_runtime_1.jsx)("button", { className: "rounded-full p-0.5 hover:bg-gray-100", onClick: () => onClearSelected(i), children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-3.5 w-3.5" }) })] }, i))) })), (0, jsx_runtime_1.jsx)("textarea", { ref: composerRef, value: input, onChange: (e) => onInputChange(e.target.value), onFocus: onInputFocus, onKeyDown: onInputKeyDown, rows: 1, disabled: !authToken, dir: inputIsRtl ? "rtl" : "ltr", lang: inputLocale, placeholder: !authToken
+                                            ? text.placeholderAuthRequired
+                                            : text.placeholderDefault, className: "max-h-80 w-full resize-none bg-transparent px-1 py-1 outline-none", style: {
+                                            direction: inputIsRtl ? "rtl" : "ltr",
+                                            textAlign: inputIsRtl ? "right" : "left",
+                                        } })] }), (0, jsx_runtime_1.jsx)("button", { onClick: onToggleVoice, disabled: !authToken || pending, className: (0, classNames_1.classNames)("inline-flex h-9 w-9 items-center justify-center rounded-full bg-transparent transition", !authToken || pending ? "opacity-60" : "hover:bg-gray-50"), title: voiceMode ? text.voiceStopTitle : text.voiceStartTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Mic, { className: "h-4 w-4 text-gray-700" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: onSendMessage, disabled: !canSend, className: (0, classNames_1.classNames)("inline-flex h-9 w-9 items-center justify-center rounded-full bg-transparent transition", canSend ? "hover:bg-gray-50" : "opacity-60"), title: text.sendTitle, children: pending ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin text-gray-700" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.Send, { className: "h-4 w-4 text-gray-700" })) })] }), voiceError && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 rounded-md bg-red-50 px-3 py-2 text-xs text-red-700", children: voiceError }))] }) }) }));
+}

package/dist/components/DocumentViewer.d.ts

@@ -0,0 +1,24 @@
+import type { ChatUITextConfig } from "../config";
+type DocumentViewerProps = {
+    overlayUrl: string | null;
+    viewerLoading: boolean;
+    viewerUrl: string | null;
+    viewerKey: number;
+    viewerFilename: string;
+    gdocUrl: string | null;
+    blobUrl: string | null;
+    viewerError: string | null;
+    onClose: () => void;
+    onDownload: () => void;
+    onIframeLoad: () => void;
+    onUseGoogleViewer: () => void;
+    onUseDirectViewer: () => void;
+    takeActionProceedOpen: boolean;
+    takeActionSubmitting: boolean;
+    takeActionError: string | null;
+    onProceedTakeAction: () => void;
+    textButtonTheme: string;
+    text: ChatUITextConfig["documentViewer"];
+};
+export default function DocumentViewer({ overlayUrl, viewerLoading, viewerUrl, viewerKey, viewerFilename, gdocUrl, blobUrl, viewerError, onClose, onDownload, onIframeLoad, onUseGoogleViewer, onUseDirectViewer, takeActionProceedOpen, takeActionSubmitting, takeActionError, onProceedTakeAction, textButtonTheme, text, }: DocumentViewerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DocumentViewer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DocumentViewer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+function DocumentViewer({ overlayUrl, viewerLoading, viewerUrl, viewerKey, viewerFilename, gdocUrl, blobUrl, viewerError, onClose, onDownload, onIframeLoad, onUseGoogleViewer, onUseDirectViewer, takeActionProceedOpen, takeActionSubmitting, takeActionError, onProceedTakeAction, textButtonTheme, text, }) {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: overlayUrl && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-50 bg-[#252525]/50", onClick: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 top-1/2", style: { transform: "translate(-50%, -50%)" }, children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { scale: 0.96, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.96, opacity: 0 }, transition: {
+                        type: "spring",
+                        stiffness: 300,
+                        damping: 28,
+                    }, className: "relative h-[95vh] w-[50vw] overflow-hidden rounded-2xl bg-white shadow-2xl", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate text-sm font-semibold", children: text.title }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("button", { className: (0, classNames_1.classNames)("inline-flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium transition", textButtonTheme), onClick: onDownload, type: "button", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Download, { className: "h-3.5 w-3.5" }), " ", text.downloadButton] }), (0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-100", onClick: onClose, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "h-[calc(95vh-52px)]", children: [viewerLoading && ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full w-full items-center justify-center text-sm text-gray-600", children: text.loading })), (0, jsx_runtime_1.jsxs)("div", { className: "relative h-full w-full", children: [viewerUrl && ((0, jsx_runtime_1.jsx)("iframe", { src: viewerUrl, title: viewerFilename || text.iframeTitle, className: viewerLoading
+                                                ? "h-full w-full opacity-0"
+                                                : "h-full w-full opacity-100", onLoad: onIframeLoad, referrerPolicy: "no-referrer", sandbox: "allow-scripts allow-same-origin allow-forms allow-popups" }, viewerKey)), gdocUrl && blobUrl && ((0, jsx_runtime_1.jsxs)("div", { className: "pointer-events-none absolute right-2 top-2 flex gap-2", children: [(0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("pointer-events-auto rounded-md px-2 py-1 text-xs shadow transition", textButtonTheme), onClick: onUseGoogleViewer, children: text.useGoogleViewer }), (0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("pointer-events-auto rounded-md px-2 py-1 text-xs shadow transition", textButtonTheme), onClick: onUseDirectViewer, children: text.useDirectViewer })] }))] }), viewerError && ((0, jsx_runtime_1.jsxs)("div", { className: "border-t bg-amber-50 px-4 py-2 text-xs text-amber-700", children: [viewerError, ". ", text.errorSuffix] }))] }), takeActionProceedOpen && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute bottom-3 left-3 flex items-center gap-2", children: (0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("pointer-events-auto inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium shadow-sm transition", textButtonTheme), type: "button", onClick: onProceedTakeAction, disabled: takeActionSubmitting, children: takeActionSubmitting ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" })) : (text.proceedButton) }) }), takeActionError && ((0, jsx_runtime_1.jsx)("div", { className: "absolute bottom-3 right-3 max-w-[60%] rounded-xl bg-red-50 px-3 py-2 text-xs text-red-700 shadow", children: takeActionError }))] }))] }) }) })) }));
+}

package/dist/components/FormattedText.d.ts

@@ -0,0 +1,9 @@
+type FormattedTextProps = {
+    text: string;
+    onOpen: (href: string) => void;
+    isRtl?: boolean;
+    buttonClassName: string;
+    linkButtonLabel: string;
+};
+export default function FormattedText({ text, onOpen, isRtl, buttonClassName, linkButtonLabel, }: FormattedTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormattedText.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormattedText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classNames_1 = require("../utils/classNames");
+function LinkButton({ href, title, onOpen, buttonClassName, label, }) {
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", title: title || href, onClick: (e) => {
+            e.stopPropagation();
+            onOpen(href);
+        }, className: (0, classNames_1.classNames)("align-baseline inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium shadow-sm transition", buttonClassName), children: label }));
+}
+function inlineRich(s, onOpen, buttonClassName, linkButtonLabel) {
+    const nodes = [];
+    const re = /(\[([^\]]+)\]\((https?:\/\/[^\s)]+)\))|(\*\*[^*]+?\*\*)|((?:https?:\/\/)[^\s)]+)/g;
+    let last = 0;
+    let m;
+    while ((m = re.exec(s)) !== null) {
+        if (m.index > last)
+            nodes.push(s.slice(last, m.index));
+        if (m[1]) {
+            const text = m[2];
+            const url = m[3];
+            nodes.push((0, jsx_runtime_1.jsx)(LinkButton, { href: url, title: text, onOpen: onOpen, buttonClassName: buttonClassName, label: linkButtonLabel }, `${m.index}-md`));
+        }
+        else if (m[4]) {
+            const inner = m[4].slice(2, -2);
+            nodes.push((0, jsx_runtime_1.jsx)("strong", { children: inner.trim() }, `${m.index}-b`));
+        }
+        else if (m[5]) {
+            const url = m[5];
+            nodes.push((0, jsx_runtime_1.jsx)(LinkButton, { href: url, onOpen: onOpen, buttonClassName: buttonClassName, label: linkButtonLabel }, `${m.index}-u`));
+        }
+        last = re.lastIndex;
+    }
+    if (last < s.length)
+        nodes.push(s.slice(last));
+    return nodes;
+}
+function FormattedText({ text, onOpen, isRtl, buttonClassName, linkButtonLabel, }) {
+    const root = { type: "root", children: [] };
+    const uls = [];
+    const lastLiAtLevel = [];
+    const addChild = (parent, child) => {
+        (parent.children = parent.children || []).push(child);
+    };
+    const getIndentLevel = (s) => {
+        const spaces = (s.replace(/\t/g, "  ").match(/^\s*/) || [""])[0].length;
+        return Math.floor(spaces / 2);
+    };
+    const lines = text.split(/\r?\n/);
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        const bullet = line.match(/^(\s*)-\s+(.*)$/);
+        if (bullet) {
+            let level = getIndentLevel(bullet[1]);
+            while (level > 0 && !lastLiAtLevel[level - 1])
+                level--;
+            const parent = level === 0 ? root : lastLiAtLevel[level - 1];
+            if (!uls[level] || (parent.children || []).indexOf(uls[level]) === -1) {
+                uls[level] = { type: "ul", level, children: [] };
+                addChild(parent, uls[level]);
+            }
+            uls.length = level + 1;
+            lastLiAtLevel.length = level;
+            const li = {
+                type: "li",
+                children: [{ type: "p", text: bullet[2] }],
+            };
+            addChild(uls[level], li);
+            lastLiAtLevel[level] = li;
+            continue;
+        }
+        uls.length = 0;
+        lastLiAtLevel.length = 0;
+        if (line.trim() === "") {
+            addChild(root, { type: "br" });
+        }
+        else {
+            addChild(root, { type: "p", text: line });
+        }
+    }
+    const renderNode = (node, key) => {
+        if (node.type === "ul") {
+            return ((0, jsx_runtime_1.jsx)("ul", { className: (0, classNames_1.classNames)("list-disc space-y-1", isRtl ? "pr-6" : "pl-6"), children: (node.children || []).map((c, idx) => renderNode(c, String(key) + "-c" + idx)) }, key));
+        }
+        if (node.type === "li") {
+            return ((0, jsx_runtime_1.jsx)("li", { className: isRtl ? "text-right" : "text-left", children: (node.children || []).map((c, idx) => renderNode(c, String(key) + "-c" + idx)) }, key));
+        }
+        if (node.type === "p") {
+            return ((0, jsx_runtime_1.jsx)("p", { className: (0, classNames_1.classNames)("whitespace-pre-wrap", isRtl ? "text-right" : "text-left"), children: inlineRich(node.text || "", onOpen, buttonClassName, linkButtonLabel) }, key));
+        }
+        if (node.type === "br") {
+            return (0, jsx_runtime_1.jsx)("div", { className: "h-2" }, key);
+        }
+        return null;
+    };
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (root.children || []).map((n, i) => renderNode(n, i)) });
+}

package/dist/components/InitPanel.d.ts

@@ -0,0 +1,41 @@
+type InitPanelProps = {
+    show: boolean;
+    onClose: () => void;
+    requiredConfig: {
+        baseUrl: string;
+        setBaseUrl: (value: string) => void;
+        apiSubscriptionKey: string;
+        setApiSubscriptionKey: (value: string) => void;
+        loginSubscriptionKey: string;
+        setLoginSubscriptionKey: (value: string) => void;
+        token: string;
+        setToken: (value: string) => void;
+        isDab: boolean;
+        setIsDab: (value: boolean) => void;
+    };
+    initPreset: "requester" | "provider" | "custom";
+    setInitPreset: (preset: "requester" | "provider" | "custom") => void;
+    initUsername: string;
+    setInitUsername: (value: string) => void;
+    initPassword: string;
+    setInitPassword: (value: string) => void;
+    domain: string;
+    setDomain: (value: string) => void;
+    initContextWindow: string;
+    setInitContextWindow: (value: string) => void;
+    initServiceId: string;
+    setInitServiceId: (value: string) => void;
+    initRequestStepId: string;
+    setInitRequestStepId: (value: string) => void;
+    sessionId: string;
+    setSessionId: (value: string) => void;
+    speechLang: string;
+    setSpeechLang: (value: string) => void;
+    ttsLang: string;
+    setTtsLang: (value: string) => void;
+    initLoading: boolean;
+    onInitialize: () => Promise<void>;
+    textButtonTheme: string;
+};
+export default function InitPanel({ show, onClose, requiredConfig, initPreset, setInitPreset, initUsername, setInitUsername, initPassword, setInitPassword, domain, setDomain, initContextWindow, setInitContextWindow, initServiceId, setInitServiceId, initRequestStepId, setInitRequestStepId, sessionId, setSessionId, speechLang, setSpeechLang, ttsLang, setTtsLang, initLoading, onInitialize, textButtonTheme, }: InitPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/InitPanel.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = InitPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+function InitPanel({ show, onClose, requiredConfig, initPreset, setInitPreset, initUsername, setInitUsername, initPassword, setInitPassword, domain, setDomain, initContextWindow, setInitContextWindow, initServiceId, setInitServiceId, initRequestStepId, setInitRequestStepId, sessionId, setSessionId, speechLang, setSpeechLang, ttsLang, setTtsLang, initLoading, onInitialize, textButtonTheme, }) {
+    const presetOptions = [
+        { id: "requester", label: "Requester" },
+        { id: "provider", label: "Provider" },
+        { id: "custom", label: "Custom" },
+    ];
+    const { baseUrl, setBaseUrl, apiSubscriptionKey, setApiSubscriptionKey, loginSubscriptionKey, setLoginSubscriptionKey, token, setToken, isDab, setIsDab, } = requiredConfig;
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: show && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-40 bg-[#252525]/30", onClick: onClose, children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { x: 400 }, animate: { x: 0 }, exit: { x: 400 }, transition: {
+                    type: "spring",
+                    stiffness: 280,
+                    damping: 30,
+                }, className: "absolute right-0 top-0 flex h-full w-full max-w-xl flex-col rounded-2xl bg-white shadow-2xl", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between border-b px-4 py-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-semibold", children: "Login & initialize chat" }), (0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-50", onClick: onClose, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto px-6 py-6", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex gap-3", children: presetOptions.map((preset) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => setInitPreset(preset.id), className: (0, classNames_1.classNames)("flex-1 rounded-full px-3 py-2 text-sm font-medium transition", textButtonTheme, initPreset === preset.id ? null : "opacity-80"), children: preset.label }, preset.id))) }), (0, jsx_runtime_1.jsxs)("div", { className: "rounded-2xl border px-4 py-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-semibold text-gray-500", children: "Required SDK settings" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "sm:col-span-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-xs font-medium", children: "Token" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2 font-mono text-xs", value: token, onChange: (e) => setToken(e.target.value), spellCheck: false })] }), (0, jsx_runtime_1.jsxs)("div", { className: "sm:col-span-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-xs font-medium", children: "Base URL" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2 font-mono text-xs", value: baseUrl, onChange: (e) => setBaseUrl(e.target.value), spellCheck: false })] }), (0, jsx_runtime_1.jsxs)("div", { className: "sm:col-span-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-xs font-medium", children: "API Subscription Key" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2 font-mono text-xs", value: apiSubscriptionKey, onChange: (e) => setApiSubscriptionKey(e.target.value), spellCheck: false })] }), (0, jsx_runtime_1.jsxs)("div", { className: "sm:col-span-2", children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-xs font-medium", children: "Login Subscription Key" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2 font-mono text-xs", value: loginSubscriptionKey, onChange: (e) => setLoginSubscriptionKey(e.target.value), spellCheck: false })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-xs font-medium", children: "Is Dab" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem] text-xs", value: isDab ? "true" : "false", onChange: (e) => setIsDab(e.target.value === "true"), children: [(0, jsx_runtime_1.jsx)("option", { value: "false", children: "false" }), (0, jsx_runtime_1.jsx)("option", { value: "true", children: "true" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "Domain" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2", placeholder: "domain (e.g. dab.ae)", value: domain, onChange: (e) => setDomain(e.target.value), type: "text" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "Username" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2", placeholder: "username", value: initUsername, onChange: (e) => setInitUsername(e.target.value), type: "text" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "Password" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2", placeholder: "********", value: initPassword, onChange: (e) => setInitPassword(e.target.value), type: "password" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "Context window" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem]", value: initContextWindow, onChange: (e) => setInitContextWindow(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "ComposeRequest", children: "ComposeRequest" }), (0, jsx_runtime_1.jsx)("option", { value: "TakeAction", children: "TakeAction" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "ServiceId (optional)" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2", placeholder: "e.g. 1001", value: initServiceId, onChange: (e) => setInitServiceId(e.target.value), type: "text" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "RequestStepId (optional)" }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2", placeholder: "e.g. 2001", value: initRequestStepId, onChange: (e) => setInitRequestStepId(e.target.value), type: "text" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("label", { className: "mb-1 block text-sm font-medium", children: ["Session ID", " ", (0, jsx_runtime_1.jsx)("span", { className: "text-xs text-gray-400", children: "(will be overridden by initializeChat)" })] }), (0, jsx_runtime_1.jsx)("input", { className: "w-full rounded-xl border px-3 py-2 font-mono", placeholder: "session Id", value: sessionId, onChange: (e) => setSessionId(e.target.value), type: "text" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "Transcription language" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem]", value: speechLang, onChange: (e) => setSpeechLang(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "en-US", children: "English (US)" }), (0, jsx_runtime_1.jsx)("option", { value: "ar-JO", children: "Arabic (Jordan)" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: "TTS Language" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem]", value: ttsLang, onChange: (e) => setTtsLang(e.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "en-US", children: "English (US)" }), (0, jsx_runtime_1.jsx)("option", { value: "ar-EG", children: "Arabic (EG)" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "pt-2", children: (0, jsx_runtime_1.jsxs)("button", { onClick: onInitialize, disabled: initLoading, className: (0, classNames_1.classNames)("inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm shadow-sm transition", textButtonTheme, initLoading ? "opacity-60" : null), children: [initLoading ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" })) : ((0, jsx_runtime_1.jsx)(lucide_react_1.LogIn, { className: "h-4 w-4" })), (0, jsx_runtime_1.jsx)("span", { children: initLoading ? "Signing in…" : "Sign in" })] }) })] }) })] }) })) }));
+}

package/dist/components/MessageItem.d.ts

@@ -0,0 +1,19 @@
+import type { ChatUITaskCardSize, ChatUITextConfig } from "../config";
+import type { AvailableTasksCard, ChatMessage } from "../models/chat.types";
+type MessageItemProps = {
+    m: ChatMessage;
+    openOverlay: (href: string) => void;
+    isRtl: boolean;
+    onOpenTaskCard?: (card: AvailableTasksCard) => void;
+    onSelectTaskCard?: (card: AvailableTasksCard) => void;
+    selectedTaskCardId?: AvailableTasksCard["RequestId"];
+    canSpeak?: boolean;
+    isSpeaking?: boolean;
+    onSpeak?: () => void;
+    onStopSpeak?: () => void;
+    textButtonTheme: string;
+    text: ChatUITextConfig["messageItem"];
+    taskCardSize: ChatUITaskCardSize;
+};
+export default function MessageItem({ m, openOverlay, isRtl, onOpenTaskCard, onSelectTaskCard, selectedTaskCardId, canSpeak, isSpeaking, onSpeak, onStopSpeak, textButtonTheme, text, taskCardSize, }: MessageItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MessageItem.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MessageItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const FormattedText_1 = __importDefault(require("./FormattedText"));
+const classNames_1 = require("../utils/classNames");
+const format_1 = require("../utils/format");
+function MessageItem({ m, openOverlay, isRtl, onOpenTaskCard, onSelectTaskCard, selectedTaskCardId, canSpeak, isSpeaking, onSpeak, onStopSpeak, textButtonTheme, text, taskCardSize, }) {
+    const isUser = m.role === "User";
+    const alignRight = isUser;
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.18 }, className: (0, classNames_1.classNames)("flex w-full", alignRight ? "justify-end" : "justify-start"), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)("max-w-[85%]", isUser ? "" : "w-full"), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(isUser
+                        ? "rounded-2xl px-4 py-3 shadow-sm"
+                        : "px-1 py-0"), style: Object.assign({ direction: isRtl ? "rtl" : "ltr", textAlign: isRtl ? "right" : "left" }, (isUser
+                        ? {
+                            backgroundColor: "var(--chat-user-message-bg)",
+                            color: "var(--chat-user-message-text)",
+                        }
+                        : {})), children: [m.attachments && m.attachments.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)("mb-2 flex flex-wrap gap-2", isRtl ? "justify-end" : "justify-start"), children: m.attachments.map((att, idx) => ((0, jsx_runtime_1.jsxs)("span", { className: "inline-flex items-center gap-1 rounded-full bg-white/70 px-3 py-1 text-xs text-gray-800", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Paperclip, { className: "h-3 w-3" }), " ", att.name] }, idx))) })), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: (0, jsx_runtime_1.jsx)(FormattedText_1.default, { text: m.content, onOpen: openOverlay, isRtl: isRtl, buttonClassName: textButtonTheme, linkButtonLabel: text.linkButtonLabel }) }), !isUser && m.availableTasksCards && m.availableTasksCards.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "flex snap-x snap-mandatory gap-3 overflow-x-auto pb-2", children: m.availableTasksCards.map((card, idx) => {
+                                    var _a, _b, _c, _d, _e, _f, _g;
+                                    const requestSummary = (_b = (_a = card === null || card === void 0 ? void 0 : card.Details) === null || _a === void 0 ? void 0 : _a.RequestSummary) !== null && _b !== void 0 ? _b : "";
+                                    const preview = String(requestSummary).slice(0, 125);
+                                    const isSelected = selectedTaskCardId !== undefined &&
+                                        selectedTaskCardId !== null &&
+                                        String(selectedTaskCardId) === String((_c = card === null || card === void 0 ? void 0 : card.RequestId) !== null && _c !== void 0 ? _c : "");
+                                    const CardInner = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "space-y-0.5 text-sm font-semibold leading-tight", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate", children: String((_d = card === null || card === void 0 ? void 0 : card.RequestId) !== null && _d !== void 0 ? _d : "") }), (0, jsx_runtime_1.jsx)("div", { className: "truncate text-xs font-medium text-gray-600", children: String((_e = card === null || card === void 0 ? void 0 : card.SubmitDate) !== null && _e !== void 0 ? _e : "") })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-4 text-xs leading-5 text-gray-700 underline decoration-gray-300 underline-offset-2", children: [preview, preview ? "..." : ""] }), onOpenTaskCard && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, classNames_1.classNames)("absolute bottom-2 left-2 inline-flex items-center rounded-md px-2 py-1 text-[11px] font-semibold shadow-sm transition", textButtonTheme), onClick: (e) => {
+                                                    e.stopPropagation();
+                                                    onOpenTaskCard(card);
+                                                }, children: text.moreButton }))] }));
+                                    return ((0, jsx_runtime_1.jsx)("div", { role: onSelectTaskCard ? "button" : undefined, tabIndex: onSelectTaskCard ? 0 : undefined, onClick: onSelectTaskCard ? () => onSelectTaskCard(card) : undefined, onKeyDown: onSelectTaskCard
+                                            ? (e) => {
+                                                if (e.key === "Enter" || e.key === " ") {
+                                                    e.preventDefault();
+                                                    onSelectTaskCard(card);
+                                                }
+                                            }
+                                            : undefined, className: (0, classNames_1.classNames)("relative snap-start shrink-0 rounded-2xl border px-4 py-3 pb-10 text-left shadow-sm transition", onSelectTaskCard
+                                            ? "cursor-pointer focus:outline-none focus:ring-2 focus:ring-[#252525]/10"
+                                            : "", isSelected
+                                            ? "border-[#252525] bg-chat-card-selected hover:shadow-sm"
+                                            : "bg-white hover:bg-gray-50 hover:shadow-md"), style: {
+                                            width: (_f = taskCardSize.width) !== null && _f !== void 0 ? _f : 280,
+                                            height: taskCardSize.height,
+                                        }, title: onSelectTaskCard ? text.selectCardTitle : undefined, children: CardInner }, `${String((_g = card === null || card === void 0 ? void 0 : card.RequestId) !== null && _g !== void 0 ? _g : idx)}-${idx}`));
+                                }) }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-1 flex items-center justify-between text-[10px] text-gray-500", children: [(0, jsx_runtime_1.jsx)("span", { children: (0, format_1.fmtTime)(m.ts) }), !isUser && canSpeak && onSpeak && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [isSpeaking && onStopSpeak && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onStopSpeak, className: "flex h-8 w-8 items-center justify-center rounded-full bg-[#252525] text-white shadow-sm hover:bg-gray-800", title: text.stopReadingTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }) })), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: onSpeak, className: "flex h-8 w-8 items-center justify-center rounded-full bg-transparent text-gray-700 shadow-none transition hover:bg-gray-50", title: text.readMessageTitle, children: (0, jsx_runtime_1.jsx)(lucide_react_1.Volume2, { className: "h-4 w-4" }) })] }))] })] }) }));
+}

package/dist/components/MessageList.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { ChatUITaskCardSize, ChatUITextConfig } from "../config";
+import type { AvailableTasksCard, ChatMessage } from "../models/chat.types";
+type MessageListProps = {
+    messages: ChatMessage[];
+    pending: boolean;
+    openOverlay: (href: string) => void;
+    onOpenTaskCard: (card: AvailableTasksCard) => void;
+    onSelectTaskCard: (card: AvailableTasksCard) => void;
+    selectedTaskCardId?: AvailableTasksCard["RequestId"];
+    isRtl: boolean;
+    speakingMessageIndex: number | null;
+    onSpeak: (content: string, index: number) => void;
+    onStopSpeak: () => void;
+    textButtonTheme: string;
+    listEndRef?: React.RefObject<HTMLDivElement | null>;
+    text: ChatUITextConfig["emptyState"];
+    messageItemText: ChatUITextConfig["messageItem"];
+    taskCardSize: ChatUITaskCardSize;
+};
+export default function MessageList({ messages, pending, openOverlay, onOpenTaskCard, onSelectTaskCard, selectedTaskCardId, isRtl, speakingMessageIndex, onSpeak, onStopSpeak, textButtonTheme, listEndRef, text, messageItemText, taskCardSize, }: MessageListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MessageList.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = MessageList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const MessageItem_1 = __importDefault(require("./MessageItem"));
+const TypingDots_1 = __importDefault(require("./TypingDots"));
+function MessageList({ messages, pending, openOverlay, onOpenTaskCard, onSelectTaskCard, selectedTaskCardId, isRtl, speakingMessageIndex, onSpeak, onStopSpeak, textButtonTheme, listEndRef, text, messageItemText, taskCardSize, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-y-auto px-2 py-6 sm:px-4", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto w-full max-w-3xl", children: [messages.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mb-4 pt-24 text-center text-[2.43rem] font-semibold leading-tight text-gray-800", children: text.title })), (0, jsx_runtime_1.jsx)("div", { className: "space-y-5", children: (0, jsx_runtime_1.jsxs)(framer_motion_1.AnimatePresence, { initial: false, children: [messages.map((m, i) => {
+                                var _a;
+                                const canSpeak = m.role === "Assistant" &&
+                                    !!m.content &&
+                                    m.content.trim() !== "";
+                                return ((0, jsx_runtime_1.jsx)(MessageItem_1.default, { m: m, openOverlay: openOverlay, onOpenTaskCard: onOpenTaskCard, onSelectTaskCard: onSelectTaskCard, selectedTaskCardId: selectedTaskCardId, isRtl: isRtl, canSpeak: canSpeak, isSpeaking: canSpeak && speakingMessageIndex === i, onSpeak: canSpeak ? () => onSpeak(m.content, i) : undefined, onStopSpeak: canSpeak ? onStopSpeak : undefined, textButtonTheme: textButtonTheme, text: messageItemText, taskCardSize: taskCardSize }, `${(_a = m.ts) !== null && _a !== void 0 ? _a : i}-${i}`));
+                            }), pending && (0, jsx_runtime_1.jsx)(TypingDots_1.default, {}, "typing")] }) }), (0, jsx_runtime_1.jsx)("div", { ref: listEndRef })] }) }));
+}

package/dist/components/TakeActionModal.d.ts

@@ -0,0 +1,26 @@
+import type { ChatUITextConfig } from "../config";
+import type { AvailableTasksCard, RequestStepAttribute, UserSignatureOption } from "../models/chat.types";
+type TakeActionModalProps = {
+    open: boolean;
+    activeTaskCard: AvailableTasksCard | null;
+    takeActionStep: 1 | 2;
+    takeActionChoice: "" | "Approve" | "Reject";
+    takeActionComments: string;
+    takeActionSubmitting: boolean;
+    takeActionError: string | null;
+    visibleAttributes: RequestStepAttribute[];
+    signatureAlias: string | null;
+    userSignatures: UserSignatureOption[];
+    onBack: () => void;
+    onClose: () => void;
+    onChoiceChange: (value: "" | "Approve" | "Reject") => void;
+    onCommentsChange: (value: string) => void;
+    onStepChange: (step: 1 | 2) => void;
+    onSubmit: () => void;
+    onUpdateAttribute: (attr: RequestStepAttribute, value: string) => void;
+    getSignatureLabel: (sig: UserSignatureOption) => string;
+    textButtonTheme: string;
+    text: ChatUITextConfig["takeAction"];
+};
+export default function TakeActionModal({ open, activeTaskCard, takeActionStep, takeActionChoice, takeActionComments, takeActionSubmitting, takeActionError, visibleAttributes, signatureAlias, userSignatures, onBack, onClose, onChoiceChange, onCommentsChange, onStepChange, onSubmit, onUpdateAttribute, getSignatureLabel, textButtonTheme, text, }: TakeActionModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TakeActionModal.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TakeActionModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+function TakeActionModal({ open, activeTaskCard, takeActionStep, takeActionChoice, takeActionComments, takeActionSubmitting, takeActionError, visibleAttributes, signatureAlias, userSignatures, onBack, onClose, onChoiceChange, onCommentsChange, onStepChange, onSubmit, onUpdateAttribute, getSignatureLabel, textButtonTheme, text, }) {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: open && activeTaskCard && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-50 bg-[#252525]/40", onClick: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 top-1/2", style: { transform: "translate(-50%, -50%)" }, children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { scale: 0.96, opacity: 0, y: 8 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0.96, opacity: 0, y: 8 }, transition: { type: "spring", stiffness: 320, damping: 28 }, className: "flex h-[70vh] w-[90vw] flex-col rounded-2xl bg-white shadow-2xl sm:h-[60vh] sm:w-[70vw] md:h-[55vh] md:w-[60vw] lg:h-[50vh] lg:w-[44vw]", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between px-4 py-3", children: [(0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-100", onClick: onBack, type: "button", "aria-label": text.backAriaLabel, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-100", onClick: onClose, type: "button", "aria-label": text.closeAriaLabel, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 overflow-auto px-4 py-3", children: [takeActionStep === 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: text.actionTypeLabel }), (0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem] text-sm focus:outline-none", value: takeActionChoice, onChange: (e) => onChoiceChange(e.target.value), disabled: takeActionSubmitting, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: text.selectActionPlaceholder }), (0, jsx_runtime_1.jsx)("option", { value: "Approve", children: text.approveOption }), (0, jsx_runtime_1.jsx)("option", { value: "Reject", children: text.rejectOption })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1 block text-sm font-medium", children: text.commentsLabel }), (0, jsx_runtime_1.jsx)("textarea", { className: "min-h-[110px] w-full resize-none rounded-xl border px-3 py-2 text-sm focus:outline-none", placeholder: text.commentsPlaceholder, value: takeActionComments, onChange: (e) => onCommentsChange(e.target.value), disabled: takeActionSubmitting })] })] })), takeActionStep === 2 && ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [visibleAttributes.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-sm text-gray-600", children: text.noEditableAttributes })), visibleAttributes.map((attr) => {
+                                            const isSignature = signatureAlias && attr.Alias === signatureAlias;
+                                            const value = attr.Value === null || attr.Value === undefined
+                                                ? ""
+                                                : String(attr.Value);
+                                            const disabled = !attr.IsProviderEditable || takeActionSubmitting;
+                                            const signatureOptions = Array.isArray(attr.Options)
+                                                ? attr.Options
+                                                : [];
+                                            const effectiveOptions = isSignature && userSignatures.length > 0
+                                                ? userSignatures
+                                                : signatureOptions;
+                                            const showOptionsSelect = effectiveOptions.length > 0;
+                                            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("label", { className: "mb-1 block text-sm font-medium", children: [attr.Name, attr.IsRequired ? " *" : ""] }), showOptionsSelect ? ((0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsxs)("select", { className: "w-full appearance-none rounded-xl border px-3 py-2 pr-[2.25rem] text-sm focus:outline-none", value: value, onChange: (e) => onUpdateAttribute(attr, e.target.value), disabled: disabled, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: isSignature
+                                                                            ? text.selectSignaturePlaceholder
+                                                                            : text.selectOptionPlaceholder }), effectiveOptions.map((sig) => ((0, jsx_runtime_1.jsx)("option", { value: sig.interactorSignatureId, children: getSignatureLabel(sig) }, sig.interactorSignatureId)))] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "pointer-events-none absolute right-[0.9rem] top-1/2 h-4 w-4 -translate-y-1/2 text-gray-500" })] })) : ((0, jsx_runtime_1.jsx)("input", { className: (0, classNames_1.classNames)("w-full rounded-xl border px-3 py-2 text-sm focus:outline-none", disabled ? "bg-gray-50 text-gray-500" : "bg-white"), value: value, onChange: (e) => onUpdateAttribute(attr, e.target.value), disabled: disabled, placeholder: isSignature ? text.signaturePlaceholder : undefined }))] }, `${attr.AttributeTypeId}-${attr.Alias}`));
+                                        })] }))] }), takeActionError && ((0, jsx_runtime_1.jsx)("div", { className: "border-t bg-red-50 px-4 py-2 text-xs text-red-700", children: takeActionError })), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-end gap-2 px-4 py-3", children: [(0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-medium transition", textButtonTheme), type: "button", onClick: onClose, disabled: takeActionSubmitting, children: text.cancelButton }), takeActionStep === 2 ? ((0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-medium shadow-sm transition", textButtonTheme), type: "button", onClick: onSubmit, disabled: takeActionSubmitting || !takeActionChoice, children: takeActionSubmitting ? ((0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "h-4 w-4 animate-spin" })) : (text.submitButton) })) : ((0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-medium shadow-sm transition", textButtonTheme), type: "button", onClick: () => onStepChange(2), disabled: !takeActionChoice || takeActionSubmitting, children: text.nextButton }))] })] }) }) })) }));
+}

package/dist/components/TaskCardsModal.d.ts

@@ -0,0 +1,13 @@
+import type { ChatUITextConfig } from "../config";
+import type { AvailableTasksCard } from "../models/chat.types";
+type TaskCardsModalProps = {
+    open: boolean;
+    card: AvailableTasksCard | null;
+    onClose: () => void;
+    onTakeAction: (card: AvailableTasksCard) => void;
+    onShowDocument: (url: string) => void;
+    textButtonTheme: string;
+    text: ChatUITextConfig["taskCards"];
+};
+export default function TaskCardsModal({ open, card, onClose, onTakeAction, onShowDocument, textButtonTheme, text, }: TaskCardsModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TaskCardsModal.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TaskCardsModal;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+function TaskCardsModal({ open, card, onClose, onTakeAction, onShowDocument, textButtonTheme, text, }) {
+    var _a, _b, _c, _d, _e, _f;
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: open && card && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-50 bg-[#252525]/40", onClick: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 top-1/2", style: { transform: "translate(-50%, -50%)" }, children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { scale: 0.96, opacity: 0, y: 8 }, animate: { scale: 1, opacity: 1, y: 0 }, exit: { scale: 0.96, opacity: 0, y: 8 }, transition: { type: "spring", stiffness: 320, damping: 28 }, className: "flex h-[80vh] w-[90vw] flex-col rounded-2xl bg-white shadow-2xl sm:h-[75vh] sm:w-[70vw] md:h-[65vh] md:w-[60vw] lg:h-[44vh] lg:w-[44vw]", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between px-4 py-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "truncate text-sm font-semibold", children: text.modalTitle }), (0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-100", onClick: onClose, type: "button", "aria-label": "Close", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-auto px-4 py-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "whitespace-pre-wrap break-words text-sm leading-6 text-gray-900", children: (_b = (_a = card === null || card === void 0 ? void 0 : card.Details) === null || _a === void 0 ? void 0 : _a.RequestSummary) !== null && _b !== void 0 ? _b : "" }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "whitespace-pre-wrap break-words text-sm leading-6 text-gray-900", children: (_d = (_c = card === null || card === void 0 ? void 0 : card.Details) === null || _c === void 0 ? void 0 : _c.TaskSummary) !== null && _d !== void 0 ? _d : "" }) })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-end gap-2 px-4 py-3", children: [(0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-medium shadow-sm transition", textButtonTheme), type: "button", onClick: () => onTakeAction(card), children: text.takeActionButton }), (0, jsx_runtime_1.jsx)("button", { className: (0, classNames_1.classNames)("inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-medium transition", textButtonTheme, !((_e = card === null || card === void 0 ? void 0 : card.Details) === null || _e === void 0 ? void 0 : _e.DocumentUrl) && "cursor-not-allowed opacity-50"), type: "button", disabled: !((_f = card === null || card === void 0 ? void 0 : card.Details) === null || _f === void 0 ? void 0 : _f.DocumentUrl), onClick: () => {
+                                        var _a;
+                                        const url = (_a = card === null || card === void 0 ? void 0 : card.Details) === null || _a === void 0 ? void 0 : _a.DocumentUrl;
+                                        if (!url)
+                                            return;
+                                        onShowDocument(url);
+                                    }, children: text.showDocumentButton })] })] }) }) })) }));
+}

package/dist/components/ToolResultOverlay.d.ts

@@ -0,0 +1,9 @@
+import type { ChatUITextConfig } from "../config";
+type ToolResultOverlayProps = {
+    show: boolean;
+    onClose: () => void;
+    lastToolResult: unknown;
+    text: ChatUITextConfig["toolResult"];
+};
+export default function ToolResultOverlay({ show, onClose, lastToolResult, text, }: ToolResultOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ToolResultOverlay.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ToolResultOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+const lucide_react_1 = require("lucide-react");
+const format_1 = require("../utils/format");
+function ToolResultOverlay({ show, onClose, lastToolResult, text, }) {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: show && ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-40 bg-[#252525]/40", onClick: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: "absolute left-1/2 top-1/2", style: { transform: "translate(-50%, -50%)" }, children: (0, jsx_runtime_1.jsxs)(framer_motion_1.motion.div, { initial: { scale: 0.96, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.96, opacity: 0 }, transition: {
+                        type: "spring",
+                        stiffness: 300,
+                        damping: 28,
+                    }, className: "h-[80vh] w-[80vw] overflow-hidden rounded-2xl bg-white shadow-2xl", onClick: (e) => e.stopPropagation(), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between px-4 py-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "font-semibold", children: text.title }), (0, jsx_runtime_1.jsx)("button", { className: "rounded-lg p-1 hover:bg-gray-50", onClick: onClose, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-5 w-5" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-[calc(80vh-52px)] overflow-auto p-4", children: (0, jsx_runtime_1.jsx)("pre", { className: "whitespace-pre-wrap break-words text-sm leading-6", children: (0, format_1.safeStringify)(lastToolResult) }) })] }) }) })) }));
+}

package/dist/components/TopBar.d.ts

@@ -0,0 +1,13 @@
+import type { ChatUITextConfig } from "../config";
+type TopBarProps = {
+    sessionId: string;
+    authToken: string;
+    onClearChat: () => void;
+    onLogout: () => void;
+    onInitOpen: () => void;
+    textButtonTheme: string;
+    showInitButton?: boolean;
+    text: ChatUITextConfig["topBar"];
+};
+export default function TopBar({ sessionId, authToken, onClearChat, onLogout, onInitOpen, textButtonTheme, showInitButton, text, }: TopBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TopBar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TopBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const classNames_1 = require("../utils/classNames");
+function TopBar({ sessionId, authToken, onClearChat, onLogout, onInitOpen, textButtonTheme, showInitButton = true, text, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "sticky top-0 z-10 bg-white/95 backdrop-blur", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto flex w-full max-w-3xl flex-wrap items-center justify-between gap-2 px-2 py-3 sm:px-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-sm text-gray-500", children: [text.sessionLabel, " ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono text-xs", children: sessionId })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsxs)("button", { onClick: onClearChat, className: (0, classNames_1.classNames)("inline-flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm shadow-sm transition", textButtonTheme), title: text.clearTitle, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { className: "h-4 w-4" }), " ", text.clearButton] }), showInitButton && authToken ? ((0, jsx_runtime_1.jsxs)("button", { onClick: onLogout, className: (0, classNames_1.classNames)("inline-flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm shadow-sm transition", textButtonTheme), title: text.logoutTitle, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogOut, { className: "h-4 w-4" }), " ", text.logoutButton] })) : showInitButton ? ((0, jsx_runtime_1.jsxs)("button", { onClick: onInitOpen, className: (0, classNames_1.classNames)("inline-flex items-center gap-2 rounded-xl px-3 py-1.5 text-sm shadow-sm transition", textButtonTheme), title: text.loginTitle, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.LogIn, { className: "h-4 w-4" }), " ", text.loginButton] })) : null] })] }) }));
+}

package/dist/components/TypingDots.d.ts

@@ -0,0 +1 @@
+export default function TypingDots(): import("react/jsx-runtime").JSX.Element;

package/dist/components/TypingDots.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TypingDots;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const framer_motion_1 = require("framer-motion");
+function TypingDots() {
+    return ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { initial: { opacity: 0, y: 6 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -6 }, transition: { duration: 0.18 }, className: "flex w-full justify-start", children: (0, jsx_runtime_1.jsxs)("div", { className: "text-[1rem] leading-7 text-gray-900", children: [(0, jsx_runtime_1.jsx)("span", { className: "inline-block h-1.5 w-1.5 animate-bounce rounded-full bg-gray-400 [animation-delay:0ms]" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1 inline-block h-1.5 w-1.5 animate-bounce rounded-full bg-gray-400 [animation-delay:150ms]" }), (0, jsx_runtime_1.jsx)("span", { className: "ml-1 inline-block h-1.5 w-1.5 animate-bounce rounded-full bg-gray-400 [animation-delay:300ms]" })] }) }));
+}