@retrivora-ai/rag-engine 1.2.1 → 1.2.2

package/dist/index.mjs

@@ -21,7 +21,9 @@ import {
   TriangleAlert,
   RotateCcw,
   Maximize2,
-  Minimize2
+  Minimize2,
+  Mic,
+  MicOff
 } from "lucide-react";
 
 // src/components/MessageBubble.tsx
@@ -281,7 +283,9 @@ function MessageBubble({
 
 // src/components/ConfigProvider.tsx
 import React5, { createContext, useContext } from "react";
-var defaultConfig = {
+
+// src/config/uiConstants.ts
+var DEFAULT_CONFIG = {
   projectId: "default",
   ui: {
     title: "AI Assistant",
@@ -297,17 +301,33 @@ var defaultConfig = {
     visualStyle: "glass",
     borderRadius: "xl",
     allowUpload: true,
-    allowResize: true
+    allowResize: true,
+    enableVoiceInput: true
   }
 };
-var ConfigContext = 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 = 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__ */ React5.createElement(ConfigContext.Provider, { value: merged }, children);
 }
@@ -505,21 +525,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 = "",
@@ -542,6 +547,56 @@ function ChatWindow({
   const { messages, send, clear, isLoading, error } = useRagChat(projectId, {
     namespace: projectId
   });
+  const [suggestions, setSuggestions] = useState4([]);
+  const [isSuggesting, setIsSuggesting] = useState4(false);
+  const [isListening, setIsListening] = useState4(false);
+  const recognitionRef = useRef3(null);
+  useEffect4(() => {
+    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);
+      }
+    }
+  };
   useEffect4(() => {
     setMounted(true);
   }, []);
@@ -552,15 +607,21 @@ function ChatWindow({
     }
   }, [messages, isLoading]);
   const sendMessage = useCallback2(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();
@@ -569,12 +630,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] = useState4([]);
-  const [isSuggesting, setIsSuggesting] = useState4(false);
   useEffect4(() => {
     if (input.trim().length < 3) {
       return;
@@ -703,7 +764,7 @@ function ChatWindow({
     )), isLoading && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) !== "assistant" && /* @__PURE__ */ React7.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,
@@ -743,6 +804,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__ */ React7.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__ */ React7.createElement(MicOff, { className: "w-4 h-4" }) : /* @__PURE__ */ React7.createElement(Mic, { className: "w-4 h-4" })
     ), /* @__PURE__ */ React7.createElement(
       "button",
       {

package/dist/server.d.mts

@@ -1,7 +1,8 @@
-import { i as VectorDBConfig, L as LLMConfig, c as EmbeddingConfig, g as RagConfig, e as IngestDocument, C as ChatMessage, b as ChatResponse, k as RetrievalResult, h as UpsertDocument, V as VectorMatch, G as GraphDBConfig, l as GraphNode, m as Edge, n as GraphSearchResult, I as ILLMProvider, j as VectorDBProvider, f as LLMProvider, d as EmbeddingProvider, R as RAGConfig, U as UIConfig, a as ChatOptions, E as EmbedOptions } from './RagConfig-BOLOz0_O.mjs';
-export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-Dh9TvmGG.mjs';
-import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-64BDupW3.mjs';
-export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-64BDupW3.mjs';
+import { j as VectorDBConfig, L as LLMConfig, E as EmbeddingConfig, h as RagConfig, I as IngestDocument, C as ChatMessage, d as ChatResponse, l as RetrievalResult, i as UpsertDocument, V as VectorMatch, G as GraphDBConfig, m as GraphNode, n as Edge, o as GraphSearchResult, k as VectorDBProvider, f as LLMProvider, e as EmbeddingProvider, g as RAGConfig, U as UIConfig, c as ChatOptions } from './index-Cti1u0y1.mjs';
+import { I as ILLMProvider, E as EmbedOptions } from './DocumentChunker-D1dg5iCi.mjs';
+export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-D1dg5iCi.mjs';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-kUXnRvuI.mjs';
+export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-kUXnRvuI.mjs';
 import 'next/server';
 
 /**

package/dist/server.d.ts

@@ -1,7 +1,8 @@
-import { i as VectorDBConfig, L as LLMConfig, c as EmbeddingConfig, g as RagConfig, e as IngestDocument, C as ChatMessage, b as ChatResponse, k as RetrievalResult, h as UpsertDocument, V as VectorMatch, G as GraphDBConfig, l as GraphNode, m as Edge, n as GraphSearchResult, I as ILLMProvider, j as VectorDBProvider, f as LLMProvider, d as EmbeddingProvider, R as RAGConfig, U as UIConfig, a as ChatOptions, E as EmbedOptions } from './RagConfig-BOLOz0_O.js';
-export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-Dh9TvmGG.js';
-import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-DbtE8wLM.js';
-export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-DbtE8wLM.js';
+import { j as VectorDBConfig, L as LLMConfig, E as EmbeddingConfig, h as RagConfig, I as IngestDocument, C as ChatMessage, d as ChatResponse, l as RetrievalResult, i as UpsertDocument, V as VectorMatch, G as GraphDBConfig, m as GraphNode, n as Edge, o as GraphSearchResult, k as VectorDBProvider, f as LLMProvider, e as EmbeddingProvider, g as RAGConfig, U as UIConfig, c as ChatOptions } from './index-Cti1u0y1.js';
+import { I as ILLMProvider, E as EmbedOptions } from './DocumentChunker-BXOUMKoP.js';
+export { C as Chunk, a as ChunkOptions, D as DocumentChunker } from './DocumentChunker-BXOUMKoP.js';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-B67KQ9NN.js';
+export { C as ConfigValidator, V as ValidationError, b as VectorPlugin, c as createChatHandler, d as createHealthHandler, e as createIngestHandler, f as createStreamHandler, g as createUploadHandler, s as sseErrorFrame, h as sseFrame, i as sseMetaFrame, j as sseTextFrame } from './index-B67KQ9NN.js';
 import 'next/server';
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Retrivora AI is a plug-and-play AI engine for RAG chat experiences — generic vector DB + LLM provider, embeddable or standalone.",
   "author": "Abhinav Alkuchi",
   "license": "MIT",

package/src/components/ChatWidget.tsx

@@ -4,14 +4,7 @@ import React, { useState } from 'react';
 import { MessageSquare, X } from 'lucide-react';
 import { ChatWindow } from './ChatWindow';
 import { useConfig } from './ConfigProvider';
-import { Product } from '../types';
-
-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;
-}
+import { ChatWidgetProps } from '../types';
 
 const DEFAULT_DIMENSIONS = { width: 380, height: 600 };
 

package/src/components/ChatWindow.tsx

@@ -11,34 +11,43 @@ import {
   RotateCcw,
   Maximize2,
   Minimize2,
+  Mic,
+  MicOff,
 } from 'lucide-react';
 import { MessageBubble } from './MessageBubble';
 import { useConfig } from './ConfigProvider';
 import { useRagChat } from '../hooks/useRagChat';
 import { BORDER_RADIUS_MAP, CHAT_SUGGESTIONS } from '../config/uiConstants';
-import { Product } from '../types';
-
-interface ChatWindowProps {
-  /** Additional className for the wrapper div */
-  className?: string;
-  /** Inline styles for the wrapper div */
-  style?: React.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.MouseEvent) => void;
-  /** Called when the user clicks the reset size button */
-  onResetResize?: () => void;
-  /** Whether the window has been resized from its default */
-  isResized?: boolean;
-  /** Called when the user clicks the maximize/minimize button */
-  onMaximize?: () => void;
-  /** Whether the window is currently maximized */
-  isMaximized?: boolean;
-  /** Called when the user clicks 'Add to Cart' on a product */
-  onAddToCart?: (product: Product) => void;
+import { ChatWindowProps } from '../types';
+
+interface SpeechRecognitionEvent {
+  resultIndex: number;
+  results: {
+    length: number;
+    [index: number]: {
+      isFinal: boolean;
+      [index: number]: { transcript: string };
+    };
+  };
+}
+
+interface SpeechRecognitionErrorEvent {
+  error: string;
+}
+
+interface ISpeechRecognition {
+  continuous: boolean;
+  interimResults: boolean;
+  onresult: ((event: SpeechRecognitionEvent) => void) | null;
+  onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
+  onend: (() => void) | null;
+  start: () => void;
+  stop: () => void;
+}
+
+interface WindowWithSpeech extends Window {
+  SpeechRecognition?: new () => ISpeechRecognition;
+  webkitSpeechRecognition?: new () => ISpeechRecognition;
 }
 
 export function ChatWindow({ 
@@ -62,6 +71,66 @@ export function ChatWindow({
     namespace: projectId,
   });
 
+  const [suggestions, setSuggestions] = useState<string[]>([]);
+  const [isSuggesting, setIsSuggesting] = useState(false);
+
+  const [isListening, setIsListening] = useState(false);
+  const recognitionRef = useRef<ISpeechRecognition | null>(null);
+
+  // Initialize SpeechRecognition
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      const win = window as unknown as WindowWithSpeech;
+      const SpeechRecognition = win.SpeechRecognition || win.webkitSpeechRecognition;
+      if (SpeechRecognition) {
+        const recognition = new SpeechRecognition();
+        recognition.continuous = true;
+        recognition.interimResults = true;
+
+        recognition.onresult = (event: SpeechRecognitionEvent) => {
+          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: SpeechRecognitionErrorEvent) => {
+          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);
+      }
+    }
+  };
+
   useEffect(() => {
     // eslint-disable-next-line react-hooks/set-state-in-effect
     setMounted(true);
@@ -77,10 +146,17 @@ export function ChatWindow({
   const sendMessage = useCallback(async () => {
     const text = input.trim();
     if (!text || isLoading) return;
+    
+    if (isListening) {
+      recognitionRef.current?.stop();
+    }
+
     setInput('');
+    setSuggestions([]);
+    setIsSuggesting(false);
     await send(text);
     window.setTimeout(() => inputRef.current?.focus(), 50);
-  }, [input, isLoading, send]);
+  }, [input, isLoading, send, isListening]);
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
     if (e.key === 'Enter' && !e.shiftKey) {
@@ -91,16 +167,15 @@ export function ChatWindow({
 
   const clearHistory = () => {
     clear();
+    setSuggestions([]);
+    setIsSuggesting(false);
   };
 
   const isEmpty = messages.length === 0;
 
-    const currentRadius = BORDER_RADIUS_MAP[ui.borderRadius || 'xl'];
+  const currentRadius = BORDER_RADIUS_MAP[ui.borderRadius || 'xl'];
   const isGlass = ui.visualStyle !== 'solid';
 
-  const [suggestions, setSuggestions] = useState<string[]>([]);
-  const [isSuggesting, setIsSuggesting] = useState(false);
-
   // Auto-suggestions fetcher (debounced)
   useEffect(() => {
     if (input.trim().length < 3) {
@@ -276,7 +351,7 @@ export function ChatWindow({
         {/* Typing indicator (only if assistant hasn't started replying yet) */}
         {isLoading && messages[messages.length - 1]?.role !== 'assistant' && (
           <MessageBubble
-            message={{ role: 'assistant', content: '' }}
+            message={{ id: 'loading', role: 'assistant', content: '', createdAt: new Date().toISOString() }}
             isStreaming
             primaryColor={ui.primaryColor}
             accentColor={ui.accentColor}
@@ -343,6 +418,21 @@ export function ChatWindow({
             style={{ scrollbarWidth: 'none' }}
           />
 
+          {ui.enableVoiceInput !== false && (
+            <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 ? <MicOff className="w-4 h-4" /> : <Mic className="w-4 h-4" />}
+            </button>
+          )}
+
           <button
             onClick={sendMessage}
             disabled={!input.trim() || isLoading}

package/src/components/ConfigProvider.tsx

@@ -7,47 +7,21 @@
  * Only the UI-safe portions of RagConfig are exposed to the client.
  */
 
-import React, { createContext, useContext, ReactNode } from 'react';
+import React, { createContext, useContext } from 'react';
 import { UIConfig } from '../config/RagConfig';
 import { mergeDefined } from '../utils/templateUtils';
+import { ClientConfig, ConfigProviderProps } from '../types';
+import { DEFAULT_CONFIG } from '../config/uiConstants';
 
-export interface ClientConfig {
-  projectId: string;
-  ui: Required<UIConfig>;
-}
-
-const defaultConfig: ClientConfig = {
-  projectId: 'default',
-  ui: {
-    title: 'AI Assistant',
-    subtitle: 'Powered by RAG',
-    primaryColor: '#6366f1',
-    accentColor: '#8b5cf6',
-    logoUrl: '',
-    placeholder: 'Ask me anything…',
-    showSources: true,
-    welcomeMessage: "Hello! I'm your AI assistant. Ask me anything about your documents.",
-    showWidget: true,
-    poweredBy: 'RAG',
-    visualStyle: 'glass',
-    borderRadius: 'xl',
-    allowUpload: true,
-    allowResize: true,
-  },
-};
-
-const ConfigContext = createContext<ClientConfig>(defaultConfig);
+const ConfigContext = createContext<ClientConfig>(DEFAULT_CONFIG);
 
 export function ConfigProvider({
   config,
   children,
-}: {
-  config?: { projectId?: string; ui?: Partial<UIConfig> };
-  children: ReactNode;
-}) {
+}: ConfigProviderProps) {
   const merged: ClientConfig = {
-    projectId: config?.projectId || defaultConfig.projectId,
-    ui: mergeDefined(defaultConfig.ui, config?.ui) as Required<UIConfig>,
+    projectId: config?.projectId || DEFAULT_CONFIG.projectId,
+    ui: mergeDefined(DEFAULT_CONFIG.ui, config?.ui) as Required<UIConfig>,
   };
 
   return <ConfigContext.Provider value={merged}>{children}</ConfigContext.Provider>;

package/src/components/DocumentUpload.tsx

@@ -4,14 +4,7 @@ import React, { useState, useRef } from 'react';
 import { Upload, File, X, CheckCircle, AlertCircle, Loader2 } from 'lucide-react';
 import { useConfig } from './ConfigProvider';
 
-interface DocumentUploadProps {
-  /** Optional namespace for the upload */
-  namespace?: string;
-  /** Callback when upload completes */
-  onUploadComplete?: (results: unknown) => void;
-  /** Additional className */
-  className?: string;
-}
+import { DocumentUploadProps } from '../types';
 
 interface FileState {
   file: File;

package/src/components/MessageBubble.tsx

@@ -4,20 +4,9 @@ import React from 'react';
 import { Bot, User, ChevronDown, ChevronRight } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import { ChatMessage } from '../llm/ILLMProvider';
-import { VectorMatch } from '../types';
+import { MessageBubbleProps, Product } from '../types';
 import { SourceCard } from './SourceCard';
 import { ProductCarousel } from './ProductCarousel';
-import { Product } from '../types';
-
-interface MessageBubbleProps {
-  message: ChatMessage;
-  sources?: VectorMatch[];
-  isStreaming?: boolean;
-  primaryColor?: string;
-  accentColor?: string;
-  onAddToCart?: (product: Product) => void;
-}
 
 export function MessageBubble({
   message,

package/src/components/ProductCard.tsx

@@ -4,13 +4,7 @@ import React from 'react';
 import Image from 'next/image';
 import { ShoppingCart, ExternalLink } from 'lucide-react';
 
-import { Product } from '../types';
-
-interface ProductCardProps {
-  product: Product;
-  primaryColor?: string;
-  onAddToCart?: (product: Product) => void;
-}
+import { ProductCardProps } from '../types';
 
 export function ProductCard({ product, primaryColor = '#6366f1', onAddToCart }: ProductCardProps) {
   return (

package/src/components/ProductCarousel.tsx

@@ -3,13 +3,7 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';
 import { ProductCard } from './ProductCard';
-import { Product } from '../types';
-
-interface ProductCarouselProps {
-  products: Product[];
-  primaryColor?: string;
-  onAddToCart?: (product: Product) => void;
-}
+import { ProductCarouselProps } from '../types';
 
 export function ProductCarousel({ products, primaryColor = '#6366f1', onAddToCart }: ProductCarouselProps) {
   const scrollRef = useRef<HTMLDivElement>(null);

package/src/components/SourceCard.tsx

@@ -2,12 +2,7 @@
 
 import React from 'react';
 import { ChevronDown, ChevronUp } from 'lucide-react';
-import { VectorMatch } from '../types';
-
-interface SourceCardProps {
-  source: VectorMatch;
-  index: number;
-}
+import { SourceCardProps } from '../types';
 
 export function SourceCard({ source, index }: SourceCardProps) {
   const [expanded, setExpanded] = React.useState(false);

package/src/config/RagConfig.ts

@@ -149,6 +149,8 @@ export interface UIConfig {
   allowUpload?: boolean;
   /** Whether to allow manual resizing of the chat window. Defaults to true. */
   allowResize?: boolean;
+  /** Whether to enable voice search input. Defaults to true. */
+  enableVoiceInput?: boolean;
 }
 
 // ---------------------------------------------------------------------------

package/src/config/uiConstants.ts

@@ -5,6 +5,29 @@
  * is consumed via npm without Next.js path-alias configuration.
  */
 
+import { ClientConfig } from '../types';
+
+export const DEFAULT_CONFIG: ClientConfig = {
+  projectId: 'default',
+  ui: {
+    title: 'AI Assistant',
+    subtitle: 'Powered by RAG',
+    primaryColor: '#6366f1',
+    accentColor: '#8b5cf6',
+    logoUrl: '',
+    placeholder: 'Ask me anything…',
+    showSources: true,
+    welcomeMessage: "Hello! I'm your AI assistant. Ask me anything about your documents.",
+    showWidget: true,
+    poweredBy: 'RAG',
+    visualStyle: 'glass',
+    borderRadius: 'xl',
+    allowUpload: true,
+    allowResize: true,
+    enableVoiceInput: true,
+  },
+};
+
 /** Maps the `borderRadius` config value to a Tailwind class. */
 export const BORDER_RADIUS_MAP: Record<string, string> = {
   none: 'rounded-none',

package/src/core/Pipeline.ts

@@ -1,6 +1,7 @@
 import { BaseVectorProvider } from '../providers/vectordb/BaseVectorProvider';
 import { BaseGraphProvider } from '../providers/graphdb/BaseGraphProvider';
-import { ILLMProvider, ChatMessage } from '../llm/ILLMProvider';
+import { ILLMProvider } from '../llm/ILLMProvider';
+import { ChatMessage } from '../types';
 import { DocumentChunker, Chunk } from '../rag/DocumentChunker';
 import { EntityExtractor } from '../rag/EntityExtractor';
 import { Reranker } from '../rag/Reranker';

package/src/core/VectorPlugin.ts

@@ -4,7 +4,7 @@ import { ConfigValidator } from './ConfigValidator';
 import { Pipeline } from './Pipeline';
 import { ProviderHealthCheck, HealthCheckResult } from './ProviderHealthCheck';
 import { IngestDocument, ChatResponse } from '../types';
-import { ChatMessage } from '../llm/ILLMProvider';
+import { ChatMessage } from '../types';
 
 /**
  * VectorPlugin — main orchestrator class.