@retrivora-ai/rag-engine 1.0.6 → 1.0.8

package/dist/index.mjs

@@ -18,7 +18,10 @@ import {
   X,
   Sparkles,
   ArrowUp,
-  TriangleAlert
+  TriangleAlert,
+  RotateCcw,
+  Maximize2,
+  Minimize2
 } from "lucide-react";
 
 // src/components/MessageBubble.tsx
@@ -105,7 +108,8 @@ var defaultConfig = {
     poweredBy: "RAG",
     visualStyle: "glass",
     borderRadius: "xl",
-    allowUpload: true
+    allowUpload: true,
+    allowResize: true
   }
 };
 var ConfigContext = createContext(defaultConfig);
@@ -329,7 +333,17 @@ var CHAT_SUGGESTIONS = [
 ];
 
 // src/components/ChatWindow.tsx
-function ChatWindow({ className = "", style, onClose, showClose = false }) {
+function ChatWindow({
+  className = "",
+  style,
+  onClose,
+  showClose = false,
+  onResizeStart,
+  onResetResize,
+  isResized = false,
+  onMaximize,
+  isMaximized = false
+}) {
   var _a;
   const { ui, projectId } = useConfig();
   const [input, setInput] = useState3("");
@@ -373,9 +387,18 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
   return /* @__PURE__ */ React5.createElement(
     "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}`,
+      className: `relative 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)
     },
+    onResizeStart && /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        onMouseDown: onResizeStart,
+        className: "absolute top-0 left-0 w-6 h-6 cursor-nw-resize z-[100] group flex items-start justify-start p-1",
+        title: "Drag to resize"
+      },
+      /* @__PURE__ */ React5.createElement("div", { className: "w-2.5 h-2.5 border-t-2 border-l-2 border-slate-300 dark:border-white/20 group-hover:border-slate-500 dark:group-hover:border-white/50 transition-colors rounded-tl-[2px]" })
+    ),
     /* @__PURE__ */ React5.createElement(
       "div",
       {
@@ -393,23 +416,39 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
         },
         /* @__PURE__ */ React5.createElement(Bot2, { className: "w-5 h-5 text-white" })
       ), /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("h2", { className: "text-slate-900 dark:text-white font-semibold text-sm leading-tight" }, ui.title), ui.poweredBy && /* @__PURE__ */ React5.createElement("p", { className: "text-slate-500 dark:text-white/40 text-[11px] leading-tight" }, `Powered by ${ui.poweredBy}`))),
-      /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React5.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400" }, /* @__PURE__ */ React5.createElement("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__ */ React5.createElement(
+      /* @__PURE__ */ React5.createElement("div", { className: "flex items-center gap-1.5" }, /* @__PURE__ */ React5.createElement("span", { className: "flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400 mr-2" }, /* @__PURE__ */ React5.createElement("span", { className: "w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" }), "Online"), /* @__PURE__ */ React5.createElement("div", { className: "flex items-center bg-slate-100/50 dark:bg-white/5 rounded-lg p-0.5 border border-slate-200/50 dark:border-white/5" }, mounted && messages.length > 0 && /* @__PURE__ */ React5.createElement(
         "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"
+          className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-rose-500 dark:text-white/40 dark:hover:text-rose-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
         },
         /* @__PURE__ */ React5.createElement(Trash2, { className: "w-3.5 h-3.5" })
+      ), isResized && onResetResize && /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          onClick: onResetResize,
+          title: "Reset to default size",
+          className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+        },
+        /* @__PURE__ */ React5.createElement(RotateCcw, { className: "w-3.5 h-3.5" })
+      ), onMaximize && /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          onClick: onMaximize,
+          title: isMaximized ? "Minimize" : "Maximize",
+          className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+        },
+        isMaximized ? /* @__PURE__ */ React5.createElement(Minimize2, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ React5.createElement(Maximize2, { className: "w-3.5 h-3.5" })
       ), showClose && onClose && /* @__PURE__ */ React5.createElement(
         "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"
+          className: "w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
         },
         /* @__PURE__ */ React5.createElement(X, { className: "w-4 h-4" })
-      ))
+      )))
     ),
     /* @__PURE__ */ React5.createElement("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" }, !mounted || isEmpty ? (
       /* Welcome state */
@@ -484,10 +523,15 @@ function ChatWindow({ className = "", style, onClose, showClose = false }) {
 }
 
 // src/components/ChatWidget.tsx
+var DEFAULT_DIMENSIONS = { width: 380, height: 600 };
 function ChatWidget({ position = "bottom-right" }) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = useState4(false);
   const [hasUnread, setHasUnread] = useState4(false);
+  const [dimensions, setDimensions] = useState4(DEFAULT_DIMENSIONS);
+  const [isResizing, setIsResizing] = useState4(false);
+  const [isMaximized, setIsMaximized] = useState4(false);
+  const [prevDimensions, setPrevDimensions] = useState4(DEFAULT_DIMENSIONS);
   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";
@@ -496,18 +540,68 @@ function ChatWidget({ position = "bottom-right" }) {
     setIsOpen(true);
     setHasUnread(false);
   };
+  const handleResizeStart = (e) => {
+    e.preventDefault();
+    setIsResizing(true);
+    const startX = e.clientX;
+    const startY = e.clientY;
+    const startWidth = dimensions.width;
+    const startHeight = dimensions.height;
+    const onMouseMove = (moveEvent) => {
+      const deltaX = startX - moveEvent.clientX;
+      const deltaY = startY - moveEvent.clientY;
+      setDimensions({
+        width: Math.max(320, Math.min(startWidth + deltaX, window.innerWidth - 48)),
+        height: Math.max(400, Math.min(startHeight + deltaY, window.innerHeight - 100))
+      });
+    };
+    const onMouseUp = () => {
+      setIsResizing(false);
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+    };
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+  };
+  const handleResetResize = () => {
+    setDimensions(DEFAULT_DIMENSIONS);
+    setIsMaximized(false);
+  };
+  const handleMaximize = () => {
+    if (isMaximized) {
+      setDimensions(prevDimensions);
+      setIsMaximized(false);
+    } else {
+      setPrevDimensions(dimensions);
+      setDimensions({
+        width: Math.min(800, window.innerWidth - 48),
+        height: Math.min(800, window.innerHeight - 100)
+      });
+      setIsMaximized(true);
+    }
+  };
+  const isResized = dimensions.width !== DEFAULT_DIMENSIONS.width || dimensions.height !== DEFAULT_DIMENSIONS.height;
   return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
     "div",
     {
-      className: `fixed z-[9998] 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)" }
+      className: `fixed z-[9998] max-w-[calc(100vw-3rem)] ease-in-out ${windowPositionClass} ${isOpen ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 translate-y-4 pointer-events-none"} ${isResizing ? "" : "transition-all duration-300"}`,
+      style: {
+        width: `${dimensions.width}px`,
+        height: `${dimensions.height}px`,
+        maxHeight: "calc(100vh - 6rem)"
+      }
     },
     /* @__PURE__ */ React6.createElement(
       ChatWindow,
       {
         className: "h-full relative z-10",
         showClose: true,
-        onClose: () => setIsOpen(false)
+        onClose: () => setIsOpen(false),
+        onResizeStart: ui.allowResize !== false ? handleResizeStart : void 0,
+        onResetResize: ui.allowResize !== false ? handleResetResize : void 0,
+        isResized,
+        onMaximize: ui.allowResize !== false ? handleMaximize : void 0,
+        isMaximized
       }
     ),
     /* @__PURE__ */ React6.createElement(

package/dist/server.d.mts

@@ -1,7 +1,7 @@
-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-BjC6zSTV.mjs';
+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-DVovvPmd.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-CU_fQq__.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-CU_fQq__.mjs';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-D0_2f-43.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-D0_2f-43.mjs';
 import 'next/server';
 
 /**

package/dist/server.d.ts

@@ -1,7 +1,7 @@
-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-BjC6zSTV.js';
+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-DVovvPmd.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-C3bLmWcR.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-C3bLmWcR.js';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-CQ0zQ7Zk.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-CQ0zQ7Zk.js';
 import 'next/server';
 
 /**

package/dist/server.js

@@ -662,6 +662,18 @@ var init_MongoDBProvider = __esm({
       }
       async query(vector, topK, namespace, filter) {
         const publicFilter = this.sanitizeFilter(filter);
+        const vectorSearchFilter = {};
+        const matchFilter = {};
+        if (namespace) {
+          vectorSearchFilter.namespace = namespace;
+        }
+        for (const [key, value] of Object.entries(publicFilter)) {
+          if (key === "namespace") {
+            vectorSearchFilter.namespace = value;
+          } else {
+            matchFilter[key] = value;
+          }
+        }
         const pipeline = [
           {
             $vectorSearch: __spreadValues({
@@ -669,9 +681,15 @@ var init_MongoDBProvider = __esm({
               path: this.embeddingKey,
               queryVector: vector,
               numCandidates: this.config.options.numCandidates || Math.max(topK * 20, 200),
-              limit: topK
-            }, Object.keys(publicFilter).length > 0 || namespace ? { filter: __spreadValues(__spreadValues({}, publicFilter), namespace ? { namespace } : {}) } : {})
-          },
+              limit: topK * 2
+            }, Object.keys(vectorSearchFilter).length > 0 ? { filter: vectorSearchFilter } : {})
+          }
+        ];
+        if (Object.keys(matchFilter).length > 0) {
+          pipeline.push({ $match: matchFilter });
+        }
+        pipeline.push(
+          { $limit: topK },
           {
             $project: {
               _id: 1,
@@ -681,7 +699,7 @@ var init_MongoDBProvider = __esm({
               score: { $meta: "vectorSearchScore" }
             }
           }
-        ];
+        );
         const results = await this.collection.aggregate(pipeline).toArray();
         return results.map((res) => ({
           id: res._id,
@@ -3466,7 +3484,6 @@ var QueryProcessor = class {
     var _a, _b, _c, _d;
     if (!question.trim()) return [];
     const hints = /* @__PURE__ */ new Map();
-    const fieldsToSearch = [.../* @__PURE__ */ new Set([...this.COMMON_METADATA_FIELDS, ...validFields])];
     const addHint = (value, field) => {
       const normalizedValue = this.normalizeHintValue(value);
       if (!normalizedValue) return;
@@ -3497,17 +3514,18 @@ var QueryProcessor = class {
         if (name) addHint(name, "name");
       }
     }
-    if (fieldsToSearch.length > 0) {
-      for (const field of fieldsToSearch) {
-        const forwardPattern = new RegExp(`\\b${field}\\s*(?:is|are|:|of)?\\s+["']?([^"\\n?.!,]{2,60})["']?(?=[?.!,]|$)`, "gi");
-        for (const match of question.matchAll(forwardPattern)) {
-          const value = match[1];
-          if (value && !this.isLikelyPromptPhrase(value)) {
-            addHint(value, field);
-          }
-        }
-        const reversePattern = new RegExp(`\\b([^"\\n?.!,\\s]{2,60})\\s+${field}\\b`, "gi");
-        for (const match of question.matchAll(reversePattern)) {
+    const genericPattern = /\b([a-z][a-z0-9_]{1,30})\s*[:=]\s*["']?([^"'\n?.!,]{1,60})["']?/gi;
+    for (const match of question.matchAll(genericPattern)) {
+      const field = match[1];
+      const value = match[2];
+      if (field && !this.isLikelyPromptPhrase(field)) {
+        addHint(value, field);
+      }
+    }
+    if (validFields.length > 0) {
+      for (const field of validFields) {
+        const pattern = new RegExp(`\\b${field}\\s*(?:is|are|:|of)?\\s+["']?([^"\\n?.!,]{1,60})["']?(?=[?.!,]|$)`, "gi");
+        for (const match of question.matchAll(pattern)) {
           const value = match[1];
           if (value && !this.isLikelyPromptPhrase(value)) {
             addHint(value, field);
@@ -3583,28 +3601,6 @@ var QueryProcessor = class {
     return filter;
   }
 };
-QueryProcessor.COMMON_METADATA_FIELDS = [
-  "category",
-  "type",
-  "brand",
-  "status",
-  "priority",
-  "id",
-  "name",
-  "email",
-  "phone",
-  "price",
-  "rating",
-  "color",
-  "size",
-  "material",
-  "sku",
-  "role",
-  "department",
-  "location",
-  "tag",
-  "label"
-];
 
 // src/core/Pipeline.ts
 var LRUEmbeddingCache = class {

package/dist/server.mjs

@@ -40,7 +40,7 @@ import {
   sseFrame,
   sseMetaFrame,
   sseTextFrame
-} from "./chunk-ZCDJSGUW.mjs";
+} from "./chunk-3GKA3PJF.mjs";
 import "./chunk-YLTMFW4M.mjs";
 import {
   PineconeProvider
@@ -50,7 +50,7 @@ import {
 } from "./chunk-FLOSGE6A.mjs";
 import {
   MongoDBProvider
-} from "./chunk-73I6VWU3.mjs";
+} from "./chunk-5AJ4XHLW.mjs";
 import {
   MilvusProvider
 } from "./chunk-U55XRW3U.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "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

@@ -10,10 +10,16 @@ interface ChatWidgetProps {
   position?: 'bottom-right' | 'bottom-left';
 }
 
+const DEFAULT_DIMENSIONS = { width: 380, height: 600 };
+
 export function ChatWidget({ position = 'bottom-right' }: ChatWidgetProps) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = useState(false);
   const [hasUnread, setHasUnread] = useState(false);
+  const [dimensions, setDimensions] = useState(DEFAULT_DIMENSIONS);
+  const [isResizing, setIsResizing] = useState(false);
+  const [isMaximized, setIsMaximized] = useState(false);
+  const [prevDimensions, setPrevDimensions] = useState(DEFAULT_DIMENSIONS);
 
   if (ui.showWidget === false) return null;
 
@@ -33,20 +39,78 @@ export function ChatWidget({ position = 'bottom-right' }: ChatWidgetProps) {
     setHasUnread(false);
   };
 
+  const handleResizeStart = (e: React.MouseEvent) => {
+    e.preventDefault();
+    setIsResizing(true);
+    const startX = e.clientX;
+    const startY = e.clientY;
+    const startWidth = dimensions.width;
+    const startHeight = dimensions.height;
+
+    const onMouseMove = (moveEvent: MouseEvent) => {
+      const deltaX = startX - moveEvent.clientX;
+      const deltaY = startY - moveEvent.clientY;
+
+      setDimensions({
+        width: Math.max(320, Math.min(startWidth + deltaX, window.innerWidth - 48)),
+        height: Math.max(400, Math.min(startHeight + deltaY, window.innerHeight - 100)),
+      });
+    };
+
+    const onMouseUp = () => {
+      setIsResizing(false);
+      window.removeEventListener('mousemove', onMouseMove);
+      window.removeEventListener('mouseup', onMouseUp);
+    };
+
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+  };
+
+  const handleResetResize = () => {
+    setDimensions(DEFAULT_DIMENSIONS);
+    setIsMaximized(false);
+  };
+
+  const handleMaximize = () => {
+    if (isMaximized) {
+      setDimensions(prevDimensions);
+      setIsMaximized(false);
+    } else {
+      setPrevDimensions(dimensions);
+      setDimensions({
+        width: Math.min(800, window.innerWidth - 48),
+        height: Math.min(800, window.innerHeight - 100),
+      });
+      setIsMaximized(true);
+    }
+  };
+
+  const isResized = dimensions.width !== DEFAULT_DIMENSIONS.width || dimensions.height !== DEFAULT_DIMENSIONS.height;
+
   return (
     <>
       {/* ── Chat Window (slides up) ── */}
       <div
-        className={`fixed z-[9998] w-[380px] max-w-[calc(100vw-3rem)] transition-all duration-300 ease-in-out ${windowPositionClass} ${isOpen
+        className={`fixed z-[9998] max-w-[calc(100vw-3rem)] 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)' }}
+          } ${isResizing ? '' : 'transition-all duration-300'}`}
+        style={{ 
+          width: `${dimensions.width}px`, 
+          height: `${dimensions.height}px`, 
+          maxHeight: 'calc(100vh - 6rem)' 
+        }}
       >
         <ChatWindow
           className="h-full relative z-10"
           showClose
           onClose={() => setIsOpen(false)}
+          onResizeStart={ui.allowResize !== false ? handleResizeStart : undefined}
+          onResetResize={ui.allowResize !== false ? handleResetResize : undefined}
+          isResized={isResized}
+          onMaximize={ui.allowResize !== false ? handleMaximize : undefined}
+          isMaximized={isMaximized}
         />
         {/* Pointer (Tail) */}
         <div

package/src/components/ChatWindow.tsx

@@ -8,6 +8,9 @@ import {
   Sparkles,
   ArrowUp,
   TriangleAlert,
+  RotateCcw,
+  Maximize2,
+  Minimize2,
 } from 'lucide-react';
 import { MessageBubble } from './MessageBubble';
 import { useConfig } from './ConfigProvider';
@@ -23,9 +26,29 @@ interface ChatWindowProps {
   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;
 }
 
-export function ChatWindow({ className = '', style, onClose, showClose = false }: ChatWindowProps) {
+export function ChatWindow({ 
+  className = '', 
+  style, 
+  onClose, 
+  showClose = false,
+  onResizeStart,
+  onResetResize,
+  isResized = false,
+  onMaximize,
+  isMaximized = false
+}: ChatWindowProps) {
   const { ui, projectId } = useConfig();
   const [input, setInput] = useState('');
   const [mounted, setMounted] = useState(false);
@@ -73,13 +96,23 @@ export function ChatWindow({ className = '', style, onClose, showClose = false }
 
   return (
     <div
-      className={`flex flex-col border border-slate-200 dark:border-white/10 shadow-2xl transition-all duration-300 ${currentRadius} ${
+      className={`relative 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={{ '--primary': ui.primaryColor, '--accent': ui.accentColor, ...style } as React.CSSProperties}
     >
+      {/* Resize Handle (Top-Left) */}
+      {onResizeStart && (
+        <div
+          onMouseDown={onResizeStart}
+          className="absolute top-0 left-0 w-6 h-6 cursor-nw-resize z-[100] group flex items-start justify-start p-1"
+          title="Drag to resize"
+        >
+          <div className="w-2.5 h-2.5 border-t-2 border-l-2 border-slate-300 dark:border-white/20 group-hover:border-slate-500 dark:group-hover:border-white/50 transition-colors rounded-tl-[2px]" />
+        </div>
+      )}
       {/* ── Header ── */}
       <div
         className="flex items-center justify-between px-5 py-4 border-b border-slate-200 dark:border-white/10"
@@ -105,32 +138,54 @@ export function ChatWindow({ className = '', style, onClose, showClose = false }
           </div>
         </div>
 
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-1.5">
           {/* Online indicator */}
-          <span className="flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400">
+          <span className="flex items-center gap-1 text-[10px] text-emerald-500 dark:text-emerald-400 mr-2">
             <span className="w-1.5 h-1.5 rounded-full bg-emerald-500 dark:bg-emerald-400 animate-pulse" />
             Online
           </span>
 
-          {mounted && messages.length > 0 && (
-            <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"
-            >
-              <Trash2 className="w-3.5 h-3.5" />
-            </button>
-          )}
+          <div className="flex items-center bg-slate-100/50 dark:bg-white/5 rounded-lg p-0.5 border border-slate-200/50 dark:border-white/5">
+            {mounted && messages.length > 0 && (
+              <button
+                onClick={clearHistory}
+                title="Clear conversation"
+                className="w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-rose-500 dark:text-white/40 dark:hover:text-rose-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+              >
+                <Trash2 className="w-3.5 h-3.5" />
+              </button>
+            )}
 
-          {showClose && onClose && (
-            <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"
-            >
-              <X className="w-4 h-4" />
-            </button>
-          )}
+            {isResized && onResetResize && (
+              <button
+                onClick={onResetResize}
+                title="Reset to default size"
+                className="w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+              >
+                <RotateCcw className="w-3.5 h-3.5" />
+              </button>
+            )}
+
+            {onMaximize && (
+              <button
+                onClick={onMaximize}
+                title={isMaximized ? "Minimize" : "Maximize"}
+                className="w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-blue-500 dark:text-white/40 dark:hover:text-blue-400 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+              >
+                {isMaximized ? <Minimize2 className="w-3.5 h-3.5" /> : <Maximize2 className="w-3.5 h-3.5" />}
+              </button>
+            )}
+
+            {showClose && onClose && (
+              <button
+                onClick={onClose}
+                title="Close chat"
+                className="w-7 h-7 rounded-md flex items-center justify-center text-slate-400 hover:text-slate-600 dark:text-white/40 dark:hover:text-white/70 hover:bg-white dark:hover:bg-white/10 transition-all cursor-pointer"
+              >
+                <X className="w-4 h-4" />
+              </button>
+            )}
+          </div>
         </div>
       </div>
 

package/src/components/ConfigProvider.tsx

@@ -32,6 +32,7 @@ const defaultConfig: ClientConfig = {
     visualStyle: 'glass',
     borderRadius: 'xl',
     allowUpload: true,
+    allowResize: true,
   },
 };
 

package/src/config/RagConfig.ts

@@ -147,6 +147,8 @@ export interface UIConfig {
   borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
   /** Whether to allow file uploads directly from the UI */
   allowUpload?: boolean;
+  /** Whether to allow manual resizing of the chat window. Defaults to true. */
+  allowResize?: boolean;
 }
 
 // ---------------------------------------------------------------------------