@retrivora-ai/rag-engine 1.8.4 → 1.8.5

package/dist/handlers/index.mjs

@@ -353,10 +353,12 @@ var init_MultiTablePostgresProvider = __esm({
           embedding   VECTOR(${this.dimensions})
         )
       `);
+          const metric = this.config.distanceMetric || "cosine";
+          const indexOps = metric === "euclidean" ? "vector_l2_ops" : metric === "dotproduct" ? "vector_ip_ops" : "vector_cosine_ops";
           await client.query(`
         CREATE INDEX IF NOT EXISTS ${this.uploadTable}_embedding_idx
         ON ${this.uploadTable}
-        USING hnsw (embedding vector_cosine_ops)
+        USING hnsw (embedding ${indexOps})
       `);
           const res = await client.query(`
         SELECT table_name 
@@ -418,10 +420,12 @@ var init_MultiTablePostgresProvider = __esm({
           )
         `;
             await client.query(createTableSql);
+            const metric = this.config.distanceMetric || "cosine";
+            const indexOps = metric === "euclidean" ? "vector_l2_ops" : metric === "dotproduct" ? "vector_ip_ops" : "vector_cosine_ops";
             await client.query(`
           CREATE INDEX IF NOT EXISTS "${tableName}_embedding_idx"
           ON "${tableName}"
-          USING hnsw (embedding vector_cosine_ops)
+          USING hnsw (embedding ${indexOps})
         `);
             if (!this.tables.includes(tableName)) {
               this.tables.push(tableName);
@@ -503,6 +507,8 @@ var init_MultiTablePostgresProvider = __esm({
           try {
             let sqlQuery = "";
             let params = [];
+            const metric = this.config.distanceMetric || "cosine";
+            const scoreExpr = metric === "euclidean" ? `1 / (1 + (embedding <-> $1::vector))` : metric === "dotproduct" ? `(embedding <#> $1::vector) * -1` : `1 - (embedding <=> $1::vector)`;
             if (queryText) {
               const hasEntityHints = entityHints.length > 0;
               const exactNameScoreExpr = hasEntityHints ? `+ (
@@ -515,9 +521,9 @@ var init_MultiTablePostgresProvider = __esm({
                ) * 3.0` : "";
               sqlQuery = `
             SELECT *, 
-             (1 - (embedding <=> $1::vector)) AS vector_score,
+             (${scoreExpr}) AS vector_score,
              COALESCE(ts_rank(to_tsvector('english', (to_jsonb(t) - 'embedding')::text), to_tsquery('english', $2)), 0) AS keyword_score,
-             ((1 - (embedding <=> $1::vector)) + (COALESCE(ts_rank(to_tsvector('english', (to_jsonb(t) - 'embedding')::text), to_tsquery('english', $2)), 0) * 2.0) ${exactNameScoreExpr}) AS hybrid_score
+             ((${scoreExpr}) + (COALESCE(ts_rank(to_tsvector('english', (to_jsonb(t) - 'embedding')::text), to_tsquery('english', $2)), 0) * 2.0) ${exactNameScoreExpr}) AS hybrid_score
             FROM "${table}" t
             ORDER BY hybrid_score DESC
             LIMIT 50
@@ -526,7 +532,7 @@ var init_MultiTablePostgresProvider = __esm({
             } else {
               sqlQuery = `
             SELECT *, 
-             (1 - (embedding <=> $1::vector)) AS hybrid_score
+             (${scoreExpr}) AS hybrid_score
             FROM "${table}" t
             ORDER BY hybrid_score DESC
             LIMIT 50
@@ -1000,11 +1006,13 @@ var init_QdrantProvider = __esm({
           if (axios4.isAxiosError(err) && ((_a = err.response) == null ? void 0 : _a.status) === 404) {
             const opts = this.config.options;
             const dimensionsForCreate = opts.dimensions || 1536;
+            const metric = this.config.distanceMetric || "cosine";
+            const distance = metric === "euclidean" ? "Euclid" : metric === "dotproduct" ? "Dot" : "Cosine";
             console.log(`[QdrantProvider] \u23F3 Creating collection "${this.indexName}" (dimensions: ${dimensionsForCreate})...`);
             await this.http.put(`/collections/${this.indexName}`, {
               vectors: {
                 size: dimensionsForCreate,
-                distance: "Cosine"
+                distance
               }
             });
             console.log(`[QdrantProvider] \u2705 Created collection "${this.indexName}"`);
@@ -1182,9 +1190,12 @@ var init_ChromaDBProvider = __esm({
           console.log(`[ChromaDBProvider] \u2705 Collection "${this.indexName}" found (id: ${this.collectionId})`);
         } catch (err) {
           if (axios5.isAxiosError(err) && ((_a = err.response) == null ? void 0 : _a.status) === 404) {
+            const metric = this.config.distanceMetric || "cosine";
+            const space = metric === "euclidean" ? "l2" : metric === "dotproduct" ? "ip" : "cosine";
             console.log(`[ChromaDBProvider] \u23F3 Collection "${this.indexName}" not found. Creating...`);
             const { data } = await this.http.post("/api/v1/collections", {
-              name: this.indexName
+              name: this.indexName,
+              metadata: { "hnsw:space": space }
             });
             this.collectionId = data.id;
             console.log(`[ChromaDBProvider] \u2705 Created collection "${this.indexName}" (id: ${this.collectionId})`);
@@ -4128,18 +4139,20 @@ var UITransformer = class {
     }
     const isStockRequest = this.isStockQuery(userQuery);
     const filteredData = isStockRequest ? retrievedData.filter((item) => this.determineStockStatus(item)) : retrievedData;
-    const categories = this.detectCategories(filteredData);
+    const groupByField = this.determineGroupByField(userQuery, filteredData);
+    const categories = this.detectCategories(filteredData, groupByField);
     const hasProducts = filteredData.some((item) => this.isProductData(item));
     const isTimeSeries = filteredData.some((item) => this.isTimeSeriesData(item));
     const isTrendQuery = this.isTrendQuery(userQuery);
     if (isTrendQuery && isTimeSeries) {
       return this.transformToLineChart(filteredData);
     }
-    if (hasProducts && !this.shouldShowCategoryChart(userQuery, categories)) {
+    const explicitChartRequest = this.isExplicitChartQuery(userQuery);
+    if (hasProducts && !explicitChartRequest && !this.shouldShowCategoryChart(userQuery)) {
       return this.transformToProductCarousel(filteredData, config, trainedSchema);
     }
-    if (categories.length > 1 && this.shouldShowCategoryChart(userQuery, categories)) {
-      return this.transformToPieChart(filteredData);
+    if (explicitChartRequest || categories.length > 1 && this.shouldShowCategoryChart(userQuery)) {
+      return this.transformToPieChart(filteredData, groupByField);
     }
     if (hasProducts) {
       return this.transformToProductCarousel(filteredData, config, trainedSchema);
@@ -4164,11 +4177,12 @@ var UITransformer = class {
   /**
    * Transform data to pie chart format
    */
-  static transformToPieChart(data) {
-    const categories = this.detectCategories(data);
-    const categoryData = this.aggregateByCategory(data, categories);
+  static transformToPieChart(data, groupByField) {
+    let categories = this.detectCategories(data, groupByField);
+    if (categories.length === 0) categories = ["All Data"];
+    const categoryData = this.aggregateByCategory(data, categories, groupByField);
     const pieData = Object.entries(categoryData).map(([label, count]) => {
-      const { inStockCount, outOfStockCount } = this.calculateStockCounts(label, data);
+      const { inStockCount, outOfStockCount } = this.calculateStockCounts(label, data, groupByField);
       return {
         label,
         value: count,
@@ -4178,7 +4192,7 @@ var UITransformer = class {
     });
     return {
       type: "pie_chart",
-      title: "Distribution by Category",
+      title: `Distribution by ${groupByField.charAt(0).toUpperCase() + groupByField.slice(1)}`,
       description: `Showing breakdown across ${categories.length} categories`,
       data: pieData
     };
@@ -4401,10 +4415,11 @@ var UITransformer = class {
     });
     return hasTimeKeyword || hasValidDateValue;
   }
-  static shouldShowCategoryChart(query, categories) {
-    if (categories.length < 2) {
-      return false;
-    }
+  static isExplicitChartQuery(query) {
+    const normalized = query.toLowerCase();
+    return normalized.includes("pie chart") || normalized.includes("piechart") || normalized.includes("bar chart") || normalized.includes("barchart") || normalized.includes("radar chart");
+  }
+  static shouldShowCategoryChart(query) {
     const normalized = query.toLowerCase();
     const chartKeywords = [
       "distribution",
@@ -4417,7 +4432,11 @@ var UITransformer = class {
       "segmentation",
       "split",
       "category breakdown",
-      "category distribution"
+      "category distribution",
+      "pie chart",
+      "piechart",
+      "bar chart",
+      "barchart"
     ];
     return chartKeywords.some((keyword) => normalized.includes(keyword));
   }
@@ -4493,44 +4512,67 @@ var UITransformer = class {
     return null;
   }
   /**
-   * Helper: Detect categories in data
+   * Helper: Dynamically determine what field to group by based on user query
+   */
+  static determineGroupByField(query, data) {
+    const normalized = query.toLowerCase();
+    const match = normalized.match(/(?:by|across|per|based on)\s+([a-zA-Z]+)/i);
+    let targetField = "category";
+    if (match && match[1]) {
+      let field = match[1].toLowerCase();
+      if (field.endsWith("ies")) field = field.replace(/ies$/, "y");
+      else if (field.endsWith("s") && field !== "status") field = field.slice(0, -1);
+      const stopWords = ["the", "all", "different", "various", "some", "these", "those"];
+      if (!stopWords.includes(field)) {
+        targetField = field;
+      }
+    }
+    const hasTargetField = data.some((d) => d.metadata && d.metadata[targetField] !== void 0);
+    if (!hasTargetField && targetField === "category") {
+      if (data.some((d) => d.metadata && d.metadata["type"] !== void 0)) return "type";
+      if (data.some((d) => d.metadata && d.metadata["brand"] !== void 0)) return "brand";
+    }
+    return targetField;
+  }
+  /**
+   * Helper: Detect grouping values dynamically
    */
-  static detectCategories(data) {
+  static detectCategories(data, groupByField) {
     const categories = /* @__PURE__ */ new Set();
     data.forEach((item) => {
       const meta = item.metadata || {};
-      if (meta.category) {
-        categories.add(String(meta.category));
-      }
-      if (meta.type) {
-        categories.add(String(meta.type));
-      }
-      if (meta.tag) {
-        const tags = Array.isArray(meta.tag) ? meta.tag : [meta.tag];
-        tags.forEach((t) => categories.add(String(t)));
-      }
-      const contentCategories = Array.from(new Set(
-        Array.from(item.content.matchAll(/^\s*([^:\n]+):\s*(?:•|\*|-)*/gm)).map((match) => match[1].trim()).filter(Boolean)
-      ));
-      contentCategories.forEach((category) => categories.add(category));
-      const categoryMatch = item.content.match(/(?:Category|Type|Class):\s*([^\n]+)/i);
-      if (categoryMatch) {
-        categories.add(categoryMatch[1].trim());
+      if (meta[groupByField] !== void 0) {
+        const val = meta[groupByField];
+        if (Array.isArray(val)) val.forEach((v) => categories.add(String(v)));
+        else categories.add(String(val));
+      } else if (groupByField === "category") {
+        if (meta.type) categories.add(String(meta.type));
+        if (meta.tag) {
+          const tags = Array.isArray(meta.tag) ? meta.tag : [meta.tag];
+          tags.forEach((t) => categories.add(String(t)));
+        }
+        const categoryMatch = item.content.match(/(?:Category|Type|Class):\s*([^\n]+)/i);
+        if (categoryMatch) categories.add(categoryMatch[1].trim());
       }
     });
     return Array.from(categories);
   }
   /**
-   * Helper: Aggregate data by category
+   * Helper: Aggregate data dynamically
    */
-  static aggregateByCategory(data, categories) {
+  static aggregateByCategory(data, categories, groupByField) {
     const result = {};
     categories.forEach((cat) => {
       result[cat] = 0;
     });
     data.forEach((item) => {
       const meta = item.metadata || {};
-      const itemCategory = meta.category || meta.type || "Other";
+      let itemCategory = "Other";
+      if (meta[groupByField] !== void 0) {
+        itemCategory = String(meta[groupByField]);
+      } else if (groupByField === "category" && meta.type) {
+        itemCategory = String(meta.type);
+      }
       if (Object.prototype.hasOwnProperty.call(result, itemCategory)) {
         result[itemCategory]++;
       } else {
@@ -4580,14 +4622,19 @@ var UITransformer = class {
     });
   }
   /**
-   * Helper: Calculate stock counts by category
+   * Helper: Calculate stock counts dynamically
    */
-  static calculateStockCounts(category, data) {
+  static calculateStockCounts(category, data, groupByField) {
     let inStock = 0;
     let outOfStock = 0;
     data.forEach((d) => {
       const meta = d.metadata || {};
-      const itemCategory = meta.category || meta.type || "Other";
+      let itemCategory = "Other";
+      if (meta[groupByField] !== void 0) {
+        itemCategory = String(meta[groupByField]);
+      } else if (groupByField === "category" && meta.type) {
+        itemCategory = String(meta.type);
+      }
       if (itemCategory === category) {
         if (this.determineStockStatus(d)) {
           inStock++;
@@ -4712,12 +4759,13 @@ DATA SHAPE per type:
 - text:       { "content": "<prose answer>" }
 
 DECISION RULES (follow strictly):
-1. bar_chart  \u2192 comparing quantities across categories (e.g. sales by region, price by product). Use this when there is only ONE value per category.
-2. line_chart \u2192 trends or changes over time (dates, months, years, sequential events)
-3. pie_chart  \u2192 proportional breakdown or percentage distribution
-4. radar_chart \u2192 comparing 2 or more products across MULTIPLE attributes (e.g. comparing features, ratings, or characteristics of 2 specific products). If the user asks to "compare" products and the data contains multiple dimensions or ratings for them, you MUST use this.
-5. table      \u2192 multi-field structured records where each item has \u2265 3 attributes
-6. text       \u2192 conversational or free-form answers where no chart adds value
+1. IF the user explicitly asks for a "pie chart", "bar chart", or "table", you MUST output that exact type. Do not deviate from their request.
+2. bar_chart  \u2192 comparing quantities across categories (e.g. sales by region, price by product). Use this when there is only ONE value per category.
+3. line_chart \u2192 trends or changes over time (dates, months, years, sequential events)
+4. pie_chart  \u2192 proportional breakdown or percentage distribution
+5. radar_chart \u2192 comparing 2 or more products across MULTIPLE attributes.
+6. table      \u2192 multi-field structured records where each item has \u2265 3 attributes
+7. text       \u2192 conversational or free-form answers where no chart adds value
 
 IMPORTANT:
 - Aggregate numeric values from the raw data \u2014 do not pass raw object arrays as data.

package/dist/{index-BwpcaziY.d.ts → index-DgzcnqZs.d.ts}

@@ -1,4 +1,4 @@
-import { k as RagConfig, I as ILLMProvider, C as ChatMessage, d as ChatResponse, g as IngestDocument } from './ILLMProvider-BOJFz3Na.js';
+import { k as RagConfig, I as ILLMProvider, C as ChatMessage, d as ChatResponse, g as IngestDocument } from './ILLMProvider-CbUtvWAW.js';
 import { NextRequest, NextResponse } from 'next/server';
 
 interface ValidationError {

package/dist/{index-D3V9Et2M.d.mts → index-c_y_5qdw.d.mts}

@@ -1,4 +1,4 @@
-import { k as RagConfig, I as ILLMProvider, C as ChatMessage, d as ChatResponse, g as IngestDocument } from './ILLMProvider-BOJFz3Na.mjs';
+import { k as RagConfig, I as ILLMProvider, C as ChatMessage, d as ChatResponse, g as IngestDocument } from './ILLMProvider-CbUtvWAW.mjs';
 import { NextRequest, NextResponse } from 'next/server';
 
 interface ValidationError {

package/dist/index.css

@@ -93,6 +93,7 @@
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
+    --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
@@ -357,6 +358,9 @@
   .left-6 {
     left: calc(var(--spacing) * 6);
   }
+  .isolate {
+    isolation: isolate;
+  }
   .z-0 {
     z-index: 0;
   }
@@ -600,6 +604,9 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-\[400\%\] {
+    height: 400%;
+  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -699,6 +706,9 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-\[400\%\] {
+    width: 400%;
+  }
   .w-\[500px\] {
     width: 500px;
   }
@@ -1686,6 +1696,11 @@
     --tw-blur: blur(var(--blur-lg));
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
+  .drop-shadow-2xl {
+    --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
+    --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1704,6 +1719,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1781,6 +1801,13 @@
       }
     }
   }
+  .group-hover\:rounded-none {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        border-radius: 0;
+      }
+    }
+  }
   .group-hover\:border-slate-500 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, O as ObservabilityTrace, a as UseRagChatOptions, b as UseRagChatReturn } from './ILLMProvider-BOJFz3Na.mjs';
-export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbedOptions, e as EmbeddingConfig, f as EmbeddingProvider, I as ILLMProvider, g as IngestDocument, L as LLMConfig, h as LLMProvider, i as LatencyBreakdown, j as RAGConfig, k as RagConfig, l as RetrievedChunk, T as TokenUsage, m as UpsertDocument, n as VectorDBConfig, o as VectorDBProvider } from './ILLMProvider-BOJFz3Na.mjs';
+import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, O as ObservabilityTrace, a as UseRagChatOptions, b as UseRagChatReturn } from './ILLMProvider-CbUtvWAW.mjs';
+export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbedOptions, e as EmbeddingConfig, f as EmbeddingProvider, I as ILLMProvider, g as IngestDocument, L as LLMConfig, h as LLMProvider, i as LatencyBreakdown, j as RAGConfig, k as RagConfig, l as RetrievedChunk, T as TokenUsage, m as UpsertDocument, n as VectorDBConfig, o as VectorDBProvider } from './ILLMProvider-CbUtvWAW.mjs';
 export { C as Chunk, a as ChunkOptions } from './DocumentChunker-Dh9TvmGG.mjs';
 
 type ChatViewportSize = 'compact' | 'medium' | 'large';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CSSProperties, MouseEvent, ReactNode } from 'react';
-import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, O as ObservabilityTrace, a as UseRagChatOptions, b as UseRagChatReturn } from './ILLMProvider-BOJFz3Na.js';
-export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbedOptions, e as EmbeddingConfig, f as EmbeddingProvider, I as ILLMProvider, g as IngestDocument, L as LLMConfig, h as LLMProvider, i as LatencyBreakdown, j as RAGConfig, k as RagConfig, l as RetrievedChunk, T as TokenUsage, m as UpsertDocument, n as VectorDBConfig, o as VectorDBProvider } from './ILLMProvider-BOJFz3Na.js';
+import { P as Product, U as UIConfig, R as RagMessage, V as VectorMatch, O as ObservabilityTrace, a as UseRagChatOptions, b as UseRagChatReturn } from './ILLMProvider-CbUtvWAW.js';
+export { C as ChatMessage, c as ChatOptions, d as ChatResponse, E as EmbedOptions, e as EmbeddingConfig, f as EmbeddingProvider, I as ILLMProvider, g as IngestDocument, L as LLMConfig, h as LLMProvider, i as LatencyBreakdown, j as RAGConfig, k as RagConfig, l as RetrievedChunk, T as TokenUsage, m as UpsertDocument, n as VectorDBConfig, o as VectorDBProvider } from './ILLMProvider-CbUtvWAW.js';
 export { C as Chunk, a as ChunkOptions } from './DocumentChunker-Dh9TvmGG.js';
 
 type ChatViewportSize = 'compact' | 'medium' | 'large';

package/dist/index.js

@@ -2975,21 +2975,35 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
       "button",
       {
         onClick: isOpen ? () => setIsOpen(false) : handleOpen,
-        className: `fixed z-[9999] 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})` },
+        className: `group fixed z-[9999] w-14 h-14 drop-shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${positionClass}`,
         "aria-label": "Open chat",
         children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "div",
+            {
+              className: `absolute inset-0 transition-all duration-300 overflow-hidden ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"} group-hover:rounded-none group-hover:animate-shapeshift`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "div",
+                {
+                  className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-gradientMove",
+                  style: {
+                    background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor}, ${ui.primaryColor}, ${ui.accentColor})`
+                  }
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
-              className: "absolute inset-0 rounded-full animate-ping opacity-20",
+              className: "absolute inset-0 rounded-full animate-ping opacity-20 pointer-events-none",
               style: { background: ui.primaryColor }
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
-              className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
+              className: `relative z-10 transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
               children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.X, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.MessageSquare, { className: "w-6 h-6 text-white" })
             }
           ),

package/dist/index.mjs

@@ -2990,21 +2990,35 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
       "button",
       {
         onClick: isOpen ? () => setIsOpen(false) : handleOpen,
-        className: `fixed z-[9999] 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})` },
+        className: `group fixed z-[9999] w-14 h-14 drop-shadow-2xl flex items-center justify-center transition-all duration-300 cursor-pointer hover:scale-110 active:scale-95 ${positionClass}`,
         "aria-label": "Open chat",
         children: [
+          /* @__PURE__ */ jsx14(
+            "div",
+            {
+              className: `absolute inset-0 transition-all duration-300 overflow-hidden ${ui.borderRadius === "full" ? "rounded-full" : "rounded-2xl"} group-hover:rounded-none group-hover:animate-shapeshift`,
+              children: /* @__PURE__ */ jsx14(
+                "div",
+                {
+                  className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-gradientMove",
+                  style: {
+                    background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor}, ${ui.primaryColor}, ${ui.accentColor})`
+                  }
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsx14(
             "span",
             {
-              className: "absolute inset-0 rounded-full animate-ping opacity-20",
+              className: "absolute inset-0 rounded-full animate-ping opacity-20 pointer-events-none",
               style: { background: ui.primaryColor }
             }
           ),
           /* @__PURE__ */ jsx14(
             "span",
             {
-              className: `transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
+              className: `relative z-10 transition-transform duration-300 ${isOpen ? "rotate-90 scale-90" : "rotate-0 scale-100"}`,
               children: isOpen ? /* @__PURE__ */ jsx14(X3, { className: "w-6 h-6 text-white" }) : /* @__PURE__ */ jsx14(MessageSquare, { className: "w-6 h-6 text-white" })
             }
           ),

package/dist/server.d.mts

@@ -1,7 +1,7 @@
-import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-BOJFz3Na.mjs';
+import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-CbUtvWAW.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-D3V9Et2M.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-D3V9Et2M.mjs';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-c_y_5qdw.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-c_y_5qdw.mjs';
 import 'next/server';
 
 /**

package/dist/server.d.ts

@@ -1,7 +1,7 @@
-import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-BOJFz3Na.js';
+import { n as VectorDBConfig, L as LLMConfig, e as EmbeddingConfig, k as RagConfig, I as ILLMProvider, g as IngestDocument, C as ChatMessage, d as ChatResponse, p as RetrievalResult, m as UpsertDocument, V as VectorMatch, G as GraphDBConfig, q as GraphNode, r as Edge, s as GraphSearchResult, o as VectorDBProvider, h as LLMProvider, f as EmbeddingProvider, j as RAGConfig, U as UIConfig, c as ChatOptions, E as EmbedOptions } from './ILLMProvider-CbUtvWAW.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-BwpcaziY.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-BwpcaziY.js';
+import { H as HealthCheckResult, I as IProviderValidator, a as IProviderHealthChecker } from './index-DgzcnqZs.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-DgzcnqZs.js';
 import 'next/server';
 
 /**