@retrivora-ai/rag-engine 1.8.5 → 1.8.7

package/dist/index.css

@@ -1801,6 +1801,20 @@
       }
     }
   }
+  .group-hover\:animate-\[gradientMove_3\.5s_ease-in-out_infinite_alternate\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        animation: gradientMove 3.5s ease-in-out infinite alternate;
+      }
+    }
+  }
+  .group-hover\:animate-\[shapeshift_5s_ease-in-out_infinite_forwards\] {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        animation: shapeshift 5s ease-in-out infinite forwards;
+      }
+    }
+  }
   .group-hover\:rounded-none {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2818,6 +2832,128 @@
     }
   }
 }
+@layer base {
+  :root {
+    --star: shape(evenodd from 50% 24.787%,
+        curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%,
+        curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%,
+        curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%,
+        curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%,
+        curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%,
+        curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%,
+        curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%,
+        curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%,
+        close);
+    --flower: shape(evenodd from 17.9665% 82.0335%,
+        curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%,
+        curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%,
+        curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%,
+        curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%,
+        curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%,
+        curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%,
+        curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%,
+        curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%,
+        curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%,
+        curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%,
+        curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%,
+        curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%,
+        close);
+    --hexagon: shape(evenodd from 6.47% 67.001%,
+        curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%,
+        curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%,
+        curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%,
+        curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%,
+        curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%,
+        curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%,
+        curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%,
+        curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%,
+        curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%,
+        curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%,
+        curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%,
+        curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%,
+        close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%,
+        curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%,
+        curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%,
+        curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%,
+        curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%,
+        curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%,
+        curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%,
+        curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%,
+        curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%,
+        curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%,
+        curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%,
+        curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%,
+        curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%,
+        close);
+    --circle: shape(evenodd from 13.482% 79.505%,
+        curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
+        curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
+        curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
+        curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
+        curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
+        curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
+        curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
+        curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
+        curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
+        curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
+        curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
+        curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
+        close);
+    --heart: shape(evenodd from 51.311% 83.603%,
+        curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%,
+        curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%,
+        curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%,
+        curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%,
+        curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%,
+        curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%,
+        curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%,
+        curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%,
+        curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%,
+        curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%,
+        curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%,
+        curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%,
+        close);
+    --spiral: shape(evenodd from 13.347% 30.885%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%,
+        curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%,
+        curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%,
+        curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%,
+        curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        close);
+    --sun: shape(evenodd from 12.758% 22.039%,
+        curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%,
+        curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        close);
+    --star2: shape(open from 28.947% 47.744%,
+        curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
+        curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
+        curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
+        curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
+        curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
+        curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
+        curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
+        close);
+    --tri-star: shape(open from 25% 25%,
+        curve by 25% 25% with 0% 0% / 25% 25%,
+        close);
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -3118,6 +3254,46 @@
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
 }
+@keyframes shapeshift {
+  0% {
+    clip-path: var(--circle);
+    rotate: 0turn;
+  }
+  25% {
+    clip-path: var(--flower);
+  }
+  50% {
+    clip-path: var(--cylinder);
+  }
+  75% {
+    clip-path: var(--hexagon);
+  }
+  100% {
+    clip-path: var(--circle);
+    rotate: 1turn;
+  }
+  120% {
+    clip-path: var(--flower);
+  }
+  140% {
+    clip-path: var(--cylinder);
+  }
+  160% {
+    clip-path: var(--hexagon);
+  }
+  180% {
+    clip-path: var(--circle);
+    rotate: 1turn;
+  }
+}
+@keyframes gradientMove {
+  0% {
+    translate: 0 0;
+  }
+  100% {
+    translate: -75% -75%;
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {

package/dist/index.js

@@ -2881,6 +2881,43 @@ function ChatWindow({
 // src/components/ChatWidget.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var DEFAULT_DIMENSIONS = { width: 380, height: 600 };
+var GEMINI_STYLES = `
+  @keyframes shapeshift {
+    0% { clip-path: var(--circle); rotate: 0turn; }
+    25% { clip-path: var(--flower); }
+    50% { clip-path: var(--cylinder); }
+    75% { clip-path: var(--hexagon); }
+    100% { clip-path: var(--circle); rotate: 1turn; }
+    200% { clip-path: var(--flower); rotate: 2turn; }
+
+    220% {
+      clip-path: var(--cylinder);
+    }
+
+    240% {
+      clip-path: var(--hexagon);
+    }
+
+    260% { clip-path: var(--circle); rotate: 1turn; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  :root {
+    --flower: shape(evenodd from 17.9665% 82.0335%, curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%, curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%, curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%, curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%, curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%, curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%, curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%, curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%, curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%, curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%, curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%, curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%, close);
+    --hexagon: shape(evenodd from 6.47% 67.001%, curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%, curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%, curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%, curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%, curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%, curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%, curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%, curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%, curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%, curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%, curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%, curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%, close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%, curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%, curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%, curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%, curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%, curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%, curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%, curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%, curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%, curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%, curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%, curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%, curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%, close);
+    --circle: shape(evenodd from 13.482% 79.505%, curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%, curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%, curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%, curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%, curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%, curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%, curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%, curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%, curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%, curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%, curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%, curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%, close);
+  }
+`;
 function ChatWidget({ position = "bottom-right", onAddToCart }) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
@@ -2938,6 +2975,7 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
   };
   const isResized = dimensions.width !== DEFAULT_DIMENSIONS.width || dimensions.height !== DEFAULT_DIMENSIONS.height;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("style", { dangerouslySetInnerHTML: { __html: GEMINI_STYLES } }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
@@ -2981,11 +3019,11 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
           /* @__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`,
+              className: "absolute inset-0 transition-all duration-300 overflow-hidden rounded-full group-hover:rounded-none group-hover:animate-[shapeshift_5s_ease-in-out_infinite_forwards]",
               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",
+                  className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-[gradientMove_3.5s_ease-in-out_infinite_alternate]",
                   style: {
                     background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor}, ${ui.primaryColor}, ${ui.accentColor})`
                   }

package/dist/index.mjs

@@ -2896,6 +2896,43 @@ function ChatWindow({
 // src/components/ChatWidget.tsx
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DIMENSIONS = { width: 380, height: 600 };
+var GEMINI_STYLES = `
+  @keyframes shapeshift {
+    0% { clip-path: var(--circle); rotate: 0turn; }
+    25% { clip-path: var(--flower); }
+    50% { clip-path: var(--cylinder); }
+    75% { clip-path: var(--hexagon); }
+    100% { clip-path: var(--circle); rotate: 1turn; }
+    200% { clip-path: var(--flower); rotate: 2turn; }
+
+    220% {
+      clip-path: var(--cylinder);
+    }
+
+    240% {
+      clip-path: var(--hexagon);
+    }
+
+    260% { clip-path: var(--circle); rotate: 1turn; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  :root {
+    --flower: shape(evenodd from 17.9665% 82.0335%, curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%, curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%, curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%, curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%, curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%, curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%, curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%, curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%, curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%, curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%, curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%, curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%, close);
+    --hexagon: shape(evenodd from 6.47% 67.001%, curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%, curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%, curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%, curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%, curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%, curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%, curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%, curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%, curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%, curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%, curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%, curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%, close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%, curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%, curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%, curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%, curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%, curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%, curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%, curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%, curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%, curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%, curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%, curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%, curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%, close);
+    --circle: shape(evenodd from 13.482% 79.505%, curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%, curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%, curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%, curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%, curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%, curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%, curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%, curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%, curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%, curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%, curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%, curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%, close);
+  }
+`;
 function ChatWidget({ position = "bottom-right", onAddToCart }) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = useState6(false);
@@ -2953,6 +2990,7 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
   };
   const isResized = dimensions.width !== DEFAULT_DIMENSIONS.width || dimensions.height !== DEFAULT_DIMENSIONS.height;
   return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx14("style", { dangerouslySetInnerHTML: { __html: GEMINI_STYLES } }),
     /* @__PURE__ */ jsxs13(
       "div",
       {
@@ -2996,11 +3034,11 @@ function ChatWidget({ position = "bottom-right", onAddToCart }) {
           /* @__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`,
+              className: "absolute inset-0 transition-all duration-300 overflow-hidden rounded-full group-hover:rounded-none group-hover:animate-[shapeshift_5s_ease-in-out_infinite_forwards]",
               children: /* @__PURE__ */ jsx14(
                 "div",
                 {
-                  className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-gradientMove",
+                  className: "absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-[gradientMove_3.5s_ease-in-out_infinite_alternate]",
                   style: {
                     background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor}, ${ui.primaryColor}, ${ui.accentColor})`
                   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retrivora-ai/rag-engine",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "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/app/globals.css

@@ -5,99 +5,206 @@
 @theme {
   --animate-shapeshift: shapeshift 5s ease-in-out infinite forwards;
   --animate-gradientMove: gradientMove 3.5s ease-in-out infinite alternate;
-  
+
   @keyframes shapeshift {
-    0% { clip-path: var(--circle); rotate: 0turn; }
-    25% { clip-path: var(--flower); }
-    50% { clip-path: var(--cylinder); }
-    75% { clip-path: var(--hexagon); }
-    100% { clip-path: var(--circle); rotate: 1turn; }
+    0% {
+      clip-path: var(--circle);
+      rotate: 0turn;
+    }
+
+    25% {
+      clip-path: var(--flower);
+    }
+
+    50% {
+      clip-path: var(--cylinder);
+    }
+
+    75% {
+      clip-path: var(--hexagon);
+    }
+
+    100% {
+      clip-path: var(--circle);
+      rotate: 1turn;
+    }
+
+    120% {
+      clip-path: var(--flower);
+    }
+
+    140% {
+      clip-path: var(--cylinder);
+    }
+
+    160% {
+      clip-path: var(--hexagon);
+    }
+
+    180% {
+      clip-path: var(--circle);
+      rotate: 1turn;
+    }
   }
 
   @keyframes gradientMove {
-    0% { translate: 0 0; }
-    100% { translate: -75% -75%; }
+    0% {
+      translate: 0 0;
+    }
+
+    100% {
+      translate: -75% -75%;
+    }
   }
 }
 
 @layer base {
   :root {
-    --star: shape(
-      evenodd from 50% 24.787%,
-      curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%,
-      curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%,
-      curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%,
-      curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%,
-      curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%,
-      curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%,
-      curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%,
-      curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%,
-      close
-    );
-    --flower: shape(
-      evenodd from 17.9665% 82.0335%,
-      curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%,
-      curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%,
-      curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%,
-      curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%,
-      curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%,
-      curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%,
-      curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%,
-      curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%,
-      curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%,
-      curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%,
-      curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%,
-      curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%,
-      close
-    );
-    --hexagon: shape(
-      evenodd from 6.47% 67.001%,
-      curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%,
-      curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%,
-      curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%,
-      curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%,
-      curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%,
-      curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%,
-      curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%,
-      curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%,
-      curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%,
-      curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%,
-      curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%,
-      curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%,
-      close
-    );
-    --cylinder: shape(
-      evenodd from 10.5845% 59.7305%,
-      curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%,
-      curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%,
-      curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%,
-      curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%,
-      curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%,
-      curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%,
-      curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%,
-      curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%,
-      curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%,
-      curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%,
-      curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%,
-      curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%,
-      close
-    );
-    --circle: shape(
-      evenodd from 13.482% 79.505%,
-      curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
-      curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
-      curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
-      curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
-      curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
-      curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
-      curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
-      curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
-      curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
-      curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
-      curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
-      curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
-      close
-    );
+    --star: shape(evenodd from 50% 24.787%,
+        curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%,
+        curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%,
+        curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%,
+        curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%,
+        curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%,
+        curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%,
+        curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%,
+        curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%,
+        close);
+    --flower: shape(evenodd from 17.9665% 82.0335%,
+        curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%,
+        curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%,
+        curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%,
+        curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%,
+        curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%,
+        curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%,
+        curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%,
+        curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%,
+        curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%,
+        curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%,
+        curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%,
+        curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%,
+        close);
+    --hexagon: shape(evenodd from 6.47% 67.001%,
+        curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%,
+        curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%,
+        curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%,
+        curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%,
+        curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%,
+        curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%,
+        curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%,
+        curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%,
+        curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%,
+        curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%,
+        curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%,
+        curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%,
+        close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%,
+        curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%,
+        curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%,
+        curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%,
+        curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%,
+        curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%,
+        curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%,
+        curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%,
+        curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%,
+        curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%,
+        curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%,
+        curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%,
+        curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%,
+        close);
+    --circle: shape(evenodd from 13.482% 79.505%,
+        curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
+        curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
+        curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
+        curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
+        curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
+        curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
+        curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
+        curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
+        curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
+        curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
+        curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
+        curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
+        close);
+    --circle: shape(evenodd from 13.482% 79.505%,
+        curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
+        curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
+        curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
+        curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
+        curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
+        curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
+        curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
+        curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
+        curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
+        curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
+        curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
+        curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
+        close);
+    --heart: shape(evenodd from 51.311% 83.603%,
+        curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%,
+        curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%,
+        curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%,
+        curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%,
+        curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%,
+        curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%,
+        curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%,
+        curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%,
+        curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%,
+        curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%,
+        curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%,
+        curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%,
+        close);
+    --spiral: shape(evenodd from 13.347% 30.885%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%,
+        curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%,
+        curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%,
+        curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%,
+        curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        close);
+    --star2: shape(open from 28.947% 47.744%,
+        curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
+        curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
+        curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
+        curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
+        curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
+        curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
+        curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
+        close);
+    --sun: shape(evenodd from 12.758% 22.039%,
+        curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%,
+        curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        close);
+    --star2: shape(open from 28.947% 47.744%,
+        curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
+        curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
+        curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
+        curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
+        curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
+        curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
+        curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
+        close);
+    --tri-star: shape(open from 25% 25%,
+        curve by 25% 25% with 0% 0% / 25% 25%,
+        close);
   }
 }
 

package/src/components/ChatWidget.tsx

@@ -8,6 +8,44 @@ import { ChatWidgetProps } from '../types';
 
 const DEFAULT_DIMENSIONS = { width: 380, height: 600 };
 
+const GEMINI_STYLES = `
+  @keyframes shapeshift {
+    0% { clip-path: var(--circle); rotate: 0turn; }
+    25% { clip-path: var(--flower); }
+    50% { clip-path: var(--cylinder); }
+    75% { clip-path: var(--hexagon); }
+    100% { clip-path: var(--circle); rotate: 1turn; }
+    200% { clip-path: var(--flower); rotate: 2turn; }
+
+    220% {
+      clip-path: var(--cylinder);
+    }
+
+    240% {
+      clip-path: var(--hexagon);
+    }
+
+    260% { clip-path: var(--circle); rotate: 1turn; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  @keyframes gradientMove {
+    0% { translate: 0 0; }
+    100% { translate: -75% -75%; }
+  }
+
+  :root {
+    --flower: shape(evenodd from 17.9665% 82.0335%, curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%, curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%, curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%, curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%, curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%, curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%, curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%, curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%, curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%, curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%, curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%, curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%, close);
+    --hexagon: shape(evenodd from 6.47% 67.001%, curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%, curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%, curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%, curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%, curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%, curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%, curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%, curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%, curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%, curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%, curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%, curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%, close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%, curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%, curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%, curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%, curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%, curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%, curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%, curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%, curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%, curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%, curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%, curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%, curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%, close);
+    --circle: shape(evenodd from 13.482% 79.505%, curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%, curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%, curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%, curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%, curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%, curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%, curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%, curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%, curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%, curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%, curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%, curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%, close);
+  }
+`;
+
 export function ChatWidget({ position = 'bottom-right', onAddToCart }: ChatWidgetProps) {
   const { ui } = useConfig();
   const [isOpen, setIsOpen] = useState(false);
@@ -85,16 +123,17 @@ export function ChatWidget({ position = 'bottom-right', onAddToCart }: ChatWidge
 
   return (
     <>
+      <style dangerouslySetInnerHTML={{ __html: GEMINI_STYLES }} />
       {/* ── Chat Window (slides up) ── */}
       <div
         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'
+          ? '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)' 
+        style={{
+          width: `${dimensions.width}px`,
+          height: `${dimensions.height}px`,
+          maxHeight: 'calc(100vh - 6rem)'
         }}
       >
         <ChatWindow
@@ -110,9 +149,8 @@ export function ChatWidget({ position = 'bottom-right', onAddToCart }: ChatWidge
         />
         {/* Pointer (Tail) */}
         <div
-          className={`absolute -bottom-1.5 w-4 h-4 rotate-45 border-r border-b border-slate-200 dark:border-white/10 z-0 ${
-            ui.visualStyle === 'solid' ? 'bg-white dark:bg-[#0f0f1a]' : 'bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl'
-          } ${position === 'bottom-left' ? 'left-5' : 'right-5'}`}
+          className={`absolute -bottom-1.5 w-4 h-4 rotate-45 border-r border-b border-slate-200 dark:border-white/10 z-0 ${ui.visualStyle === 'solid' ? 'bg-white dark:bg-[#0f0f1a]' : 'bg-white/90 dark:bg-[#0f0f1a]/90 backdrop-blur-xl'
+            } ${position === 'bottom-left' ? 'left-5' : 'right-5'}`}
         />
       </div>
 
@@ -123,13 +161,11 @@ export function ChatWidget({ position = 'bottom-right', onAddToCart }: ChatWidge
         aria-label="Open chat"
       >
         {/* Animated Background */}
-        <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`}
+        <div
+          className="absolute inset-0 transition-all duration-300 overflow-hidden rounded-full group-hover:rounded-none group-hover:animate-[shapeshift_5s_ease-in-out_infinite_forwards]"
         >
-          <div 
-            className="absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-gradientMove"
+          <div
+            className="absolute top-0 left-0 w-[400%] h-[400%] transition-transform duration-300 group-hover:animate-[gradientMove_3.5s_ease-in-out_infinite_alternate]"
             style={{
               background: `linear-gradient(135deg, ${ui.primaryColor}, ${ui.accentColor}, ${ui.primaryColor}, ${ui.accentColor})`
             }}

package/src/tailwind.css

@@ -1,2 +1,194 @@
 @import "tailwindcss";
-@source "./**/*.{ts,tsx,js,jsx}";
+@source "./**/*.{ts,tsx,js,jsx}";
+
+@theme {
+  --animate-shapeshift: shapeshift 5s ease-in-out infinite forwards;
+  --animate-gradientMove: gradientMove 3.5s ease-in-out infinite alternate;
+
+  @keyframes shapeshift {
+    0% {
+      clip-path: var(--circle);
+      rotate: 0turn;
+    }
+
+    25% {
+      clip-path: var(--flower);
+    }
+
+    50% {
+      clip-path: var(--cylinder);
+    }
+
+    75% {
+      clip-path: var(--hexagon);
+    }
+
+    100% {
+      clip-path: var(--circle);
+      rotate: 1turn;
+    }
+
+    120% {
+      clip-path: var(--flower);
+    }
+
+    140% {
+      clip-path: var(--cylinder);
+    }
+
+    160% {
+      clip-path: var(--hexagon);
+    }
+
+    180% {
+      clip-path: var(--circle);
+      rotate: 1turn;
+    }
+  }
+
+  @keyframes gradientMove {
+    0% {
+      translate: 0 0;
+    }
+
+    100% {
+      translate: -75% -75%;
+    }
+  }
+}
+
+@layer base {
+  :root {
+    --star: shape(evenodd from 50% 24.787%,
+        curve by 7.143% 18.016% with 0% 0% / 2.9725% 13.814%,
+        curve by 17.882% 7.197% with 4.171% 4.2025% / 17.882% 7.197%,
+        curve by -17.882% 8.6765% with 0% 0% / -13.711% 4.474%,
+        curve by -7.143% 16.5365% with -4.1705% 4.202% / -7.143% 16.5365%,
+        curve by -8.6115% -16.5365% with 0% 0% / -4.441% -12.3345%,
+        curve by -16.4135% -8.6765% with -4.171% -4.2025% / -16.4135% -8.6765%,
+        curve by 16.4135% -7.197% with 0% 0% / 12.2425% -2.9945%,
+        curve by 8.6115% -18.016% with 4.1705% -4.202% / 8.6115% -18.016%,
+        close);
+    --flower: shape(evenodd from 17.9665% 82.0335%,
+        curve by -12.349% -32.0335% with -13.239% -5.129% / -18.021% -15.402%,
+        curve by -0.0275% -22.203% with -3.1825% -9.331% / -3.074% -16.6605%,
+        curve by 12.3765% -9.8305% with 2.3835% -4.3365% / 6.565% -7.579%,
+        curve by 32.0335% -12.349% with 5.129% -13.239% / 15.402% -18.021%,
+        curve by 20.4535% -0.8665% with 8.3805% -2.858% / 15.1465% -3.062%,
+        curve by 11.58% 13.2155% with 5.225% 2.161% / 9.0355% 6.6475%,
+        curve by 12.349% 32.0335% with 13.239% 5.129% / 18.021% 15.402%,
+        curve by 0.5715% 21.1275% with 2.9805% 8.7395% / 3.0745% 15.723%,
+        curve by -12.9205% 10.906% with -2.26% 4.88% / -6.638% 8.472%,
+        curve by -32.0335% 12.349% with -5.129% 13.239% / -15.402% 18.021%,
+        curve by -21.1215% 0.5745% with -8.736% 2.9795% / -15.718% 3.0745%,
+        curve by -10.912% -12.9235% with -4.883% -2.2595% / -8.477% -6.6385%,
+        close);
+    --hexagon: shape(evenodd from 6.47% 67.001%,
+        curve by 0% -34.002% with -1.1735% -7.7% / -1.1735% -26.302%,
+        curve by 7.0415% -12.1965% with 0.7075% -4.641% / 3.3765% -9.2635%,
+        curve by 29.447% -17.001% with 6.0815% -4.8665% / 22.192% -14.1675%,
+        curve by 14.083% 0% with 4.3725% -1.708% / 9.7105% -1.708%,
+        curve by 29.447% 17.001% with 7.255% 2.8335% / 23.3655% 12.1345%,
+        curve by 7.0415% 12.1965% with 3.665% 2.933% / 6.334% 7.5555%,
+        curve by 0% 34.002% with 1.1735% 7.7% / 1.1735% 26.302%,
+        curve by -7.0415% 12.1965% with -0.7075% 4.641% / -3.3765% 9.2635%,
+        curve by -29.447% 17.001% with -6.0815% 4.8665% / -22.192% 14.1675%,
+        curve by -14.083% 0% with -4.3725% 1.708% / -9.7105% 1.708%,
+        curve by -29.447% -17.001% with -7.255% -2.8335% / -23.3655% -12.1345%,
+        curve by -7.0415% -12.1965% with -3.665% -2.933% / -6.334% -7.5555%,
+        close);
+    --cylinder: shape(evenodd from 10.5845% 59.7305%,
+        curve by 0% -19.461% with -0.113% -1.7525% / -0.11% -18.14%,
+        curve by 10.098% -26.213% with 0.837% -10.0375% / 3.821% -19.2625%,
+        curve by 29.3175% -13.0215% with 7.2175% -7.992% / 17.682% -13.0215%,
+        curve by 19.5845% 5.185% with 7.1265% 0% / 13.8135% 1.887%,
+        curve by 9.8595% 7.9775% with 3.7065% 2.1185% / 7.035% 4.8195%,
+        curve by 9.9715% 26.072% with 6.2015% 6.933% / 9.4345% 16.082%,
+        curve by 0% 19.461% with 0.074% 1.384% / 0.0745% 17.7715%,
+        curve by -13.0065% 29.1155% with -0.511% 11.5345% / -5.021% 21.933%,
+        curve by -26.409% 10.119% with -6.991% 6.288% / -16.254% 10.119%,
+        curve by -20.945% -5.9995% with -7.6935% 0% / -14.8755% -2.199%,
+        curve by -8.713% -7.404% with -3.255% -2.0385% / -6.1905% -4.537%,
+        curve by -9.7575% -25.831% with -6.074% -6.9035% / -9.1205% -15.963%,
+        close);
+    --circle: shape(evenodd from 13.482% 79.505%,
+        curve by -7.1945% -12.47% with -1.4985% -1.8575% / -6.328% -10.225%,
+        curve by 0.0985% -33.8965% with -4.1645% -10.7945% / -4.1685% -23.0235%,
+        curve by 6.9955% -12.101% with 1.72% -4.3825% / 4.0845% -8.458%,
+        curve by 30.125% -17.119% with 7.339% -9.1825% / 18.4775% -15.5135%,
+        curve by 13.4165% 0.095% with 4.432% -0.6105% / 8.9505% -0.5855%,
+        curve by 29.364% 16.9% with 11.6215% 1.77% / 22.102% 7.9015%,
+        curve by 7.176% 12.4145% with 3.002% 3.7195% / 5.453% 7.968%,
+        curve by -0.0475% 33.8925% with 4.168% 10.756% / 4.2305% 22.942%,
+        curve by -7.1135% 12.2825% with -1.74% 4.4535% / -4.1455% 8.592%,
+        curve by -29.404% 16.9075% with -7.202% 8.954% / -18.019% 15.137%,
+        curve by -14.19% -0.018% with -4.6635% 0.7255% / -9.4575% 0.7205%,
+        curve by -29.226% -16.8875% with -11.573% -1.8065% / -21.9955% -7.9235%,
+        close);
+    --heart: shape(evenodd from 51.311% 83.603%,
+        curve by -8.333% -20.508% with -14.104% -4.287% / -16.406% -16.185%,
+        curve by -4.271% -37.41% with -5.419% -9.658% / -6.815% -22.733%,
+        curve by 13.589% -33.586% with 3.982% -7.448% / 8.411% -15.994%,
+        curve by 28.187% -21.985% with 4.029% -4.29% / 4.029% -4.29%,
+        curve by 33.835% 0.721% with 9.618% 4.647% / 22.541% 9.618%,
+        curve by 37.596% 21.304% with 3.306% 13.266% / 7.589% 24.251%,
+        curve by 21.985% 43.613% with -4.208% 3.982% / -15.994% 8.411%,
+        curve by 0.721% 37.596% with -7.448% 4.029% / -15.994% 8.411%,
+        curve by -16.185% 28.187% with -9.658% 5.419% / -22.733% 6.815%,
+        curve by -37.41% 4.271% with -4.29% 4.029% / -4.29% 4.029%,
+        curve by -33.586% -13.589% with -7.448% 3.982% / -15.994% 8.411%,
+        curve by -28.187% -32.094% with -4.029% 4.029% / -4.029% 4.029%,
+        close);
+    --spiral: shape(evenodd from 13.347% 30.885%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        curve by -20.309% 16.907% with -7.146% -1.332% / -9.016% -2.812%,
+        curve by -25.848% -13.087% with -7.017% -7.46% / -9.941% -15.041%,
+        curve by 10.154% -25.731% with 2.473% -6.063% / 7.163% -10.656%,
+        curve by 31.473% -7.963% with 8.814% 2.403% / 13.84% 8.748%,
+        curve by 16.526% 20.487% with -4.058% 1.502% / -9.51% 3.304%,
+        curve by 5.502% 18.447% with 11.052% 5.562% / 19.995% 9.169%,
+        close);
+    --star2: shape(open from 28.947% 47.744%,
+        curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
+        curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
+        curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
+        curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
+        curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
+        curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
+        curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
+        close);
+    --sun: shape(evenodd from 12.758% 22.039%,
+        curve by 2.2585% 27.561% with 4.517% 18.961% / 2.2585% 27.561%,
+        curve by 3.187% -11.541% with 2.2585% -8.483% / 4.7615% -12.541%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        curve by 19.814% -34.731% with 0% 0% / -3.187% 11.541%,
+        curve by 33.825% -14.163% with 8.961% -7.455% / 13.585% -11.059%,
+        curve by 31.034% 31.034% with 31.034% 31.034% / 31.034% 31.034%,
+        curve by 19.814% -34.731% with 4.7615% -12.541% / 2.2585% -27.561%,
+        curve by 33.825% -14.163% with 2.2585% -8.483% / 4.517% -18.961%,
+        close);
+    --star2: shape(open from 28.947% 47.744%,
+        curve by 24.042% -2.139% with 0% 0% / -24.042% 2.139%,
+        curve by 4.208% -25.165% with 4.208% -25.165% / 4.208% -25.165%,
+        curve by 2.341% -18.447% with 0% 0% / 1.888% -1.438%,
+        curve by 32.355% 1.085% with 0% 0% / 25.984% 1.085%,
+        curve by -4.655% 25.165% with 0% 0% / -4.655% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.566% -4.208% with 0% 0% / 2.072% -1.639%,
+        curve by 30.069% 1.085% with 0% 0% / 24.156% 1.085%,
+        curve by -2.791% 25.165% with 0% 0% / -2.791% 25.165%,
+        curve by -4.208% -25.165% with -4.208% -25.165% / -4.208% -25.165%,
+        curve by 2.116% -4.208% with 0% 0% / 1.659% -1.557%,
+        close);
+    --tri-star: shape(open from 25% 25%,
+        curve by 25% 25% with 0% 0% / 25% 25%,
+        close);
+  }
+}