@retrivora-ai/rag-engine 1.2.1 → 1.2.2

package/dist/index.d.mts

@@ -1,27 +1,19 @@
-import React$1, { ReactNode } from 'react';
-import { P as Product, C as ChatMessage, V as VectorMatch, U as UIConfig } from './RagConfig-BOLOz0_O.mjs';
-export { a as ChatOptions, b as ChatResponse, E as EmbedOptions, c as EmbeddingConfig, d as EmbeddingProvider, I as ILLMProvider, e as IngestDocument, L as LLMConfig, f as LLMProvider, R as RAGConfig, g as RagConfig, h as UpsertDocument, i as VectorDBConfig, j as VectorDBProvider } from './RagConfig-BOLOz0_O.mjs';
-export { C as Chunk, a as ChunkOptions } from './DocumentChunker-Dh9TvmGG.mjs';
-
-interface ChatWidgetProps {
-    /** Position of the floating button. Defaults to bottom-right. */
-    position?: 'bottom-right' | 'bottom-left';
-    /** Called when the user clicks 'Add to Cart' on a product */
-    onAddToCart?: (product: Product) => void;
-}
-declare function ChatWidget({ position, onAddToCart }: ChatWidgetProps): React$1.JSX.Element | null;
+import React, { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, a as UseRagChatOptions, b as UseRagChatReturn } from './index-Cti1u0y1.mjs';
+export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbeddingConfig, e as EmbeddingProvider, I as IngestDocument, L as LLMConfig, f as LLMProvider, g as RAGConfig, h as RagConfig, i as UpsertDocument, j as VectorDBConfig, k as VectorDBProvider } from './index-Cti1u0y1.mjs';
+export { C as Chunk, a as ChunkOptions, E as EmbedOptions, I as ILLMProvider } from './DocumentChunker-D1dg5iCi.mjs';
 
 interface ChatWindowProps {
     /** Additional className for the wrapper div */
     className?: string;
     /** Inline styles for the wrapper div */
-    style?: React$1.CSSProperties;
+    style?: CSSProperties;
     /** Called when the close button is clicked (for widget mode) */
     onClose?: () => void;
     /** Whether to show a close (X) button in the header */
     showClose?: boolean;
     /** Called when the user starts dragging the resize handle */
-    onResizeStart?: (e: React$1.MouseEvent) => void;
+    onResizeStart?: (e: MouseEvent) => void;
     /** Called when the user clicks the reset size button */
     onResetResize?: () => void;
     /** Whether the window has been resized from its default */
@@ -33,8 +25,30 @@ interface ChatWindowProps {
     /** Called when the user clicks 'Add to Cart' on a product */
     onAddToCart?: (product: Product) => void;
 }
-declare function ChatWindow({ className, style, onClose, showClose, onResizeStart, onResetResize, isResized, onMaximize, isMaximized, onAddToCart }: ChatWindowProps): React$1.JSX.Element;
-
+interface ChatWidgetProps {
+    /** Position of the floating button. Defaults to bottom-right. */
+    position?: 'bottom-right' | 'bottom-left';
+    /** Called when the user clicks 'Add to Cart' on a product */
+    onAddToCart?: (product: Product) => void;
+}
+interface MessageBubbleProps {
+    message: RagMessage;
+    sources?: VectorMatch[];
+    isStreaming?: boolean;
+    primaryColor: string;
+    accentColor: string;
+    onAddToCart?: (product: Product) => void;
+}
+interface ProductCardProps {
+    product: Product;
+    primaryColor?: string;
+    onAddToCart?: (product: Product) => void;
+}
+interface ProductCarouselProps {
+    products: Product[];
+    primaryColor?: string;
+    onAddToCart?: (product: Product) => void;
+}
 interface DocumentUploadProps {
     /** Optional namespace for the upload */
     namespace?: string;
@@ -43,82 +57,42 @@ interface DocumentUploadProps {
     /** Additional className */
     className?: string;
 }
-declare function DocumentUpload({ namespace, onUploadComplete, className }: DocumentUploadProps): React$1.JSX.Element;
-
-interface MessageBubbleProps {
-    message: ChatMessage;
-    sources?: VectorMatch[];
-    isStreaming?: boolean;
-    primaryColor?: string;
-    accentColor?: string;
-    onAddToCart?: (product: Product) => void;
-}
-declare function MessageBubble({ message, sources, isStreaming, primaryColor, accentColor, onAddToCart, }: MessageBubbleProps): React$1.JSX.Element;
-
 interface SourceCardProps {
     source: VectorMatch;
     index: number;
 }
-declare function SourceCard({ source, index }: SourceCardProps): React$1.JSX.Element;
-
-/**
- * ConfigProvider — React Context that makes RagConfig (UI subset) available
- * to all child components without prop drilling.
- *
- * Only the UI-safe portions of RagConfig are exposed to the client.
- */
-
 interface ClientConfig {
     projectId: string;
     ui: Required<UIConfig>;
 }
-declare function ConfigProvider({ config, children, }: {
+interface ConfigProviderProps {
     config?: {
         projectId?: string;
         ui?: Partial<UIConfig>;
     };
     children: ReactNode;
-}): React$1.JSX.Element;
+}
+
+declare function ChatWidget({ position, onAddToCart }: ChatWidgetProps): React.JSX.Element | null;
+
+declare function ChatWindow({ className, style, onClose, showClose, onResizeStart, onResetResize, isResized, onMaximize, isMaximized, onAddToCart }: ChatWindowProps): React.JSX.Element;
+
+declare function DocumentUpload({ namespace, onUploadComplete, className }: DocumentUploadProps): React.JSX.Element;
+
+declare function MessageBubble({ message, sources, isStreaming, primaryColor, accentColor, onAddToCart, }: MessageBubbleProps): React.JSX.Element;
+
+declare function SourceCard({ source, index }: SourceCardProps): React.JSX.Element;
+
+/**
+ * ConfigProvider — React Context that makes RagConfig (UI subset) available
+ * to all child components without prop drilling.
+ *
+ * Only the UI-safe portions of RagConfig are exposed to the client.
+ */
+
+declare function ConfigProvider({ config, children, }: ConfigProviderProps): React.JSX.Element;
 declare function useConfig(): ClientConfig;
 
-type MessageRole = 'user' | 'assistant';
-interface RagMessage {
-    id: string;
-    role: MessageRole;
-    content: string;
-    /** Retrieved source chunks (assistant messages only) */
-    sources?: VectorMatch[];
-    /** ISO timestamp */
-    createdAt: string;
-}
-interface UseRagChatOptions {
-    /** Override the chat API endpoint (default: /api/chat) */
-    apiUrl?: string;
-    /** Override project namespace */
-    namespace?: string;
-    /** Persist chat history to localStorage (default: true) */
-    persist?: boolean;
-    /** Called after each successful assistant reply */
-    onReply?: (message: RagMessage) => void;
-    /** Called on error */
-    onError?: (error: string) => void;
-}
-interface UseRagChatReturn {
-    /** All messages in the current conversation */
-    messages: RagMessage[];
-    /** Whether a response is in flight */
-    isLoading: boolean;
-    /** Current error message, or null */
-    error: string | null;
-    /** Send a user message */
-    send: (text: string) => Promise<void>;
-    /** Clear the conversation (and localStorage if persist=true) */
-    clear: () => void;
-    /** Retry the last failed send */
-    retry: () => Promise<void>;
-    /** Programmatically set the conversation (e.g. to restore from a DB) */
-    setMessages: React.Dispatch<React.SetStateAction<RagMessage[]>>;
-}
 declare function useRagChat(projectId: string, options?: UseRagChatOptions): UseRagChatReturn;
 
-export { ChatMessage, ChatWidget, ChatWindow, type ClientConfig, ConfigProvider, DocumentUpload, MessageBubble, type RagMessage, SourceCard, UIConfig, type UseRagChatOptions, type UseRagChatReturn, VectorMatch, useConfig, useRagChat };
+export { ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, type ClientConfig, ConfigProvider, DocumentUpload, type DocumentUploadProps, MessageBubble, type MessageBubbleProps, type ProductCardProps, type ProductCarouselProps, RagMessage, SourceCard, type SourceCardProps, UIConfig, UseRagChatOptions, UseRagChatReturn, VectorMatch, useConfig, useRagChat };

package/dist/index.d.ts

@@ -1,27 +1,19 @@
-import React$1, { ReactNode } from 'react';
-import { P as Product, C as ChatMessage, V as VectorMatch, U as UIConfig } from './RagConfig-BOLOz0_O.js';
-export { a as ChatOptions, b as ChatResponse, E as EmbedOptions, c as EmbeddingConfig, d as EmbeddingProvider, I as ILLMProvider, e as IngestDocument, L as LLMConfig, f as LLMProvider, R as RAGConfig, g as RagConfig, h as UpsertDocument, i as VectorDBConfig, j as VectorDBProvider } from './RagConfig-BOLOz0_O.js';
-export { C as Chunk, a as ChunkOptions } from './DocumentChunker-Dh9TvmGG.js';
-
-interface ChatWidgetProps {
-    /** Position of the floating button. Defaults to bottom-right. */
-    position?: 'bottom-right' | 'bottom-left';
-    /** Called when the user clicks 'Add to Cart' on a product */
-    onAddToCart?: (product: Product) => void;
-}
-declare function ChatWidget({ position, onAddToCart }: ChatWidgetProps): React$1.JSX.Element | null;
+import React, { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, a as UseRagChatOptions, b as UseRagChatReturn } from './index-Cti1u0y1.js';
+export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbeddingConfig, e as EmbeddingProvider, I as IngestDocument, L as LLMConfig, f as LLMProvider, g as RAGConfig, h as RagConfig, i as UpsertDocument, j as VectorDBConfig, k as VectorDBProvider } from './index-Cti1u0y1.js';
+export { C as Chunk, a as ChunkOptions, E as EmbedOptions, I as ILLMProvider } from './DocumentChunker-BXOUMKoP.js';
 
 interface ChatWindowProps {
     /** Additional className for the wrapper div */
     className?: string;
     /** Inline styles for the wrapper div */
-    style?: React$1.CSSProperties;
+    style?: CSSProperties;
     /** Called when the close button is clicked (for widget mode) */
     onClose?: () => void;
     /** Whether to show a close (X) button in the header */
     showClose?: boolean;
     /** Called when the user starts dragging the resize handle */
-    onResizeStart?: (e: React$1.MouseEvent) => void;
+    onResizeStart?: (e: MouseEvent) => void;
     /** Called when the user clicks the reset size button */
     onResetResize?: () => void;
     /** Whether the window has been resized from its default */
@@ -33,8 +25,30 @@ interface ChatWindowProps {
     /** Called when the user clicks 'Add to Cart' on a product */
     onAddToCart?: (product: Product) => void;
 }
-declare function ChatWindow({ className, style, onClose, showClose, onResizeStart, onResetResize, isResized, onMaximize, isMaximized, onAddToCart }: ChatWindowProps): React$1.JSX.Element;
-
+interface ChatWidgetProps {
+    /** Position of the floating button. Defaults to bottom-right. */
+    position?: 'bottom-right' | 'bottom-left';
+    /** Called when the user clicks 'Add to Cart' on a product */
+    onAddToCart?: (product: Product) => void;
+}
+interface MessageBubbleProps {
+    message: RagMessage;
+    sources?: VectorMatch[];
+    isStreaming?: boolean;
+    primaryColor: string;
+    accentColor: string;
+    onAddToCart?: (product: Product) => void;
+}
+interface ProductCardProps {
+    product: Product;
+    primaryColor?: string;
+    onAddToCart?: (product: Product) => void;
+}
+interface ProductCarouselProps {
+    products: Product[];
+    primaryColor?: string;
+    onAddToCart?: (product: Product) => void;
+}
 interface DocumentUploadProps {
     /** Optional namespace for the upload */
     namespace?: string;
@@ -43,82 +57,42 @@ interface DocumentUploadProps {
     /** Additional className */
     className?: string;
 }
-declare function DocumentUpload({ namespace, onUploadComplete, className }: DocumentUploadProps): React$1.JSX.Element;
-
-interface MessageBubbleProps {
-    message: ChatMessage;
-    sources?: VectorMatch[];
-    isStreaming?: boolean;
-    primaryColor?: string;
-    accentColor?: string;
-    onAddToCart?: (product: Product) => void;
-}
-declare function MessageBubble({ message, sources, isStreaming, primaryColor, accentColor, onAddToCart, }: MessageBubbleProps): React$1.JSX.Element;
-
 interface SourceCardProps {
     source: VectorMatch;
     index: number;
 }
-declare function SourceCard({ source, index }: SourceCardProps): React$1.JSX.Element;
-
-/**
- * ConfigProvider — React Context that makes RagConfig (UI subset) available
- * to all child components without prop drilling.
- *
- * Only the UI-safe portions of RagConfig are exposed to the client.
- */
-
 interface ClientConfig {
     projectId: string;
     ui: Required<UIConfig>;
 }
-declare function ConfigProvider({ config, children, }: {
+interface ConfigProviderProps {
     config?: {
         projectId?: string;
         ui?: Partial<UIConfig>;
     };
     children: ReactNode;
-}): React$1.JSX.Element;
+}
+
+declare function ChatWidget({ position, onAddToCart }: ChatWidgetProps): React.JSX.Element | null;
+
+declare function ChatWindow({ className, style, onClose, showClose, onResizeStart, onResetResize, isResized, onMaximize, isMaximized, onAddToCart }: ChatWindowProps): React.JSX.Element;
+
+declare function DocumentUpload({ namespace, onUploadComplete, className }: DocumentUploadProps): React.JSX.Element;
+
+declare function MessageBubble({ message, sources, isStreaming, primaryColor, accentColor, onAddToCart, }: MessageBubbleProps): React.JSX.Element;
+
+declare function SourceCard({ source, index }: SourceCardProps): React.JSX.Element;
+
+/**
+ * ConfigProvider — React Context that makes RagConfig (UI subset) available
+ * to all child components without prop drilling.
+ *
+ * Only the UI-safe portions of RagConfig are exposed to the client.
+ */
+
+declare function ConfigProvider({ config, children, }: ConfigProviderProps): React.JSX.Element;
 declare function useConfig(): ClientConfig;
 
-type MessageRole = 'user' | 'assistant';
-interface RagMessage {
-    id: string;
-    role: MessageRole;
-    content: string;
-    /** Retrieved source chunks (assistant messages only) */
-    sources?: VectorMatch[];
-    /** ISO timestamp */
-    createdAt: string;
-}
-interface UseRagChatOptions {
-    /** Override the chat API endpoint (default: /api/chat) */
-    apiUrl?: string;
-    /** Override project namespace */
-    namespace?: string;
-    /** Persist chat history to localStorage (default: true) */
-    persist?: boolean;
-    /** Called after each successful assistant reply */
-    onReply?: (message: RagMessage) => void;
-    /** Called on error */
-    onError?: (error: string) => void;
-}
-interface UseRagChatReturn {
-    /** All messages in the current conversation */
-    messages: RagMessage[];
-    /** Whether a response is in flight */
-    isLoading: boolean;
-    /** Current error message, or null */
-    error: string | null;
-    /** Send a user message */
-    send: (text: string) => Promise<void>;
-    /** Clear the conversation (and localStorage if persist=true) */
-    clear: () => void;
-    /** Retry the last failed send */
-    retry: () => Promise<void>;
-    /** Programmatically set the conversation (e.g. to restore from a DB) */
-    setMessages: React.Dispatch<React.SetStateAction<RagMessage[]>>;
-}
 declare function useRagChat(projectId: string, options?: UseRagChatOptions): UseRagChatReturn;
 
-export { ChatMessage, ChatWidget, ChatWindow, type ClientConfig, ConfigProvider, DocumentUpload, MessageBubble, type RagMessage, SourceCard, UIConfig, type UseRagChatOptions, type UseRagChatReturn, VectorMatch, useConfig, useRagChat };
+export { ChatWidget, type ChatWidgetProps, ChatWindow, type ChatWindowProps, type ClientConfig, ConfigProvider, DocumentUpload, type DocumentUploadProps, MessageBubble, type MessageBubbleProps, type ProductCardProps, type ProductCarouselProps, RagMessage, SourceCard, type SourceCardProps, UIConfig, UseRagChatOptions, UseRagChatReturn, VectorMatch, useConfig, useRagChat };

package/dist/index.js

@@ -338,8 +338,8 @@ function mergeDefined(base, override) {
   return merged;
 }
 
-// src/components/ConfigProvider.tsx
-var defaultConfig = {
+// src/config/uiConstants.ts
+var DEFAULT_CONFIG = {
   projectId: "default",
   ui: {
     title: "AI Assistant",
@@ -355,17 +355,33 @@ var defaultConfig = {
     visualStyle: "glass",
     borderRadius: "xl",
     allowUpload: true,
-    allowResize: true
+    allowResize: true,
+    enableVoiceInput: true
   }
 };
-var ConfigContext = (0, import_react5.createContext)(defaultConfig);
+var BORDER_RADIUS_MAP = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  full: "rounded-3xl"
+};
+var CHAT_SUGGESTIONS = [
+  "What can you help me with?",
+  "Summarise the key topics",
+  "Show me an example"
+];
+
+// src/components/ConfigProvider.tsx
+var ConfigContext = (0, import_react5.createContext)(DEFAULT_CONFIG);
 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)
+    projectId: (config == null ? void 0 : config.projectId) || DEFAULT_CONFIG.projectId,
+    ui: mergeDefined(DEFAULT_CONFIG.ui, config == null ? void 0 : config.ui)
   };
   return /* @__PURE__ */ import_react5.default.createElement(ConfigContext.Provider, { value: merged }, children);
 }
@@ -563,21 +579,6 @@ function useRagChat(projectId, options = {}) {
   };
 }
 
