Add Kapa-powered search chat

Author: tannerlinsley

package.json

@@ -30,6 +30,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
+    "@kapaai/react-sdk": "^0.9.10",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@netlify/functions": "^5.1.5",
     "@netlify/vite-plugin-tanstack-start": "^1.3.2",
@@ -105,6 +106,7 @@
     "remove-markdown": "^0.6.3",
     "resend": "^6.10.0",
     "shiki": "^4.0.2",
+    "streamdown": "^2.5.0",
     "tailwind-merge": "^3.5.0",
     "tar-stream": "^3.1.8",
     "three": "^0.183.2",

pnpm-lock.yaml

@@ -25,3 +25,4 @@ allowBuilds:
 
   # sentry
   '@sentry/cli': false
+  '@fingerprintjs/fingerprintjs-pro-react': false

pnpm-workspace.yaml

@@ -71,7 +71,7 @@ export function DropdownContent({
       align={align}
       sideOffset={sideOffset}
       className={twMerge(
-        'dropdown-content z-[1000] min-w-48 rounded-lg p-1.5',
+        'dropdown-content z-[1200] min-w-48 rounded-lg p-1.5',
         'border border-gray-200 dark:border-gray-700',
         'bg-white dark:bg-gray-800',
         'shadow-lg',

src/components/Dropdown.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react'
 import { Command, Search } from 'lucide-react'
 import { twMerge } from 'tailwind-merge'
-import { useSearchContext } from '~/contexts/SearchContext'
 import { Button } from '~/ui'
 
 interface SearchButtonProps {
@@ -10,13 +9,13 @@ interface SearchButtonProps {
 }
 
 export function SearchButton({ className }: SearchButtonProps) {
-  const { openSearch } = useSearchContext()
-
   return (
     <Button
+      type="button"
+      data-search-trigger
+      aria-haspopup="dialog"
       variant="ghost"
       size="xs"
-      onClick={openSearch}
       className={twMerge('gap-2 bg-gray-500/5 dark:bg-gray-500/30', className)}
     >
       <Search className="w-3.5 h-3.5" />