feat: wip webapp skeleton things

2025-06-14 09:27:27 +07:00 · 2025-06-14 09:27:27 +07:00 · e41df49bb3
commit e41df49bb3
--- a/.gitignore
+++ b/.gitignore
@ -50,4 +50,5 @@ apps/api/auth-db-temp.json
 .wrangler
 .sentryclirc
 .eslintcache
-.nitro
+.nitro
+.tanstack
--- a/apps/web/package.json
+++ b/apps/web/package.json
@ -26,14 +26,19 @@
    "@agentic/platform-validators": "workspace:*",
    "@radix-ui/react-dropdown-menu": "^2.1.15",
    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tanstack/react-query-devtools": "^5.80.7",
    "@tanstack/react-router": "^1.121.2",
    "@tanstack/react-router-devtools": "^1.121.8",
    "@tanstack/react-start": "^1.121.10",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-react": "^0.515.0",
+    "motion": "^12.18.1",
+    "posthog-js": "^1.252.0",
    "react": "catalog:",
    "react-dom": "catalog:",
+    "react-lottie-player": "^2.1.0",
    "stripe": "catalog:",
    "tailwind-merge": "^3.3.1",
    "type-fest": "catalog:",
--- a/apps/web/src/components/hero-button/index.tsx
+++ b/apps/web/src/components/hero-button/index.tsx
@ -0,0 +1,56 @@
+import type * as React from 'react'
+import cs from 'clsx'
+import Link from 'next/link'
+
+import { Button } from '@/components/ui/button'
+
+import styles from './styles.module.css'
+
+export type HeroButtonVariant = 'orange' | 'blue' | 'purple'
+
+export function HeroButton({
+  variant = 'purple',
+  className,
+  buttonClassName,
+  children,
+  ...buttonProps
+}: {
+  variant?: HeroButtonVariant
+  className?: string
+  buttonClassName?: string
+  children: React.ReactNode
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>) {
+  return (
+    <div className={cs(styles.heroButtonWrapper, className)}>
+      {variant === 'blue' && (
+        <span className={cs(styles.heroButtonBg, styles.heroButtonBg1)} />
+      )}
+
+      {variant === 'purple' && (
+        <span className={cs(styles.heroButtonBg, styles.heroButtonBg2)} />
+      )}
+
+      {variant === 'orange' && (
+        <span className={cs(styles.heroButtonBg, styles.heroButtonBg3)} />
+      )}
+
+      {buttonProps.href ? (
+        <Link
+          className={cs(styles.heroButton, buttonClassName)}
+          href={buttonProps.href}
+          {...buttonProps}
+        >
+          <div className={styles.heroButtonContent}>{children}</div>
+        </Link>
+      ) : (
+        <Button
+          className={cs(styles.heroButton, buttonClassName)}
+          {...(buttonProps as any)}
+          type='button'
+        >
+          <div className={styles.heroButtonContent}>{children}</div>
+        </Button>
+      )}
+    </div>
+  )
+}
--- a/apps/web/src/components/hero-button/styles.module.css
+++ b/apps/web/src/components/hero-button/styles.module.css
@ -0,0 +1,166 @@
+.heroButtonWrapper {
+  position: relative;
+  z-index: 100;
+}
+
+.heroButtonBg1 {
+  --start-color: #00dfd8;
+  --end-color: #007cf0;
+  /* animation: heroBgAnimation1 8s infinite; */
+}
+
+.heroButtonBg2 {
+  --start-color: #ff0080;
+  --end-color: #7928ca;
+  /* animation: heroBgAnimation2 8s infinite; */
+}
+
+.heroButtonBg3 {
+  --start-color: #ff4d4d;
+  --end-color: #f9cb28;
+  /* animation: heroBgAnimation3 8s infinite; */
+}
+
+.heroButtonBg {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-image: linear-gradient(
+    165deg,
+    var(--start-color),
+    var(--end-color)
+  );
+  border-radius: 5px;
+  z-index: -2;
+}
+
+.heroButtonBg::before {
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  border: 12px solid transparent;
+  filter: blur(24px);
+  /* animation: pulse 2s ease-in-out infinite alternate; */
+  background-image: linear-gradient(
+    165deg,
+    var(--start-color),
+    var(--end-color)
+  );
+}
+
+.heroButton {
+  position: relative;
+  cursor: pointer;
+
+  background-color: var(--background);
+  background-clip: padding-box;
+  border: 1px solid transparent;
+  box-shadow: 0 4px 4px 0 #00000010;
+  color: var(--foreground);
+  transition-property: color, background-color, box-shadow;
+  transition-duration: 0.15s;
+  transition-timing-function: ease;
+  padding: 12px 24px;
+  line-height: 1.5em;
+  border-radius: 5px;
+  max-width: 100%;
+  font-weight: 400;
+  font-size: 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  user-select: none;
+  outline: none;
+
+  --lighten-color: hsla(0, 0%, 100%, 0.8);
+  background-image: linear-gradient(
+    to right,
+    var(--lighten-color),
+    var(--lighten-color)
+  );
+}
+
+:global(.dark) .heroButton {
+  --lighten-color: rgba(0, 0, 0, 0.75);
+}
+
+.heroButtonContent {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+}
+
+.heroButton:hover {
+  --lighten-color: transparent;
+  background-color: transparent;
+  color: var(--background);
+}
+
+.heroButton:focus:not(:active):not(:hover) {
+  border-color: var(--foreground);
+}
+
+.heroButton:active {
+  --lighten-color: hsla(0, 0%, 100%, 0.5);
+}
+
+.heroButtonWrapper:has(.heroButton:disabled) {
+  opacity: 0.3;
+  cursor: not-allowed;
+}
+
+.heroButtonWrapper:has(.heroButton:disabled) * {
+  pointer-events: none;
+}
+
+/* @keyframes heroBgAnimation1 {
+  0%,
+  16.667%,
+  to {
+    opacity: 1;
+  }
+  33%,
+  83.333% {
+    opacity: 0;
+  }
+}
+
+@keyframes heroBgAnimation2 {
+  0%,
+  16.667%,
+  66.667%,
+  to {
+    opacity: 0;
+  }
+  33.333%,
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes heroBgAnimation3 {
+  0%,
+  50%,
+  to {
+    opacity: 0;
+  }
+  66.667%,
+  83.333% {
+    opacity: 1;
+  }
+} */
+
+/* @keyframes pulse {
+  from {
+    filter: blur(8px);
+  }
+
+  to {
+    filter: blur(32px);
+  }
+} */
--- a/apps/web/src/components/loading-indicator/index.tsx
+++ b/apps/web/src/components/loading-indicator/index.tsx
@ -0,0 +1,56 @@
+'use client'
+
+import cs from 'clsx'
+import { AnimatePresence, motion } from 'motion/react'
+import dynamic from 'next/dynamic'
+import { useTheme } from 'next-themes'
+
+import loadingDark from './loading-dark.json'
+import loadingLight from './loading-light.json'
+import styles from './styles.module.css'
+
+const Lottie = dynamic(() => import('react-lottie-player'), {
+  ssr: false
+})
+
+export function LoadingIndicator({
+  isLoading = true,
+  fill = false,
+  className,
+  initial,
+  animate,
+  exit,
+  ...rest
+}: {
+  isLoading?: boolean
+  fill?: boolean
+  className?: string
+  initial?: any
+  animate?: any
+  exit?: any
+}) {
+  const { resolvedTheme } = useTheme()
+
+  return (
+    <AnimatePresence>
+      {isLoading ? (
+        <motion.div
+          className={cs(styles.loading, fill && styles.fill, className)}
+          initial={{ opacity: 1, ...initial }}
+          animate={{ opacity: 1, ...animate }}
+          exit={{ opacity: 0, ...exit }}
+          {...rest}
+        >
+          <Lottie
+            play
+            loop
+            animationData={
+              resolvedTheme === 'dark' ? loadingDark : loadingLight
+            }
+            className={styles.loadingAnimation}
+          />
+        </motion.div>
+      ) : null}
+    </AnimatePresence>
+  )
+}
--- a/apps/web/src/components/loading-indicator/loading-dark.json
+++ b/apps/web/src/components/loading-indicator/loading-dark.json
--- a/apps/web/src/components/loading-indicator/loading-light.json
+++ b/apps/web/src/components/loading-indicator/loading-light.json
--- a/apps/web/src/components/loading-indicator/styles.module.css
+++ b/apps/web/src/components/loading-indicator/styles.module.css
@ -0,0 +1,22 @@
+.loading {
+  position: relative;
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.fill {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.loadingAnimation {
+  width: 200px;
+  height: 200px;
+  max-width: 50vw;
+  max-height: 50vh;
+}
--- a/apps/web/src/components/ui/tooltip.tsx
+++ b/apps/web/src/components/ui/tooltip.tsx
@ -0,0 +1,59 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip'
+import * as React from 'react'
+
+import { cn } from '@/lib/utils'
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot='tooltip-provider'
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot='tooltip' {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot='tooltip-trigger' {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot='tooltip-content'
+        sideOffset={sideOffset}
+        className={cn(
+          'bg-primary text-primary-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className='bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]' />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipContent, TooltipProvider,TooltipTrigger }
--- a/apps/web/src/lib/bootstrap.ts
+++ b/apps/web/src/lib/bootstrap.ts
@ -0,0 +1,27 @@
+import * as config from './config'
+
+const detail = `
+- ${config.githubUrl}
+- ${config.twitterUrl}
+`
+
+const banner = `
+ █████╗  ██████╗ ███████╗███╗   ██╗████████╗██╗ ██████╗
+██╔══██╗██╔════╝ ██╔════╝████╗  ██║╚══██╔══╝██║██╔════╝
+███████║██║  ███╗█████╗  ██╔██╗ ██║   ██║   ██║██║
+██╔══██║██║   ██║██╔══╝  ██║╚██╗██║   ██║   ██║██║
+██║  ██║╚██████╔╝███████╗██║ ╚████║   ██║   ██║╚██████╗
+╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝   ╚═╝ ╚═════╝
+
+${detail}
+`
+
+export function bootstrap() {
+  if (config.isServer) return
+
+  if (config.isSafari) {
+    console.log(detail)
+  } else {
+    console.log(banner)
+  }
+}
--- a/apps/web/src/lib/config.ts
+++ b/apps/web/src/lib/config.ts
@ -0,0 +1,37 @@
+export const isServer = globalThis.window === undefined
+export const isSafari =
+  !isServer && /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+
+export const title = 'Agentic'
+export const description =
+  'Agentic is an API gateway built exclusively for AI agents.'
+export const domain =
+  import.meta.env.VITE_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL ?? 'agentic.so'
+
+export const author = 'Travis Fischer'
+export const authorTwitterUsername = 'transitive_bs'
+export const twitterUrl = `https://x.com/${authorTwitterUsername}`
+export const copyright = `© ${new Date().getFullYear()} Agentic. All rights reserved.`
+export const githubUrl = 'https://github.com/transitive-bullshit/agentic'
+
+export const env =
+  import.meta.env.VITE_PUBLIC_VERCEL_ENV ??
+  import.meta.env.NODE_ENV ??
+  'development'
+export const isVercel = !!(
+  import.meta.env.VITE_PUBLIC_VERCEL_ENV || import.meta.env.VERCEL
+)
+export const isDev = env === 'development' && !isVercel
+export const isProd = env === 'production'
+export const isTest = env === 'test'
+
+export const port = import.meta.env.PORT || '3000'
+export const prodUrl = `https://${domain}`
+export const url = isDev ? `http://localhost:${port}` : prodUrl
+export const vercelUrl =
+  import.meta.env.VERCEL_URL ?? import.meta.env.VITE_PUBLIC_VERCEL_URL
+export const apiBaseUrl = isDev || !vercelUrl ? url : `https://${vercelUrl}`
+
+export const posthogKey = import.meta.env.VITE_PUBLIC_POSTHOG_KEY!
+export const posthogHost =
+  import.meta.env.VITE_PUBLIC_POSTHOG_HOST || 'https://us.i.posthog.com'
--- a/apps/web/src/router.tsx
+++ b/apps/web/src/router.tsx
@ -1,11 +1,15 @@
 import { createRouter as createTanStackRouter } from '@tanstack/react-router'

 import { NotFound } from './components/not-found'
+import { bootstrap } from './lib/bootstrap'
 import { routeTree } from './routeTree.gen'

 export function createRouter() {
+  bootstrap()
+
  const router = createTanStackRouter({
    routeTree,
+    defaultPreload: 'intent',
    scrollRestoration: true,
    defaultNotFoundComponent: () => <NotFound />
  })
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@ -1,4 +1,5 @@
 import type { ReactNode } from 'react'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
 import {
  createRootRoute,
  HeadContent,
@ -6,8 +7,10 @@ import {
  Scripts
 } from '@tanstack/react-router'
 import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
+import { PostHogProvider } from 'posthog-js/react'

 import { ThemeProvider } from '@/components/theme-provider'
+import { posthogHost, posthogKey } from '@/lib/config'
 import globalStyles from '@/styles/global.css?url'

 export const Route = createRootRoute({
@ -43,6 +46,11 @@ function RootComponent() {
  )
 }

+const posthogOptions = {
+  api_host: posthogHost,
+  defaults: '2025-05-24'
+} as const
+
 function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
  return (
    <html lang='en'>
@ -51,11 +59,14 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
      </head>

      <body>
-        <ThemeProvider defaultTheme='dark' storageKey='agentic-ui-theme'>
-          {children}
-        </ThemeProvider>
+        <PostHogProvider apiKey={posthogKey} options={posthogOptions}>
+          <ThemeProvider defaultTheme='dark' storageKey='agentic-ui-theme'>
+            {children}
+          </ThemeProvider>
+        </PostHogProvider>

        <TanStackRouterDevtools position='bottom-right' />
+        <ReactQueryDevtools buttonPosition='top-right' />
        <Scripts />
      </body>
    </html>
--- a/apps/web/vite.config.ts
+++ b/apps/web/vite.config.ts
@ -11,5 +11,8 @@ export default defineConfig({
    tanstackStart({
      target: 'vercel'
    })
-  ]
+  ],
+  ssr: {
+    noExternal: ['posthog-js', 'posthog-js/react']
+  }
 })
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -533,6 +533,12 @@ importers:
      '@radix-ui/react-slot':
        specifier: ^1.2.3
        version: 1.2.3(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-tooltip':
+        specifier: ^1.2.7
+        version: 1.2.7(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@tanstack/react-query-devtools':
+        specifier: ^5.80.7
+        version: 5.80.7(@tanstack/react-query@5.80.7(react@19.1.0))(react@19.1.0)
      '@tanstack/react-router':
        specifier: ^1.121.2
        version: 1.121.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@ -551,12 +557,21 @@ importers:
      lucide-react:
        specifier: ^0.515.0
        version: 0.515.0(react@19.1.0)
+      motion:
+        specifier: ^12.18.1
+        version: 12.18.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      posthog-js:
+        specifier: ^1.252.0
+        version: 1.252.0
      react:
        specifier: 'catalog:'
        version: 19.1.0
      react-dom:
        specifier: 'catalog:'
        version: 19.1.0(react@19.1.0)
+      react-lottie-player:
+        specifier: ^2.1.0
+        version: 2.1.0(react@19.1.0)
      stripe:
        specifier: 'catalog:'
        version: 18.2.1(@types/node@22.15.29)
@ -2955,6 +2970,19 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-tooltip@1.2.7':
+    resolution: {integrity: sha512-Ap+fNYwKTYJ9pzqW+Xe2HtMRbQ/EeWkj2qykZ6SuEV4iS/o1bZI5ssJbk4D2r8XuDuOBVz/tIx2JObtuqU+5Zw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
  '@radix-ui/react-use-callback-ref@1.1.1':
    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
    peerDependencies:
@ -3018,6 +3046,19 @@ packages:
      '@types/react':
        optional: true

+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
  '@radix-ui/rect@1.1.1':
    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}

@ -3660,6 +3701,23 @@ packages:
    resolution: {integrity: sha512-k07LFI4Qo074IIaWzT/XjD0KlkGx2w1V3fnNtclKx0oAl8z4O9kCh6za+FPEIRe98xLgNFEiddDbJeAYGSlPtw==}
    engines: {node: '>=12'}

+  '@tanstack/query-core@5.80.7':
+    resolution: {integrity: sha512-s09l5zeUKC8q7DCCCIkVSns8zZrK4ZDT6ryEjxNBFi68G4z2EBobBS7rdOY3r6W1WbUDpc1fe5oY+YO/+2UVUg==}
+
+  '@tanstack/query-devtools@5.80.0':
+    resolution: {integrity: sha512-D6gH4asyjaoXrCOt5vG5Og/YSj0D/TxwNQgtLJIgWbhbWCC/emu2E92EFoVHh4ppVWg1qT2gKHvKyQBEFZhCuA==}
+
+  '@tanstack/react-query-devtools@5.80.7':
+    resolution: {integrity: sha512-7Dz/19fVo0i+jgLVBabV5vfGOlLyN5L1w8w1/ogFhe6ItNNsNA+ZgNTbtiKpbR3CcX2WDRRTInz1uMSmHzTsoQ==}
+    peerDependencies:
+      '@tanstack/react-query': ^5.80.7
+      react: ^18 || ^19
+
+  '@tanstack/react-query@5.80.7':
+    resolution: {integrity: sha512-u2F0VK6+anItoEvB3+rfvTO9GEh2vb00Je05OwlUe/A0lkJBgW1HckiY3f9YZa+jx6IOe4dHPh10dyp9aY3iRQ==}
+    peerDependencies:
+      react: ^18 || ^19
+
  '@tanstack/react-router-devtools@1.121.8':
    resolution: {integrity: sha512-QwFG4kWTNV0jSjJDvMs5LfK7X+GPQz9NZhSDStZMkC6xu+s+n+Wk/Szv/FDZ/wqjcJ3/k0rh4C5DEfZvMtSdOg==}
    engines: {node: '>=12'}
@ -4613,6 +4671,9 @@ packages:
  core-js-compat@3.41.0:
    resolution: {integrity: sha512-RFsU9LySVue9RTwdDVX/T0e2Y6jRYWXERKElIjpuEOEnxaXffI0X7RUwVzfYLfzuLXSNJDYoRYUAmRUcyln20A==}

+  core-js@3.43.0:
+    resolution: {integrity: sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==}
+
  core-util-is@1.0.3:
    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}

@ -5417,6 +5478,9 @@ packages:
    resolution: {integrity: sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==}
    engines: {node: ^12.20 || >= 14.13}

+  fflate@0.4.8:
+    resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
+
  fflate@0.8.2:
    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}

@ -5499,6 +5563,20 @@ packages:
  fraction.js@4.3.7:
    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}

+  framer-motion@12.18.1:
+    resolution: {integrity: sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
  fresh@2.0.0:
    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
    engines: {node: '>= 0.8'}
@ -6325,6 +6403,9 @@ packages:
    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
    hasBin: true

+  lottie-web@5.13.0:
+    resolution: {integrity: sha512-+gfBXl6sxXMPe8tKQm7qzLnUy5DUPJPKIyRHwtpCpyUEYjHYRJC/5gjUvdkuO2c3JllrPtHXH5UJJK8LRYl5yQ==}
+
  loupe@3.1.3:
    resolution: {integrity: sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==}

@ -6490,6 +6571,26 @@ packages:
  module-details-from-path@1.0.4:
    resolution: {integrity: sha512-EGWKgxALGMgzvxYF1UyGTy0HXX/2vHLkw6+NvDKW2jypWbHpjQuj4UMcqQWXHERJhVGKikolT06G3bcKe4fi7w==}

+  motion-dom@12.18.1:
+    resolution: {integrity: sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==}
+
+  motion-utils@12.18.1:
+    resolution: {integrity: sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==}
+
+  motion@12.18.1:
+    resolution: {integrity: sha512-w1ns2hWQ4COhOvnZf4rg4mW0Pl36mzcShpgt0fSfI6qJxKUbi3kHho/HSKeJFRoY0TO1m5/7C8lG1+Li0uC9Fw==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
  ms@2.1.3:
    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}

@ -7011,6 +7112,20 @@ packages:
    resolution: {integrity: sha512-Jtc2612XINuBjIl/QTWsV5UvE8UHuNblcO3vVADSrKsrc6RqGX6lOW1cEo3CM2v0XG4Nat8nI+YM7/f26VxXLw==}
    engines: {node: '>=12'}

+  posthog-js@1.252.0:
+    resolution: {integrity: sha512-Mm72gKYYYaQGilxLPPH+KXF8TcveloOvsMemEz0jna0tV0O++n9SJ/dko+U2ePb+FajZ4vqVvfmkHSIILXdgKg==}
+    peerDependencies:
+      '@rrweb/types': 2.0.0-alpha.17
+      rrweb-snapshot: 2.0.0-alpha.17
+    peerDependenciesMeta:
+      '@rrweb/types':
+        optional: true
+      rrweb-snapshot:
+        optional: true
+
+  preact@10.26.9:
+    resolution: {integrity: sha512-SSjF9vcnF27mJK1XyFMNJzFd5u3pQiATFqoaDy03XuN00u4ziveVVEGt5RKJrDR8MHE/wJo9Nnad56RLzS2RMA==}
+
  precinct@12.2.0:
    resolution: {integrity: sha512-NFBMuwIfaJ4SocE9YXPU/n4AcNSoFMVFjP72nvl3cx69j/ke61/hPOWFREVxLkFhhEGnA8ZuVfTqJBa+PK3b5w==}
    engines: {node: '>=18'}
@ -7111,6 +7226,12 @@ packages:
  react-is@16.13.1:
    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}

+  react-lottie-player@2.1.0:
+    resolution: {integrity: sha512-rxSNIVVLWYnwzsIow377vZsh7GDbReu70V7IDD9TbbcdcJWons4pSh3nyuEa4QWIZw0ZBIieoZRTsiqnb6MZ3g==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
  react-promise-suspense@0.3.4:
    resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}

@ -8275,6 +8396,9 @@ packages:
    resolution: {integrity: sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw==}
    engines: {node: '>= 8'}

+  web-vitals@4.2.4:
+    resolution: {integrity: sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==}
+
  webidl-conversions@3.0.1:
    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}

@ -10363,6 +10487,26 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.8

+  '@radix-ui/react-tooltip@1.2.7(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.2
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-context': 1.1.2(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-dismissable-layer': 1.1.10(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-id': 1.1.1(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-popper': 1.2.7(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-presence': 1.1.4(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@radix-ui/react-slot': 1.2.3(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@19.1.8)(react@19.1.0)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.8
+      '@types/react-dom': 19.1.6(@types/react@19.1.8)
+
  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@19.1.8)(react@19.1.0)':
    dependencies:
      react: 19.1.0
@ -10411,6 +10555,15 @@ snapshots:
    optionalDependencies:
      '@types/react': 19.1.8

+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@19.1.6(@types/react@19.1.8))(@types/react@19.1.8)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+    optionalDependencies:
+      '@types/react': 19.1.8
+      '@types/react-dom': 19.1.6(@types/react@19.1.8)
+
  '@radix-ui/rect@1.1.1': {}

  '@react-email/body@0.0.11(react@19.1.0)':
@ -10961,6 +11114,21 @@ snapshots:

  '@tanstack/history@1.120.17': {}

+  '@tanstack/query-core@5.80.7': {}
+
+  '@tanstack/query-devtools@5.80.0': {}
+
+  '@tanstack/react-query-devtools@5.80.7(@tanstack/react-query@5.80.7(react@19.1.0))(react@19.1.0)':
+    dependencies:
+      '@tanstack/query-devtools': 5.80.0
+      '@tanstack/react-query': 5.80.7(react@19.1.0)
+      react: 19.1.0
+
+  '@tanstack/react-query@5.80.7(react@19.1.0)':
+    dependencies:
+      '@tanstack/query-core': 5.80.7
+      react: 19.1.0
+
  '@tanstack/react-router-devtools@1.121.8(@tanstack/react-router@1.121.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0))(@tanstack/router-core@1.121.2)(csstype@3.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)(solid-js@1.9.7)(tiny-invariant@1.3.3)':
    dependencies:
      '@tanstack/react-router': 1.121.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@ -12249,6 +12417,8 @@ snapshots:
    dependencies:
      browserslist: 4.24.4

+  core-js@3.43.0: {}
+
  core-util-is@1.0.3: {}

  cors@2.8.5:
@ -13180,6 +13350,8 @@ snapshots:
      node-domexception: 1.0.0
      web-streams-polyfill: 3.3.3

+  fflate@0.4.8: {}
+
  fflate@0.8.2: {}

  figures@6.1.0:
@ -13269,6 +13441,15 @@ snapshots:

  fraction.js@4.3.7: {}

+  framer-motion@12.18.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      motion-dom: 12.18.1
+      motion-utils: 12.18.1
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
  fresh@2.0.0: {}

  fsevents@2.3.3:
@ -14088,6 +14269,8 @@ snapshots:
    dependencies:
      js-tokens: 4.0.0

+  lottie-web@5.13.0: {}
+
  loupe@3.1.3: {}

  lru-cache@10.4.3: {}
@ -14234,6 +14417,20 @@ snapshots:

  module-details-from-path@1.0.4: {}

+  motion-dom@12.18.1:
+    dependencies:
+      motion-utils: 12.18.1
+
+  motion-utils@12.18.1: {}
+
+  motion@12.18.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      framer-motion: 12.18.1(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      tslib: 2.8.1
+    optionalDependencies:
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
  ms@2.1.3: {}

  mustache@4.2.0: {}
@ -14850,6 +15047,15 @@ snapshots:

  postgres@3.4.7: {}

+  posthog-js@1.252.0:
+    dependencies:
+      core-js: 3.43.0
+      fflate: 0.4.8
+      preact: 10.26.9
+      web-vitals: 4.2.4
+
+  preact@10.26.9: {}
+
  precinct@12.2.0:
    dependencies:
      '@dependents/detective-less': 5.0.1
@ -14976,6 +15182,13 @@ snapshots:

  react-is@16.13.1: {}

+  react-lottie-player@2.1.0(react@19.1.0):
+    dependencies:
+      fast-deep-equal: 3.1.3
+      lottie-web: 5.13.0
+      react: 19.1.0
+      rfdc: 1.4.1
+
  react-promise-suspense@0.3.4:
    dependencies:
      fast-deep-equal: 2.0.1
@ -16266,6 +16479,8 @@ snapshots:

  web-streams-polyfill@3.3.3: {}

+  web-vitals@4.2.4: {}
+
  webidl-conversions@3.0.1: {}

  webidl-conversions@4.0.2: {}