-// src/config/uiConstants.ts
-var BORDER_RADIUS_MAP = {
-  none: "rounded-none",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl",
-  full: "rounded-3xl"
-};
-var CHAT_SUGGESTIONS = [
-  "What can you help me with?",
-  "Summarise the key topics",
-  "Show me an example"
-];
-
 // src/components/ChatWindow.tsx
 function ChatWindow({
   className = "",
@@ -600,6 +601,56 @@ function ChatWindow({
   const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
     namespace: projectId
   });
+  const [suggestions, setSuggestions] = (0, import_react7.useState)([]);
+  const [isSuggesting, setIsSuggesting] = (0, import_react7.useState)(false);
+  const [isListening, setIsListening] = (0, import_react7.useState)(false);
+  const recognitionRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
+    if (typeof window !== "undefined") {
+      const win = window;
+      const SpeechRecognition = win.SpeechRecognition || win.webkitSpeechRecognition;
+      if (SpeechRecognition) {
+        const recognition = new SpeechRecognition();
+        recognition.continuous = true;
+        recognition.interimResults = true;
+        recognition.onresult = (event) => {
+          let finalTranscript = "";
+          for (let i = event.resultIndex; i < event.results.length; ++i) {
+            if (event.results[i].isFinal) {
+              finalTranscript += event.results[i][0].transcript;
+            }
+          }
+          if (finalTranscript) {
+            setInput((prev) => (prev ? prev + " " : "") + finalTranscript.trim());
+          }
+        };
+        recognition.onerror = (event) => {
+          console.error("Speech recognition error:", event.error);
+          setIsListening(false);
+        };
+        recognition.onend = () => {
+          setIsListening(false);
+        };
+        recognitionRef.current = recognition;
+      }
+    }
+  }, []);
+  const toggleListening = () => {
+    if (!recognitionRef.current) {
+      alert("Speech recognition is not supported in your browser.");
+      return;
+    }
+    if (isListening) {
+      recognitionRef.current.stop();
+    } else {
+      try {
+        recognitionRef.current.start();
+        setIsListening(true);
+      } catch (err) {
+        console.error("Failed to start recognition:", err);
+      }
+    }
+  };
   (0, import_react7.useEffect)(() => {
     setMounted(true);
   }, []);
