diff --git a/starters/shopify-algolia/app/(ai-browse)/_components/ai-chat.tsx b/starters/shopify-algolia/app/(ai-browse)/_components/ai-chat.tsx
new file mode 100644
index 00000000..de48d5eb
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/_components/ai-chat.tsx
@@ -0,0 +1,116 @@
+"use client"
+
+import * as React from "react"
+import { ShoppingBag, ShoppingCart } from "lucide-react"
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "components/ui/sidebar"
+import { ScrollArea } from "components/ui/scroll-area"
+import { Textarea } from "components/ui/textarea"
+import { toast } from "sonner"
+import { cn } from "utils/cn"
+import { MessageList } from "components/ui/message-list"
+import { useAiCommerce } from "./ai-commerce-context"
+import { Suggestions } from "./chat-suggestions"
+
+export function AiCommerceSidebar() {
+  const { handleSubmit, setInput, messages, isLoading, input } = useAiCommerce()
+  const textareaRef = React.useRef<HTMLTextAreaElement>(null)
+
+  const handleSubmitForm = (e: React.FormEvent<HTMLFormElement>) => {
+    handleSubmit(e)
+  }
+
+  const handleInput = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
+    setInput(event.target.value)
+  }
+
+  const adjustHeight = () => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto"
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight + 2}px`
+    }
+  }
+
+  React.useEffect(() => {
+    if (textareaRef.current) {
+      adjustHeight()
+    }
+  }, [])
+
+  React.useEffect(() => {
+    if (textareaRef.current) {
+      const domValue = textareaRef.current.value
+      const finalValue = domValue || ""
+      setInput(finalValue)
+      adjustHeight()
+    }
+    // Only run once after hydration
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
+  return (
+    <Sidebar variant="inset">
+      <SidebarHeader className="border-b border-border px-4 py-2">
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <div className="flex w-full items-center justify-center">
+              <span className="font-semibold">AI-Commerce</span>
+            </div>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarHeader>
+      <SidebarContent>
+        <ScrollArea className="px-4">
+          <div className="flex flex-col space-y-4">
+            <MessageList
+              messages={messages}
+              showTimeStamps={false}
+              isTyping={isLoading && messages[messages.length - 1].role === "user" && messages.length > 0}
+              messageOptions={{ animation: "scale", showTimeStamp: true }}
+            />
+          </div>
+        </ScrollArea>
+      </SidebarContent>
+      <SidebarFooter className="p-4">
+        <form>
+          <div className="flex items-center space-x-2">
+            <Textarea
+              ref={textareaRef}
+              placeholder="Send a message..."
+              value={input}
+              onChange={handleInput}
+              className={cn("max-h-[calc(50dvh)] min-h-[24px] resize-none overflow-hidden rounded-xl bg-muted text-base")}
+              rows={3}
+              autoFocus
+              onKeyDown={(event) => {
+                if (event.key === "Enter" && !event.shiftKey) {
+                  event.preventDefault()
+
+                  if (isLoading) {
+                    toast.error("Please wait for the model to finish its response!")
+                  } else {
+                    handleSubmitForm(event as unknown as React.FormEvent<HTMLFormElement>)
+                  }
+                }
+              }}
+            />
+          </div>
+          <Suggestions />
+        </form>
+        <SidebarMenu className="mt-4">
+          <SidebarMenuItem>
+            <SidebarMenuButton className="w-full justify-start text-sidebar-foreground transition-all hover:scale-105 hover:bg-sidebar-accent hover:text-secondary-foreground">
+              <ShoppingCart className="mr-2 h-4 w-4" />
+              <span>View Cart</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+          <SidebarMenuItem>
+            <SidebarMenuButton className="w-full justify-start text-sidebar-foreground transition-all hover:scale-105 hover:bg-secondary hover:text-secondary-foreground">
+              <ShoppingBag className="mr-2 h-4 w-4" />
+              <span>Checkout</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarFooter>
+    </Sidebar>
+  )
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/_components/ai-commerce-context.tsx b/starters/shopify-algolia/app/(ai-browse)/_components/ai-commerce-context.tsx
new file mode 100644
index 00000000..44bb4b6c
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/_components/ai-commerce-context.tsx
@@ -0,0 +1,49 @@
+"use client"
+
+import * as React from "react"
+import type { ChatRequestOptions, CreateMessage, Message } from "ai"
+import { useChat } from "ai/react"
+
+interface AiCommerceContextType {
+  messages: Message[]
+  append: (message: Message | CreateMessage, chatRequestOptions?: ChatRequestOptions) => Promise<string | null | undefined>
+  input: string
+  isLoading: boolean
+  handleSubmit: (e?: { preventDefault: () => void }) => void
+  setInput: (value: string) => void
+}
+
+const AiCommerceContext = React.createContext<AiCommerceContextType | undefined>(undefined)
+
+export function useAiCommerce() {
+  const context = React.useContext(AiCommerceContext)
+  if (!context) {
+    throw new Error("useAiCommerce must be used within an AiCommerceProvider")
+  }
+  return context
+}
+
+interface AiCommerceProviderProps {
+  children: React.ReactNode
+}
+
+export function AiCommerceProvider({ children }: AiCommerceProviderProps) {
+  const { append, messages, input, handleSubmit, setInput, isLoading } = useChat({
+    api: "/api/search",
+    maxSteps: 10,
+  })
+
+  const value = React.useMemo(
+    () => ({
+      messages,
+      input,
+      isLoading,
+      handleSubmit,
+      setInput,
+      append,
+    }),
+    [messages, input, isLoading, handleSubmit, setInput]
+  )
+
+  return <AiCommerceContext.Provider value={value}>{children}</AiCommerceContext.Provider>
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/_components/chat-suggestions.tsx b/starters/shopify-algolia/app/(ai-browse)/_components/chat-suggestions.tsx
new file mode 100644
index 00000000..93599b65
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/_components/chat-suggestions.tsx
@@ -0,0 +1,57 @@
+import { useEffect, useState } from "react"
+import { motion } from "framer-motion"
+import { useChat } from "ai/react"
+import { toast } from "sonner"
+import { useAiCommerce } from "./ai-commerce-context"
+import { PromptSuggestion, PromptSuggestions } from "components/ui/prompt-suggestions"
+
+const INIT_SUGGESTIONS = ["Show me electronics under 250$", "Show me best-selling lips", "What are current products on sale?", "I'm looking for sportswear"]
+
+export function Suggestions() {
+  const { isLoading, append, messages } = useAiCommerce()
+  const [currentSuggestions, setCurrentSuggestions] = useState<string[]>(INIT_SUGGESTIONS)
+  const { data: streamingData, append: appendSuggestions } = useChat({
+    api: "/api/suggestions",
+  })
+
+  useEffect(() => {
+    if (!streamingData) return
+
+    const newSuggestions = streamingData.filter((message: any) => message.type === "suggestion" && message.content.content).map((message: any) => message.content.content)
+
+    if (newSuggestions.length > 0) {
+      // Start from an empty array and take up to 5 new suggestions
+      setCurrentSuggestions(newSuggestions.slice(newSuggestions.length - 5))
+    }
+  }, [streamingData])
+
+  const handleClick = (suggestion: string) => {
+    if (isLoading) {
+      toast.error("Please wait for the model to finish its response!")
+      return
+    }
+
+    append({ role: "user", content: suggestion })
+    appendSuggestions({
+      role: "user",
+      content: messages
+        .filter((message) => message.role === "user")
+        .map((message) => message.content)
+        .join(""),
+    })
+    // Clear current suggestions after clicking
+    setCurrentSuggestions([])
+  }
+
+  return (
+    <PromptSuggestions className="my-4">
+      {currentSuggestions.map((suggestion, index) => (
+        <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} exit={{ opacity: 0, y: 20 }} transition={{ delay: 0.1 * index }} key={`suggestion-${index}`}>
+          <PromptSuggestion disabled={isLoading} value={suggestion} onClick={() => handleClick(suggestion)}>
+            {suggestion}
+          </PromptSuggestion>
+        </motion.div>
+      ))}
+    </PromptSuggestions>
+  )
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/[page]/page.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/[page]/page.tsx
new file mode 100644
index 00000000..d3522fa2
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/[page]/page.tsx
@@ -0,0 +1,26 @@
+import type { Metadata } from "next"
+import { CategoryView } from "components/category/category-view"
+
+export const revalidate = 86400
+export const dynamic = "force-static"
+
+interface CategoryPageProps {
+  params: Promise<{ slug: string; page: string }>
+}
+
+export async function generateMetadata(props: CategoryPageProps): Promise<Metadata> {
+  const params = await props.params
+  return {
+    title: `${params.slug} | Enterprise Commerce`,
+    description: "In excepteur elit mollit in.",
+  }
+}
+
+export async function generateStaticParams() {
+  return []
+}
+
+export default async function CategoryPage(props: CategoryPageProps) {
+  const params = await props.params
+  return <CategoryView searchParams={{ page: params.page }} params={params} basePath="ai" />
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/page.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/page.tsx
new file mode 100644
index 00000000..45278cc2
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/category/clp/[slug]/page.tsx
@@ -0,0 +1,35 @@
+import type { Metadata } from "next"
+import { isDemoMode } from "utils/demo-utils"
+import { getCategories } from "lib/algolia"
+import { CategoryView } from "components/category/category-view"
+
+export const revalidate = 86400
+export const dynamic = "force-static"
+
+interface CategoryPageProps {
+  params: Promise<{ slug: string }>
+}
+
+export async function generateMetadata(props: CategoryPageProps): Promise<Metadata> {
+  const params = await props.params
+  return {
+    title: `${params.slug} | Enterprise Commerce`,
+    description: "In excepteur elit mollit in.",
+  }
+}
+
+export async function generateStaticParams() {
+  if (isDemoMode()) return []
+
+  const { hits } = await getCategories({
+    hitsPerPage: 50,
+    attributesToRetrieve: ["handle"],
+  })
+
+  return hits.map(({ handle }) => ({ slug: handle }))
+}
+
+export default async function CategoryPage(props: CategoryPageProps) {
+  const params = await props.params
+  return <CategoryView params={params} basePath="ai" />
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/category/plp/[slug]/page.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/category/plp/[slug]/page.tsx
new file mode 100644
index 00000000..c2ffbdf9
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/category/plp/[slug]/page.tsx
@@ -0,0 +1,26 @@
+import type { Metadata } from "next"
+import { SearchParamsType } from "types"
+import { CategoryView } from "components/category/category-view"
+
+export const runtime = "nodejs"
+
+export const revalidate = 86400
+
+interface ProductListingPageProps {
+  searchParams: Promise<SearchParamsType>
+  params: Promise<{ slug: string }>
+}
+
+export async function generateMetadata(props: ProductListingPageProps): Promise<Metadata> {
+  const params = await props.params
+  return {
+    title: `${params.slug} | Enterprise Commerce`,
+    description: "In excepteur elit mollit in.",
+  }
+}
+
+export default async function ProductListingPage(props: ProductListingPageProps) {
+  const params = await props.params
+  const searchParams = await props.searchParams
+  return <CategoryView params={params} searchParams={searchParams} basePath="ai" />
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/loading.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/loading.tsx
new file mode 100644
index 00000000..b1957dd6
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/loading.tsx
@@ -0,0 +1,5 @@
+import { PageSkeleton } from "components/product/page-skeleton"
+
+export default function Loading() {
+  return <PageSkeleton />
+}
diff --git a/starters/shopify-algolia/app/product/[slug]/metadata.ts b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/metadata.ts
similarity index 100%
rename from starters/shopify-algolia/app/product/[slug]/metadata.ts
rename to starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/metadata.ts
diff --git a/starters/shopify-algolia/app/product/[slug]/opengraph-image.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/opengraph-image.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/[slug]/opengraph-image.tsx
rename to starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/opengraph-image.tsx
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/page.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/page.tsx
new file mode 100644
index 00000000..e83b2921
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/product/[slug]/page.tsx
@@ -0,0 +1,114 @@
+import { Suspense } from "react"
+import { notFound } from "next/navigation"
+
+import { isDemoMode } from "utils/demo-utils"
+import { slugToName } from "utils/slug-name"
+import { CurrencyType, mapCurrencyToSign } from "utils/map-currency-to-sign"
+import { getCombination, getOptionsFromUrl, hasValidOption, removeOptionsFromUrl } from "utils/product-options-utils"
+
+import { Breadcrumbs } from "components/breadcrumbs"
+
+import { FavoriteMarker } from "components/product/favorite-marker"
+import { SimilarProductsSection } from "components/product/similar-products-section"
+import { SimilarProductsSectionSkeleton } from "components/product/similar-product-section-skeleton"
+import { VariantsSection } from "components/product/variants-section"
+import { ProductTitle } from "components/product/product-title"
+import { ProductImages } from "components/product/product-images"
+import { RightSection } from "components/product/right-section"
+import { FaqSection } from "components/product/faq-section"
+import { AddToCartButton } from "components/product/add-to-cart-button"
+import { ReviewsSection } from "components/product/reviews-section"
+
+import type { CommerceProduct } from "types"
+
+import { generateJsonLd } from "./metadata"
+import { getProduct, getProducts } from "lib/algolia"
+
+export const revalidate = 86400
+export const dynamic = "force-static"
+export const dynamicParams = true
+
+interface ProductProps {
+  params: Promise<{ slug: string }>
+}
+
+export async function generateStaticParams() {
+  if (isDemoMode()) return []
+
+  const { hits } = await getProducts({
+    hitsPerPage: 50,
+    attributesToRetrieve: ["handle"],
+  })
+
+  return hits.map(({ handle }) => ({ slug: handle }))
+}
+
+export default async function Product(props: ProductProps) {
+  const params = await props.params
+
+  const { slug } = params
+
+  const product = await getProduct(removeOptionsFromUrl(slug))
+
+  const { color } = getOptionsFromUrl(slug)
+  const hasInvalidOptions = !hasValidOption(product?.variants, "color", color)
+
+  if (!product || hasInvalidOptions) {
+    return notFound()
+  }
+
+  const combination = getCombination(product, color)
+  const hasOnlyOneVariant = product.variants.length <= 1
+  const combinationPrice = combination?.price?.amount || null
+
+  return (
+    <div className="relative mx-auto max-w-container-md px-4 xl:px-0">
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(generateJsonLd(product, slug)) }}></script>
+      <div className="mb:pb-8 relative flex w-full items-center justify-center gap-10 py-4 md:pt-12">
+        <div className="mx-auto w-full max-w-container-sm">
+          <Breadcrumbs className="mb-8" items={makeBreadcrumbs(product)} />
+        </div>
+      </div>
+      <main className="mx-auto max-w-container-sm">
+        <div className="grid grid-cols-1 gap-4 md:mx-auto md:max-w-screen-xl md:grid-cols-12 md:gap-8">
+          <ProductTitle
+            className="md:hidden"
+            title={product.title}
+            price={combinationPrice}
+            currency={combination?.price ? mapCurrencyToSign(combination.price?.currencyCode as CurrencyType) : "$"}
+          />
+          <ProductImages images={product.images} />
+          <RightSection className="md:col-span-6 md:col-start-8 md:mt-0">
+            <ProductTitle
+              className="hidden md:col-span-4 md:col-start-9 md:block"
+              title={product.title}
+              price={combinationPrice}
+              currency={combination?.price ? mapCurrencyToSign(combination.price?.currencyCode as CurrencyType) : "$"}
+            />
+            {!hasOnlyOneVariant && <VariantsSection variants={product.variants} handle={product.handle} combination={combination} />}
+            <p>{product.description}</p>
+            <AddToCartButton className="mt-4" product={product} combination={combination} />
+            <FavoriteMarker handle={product.handle} />
+            <FaqSection />
+          </RightSection>
+        </div>
+        <Suspense>
+          <ReviewsSection avgRating={product.avgRating} productHandle={product.handle} productId={product.id} slug={slug} summary={product.reviewsSummary} />
+        </Suspense>
+        <Suspense fallback={<SimilarProductsSectionSkeleton />}>
+          <SimilarProductsSection basePath="ai" objectID={product.objectID} slug={slug} />
+        </Suspense>
+      </main>
+    </div>
+  )
+}
+
+function makeBreadcrumbs(product: CommerceProduct) {
+  const lastCollection = product.collections?.findLast(Boolean)
+
+  return {
+    Home: "/",
+    [lastCollection?.handle ? slugToName(lastCollection?.handle) : "Products"]: lastCollection?.handle ? `/ai/category/${lastCollection.handle}` : "/ai/search",
+    [product.title]: "",
+  }
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/ai/search/page.tsx b/starters/shopify-algolia/app/(ai-browse)/ai/search/page.tsx
new file mode 100644
index 00000000..0c1fcb1e
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/ai/search/page.tsx
@@ -0,0 +1,14 @@
+import { Suspense } from "react"
+import { PageSkeleton } from "components/product/page-skeleton"
+import type { SearchParamsType } from "types"
+import { SearchView } from "components/search-view"
+
+export default async function AiSearchPage(props: { searchParams: Promise<SearchParamsType> }) {
+  const searchParams = await props.searchParams
+
+  return (
+    <Suspense fallback={<PageSkeleton />}>
+      <SearchView searchParams={searchParams} basePath="ai" />
+    </Suspense>
+  )
+}
diff --git a/starters/shopify-algolia/app/(ai-browse)/layout.tsx b/starters/shopify-algolia/app/(ai-browse)/layout.tsx
new file mode 100644
index 00000000..80e746ed
--- /dev/null
+++ b/starters/shopify-algolia/app/(ai-browse)/layout.tsx
@@ -0,0 +1,68 @@
+import "../globals.css"
+
+import Script from "next/script"
+import { Suspense } from "react"
+import { Toaster } from "sonner"
+import { FlagValues } from "components/flag-values"
+import { ThirdParties } from "components/third-parties"
+import { GithubBadge } from "components/github-badge"
+import { DemoModeAlert } from "components/demo-mode-alert"
+import { CartView } from "components/cart/cart-view"
+import { NavigationBar } from "components/navigation-bar/navigation-bar"
+import { mobileInlineScript } from "components/navigation-bar/mobile-inline-script"
+import { Footer } from "components/footer"
+import { Modals } from "components/modals/modals"
+import DraftToolbar from "components/draft-toolbar"
+import { SidebarInset, SidebarProvider } from "components/ui/sidebar"
+import { AiCommerceSidebar } from "./_components/ai-chat"
+import { navigationItems } from "utils/nav-items"
+import { AiCommerceProvider } from "./_components/ai-commerce-context"
+
+export default function AiSearchLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <Script id="mobileMegaMenuLogic" strategy="lazyOnload">
+          {`${mobileInlineScript}`}
+        </Script>
+
+        <AiCommerceProvider>
+          <SidebarProvider
+            style={
+              {
+                "--sidebar-width": "20rem",
+                "--sidebar-width-mobile": "20rem",
+              } as React.CSSProperties
+            }
+          >
+            <Suspense>
+              <AiCommerceSidebar />
+            </Suspense>
+            <SidebarInset>
+              <NavigationBar items={navigationItems} />
+              {children}
+
+              <Footer />
+              <Modals />
+
+              <CartView />
+
+              <Toaster position="bottom-left" />
+
+              <DraftToolbar />
+
+              <Suspense>
+                <FlagValues />
+              </Suspense>
+
+              <ThirdParties />
+
+              <GithubBadge />
+              <DemoModeAlert />
+            </SidebarInset>
+          </SidebarProvider>
+        </AiCommerceProvider>
+      </body>
+    </html>
+  )
+}
diff --git a/starters/shopify-algolia/app/category/clp/[slug]/[page]/page.tsx b/starters/shopify-algolia/app/(browse)/category/clp/[slug]/[page]/page.tsx
similarity index 80%
rename from starters/shopify-algolia/app/category/clp/[slug]/[page]/page.tsx
rename to starters/shopify-algolia/app/(browse)/category/clp/[slug]/[page]/page.tsx
index 37186872..b2be2eb9 100644
--- a/starters/shopify-algolia/app/category/clp/[slug]/[page]/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/category/clp/[slug]/[page]/page.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from "next"
-import { CategoryView } from "app/category/_components/category-view"
+import { CategoryView } from "components/category/category-view"
 
 export const revalidate = 86400
 export const dynamic = "force-static"
@@ -9,7 +9,7 @@ interface CategoryPageProps {
 }
 
 export async function generateMetadata(props: CategoryPageProps): Promise<Metadata> {
-  const params = await props.params;
+  const params = await props.params
   return {
     title: `${params.slug} | Enterprise Commerce`,
     description: "In excepteur elit mollit in.",
@@ -21,6 +21,6 @@ export async function generateStaticParams() {
 }
 
 export default async function CategoryPage(props: CategoryPageProps) {
-  const params = await props.params;
+  const params = await props.params
   return <CategoryView searchParams={{ page: params.page }} params={params} />
 }
diff --git a/starters/shopify-algolia/app/category/clp/[slug]/page.tsx b/starters/shopify-algolia/app/(browse)/category/clp/[slug]/page.tsx
similarity index 85%
rename from starters/shopify-algolia/app/category/clp/[slug]/page.tsx
rename to starters/shopify-algolia/app/(browse)/category/clp/[slug]/page.tsx
index 1129c310..2d273ee7 100644
--- a/starters/shopify-algolia/app/category/clp/[slug]/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/category/clp/[slug]/page.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from "next"
 import { isDemoMode } from "utils/demo-utils"
 import { getCategories } from "lib/algolia"
-import { CategoryView } from "app/category/_components/category-view"
+import { CategoryView } from "components/category/category-view"
 
 export const revalidate = 86400
 export const dynamic = "force-static"
@@ -11,7 +11,7 @@ interface CategoryPageProps {
 }
 
 export async function generateMetadata(props: CategoryPageProps): Promise<Metadata> {
-  const params = await props.params;
+  const params = await props.params
   return {
     title: `${params.slug} | Enterprise Commerce`,
     description: "In excepteur elit mollit in.",
@@ -30,6 +30,6 @@ export async function generateStaticParams() {
 }
 
 export default async function CategoryPage(props: CategoryPageProps) {
-  const params = await props.params;
+  const params = await props.params
   return <CategoryView params={params} />
 }
diff --git a/starters/shopify-algolia/app/category/plp/[slug]/page.tsx b/starters/shopify-algolia/app/(browse)/category/plp/[slug]/page.tsx
similarity index 76%
rename from starters/shopify-algolia/app/category/plp/[slug]/page.tsx
rename to starters/shopify-algolia/app/(browse)/category/plp/[slug]/page.tsx
index ccd7edce..2aad804c 100644
--- a/starters/shopify-algolia/app/category/plp/[slug]/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/category/plp/[slug]/page.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from "next"
 import { SearchParamsType } from "types"
-import { CategoryView } from "app/category/_components/category-view"
+import { CategoryView } from "components/category/category-view"
 
 export const runtime = "nodejs"
 
@@ -12,7 +12,7 @@ interface ProductListingPageProps {
 }
 
 export async function generateMetadata(props: ProductListingPageProps): Promise<Metadata> {
-  const params = await props.params;
+  const params = await props.params
   return {
     title: `${params.slug} | Enterprise Commerce`,
     description: "In excepteur elit mollit in.",
@@ -20,7 +20,7 @@ export async function generateMetadata(props: ProductListingPageProps): Promise<
 }
 
 export default async function ProductListingPage(props: ProductListingPageProps) {
-  const params = await props.params;
-  const searchParams = await props.searchParams;
+  const params = await props.params
+  const searchParams = await props.searchParams
   return <CategoryView params={params} searchParams={searchParams} />
 }
diff --git a/starters/shopify-algolia/app/error.tsx b/starters/shopify-algolia/app/(browse)/error.tsx
similarity index 100%
rename from starters/shopify-algolia/app/error.tsx
rename to starters/shopify-algolia/app/(browse)/error.tsx
diff --git a/starters/shopify-algolia/app/favorites/page.tsx b/starters/shopify-algolia/app/(browse)/favorites/page.tsx
similarity index 100%
rename from starters/shopify-algolia/app/favorites/page.tsx
rename to starters/shopify-algolia/app/(browse)/favorites/page.tsx
diff --git a/starters/shopify-algolia/app/global-error.tsx b/starters/shopify-algolia/app/(browse)/global-error.tsx
similarity index 100%
rename from starters/shopify-algolia/app/global-error.tsx
rename to starters/shopify-algolia/app/(browse)/global-error.tsx
diff --git a/starters/shopify-algolia/app/home/[bucket]/page.tsx b/starters/shopify-algolia/app/(browse)/home/[bucket]/page.tsx
similarity index 68%
rename from starters/shopify-algolia/app/home/[bucket]/page.tsx
rename to starters/shopify-algolia/app/(browse)/home/[bucket]/page.tsx
index 36f21fb4..7034985a 100644
--- a/starters/shopify-algolia/app/home/[bucket]/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/home/[bucket]/page.tsx
@@ -1,8 +1,8 @@
 import { BUCKETS } from "constants/index"
-import { AnnouncementBar } from "app/home/_components/announcement-bar"
-import { HeroSection } from "app/home/_components/hero-section"
-import { CategoriesSection } from "app/home/_components/categories-section"
-import { FeaturedProductsSection } from "app/home/_components/featured-products-section"
+import { AnnouncementBar } from "app/(browse)/home/_components/announcement-bar"
+import { HeroSection } from "app/(browse)/home/_components/hero-section"
+import { CategoriesSection } from "app/(browse)/home/_components/categories-section"
+import { FeaturedProductsSection } from "app/(browse)/home/_components/featured-products-section"
 import { getFeaturedProducts } from "lib/algolia"
 
 export const revalidate = 86400
@@ -12,11 +12,9 @@ export const dynamic = "force-static"
 export const dynamicParams = true
 
 export default async function Homepage(props: { params: Promise<{ bucket: string }> }) {
-  const params = await props.params;
+  const params = await props.params
 
-  const {
-    bucket
-  } = params;
+  const { bucket } = params
 
   const heroTitles = {
     a: "Discover Your Next Favorite Thing",
diff --git a/starters/shopify-algolia/app/home/_components/announcement-bar.tsx b/starters/shopify-algolia/app/(browse)/home/_components/announcement-bar.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/announcement-bar.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/announcement-bar.tsx
diff --git a/starters/shopify-algolia/app/home/_components/carousel-section.tsx b/starters/shopify-algolia/app/(browse)/home/_components/carousel-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/carousel-section.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/carousel-section.tsx
diff --git a/starters/shopify-algolia/app/home/_components/categories-section.tsx b/starters/shopify-algolia/app/(browse)/home/_components/categories-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/categories-section.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/categories-section.tsx
diff --git a/starters/shopify-algolia/app/home/_components/featured-products-section.tsx b/starters/shopify-algolia/app/(browse)/home/_components/featured-products-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/featured-products-section.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/featured-products-section.tsx
diff --git a/starters/shopify-algolia/app/home/_components/hero-section.tsx b/starters/shopify-algolia/app/(browse)/home/_components/hero-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/hero-section.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/hero-section.tsx
diff --git a/starters/shopify-algolia/app/home/_components/products-week-section.tsx b/starters/shopify-algolia/app/(browse)/home/_components/products-week-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/home/_components/products-week-section.tsx
rename to starters/shopify-algolia/app/(browse)/home/_components/products-week-section.tsx
diff --git a/starters/shopify-algolia/app/(browse)/layout.tsx b/starters/shopify-algolia/app/(browse)/layout.tsx
new file mode 100644
index 00000000..e70ce1ac
--- /dev/null
+++ b/starters/shopify-algolia/app/(browse)/layout.tsx
@@ -0,0 +1,76 @@
+import "../globals.css"
+
+import Script from "next/script"
+import { Suspense } from "react"
+import { Toaster } from "sonner"
+import { FlagValues } from "components/flag-values"
+import { ThirdParties } from "components/third-parties"
+import { env } from "env.mjs"
+import { Metadata } from "next"
+import { GithubBadge } from "components/github-badge"
+import { DemoModeAlert } from "components/demo-mode-alert"
+import { CartView } from "components/cart/cart-view"
+import { NavigationBar } from "components/navigation-bar/navigation-bar"
+import { mobileInlineScript } from "components/navigation-bar/mobile-inline-script"
+import { Footer } from "components/footer"
+import { Modals } from "components/modals/modals"
+import DraftToolbar from "components/draft-toolbar"
+import { navigationItems } from "utils/nav-items"
+
+export const revalidate = 86400
+
+export const metadata: Metadata = {
+  title: "Next.js Enterprise Commerce | Blazity",
+  description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
+  metadataBase: new URL(env.LIVE_URL!),
+  openGraph: {
+    title: "Next.js Enterprise Commerce | Blazity",
+    description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
+    images: ["/opengraph-image.jpg"],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Next.js Enterprise Commerce | Blazity",
+    description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
+    creator: "@blazity",
+    images: ["/opengraph-image.jpg"],
+  },
+  verification: {
+    google: "google",
+    yandex: "yandex",
+    yahoo: "yahoo",
+  },
+  generator: "Next.js",
+  applicationName: "Next.js",
+}
+
+export default async function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <Script id="mobileMegaMenuLogic" strategy="lazyOnload">{`${mobileInlineScript}`}</Script>
+
+        <NavigationBar items={navigationItems} />
+        {children}
+
+        <Footer />
+        <Modals />
+
+        <CartView />
+
+        <Toaster position="bottom-left" />
+
+        <DraftToolbar />
+
+        <Suspense>
+          <FlagValues />
+        </Suspense>
+
+        <ThirdParties />
+
+        <GithubBadge />
+        <DemoModeAlert />
+      </body>
+    </html>
+  )
+}
diff --git a/starters/shopify-algolia/app/not-found.tsx b/starters/shopify-algolia/app/(browse)/not-found.tsx
similarity index 100%
rename from starters/shopify-algolia/app/not-found.tsx
rename to starters/shopify-algolia/app/(browse)/not-found.tsx
diff --git a/starters/shopify-algolia/app/pages/[slug]/metadata.ts b/starters/shopify-algolia/app/(browse)/pages/[slug]/metadata.ts
similarity index 100%
rename from starters/shopify-algolia/app/pages/[slug]/metadata.ts
rename to starters/shopify-algolia/app/(browse)/pages/[slug]/metadata.ts
diff --git a/starters/shopify-algolia/app/pages/[slug]/page.tsx b/starters/shopify-algolia/app/(browse)/pages/[slug]/page.tsx
similarity index 100%
rename from starters/shopify-algolia/app/pages/[slug]/page.tsx
rename to starters/shopify-algolia/app/(browse)/pages/[slug]/page.tsx
diff --git a/starters/shopify-algolia/app/product/[slug]/draft/page.tsx b/starters/shopify-algolia/app/(browse)/product/[slug]/draft/page.tsx
similarity index 81%
rename from starters/shopify-algolia/app/product/[slug]/draft/page.tsx
rename to starters/shopify-algolia/app/(browse)/product/[slug]/draft/page.tsx
index befb35b9..a2120775 100644
--- a/starters/shopify-algolia/app/product/[slug]/draft/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/product/[slug]/draft/page.tsx
@@ -8,15 +8,14 @@ import { getAdminProduct, getProductByHandle } from "lib/shopify"
 import type { PlatformProduct } from "lib/shopify/types"
 
 import { getCombination, getOptionsFromUrl, hasValidOption, removeOptionsFromUrl } from "utils/product-options-utils"
-import { BackButton } from "components/back-button"
-import { VariantsSection } from "app/product/_components/variants-section"
-import { ProductTitle } from "app/product/_components/product-title"
+import { VariantsSection } from "components/product/variants-section"
+import { ProductTitle } from "components/product/product-title"
 import { CurrencyType, mapCurrencyToSign } from "utils/map-currency-to-sign"
-import { ProductImages } from "app/product/_components/product-images"
-import { RightSection } from "app/product/_components/right-section"
-import { AddToCartButton } from "app/product/_components/add-to-cart-button"
-import { FavoriteMarker } from "app/product/_components/favorite-marker"
-import { FaqSection } from "app/product/_components/faq-section"
+import { ProductImages } from "components/product/product-images"
+import { RightSection } from "components/product/right-section"
+import { AddToCartButton } from "components/product/add-to-cart-button"
+import { FavoriteMarker } from "components/product/favorite-marker"
+import { FaqSection } from "components/product/faq-section"
 
 import { slugToName } from "utils/slug-name"
 
@@ -31,11 +30,9 @@ interface ProductProps {
 }
 
 export default async function Product(props: ProductProps) {
-  const params = await props.params;
+  const params = await props.params
 
-  const {
-    slug
-  } = params;
+  const { slug } = params
 
   return <ProductView slug={slug} />
 }
@@ -59,9 +56,6 @@ async function ProductView({ slug }: { slug: string }) {
 
   return (
     <div className="relative mx-auto max-w-container-md px-4 xl:px-0">
-      <div className="mb:pb-8 relative w-fit py-4 md:pt-12">
-        <BackButton className="mb-8 hidden md:block" />
-      </div>
       <main className="mx-auto max-w-container-sm">
         <Breadcrumbs className="mb-8" items={makeBreadcrumbs(product)} />
         <div className="grid grid-cols-1 gap-4 md:mx-auto md:max-w-screen-xl md:grid-cols-12 md:gap-8">
diff --git a/starters/shopify-algolia/app/(browse)/product/[slug]/loading.tsx b/starters/shopify-algolia/app/(browse)/product/[slug]/loading.tsx
new file mode 100644
index 00000000..b1957dd6
--- /dev/null
+++ b/starters/shopify-algolia/app/(browse)/product/[slug]/loading.tsx
@@ -0,0 +1,5 @@
+import { PageSkeleton } from "components/product/page-skeleton"
+
+export default function Loading() {
+  return <PageSkeleton />
+}
diff --git a/starters/shopify-algolia/app/(browse)/product/[slug]/metadata.ts b/starters/shopify-algolia/app/(browse)/product/[slug]/metadata.ts
new file mode 100644
index 00000000..de8c1336
--- /dev/null
+++ b/starters/shopify-algolia/app/(browse)/product/[slug]/metadata.ts
@@ -0,0 +1,69 @@
+import { getProduct } from "lib/algolia"
+import { env } from "env.mjs"
+import { Metadata } from "next"
+import { Product, WithContext } from "schema-dts"
+import type { CommerceProduct } from "types"
+import { makeKeywords } from "utils/make-keywords"
+import { removeOptionsFromUrl } from "utils/product-options-utils"
+import { slugToName } from "utils/slug-name"
+
+interface ProductProps {
+  params: { slug: string }
+}
+
+export async function generateMetadata({ params: { slug } }: ProductProps): Promise<Metadata> {
+  const product = await getProduct(removeOptionsFromUrl(slug))
+
+  const originalDescription = product?.seo?.description
+  const originalTitle = product?.seo?.title
+  const keywords = makeKeywords(product?.title)
+  const lastCollection = product?.collections?.findLast(Boolean)
+
+  return {
+    metadataBase: new URL(env.LIVE_URL!),
+    title: `${originalTitle || product?.title} | Blazity`,
+    description: originalDescription || product?.description,
+    generator: "Next.js",
+    applicationName: "Next.js",
+    referrer: "origin-when-cross-origin",
+    keywords: keywords,
+    category: lastCollection ? slugToName(lastCollection.handle) : "Search",
+    creator: "Blazity",
+    alternates: {
+      canonical: `/product/${slug}`,
+    },
+    publisher: "Blazity",
+  }
+}
+
+export function generateJsonLd(product: CommerceProduct, slug: string) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "Product",
+    name: product.title,
+    description: product.description,
+    image: product.images.map((image) => image.url),
+    ...(product.vendor && {
+      brand: {
+        "@type": "Brand",
+        name: product.vendor,
+      },
+    }),
+    hasMerchantReturnPolicy: {
+      "@type": "MerchantReturnPolicy",
+      applicableCountry: "US",
+      returnPolicyCategory: "https://schema.org/MerchantReturnFiniteReturnWindow",
+      merchantReturnDays: 30,
+      returnMethod: "https://schema.org/ReturnByMail",
+      returnFees: "https://schema.org/FreeReturn",
+    },
+    offers: {
+      "@type": "Offer",
+      url: `${env.LIVE_URL}/product/${slug}`,
+      itemCondition: "https://schema.org/NewCondition",
+      availability: "https://schema.org/InStock",
+      price: product.priceRange.minVariantPrice.amount,
+      priceCurrency: product.priceRange.minVariantPrice.currencyCode,
+    },
+  } satisfies WithContext<Product>
+}
diff --git a/starters/shopify-algolia/app/(browse)/product/[slug]/opengraph-image.tsx b/starters/shopify-algolia/app/(browse)/product/[slug]/opengraph-image.tsx
new file mode 100644
index 00000000..af295ae3
--- /dev/null
+++ b/starters/shopify-algolia/app/(browse)/product/[slug]/opengraph-image.tsx
@@ -0,0 +1,131 @@
+/* eslint-disable @next/next/no-img-element */
+/* eslint-disable jsx-a11y/alt-text */
+
+import { ImageResponse } from "next/og"
+import { removeOptionsFromUrl } from "utils/product-options-utils"
+import { env } from "env.mjs"
+import { getProduct } from "lib/algolia"
+
+export const revalidate = 86400
+
+export const dynamic = "force-static"
+
+export const size = {
+  width: 1200,
+  height: 630,
+}
+
+export const contentType = "image/png"
+
+export default async function Image({ params: { slug } }: { params: { slug: string } }) {
+  const interRegular = fetch(new URL(`${env.LIVE_URL}/fonts/Inter-Regular.ttf`)).then((res) => res.arrayBuffer())
+  const interBold = fetch(new URL(`${env.LIVE_URL}/fonts/Inter-Bold.ttf`)).then((res) => res.arrayBuffer())
+
+  const product = await getProduct(removeOptionsFromUrl(slug))
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          border: "10px solid black",
+          display: "flex",
+          height: "100%",
+          width: "100%",
+          fontWeight: 400,
+          background: "white",
+        }}
+      >
+        <div
+          style={{
+            left: 120,
+            top: 40,
+            position: "absolute",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "380px",
+            height: "430px",
+            backgroundColor: "#eaeaea",
+          }}
+        >
+          <img src={product?.featuredImage?.url} width={280} height={280} style={{ objectFit: "contain" }} />
+        </div>
+        <div
+          style={{
+            left: 120,
+            top: 490,
+            position: "absolute",
+            display: "flex",
+            width: "380px",
+            height: "80px",
+          }}
+        >
+          {product?.images
+            ?.slice(0, 4)
+            ?.map((image, idx) => (
+              <img
+                key={idx}
+                style={{ marginLeft: idx !== 0 ? "10px" : "0px", backgroundColor: "#eaeaea", border: "1px solid black", padding: "5px" }}
+                src={image.url}
+                width={85}
+                height={80}
+              />
+            ))}
+        </div>
+
+        <div
+          style={{
+            height: "145px",
+            overflow: "hidden",
+            maxWidth: "450px",
+            fontWeight: 400,
+            fontSize: "48px",
+            lineHeight: 1,
+            position: "absolute",
+            left: 600,
+            top: 40,
+            letterSpacing: "-0.05em",
+          }}
+        >
+          {product?.title}
+        </div>
+
+        <div
+          style={{
+            height: "180px",
+            overflow: "hidden",
+            maxWidth: "500px",
+            fontWeight: 400,
+            fontSize: "21px",
+            position: "absolute",
+            left: 600,
+            color: "#565656",
+            top: 230,
+          }}
+        >
+          {product?.description}
+        </div>
+        <div style={{ fontSize: "70px", fontWeight: 900, lineHeight: 1, position: "absolute", left: 600, bottom: 60, textAlign: "left", letterSpacing: "-0.05em" }}>
+          {product?.priceRange.minVariantPrice.amount + " " + product?.priceRange.minVariantPrice.currencyCode}
+        </div>
+      </div>
+    ),
+    {
+      ...size,
+      fonts: [
+        {
+          name: "Inter",
+          data: await interRegular,
+          style: "normal",
+          weight: 400,
+        },
+        {
+          name: "Inter",
+          data: await interBold,
+          style: "normal",
+          weight: 900,
+        },
+      ],
+    }
+  )
+}
diff --git a/starters/shopify-algolia/app/product/[slug]/page.tsx b/starters/shopify-algolia/app/(browse)/product/[slug]/page.tsx
similarity index 79%
rename from starters/shopify-algolia/app/product/[slug]/page.tsx
rename to starters/shopify-algolia/app/(browse)/product/[slug]/page.tsx
index 4a1acdc9..c879773f 100644
--- a/starters/shopify-algolia/app/product/[slug]/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/product/[slug]/page.tsx
@@ -8,17 +8,16 @@ import { getCombination, getOptionsFromUrl, hasValidOption, removeOptionsFromUrl
 
 import { Breadcrumbs } from "components/breadcrumbs"
 
-import { BackButton } from "components/back-button"
-import { FavoriteMarker } from "app/product/_components/favorite-marker"
-import { SimilarProductsSection } from "app/product/_components/similar-products-section"
-import { SimilarProductsSectionSkeleton } from "app/product/_components/similar-product-section-skeleton"
-import { VariantsSection } from "app/product/_components/variants-section"
-import { ProductTitle } from "app/product/_components/product-title"
-import { ProductImages } from "app/product/_components/product-images"
-import { RightSection } from "app/product/_components/right-section"
-import { FaqSection } from "app/product/_components/faq-section"
-import { AddToCartButton } from "app/product/_components/add-to-cart-button"
-import { ReviewsSection } from "app/product/_components/reviews-section"
+import { FavoriteMarker } from "components/product/favorite-marker"
+import { SimilarProductsSection } from "components/product/similar-products-section"
+import { SimilarProductsSectionSkeleton } from "components/product/similar-product-section-skeleton"
+import { VariantsSection } from "components/product/variants-section"
+import { ProductTitle } from "components/product/product-title"
+import { ProductImages } from "components/product/product-images"
+import { RightSection } from "components/product/right-section"
+import { FaqSection } from "components/product/faq-section"
+import { AddToCartButton } from "components/product/add-to-cart-button"
+import { ReviewsSection } from "components/product/reviews-section"
 
 import type { CommerceProduct } from "types"
 
@@ -45,11 +44,9 @@ export async function generateStaticParams() {
 }
 
 export default async function Product(props: ProductProps) {
-  const params = await props.params;
+  const params = await props.params
 
-  const {
-    slug
-  } = params;
+  const { slug } = params
 
   const product = await getProduct(removeOptionsFromUrl(slug))
 
@@ -61,7 +58,6 @@ export default async function Product(props: ProductProps) {
   }
 
   const combination = getCombination(product, color)
-  const lastCollection = product?.collections?.findLast(Boolean)
   const hasOnlyOneVariant = product.variants.length <= 1
   const combinationPrice = combination?.price?.amount || null
 
@@ -69,7 +65,6 @@ export default async function Product(props: ProductProps) {
     <div className="relative mx-auto max-w-container-md px-4 xl:px-0">
       <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(generateJsonLd(product, slug)) }}></script>
       <div className="mb:pb-8 relative flex w-full items-center justify-center gap-10 py-4 md:pt-12">
-        <BackButton className="left-2 mb-8 hidden md:block xl:absolute" />
         <div className="mx-auto w-full max-w-container-sm">
           <Breadcrumbs className="mb-8" items={makeBreadcrumbs(product)} />
         </div>
diff --git a/starters/shopify-algolia/app/reviews/[slug]/metadata.ts b/starters/shopify-algolia/app/(browse)/reviews/[slug]/metadata.ts
similarity index 100%
rename from starters/shopify-algolia/app/reviews/[slug]/metadata.ts
rename to starters/shopify-algolia/app/(browse)/reviews/[slug]/metadata.ts
diff --git a/starters/shopify-algolia/app/reviews/[slug]/page.tsx b/starters/shopify-algolia/app/(browse)/reviews/[slug]/page.tsx
similarity index 100%
rename from starters/shopify-algolia/app/reviews/[slug]/page.tsx
rename to starters/shopify-algolia/app/(browse)/reviews/[slug]/page.tsx
diff --git a/starters/shopify-algolia/app/search/opengraph-image.tsx b/starters/shopify-algolia/app/(browse)/search/opengraph-image.tsx
similarity index 100%
rename from starters/shopify-algolia/app/search/opengraph-image.tsx
rename to starters/shopify-algolia/app/(browse)/search/opengraph-image.tsx
diff --git a/starters/shopify-algolia/app/search/page.tsx b/starters/shopify-algolia/app/(browse)/search/page.tsx
similarity index 77%
rename from starters/shopify-algolia/app/search/page.tsx
rename to starters/shopify-algolia/app/(browse)/search/page.tsx
index 02646427..bf7e3e38 100644
--- a/starters/shopify-algolia/app/search/page.tsx
+++ b/starters/shopify-algolia/app/(browse)/search/page.tsx
@@ -1,12 +1,12 @@
 import type { Metadata } from "next"
 import { Suspense } from "react"
 import type { SearchParamsType } from "types"
-import { PageSkeleton } from "app/category/_components/page-skeleton"
+import { PageSkeleton } from "components/category/page-skeleton"
 import { SearchView } from "components/search-view"
 
 export const metadata: Metadata = {
   title: "Search | Enterprise Commerce",
-  description: "In excepteur elit mollit in.",
+  description: "Search for products in our store.",
 }
 
 export const revalidate = 86400
@@ -18,7 +18,8 @@ interface SearchPageProps {
 }
 
 export default async function SearchPage(props: SearchPageProps) {
-  const searchParams = await props.searchParams;
+  const searchParams = await props.searchParams
+
   return (
     <Suspense fallback={<PageSkeleton />}>
       <SearchView searchParams={searchParams} />
diff --git a/starters/shopify-algolia/app/api/search/route.ts b/starters/shopify-algolia/app/api/search/route.ts
new file mode 100644
index 00000000..8498847a
--- /dev/null
+++ b/starters/shopify-algolia/app/api/search/route.ts
@@ -0,0 +1,25 @@
+import { openai } from "@ai-sdk/openai"
+import { type Message, convertToCoreMessages, streamText } from "ai"
+import { systemPrompt } from "lib/ai/prompts"
+import { tools } from "lib/ai/tools"
+
+export async function POST(request: Request) {
+  const { messages } = (await request.json()) as { id: string; messages: Array<Message>; modelId: string }
+
+  const coreMessages = convertToCoreMessages(messages)
+
+  try {
+    const result = streamText({
+      model: openai("gpt-4o"),
+      system: systemPrompt,
+      messages: coreMessages,
+      maxSteps: 10,
+      abortSignal: request.signal,
+      tools,
+    })
+
+    return result.toDataStreamResponse()
+  } catch (error) {
+    console.error(error)
+  }
+}
diff --git a/starters/shopify-algolia/app/api/suggestions/route.ts b/starters/shopify-algolia/app/api/suggestions/route.ts
new file mode 100644
index 00000000..ab4b6bd1
--- /dev/null
+++ b/starters/shopify-algolia/app/api/suggestions/route.ts
@@ -0,0 +1,44 @@
+import { openai } from "@ai-sdk/openai"
+import { type Message, convertToCoreMessages, streamText, StreamData } from "ai"
+import { z } from "zod"
+
+export const maxDuration = 30
+
+export async function POST(request: Request) {
+  const { messages } = (await request.json()) as { id: string; messages: Array<Message>; modelId: string }
+
+  const coreMessages = convertToCoreMessages(messages)
+
+  const streamingData = new StreamData()
+
+  const result = streamText({
+    model: openai("gpt-4-turbo"),
+    system: prompt,
+    messages: coreMessages,
+    maxSteps: 5,
+    tools: {
+      createSuggestions: {
+        description: "Create a list of suggestions for the user to explore products.",
+        parameters: z.object({}),
+      },
+    },
+    onFinish: () => {
+      streamingData.close()
+    },
+  })
+
+  return result.toDataStreamResponse({
+    data: streamingData,
+  })
+}
+
+const prompt = `
+You are a shopping assistant for an e-commerce store, designed to enhance the browsing experience by providing helpful query suggestions. Based on the current conversation context, your primary goal is to suggest relevant next steps or queries in the form of clickable boxes. These suggestions should encourage the user to explore products effortlessly and lead them toward making a purchase.
+
+Focus on the following objectives:
+	1.	Ensure suggestions are contextually relevant to the conversation.
+	2.	Present concise, actionable query suggestions.
+	3.	Encourage product discovery while guiding the user toward a purchase decision.
+
+Your suggestions will appear as clickable boxes that append text to the user’s chat for further exploration. Prioritize relevance and ease of browsing, aiming to create a seamless shopping experience.
+`
diff --git a/starters/shopify-algolia/app/globals.css b/starters/shopify-algolia/app/globals.css
index f8c4a02a..1d36fd6f 100644
--- a/starters/shopify-algolia/app/globals.css
+++ b/starters/shopify-algolia/app/globals.css
@@ -5,8 +5,38 @@
 @tailwind components;
 @tailwind utilities;
 
-body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 47.4% 11.2%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 47.4% 11.2%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 100% 50%;
+    --destructive-foreground: 210 40% 98%;
+    --ring: 215 20.2% 65.1%;
+    --radius: 0.5rem;
+
+    --sidebar-background: 0 0% 98%;
+    --sidebar-foreground: 240 5.3% 26.1%;
+    --sidebar-primary: 240 5.9% 10%;
+    --sidebar-primary-foreground: 0 0% 98%;
+    --sidebar-accent: 240 4.8% 95.9%;
+    --sidebar-accent-foreground: 240 5.9% 10%;
+    --sidebar-border: 220 13% 91%;
+    --sidebar-ring: 217.2 91.2% 59.8%;
+  }
 }
 
 @layer utilities {
@@ -20,3 +50,12 @@ body {
     scrollbar-width: none; /* Firefox */
   }
 }
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background font-sans text-foreground antialiased;
+  }
+}
diff --git a/starters/shopify-algolia/app/product/[slug]/loading.tsx b/starters/shopify-algolia/app/product/[slug]/loading.tsx
deleted file mode 100644
index e99a823a..00000000
--- a/starters/shopify-algolia/app/product/[slug]/loading.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { PageSkeleton } from "app/product/_components/page-skeleton"
-
-export default function Loading() {
-  return <PageSkeleton />
-}
diff --git a/starters/shopify-algolia/app/sitemap.ts b/starters/shopify-algolia/app/sitemap.ts
index 197e9145..354fa561 100644
--- a/starters/shopify-algolia/app/sitemap.ts
+++ b/starters/shopify-algolia/app/sitemap.ts
@@ -52,10 +52,10 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
     return item
   })
 
-  const productRoutes = allHits.map(({ handle, updatedAt }) => {
+  const productRoutes = allHits.map((hit) => {
     const item: MetadataRoute.Sitemap[0] = {
-      url: `${env.LIVE_URL}/product/${handle}`,
-      lastModified: updatedAt,
+      url: `${env.LIVE_URL}/product/${hit.handle}`,
+      lastModified: hit.updatedAt ?? new Date(),
       priority: 0.5,
       changeFrequency: "monthly",
     }
diff --git a/starters/shopify-algolia/components/category-card.tsx b/starters/shopify-algolia/components/category-card.tsx
index 2546e0db..b5f2112f 100644
--- a/starters/shopify-algolia/components/category-card.tsx
+++ b/starters/shopify-algolia/components/category-card.tsx
@@ -6,12 +6,13 @@ import { cn } from "utils/cn"
 interface CategoryCardProps extends Pick<PlatformCollection, "title" | "image" | "handle"> {
   index: number
   className?: string
+  href?: string
 }
 
-export const CategoryCard = ({ handle, image, title, index, className }: CategoryCardProps) => {
-  const href = `/category/${handle}`
+export const CategoryCard = ({ handle, image, title, index, className, href }: CategoryCardProps) => {
+  const path = href || `/category/${handle}`
   return (
-    <Link href={href} className={cn("group relative overflow-hidden rounded-lg transition-all hover:shadow-md", className)} prefetch={false}>
+    <Link href={path} className={cn("group relative overflow-hidden rounded-lg transition-all hover:shadow-md", className)} prefetch={false}>
       <div className="relative aspect-video">
         <Image
           src={image?.url || `/category-placeholder-${index}.png`}
diff --git a/starters/shopify-algolia/app/category/_components/category-view.tsx b/starters/shopify-algolia/components/category/category-view.tsx
similarity index 73%
rename from starters/shopify-algolia/app/category/_components/category-view.tsx
rename to starters/shopify-algolia/components/category/category-view.tsx
index 1323cb51..0c2aa43d 100644
--- a/starters/shopify-algolia/app/category/_components/category-view.tsx
+++ b/starters/shopify-algolia/components/category/category-view.tsx
@@ -6,12 +6,13 @@ import { SearchView } from "components/search-view"
 interface CategoryViewProps {
   params: { slug: string; page?: string }
   searchParams?: SearchParamsType
+  basePath?: string
 }
 
-export async function CategoryView({ params, searchParams = {} }: CategoryViewProps) {
+export async function CategoryView({ params, searchParams = {}, basePath }: CategoryViewProps) {
   const collection = await getCollection(params.slug)
 
   if (!collection) return notFound()
 
-  return <SearchView searchParams={searchParams} params={params} collection={collection} />
+  return <SearchView searchParams={searchParams} params={params} collection={collection} basePath={basePath} />
 }
diff --git a/starters/shopify-algolia/app/category/_components/page-skeleton.tsx b/starters/shopify-algolia/components/category/page-skeleton.tsx
similarity index 100%
rename from starters/shopify-algolia/app/category/_components/page-skeleton.tsx
rename to starters/shopify-algolia/components/category/page-skeleton.tsx
diff --git a/starters/shopify-algolia/components/filters/category-facet.tsx b/starters/shopify-algolia/components/filters/category-facet.tsx
index 31ff8b55..8d4c480f 100644
--- a/starters/shopify-algolia/components/filters/category-facet.tsx
+++ b/starters/shopify-algolia/components/filters/category-facet.tsx
@@ -17,7 +17,7 @@ interface CategoryFacetProps {
 
 export function CategoryFacet({ id, title, distribution, isChecked, onCheckedChange }: CategoryFacetProps) {
   const pathname = usePathname()
-  const isSRP = pathname === "/search"
+  const isSRP = pathname === "/search" || pathname === "/ai/search"
 
   const { items } = useHierarchicalMenu({
     attributes: HIERARCHICAL_ATRIBUTES,
diff --git a/starters/shopify-algolia/components/filters/facets-content.tsx b/starters/shopify-algolia/components/filters/facets-content.tsx
index bac53fde..3584fa82 100644
--- a/starters/shopify-algolia/components/filters/facets-content.tsx
+++ b/starters/shopify-algolia/components/filters/facets-content.tsx
@@ -26,6 +26,7 @@ interface FacetsContentProps {
 export function FacetsContent({ independentFacetDistribution, facetDistribution, className, disabledFacets }: FacetsContentProps) {
   const router = useRouter()
   const pathname = usePathname()
+  const isAiPath = pathname.startsWith("/ai/category")
   const { set: setFilterVisibilityStatus, status } = useFilterStore((s) => s)
 
   const collections: Record<string, Record<string, number>> = HIERARCHICAL_ATRIBUTES.reduce((acc, key) => {
@@ -33,7 +34,7 @@ export function FacetsContent({ independentFacetDistribution, facetDistribution,
     return acc
   }, {})
 
-  const vendors = facetDistribution?.["vendor"]
+  const vendors = independentFacetDistribution?.["vendor"]
   const colors = facetDistribution?.["flatOptions.Color"]
 
   const { set: setLastSelected, selected: lastSelected } = useFilterTransitionStore((s) => s)
@@ -126,7 +127,7 @@ export function FacetsContent({ independentFacetDistribution, facetDistribution,
             onCheckedChange={(category) => {
               const checked = selectedCategories.includes(category)
 
-              if (pathname === "/search") {
+              if (pathname === "/search" || pathname === "/ai/search") {
                 setSelectedCategories((prev) => {
                   if (checked) {
                     return prev.filter((cat) => cat !== category)
@@ -140,7 +141,7 @@ export function FacetsContent({ independentFacetDistribution, facetDistribution,
               }
 
               setLastSelected("categories")
-              router.push(`/category/${category.split(HIERARCHICAL_SEPARATOR).pop()}`)
+              router.push(`${isAiPath ? "/ai/category" : "/category"}/${category.split(HIERARCHICAL_SEPARATOR).pop()}`)
             }}
           />
         )}
diff --git a/starters/shopify-algolia/components/filters/hits-section.tsx b/starters/shopify-algolia/components/filters/hits-section.tsx
index 486a0370..52c059b2 100644
--- a/starters/shopify-algolia/components/filters/hits-section.tsx
+++ b/starters/shopify-algolia/components/filters/hits-section.tsx
@@ -3,16 +3,17 @@ import type { CommerceProduct } from "types"
 
 interface HitsSectionProps {
   hits: CommerceProduct[]
+  basePath?: string
 }
 
-export async function HitsSection({ hits }: HitsSectionProps) {
+export async function HitsSection({ hits, basePath }: HitsSectionProps) {
   if (!hits.length) {
     return <p>No results for this query</p>
   }
   return (
     <div className="-px-4 grid w-full grid-cols-2 items-start gap-1 gap-y-8 sm:grid-cols-3 sm:gap-6 lg:grid-cols-2 xl:grid-cols-3">
       {hits.map((singleResult, idx) => (
-        <ProductCard key={singleResult.id} priority={[0, 1].includes(idx)} {...singleResult} />
+        <ProductCard key={singleResult.id} priority={[0, 1].includes(idx)} {...singleResult} href={basePath ? `/${basePath}/product/${singleResult.handle}` : undefined} />
       ))}
     </div>
   )
diff --git a/starters/shopify-algolia/components/footer.tsx b/starters/shopify-algolia/components/footer.tsx
index d4e6c7a3..505af712 100644
--- a/starters/shopify-algolia/components/footer.tsx
+++ b/starters/shopify-algolia/components/footer.tsx
@@ -4,11 +4,11 @@ import Link from "next/link"
 
 export function Footer() {
   return (
-    <footer className="text-muted-foreground border-t bg-white">
+    <footer className="border-t bg-white text-muted-foreground">
       <div className="mx-auto max-w-container-md px-6 py-12">
         <div className="grid gap-8 sm:grid-cols-2">
           <div className="space-y-4">
-            <h3 className="text-primary text-lg font-semibold">Newsletter</h3>
+            <h3 className="text-lg font-semibold text-primary">Newsletter</h3>
             <p>Subscribe to receive updates, access to exclusive deals, and more.</p>
             <div className="space-y-2 sm:max-w-md">
               <Input type="email" placeholder="Enter your email" aria-label="Email for newsletter" />
@@ -19,7 +19,7 @@ export function Footer() {
           </div>
           <div className="flex justify-center gap-24 sm:justify-end">
             <div className="space-y-4">
-              <h3 className="text-primary text-lg font-semibold">Shop</h3>
+              <h3 className="text-lg font-semibold text-primary">Shop</h3>
               <ul className="space-y-2">
                 <li>
                   <Link href="/search" className="transition-colors hover:text-orange-500" prefetch={false}>
@@ -45,7 +45,7 @@ export function Footer() {
             </div>
 
             <div className="space-y-4">
-              <h3 className="text-primary text-lg font-semibold">Support</h3>
+              <h3 className="text-lg font-semibold text-primary">Support</h3>
               <ul className="space-y-2">
                 <li>
                   <a href="mailto:contact@blazity.com" className="transition-colors hover:text-orange-500">
@@ -61,22 +61,22 @@ export function Footer() {
             </div>
           </div>
         </div>
-        <div className="border-muted-foreground/20 mt-8 border-t pt-8">
+        <div className="mt-8 border-t border-muted-foreground/20 pt-8">
           <div className="flex flex-col items-center justify-between space-y-4 md:flex-row md:space-y-0">
             <div className="flex space-x-4">
-              <a href="https://www.facebook.com/blazity" className="text-muted-foreground hover:text-primary transition-colors" aria-label="Facebook">
+              <a href="https://www.facebook.com/blazity" className="text-muted-foreground transition-colors hover:text-primary" aria-label="Facebook">
                 <FacebookIcon className="size-6" />
               </a>
-              <a href="https://twitter.com/blazity" className="text-muted-foreground hover:text-primary transition-colors" aria-label="Twitter">
+              <a href="https://twitter.com/blazity" className="text-muted-foreground transition-colors hover:text-primary" aria-label="Twitter">
                 <TwitterIcon className="size-6" />
               </a>
-              <a href="https://instagram.com/blazitysoftware" className="text-muted-foreground hover:text-primary transition-colors" aria-label="Instagram">
+              <a href="https://instagram.com/blazitysoftware" className="text-muted-foreground transition-colors hover:text-primary" aria-label="Instagram">
                 <InstagramIcon className="size-6 text-white" />
               </a>
-              <a href="https://www.youtube.com/channel/UCYDeWaSWiOHn_lUHY-u1VYw/videos" className="text-muted-foreground hover:text-primary transition-colors" aria-label="YouTube">
+              <a href="https://www.youtube.com/channel/UCYDeWaSWiOHn_lUHY-u1VYw/videos" className="text-muted-foreground transition-colors hover:text-primary" aria-label="YouTube">
                 <YoutubeIcon className="size-6 text-white" />
               </a>
-              <a href="https://www.linkedin.com/company/blazity" className="text-muted-foreground hover:text-primary transition-colors" aria-label="YouTube">
+              <a href="https://www.linkedin.com/company/blazity" className="text-muted-foreground transition-colors hover:text-primary" aria-label="YouTube">
                 <LinkedinIcon className="size-6" />
               </a>
             </div>
@@ -87,7 +87,7 @@ export function Footer() {
               href="https://vercel.com"
               target="_blank"
               rel="noopener noreferrer"
-              className="text-muted-foreground hover:text-primary mt-4 flex items-center space-x-2 transition-colors"
+              className="mt-4 flex items-center space-x-2 text-muted-foreground transition-colors hover:text-primary"
               prefetch={false}
             >
               <svg height="20" viewBox="0 0 283 64" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -102,7 +102,7 @@ export function Footer() {
               href="https://v0.dev"
               target="_blank"
               rel="noopener noreferrer"
-              className="focus:ring-ring mb-4 inline-flex w-fit items-center whitespace-nowrap rounded-full border border-transparent bg-black px-2.5 py-0.5 text-xs font-semibold text-white transition-colors hover:text-orange-500 focus:outline-none focus:ring-2 focus:ring-offset-2"
+              className="mb-4 inline-flex w-fit items-center whitespace-nowrap rounded-full border border-transparent bg-black px-2.5 py-0.5 text-xs font-semibold text-white transition-colors hover:text-orange-500 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
               prefetch={false}
             >
               Designed with v0
diff --git a/starters/shopify-algolia/components/icons/stop-icon.tsx b/starters/shopify-algolia/components/icons/stop-icon.tsx
new file mode 100644
index 00000000..e6549adc
--- /dev/null
+++ b/starters/shopify-algolia/components/icons/stop-icon.tsx
@@ -0,0 +1,7 @@
+export const StopIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    <svg height={size} viewBox="0 0 16 16" width={size} style={{ color: "currentcolor" }}>
+      <path fillRule="evenodd" clipRule="evenodd" d="M3 3H13V13H3V3Z" fill="currentColor" />
+    </svg>
+  )
+}
diff --git a/starters/shopify-algolia/components/navigation-bar/autocomplete.tsx b/starters/shopify-algolia/components/navigation-bar/autocomplete.tsx
index 7a9d9cd8..ab6dbc3f 100644
--- a/starters/shopify-algolia/components/navigation-bar/autocomplete.tsx
+++ b/starters/shopify-algolia/components/navigation-bar/autocomplete.tsx
@@ -4,7 +4,7 @@
 import { type KeyboardEvent, useState } from "react"
 
 import Link from "next/link"
-import { useRouter } from "next/navigation"
+import { usePathname, useRouter } from "next/navigation"
 
 import { useClickAway } from "@uidotdev/usehooks"
 
@@ -21,6 +21,10 @@ interface AutocompleteProps {
 
 export function Autocomplete({ className }: AutocompleteProps) {
   const router = useRouter()
+  const pathanme = usePathname()
+
+  const isAi = pathanme.startsWith("/ai")
+
   const [isOpen, setIsOpen] = useState(false)
   const { query, results, isPending, onChange, status } = useAutocomplete({
     callback: () => !isOpen && setIsOpen(true),
@@ -35,7 +39,7 @@ export function Autocomplete({ className }: AutocompleteProps) {
 
   function handleOnKeyDown(e: KeyboardEvent<HTMLInputElement>) {
     if (e.key === "Enter") {
-      router.push(`/search?q=${query}`)
+      router.push(`${isAi ? "/ai/search" : "/search"}?q=${query}`)
       setIsOpen(false)
     }
   }
@@ -63,7 +67,7 @@ export function Autocomplete({ className }: AutocompleteProps) {
         {hasResults &&
           results.map((singleProduct) => (
             <Link
-              href={`/product/${singleProduct.handle}`}
+              href={`${isAi ? "/ai/product" : "/product"}/${singleProduct.handle}`}
               className="flex h-[70px] cursor-pointer items-center gap-4 border-b border-neutral-200 p-4 last:rounded-b-md last:border-0 hover:bg-neutral-50"
               key={singleProduct.id}
               onClick={() => setIsOpen(false)}
diff --git a/starters/shopify-algolia/components/navigation-bar/navigation-bar.tsx b/starters/shopify-algolia/components/navigation-bar/navigation-bar.tsx
index 1dbadf5a..3e09f85a 100644
--- a/starters/shopify-algolia/components/navigation-bar/navigation-bar.tsx
+++ b/starters/shopify-algolia/components/navigation-bar/navigation-bar.tsx
@@ -16,7 +16,7 @@ import { SearchButton } from "./search-button"
 import { NavigationItem } from "./navigation-item"
 import Link from "next/link"
 
-const ProductAddedAlert = dynamic(() => import("app/product/_components/product-added-alert").then((mod) => mod.ProductAddedAlert))
+const ProductAddedAlert = dynamic(() => import("components/product/product-added-alert").then((mod) => mod.ProductAddedAlert))
 
 interface NavigationBarProps {
   items: NavItem[]
@@ -44,17 +44,12 @@ export function NavigationBar({ items }: NavigationBarProps) {
 
       <div className="submenu megamenu__text w-full border-b border-black shadow-sm">
         <VariantGrid items={singleMenuItem.submenu?.items} variant={singleMenuItem.submenu?.variant} />
-        <div className="submenu__inner flex w-full flex-col gap-4 md:hidden">
-          <a href={singleMenuItem.href || "#"}>
-            <h4 className="mb-20 text-center text-xl underline">See all {singleMenuItem.text}</h4>
-          </a>
-        </div>
       </div>
     </li>
   ))
 
   return (
-    <header className="mega-navbar sticky top-0 z-50 mx-auto my-0 flex w-full flex-wrap content-center items-center justify-between border-b border-black bg-white py-6">
+    <header className="mega-navbar sticky top-0 z-50 mx-auto my-0 flex w-full flex-wrap content-center items-center justify-between border-b border-black bg-white p-4 py-6">
       <div className="flex justify-start px-4 md:mx-auto md:w-full md:max-w-container-md md:px-0">
         <Link prefetch={false} href="/" className="brand mr-20 hidden items-center text-xl font-bold md:flex">
           Acme
diff --git a/starters/shopify-algolia/components/navigation-bar/navigation-item.tsx b/starters/shopify-algolia/components/navigation-bar/navigation-item.tsx
index 3c24086c..3349ca2c 100644
--- a/starters/shopify-algolia/components/navigation-bar/navigation-item.tsx
+++ b/starters/shopify-algolia/components/navigation-bar/navigation-item.tsx
@@ -3,8 +3,13 @@
 import type { MouseEvent } from "react"
 import { ChevronIcon } from "components/icons/chevron-icon"
 import { NavItem } from "./types"
+import Link from "next/link"
+import { usePathname } from "next/navigation"
 
 export function NavigationItem({ singleMenuItem }: { singleMenuItem: NavItem }) {
+  const pathname = usePathname()
+  const isAi = pathname.startsWith("/ai")
+
   const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
     if (singleMenuItem.submenu && window.innerWidth < 768) {
       e.preventDefault()
@@ -12,13 +17,13 @@ export function NavigationItem({ singleMenuItem }: { singleMenuItem: NavItem })
   }
 
   return (
-    <a onClick={handleClick} href={singleMenuItem.href || "#"} className="menu__link text-[22px] hover:underline md:text-sm/[18px]">
+    <Link prefetch={false} onClick={handleClick} href={`${isAi ? "/ai" : ""}${singleMenuItem.href}`} className="menu__link text-[22px] hover:underline md:text-sm/[18px]">
       {singleMenuItem.text}
       {!!singleMenuItem.submenu && (
         <i>
           <ChevronIcon />
         </i>
       )}
-    </a>
+    </Link>
   )
 }
diff --git a/starters/shopify-algolia/components/navigation-bar/variants/text-grid.tsx b/starters/shopify-algolia/components/navigation-bar/variants/text-grid.tsx
index 2c06eb58..ef23a781 100644
--- a/starters/shopify-algolia/components/navigation-bar/variants/text-grid.tsx
+++ b/starters/shopify-algolia/components/navigation-bar/variants/text-grid.tsx
@@ -1,5 +1,8 @@
+"use client"
+
 import Link from "next/link"
 import { TextGridItem } from "../types"
+import { usePathname } from "next/navigation"
 
 interface TextGridVariantProps {
   items: TextGridItem[]
@@ -7,13 +10,15 @@ interface TextGridVariantProps {
 
 export function TextGridVariant({ items }: TextGridVariantProps) {
   if (!items?.length) return null
+  const pathname = usePathname()
+  const isAi = pathname.startsWith("/ai")
 
   return (
     <div className="mx-auto mb-10 mt-20 grid w-full max-w-container-md grid-cols-[repeat(_auto-fit,minmax(250px,1fr)_)] gap-8 px-4 md:my-0 md:py-14 xl:px-0">
       {items.map((singleCategory) => (
         <div className="submenu__inner flex w-full flex-col gap-4" key={singleCategory.text}>
           {singleCategory.href ? (
-            <Link href={singleCategory.href} prefetch={false}>
+            <Link href={`${isAi ? "/ai" : ""}${singleCategory.href}`} prefetch={false}>
               <h4 className="submenu__title text-[22px] underline">{singleCategory.text}</h4>
             </Link>
           ) : (
@@ -22,7 +27,7 @@ export function TextGridVariant({ items }: TextGridVariantProps) {
           <ul className="submenu__list flex flex-col items-start justify-start gap-2 text-left">
             {singleCategory?.items?.map((item) => (
               <li key={item.text} className="hover:underline">
-                <Link href={item.href} prefetch={false}>
+                <Link href={`${isAi ? "/ai" : ""}${item.href}`} prefetch={false}>
                   {item.text}
                 </Link>
               </li>
diff --git a/starters/shopify-algolia/components/product-card.tsx b/starters/shopify-algolia/components/product-card.tsx
index 2beaa90a..d63e6ac3 100644
--- a/starters/shopify-algolia/components/product-card.tsx
+++ b/starters/shopify-algolia/components/product-card.tsx
@@ -9,16 +9,30 @@ interface ProductCardProps extends Pick<CommerceProduct, "variants" | "handle" |
   priority?: boolean
   prefetch?: boolean
   className?: string
+  href?: string
 }
 
-export const ProductCard = ({ variants, handle, title, featuredImage, minPrice, avgRating, totalReviews, className, priority, vendor, prefetch = false }: ProductCardProps) => {
+export const ProductCard = ({
+  variants,
+  handle,
+  title,
+  featuredImage,
+  minPrice,
+  avgRating,
+  totalReviews,
+  className,
+  priority,
+  vendor,
+  prefetch = false,
+  href = "",
+}: ProductCardProps) => {
   const noOfVariants = variants?.length
-  const href = `/product/${handle}`
+  const path = href || `/product/${handle}`
   const linkAria = `Visit product: ${title}`
   const variantPrice = variants?.find(Boolean)?.price
 
   return (
-    <Link className={cn("group flex h-full w-full flex-col overflow-hidden", className)} aria-label={linkAria} href={href} prefetch={prefetch}>
+    <Link className={cn("group flex h-full w-full flex-col overflow-hidden", className)} aria-label={linkAria} href={path} prefetch={prefetch}>
       <div className="relative aspect-square overflow-hidden">
         <Image
           priority={priority}
diff --git a/starters/shopify-algolia/app/product/_components/add-to-cart-button.tsx b/starters/shopify-algolia/components/product/add-to-cart-button.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/add-to-cart-button.tsx
rename to starters/shopify-algolia/components/product/add-to-cart-button.tsx
diff --git a/starters/shopify-algolia/app/product/_components/center-image-section.tsx b/starters/shopify-algolia/components/product/center-image-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/center-image-section.tsx
rename to starters/shopify-algolia/components/product/center-image-section.tsx
diff --git a/starters/shopify-algolia/app/product/_components/faq-section.tsx b/starters/shopify-algolia/components/product/faq-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/faq-section.tsx
rename to starters/shopify-algolia/components/product/faq-section.tsx
diff --git a/starters/shopify-algolia/app/product/_components/favorite-marker.tsx b/starters/shopify-algolia/components/product/favorite-marker.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/favorite-marker.tsx
rename to starters/shopify-algolia/components/product/favorite-marker.tsx
diff --git a/starters/shopify-algolia/app/product/_components/page-skeleton.tsx b/starters/shopify-algolia/components/product/page-skeleton.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/page-skeleton.tsx
rename to starters/shopify-algolia/components/product/page-skeleton.tsx
diff --git a/starters/shopify-algolia/app/product/_components/product-added-alert.tsx b/starters/shopify-algolia/components/product/product-added-alert.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/product-added-alert.tsx
rename to starters/shopify-algolia/components/product/product-added-alert.tsx
diff --git a/starters/shopify-algolia/app/product/_components/product-images.tsx b/starters/shopify-algolia/components/product/product-images.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/product-images.tsx
rename to starters/shopify-algolia/components/product/product-images.tsx
diff --git a/starters/shopify-algolia/app/product/_components/product-title.tsx b/starters/shopify-algolia/components/product/product-title.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/product-title.tsx
rename to starters/shopify-algolia/components/product/product-title.tsx
diff --git a/starters/shopify-algolia/app/product/_components/review-button.tsx b/starters/shopify-algolia/components/product/review-button.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/review-button.tsx
rename to starters/shopify-algolia/components/product/review-button.tsx
diff --git a/starters/shopify-algolia/app/product/_components/review-card.tsx b/starters/shopify-algolia/components/product/review-card.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/review-card.tsx
rename to starters/shopify-algolia/components/product/review-card.tsx
diff --git a/starters/shopify-algolia/app/product/_components/reviews-section.tsx b/starters/shopify-algolia/components/product/reviews-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/reviews-section.tsx
rename to starters/shopify-algolia/components/product/reviews-section.tsx
diff --git a/starters/shopify-algolia/app/product/_components/right-section.tsx b/starters/shopify-algolia/components/product/right-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/right-section.tsx
rename to starters/shopify-algolia/components/product/right-section.tsx
diff --git a/starters/shopify-algolia/app/product/_components/side-images.tsx b/starters/shopify-algolia/components/product/side-images.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/side-images.tsx
rename to starters/shopify-algolia/components/product/side-images.tsx
diff --git a/starters/shopify-algolia/app/product/_components/similar-product-section-skeleton.tsx b/starters/shopify-algolia/components/product/similar-product-section-skeleton.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/similar-product-section-skeleton.tsx
rename to starters/shopify-algolia/components/product/similar-product-section-skeleton.tsx
diff --git a/starters/shopify-algolia/app/product/_components/similar-products-section.tsx b/starters/shopify-algolia/components/product/similar-products-section.tsx
similarity index 79%
rename from starters/shopify-algolia/app/product/_components/similar-products-section.tsx
rename to starters/shopify-algolia/components/product/similar-products-section.tsx
index 7b182b52..1c232f3d 100644
--- a/starters/shopify-algolia/app/product/_components/similar-products-section.tsx
+++ b/starters/shopify-algolia/components/product/similar-products-section.tsx
@@ -5,9 +5,10 @@ import { getSimilarProducts } from "lib/algolia"
 interface SimilarProductsSectionProps {
   slug: string
   objectID: string
+  basePath?: string
 }
 
-export async function SimilarProductsSection({ slug, objectID }: SimilarProductsSectionProps) {
+export async function SimilarProductsSection({ slug, objectID, basePath }: SimilarProductsSectionProps) {
   const items = await getSimilarProducts(slug, objectID)
 
   return (
@@ -19,7 +20,7 @@ export async function SimilarProductsSection({ slug, objectID }: SimilarProducts
         <CarouselContent>
           {items.map((product, idx) => (
             <CarouselItem className="basis-1/2 md:basis-1/4" key={"featured_" + product.id + idx}>
-              <ProductCard prefetch {...product} />
+              <ProductCard href={basePath ? `/${basePath}/product/${product.handle}` : undefined} prefetch {...product} />
             </CarouselItem>
           ))}
         </CarouselContent>
diff --git a/starters/shopify-algolia/app/product/_components/variant.tsx b/starters/shopify-algolia/components/product/variant.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/variant.tsx
rename to starters/shopify-algolia/components/product/variant.tsx
diff --git a/starters/shopify-algolia/app/product/_components/variants-section.tsx b/starters/shopify-algolia/components/product/variants-section.tsx
similarity index 100%
rename from starters/shopify-algolia/app/product/_components/variants-section.tsx
rename to starters/shopify-algolia/components/product/variants-section.tsx
diff --git a/starters/shopify-algolia/components/search-view.tsx b/starters/shopify-algolia/components/search-view.tsx
index 2319bd57..30f4d884 100644
--- a/starters/shopify-algolia/components/search-view.tsx
+++ b/starters/shopify-algolia/components/search-view.tsx
@@ -2,10 +2,9 @@ import { Suspense } from "react"
 import { createSearchParamsCache, parseAsArrayOf, parseAsInteger, parseAsString } from "nuqs/server"
 
 import type { PlatformCollection } from "lib/shopify/types"
-import { ComparisonOperators, FilterBuilder } from "lib/algolia/filter-builder"
 import { getFilteredProducts } from "lib/algolia"
 
-import { composeFilters } from "utils/compose-filters"
+import { buildSearchFilter } from "utils/build-search-filter"
 
 import { FacetsDesktop } from "components/filters/facets-desktop"
 import { HitsSection } from "components/filters/hits-section"
@@ -22,6 +21,7 @@ interface SearchViewProps {
   params?: { slug: string; page?: string }
   collection?: PlatformCollection
   disabledFacets?: string[]
+  basePath?: string
 }
 
 export const searchParamsCache = createSearchParamsCache({
@@ -48,21 +48,16 @@ function makePageTitle(collection: PlatformCollection | undefined, query: string
   return "Search"
 }
 
-export async function SearchView({ searchParams, disabledFacets, collection }: SearchViewProps) {
+export async function SearchView({ searchParams, disabledFacets, collection, basePath }: SearchViewProps) {
   const { q, sortBy, page, ...rest } = searchParamsCache.parse(searchParams)
 
-  const filterBuilder = new FilterBuilder()
+  const filter = buildSearchFilter({
+    collection,
+    params: rest,
+    separator: HIERARCHICAL_SEPARATOR,
+  })
 
-  if (collection) {
-    filterBuilder.where("collections.handle", collection.handle)
-  }
-
-  const { facetDistribution, hits, totalPages, totalHits, independentFacetDistribution } = await getFilteredProducts(
-    q,
-    sortBy,
-    page,
-    composeFilters(filterBuilder, rest, HIERARCHICAL_SEPARATOR).build()
-  )
+  const { facetDistribution, hits, totalPages, totalHits, independentFacetDistribution } = await getFilteredProducts(q, sortBy, page, filter)
 
   return (
     <div className="mx-auto w-full max-w-[1920px] p-4 md:px-12 md:pb-24 md:pt-4">
@@ -94,7 +89,7 @@ export async function SearchView({ searchParams, disabledFacets, collection }: S
         </Suspense>
         <div className="w-full">
           <div className="px-4"></div>
-          <HitsSection hits={hits} />
+          <HitsSection hits={hits} basePath={basePath} />
           <PaginationSection queryParams={searchParams} totalPages={totalPages} />
         </div>
       </div>
diff --git a/starters/shopify-algolia/components/ui/avatar.tsx b/starters/shopify-algolia/components/ui/avatar.tsx
new file mode 100644
index 00000000..c6825ac9
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/avatar.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+import { cn } from "utils/cn"
+
+const Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root ref={ref} className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)} {...props} />
+))
+Avatar.displayName = AvatarPrimitive.Root.displayName
+
+const AvatarImage = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Image>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>>(
+  ({ className, ...props }, ref) => <AvatarPrimitive.Image ref={ref} className={cn("aspect-square h-full w-full", className)} {...props} />
+)
+AvatarImage.displayName = AvatarPrimitive.Image.displayName
+
+const AvatarFallback = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Fallback>, React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>>(
+  ({ className, ...props }, ref) => (
+    <AvatarPrimitive.Fallback ref={ref} className={cn("bg-muted flex h-full w-full items-center justify-center rounded-full", className)} {...props} />
+  )
+)
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/starters/shopify-algolia/components/ui/chat-message.tsx b/starters/shopify-algolia/components/ui/chat-message.tsx
new file mode 100644
index 00000000..6207b26e
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/chat-message.tsx
@@ -0,0 +1,114 @@
+"use client"
+
+import React, { useEffect } from "react"
+import type { Message as SDKMessage } from "ai"
+import { cva, type VariantProps } from "class-variance-authority"
+import { MarkdownRenderer } from "./markdown-renderer"
+import { cn } from "utils/cn"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+
+const chatBubbleVariants = cva("group/message relative break-words rounded-lg p-3 text-sm sm:max-w-[70%]", {
+  variants: {
+    role: {
+      user: "bg-primary",
+      assistant: "bg-muted",
+      data: "",
+      system: "",
+      toolInvocation: "font-bold text-sm bg-orange-700 text-orange-100", // abstract, normally tool invocations are marked as assistant role
+    },
+    animation: {
+      none: "",
+      slide: "animate-in fade-in-0 duration-300",
+      scale: "animate-in fade-in-0 zoom-in-75 duration-300",
+      fade: "animate-in fade-in-0 duration-500",
+    },
+  },
+  compoundVariants: [
+    {
+      role: "user",
+      animation: "slide",
+      class: "slide-in-from-right",
+    },
+    {
+      role: "assistant",
+      animation: "slide",
+      class: "slide-in-from-left",
+    },
+    {
+      role: "user",
+      animation: "scale",
+      class: "origin-bottom-right",
+    },
+    {
+      role: "assistant",
+      animation: "scale",
+      class: "origin-bottom-left",
+    },
+  ],
+})
+
+type Animation = VariantProps<typeof chatBubbleVariants>["animation"]
+
+export interface Message extends SDKMessage {
+  id: string
+  content: string
+  createdAt?: Date
+}
+
+export interface ChatMessageProps extends Message {
+  showTimeStamp?: boolean
+  animation?: Animation
+}
+
+export const ChatMessage: React.FC<ChatMessageProps> = ({ role, content, createdAt, showTimeStamp = false, animation = "scale", toolInvocations }) => {
+  const isUser = role === "user"
+
+  const formattedTime = createdAt?.toLocaleTimeString("en-US", {
+    hour: "2-digit",
+    minute: "2-digit",
+  })
+
+  if (!!toolInvocations?.length) {
+    return toolInvocations.map((toolInvocation) => {
+      const { toolName, toolCallId, state } = toolInvocation
+
+      if (state === "result") {
+        if (toolName === "buildNavigationQuery") {
+          const { result } = toolInvocation
+          return <NavigationToolResult key={toolCallId} result={result} animation={animation} />
+        }
+      }
+    })
+  }
+
+  return (
+    <div className={cn("flex flex-col", isUser ? "items-end" : "items-start")}>
+      <div className={chatBubbleVariants({ role, animation })}>
+        <div className={isUser ? "text-primary-foreground" : "text-foreground"}>
+          <MarkdownRenderer>{content}</MarkdownRenderer>
+        </div>
+      </div>
+      {showTimeStamp && createdAt ? (
+        <span className={cn("mt-1 block px-1 text-xs opacity-50", animation !== "none" && "duration-500 animate-in fade-in-0")}>{formattedTime}</span>
+      ) : null}
+    </div>
+  )
+}
+
+const NavigationToolResult = ({ animation, result }) => {
+  const router = useRouter()
+  useEffect(() => {
+    router.push(result)
+  }, [])
+
+  return (
+    <div className={cn("flex flex-col", "items-start")}>
+      <div className={chatBubbleVariants({ role: "toolInvocation", animation })}>
+        <Link prefetch={false} href={result}>
+          Navigation result
+        </Link>
+      </div>
+    </div>
+  )
+}
diff --git a/starters/shopify-algolia/components/ui/copy-button.tsx b/starters/shopify-algolia/components/ui/copy-button.tsx
new file mode 100644
index 00000000..f835fb00
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/copy-button.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import { Check, Copy } from "lucide-react"
+
+import { Button } from "./button-old"
+import { cn } from "utils/cn"
+import { useCopyToClipboard } from "utils/use-copy-to-clipboard"
+
+type CopyButtonProps = {
+  content: string
+  copyMessage?: string
+}
+
+export function CopyButton({ content, copyMessage }: CopyButtonProps) {
+  const { isCopied, handleCopy } = useCopyToClipboard({
+    text: content,
+    copyMessage,
+  })
+
+  return (
+    <Button variant="ghost" size="icon" className="relative h-6 w-6" aria-label="Copy to clipboard" onClick={handleCopy}>
+      <div className="absolute inset-0 flex items-center justify-center">
+        <Check className={cn("h-4 w-4 transition-transform ease-in-out", isCopied ? "scale-100" : "scale-0")} />
+      </div>
+      <Copy className={cn("h-4 w-4 transition-transform ease-in-out", isCopied ? "scale-0" : "scale-100")} />
+    </Button>
+  )
+}
diff --git a/starters/shopify-algolia/components/ui/markdown-renderer.tsx b/starters/shopify-algolia/components/ui/markdown-renderer.tsx
new file mode 100644
index 00000000..127b98e8
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/markdown-renderer.tsx
@@ -0,0 +1,153 @@
+import React, { JSX, Suspense } from "react"
+import Markdown from "react-markdown"
+import remarkGfm from "remark-gfm"
+
+import { cn } from "utils/cn"
+import { CopyButton } from "./copy-button"
+
+interface MarkdownRendererProps {
+  children: string
+}
+
+export function MarkdownRenderer({ children }: MarkdownRendererProps) {
+  return (
+    <Markdown remarkPlugins={[remarkGfm]} components={COMPONENTS} className="space-y-3">
+      {children}
+    </Markdown>
+  )
+}
+
+interface HighlightedPre extends React.HTMLAttributes<HTMLPreElement> {
+  children: string
+  language: string
+}
+
+const HighlightedPre = React.memo(async ({ children, language, ...props }: HighlightedPre) => {
+  const { codeToTokens, bundledLanguages } = await import("shiki")
+
+  if (!(language in bundledLanguages)) {
+    return <pre {...props}>{children}</pre>
+  }
+
+  const { tokens } = await codeToTokens(children, {
+    lang: language as keyof typeof bundledLanguages,
+    defaultColor: false,
+    themes: {
+      light: "github-light",
+      dark: "github-dark",
+    },
+  })
+
+  return (
+    <pre {...props}>
+      <code>
+        {tokens.map((line, lineIndex) => (
+          <>
+            <span key={lineIndex}>
+              {line.map((token, tokenIndex) => {
+                const style = typeof token.htmlStyle === "string" ? undefined : token.htmlStyle
+
+                return (
+                  <span key={tokenIndex} className="text-shiki-light bg-shiki-light-bg dark:text-shiki-dark dark:bg-shiki-dark-bg" style={style}>
+                    {token.content}
+                  </span>
+                )
+              })}
+            </span>
+            {lineIndex !== tokens.length - 1 && "\n"}
+          </>
+        ))}
+      </code>
+    </pre>
+  )
+})
+HighlightedPre.displayName = "HighlightedCode"
+
+interface CodeBlockProps extends React.HTMLAttributes<HTMLPreElement> {
+  children: React.ReactNode
+  className?: string
+  language: string
+}
+
+const CodeBlock = ({ children, className, language, ...restProps }: CodeBlockProps) => {
+  const code = typeof children === "string" ? children : childrenTakeAllStringContents(children)
+
+  const preClass = cn("overflow-x-scroll rounded-md border bg-background/50 p-4 font-mono text-sm [scrollbar-width:none]", className)
+
+  return (
+    <div className="group/code relative mb-4">
+      <Suspense
+        fallback={
+          <pre className={preClass} {...restProps}>
+            {children}
+          </pre>
+        }
+      >
+        <HighlightedPre language={language} className={preClass}>
+          {code}
+        </HighlightedPre>
+      </Suspense>
+
+      <div className="invisible absolute right-2 top-2 flex space-x-1 rounded-lg p-1 opacity-0 transition-all duration-200 group-hover/code:visible group-hover/code:opacity-100">
+        <CopyButton content={code} copyMessage="Copied code to clipboard" />
+      </div>
+    </div>
+  )
+}
+
+function childrenTakeAllStringContents(element: any): string {
+  if (typeof element === "string") {
+    return element
+  }
+
+  if (element?.props?.children) {
+    let children = element.props.children
+
+    if (Array.isArray(children)) {
+      return children.map((child) => childrenTakeAllStringContents(child)).join("")
+    } else {
+      return childrenTakeAllStringContents(children)
+    }
+  }
+
+  return ""
+}
+
+const COMPONENTS = {
+  h1: withClass("h1", "text-2xl font-semibold"),
+  h2: withClass("h2", "font-semibold text-xl"),
+  h3: withClass("h3", "font-semibold text-lg"),
+  h4: withClass("h4", "font-semibold text-base"),
+  h5: withClass("h5", "font-medium"),
+  strong: withClass("strong", "font-semibold"),
+  a: withClass("a", "text-primary underline underline-offset-2"),
+  blockquote: withClass("blockquote", "border-l-2 border-primary pl-4"),
+  code: ({ children, className, node, ...rest }: any) => {
+    const match = /language-(\w+)/.exec(className || "")
+    return match ? (
+      <CodeBlock className={className} language={match[1]} {...rest}>
+        {children}
+      </CodeBlock>
+    ) : (
+      <code className={cn("font-mono [:not(pre)>&]:rounded-md [:not(pre)>&]:bg-background/50 [:not(pre)>&]:px-1 [:not(pre)>&]:py-0.5")} {...rest}>
+        {children}
+      </code>
+    )
+  },
+  pre: ({ children }: any) => children,
+  ol: withClass("ol", "list-decimal space-y-2 pl-6"),
+  ul: withClass("ul", "list-disc space-y-2 pl-6"),
+  li: withClass("li", "my-1.5"),
+  table: withClass("table", "w-full border-collapse overflow-y-auto rounded-md border border-foreground/20"),
+  th: withClass("th", "border border-foreground/20 px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"),
+  td: withClass("td", "border border-foreground/20 px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"),
+  tr: withClass("tr", "m-0 border-t p-0 even:bg-muted"),
+  p: withClass("p", "whitespace-pre-wrap"),
+  hr: withClass("hr", "border-foreground/20"),
+}
+
+function withClass(Tag: keyof JSX.IntrinsicElements, classes: string) {
+  const Component = ({ node, ...props }: any) => <Tag className={classes} {...props} />
+  Component.displayName = Tag
+  return Component
+}
diff --git a/starters/shopify-algolia/components/ui/message-list.tsx b/starters/shopify-algolia/components/ui/message-list.tsx
new file mode 100644
index 00000000..3d4abb12
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/message-list.tsx
@@ -0,0 +1,24 @@
+import { ChatMessage, ChatMessageProps, Message } from "./chat-message"
+import { TypingIndicator } from "./typing-indicator"
+
+type AdditionalMessageOptions = Omit<ChatMessageProps, keyof Message>
+
+interface MessageListProps {
+  messages: Message[]
+  showTimeStamps?: boolean
+  isTyping?: boolean
+  messageOptions?: AdditionalMessageOptions | ((message: Message) => AdditionalMessageOptions)
+}
+
+export function MessageList({ messages, showTimeStamps = true, isTyping = false, messageOptions }: MessageListProps) {
+  return (
+    <div className="my-4 space-y-4 overflow-visible">
+      {messages.map((message, index) => {
+        const additionalOptions = typeof messageOptions === "function" ? messageOptions(message) : messageOptions
+
+        return <ChatMessage key={index} showTimeStamp={showTimeStamps} {...message} {...additionalOptions} />
+      })}
+      {isTyping && <TypingIndicator />}
+    </div>
+  )
+}
diff --git a/starters/shopify-algolia/components/ui/prompt-suggestions.tsx b/starters/shopify-algolia/components/ui/prompt-suggestions.tsx
new file mode 100644
index 00000000..ed62528f
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/prompt-suggestions.tsx
@@ -0,0 +1,28 @@
+import type { ButtonHTMLAttributes } from "react"
+import { cn } from "utils/cn"
+import { Button } from "./button"
+
+type PromptSuggestionsProps = {
+  children: React.ReactNode
+} & React.HTMLAttributes<HTMLDivElement>
+
+export function PromptSuggestions({ children, className, ...rest }: PromptSuggestionsProps) {
+  return (
+    <div className={cn("flex flex-wrap gap-1 text-sm", className)} {...rest}>
+      {children}
+    </div>
+  )
+}
+
+type PromptSuggestionProps = {
+  children: string
+  value: string
+} & ButtonHTMLAttributes<HTMLButtonElement>
+
+export function PromptSuggestion({ children, value, className, ...rest }: PromptSuggestionProps) {
+  return (
+    <Button className={cn("flex-1 grow basis-1/3 rounded-xl p-4", className)} {...rest}>
+      {children}
+    </Button>
+  )
+}
diff --git a/starters/shopify-algolia/components/ui/scroll-area.tsx b/starters/shopify-algolia/components/ui/scroll-area.tsx
new file mode 100644
index 00000000..41165a24
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/scroll-area.tsx
@@ -0,0 +1,38 @@
+"use client"
+
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+import { cn } from "utils/cn"
+
+const ScrollArea = React.forwardRef<React.ElementRef<typeof ScrollAreaPrimitive.Root>, React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>>(
+  ({ className, children, ...props }, ref) => (
+    <ScrollAreaPrimitive.Root ref={ref} className={cn("relative overflow-hidden", className)} {...props}>
+      <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">{children}</ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
+)
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
+
+const ScrollBar = React.forwardRef<
+  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
+  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
+>(({ className, orientation = "vertical", ...props }, ref) => (
+  <ScrollAreaPrimitive.ScrollAreaScrollbar
+    ref={ref}
+    orientation={orientation}
+    className={cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    )}
+    {...props}
+  >
+    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
+  </ScrollAreaPrimitive.ScrollAreaScrollbar>
+))
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
+
+export { ScrollArea, ScrollBar }
diff --git a/starters/shopify-algolia/components/ui/separator.tsx b/starters/shopify-algolia/components/ui/separator.tsx
new file mode 100644
index 00000000..14549585
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/separator.tsx
@@ -0,0 +1,20 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+import { cn } from "utils/cn"
+
+const Separator = React.forwardRef<React.ElementRef<typeof SeparatorPrimitive.Root>, React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>>(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
+    <SeparatorPrimitive.Root
+      ref={ref}
+      decorative={decorative}
+      orientation={orientation}
+      className={cn("bg-border shrink-0", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)}
+      {...props}
+    />
+  )
+)
+Separator.displayName = SeparatorPrimitive.Root.displayName
+
+export { Separator }
diff --git a/starters/shopify-algolia/components/ui/sidebar.tsx b/starters/shopify-algolia/components/ui/sidebar.tsx
new file mode 100644
index 00000000..d0fdb7ef
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/sidebar.tsx
@@ -0,0 +1,567 @@
+"use client"
+
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { VariantProps, cva } from "class-variance-authority"
+import { PanelLeft } from "lucide-react"
+
+import { useIsMobile } from "utils/use-mobile"
+import { cn } from "utils/cn"
+import { Button } from "components/ui/button"
+import { Input } from "components/ui/input"
+import { Separator } from "components/ui/separator"
+import { Sheet, SheetContent } from "components/ui/sheet"
+import { Skeleton } from "components/ui/skeleton"
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "components/ui/tooltip"
+
+const SIDEBAR_COOKIE_NAME = "sidebar:state"
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = "16rem"
+const SIDEBAR_WIDTH_MOBILE = "18rem"
+const SIDEBAR_WIDTH_ICON = "3rem"
+const SIDEBAR_KEYBOARD_SHORTCUT = "b"
+
+type SidebarContext = {
+  state: "expanded" | "collapsed"
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
+
+const SidebarContext = React.createContext<SidebarContext | null>(null)
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext)
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.")
+  }
+
+  return context
+}
+
+const SidebarProvider = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    defaultOpen?: boolean
+    open?: boolean
+    onOpenChange?: (open: boolean) => void
+  }
+>(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value
+      if (setOpenProp) {
+        setOpenProp(openState)
+      } else {
+        _setOpen(openState)
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
+    },
+    [setOpenProp, open]
+  )
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)
+  }, [isMobile, setOpen, setOpenMobile])
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault()
+        toggleSidebar()
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown)
+    return () => window.removeEventListener("keydown", handleKeyDown)
+  }, [toggleSidebar])
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed"
+
+  const contextValue = React.useMemo<SidebarContext>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  )
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", className)}
+          ref={ref}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  )
+})
+SidebarProvider.displayName = "SidebarProvider"
+
+const Sidebar = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    side?: "left" | "right"
+    variant?: "sidebar" | "floating" | "inset"
+    collapsible?: "offcanvas" | "icon" | "none"
+  }
+>(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
+
+  if (collapsible === "none") {
+    return (
+      <div className={cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className)} ref={ref} {...props}>
+        {children}
+      </div>
+    )
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-mobile="true"
+          className="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    )
+  }
+
+  return (
+    <div
+      ref={ref}
+      className="group peer hidden text-sidebar-foreground md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        className={cn(
+          "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
+            : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+        )}
+      />
+      <div
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
+            : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          className="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  )
+})
+Sidebar.displayName = "Sidebar"
+
+const SidebarTrigger = React.forwardRef<React.ElementRef<typeof Button>, React.ComponentProps<typeof Button>>(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <Button
+      ref={ref}
+      data-sidebar="trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("h-7 w-7", className)}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
+    >
+      <PanelLeft />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  )
+})
+SidebarTrigger.displayName = "SidebarTrigger"
+
+const SidebarRail = React.forwardRef<HTMLButtonElement, React.ComponentProps<"button">>(({ className, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <button
+      ref={ref}
+      data-sidebar="rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarRail.displayName = "SidebarRail"
+
+const SidebarInset = React.forwardRef<HTMLDivElement, React.ComponentProps<"main">>(({ className, ...props }, ref) => {
+  return (
+    <main
+      ref={ref}
+      className={cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarInset.displayName = "SidebarInset"
+
+const SidebarInput = React.forwardRef<React.ElementRef<typeof Input>, React.ComponentProps<typeof Input>>(({ className, ...props }, ref) => {
+  return <Input ref={ref} data-sidebar="input" className={cn("h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring", className)} {...props} />
+})
+SidebarInput.displayName = "SidebarInput"
+
+const SidebarHeader = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => {
+  return <div ref={ref} data-sidebar="header" className={cn("flex flex-col gap-2 p-2", className)} {...props} />
+})
+SidebarHeader.displayName = "SidebarHeader"
+
+const SidebarFooter = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => {
+  return <div ref={ref} data-sidebar="footer" className={cn("flex flex-col gap-2 p-2", className)} {...props} />
+})
+SidebarFooter.displayName = "SidebarFooter"
+
+const SidebarSeparator = React.forwardRef<React.ElementRef<typeof Separator>, React.ComponentProps<typeof Separator>>(({ className, ...props }, ref) => {
+  return <Separator ref={ref} data-sidebar="separator" className={cn("mx-2 w-auto bg-sidebar-border", className)} {...props} />
+})
+SidebarSeparator.displayName = "SidebarSeparator"
+
+const SidebarContent = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => {
+  return (
+    <div ref={ref} data-sidebar="content" className={cn("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className)} {...props} />
+  )
+})
+SidebarContent.displayName = "SidebarContent"
+
+const SidebarGroup = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => {
+  return <div ref={ref} data-sidebar="group" className={cn("relative flex w-full min-w-0 flex-col p-2", className)} {...props} />
+})
+SidebarGroup.displayName = "SidebarGroup"
+
+const SidebarGroupLabel = React.forwardRef<HTMLDivElement, React.ComponentProps<"div"> & { asChild?: boolean }>(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "div"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="group-label"
+      className={cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarGroupLabel.displayName = "SidebarGroupLabel"
+
+const SidebarGroupAction = React.forwardRef<HTMLButtonElement, React.ComponentProps<"button"> & { asChild?: boolean }>(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="group-action"
+      className={cn(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarGroupAction.displayName = "SidebarGroupAction"
+
+const SidebarGroupContent = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => (
+  <div ref={ref} data-sidebar="group-content" className={cn("w-full text-sm", className)} {...props} />
+))
+SidebarGroupContent.displayName = "SidebarGroupContent"
+
+const SidebarMenu = React.forwardRef<HTMLUListElement, React.ComponentProps<"ul">>(({ className, ...props }, ref) => (
+  <ul ref={ref} data-sidebar="menu" className={cn("flex w-full min-w-0 flex-col gap-1", className)} {...props} />
+))
+SidebarMenu.displayName = "SidebarMenu"
+
+const SidebarMenuItem = React.forwardRef<HTMLLIElement, React.ComponentProps<"li">>(({ className, ...props }, ref) => (
+  <li ref={ref} data-sidebar="menu-item" className={cn("group/menu-item relative", className)} {...props} />
+))
+SidebarMenuItem.displayName = "SidebarMenuItem"
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const SidebarMenuButton = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button"> & {
+    asChild?: boolean
+    isActive?: boolean
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>
+  } & VariantProps<typeof sidebarMenuButtonVariants>
+>(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button"
+  const { isMobile, state } = useSidebar()
+
+  const button = (
+    <Comp ref={ref} data-sidebar="menu-button" data-size={size} data-active={isActive} className={cn(sidebarMenuButtonVariants({ variant, size }), className)} {...props} />
+  )
+
+  if (!tooltip) {
+    return button
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    }
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent side="right" align="center" hidden={state !== "collapsed" || isMobile} {...tooltip} />
+    </Tooltip>
+  )
+})
+SidebarMenuButton.displayName = "SidebarMenuButton"
+
+const SidebarMenuAction = React.forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<"button"> & {
+    asChild?: boolean
+    showOnHover?: boolean
+  }
+>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="menu-action"
+      className={cn(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarMenuAction.displayName = "SidebarMenuAction"
+
+const SidebarMenuBadge = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    data-sidebar="menu-badge"
+    className={cn(
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    )}
+    {...props}
+  />
+))
+SidebarMenuBadge.displayName = "SidebarMenuBadge"
+
+const SidebarMenuSkeleton = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<"div"> & {
+    showIcon?: boolean
+  }
+>(({ className, showIcon = false, ...props }, ref) => {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`
+  }, [])
+
+  return (
+    <div ref={ref} data-sidebar="menu-skeleton" className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)} {...props}>
+      {showIcon && <Skeleton className="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />}
+      <Skeleton
+        className="h-4 max-w-[--skeleton-width] flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  )
+})
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton"
+
+const SidebarMenuSub = React.forwardRef<HTMLUListElement, React.ComponentProps<"ul">>(({ className, ...props }, ref) => (
+  <ul
+    ref={ref}
+    data-sidebar="menu-sub"
+    className={cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className)}
+    {...props}
+  />
+))
+SidebarMenuSub.displayName = "SidebarMenuSub"
+
+const SidebarMenuSubItem = React.forwardRef<HTMLLIElement, React.ComponentProps<"li">>(({ ...props }, ref) => <li ref={ref} {...props} />)
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem"
+
+const SidebarMenuSubButton = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentProps<"a"> & {
+    asChild?: boolean
+    size?: "sm" | "md"
+    isActive?: boolean
+  }
+>(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      ref={ref}
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  )
+})
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton"
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+}
diff --git a/starters/shopify-algolia/components/ui/toggle-group.tsx b/starters/shopify-algolia/components/ui/toggle-group.tsx
new file mode 100644
index 00000000..1d6d1180
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/toggle-group.tsx
@@ -0,0 +1,42 @@
+"use client"
+
+import * as React from "react"
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
+import { VariantProps, cva } from "class-variance-authority"
+import { cn } from "utils/cn"
+
+const toggleGroupItemVariants = cva(
+  "inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const ToggleGroup = React.forwardRef<React.ElementRef<typeof ToggleGroupPrimitive.Root>, React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>>(
+  ({ className, ...props }, ref) => <ToggleGroupPrimitive.Root ref={ref} className={cn("flex items-center justify-center gap-1", className)} {...props} />
+)
+
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>
+>(({ className, variant, size, ...props }, ref) => <ToggleGroupPrimitive.Item ref={ref} className={cn(toggleGroupItemVariants({ variant, size, className }))} {...props} />)
+
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
+
+export { ToggleGroup, ToggleGroupItem }
diff --git a/starters/shopify-algolia/components/ui/tooltip.tsx b/starters/shopify-algolia/components/ui/tooltip.tsx
new file mode 100644
index 00000000..6e53b72e
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/tooltip.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+import { cn } from "utils/cn"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+const TooltipTrigger = TooltipPrimitive.Trigger
+
+const TooltipContent = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Content>, React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>>(
+  ({ className, sideOffset = 4, ...props }, ref) => (
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
+        className
+      )}
+      {...props}
+    />
+  )
+)
+TooltipContent.displayName = TooltipPrimitive.Content.displayName
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/starters/shopify-algolia/components/ui/typing-indicator.tsx b/starters/shopify-algolia/components/ui/typing-indicator.tsx
new file mode 100644
index 00000000..ffbcded1
--- /dev/null
+++ b/starters/shopify-algolia/components/ui/typing-indicator.tsx
@@ -0,0 +1,15 @@
+import { Dot } from "lucide-react"
+
+export function TypingIndicator() {
+  return (
+    <div className="justify-left flex space-x-1">
+      <div className="rounded-lg bg-muted p-3">
+        <div className="flex -space-x-2.5">
+          <Dot className="animate-typing-dot-bounce h-5 w-5" />
+          <Dot className="animate-typing-dot-bounce h-5 w-5 [animation-delay:90ms]" />
+          <Dot className="animate-typing-dot-bounce h-5 w-5 [animation-delay:180ms]" />
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/starters/shopify-algolia/lib/ai/chat/index.ts b/starters/shopify-algolia/lib/ai/chat/index.ts
new file mode 100644
index 00000000..86af6d9e
--- /dev/null
+++ b/starters/shopify-algolia/lib/ai/chat/index.ts
@@ -0,0 +1,64 @@
+// Origin: https://github.com/vercel/ai-chatbot/blob/main/lib/utils.ts
+
+import type { CoreAssistantMessage, CoreMessage, CoreToolMessage, Message } from "ai"
+
+export function sanitizeUIMessages(messages: Array<Message>): Array<Message> {
+  const messagesBySanitizedToolInvocations = messages.map((message) => {
+    if (message.role !== "assistant") return message
+
+    if (!message.toolInvocations) return message
+
+    const toolResultIds: Array<string> = []
+
+    for (const toolInvocation of message.toolInvocations) {
+      if (toolInvocation.state === "result") {
+        toolResultIds.push(toolInvocation.toolCallId)
+      }
+    }
+
+    const sanitizedToolInvocations = message.toolInvocations.filter((toolInvocation) => toolInvocation.state === "result" || toolResultIds.includes(toolInvocation.toolCallId))
+
+    return {
+      ...message,
+      toolInvocations: sanitizedToolInvocations,
+    }
+  })
+
+  return messagesBySanitizedToolInvocations.filter((message) => message.content.length > 0 || (message.toolInvocations && message.toolInvocations.length > 0))
+}
+
+export function sanitizeResponseMessages(messages: Array<CoreToolMessage | CoreAssistantMessage>): Array<CoreToolMessage | CoreAssistantMessage> {
+  const toolResultIds: Array<string> = []
+
+  for (const message of messages) {
+    if (message.role === "tool") {
+      for (const content of message.content) {
+        if (content.type === "tool-result") {
+          toolResultIds.push(content.toolCallId)
+        }
+      }
+    }
+  }
+
+  const messagesBySanitizedContent = messages.map((message) => {
+    if (message.role !== "assistant") return message
+
+    if (typeof message.content === "string") return message
+
+    const sanitizedContent = message.content.filter((content) =>
+      content.type === "tool-call" ? toolResultIds.includes(content.toolCallId) : content.type === "text" ? content.text.length > 0 : true
+    )
+
+    return {
+      ...message,
+      content: sanitizedContent,
+    }
+  })
+
+  return messagesBySanitizedContent.filter((message) => message.content.length > 0)
+}
+
+export function getMostRecentUserMessage(messages: Array<CoreMessage>) {
+  const userMessages = messages.filter((message) => message.role === "user")
+  return userMessages.at(-1)
+}
diff --git a/starters/shopify-algolia/lib/ai/prompts.ts b/starters/shopify-algolia/lib/ai/prompts.ts
new file mode 100644
index 00000000..7d1a8fa5
--- /dev/null
+++ b/starters/shopify-algolia/lib/ai/prompts.ts
@@ -0,0 +1,46 @@
+export const systemPrompt = `
+You are a shopping assistant for an e-commerce website. Your primary goal is to help users navigate the site by generating accurate URLs based on their needs.
+
+**Tools Available:**
+
+1. \`searchProducts\` – Use this to find a specific product when the user explicitly specifies one (e.g., “Show me Apple headphones”).
+2. \`searchCategories\` – Use this to find relevant categories for browsing or when the user’s request is broad or unclear (e.g., “I want red T-shirts” or “running shoes under 50$”).
+3. \`buildNavigationQuery\` – **Always use this tool after completing any search or filtration.** It will return the exact URL to navigate the user to the desired page.
+
+When using \`buildNavigationQuery\`, you can include optional filters to refine the results. The \`filters\` object supports the following properties:
+- Use \`resultType: 'category'\` when the user specifies a clear product category like "hoodies" or "shoes."
+- Use \`resultType: 'search'\` if the user does not specify a category but provides other filters like vendor, price range, or sort order. Attach the relevant filters to the \`filters\` object in this case.
+- \`minPrice\`: Specify a minimum price (number).
+- \`maxPrice\`: Specify a maximum price (number).
+- \`vendors\`: Filter by an array of vendor names (strings).
+- \`color\`: Filter by an array of colors (strings).
+- \`sortBy\`: Specify the sorting order (string). Available sorting options:
+  - \`price-high-to-low\`
+  - \`price-low-to-high\`
+  - \`customer-reviews\`
+  - \`newest\`
+  - \`oldest\`
+  - \`relevancy\`
+
+The \`filters\` object is optional, and the \`sortBy\` parameter should only be included when explicitly requested by the user.
+
+**Behavioral Guidelines:**
+
+1. **Short and concise responses** – Provide minimal chat text. User will be navigated to the result page, so avoid repeating product or category details or providing any links in the chat.
+2. **Ask for clarification if needed** – If the user’s request is ambiguous, request more details before proceeding.
+3. **Accurate tool usage only** – Don’t guess or create navigation paths. Always rely on the tools’ outputs. If no results match the user’s query, inform them politely and suggest alternatives.
+4. **Friendly and professional tone** – Be polite, approachable, and straightforward. Avoid jargon; keep explanations clear and easy to understand.
+5. **Iterative broadening for unavailable queries** – If no results are found for a detailed query:
+    - Broaden the query **up to 2 times maximum**:
+        - First, remove one specific filter (e.g., drop brand but keep price).
+        - If still no results, broaden further by removing another filter (e.g., drop price but retain product type).
+    - If no results are found after 2 iterations, **stop broadening and provide the best available results or related categories.**
+    - **Always use \`buildNavigationQuery\` to finalize navigation for the current results** and clearly explain to the user how the query was adjusted.
+6. **Alternative results for unmatched queries** – Suggest closely related categories or products and explain briefly why the original request wasn’t possible.
+7. **No repetition of tool results** – Assume the user navigates using the final URL. Avoid echoing details unless it provides useful hints.
+8. **Conversion-focused responses** – Guide the user towards next steps or related searches.
+9. **Persist filters across the conversation** – Retain filters provided by the user until they explicitly ask to remove them or the context of the conversation changes completely.
+
+
+This ensures that when users refine their queries, the assistant dynamically uses the previous context to guide them accurately while adhering to all tool usage rules.
+`
diff --git a/starters/shopify-algolia/lib/ai/tools.ts b/starters/shopify-algolia/lib/ai/tools.ts
new file mode 100644
index 00000000..34be1bee
--- /dev/null
+++ b/starters/shopify-algolia/lib/ai/tools.ts
@@ -0,0 +1,113 @@
+import { tool as createTool, type CoreTool } from "ai"
+import { getCategories, getProducts } from "lib/algolia"
+import { z } from "zod"
+
+export type AllowedTools = "searchProducts" | "searchCategories" | "buildNavigationQuery"
+
+const searchProducts = createTool({
+  description: "Search for available products to route to",
+  parameters: z.object({
+    query: z.string({ description: " Keyword for a product" }),
+  }),
+  execute: async function ({ query }) {
+    const results = await getProducts({ query, hitsPerPage: 5 })
+
+    return { results: results.hits, availableFilters: results.facetDistribution }
+  },
+})
+
+const searchCategories = createTool({
+  description: "Search for available categories to route to",
+  parameters: z.object({
+    query: z.string({ description: "Keyword for a category" }),
+  }),
+  execute: async function ({ query }) {
+    const results = await getCategories({ query, hitsPerPage: 5 })
+
+    return { results: results.hits, availableFilters: results.facetDistribution }
+  },
+})
+
+const buildNavigationQuery = createTool({
+  description: "Build URL to navigate the user to",
+  parameters: z.object({
+    result: z.object({
+      handle: z.string(),
+    }),
+    resultType: z.union([z.literal("product"), z.literal("category"), z.literal("search")]),
+    filters: z
+      .object({
+        minPrice: z.number().optional(),
+        maxPrice: z.number().optional(),
+        vendors: z.array(z.string()).optional(),
+        colors: z.array(z.string()).optional(),
+        sortBy: z.string().optional(),
+      })
+      .optional(),
+  }),
+  execute: async function ({ result, resultType, ...rest }) {
+    switch (resultType) {
+      case "product":
+        return `/ai/product/${result.handle}`
+
+      case "category": {
+        if ("filters" in rest) {
+          const params = processFiltersToSearchParams(rest.filters!)
+          return `/ai/category/${result.handle}?${decodeURIComponent(params.toString())}`
+        }
+        return `/ai/category/${result.handle}`
+      }
+
+      case "search": {
+        if ("filters" in rest) {
+          const params = processFiltersToSearchParams(rest.filters!)
+          return `/ai/search?${decodeURIComponent(params.toString())}`
+        }
+        return `/ai/search/`
+      }
+    }
+  },
+})
+
+function processFiltersToSearchParams(filters: Record<string, string | string[] | number | number[]>) {
+  const params = new URLSearchParams()
+
+  for (const [key, value] of Object.entries(filters)) {
+    if (key === "sortBy") {
+      switch (value) {
+        case "price-high-to-low":
+          params.set("sortBy", "minPrice:desc")
+          break
+        case "price-low-to-high":
+          params.set("sortBy", "minPrice:asc")
+          break
+        case "customer-reviews":
+          params.set("sortBy", "avgRating:desc")
+          break
+        case "newest":
+          params.set("sortBy", "updatedAtTimestamp:asc")
+          break
+        case "oldest":
+          params.set("sortBy", "updatedAtTimestamp:desc")
+          break
+        case "relevancy":
+          params.delete("sortBy")
+          break
+        default:
+          break
+      }
+    } else if (Array.isArray(value)) {
+      params.set(key, value.join(","))
+    } else {
+      params.set(key, value.toString())
+    }
+  }
+
+  return params
+}
+
+export const tools: Record<AllowedTools, CoreTool> = {
+  searchProducts,
+  searchCategories,
+  buildNavigationQuery,
+}
diff --git a/starters/shopify-algolia/lib/algolia/client.ts b/starters/shopify-algolia/lib/algolia/client.ts
index 51c99b53..0fbf7122 100644
--- a/starters/shopify-algolia/lib/algolia/client.ts
+++ b/starters/shopify-algolia/lib/algolia/client.ts
@@ -8,6 +8,7 @@ import {
   type SearchMethodParams,
   type SearchResponse,
   type SearchSingleIndexProps,
+  SearchForFacetValuesProps,
 } from "algoliasearch"
 
 import { env } from "env.mjs"
@@ -31,6 +32,7 @@ export const algolia = (args: { applicationId: string; apiKey: string }) => {
     create: async (args: PartialUpdateObjectsOptions) => createObjects(args, client),
     multiSearch: async <T extends Record<string, any>>(args: SearchMethodParams) => multiSearch<T>(args, client),
     getRecommendations: async (args: GetRecommendationsParams) => getRecommendations(recommendationClient, args),
+    getFacetValues: async (args: SearchForFacetValuesProps) => getFacetValues(client, args),
     filterBuilder: () => new FilterBuilder(),
     mapIndexToSort,
   }
@@ -90,6 +92,9 @@ const getRecommendations = async (client: ReturnType<ReturnType<typeof algoliaCl
   return client.getRecommendations(args)
 }
 
+const getFacetValues = async (client: ReturnType<typeof algoliaClient>, args: SearchForFacetValuesProps) => {
+  return client.searchForFacetValues(args)
+}
 export type SortType = "minPrice:desc" | "minPrice:asc" | "avgRating:desc" | "updatedAtTimestamp:asc" | "updatedAtTimestamp:desc"
 
 const mapIndexToSort = (index: string, sortOption: SortType) => {
diff --git a/starters/shopify-algolia/lib/algolia/filter-builder.test.ts b/starters/shopify-algolia/lib/algolia/filter-builder.test.ts
index 5001d561..edc64c07 100644
--- a/starters/shopify-algolia/lib/algolia/filter-builder.test.ts
+++ b/starters/shopify-algolia/lib/algolia/filter-builder.test.ts
@@ -1,4 +1,4 @@
-import { FilterBuilder, ComparisonOperators } from "./filter-builder"
+import { FilterBuilder, ComparisonOperators, LogicalOperators } from "./filter-builder"
 
 describe("FilterBuilder", () => {
   let builder: FilterBuilder
@@ -7,111 +7,115 @@ describe("FilterBuilder", () => {
     builder = new FilterBuilder()
   })
 
+  describe("hasFilters", () => {
+    it("should return false when no filters are added", () => {
+      expect(builder.hasFilters()).toBe(false)
+    })
+
+    it("should return true when filters are added", () => {
+      builder.where("category", "books")
+      expect(builder.hasFilters()).toBe(true)
+    })
+  })
+
   describe("where", () => {
-    it("should create a basic equality filter", () => {
-      expect(new FilterBuilder().where("price", 100).build()).toBe("price:100")
-      expect(new FilterBuilder().where("name", "test").build()).toBe('name:"test"')
-      expect(new FilterBuilder().where("isActive", true).build()).toBe("isActive:true")
+    it("should create a basic filter", () => {
+      expect(builder.where("category", "books").build()).toBe('category:"books"')
     })
 
-    it("should handle comparison operators", () => {
-      expect(new FilterBuilder().where("price", 100, ComparisonOperators.GreaterThan).build()).toBe("price>100")
-      expect(new FilterBuilder().where("price", 100, ComparisonOperators.LessThanOrEqual).build()).toBe("price<=100")
-      expect(new FilterBuilder().where("price", 100, ComparisonOperators.NotEqual).build()).toBe("price!=100")
+    it("should handle number values", () => {
+      expect(builder.where("price", 100).build()).toBe("price:100")
     })
 
-    it("should handle array values as IN operation", () => {
-      expect(new FilterBuilder().where("category", ["books", "games"]).build()).toBe('(category:"books" OR category:"games")')
+    it("should handle boolean values", () => {
+      expect(builder.where("inStock", true).build()).toBe("inStock:true")
     })
-  })
 
-  describe("to", () => {
-    it("should create a range filter", () => {
-      expect(builder.to("price", 10, 100).build()).toBe("price:10 TO 100")
+    it("should ignore null values", () => {
+      expect(builder.where("category", null).build()).toBe("")
     })
   })
 
-  describe("in", () => {
+  describe("multi", () => {
     it("should create an OR condition for multiple values", () => {
-      expect(builder.in("category", ["books", "games"]).build()).toBe('(category:"books" OR category:"games")')
+      expect(builder.multi("category", ["books", "games"]).build()).toBe('(category:"books" OR category:"games")')
+    })
+
+    it("should create an AND condition when specified", () => {
+      expect(builder.multi("category", ["books", "games"], LogicalOperators.And).build()).toBe('(category:"books" AND category:"games")')
     })
 
     it("should handle empty array", () => {
-      expect(builder.in("category", []).build()).toBe("")
+      expect(builder.multi("category", []).build()).toBe("")
     })
 
-    it("should handle different value types", () => {
-      expect(builder.in("mixed", ["test", 123, true]).build()).toBe('(mixed:"test" OR mixed:123 OR mixed:true)')
+    it("should handle null input", () => {
+      expect(builder.multi("category", null).build()).toBe("")
     })
   })
 
-  describe("tag", () => {
-    it("should create a tag filter", () => {
-      expect(builder.tag("featured").build()).toBe('_tags:"featured"')
+  describe("numeric", () => {
+    it("should create numeric comparison", () => {
+      expect(builder.numeric("price", 100).build()).toBe("price = 100")
+    })
+
+    it("should handle different operators", () => {
+      expect(builder.numeric("price", 100, ComparisonOperators.GreaterThan).build()).toBe("price > 100")
+    })
+
+    it("should ignore null values", () => {
+      expect(builder.numeric("price", null).build()).toBe("")
+    })
+  })
+
+  describe("to", () => {
+    it("should create range filter", () => {
+      expect(builder.to("price", 10, 100).build()).toBe("price:10 TO 100")
+    })
+
+    it("should ignore if either value is null", () => {
+      expect(builder.to("price", null, 100).build()).toBe("")
+      expect(builder.to("price", 10, null).build()).toBe("")
     })
   })
 
   describe("logical operators", () => {
-    it("should combine conditions with AND", () => {
-      const builder = new FilterBuilder()
-      expect(builder.where("price", 100).and().where("category", "books").build()).toBe('price:100 AND category:"books"')
+    it("should chain conditions with AND", () => {
+      expect(builder.where("category", "books").and().where("price", 100).build()).toBe('category:"books" AND price:100')
     })
 
-    it("should combine conditions with OR", () => {
-      const builder = new FilterBuilder()
-      expect(builder.where("price", 100).or().where("price", 200).build()).toBe("price:100 OR price:200")
+    it("should chain conditions with OR", () => {
+      expect(builder.where("category", "books").or().where("category", "games").build()).toBe('category:"books" OR category:"games"')
     })
 
     it("should handle NOT operator", () => {
-      const builder = new FilterBuilder()
-      expect(builder.not().where("category", "books").build()).toBe('NOT category:"books"')
+      expect(builder.where("category", "books").and().not().where("price", 100).build()).toBe('category:"books" AND NOT price:100')
     })
   })
 
-  describe("group", () => {
-    it("should create grouped conditions", () => {
-      expect(
-        new FilterBuilder()
-          .group((sub) => {
-            sub.where("price", 100).or().where("price", 200)
-          })
-          .and()
-          .where("category", "books")
-          .build()
-      ).toBe('(price:100 OR price:200) AND category:"books"')
-    })
-
-    it("should handle nested groups", () => {
-      expect(
-        new FilterBuilder()
-          .group((sub) => {
-            sub
-              .where("price", 100)
-              .and()
-              .group((inner) => {
-                inner.where("category", "books").or().where("category", "games")
-              })
-          })
-          .build()
-      ).toBe('(price:100 AND (category:"books" OR category:"games"))')
+  describe("raw", () => {
+    it("should add raw expression", () => {
+      expect(builder.raw('category:"books"').build()).toBe('category:"books"')
+    })
+
+    it("should combine with other filters", () => {
+      expect(builder.where("category", "books").and().raw("price:100").build()).toBe('category:"books" AND price:100')
     })
   })
 
-  describe("complex queries", () => {
-    it("should handle complex combinations of filters", () => {
-      expect(
-        new FilterBuilder()
-          .where("price", 100, ComparisonOperators.GreaterThanOrEqual)
-          .and()
-          .where("price", 200, ComparisonOperators.LessThanOrEqual)
-          .and()
-          .group((sub) => {
-            sub.where("category", "books").or().where("category", "games")
-          })
-          .and()
-          .tag("featured")
-          .build()
-      ).toBe('price>=100 AND price<=200 AND (category:"books" OR category:"games") AND _tags:"featured"')
+  describe("build", () => {
+    it("should join multiple conditions with default operator", () => {
+      builder.where("category", "books").where("price", 100)
+      expect(builder.build()).toBe('category:"books" price:100')
+    })
+
+    it("should join multiple conditions with specified operator", () => {
+      builder.where("category", "books").where("price", 100)
+      expect(builder.build(LogicalOperators.And)).toBe('category:"books" AND price:100')
+    })
+
+    it("should return empty string when no filters", () => {
+      expect(builder.build()).toBe("")
     })
   })
 })
diff --git a/starters/shopify-algolia/lib/algolia/filter-builder.ts b/starters/shopify-algolia/lib/algolia/filter-builder.ts
index 52273e15..111d2f6c 100644
--- a/starters/shopify-algolia/lib/algolia/filter-builder.ts
+++ b/starters/shopify-algolia/lib/algolia/filter-builder.ts
@@ -6,7 +6,6 @@ export enum ComparisonOperators {
   GreaterThanOrEqual = ">=",
   LessThan = "<",
   LessThanOrEqual = "<=",
-  To = "TO",
 }
 
 export enum LogicalOperators {
@@ -15,41 +14,26 @@ export enum LogicalOperators {
   Not = "NOT",
 }
 
-type Value = string | number | boolean | (string | number | boolean)[]
-
 export class FilterBuilder {
   private expression: string[] = []
 
-  where(attribute: string, value: Value, operator?: ComparisonOperators): FilterBuilder {
-    if (Array.isArray(value)) {
-      if (value.length === 0) {
-        return this
-      }
-      const conditions = value.map((v) => `${attribute}:${this.formatValue(v)}`)
-      this.expression.push(conditions.length === 1 ? conditions[0] : `(${conditions.join(" OR ")})`)
-    } else {
-      this.expression.push(`${attribute}${operator || ":"}${this.formatValue(value)}`)
-    }
-    return this
-  }
-
-  to(attribute: string, min: number, max: number): FilterBuilder {
-    this.expression.push(`${attribute}:${min} TO ${max}`)
-    return this
+  hasFilters(): boolean {
+    return this.expression.length > 0
   }
 
-  in(attribute: string, values: (string | number | boolean)[]): FilterBuilder {
-    if (values.length === 0) {
-      return this
-    }
+  // simplification to prevent raw() overuse
+  where(attribute: string, value: (string | number | boolean) | null): FilterBuilder {
+    if (!value) return this
 
-    const conditions = values.map((value) => `${attribute}:${this.formatValue(value)}`)
-    this.expression.push(conditions.length === 1 ? conditions[0] : `(${conditions.join(" OR ")})`)
+    this.expression.push(`${attribute}:${this.formatValue(value)}`)
     return this
   }
+  // For multiple values so we don't have to chain .and().raw() etc.
+  multi(attribute: string, values: (string | number | boolean)[] | null, operator: LogicalOperators = LogicalOperators.Or): FilterBuilder {
+    if (!values || values.length === 0) return this
 
-  tag(value: string): FilterBuilder {
-    this.expression.push(`_tags:${this.formatValue(value)}`)
+    const conditions = values.map((value) => `${attribute}:${this.formatValue(value)}`)
+    this.expression.push(`(${conditions.join(` ${operator} `)})`)
     return this
   }
 
@@ -68,16 +52,26 @@ export class FilterBuilder {
     return this
   }
 
-  group(fn: (builder: FilterBuilder) => void): FilterBuilder {
-    const subBuilder = new FilterBuilder()
-    fn(subBuilder)
-    const subExpression = subBuilder.build()
-    this.expression.push(`(${subExpression})`)
+  raw(expression: string): FilterBuilder {
+    this.expression.push(expression)
     return this
   }
+  to(attribute: string, min: number | null, max: number | null): FilterBuilder {
+    if (!min || !max) return this
 
-  build(): string {
-    return this.expression.join(" ")
+    this.expression.push(`${attribute}:${min} TO ${max}`)
+    return this
+  }
+  numeric(attribute: string, value: number | null, operator: ComparisonOperators = ComparisonOperators.Equal): FilterBuilder {
+    if (!value) return this
+
+    this.expression.push(`${attribute} ${operator} ${value}`)
+    return this
+  }
+
+  build(operator?: LogicalOperators): string {
+    if (this.expression.length === 0) return ""
+    return this.expression.join(operator ? ` ${operator} ` : " ").trim()
   }
 
   private formatValue(value: string | number | boolean): string {
@@ -86,8 +80,4 @@ export class FilterBuilder {
     }
     return value.toString()
   }
-
-  private formatArray(values: (string | number | boolean)[]): string {
-    return `(${values.map((v) => this.formatValue(v)).join(",")})`
-  }
 }
diff --git a/starters/shopify-algolia/lib/algolia/index.ts b/starters/shopify-algolia/lib/algolia/index.ts
index 16dc15ed..5c0bf4a0 100644
--- a/starters/shopify-algolia/lib/algolia/index.ts
+++ b/starters/shopify-algolia/lib/algolia/index.ts
@@ -5,7 +5,7 @@ import { env } from "env.mjs"
 import { getDemoCategories, getDemoProductReviews, getDemoProducts, getDemoSingleCategory, getDemoSingleProduct, isDemoMode } from "utils/demo-utils"
 import { notifyOptIn } from "utils/opt-in"
 
-import { ComparisonOperators, FilterBuilder } from "lib/algolia/filter-builder"
+import { FilterBuilder } from "lib/algolia/filter-builder"
 import type { Review } from "lib/reviews/types"
 import { PlatformCollection } from "lib/shopify/types"
 
@@ -40,7 +40,7 @@ export const getProducts = unstable_cache(
       hitsPerPage: 50,
     }
   ) => {
-    if (isDemoMode()) return getDemoCategories()
+    if (isDemoMode()) return getDemoProducts()
 
     return await algolia.search<PlatformCollection>({
       indexName: env.ALGOLIA_PRODUCTS_INDEX,
@@ -83,6 +83,7 @@ export const getAllProducts = async (options?: Omit<BrowseProps["browseParams"],
 export const getSimilarProducts = unstable_cache(
   async (collection: string | undefined, objectID: string) => {
     const limit = 8
+    if (!collection) return []
 
     if (isDemoMode()) return getDemoProducts().hits.slice(0, limit)
 
@@ -104,7 +105,7 @@ export const getSimilarProducts = unstable_cache(
         indexName: env.ALGOLIA_PRODUCTS_INDEX,
         searchParams: {
           hitsPerPage: limit - results[0].hits.length,
-          filters: algolia.filterBuilder().where("collections.handle", collection!).build(),
+          filters: algolia.filterBuilder().where("collections.handle", collection).build(),
         },
       })
     }
@@ -265,29 +266,26 @@ export const getFilteredProducts = unstable_cache(
     const indexName = algolia.mapIndexToSort(env.ALGOLIA_PRODUCTS_INDEX, sortBy as SortType)
 
     try {
-      // use a single http request to search for products and facets, utilize separate query for facet values that should be independent from the search query
-      const res = await algolia?.multiSearch<CommerceProduct>({
-        requests: [
-          {
-            indexName,
+      const [results, independentFacets] = await Promise.all([
+        algolia.search<CommerceProduct>({
+          indexName,
+          searchParams: {
             query,
-            facets: ["hierarchicalCategories.lvl0", "hierarchicalCategories.lvl1", "hierarchicalCategories.lvl2"],
+            filters,
+            page: page - 1,
             hitsPerPage: HITS_PER_PAGE,
+            attributesToRetrieve: ["id", "handle", "title", "priceRange", "featuredImage", "minPrice", "variants", "images", "avgRating", "totalReviews"],
+            facets: ["flatOptions.Color", "avgRating"],
           },
-          {
-            indexName,
+        }),
+        algolia.search<CommerceProduct>({
+          indexName,
+          searchParams: {
+            facets: ["vendor"].concat(!!env.SHOPIFY_HIERARCHICAL_NAV_HANDLE ? [`hierarchicalCategories.lvl0`, `hierarchicalCategories.lvl1`, `hierarchicalCategories.lvl2`] : []),
             hitsPerPage: HITS_PER_PAGE,
-            facets: ["vendor", "variants.availableForSale", "flatOptions.Color", "minPrice", "avgRating"].concat(
-              !!env.SHOPIFY_HIERARCHICAL_NAV_HANDLE ? [`hierarchicalCategories.lvl0`, `hierarchicalCategories.lvl1`, `hierarchicalCategories.lvl2`] : []
-            ),
-            filters,
-            page: page - 1,
-            attributesToRetrieve: ["id", "handle", "title", "priceRange", "featuredImage", "minPrice", "variants", "images", "avgRating", "totalReviews", "vendor"],
           },
-        ],
-      })
-
-      const [independentFacets, results] = res?.results || []
+        }),
+      ])
 
       const hits = results?.hits || []
       const totalPages = results?.nbPages || 0
@@ -304,3 +302,19 @@ export const getFilteredProducts = unstable_cache(
   ["filtered-products"],
   { revalidate: 86400 }
 )
+
+export const getFacetValues = unstable_cache(
+  async ({ indexName, facetName }: { indexName: string; facetName: string }) => {
+    console.log("calling get facet values", facetName)
+    if (isDemoMode()) return []
+
+    const res = await algolia.getFacetValues({
+      indexName,
+      facetName,
+    })
+
+    return res?.facetHits.map(({ value }) => value)
+  },
+  ["facet-values"],
+  { revalidate: 86400 }
+)
diff --git a/starters/shopify-algolia/middleware.ts b/starters/shopify-algolia/middleware.ts
index c7104591..72c78bde 100644
--- a/starters/shopify-algolia/middleware.ts
+++ b/starters/shopify-algolia/middleware.ts
@@ -94,23 +94,25 @@ function handleAbTestingMiddleware(request: NextRequest, route: Route) {
 function handleCLPMiddleware(request: NextRequest) {
   const url = request.nextUrl.clone()
   const page = request.nextUrl.searchParams.get("page")
+  const isAi = request.nextUrl.pathname.startsWith("/ai/category")
 
   if (page) {
-    url.pathname = `category/clp/${request.nextUrl.pathname.split("/")[2]}/${page}`
+    url.pathname = `${isAi ? "ai/category" : "category"}/clp/${request.nextUrl.pathname.split("/")[isAi ? 3 : 2]}/${page}`
     url.searchParams.delete("page")
 
     return NextResponse.rewrite(url)
   }
 
-  url.pathname = `category/clp/${request.nextUrl.pathname.split("/")[2]}`
+  url.pathname = `${isAi ? "ai/category" : "category"}/clp/${request.nextUrl.pathname.split("/")[isAi ? 3 : 2]}`
 
   return NextResponse.rewrite(url)
 }
 
 function handlePLPMiddleware(request: NextRequest) {
   const url = request.nextUrl.clone()
+  const isAi = request.nextUrl.pathname.startsWith("/ai/category")
 
-  url.pathname = `category/plp/${request.nextUrl.pathname.split("/")[2]}`
+  url.pathname = `${isAi ? "ai/category" : "category"}/plp/${request.nextUrl.pathname.split("/")[isAi ? 3 : 2]}`
 
   return NextResponse.rewrite(url)
 }
@@ -124,15 +126,23 @@ export const config = {
 function isCLP(request: NextRequest): boolean {
   const isCategory = request.nextUrl.pathname.startsWith("/category/")
   const isInternalRoute = request.nextUrl.pathname.startsWith("/category/clp/")
+
+  const isAiCategory = request.nextUrl.pathname.startsWith("/ai/category/")
+  const isAiInternalRoute = request.nextUrl.pathname.startsWith("/ai/category/clp/")
+
   const isFaceted = facetParams.some((param) => request.nextUrl.searchParams.has(param))
 
-  return isCategory && !isFaceted && !isInternalRoute
+  return (isCategory && !isFaceted && !isInternalRoute) || (isAiCategory && !isFaceted && !isAiInternalRoute)
 }
 
 function isPLP(request: NextRequest): boolean {
   const isCategory = request.nextUrl.pathname.startsWith("/category/")
   const isInternalRoute = request.nextUrl.pathname.startsWith("/category/plp/")
+
+  const isAiCategory = request.nextUrl.pathname.startsWith("/ai/category/")
+  const isAiInternalRoute = request.nextUrl.pathname.startsWith("/ai/category/plp/")
+
   const isFaceted = facetParams.some((param) => request.nextUrl.searchParams.has(param))
 
-  return isCategory && isFaceted && !isInternalRoute
+  return (isCategory && isFaceted && !isInternalRoute) || (isAiCategory && isFaceted && !isAiInternalRoute)
 }
diff --git a/starters/shopify-algolia/package.json b/starters/shopify-algolia/package.json
index 9c37abb1..64253179 100644
--- a/starters/shopify-algolia/package.json
+++ b/starters/shopify-algolia/package.json
@@ -23,41 +23,46 @@
     "build:scripts": "rimraf scripts/dist && tsup scripts/ -d scripts/dist"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^0.0.71",
+    "@ai-sdk/openai": "^1.0.1",
     "@hookform/resolvers": "^3.3.4",
     "@next/bundle-analyzer": "15.0.3",
     "@next/third-parties": "15.0.3",
     "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-form": "^0.0.3",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-scroll-area": "^1.2.1",
     "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-tooltip": "^1.1.4",
     "@shopify/admin-api-client": "0.2.3",
     "@shopify/storefront-api-client": "0.2.3",
     "@t3-oss/env-nextjs": "^0.9.2",
     "@uidotdev/usehooks": "^2.4.1",
     "@vercel/analytics": "^1.2.2",
     "@vercel/flags": "2.2.1",
+    "@vercel/functions": "^1.5.0",
     "@vercel/speed-insights": "^1.0.10",
     "@vercel/toolbar": "0.1.10",
-    "ai": "^3.4.31",
+    "ai": "^4.0.1",
     "algoliasearch": "^5.12.0",
     "autoprefixer": "^10.4.19",
     "bloom-filters": "^3.0.1",
     "class-variance-authority": "^0.7.0",
     "date-fns": "^3.6.0",
     "embla-carousel-react": "^8.0.0",
+    "framer-motion": "^12.0.0-alpha.1",
+    "lucide-react": "^0.460.0",
     "next": "15.0.3",
     "next-compose-plugins": "^2.2.1",
     "nuqs": "^1.17.1",
@@ -67,10 +72,14 @@
     "react": "19.0.0-rc-66855b96-20241106",
     "react-dom": "19.0.0-rc-66855b96-20241106",
     "react-hook-form": "^7.51.1",
+    "react-markdown": "^9.0.1",
+    "remark-gfm": "^4.0.0",
     "replicate": "^0.29.1",
     "schema-dts": "^1.1.2",
     "sharp": "0.32.6",
+    "shiki": "^1.23.1",
     "sonner": "^1.4.41",
+    "tailwindcss-animate": "^1.0.7",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
diff --git a/starters/shopify-algolia/tailwind.config.ts b/starters/shopify-algolia/tailwind.config.ts
index a296a94b..46d64fa0 100644
--- a/starters/shopify-algolia/tailwind.config.ts
+++ b/starters/shopify-algolia/tailwind.config.ts
@@ -14,7 +14,7 @@ const config: Omit<Config, "content"> = {
     "./stores/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/**/*.{js,ts,jsx,tsx,mdx}",
   ],
-  darkMode: "class",
+  darkMode: ["class"],
   corePlugins: {
     preflight: false,
   },
@@ -58,6 +58,10 @@ const config: Omit<Config, "content"> = {
             transform: "scale(1.1)",
           },
         },
+        "typing-dot-bounce": {
+          "0%,40%": { transform: "translateY(0)" },
+          "20%": { transform: "translateY(-0.25rem)" },
+        },
       },
       animation: {
         slideOutLeft: "slideOutLeft 0.3s ease-out forwards",
@@ -66,19 +70,56 @@ const config: Omit<Config, "content"> = {
         "accordion-up": "accordion-up 0.2s ease-out",
         "single-bounce": "bounceOnce 0.5s ease-out",
         wiggle: "wiggle .2s ease-out",
+        "typing-dot-bounce": "typing-dot-bounce 1.25s ease-out infinite",
       },
       colors: {
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar-background))",
+          foreground: "hsl(var(--sidebar-foreground))",
+          primary: "hsl(var(--sidebar-primary))",
+          "primary-foreground": "hsl(var(--sidebar-primary-foreground))",
+          accent: "hsl(var(--sidebar-accent))",
+          "accent-foreground": "hsl(var(--sidebar-accent-foreground))",
+          border: "hsl(var(--sidebar-border))",
+          ring: "hsl(var(--sidebar-ring))",
+        },
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
         primary: {
-          50: "#eff6ff",
-          100: "#dbeafe",
-          200: "#bfdbfe",
-          300: "#93c5fd",
-          400: "#60a5fa",
-          500: "#3b82f6",
-          600: "#2563eb",
-          700: "#1d4ed8",
-          800: "#1e40af",
-          900: "#1e3a8a",
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        borderRadius: {
+          lg: `var(--radius)`,
+          md: `calc(var(--radius) - 2px)`,
+          sm: "calc(var(--radius) - 4px)",
         },
       },
       fontFamily: {
@@ -140,7 +181,8 @@ const config: Omit<Config, "content"> = {
       },
     },
   },
-  plugins: [],
+  plugins: [require("tailwindcss-animate")],
+
   future: {
     hoverOnlyWhenSupported: true,
   },
diff --git a/starters/shopify-algolia/utils/__tests__/build-search-filter.test.ts b/starters/shopify-algolia/utils/__tests__/build-search-filter.test.ts
new file mode 100644
index 00000000..381a9e67
--- /dev/null
+++ b/starters/shopify-algolia/utils/__tests__/build-search-filter.test.ts
@@ -0,0 +1,159 @@
+import { buildSearchFilter } from "../build-search-filter"
+import { PlatformCollection } from "lib/shopify/types"
+
+describe("buildSearchFilter", () => {
+  const defaultParams = {
+    categories: [],
+    vendors: [],
+    colors: [],
+    minPrice: null,
+    maxPrice: null,
+    rating: null,
+  }
+
+  const separator = " > "
+
+  it("should return empty string when no filters are applied", () => {
+    const result = buildSearchFilter({
+      params: defaultParams,
+      separator,
+    })
+
+    expect(result).toBe("")
+  })
+
+  it("should filter by collection when provided", () => {
+    const collection: PlatformCollection = {
+      handle: "test-collection",
+      id: "123",
+      title: "Test Collection",
+      descriptionHtml: "",
+      image: null,
+    }
+
+    const result = buildSearchFilter({
+      collection,
+      params: defaultParams,
+      separator,
+    })
+
+    expect(result).toBe('collections.handle:"test-collection"')
+  })
+
+  it("should filter by categories", () => {
+    const params = {
+      ...defaultParams,
+      categories: ["Category1", "Category1 > Subcategory", "Category2 > Sub > SubSub"],
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe(
+      '(hierarchicalCategories.lvl0:"Category1" AND hierarchicalCategories.lvl1:"Category1 > Subcategory" AND hierarchicalCategories.lvl2:"Category2 > Sub > SubSub")'
+    )
+  })
+
+  it("should filter by vendors", () => {
+    const params = {
+      ...defaultParams,
+      vendors: ["Vendor1", "Vendor2"],
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe('(vendor:"Vendor1" OR vendor:"Vendor2")')
+  })
+
+  it("should filter by colors", () => {
+    const params = {
+      ...defaultParams,
+      colors: ["Red", "Blue"],
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe('(flatOptions.Color:"Red" OR flatOptions.Color:"Blue")')
+  })
+
+  it("should filter by price range", () => {
+    const params = {
+      ...defaultParams,
+      minPrice: 10,
+      maxPrice: 100,
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe("minPrice >= 10 AND minPrice <= 100")
+  })
+
+  it("should filter by minimum price only", () => {
+    const params = {
+      ...defaultParams,
+      minPrice: 10,
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe("minPrice >= 10")
+  })
+
+  it("should filter by maximum price only", () => {
+    const params = {
+      ...defaultParams,
+      maxPrice: 100,
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe("minPrice <= 100")
+  })
+
+  it("should filter by rating", () => {
+    const params = {
+      ...defaultParams,
+      rating: 4,
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe("avgRating >= 4")
+  })
+
+  it("should ignore rating when it's 0 or negative", () => {
+    const params = {
+      ...defaultParams,
+      rating: 0,
+    }
+
+    const result = buildSearchFilter({ params, separator })
+
+    expect(result).toBe("")
+  })
+
+  it("should combine multiple filters with AND operator", () => {
+    const collection: PlatformCollection = {
+      handle: "test-collection",
+      id: "123",
+      title: "Test Collection",
+      descriptionHtml: "",
+      image: null,
+    }
+
+    const params = {
+      ...defaultParams,
+      vendors: ["Vendor1"],
+      rating: 4,
+      minPrice: 10,
+      maxPrice: 100,
+    }
+
+    const result = buildSearchFilter({
+      collection,
+      params,
+      separator,
+    })
+
+    expect(result).toBe('collections.handle:"test-collection" AND (vendor:"Vendor1") AND minPrice >= 10 AND minPrice <= 100 AND avgRating >= 4')
+  })
+})
diff --git a/starters/shopify-algolia/utils/__tests__/compose-filters.test.ts b/starters/shopify-algolia/utils/__tests__/compose-filters.test.ts
deleted file mode 100644
index 6f174ea7..00000000
--- a/starters/shopify-algolia/utils/__tests__/compose-filters.test.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import { HIERARCHICAL_SEPARATOR } from "../../constants"
-import { FilterBuilder } from "../../lib/algolia/filter-builder"
-import { composeFilters } from "../compose-filters"
-
-describe("composeFilters", () => {
-  test("should add a category filter when categories are present", () => {
-    const parsedSearchParams = { categories: ["electronics"], vendors: [], colors: [], sizes: [], minPrice: null, maxPrice: null }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-
-    expect(filter.build()).toStrictEqual(`OR (hierarchicalCategories.lvl0:"electronics")`)
-  })
-
-  test("should add a vendor filter when vendors are present", () => {
-    const parsedSearchParams = { categories: [], vendors: ["Apple"], colors: [], sizes: [], minPrice: null, maxPrice: null }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-
-    expect(filter.build()).toStrictEqual(`AND (vendor:"Apple")`)
-  })
-
-  test("should add a color filter when colors are present", () => {
-    const parsedSearchParams = { categories: [], vendors: [], colors: ["Black"], sizes: [], minPrice: null, maxPrice: null }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-
-    expect(filter.build()).toStrictEqual(`AND (flatOptions.Color:"Black")`)
-  })
-
-  test("should add a minPrice filter when minPrice is specified", () => {
-    const parsedSearchParams = { categories: [], vendors: [], colors: [], sizes: [], minPrice: 100, maxPrice: null }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-
-    expect(filter.build()).toStrictEqual(`AND minPrice>=100`)
-  })
-
-  test("should add a maxPrice filter when maxPrice is specified", () => {
-    const parsedSearchParams = { categories: [], vendors: [], colors: [], sizes: [], minPrice: null, maxPrice: 500 }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-
-    expect(filter.build()).toStrictEqual(`AND minPrice<=500`)
-  })
-
-  test("should add all filters when all conditions are met", () => {
-    const parsedSearchParams = {
-      categories: ["electronics"],
-      vendors: ["Apple"],
-      colors: ["Black"],
-      sizes: ["M"],
-      minPrice: 100,
-      maxPrice: 500,
-    }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-    const builtFilter = filter.build()
-
-    expect(builtFilter).toStrictEqual('OR (hierarchicalCategories.lvl0:"electronics") AND (vendor:"Apple") AND (flatOptions.Color:"Black") AND minPrice>=100 AND minPrice<=500')
-  })
-
-  test("should support hierarchical categories", () => {
-    const parsedSearchParams = {
-      categories: ["electronics > cameras", "beauty", "fashion > men > shoes"],
-      vendors: [],
-      colors: [],
-      sizes: [],
-      minPrice: null,
-      maxPrice: null,
-    }
-    const filter = composeFilters(new FilterBuilder(), parsedSearchParams, HIERARCHICAL_SEPARATOR)
-    const builtFilter = filter.build()
-
-    expect(builtFilter).toStrictEqual(
-      'OR (hierarchicalCategories.lvl1:"electronics > cameras") OR (hierarchicalCategories.lvl0:"beauty") OR (hierarchicalCategories.lvl2:"fashion > men > shoes")'
-    )
-  })
-})
diff --git a/starters/shopify-algolia/utils/build-search-filter.ts b/starters/shopify-algolia/utils/build-search-filter.ts
new file mode 100644
index 00000000..a35e77cf
--- /dev/null
+++ b/starters/shopify-algolia/utils/build-search-filter.ts
@@ -0,0 +1,60 @@
+import { searchParamsCache } from "components/search-view"
+import { ComparisonOperators, FilterBuilder, LogicalOperators } from "lib/algolia/filter-builder"
+import type { PlatformCollection } from "lib/shopify/types"
+
+type SearchParams = Omit<Awaited<ReturnType<typeof searchParamsCache.parse>>, "page" | "sortBy" | "q">
+
+export function buildSearchFilter({ collection, params, separator }: { collection?: PlatformCollection | undefined; params: SearchParams; separator: string }): string {
+  const filter = new FilterBuilder()
+
+  if (collection) {
+    filter.where("collections.handle", collection.handle)
+  }
+
+  addCategoryFilters(filter, params.categories, separator)
+  addArrayFilters(filter, {
+    vendor: params.vendors,
+    "flatOptions.Color": params.colors,
+  })
+  addPriceFilters(filter, params.minPrice, params.maxPrice)
+  addRatingFilter(filter, params.rating)
+
+  return filter.build(LogicalOperators.And)
+}
+
+function addCategoryFilters(filter: FilterBuilder, categories: string[], separator: string): void {
+  if (categories.length === 0) return
+
+  const categoryFilters = categories.map((category) => {
+    const level = Math.min(category.split(separator).length - 1, 2)
+    return `hierarchicalCategories.lvl${level}:"${category}"`
+  })
+
+  filter.raw(`(${categoryFilters.join(" OR ")})`)
+}
+
+function addArrayFilters(filter: FilterBuilder, fields: Record<string, string[]>): void {
+  Object.entries(fields).forEach(([field, values]) => {
+    if (values.length > 0) {
+      filter.multi(field, values)
+    }
+  })
+}
+
+function addPriceFilters(filter: FilterBuilder, minPrice: number | null, maxPrice: number | null): void {
+  if (!minPrice && !maxPrice) return
+
+  if (minPrice) {
+    filter.numeric("minPrice", minPrice, ComparisonOperators.GreaterThanOrEqual)
+  }
+
+  if (maxPrice) {
+    filter.numeric("minPrice", maxPrice, ComparisonOperators.LessThanOrEqual)
+  }
+}
+
+function addRatingFilter(filter: FilterBuilder, rating: number | null): void {
+  if (rating && rating > 0) {
+    filter.numeric("avgRating", rating, ComparisonOperators.GreaterThanOrEqual)
+  }
+}
diff --git a/starters/shopify-algolia/utils/compose-filters.ts b/starters/shopify-algolia/utils/compose-filters.ts
deleted file mode 100644
index 307c4237..00000000
--- a/starters/shopify-algolia/utils/compose-filters.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { ComparisonOperators, FilterBuilder } from "lib/algolia/filter-builder"
-
-interface MakeFilterProps {
-  minPrice: number | null
-  maxPrice: number | null
-  categories: string[]
-  vendors: string[]
-  colors: string[]
-  rating?: number | null
-}
-export function composeFilters(filter: FilterBuilder, parsedSearchParams: MakeFilterProps, separator: string) {
-  const filterConditions = [
-    {
-      predicate: parsedSearchParams.categories.length > 0,
-      action: () => {
-        parsedSearchParams.categories.forEach((category) => {
-          const level = category.split(separator).length - 1
-          filter.or().group((sub) => sub.in(`hierarchicalCategories.lvl${level}`, [category]))
-        })
-      },
-    },
-    {
-      predicate: parsedSearchParams.vendors.length > 0,
-      action: () => filter.and().group((sub) => sub.in("vendor", parsedSearchParams.vendors)),
-    },
-    {
-      predicate: parsedSearchParams.colors.length > 0,
-      action: () => filter.and().group((sub) => sub.in("flatOptions.Color", parsedSearchParams.colors)),
-    },
-    {
-      predicate: !!parsedSearchParams.minPrice,
-      action: () => filter.and().where("minPrice", parsedSearchParams.minPrice!, ComparisonOperators.GreaterThanOrEqual),
-    },
-    {
-      predicate: !!parsedSearchParams.maxPrice,
-      action: () => filter.and().where("minPrice", parsedSearchParams.maxPrice!, ComparisonOperators.LessThanOrEqual),
-    },
-    {
-      predicate: !!parsedSearchParams.rating,
-      action: () => filter.and().where("avgRating", parsedSearchParams.rating!, ComparisonOperators.GreaterThanOrEqual),
-    },
-  ]
-
-  filterConditions.forEach(({ predicate, action }) => predicate && action())
-  return filter
-}
diff --git a/starters/shopify-algolia/utils/generate-uuid.ts b/starters/shopify-algolia/utils/generate-uuid.ts
new file mode 100644
index 00000000..6cf32c69
--- /dev/null
+++ b/starters/shopify-algolia/utils/generate-uuid.ts
@@ -0,0 +1,7 @@
+export function generateUUID(): string {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0
+    const v = c === "x" ? r : (r & 0x3) | 0x8
+    return v.toString(16)
+  })
+}
diff --git a/starters/shopify-algolia/app/layout.tsx b/starters/shopify-algolia/utils/nav-items.ts
similarity index 71%
rename from starters/shopify-algolia/app/layout.tsx
rename to starters/shopify-algolia/utils/nav-items.ts
index 11b4c137..ee88c5dd 100644
--- a/starters/shopify-algolia/app/layout.tsx
+++ b/starters/shopify-algolia/utils/nav-items.ts
@@ -1,25 +1,6 @@
-import "./globals.css"
-
-import Script from "next/script"
-import { Suspense } from "react"
-import { Toaster } from "sonner"
-import { FlagValues } from "components/flag-values"
-import { ThirdParties } from "components/third-parties"
-import { env } from "env.mjs"
-import { Metadata } from "next"
-import { GithubBadge } from "components/github-badge"
-import { DemoModeAlert } from "components/demo-mode-alert"
-import { CartView } from "components/cart/cart-view"
 import type { NavItem } from "components/navigation-bar/types"
-import { NavigationBar } from "components/navigation-bar/navigation-bar"
-import { mobileInlineScript } from "components/navigation-bar/mobile-inline-script"
-import { Footer } from "components/footer"
-import { Modals } from "components/modals/modals"
-import DraftToolbar from "components/draft-toolbar"
-
-export const revalidate = 86400
 
-const navigationItems: NavItem[] = [
+export const navigationItems: NavItem[] = [
   {
     text: "Fashion",
     href: "/category/fashion",
@@ -206,60 +187,3 @@ const navigationItems: NavItem[] = [
     },
   },
 ]
-
-export const metadata: Metadata = {
-  title: "Next.js Enterprise Commerce | Blazity",
-  description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
-  metadataBase: new URL(env.LIVE_URL!),
-  openGraph: {
-    title: "Next.js Enterprise Commerce | Blazity",
-    description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
-    images: ["/opengraph-image.jpg"],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Next.js Enterprise Commerce | Blazity",
-    description: "AI-FIRST NEXT.JS STOREFRONT FOR COMPOSABLE COMMERCE",
-    creator: "@blazity",
-    images: ["/opengraph-image.jpg"],
-  },
-  verification: {
-    google: "google",
-    yandex: "yandex",
-    yahoo: "yahoo",
-  },
-  generator: "Next.js",
-  applicationName: "Next.js",
-}
-
-export default async function RootLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <body>
-        <Script id="mobileMegaMenuLogic" strategy="lazyOnload">{`${mobileInlineScript}`}</Script>
-
-        <NavigationBar items={navigationItems} />
-
-        {children}
-
-        <Footer />
-        <Modals />
-
-        <CartView />
-
-        <Toaster position="bottom-left" />
-
-        <DraftToolbar />
-
-        <Suspense>
-          <FlagValues />
-        </Suspense>
-
-        <ThirdParties />
-
-        <GithubBadge />
-        <DemoModeAlert />
-      </body>
-    </html>
-  )
-}
diff --git a/starters/shopify-algolia/utils/use-copy-to-clipboard.ts b/starters/shopify-algolia/utils/use-copy-to-clipboard.ts
new file mode 100644
index 00000000..7297925d
--- /dev/null
+++ b/starters/shopify-algolia/utils/use-copy-to-clipboard.ts
@@ -0,0 +1,33 @@
+import { useCallback, useRef, useState } from "react"
+import { toast } from "sonner"
+
+type UseCopyToClipboardProps = {
+  text: string
+  copyMessage?: string
+}
+
+export function useCopyToClipboard({ text, copyMessage = "Copied to clipboard!" }: UseCopyToClipboardProps) {
+  const [isCopied, setIsCopied] = useState(false)
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null)
+
+  const handleCopy = useCallback(() => {
+    navigator.clipboard
+      .writeText(text)
+      .then(() => {
+        toast.success(copyMessage)
+        setIsCopied(true)
+        if (timeoutRef.current) {
+          clearTimeout(timeoutRef.current)
+          timeoutRef.current = null
+        }
+        timeoutRef.current = setTimeout(() => {
+          setIsCopied(false)
+        }, 2000)
+      })
+      .catch(() => {
+        toast.error("Failed to copy to clipboard.")
+      })
+  }, [text, copyMessage])
+
+  return { isCopied, handleCopy }
+}
diff --git a/starters/shopify-algolia/utils/use-mobile.ts b/starters/shopify-algolia/utils/use-mobile.ts
new file mode 100644
index 00000000..2b0fe1df
--- /dev/null
+++ b/starters/shopify-algolia/utils/use-mobile.ts
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+const MOBILE_BREAKPOINT = 768
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
diff --git a/starters/shopify-algolia/yarn.lock b/starters/shopify-algolia/yarn.lock
index 5f7160f1..64a8cc6f 100644
--- a/starters/shopify-algolia/yarn.lock
+++ b/starters/shopify-algolia/yarn.lock
@@ -7,77 +7,49 @@
   resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.4.0.tgz#728c484f4e10df03d5a3acd0d8adcbbebff8ad63"
   integrity sha512-Ff9+ksdQQB3rMncgqDK78uLznstjyfIf2Arnh22pW8kBpLs6rpKDwgnZT46hin5Hl1WzazzK64DOrhSwYpS7bQ==
 
-"@ai-sdk/openai@^0.0.71":
-  version "0.0.71"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/openai/-/openai-0.0.71.tgz#76211ea98a4bea1a7675da3b205ff5ec519f8fc0"
-  integrity sha512-ds7u3sWEnKyHxM3lAL9xTs72228HEKcPZCAEFaxmgrexKPJe2tyLBtvS/Kg39SPKPtY9EeaKqi/nbx1AmnXK6A==
+"@ai-sdk/openai@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/openai/-/openai-1.0.1.tgz#300eac828dd7825d62ce6f931616d25e774fd074"
+  integrity sha512-snZge8457afWlosVNUn+BG60MrxAPOOm3zmIMxJZih8tneNSiRbTVCbSzAtq/9vsnOHDe5RR83PRl85juOYEnA==
   dependencies:
-    "@ai-sdk/provider" "0.0.26"
-    "@ai-sdk/provider-utils" "1.0.22"
+    "@ai-sdk/provider" "1.0.0"
+    "@ai-sdk/provider-utils" "2.0.0"
 
-"@ai-sdk/provider-utils@1.0.22":
-  version "1.0.22"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/provider-utils/-/provider-utils-1.0.22.tgz#5397a193587709796d012fc04e2df9903b70852f"
-  integrity sha512-YHK2rpj++wnLVc9vPGzGFP3Pjeld2MwhKinetA0zKXOoHAT/Jit5O8kZsxcSlJPu9wvcGT1UGZEjZrtO7PfFOQ==
+"@ai-sdk/provider-utils@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/provider-utils/-/provider-utils-2.0.0.tgz#dc4da55bde547e5098566761547950cb278c60bb"
+  integrity sha512-uITgVJByhtzuQU2ZW+2CidWRmQqTUTp6KADevy+4aRnmILZxY2LCt+UZ/ZtjJqq0MffwkuQPPY21ExmFAQ6kKA==
   dependencies:
-    "@ai-sdk/provider" "0.0.26"
-    eventsource-parser "^1.1.2"
-    nanoid "^3.3.7"
+    "@ai-sdk/provider" "1.0.0"
+    eventsource-parser "^3.0.0"
+    nanoid "^5.0.8"
     secure-json-parse "^2.7.0"
 
-"@ai-sdk/provider@0.0.26":
-  version "0.0.26"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/provider/-/provider-0.0.26.tgz#52c3d5eb65cf7592c77c78decadf77cbec978934"
-  integrity sha512-dQkfBDs2lTYpKM8389oopPdQgIU007GQyCbuPPrV+K6MtSII3HBfE0stUIMXUb44L+LK1t6GXPP7wjSzjO6uKg==
+"@ai-sdk/provider@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/provider/-/provider-1.0.0.tgz#f4e2eeca4e1feeebc02f6335c5b699071fca2b04"
+  integrity sha512-Sj29AzooJ7SYvhPd+AAWt/E7j63E9+AzRnoMHUaJPRYzOd/WDrVNxxv85prF9gDcQ7XPVlSk9j6oAZV9/DXYpA==
   dependencies:
     json-schema "^0.4.0"
 
-"@ai-sdk/react@0.0.70":
-  version "0.0.70"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/react/-/react-0.0.70.tgz#25dee1755c67da2ac0ed4f207102de93d7196f44"
-  integrity sha512-GnwbtjW4/4z7MleLiW+TOZC2M29eCg1tOUpuEiYFMmFNZK8mkrqM0PFZMo6UsYeUYMWqEOOcPOU9OQVJMJh7IQ==
+"@ai-sdk/react@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/react/-/react-1.0.0.tgz#fb3dc49c86a3b0029bf6d9c4e56287d6b53f3f71"
+  integrity sha512-BDrZqQA07Btg64JCuhFvBgYV+tt2B8cXINzEqWknGoxqcwgdE8wSLG2gkXoLzyC2Rnj7oj0HHpOhLUxDCmoKZg==
   dependencies:
-    "@ai-sdk/provider-utils" "1.0.22"
-    "@ai-sdk/ui-utils" "0.0.50"
+    "@ai-sdk/provider-utils" "2.0.0"
+    "@ai-sdk/ui-utils" "1.0.0"
     swr "^2.2.5"
     throttleit "2.1.0"
 
-"@ai-sdk/solid@0.0.54":
-  version "0.0.54"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/solid/-/solid-0.0.54.tgz#60f2007d511f153159d9e5ddc1e8b800fb472c58"
-  integrity sha512-96KWTVK+opdFeRubqrgaJXoNiDP89gNxFRWUp0PJOotZW816AbhUf4EnDjBjXTLjXL1n0h8tGSE9sZsRkj9wQQ==
-  dependencies:
-    "@ai-sdk/provider-utils" "1.0.22"
-    "@ai-sdk/ui-utils" "0.0.50"
-
-"@ai-sdk/svelte@0.0.57":
-  version "0.0.57"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/svelte/-/svelte-0.0.57.tgz#82e97db343f2d5f8e50da055e6897e03f03c2ee6"
-  integrity sha512-SyF9ItIR9ALP9yDNAD+2/5Vl1IT6kchgyDH8xkmhysfJI6WrvJbtO1wdQ0nylvPLcsPoYu+cAlz1krU4lFHcYw==
-  dependencies:
-    "@ai-sdk/provider-utils" "1.0.22"
-    "@ai-sdk/ui-utils" "0.0.50"
-    sswr "^2.1.0"
-
-"@ai-sdk/ui-utils@0.0.50":
-  version "0.0.50"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/ui-utils/-/ui-utils-0.0.50.tgz#f396d24b5ac1e7a8090684a6d8de47282d0bad96"
-  integrity sha512-Z5QYJVW+5XpSaJ4jYCCAVG7zIAuKOOdikhgpksneNmKvx61ACFaf98pmOd+xnjahl0pIlc/QIe6O4yVaJ1sEaw==
-  dependencies:
-    "@ai-sdk/provider" "0.0.26"
-    "@ai-sdk/provider-utils" "1.0.22"
-    json-schema "^0.4.0"
-    secure-json-parse "^2.7.0"
-    zod-to-json-schema "^3.23.3"
-
-"@ai-sdk/vue@0.0.59":
-  version "0.0.59"
-  resolved "https://registry.yarnpkg.com/@ai-sdk/vue/-/vue-0.0.59.tgz#29190415a123e631bfe7cf08f6454b73b5585714"
-  integrity sha512-+ofYlnqdc8c4F6tM0IKF0+7NagZRAiqBJpGDJ+6EYhDW8FHLUP/JFBgu32SjxSxC6IKFZxEnl68ZoP/Z38EMlw==
+"@ai-sdk/ui-utils@1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@ai-sdk/ui-utils/-/ui-utils-1.0.0.tgz#0718955195d81a986470b3ba40e39ba9ec163901"
+  integrity sha512-oXBDIM/0niWeTWyw77RVl505dNxBUDLLple7bTsqo2d3i1UKwGlzBUX8XqZsh7GbY7I6V05nlG0Y8iGlWxv1Aw==
   dependencies:
-    "@ai-sdk/provider-utils" "1.0.22"
-    "@ai-sdk/ui-utils" "0.0.50"
-    swrv "^1.0.4"
+    "@ai-sdk/provider" "1.0.0"
+    "@ai-sdk/provider-utils" "2.0.0"
+    zod-to-json-schema "^3.23.5"
 
 "@algolia/client-abtesting@5.12.0":
   version "5.12.0"
@@ -2756,6 +2728,16 @@
   dependencies:
     "@radix-ui/react-primitive" "2.0.0"
 
+"@radix-ui/react-avatar@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-avatar/-/react-avatar-1.1.1.tgz#5848d2ed5f34d18b36fc7e2d227c41fca8600ea1"
+  integrity sha512-eoOtThOmxeoizxpX6RiEsQZ2wj5r4+zoeqAwO0cBaFQGjJwIH3dIX0OCxNrCyrrdxG+vBweMETh3VziQG7c1kw==
+  dependencies:
+    "@radix-ui/react-context" "1.1.1"
+    "@radix-ui/react-primitive" "2.0.0"
+    "@radix-ui/react-use-callback-ref" "1.1.0"
+    "@radix-ui/react-use-layout-effect" "1.1.0"
+
 "@radix-ui/react-checkbox@^1.0.4":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-checkbox/-/react-checkbox-1.1.2.tgz#6465b800420923ecc39cbeaa8f357b5f09dbfd52"
@@ -2823,7 +2805,7 @@
   resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.1.tgz#82074aa83a472353bb22e86f11bcbd1c61c4c71a"
   integrity sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==
 
-"@radix-ui/react-dialog@^1.0.5":
+"@radix-ui/react-dialog@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-1.1.2.tgz#d9345575211d6f2d13e209e84aec9a8584b54d6c"
   integrity sha512-Yj4dZtqa2o+kG61fzB0H2qUvmwBA2oyQroGLyNtBj1beo1khoQ3q1a2AO8rrQYjd8256CO9+N8L9tvsS+bnIyA==
@@ -3052,10 +3034,10 @@
     "@radix-ui/react-use-callback-ref" "1.1.0"
     "@radix-ui/react-use-controllable-state" "1.1.0"
 
-"@radix-ui/react-scroll-area@^1.0.5":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.0.tgz#d09fd693728b09c50145935bec6f91efc2661729"
-  integrity sha512-q2jMBdsJ9zB7QG6ngQNzNwlvxLQqONyL58QbEGwuyRZZb/ARQwk3uQVbCF7GvQVOtV6EU/pDxAw3zRzJZI3rpQ==
+"@radix-ui/react-scroll-area@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.1.tgz#610c53e07d017e24b62bd73a0a6eb23fa7331b3b"
+  integrity sha512-FnM1fHfCtEZ1JkyfH/1oMiTcFBQvHKl4vD9WnpwkLgtF+UmnXMCad6ECPTaAjcDjam+ndOEJWgHyKDGNteWSHw==
   dependencies:
     "@radix-ui/number" "1.1.0"
     "@radix-ui/primitive" "1.1.0"
@@ -3094,6 +3076,13 @@
     aria-hidden "^1.1.1"
     react-remove-scroll "2.6.0"
 
+"@radix-ui/react-separator@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-separator/-/react-separator-1.1.0.tgz#ee0f4d86003b0e3ea7bc6ccab01ea0adee32663e"
+  integrity sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==
+  dependencies:
+    "@radix-ui/react-primitive" "2.0.0"
+
 "@radix-ui/react-slider@^1.1.2":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-slider/-/react-slider-1.2.1.tgz#acb0804309890f3cd7a224b2b0c4c4704f32921b"
@@ -3119,7 +3108,7 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-compose-refs" "1.0.1"
 
-"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.0.2":
+"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.1.0":
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.1.0.tgz#7c5e48c36ef5496d97b08f1357bb26ed7c714b84"
   integrity sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==
@@ -3175,10 +3164,10 @@
     "@radix-ui/react-primitive" "2.0.0"
     "@radix-ui/react-use-controllable-state" "1.1.0"
 
-"@radix-ui/react-tooltip@^1.0.7":
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-tooltip/-/react-tooltip-1.1.3.tgz#4250b14723f2d8477e7a3d0526c169f91d1f2f74"
-  integrity sha512-Z4w1FIS0BqVFI2c1jZvb/uDVJijJjJ2ZMuPV81oVgTZ7g3BZxobplnMVvXtFWgtozdvYJ+MFWtwkM5S2HnAong==
+"@radix-ui/react-tooltip@^1.1.4":
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-tooltip/-/react-tooltip-1.1.4.tgz#152d8485859b80d395d6b3229f676fef3cec56b3"
+  integrity sha512-QpObUH/ZlpaO4YgHSaYzrLO2VuO+ZBFFgGzjMUPwtiYnAzzNNDPJeEGRrT7qNOrWm/Jr08M1vlp+vTHtnSQ0Uw==
   dependencies:
     "@radix-ui/primitive" "1.1.0"
     "@radix-ui/react-compose-refs" "1.1.0"
@@ -3360,6 +3349,48 @@
   resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz#427d5549943a9c6fce808e39ea64dbe60d4047f1"
   integrity sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==
 
+"@shikijs/core@1.23.1":
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.23.1.tgz#911473e672e4f2d15ca36b28b28179c0959aa7af"
+  integrity sha512-NuOVgwcHgVC6jBVH5V7iblziw6iQbWWHrj5IlZI3Fqu2yx9awH7OIQkXIcsHsUmY19ckwSgUMgrqExEyP5A0TA==
+  dependencies:
+    "@shikijs/engine-javascript" "1.23.1"
+    "@shikijs/engine-oniguruma" "1.23.1"
+    "@shikijs/types" "1.23.1"
+    "@shikijs/vscode-textmate" "^9.3.0"
+    "@types/hast" "^3.0.4"
+    hast-util-to-html "^9.0.3"
+
+"@shikijs/engine-javascript@1.23.1":
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/engine-javascript/-/engine-javascript-1.23.1.tgz#0f634bea22cb14f471835b7b5f1da66bc34bd359"
+  integrity sha512-i/LdEwT5k3FVu07SiApRFwRcSJs5QM9+tod5vYCPig1Ywi8GR30zcujbxGQFJHwYD7A5BUqagi8o5KS+LEVgBg==
+  dependencies:
+    "@shikijs/types" "1.23.1"
+    "@shikijs/vscode-textmate" "^9.3.0"
+    oniguruma-to-es "0.4.1"
+
+"@shikijs/engine-oniguruma@1.23.1":
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/engine-oniguruma/-/engine-oniguruma-1.23.1.tgz#c6c34c9152cf90c1ee75fcdbd124253c8ad0635f"
+  integrity sha512-KQ+lgeJJ5m2ISbUZudLR1qHeH3MnSs2mjFg7bnencgs5jDVPeJ2NVDJ3N5ZHbcTsOIh0qIueyAJnwg7lg7kwXQ==
+  dependencies:
+    "@shikijs/types" "1.23.1"
+    "@shikijs/vscode-textmate" "^9.3.0"
+
+"@shikijs/types@1.23.1":
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/@shikijs/types/-/types-1.23.1.tgz#2386d49258be03e7b40fea1f28fda952739ad93d"
+  integrity sha512-98A5hGyEhzzAgQh2dAeHKrWW4HfCMeoFER2z16p5eJ+vmPeF6lZ/elEne6/UCU551F/WqkopqRsr1l2Yu6+A0g==
+  dependencies:
+    "@shikijs/vscode-textmate" "^9.3.0"
+    "@types/hast" "^3.0.4"
+
+"@shikijs/vscode-textmate@^9.3.0":
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/@shikijs/vscode-textmate/-/vscode-textmate-9.3.0.tgz#b2f1776e488c1d6c2b6cd129bab62f71bbc9c7ab"
+  integrity sha512-jn7/7ky30idSkd/O5yDBfAnVt+JJpepofP/POZ1iMOxK59cOfqIgg/Dj0eFsjOTMw+4ycJN0uhZH/Eb0bs/EUA==
+
 "@shopify/admin-api-client@0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@shopify/admin-api-client/-/admin-api-client-0.2.3.tgz#4637b5708af0090db9eb3f34e184a43b03800762"
@@ -3678,12 +3709,26 @@
   dependencies:
     "@babel/types" "^7.20.7"
 
+"@types/debug@^4.0.0":
+  version "4.1.12"
+  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.12.tgz#a155f21690871953410df4b6b6f53187f0500917"
+  integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==
+  dependencies:
+    "@types/ms" "*"
+
 "@types/diff-match-patch@^1.0.36":
   version "1.0.36"
   resolved "https://registry.yarnpkg.com/@types/diff-match-patch/-/diff-match-patch-1.0.36.tgz#dcef10a69d357fe9d43ac4ff2eca6b85dbf466af"
   integrity sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==
 
-"@types/estree@1.0.6":
+"@types/estree-jsx@^1.0.0":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18"
+  integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==
+  dependencies:
+    "@types/estree" "*"
+
+"@types/estree@*", "@types/estree@1.0.6", "@types/estree@^1.0.0":
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.6.tgz#628effeeae2064a1b4e79f78e81d87b7e5fc7b50"
   integrity sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==
@@ -3695,6 +3740,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/hast@^3.0.0", "@types/hast@^3.0.4":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
+  dependencies:
+    "@types/unist" "*"
+
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7"
@@ -3746,6 +3798,18 @@
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/mdast@^4.0.0":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.4.tgz#7ccf72edd2f1aa7dd3437e180c64373585804dd6"
+  integrity sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==
+  dependencies:
+    "@types/unist" "*"
+
+"@types/ms@*":
+  version "0.7.34"
+  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.34.tgz#10964ba0dee6ac4cd462e2795b6bebd407303433"
+  integrity sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==
+
 "@types/node@*":
   version "22.8.6"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-22.8.6.tgz#e8a0c0871623283d8b3ef7d7b9b1bfdfd3028e22"
@@ -3804,6 +3868,16 @@
   resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304"
   integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==
 
+"@types/unist@*", "@types/unist@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.3.tgz#acaab0f919ce69cce629c2d4ed2eb4adc1b6c20c"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
+
+"@types/unist@^2.0.0":
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.11.tgz#11af57b127e32487774841f7a4e54eab166d03c4"
+  integrity sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==
+
 "@types/ws@^8.0.0":
   version "8.5.12"
   resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.12.tgz#619475fe98f35ccca2a2f6c137702d85ec247b7e"
@@ -4167,7 +4241,7 @@
   resolved "https://registry.yarnpkg.com/@uidotdev/usehooks/-/usehooks-2.4.1.tgz#4b733eaeae09a7be143c6c9ca158b56cc1ea75bf"
   integrity sha512-1I+RwWyS+kdv3Mv0Vmc+p0dPYH0DTRAo04HLyXReYBL9AeseDWUJyi4THuksBJcu9F0Pih69Ak150VDnqbVnXg==
 
-"@ungap/structured-clone@^1.2.0":
+"@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
   integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==
@@ -4186,6 +4260,11 @@
   dependencies:
     jose "5.2.1"
 
+"@vercel/functions@^1.5.0":
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/@vercel/functions/-/functions-1.5.0.tgz#a0f97bd6900f8a2acc115cffaeb5bbcba17c824a"
+  integrity sha512-ub3ptVeOsx8UPgiTv9+rpQJqmF7VG8QIzguBZo0E0VRAyJliB8bt1ooB9Wrh3333dKzMNS8NMe3iFtf6OPUP3A==
+
 "@vercel/speed-insights@^1.0.10":
   version "1.0.14"
   resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.0.14.tgz#75a0baa0affa8f4f5d91b6a731fe6a3b4ce07ce3"
@@ -4337,24 +4416,18 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ai@^3.4.31:
-  version "3.4.31"
-  resolved "https://registry.yarnpkg.com/ai/-/ai-3.4.31.tgz#934070363e537e1f8a1e1b18b7a8730d782cdf36"
-  integrity sha512-vRVlYLnCVpcFX2QMun1kstnZSZzeMoxPvhMriBDjt8loqrsv7iLa55fHO3gv99unrbT8/xKdhd0wQceCimd3zA==
-  dependencies:
-    "@ai-sdk/provider" "0.0.26"
-    "@ai-sdk/provider-utils" "1.0.22"
-    "@ai-sdk/react" "0.0.70"
-    "@ai-sdk/solid" "0.0.54"
-    "@ai-sdk/svelte" "0.0.57"
-    "@ai-sdk/ui-utils" "0.0.50"
-    "@ai-sdk/vue" "0.0.59"
+ai@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/ai/-/ai-4.0.1.tgz#b474e96cd94813ab68c62288f3674412786363e4"
+  integrity sha512-VfkPepgdF1AXu/sirYB2lnDrAXPuUrkCQOGAGTgeb7xpctR2OkxNXxrWx+Weu4CCYADQsW30tOxlHs8sRmKeMw==
+  dependencies:
+    "@ai-sdk/provider" "1.0.0"
+    "@ai-sdk/provider-utils" "2.0.0"
+    "@ai-sdk/react" "1.0.0"
+    "@ai-sdk/ui-utils" "1.0.0"
     "@opentelemetry/api" "1.9.0"
-    eventsource-parser "1.1.2"
-    json-schema "^0.4.0"
     jsondiffpatch "0.6.0"
-    secure-json-parse "^2.7.0"
-    zod-to-json-schema "^3.23.3"
+    zod-to-json-schema "^3.23.5"
 
 ajv@^6.12.4, ajv@~6.12.6:
   version "6.12.6"
@@ -4813,6 +4886,11 @@ babel-preset-react-app@^10.0.1:
     babel-plugin-macros "^3.1.0"
     babel-plugin-transform-react-remove-prop-types "^0.4.24"
 
+bail@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/bail/-/bail-2.0.2.tgz#d26f5cd8fe5d6f832a31517b9f7c356040ba6d5d"
+  integrity sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -5034,6 +5112,11 @@ capital-case@^1.0.4:
     tslib "^2.0.3"
     upper-case-first "^2.0.2"
 
+ccount@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
+  integrity sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==
+
 chalk@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
@@ -5094,6 +5177,26 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
+character-entities-html4@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz#1f1adb940c971a4b22ba39ddca6b618dc6e56b2b"
+  integrity sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==
+
+character-entities-legacy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz#76bc83a90738901d7bc223a9e93759fdd560125b"
+  integrity sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==
+
+character-entities@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22"
+  integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==
+
+character-reference-invalid@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9"
+  integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==
+
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
@@ -5263,6 +5366,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+comma-separated-tokens@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
+  integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
+
 commander@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
@@ -5469,7 +5577,7 @@ debounce@^1.2.0, debounce@^1.2.1:
   resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5"
   integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug==
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.7:
+debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@^4.3.5, debug@^4.3.7:
   version "4.3.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.7.tgz#87945b4151a011d76d95a198d7111c865c360a52"
   integrity sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==
@@ -5493,6 +5601,13 @@ decimal.js@^10.4.2:
   resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
   integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
 
+decode-named-character-reference@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz#daabac9690874c394c81e4162a0304b35d824f0e"
+  integrity sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==
+  dependencies:
+    character-entities "^2.0.0"
+
 decompress-response@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
@@ -5579,7 +5694,7 @@ dependency-graph@^0.11.0:
   resolved "https://registry.yarnpkg.com/dependency-graph/-/dependency-graph-0.11.0.tgz#ac0ce7ed68a54da22165a85e97a01d53f5eb2e27"
   integrity sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==
 
-dequal@^2.0.3:
+dequal@^2.0.0, dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
@@ -5619,6 +5734,13 @@ detect-node-es@^1.1.0:
   resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
+devlop@^1.0.0, devlop@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
+  integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==
+  dependencies:
+    dequal "^2.0.0"
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -5750,6 +5872,11 @@ emittery@^0.13.1:
   resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
   integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
 
+emoji-regex-xs@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz#e8af22e5d9dbd7f7f22d280af3d19d2aab5b0724"
+  integrity sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==
+
 emoji-regex@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
@@ -5995,6 +6122,11 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+escape-string-regexp@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
+  integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
+
 escodegen@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
@@ -6392,6 +6524,11 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+estree-util-is-identifier-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz#0b5ef4c4ff13508b34dcd01ecfa945f61fce5dbd"
+  integrity sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -6407,10 +6544,10 @@ events@^3.3.0:
   resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
   integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
 
-eventsource-parser@1.1.2, eventsource-parser@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/eventsource-parser/-/eventsource-parser-1.1.2.tgz#ed6154a4e3dbe7cda9278e5e35d2ffc58b309f89"
-  integrity sha512-v0eOBUbiaFojBu2s2NPBfYUoRR9GjcDNvCXVaqEf5vVfpIAh9f8RCo4vXTP8c63QRKCFwoLpMpTdPwwhEKVgzA==
+eventsource-parser@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eventsource-parser/-/eventsource-parser-3.0.0.tgz#9303e303ef807d279ee210a17ce80f16300d9f57"
+  integrity sha512-T1C0XCUimhxVQzW4zFipdx0SficT651NnkR0ZSH3yQwh+mFMdLfgjABVi4YtMTtaL4s168593DaoaRLMqryavA==
 
 execa@5.1.1, execa@^5.0.0:
   version "5.1.1"
@@ -6448,6 +6585,11 @@ expect@^29.0.0, expect@^29.7.0:
     jest-message-util "^29.7.0"
     jest-util "^29.7.0"
 
+extend@^3.0.0:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
 external-editor@^3.0.3:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
@@ -6654,6 +6796,13 @@ fraction.js@^4.3.7:
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
   integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
 
+framer-motion@^12.0.0-alpha.1:
+  version "12.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-12.0.0-alpha.1.tgz#5e8a2d1fd238b936e40fec168c59e085156aecd4"
+  integrity sha512-WpMrDfk6I5Q4T/7+LEjQOVbAD5Yb/cGbbV+LLllFEg+dHi8XZ7QecJ9aYS9bn12cWuF7gGy+uqskyAkGTWHs3w==
+  dependencies:
+    tslib "^2.4.0"
+
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
@@ -6976,6 +7125,51 @@ hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hast-util-to-html@^9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-9.0.3.tgz#a9999a0ba6b4919576a9105129fead85d37f302b"
+  integrity sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-whitespace "^3.0.0"
+    html-void-elements "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    stringify-entities "^4.0.0"
+    zwitch "^2.0.4"
+
+hast-util-to-jsx-runtime@^2.0.0:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.2.tgz#6d11b027473e69adeaa00ca4cfb5bb68e3d282fa"
+  integrity sha512-1ngXYb+V9UT5h+PxNRa1O1FYguZK/XL+gkeqvp7EdHlB9oHUG0eYRo/vY5inBdcqo3RkPMC58/H94HvkbfGdyg==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    style-to-object "^1.0.0"
+    unist-util-position "^5.0.0"
+    vfile-message "^4.0.0"
+
+hast-util-whitespace@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
+  integrity sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
 header-case@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/header-case/-/header-case-2.0.4.tgz#5a42e63b55177349cf405beb8d775acabb92c063"
@@ -7001,6 +7195,16 @@ html-escaper@^2.0.0, html-escaper@^2.0.2:
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
+html-url-attributes@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/html-url-attributes/-/html-url-attributes-3.0.1.tgz#83b052cd5e437071b756cd74ae70f708870c2d87"
+  integrity sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==
+
+html-void-elements@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-3.0.0.tgz#fc9dbd84af9e747249034d4d62602def6517f1d7"
+  integrity sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==
+
 http-proxy-agent@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
@@ -7117,6 +7321,11 @@ ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+inline-style-parser@0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.4.tgz#f4af5fe72e612839fcd453d989a586566d695f22"
+  integrity sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q==
+
 inquirer@^8.0.0:
   version "8.2.6"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.6.tgz#733b74888195d8d400a67ac332011b5fae5ea562"
@@ -7167,6 +7376,19 @@ is-absolute@^1.0.0:
     is-relative "^1.0.0"
     is-windows "^1.0.1"
 
+is-alphabetical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b"
+  integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==
+
+is-alphanumerical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875"
+  integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==
+  dependencies:
+    is-alphabetical "^2.0.0"
+    is-decimal "^2.0.0"
+
 is-arguments@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -7267,6 +7489,11 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-decimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
+  integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
+
 is-docker@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
@@ -7308,6 +7535,11 @@ is-glob@4.0.3, is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-hexadecimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
+  integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
+
 is-interactive@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
@@ -7352,7 +7584,7 @@ is-path-inside@^3.0.3:
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-plain-obj@^4.1.0:
+is-plain-obj@^4.0.0, is-plain-obj@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz#d65025edec3657ce032fd7db63c97883eaed71f0"
   integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==
@@ -8288,6 +8520,11 @@ long@^5.2.0:
   resolved "https://registry.yarnpkg.com/long/-/long-5.2.3.tgz#a3ba97f3877cf1d778eccbcb048525ebb77499e1"
   integrity sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q==
 
+longest-streak@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4"
+  integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==
+
 loose-envify@^1.0.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -8326,6 +8563,11 @@ lru-cache@^5.1.1:
   dependencies:
     yallist "^3.0.2"
 
+lucide-react@^0.460.0:
+  version "0.460.0"
+  resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.460.0.tgz#5681364b6bd94d1d475944f0385239c0b1408e35"
+  integrity sha512-BVtq/DykVeIvRTJvRAgCsOwaGL8Un3Bxh8MbDxMhEWlZay3T4IpEKDEpwt5KZ0KJMHzgm6jrltxlT5eXOWXDHg==
+
 lz-string@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941"
@@ -8355,6 +8597,191 @@ map-cache@^0.2.0:
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
   integrity sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==
 
+markdown-table@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.4.tgz#fe44d6d410ff9d6f2ea1797a3f60aa4d2b631c2a"
+  integrity sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==
+
+mdast-util-find-and-replace@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz#a6fc7b62f0994e973490e45262e4bc07607b04e0"
+  integrity sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    escape-string-regexp "^5.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
+
+mdast-util-from-markdown@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz#4850390ca7cf17413a9b9a0fbefcd1bc0eb4160a"
+  integrity sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark "^4.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-stringify-position "^4.0.0"
+
+mdast-util-gfm-autolink-literal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz#abd557630337bd30a6d5a4bd8252e1c2dc0875d5"
+  integrity sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    ccount "^2.0.0"
+    devlop "^1.0.0"
+    mdast-util-find-and-replace "^3.0.0"
+    micromark-util-character "^2.0.0"
+
+mdast-util-gfm-footnote@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz#25a1753c7d16db8bfd53cd84fe50562bd1e6d6a9"
+  integrity sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+
+mdast-util-gfm-strikethrough@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz#d44ef9e8ed283ac8c1165ab0d0dfd058c2764c16"
+  integrity sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm-table@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz#7a435fb6223a72b0862b33afbd712b6dae878d38"
+  integrity sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    markdown-table "^3.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm-task-list-item@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz#e68095d2f8a4303ef24094ab642e1047b991a936"
+  integrity sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz#3f2aecc879785c3cb6a81ff3a243dc11eca61095"
+  integrity sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==
+  dependencies:
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-gfm-autolink-literal "^2.0.0"
+    mdast-util-gfm-footnote "^2.0.0"
+    mdast-util-gfm-strikethrough "^2.0.0"
+    mdast-util-gfm-table "^2.0.0"
+    mdast-util-gfm-task-list-item "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-mdx-expression@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz#43f0abac9adc756e2086f63822a38c8d3c3a5096"
+  integrity sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-mdx-jsx@^3.0.0:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.3.tgz#76b957b3da18ebcfd0de3a9b4451dcd6fdec2320"
+  integrity sha512-bfOjvNt+1AcbPLTFMFWY149nJz0OjmewJs3LQQ5pIyVGxP4CdOqNVJL6kTaM5c68p8q82Xv3nCyFfUnuEcH3UQ==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    parse-entities "^4.0.0"
+    stringify-entities "^4.0.0"
+    unist-util-stringify-position "^4.0.0"
+    vfile-message "^4.0.0"
+
+mdast-util-mdxjs-esm@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz#019cfbe757ad62dd557db35a695e7314bcc9fa97"
+  integrity sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-phrasing@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
+  integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    unist-util-is "^6.0.0"
+
+mdast-util-to-hast@^13.0.0:
+  version "13.2.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz#5ca58e5b921cc0a3ded1bc02eed79a4fe4fe41f4"
+  integrity sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    trim-lines "^3.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
+mdast-util-to-markdown@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz#f910ffe60897f04bb4b7e7ee434486f76288361b"
+  integrity sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    longest-streak "^3.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    unist-util-visit "^5.0.0"
+    zwitch "^2.0.0"
+
+mdast-util-to-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz#7a5121475556a04e7eddeb67b264aae79d312814"
+  integrity sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -8370,6 +8797,279 @@ meros@^1.2.1:
   resolved "https://registry.yarnpkg.com/meros/-/meros-1.3.0.tgz#c617d2092739d55286bf618129280f362e6242f2"
   integrity sha512-2BNGOimxEz5hmjUG2FwoxCt5HN7BXdaWyFqEwxPTrJzVdABtrL4TiHTcsWSFAxPQ/tOnEaQEJh3qWq71QRMY+w==
 
+micromark-core-commonmark@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.2.tgz#6a45bbb139e126b3f8b361a10711ccc7c6e15e93"
+  integrity sha512-FKjQKbxd1cibWMM1P9N+H8TwlgGgSkWZMmfuVucLCHaYqeSvJ0hFeHsIa65pA2nYbes0f8LDHPMrd9X7Ujxg9w==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-factory-destination "^2.0.0"
+    micromark-factory-label "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-factory-title "^2.0.0"
+    micromark-factory-whitespace "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-html-tag-name "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-autolink-literal@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz#6286aee9686c4462c1e3552a9d505feddceeb935"
+  integrity sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-footnote@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz#4dab56d4e398b9853f6fe4efac4fc9361f3e0750"
+  integrity sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-strikethrough@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz#86106df8b3a692b5f6a92280d3879be6be46d923"
+  integrity sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-table@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.0.tgz#5cadedfbb29fca7abf752447967003dc3b6583c9"
+  integrity sha512-Ub2ncQv+fwD70/l4ou27b4YzfNaCJOvyX4HxXU15m7mpYY+rjuWzsLIPZHJL253Z643RpbcP1oeIJlQ/SKW67g==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-tagfilter@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz#f26d8a7807b5985fba13cf61465b58ca5ff7dc57"
+  integrity sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-task-list-item@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz#bcc34d805639829990ec175c3eea12bb5b781f2c"
+  integrity sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz#3e13376ab95dd7a5cfd0e29560dfe999657b3c5b"
+  integrity sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==
+  dependencies:
+    micromark-extension-gfm-autolink-literal "^2.0.0"
+    micromark-extension-gfm-footnote "^2.0.0"
+    micromark-extension-gfm-strikethrough "^2.0.0"
+    micromark-extension-gfm-table "^2.0.0"
+    micromark-extension-gfm-tagfilter "^2.0.0"
+    micromark-extension-gfm-task-list-item "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-destination@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz#8fef8e0f7081f0474fbdd92deb50c990a0264639"
+  integrity sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-label@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz#5267efa97f1e5254efc7f20b459a38cb21058ba1"
+  integrity sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-space@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz#36d0212e962b2b3121f8525fc7a3c7c029f334fc"
+  integrity sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-title@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz#237e4aa5d58a95863f01032d9ee9b090f1de6e94"
+  integrity sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-whitespace@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz#06b26b2983c4d27bfcc657b33e25134d4868b0b1"
+  integrity sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-character@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-2.1.1.tgz#2f987831a40d4c510ac261e89852c4e9703ccda6"
+  integrity sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-chunked@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz#47fbcd93471a3fccab86cff03847fc3552db1051"
+  integrity sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-classify-character@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz#d399faf9c45ca14c8b4be98b1ea481bced87b629"
+  integrity sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-combine-extensions@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz#2a0f490ab08bff5cc2fd5eec6dd0ca04f89b30a9"
+  integrity sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==
+  dependencies:
+    micromark-util-chunked "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-decode-numeric-character-reference@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz#fcf15b660979388e6f118cdb6bf7d79d73d26fe5"
+  integrity sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-decode-string@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz#6cb99582e5d271e84efca8e61a807994d7161eb2"
+  integrity sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-encode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz#0d51d1c095551cfaac368326963cf55f15f540b8"
+  integrity sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==
+
+micromark-util-html-tag-name@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz#e40403096481986b41c106627f98f72d4d10b825"
+  integrity sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==
+
+micromark-util-normalize-identifier@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz#c30d77b2e832acf6526f8bf1aa47bc9c9438c16d"
+  integrity sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-resolve-all@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz#e1a2d62cdd237230a2ae11839027b19381e31e8b"
+  integrity sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-util-sanitize-uri@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz#ab89789b818a58752b73d6b55238621b7faa8fd7"
+  integrity sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-subtokenize@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.3.tgz#70ffb99a454bd8c913c8b709c3dc97baefb65f96"
+  integrity sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-symbol@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz#e5da494e8eb2b071a0d08fb34f6cefec6c0a19b8"
+  integrity sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==
+
+micromark-util-types@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-2.0.1.tgz#a3edfda3022c6c6b55bfb049ef5b75d70af50709"
+  integrity sha512-534m2WhVTddrcKVepwmVEVnUAmtrx9bfIjNoQHRqfnvdaHQiFytEhJoTgpWJvDEXCO5gLTQh3wYC1PgOJA4NSQ==
+
+micromark@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/micromark/-/micromark-4.0.1.tgz#294c2f12364759e5f9e925a767ae3dfde72223ff"
+  integrity sha512-eBPdkcoCNvYcxQOAKAlceo5SNdzZWfF+FcSupREAzdAh9rRmE239CEQAiTwIgblwnoM8zzj35sZ5ZwvSEOF6Kw==
+  dependencies:
+    "@types/debug" "^4.0.0"
+    debug "^4.0.0"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
 micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5, micromatch@^4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
@@ -8494,6 +9194,11 @@ nanoid@^3.3.6, nanoid@^3.3.7:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
   integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
 
+nanoid@^5.0.8:
+  version "5.0.8"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-5.0.8.tgz#7610003f6b3b761b5c244bb342c112c5312512bf"
+  integrity sha512-TcJPw+9RV9dibz1hHUzlLVy8N4X9TnwirAjrU08Juo6BNKggzVfP2ZJ/3ZUSq15Xl5i85i+Z89XBO90pB2PghQ==
+
 napi-build-utils@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/napi-build-utils/-/napi-build-utils-1.0.2.tgz#b1fddc0b2c46e380a0b7a76f984dd47c41a13806"
@@ -8733,6 +9438,15 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
+oniguruma-to-es@0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/oniguruma-to-es/-/oniguruma-to-es-0.4.1.tgz#112fbcd5fafe4f635983425a6db88f3e2de37107"
+  integrity sha512-rNcEohFz095QKGRovP/yqPIKc+nP+Sjs4YTHMv33nMePGKrq/r2eu9Yh4646M5XluGJsUnmwoXuiXE69KDs+fQ==
+  dependencies:
+    emoji-regex-xs "^1.0.0"
+    regex "^5.0.0"
+    regex-recursion "^4.2.1"
+
 open@^7.4.2:
   version "7.4.2"
   resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
@@ -8847,6 +9561,20 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-entities@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.1.tgz#4e2a01111fb1c986549b944af39eeda258fc9e4e"
+  integrity sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    character-entities "^2.0.0"
+    character-entities-legacy "^3.0.0"
+    character-reference-invalid "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    is-alphanumerical "^2.0.0"
+    is-decimal "^2.0.0"
+    is-hexadecimal "^2.0.0"
+
 parse-filepath@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/parse-filepath/-/parse-filepath-1.0.2.tgz#a632127f53aaf3d15876f5872f3ffac763d6c891"
@@ -9176,6 +9904,11 @@ prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+property-information@^6.0.0:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.5.0.tgz#6212fbb52ba757e92ef4fb9d657563b933b7ffec"
+  integrity sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==
+
 psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
@@ -9273,6 +10006,22 @@ react-is@^18.0.0:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
   integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
+react-markdown@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-9.0.1.tgz#c05ddbff67fd3b3f839f8c648e6fb35d022397d1"
+  integrity sha512-186Gw/vF1uRkydbsOIkcGXw7aHq0sZOCRFFjGrr7b9+nVZg4UfA4enXCaxm4fUzecU38sWfrNDitGhshuU7rdg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    devlop "^1.0.0"
+    hast-util-to-jsx-runtime "^2.0.0"
+    html-url-attributes "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    remark-parse "^11.0.0"
+    remark-rehype "^11.0.0"
+    unified "^11.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
 react-remove-scroll-bar@^2.3.6:
   version "2.3.6"
   resolved "https://registry.yarnpkg.com/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz#3e585e9d163be84a010180b18721e851ac81a29c"
@@ -9414,6 +10163,25 @@ regenerator-transform@^0.15.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
+regex-recursion@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/regex-recursion/-/regex-recursion-4.2.1.tgz#024ee28593b8158e568307b99bf1b7a3d5ea31e9"
+  integrity sha512-QHNZyZAeKdndD1G3bKAbBEKOSSK4KOHQrAJ01N1LJeb0SoH4DJIeFhp0uUpETgONifS4+P3sOgoA1dhzgrQvhA==
+  dependencies:
+    regex-utilities "^2.3.0"
+
+regex-utilities@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/regex-utilities/-/regex-utilities-2.3.0.tgz#87163512a15dce2908cf079c8960d5158ff43280"
+  integrity sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==
+
+regex@^5.0.0:
+  version "5.0.2"
+  resolved "https://registry.yarnpkg.com/regex/-/regex-5.0.2.tgz#291d960467e6499a79ceec022d20a4e0df67c54f"
+  integrity sha512-/pczGbKIQgfTMRV0XjABvc5RzLqQmwqxLHdQao2RTXPk+pmTXB2P0IaUHYdYyk412YLwUIkaeMd5T+RzVgTqnQ==
+  dependencies:
+    regex-utilities "^2.3.0"
+
 regexp-tree@^0.1.27:
   version "0.1.27"
   resolved "https://registry.yarnpkg.com/regexp-tree/-/regexp-tree-0.1.27.tgz#2198f0ef54518ffa743fe74d983b56ffd631b6cd"
@@ -9474,6 +10242,48 @@ relay-runtime@12.0.0:
     fbjs "^3.0.0"
     invariant "^2.2.4"
 
+remark-gfm@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-4.0.0.tgz#aea777f0744701aa288b67d28c43565c7e8c35de"
+  integrity sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-gfm "^3.0.0"
+    micromark-extension-gfm "^3.0.0"
+    remark-parse "^11.0.0"
+    remark-stringify "^11.0.0"
+    unified "^11.0.0"
+
+remark-parse@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-11.0.0.tgz#aa60743fcb37ebf6b069204eb4da304e40db45a1"
+  integrity sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unified "^11.0.0"
+
+remark-rehype@^11.0.0:
+  version "11.1.1"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.1.tgz#f864dd2947889a11997c0a2667cd6b38f685bca7"
+  integrity sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
+
+remark-stringify@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-11.0.0.tgz#4c5b01dd711c269df1aaae11743eb7e2e7636fd3"
+  integrity sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    unified "^11.0.0"
+
 remedial@^1.0.7:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/remedial/-/remedial-1.0.8.tgz#a5e4fd52a0e4956adbaf62da63a5a46a78c578a0"
@@ -9837,6 +10647,18 @@ shell-quote@^1.7.3:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
   integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
 
+shiki@^1.23.1:
+  version "1.23.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.23.1.tgz#02f149e8f2592509e701f3a806fd4f3dd64d17e9"
+  integrity sha512-8kxV9TH4pXgdKGxNOkrSMydn1Xf6It8lsle0fiqxf7a1149K1WGtdOu3Zb91T5r1JpvRPxqxU3C2XdZZXQnrig==
+  dependencies:
+    "@shikijs/core" "1.23.1"
+    "@shikijs/engine-javascript" "1.23.1"
+    "@shikijs/engine-oniguruma" "1.23.1"
+    "@shikijs/types" "1.23.1"
+    "@shikijs/vscode-textmate" "^9.3.0"
+    "@types/hast" "^3.0.4"
+
 side-channel@^1.0.4, side-channel@^1.0.6:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2"
@@ -9987,6 +10809,11 @@ source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+space-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f"
+  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
+
 spdx-correct@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"
@@ -10025,13 +10852,6 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==
 
-sswr@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/sswr/-/sswr-2.1.0.tgz#1eb64cd647cc9e11f871e7f43554abd8c64e1103"
-  integrity sha512-Cqc355SYlTAaUt8iDPaC/4DPPXK925PePLMxyBKuWd5kKc5mwsG3nT9+Mq2tyguL5s7b4Jg+IRMpTRsNTAfpSQ==
-  dependencies:
-    swrev "^4.0.0"
-
 stack-utils@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
@@ -10177,6 +10997,14 @@ string_decoder@^1.1.1, string_decoder@^1.3.0:
   dependencies:
     safe-buffer "~5.2.0"
 
+stringify-entities@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-4.0.4.tgz#b3b79ef5f277cc4ac73caeb0236c5ba939b3a4f3"
+  integrity sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==
+  dependencies:
+    character-entities-html4 "^2.0.0"
+    character-entities-legacy "^3.0.0"
+
 "strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
@@ -10230,6 +11058,13 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
+style-to-object@^1.0.0:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-1.0.8.tgz#67a29bca47eaa587db18118d68f9d95955e81292"
+  integrity sha512-xT47I/Eo0rwJmaXC4oilDGDWLohVhR6o/xAQcPQN8q6QBuZVL8qMYL85kLmST5cPjAorwvqIA4qXTRQoYHaL6g==
+  dependencies:
+    inline-style-parser "0.2.4"
+
 styled-jsx@5.1.6:
   version "5.1.6"
   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.6.tgz#83b90c077e6c6a80f7f5e8781d0f311b2fe41499"
@@ -10284,16 +11119,6 @@ swr@^2.2.5:
     client-only "^0.0.1"
     use-sync-external-store "^1.2.0"
 
-swrev@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/swrev/-/swrev-4.0.0.tgz#83da6983c7ef9d71ac984a9b169fc197cbf18ff8"
-  integrity sha512-LqVcOHSB4cPGgitD1riJ1Hh4vdmITOp+BkmfmXRh4hSF/t7EnS4iD+SOTmq7w5pPm/SiPeto4ADbKS6dHUDWFA==
-
-swrv@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/swrv/-/swrv-1.0.4.tgz#278b4811ed4acbb1ae46654972a482fd1847e480"
-  integrity sha512-zjEkcP8Ywmj+xOJW3lIT65ciY/4AL4e/Or7Gj0MzU3zBJNMdJiT8geVZhINavnlHRMMCcJLHhraLTAiDOTmQ9g==
-
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -10312,6 +11137,11 @@ tailwind-merge@^2.2.2:
   resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.5.4.tgz#4bf574e81fa061adeceba099ae4df56edcee78d1"
   integrity sha512-0q8cfZHMu9nuYP/b5Shb7Y7Sh1B7Nnl5GqNr1U+n2p6+mybvRtayrQ+0042Z5byvTA8ihjlP8Odo8/VnHbZu4Q==
 
+tailwindcss-animate@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
+  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
+
 tailwindcss@^3.4.1:
   version "3.4.14"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.14.tgz#6dd23a7f54ec197b19159e91e3bb1e55e7aa73ac"
@@ -10512,6 +11342,16 @@ tree-kill@^1.2.2:
   resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
   integrity sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==
 
+trim-lines@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"
+  integrity sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==
+
+trough@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f"
+  integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==
+
 ts-api-utils@^1.0.1, ts-api-utils@^1.3.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.0.tgz#709c6f2076e511a81557f3d07a0cbd566ae8195c"
@@ -10761,6 +11601,57 @@ unicode-property-aliases-ecmascript@^2.0.0:
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
+unified@^11.0.0:
+  version "11.0.5"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
+  integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    bail "^2.0.0"
+    devlop "^1.0.0"
+    extend "^3.0.0"
+    is-plain-obj "^4.0.0"
+    trough "^2.0.0"
+    vfile "^6.0.0"
+
+unist-util-is@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
+  integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-position@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-5.0.0.tgz#678f20ab5ca1207a97d7ea8a388373c9cf896be4"
+  integrity sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-stringify-position@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2"
+  integrity sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==
+  dependencies:
+    "@types/unist" "^3.0.0"
+
+unist-util-visit-parents@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz#4d5f85755c3b8f0dc69e21eca5d6d82d22162815"
+  integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
+unist-util-visit@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
+  integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
+
 universalify@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
@@ -10877,6 +11768,22 @@ value-or-promise@^1.0.11, value-or-promise@^1.0.12:
   resolved "https://registry.yarnpkg.com/value-or-promise/-/value-or-promise-1.0.12.tgz#0e5abfeec70148c78460a849f6b003ea7986f15c"
   integrity sha512-Z6Uz+TYwEqE7ZN50gwn+1LCVo9ZVrpxRPOhOLnncYkY1ZzOYtrX8Fwf/rFktZ8R5mJms6EZf5TqNOMeZmnPq9Q==
 
+vfile-message@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-4.0.2.tgz#c883c9f677c72c166362fd635f21fc165a7d1181"
+  integrity sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-stringify-position "^4.0.0"
+
+vfile@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-6.0.3.tgz#3652ab1c496531852bf55a6bac57af981ebc38ab"
+  integrity sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    vfile-message "^4.0.0"
+
 w3c-xmlserializer@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
@@ -11211,7 +12118,7 @@ yocto-queue@^0.1.0:
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
 
-zod-to-json-schema@^3.23.3:
+zod-to-json-schema@^3.23.5:
   version "3.23.5"
   resolved "https://registry.yarnpkg.com/zod-to-json-schema/-/zod-to-json-schema-3.23.5.tgz#ec23def47dcafe3a4d640eba6a346b34f9a693a5"
   integrity sha512-5wlSS0bXfF/BrL4jPAbz9da5hDlDptdEppYfe+x4eIJ7jioqKG9uUxOwPzqof09u/XeVdrgFu29lZi+8XNDJtA==
@@ -11227,3 +12134,8 @@ zustand@^4.5.2:
   integrity sha512-+0PALYNJNgK6hldkgDq2vLrw5f6g/jCInz52n9RTpropGgeAf/ioFUCdtsjCqu4gNhW9D01rUQBROoRjdzyn2Q==
   dependencies:
     use-sync-external-store "1.2.2"
+
+zwitch@^2.0.0, zwitch@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-2.0.4.tgz#c827d4b0acb76fc3e685a4c6ec2902d51070e9d7"
+  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==