From cec066f2351e7d8f323763a9d1fa55ee1187fb03 Mon Sep 17 00:00:00 2001
From: cdxker <fdenzell@gmail.com>
Date: Thu, 9 Jan 2025 20:09:54 -0800
Subject: [PATCH] feature: remove content-show animation from component

---
 clients/search-component/example/src/routeTree.gen.ts  | 10 +++++-----
 clients/search-component/package.json                  |  2 +-
 .../search-component/src/TrieveModal/Chat/ChatMode.tsx |  2 +-
 .../src/TrieveModal/Search/SearchMode.tsx              |  2 +-
 clients/search-component/src/TrieveModal/index.css     |  2 +-
 server/src/public/page.html                            |  2 ++
 6 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/clients/search-component/example/src/routeTree.gen.ts b/clients/search-component/example/src/routeTree.gen.ts
index 740177945e..25f03397c1 100644
--- a/clients/search-component/example/src/routeTree.gen.ts
+++ b/clients/search-component/example/src/routeTree.gen.ts
@@ -1,12 +1,12 @@
-/* prettier-ignore-start */
-
 /* eslint-disable */
 
 // @ts-nocheck
 
 // noinspection JSUnusedGlobalSymbols
 
-// This file is auto-generated by TanStack Router
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { createFileRoute } from '@tanstack/react-router'
 
@@ -22,11 +22,13 @@ const IndexLazyImport = createFileRoute('/')()
 // Create/Update Routes
 
 const EcommerceRoute = EcommerceImport.update({
+  id: '/ecommerce',
   path: '/ecommerce',
   getParentRoute: () => rootRoute,
 } as any)
 
 const IndexLazyRoute = IndexLazyImport.update({
+  id: '/',
   path: '/',
   getParentRoute: () => rootRoute,
 } as any).lazy(() => import('./routes/index.lazy').then((d) => d.Route))
@@ -93,8 +95,6 @@ export const routeTree = rootRoute
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
 
-/* prettier-ignore-end */
-
 /* ROUTE_MANIFEST_START
 {
   "routes": {
diff --git a/clients/search-component/package.json b/clients/search-component/package.json
index 2dd095ce78..d84dac30d3 100644
--- a/clients/search-component/package.json
+++ b/clients/search-component/package.json
@@ -19,7 +19,7 @@
       "import": "./dist/vanilla/index.js"
     }
   },
-  "version": "0.3.7",
+  "version": "0.3.8",
   "license": "MIT",
   "homepage": "https://github.com/devflowinc/trieve/tree/main/clients/search-component",
   "scripts": {
diff --git a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
index 492c8f25ff..b136aede88 100644
--- a/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
+++ b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
@@ -40,7 +40,7 @@ export const ChatMode = () => {
   }, [chatInput, mode, open]);
 
   return (
-    <Suspense>
+    <Suspense fallback={<div className="suspense-fallback w-96 h-96 bg-red-500">HIIIIII</div>}>
       {props.inline && messages.length ? (
         <div className="inline-chat-header">
           <div>
diff --git a/clients/search-component/src/TrieveModal/Search/SearchMode.tsx b/clients/search-component/src/TrieveModal/Search/SearchMode.tsx
index 990d05de24..8d5426c501 100644
--- a/clients/search-component/src/TrieveModal/Search/SearchMode.tsx
+++ b/clients/search-component/src/TrieveModal/Search/SearchMode.tsx
@@ -123,7 +123,7 @@ export const SearchMode = () => {
   }, [results]);
 
   return (
-    <Suspense fallback={<div className="suspense-fallback"> </div>}>
+    <Suspense fallback={<div className="suspense-fallback w-96 h-96 bg-red-500">HIIIIII</div>}>
       <div
         className={`close-modal-button search ${props.type}`}
         onClick={() => setOpen(false)}
diff --git a/clients/search-component/src/TrieveModal/index.css b/clients/search-component/src/TrieveModal/index.css
index eda840caec..7f9156f469 100644
--- a/clients/search-component/src/TrieveModal/index.css
+++ b/clients/search-component/src/TrieveModal/index.css
@@ -23,7 +23,7 @@ body {
   }
 
   #trieve-search-modal {
-    @apply animate-contentShow scroll-smooth max-h-[60vh] w-[90vw] sm:max-w-[800px] rounded-lg focus:outline-none overflow-hidden text-base;
+    @apply scroll-smooth max-h-[60vh] w-[90vw] sm:max-w-[800px] rounded-lg focus:outline-none overflow-hidden text-base;
 
     color: var(--tv-zinc-950);
     background-color: #fff;
diff --git a/server/src/public/page.html b/server/src/public/page.html
index 25a4e5cef1..0c66c05507 100644
--- a/server/src/public/page.html
+++ b/server/src/public/page.html
@@ -49,6 +49,8 @@
       {% endif %}
     {% endif %}
 
+    <script defer data-domain="demos.trieve.ai" src="https://plausible.trieve.ai/js/script.js"></script>
+
     <script
       src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/js/all.min.js"
       data-auto-replace-svg