diff --git a/clients/search-component/example/src/routeTree.gen.ts b/clients/search-component/example/src/routeTree.gen.ts
index 740177945..25f03397c 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/src/TrieveModal/Chat/ChatMode.tsx b/clients/search-component/src/TrieveModal/Chat/ChatMode.tsx
index 492c8f25f..b136aede8 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 990d05de2..8d5426c50 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 eda840cae..7f9156f46 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 25a4e5cef..0c66c0550 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