@@ -610,15 +661,21 @@ function ChatWindow({
     }
   }, [messages, isLoading]);
   const sendMessage = (0, import_react7.useCallback)(async () => {
+    var _a2;
     const text = input.trim();
     if (!text || isLoading) return;
+    if (isListening) {
+      (_a2 = recognitionRef.current) == null ? void 0 : _a2.stop();
+    }
     setInput("");
+    setSuggestions([]);
+    setIsSuggesting(false);
     await send(text);
     window.setTimeout(() => {
-      var _a2;
-      return (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      var _a3;
+      return (_a3 = inputRef.current) == null ? void 0 : _a3.focus();
     }, 50);
-  }, [input, isLoading, send]);
+  }, [input, isLoading, send, isListening]);
   const handleKeyDown = (e) => {
     if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
@@ -627,12 +684,12 @@ function ChatWindow({
   };
   const clearHistory = () => {
     clear();
+    setSuggestions([]);
+    setIsSuggesting(false);
   };
   const isEmpty = messages.length === 0;
   const currentRadius = BORDER_RADIUS_MAP[ui.borderRadius || "xl"];
   const isGlass = ui.visualStyle !== "solid";
-  const [suggestions, setSuggestions] = (0, import_react7.useState)([]);
-  const [isSuggesting, setIsSuggesting] = (0, import_react7.useState)(false);
   (0, import_react7.useEffect)(() => {
     if (input.trim().length < 3) {
       return;
@@ -761,7 +818,7 @@ function ChatWindow({
     )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ import_react7.default.createElement(
       MessageBubble,
       {
-        message: { role: "assistant", content: "" },
+        message: { id: "loading", role: "assistant", content: "", createdAt: (/* @__PURE__ */ new Date()).toISOString() },
         isStreaming: true,
         primaryColor: ui.primaryColor,
         accentColor: ui.accentColor,
@@ -801,6 +858,15 @@ function ChatWindow({
         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" }
       }
+    ), ui.enableVoiceInput !== false && /* @__PURE__ */ import_react7.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: toggleListening,
+        className: `flex-shrink-0 w-9 h-9 rounded-xl flex items-center justify-center transition-all hover:scale-105 active:scale-95 ${isListening ? "bg-rose-500 text-white animate-pulse shadow-md shadow-rose-500/20" : "text-slate-400 dark:text-white/40 hover:bg-slate-200 dark:hover:bg-white/10"}`,
+        title: isListening ? "Stop listening" : "Start voice input"
+      },
+      isListening ? /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.MicOff, { className: "w-4 h-4" }) : /* @__PURE__ */ import_react7.default.createElement(import_lucide_react5.Mic, { className: "w-4 h-4" })
     ), /* @__PURE__ */ import_react7.default.createElement(
       "button",
       {