@retrivora-ai/rag-engine 0.1.0

package/dist/index.js

@@ -0,0 +1,612 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ChatWidget: () => ChatWidget,
+  ChatWindow: () => ChatWindow,
+  ConfigProvider: () => ConfigProvider,
+  MessageBubble: () => MessageBubble,
+  SourceCard: () => SourceCard,
+  useConfig: () => useConfig,
+  useRagChat: () => useRagChat
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/ChatWidget.tsx
+var import_react6 = require("react");
+var import_lucide_react4 = require("lucide-react");
+
+// src/components/ChatWindow.tsx
+var import_react5 = require("react");
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/MessageBubble.tsx
+var import_react2 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var import_react_markdown = __toESM(require("react-markdown"));
+var import_remark_gfm = __toESM(require("remark-gfm"));
+
+// src/components/SourceCard.tsx
+var import_react = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SourceCard({ source, index }) {
+  var _a, _b;
+  const [expanded, setExpanded] = import_react.default.useState(false);
+  const scorePercent = Math.round(source.score * 100);
+  const scoreColor = source.score >= 0.8 ? "text-emerald-400" : source.score >= 0.6 ? "text-amber-400" : "text-rose-400";
+  const scoreBg = source.score >= 0.8 ? "bg-emerald-50 border-emerald-100 dark:bg-emerald-400/10 dark:border-emerald-400/20" : source.score >= 0.6 ? "bg-amber-50 border-amber-100 dark:bg-amber-400/10 dark:border-amber-400/20" : "bg-rose-50 border-rose-100 dark:bg-rose-400/10 dark:border-rose-400/20";
+  const preview = source.content.slice(0, 120);
+  const hasMore = source.content.length > 120;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `rounded-xl border backdrop-blur-sm p-3 transition-all duration-200 hover:scale-[1.01] cursor-pointer ${scoreBg}`,
+      onClick: () => setExpanded((e) => !e),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-shrink-0 w-5 h-5 rounded-full bg-slate-200 dark:bg-white/10 flex items-center justify-center text-[10px] font-bold text-slate-500 dark:text-white/60", children: index + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-slate-500 dark:text-white/50 truncate font-mono", children: (_b = (_a = source.metadata) == null ? void 0 : _a.docId) != null ? _b : source.id })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `flex-shrink-0 text-xs font-semibold ${scoreColor} tabular-nums`, children: [
+            scorePercent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-xs text-slate-600 dark:text-white/70 leading-relaxed", children: expanded ? source.content : `${preview}${hasMore && !expanded ? "\u2026" : ""}` }),
+        hasMore && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "mt-1 text-[10px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-0.5", children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronUp, { className: "w-3 h-3" }),
+          " Show less"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { className: "w-3 h-3" }),
+          " Show more"
+        ] }) })
+      ]
+    }
+  );
+}
+
+// src/components/MessageBubble.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function MessageBubble({
+  message,
+  sources,
+  isStreaming = false,
+  primaryColor = "#6366f1",
+  accentColor = "#8b5cf6"
+}) {
+  const isUser = message.role === "user";
+  const [showSources, setShowSources] = import_react2.default.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `flex gap-3 ${isUser ? "flex-row-reverse" : "flex-row"} items-start`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "div",
+      {
+        className: `flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center shadow-lg ${isUser ? "text-white" : "bg-slate-100 dark:bg-white/10 text-slate-700 dark:text-white/80"}`,
+        style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {},
+        children: isUser ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.User, { className: "w-4 h-4 text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Bot, { className: "w-4 h-4" })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `flex flex-col gap-1 max-w-[75%] ${isUser ? "items-end" : "items-start"}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "div",
+        {
+          className: `relative px-4 py-3 rounded-2xl text-sm leading-relaxed shadow-sm dark:shadow-lg ${isUser ? "text-white rounded-tr-sm" : "bg-white dark:bg-white/5 border border-slate-200 dark:border-white/10 text-slate-800 dark:text-white/90 rounded-tl-sm"}`,
+          style: isUser ? { background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})` } : {},
+          children: isStreaming ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:0ms]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:150ms]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400 dark:bg-white/60 animate-bounce [animation-delay:300ms]" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `prose prose-sm max-w-none ${isUser ? "prose-invert" : "dark:prose-invert"}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: message.content }) })
+        }
+      ),
+      !isUser && sources && sources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "button",
+          {
+            onClick: () => setShowSources((s) => !s),
+            className: "text-[11px] text-indigo-400 hover:text-indigo-300 transition-colors flex items-center gap-1 mt-1",
+            children: [
+              showSources ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronDown, { className: "w-3 h-3" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronRight, { className: "w-3 h-3" }),
+              sources.length,
+              " source",
+              sources.length !== 1 ? "s" : "",
+              " used"
+            ]
+          }
+        ),
+        showSources && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mt-2 flex flex-col gap-2", children: sources.map((src, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SourceCard, { source: src, index: i }, src.id)) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/ConfigProvider.tsx
+var import_react3 = require("react");
+
+// src/utils/templateUtils.ts
+function mergeDefined(base, override) {
+  if (!override) {
+    return __spreadValues({}, base);
+  }
+  const merged = __spreadValues({}, base);
+  for (const [key, value] of Object.entries(override)) {
+    if (value !== void 0 && value !== null && value !== "") {
+      merged[key] = value;
+    }
+  }
+  return merged;
+}
+
+// src/components/ConfigProvider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var defaultConfig = {
+  projectId: "default",
+  ui: {
+    title: "AI Assistant",
+    subtitle: "Powered by RAG",
+    primaryColor: "#6366f1",
+    accentColor: "#8b5cf6",
+    logoUrl: "",
+    placeholder: "Ask me anything\u2026",
+    showSources: true,
+    welcomeMessage: "Hello! I'm your AI assistant. Ask me anything about your documents.",
+    showWidget: true,
+    poweredBy: "RAG",
+    visualStyle: "glass",
+    borderRadius: "xl"
+  }
+};
+var ConfigContext = (0, import_react3.createContext)(defaultConfig);
+function ConfigProvider({
+  config,
+  children
+}) {
+  const merged = {
+    projectId: (config == null ? void 0 : config.projectId) || defaultConfig.projectId,
+    ui: mergeDefined(defaultConfig.ui, config == null ? void 0 : config.ui)
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ConfigContext.Provider, { value: merged, children });
+}
+function useConfig() {
+  return (0, import_react3.useContext)(ConfigContext);
+}
+
+// src/hooks/useRagChat.ts
+var import_react4 = require("react");
+var import_axios = __toESM(require("axios"));
+
+// src/hooks/useStoredMessages.ts
+var React4 = __toESM(require("react"));
+function readStoredMessages(storageKey) {
+  if (typeof window === "undefined") {
+    return [];
+  }
+  const saved = window.localStorage.getItem(storageKey);
+  if (!saved) {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(saved);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch (e) {
+    return [];
+  }
+}
+function useStoredMessages(storageKey, persist) {
+  const [messages, setMessages] = React4.useState(() => persist ? readStoredMessages(storageKey) : []);
+  React4.useEffect(() => {
+    if (!persist || typeof window === "undefined") {
+      return;
+    }
+    if (messages.length === 0) {
+      window.localStorage.removeItem(storageKey);
+      return;
+    }
+    window.localStorage.setItem(storageKey, JSON.stringify(messages));
+  }, [messages, persist, storageKey]);
+  return [messages, setMessages];
+}
+
+// src/hooks/useRagChat.ts
+function useRagChat(projectId, options = {}) {
+  const {
+    apiUrl = "/api/chat",
+    namespace,
+    persist = true,
+    onReply,
+    onError
+  } = options;
+  const storageKey = `rag_chat_${projectId}`;
+  const [messages, setMessages] = useStoredMessages(storageKey, persist);
+  const [isLoading, setIsLoading] = (0, import_react4.useState)(false);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const lastInputRef = (0, import_react4.useRef)("");
+  const messagesRef = (0, import_react4.useRef)(messages);
+  (0, import_react4.useEffect)(() => {
+    messagesRef.current = messages;
+  }, [messages]);
+  const sendMessage = (0, import_react4.useCallback)(
+    async (text, options2) => {
+      var _a, _b, _c;
+      const trimmed = text.trim();
+      if (!trimmed || isLoading) return;
+      lastInputRef.current = trimmed;
+      if (!(options2 == null ? void 0 : options2.skipUserMessage)) {
+        const userMessage = {
+          id: `user_${Date.now()}`,
+          role: "user",
+          content: trimmed,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        setMessages((prev) => [...prev, userMessage]);
+      }
+      setError(null);
+      setIsLoading(true);
+      try {
+        const history = messagesRef.current.map(({ role, content }) => ({ role, content }));
+        const { data } = await import_axios.default.post(apiUrl, {
+          message: trimmed,
+          history,
+          namespace: namespace != null ? namespace : projectId
+        });
+        const assistantMessage = {
+          id: `assistant_${Date.now()}`,
+          role: "assistant",
+          content: data.reply,
+          sources: data.sources,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        setMessages((prev) => [...prev, assistantMessage]);
+        onReply == null ? void 0 : onReply(assistantMessage);
+      } catch (err) {
+        const msg = import_axios.default.isAxiosError(err) ? (_c = (_b = (_a = err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.error) != null ? _c : err.message : "Something went wrong. Please try again.";
+        setError(msg);
+        onError == null ? void 0 : onError(msg);
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [apiUrl, isLoading, namespace, onError, onReply, projectId, setMessages]
+  );
+  const clear = (0, import_react4.useCallback)(() => {
+    setMessages([]);
+    setError(null);
+    if (persist) localStorage.removeItem(storageKey);
+  }, [persist, setMessages, storageKey]);
+  const retry = (0, import_react4.useCallback)(async () => {
+    if (lastInputRef.current) {
+      const latestMessage = messagesRef.current[messagesRef.current.length - 1];
+      await sendMessage(lastInputRef.current, {
+        skipUserMessage: (latestMessage == null ? void 0 : latestMessage.role) === "user" && latestMessage.content === lastInputRef.current
+      });
+    }
+  }, [sendMessage]);
+  return {
+    messages,
+    isLoading,
+    error,
+    send: sendMessage,
+    clear,
+    retry,
+    setMessages
+  };
+}
+
+// src/components/ChatWindow.tsx
+var import_jsx_runtime4 = (
+  // eslint-disable-next-line @next/next/no-img-element
+  require("react/jsx-runtime")
+);
+function ChatWindow({ className = "", style, onClose, showClose = false }) {
+  const { ui, projectId } = useConfig();
+  const [input, setInput] = (0, import_react5.useState)("");
+  const [mounted, setMounted] = (0, import_react5.useState)(false);
+  const bottomRef = (0, import_react5.useRef)(null);
+  const inputRef = (0, import_react5.useRef)(null);
+  const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
+    namespace: projectId
+  });
+  (0, import_react5.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    var _a;
+    if (messages.length > 0 || isLoading) {
+      (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    }
+  }, [messages, isLoading]);
+  const sendMessage = (0, import_react5.useCallback)(async () => {
+    const text = input.trim();
+    if (!text || isLoading) return;
+    setInput("");
+    await send(text);
+    window.setTimeout(() => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }, 50);
+  }, [input, isLoading, send]);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      sendMessage();
+    }
+  };
+  const clearHistory = () => {
+    clear();
+  };
+  const isEmpty = messages.length === 0;
+  const borderRadiusMap = {
+    none: "rounded-none",
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg",
+    xl: "rounded-xl",
+    full: "rounded-3xl"
+  };
+  const currentRadius = borderRadiusMap[ui.borderRadius || "xl"];
+  const isGlass = ui.visualStyle !== "solid";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: `flex flex-col border border-slate-200 dark:border-white/10 shadow-2xl transition-all duration-300 ${currentRadius} ${isGlass ? "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl" : "bg-white dark:bg-[#0f0f1a]"} ${className}`,
+      style: __spreadValues({ "--primary": ui.primaryColor, "--accent": ui.accentColor }, style),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "div",
+          {
+            className: "flex items-center justify-between px-5 py-4 border-b border-slate-200 dark:border-white/10",
+            style: { background: `linear-gradient(135deg, ${ui.primaryColor}15, ${ui.accentColor}10)` },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-3", children: [
+                ui.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { src: ui.logoUrl, alt: "logo", className: "w-8 h-8 rounded-lg object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "div",
+                  {
+                    className: `w-9 h-9 flex items-center justify-center shadow-md ${ui.borderRadius === "full" ? "rounded-full" : "rounded-xl"}`,
+                    style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Bot, { className: "w-5 h-5 text-white" })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight", children: ui.title }),
+                  ui.poweredBy && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight", children: `Powered by ${ui.poweredBy}` })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }),
+                  "Online"
+                ] }),
+                mounted && messages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    onClick: clearHistory,
+                    title: "Clear conversation",
+                    className: "w-7 h-7 rounded-lg flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-slate-100 dark:hover:bg-white/10 transition-all cursor-pointer",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Trash2, { className: "w-3.5 h-3.5" })
+                  }
+                ),
+                showClose && onClose && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    onClick: onClose,
+                    title: "Close chat",
+                    className: "w-7 h-7 rounded-lg flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-slate-100 dark:hover:bg-white/10 transition-all cursor-pointer",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.X, { className: "w-4 h-4" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5 scrollbar-thin scrollbar-thumb-slate-200 dark:scrollbar-thumb-white/10 scrollbar-track-transparent min-h-0 bg-slate-50 dark:bg-transparent", children: [
+          !mounted || isEmpty ? (
+            /* Welcome state */
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "h-full flex flex-col items-center justify-center text-center gap-4 px-6 py-12", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                "div",
+                {
+                  className: `w-16 h-16 flex items-center justify-center shadow-lg ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"}`,
+                  style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Sparkles, { className: "w-8 h-8 text-white" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-slate-800 dark:text-white/80 font-medium leading-relaxed", children: ui.welcomeMessage }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-slate-500 dark:text-white/30 text-sm mt-2", children: "Ask a question to get started" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-2 justify-center mt-2", children: ["What can you help me with?", "Summarise the key topics", "Show me an example"].map(
+                (suggestion) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  "button",
+                  {
+                    onClick: () => {
+                      var _a;
+                      setInput(suggestion);
+                      (_a = inputRef.current) == null ? void 0 : _a.focus();
+                    },
+                    className: "px-3 py-1.5 rounded-full text-xs border border-slate-200 dark:border-white/10 text-slate-600 dark:text-white/50 hover:text-slate-900 dark:hover:text-white/80 hover:border-slate-300 dark:hover:border-white/20 hover:bg-slate-100 dark:hover:bg-white/5 transition-all",
+                    children: suggestion
+                  },
+                  suggestion
+                )
+              ) })
+            ] })
+          ) : messages.map((msg) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            MessageBubble,
+            {
+              message: msg,
+              sources: msg.sources,
+              primaryColor: ui.primaryColor,
+              accentColor: ui.accentColor
+            },
+            msg.id
+          )),
+          isLoading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            MessageBubble,
+            {
+              message: { role: "assistant", content: "" },
+              isStreaming: true,
+              primaryColor: ui.primaryColor,
+              accentColor: ui.accentColor
+            }
+          ),
+          error && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2 text-rose-500 dark:text-rose-400 text-sm bg-rose-50 dark:bg-rose-400/10 border border-rose-200 dark:border-rose-400/20 rounded-xl px-4 py-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.TriangleAlert, { className: "w-4 h-4 flex-shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: error })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ref: bottomRef })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `px-4 pb-4 pt-2 border-t border-slate-200 dark:border-white/10 ${isGlass ? "bg-transparent" : "bg-white dark:bg-[#0f0f1a]"}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `flex items-end gap-2 bg-slate-50 dark:bg-white/5 border border-slate-200 dark:border-white/10 p-2 focus-within:border-slate-300 dark:focus-within:border-white/20 transition-all ${ui.borderRadius === "full" ? "rounded-3xl" : "rounded-2xl"}`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "textarea",
+              {
+                ref: inputRef,
+                value: input,
+                onChange: (e) => setInput(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: ui.placeholder,
+                rows: 1,
+                disabled: isLoading,
+                className: "flex-1 bg-transparent text-slate-900 dark:text-white/90 placeholder-slate-400 dark:placeholder-white/30 text-sm resize-none outline-none py-1.5 px-2 max-h-32 leading-relaxed disabled:opacity-50",
+                style: { scrollbarWidth: "none" }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "button",
+              {
+                onClick: sendMessage,
+                disabled: !input.trim() || isLoading,
+                className: "flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all disabled:opacity-30 disabled:cursor-not-allowed hover:scale-105 active:scale-95 shadow-md",
+                style: {
+                  background: input.trim() && !isLoading ? `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` : "rgba(148, 163, 184, 0.2)"
+                  // slate-400/20 for light mode disabled
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowUp, { className: "w-4 h-4 text-white" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-center text-[10px] text-slate-400 dark:text-white/20 mt-2", children: "Press Enter to send \xB7 Shift+Enter for new line" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ChatWidget.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ChatWidget({ position = "bottom-right" }) {
+  const { ui } = useConfig();
+  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
+  const [hasUnread, setHasUnread] = (0, import_react6.useState)(false);
+  if (ui.showWidget === false) return null;
+  const positionClass = position === "bottom-left" ? "bottom-6 left-6" : "bottom-6 right-6";
+  const windowPositionClass = position === "bottom-left" ? "bottom-20 left-6" : "bottom-20 right-6";
+  const handleOpen = () => {
+    setIsOpen(true);
+    setHasUnread(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: `fixed z-[99] w-[380px] max-w-[calc(100vw-3rem)] transition-all duration-300 ease-in-out ${windowPositionClass} ${isOpen ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-4 pointer-events-none"}`,
+        style: { height: "600px", maxHeight: "calc(100vh - 6rem)" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            ChatWindow,
+            {
+              className: "h-full relative z-10",
+              showClose: true,
+              onClose: () => setIsOpen(false)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "div",
+            {
+              className: `absolute -bottom-1.5 w-4 h-4 rotate-45 border-r border-b border-slate-200 dark:border-white/10 z-0 ${ui.visualStyle === "solid" ? "bg-white dark:bg-[#0f0f1a]" : "bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl"} ${position === "bottom-left" ? "left-5" : "right-5"}`
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "button",
+      {
+        onClick: isOpen ? () => setIsOpen(false) : handleOpen,
+        className: `fixed z-[100] w-14 h-14 shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"} ${positionClass}`,
+        style: { background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor})` },
+        "aria-label": "Open chat",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "span",
+            {
+              className: "absolute inset-0 rounded-full animate-ping opacity-20",
+              style: { background: ui.primaryColor }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "span",
+            {
+              className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
+              children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.X, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react4.MessageSquare, { className: "w-6 h-6 text-white" })
+            }
+          ),
+          hasUnread && !isOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "absolute top-0 right-0 w-4 h-4 bg-rose-500 rounded-full border-2 border-white flex items-center justify-center text-[9px] font-bold text-white", children: "1" })
+        ]
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ChatWidget,
+  ChatWindow,
+  ConfigProvider,
+  MessageBubble,
+  SourceCard,
+  useConfig,
+  useRagChat
+});