diff --git a/apps/openfaith/app/routeTree.gen.ts b/apps/openfaith/app/routeTree.gen.ts
index a3b401e9..b1158cc5 100644
--- a/apps/openfaith/app/routeTree.gen.ts
+++ b/apps/openfaith/app/routeTree.gen.ts
@@ -25,6 +25,7 @@ import { Route as MarketingFeaturesRouteImport } from './routes/_marketing/featu
 import { Route as MarketingBlogRouteImport } from './routes/_marketing/blog'
 import { Route as AuthSignInRouteImport } from './routes/_auth/sign-in'
 import { Route as AppDashboardRouteImport } from './routes/_app/dashboard'
+import { Route as AppAiRouteImport } from './routes/_app/ai'
 import { Route as AppGroupRouteRouteImport } from './routes/_app/$group/route'
 import { Route as AppSettingsTeamRouteImport } from './routes/_app/settings/team'
 import { Route as AppSettingsProfileRouteImport } from './routes/_app/settings/profile'
@@ -39,6 +40,7 @@ import { Route as AppGroupEntityEntityIdRouteImport } from './routes/_app/$group
 import { ServerRoute as ApiSplatServerRouteImport } from './routes/api/$'
 import { ServerRoute as ApiAuthRefreshServerRouteImport } from './routes/api/auth/refresh'
 import { ServerRoute as ApiAuthSplatServerRouteImport } from './routes/api/auth/$'
+import { ServerRoute as ApiAiChatServerRouteImport } from './routes/api/ai/chat'
 
 const rootServerRouteImport = createServerRootRoute()
 
@@ -108,6 +110,11 @@ const AppDashboardRoute = AppDashboardRouteImport.update({
   path: '/dashboard',
   getParentRoute: () => AppRouteRoute,
 } as any)
+const AppAiRoute = AppAiRouteImport.update({
+  id: '/ai',
+  path: '/ai',
+  getParentRoute: () => AppRouteRoute,
+} as any)
 const AppGroupRouteRoute = AppGroupRouteRouteImport.update({
   id: '/$group',
   path: '/$group',
@@ -178,9 +185,15 @@ const ApiAuthSplatServerRoute = ApiAuthSplatServerRouteImport.update({
   path: '/api/auth/$',
   getParentRoute: () => rootServerRouteImport,
 } as any)
+const ApiAiChatServerRoute = ApiAiChatServerRouteImport.update({
+  id: '/api/ai/chat',
+  path: '/api/ai/chat',
+  getParentRoute: () => rootServerRouteImport,
+} as any)
 
 export interface FileRoutesByFullPath {
   '/$group': typeof AppGroupRouteRouteWithChildren
+  '/ai': typeof AppAiRoute
   '/dashboard': typeof AppDashboardRoute
   '/sign-in': typeof AuthSignInRoute
   '/blog': typeof MarketingBlogRoute
@@ -204,6 +217,7 @@ export interface FileRoutesByFullPath {
 }
 export interface FileRoutesByTo {
   '/$group': typeof AppGroupRouteRouteWithChildren
+  '/ai': typeof AppAiRoute
   '/dashboard': typeof AppDashboardRoute
   '/sign-in': typeof AuthSignInRoute
   '/blog': typeof MarketingBlogRoute
@@ -231,6 +245,7 @@ export interface FileRoutesById {
   '/_marketing': typeof MarketingRouteRouteWithChildren
   '/_onboarding': typeof OnboardingRouteRouteWithChildren
   '/_app/$group': typeof AppGroupRouteRouteWithChildren
+  '/_app/ai': typeof AppAiRoute
   '/_app/dashboard': typeof AppDashboardRoute
   '/_auth/sign-in': typeof AuthSignInRoute
   '/_marketing/blog': typeof MarketingBlogRoute
@@ -256,6 +271,7 @@ export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
   fullPaths:
     | '/$group'
+    | '/ai'
     | '/dashboard'
     | '/sign-in'
     | '/blog'
@@ -279,6 +295,7 @@ export interface FileRouteTypes {
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/$group'
+    | '/ai'
     | '/dashboard'
     | '/sign-in'
     | '/blog'
@@ -305,6 +322,7 @@ export interface FileRouteTypes {
     | '/_marketing'
     | '/_onboarding'
     | '/_app/$group'
+    | '/_app/ai'
     | '/_app/dashboard'
     | '/_auth/sign-in'
     | '/_marketing/blog'
@@ -336,30 +354,39 @@ export interface RootRouteChildren {
 }
 export interface FileServerRoutesByFullPath {
   '/api/$': typeof ApiSplatServerRoute
+  '/api/ai/chat': typeof ApiAiChatServerRoute
   '/api/auth/$': typeof ApiAuthSplatServerRoute
   '/api/auth/refresh': typeof ApiAuthRefreshServerRoute
 }
 export interface FileServerRoutesByTo {
   '/api/$': typeof ApiSplatServerRoute
+  '/api/ai/chat': typeof ApiAiChatServerRoute
   '/api/auth/$': typeof ApiAuthSplatServerRoute
   '/api/auth/refresh': typeof ApiAuthRefreshServerRoute
 }
 export interface FileServerRoutesById {
   __root__: typeof rootServerRouteImport
   '/api/$': typeof ApiSplatServerRoute
+  '/api/ai/chat': typeof ApiAiChatServerRoute
   '/api/auth/$': typeof ApiAuthSplatServerRoute
   '/api/auth/refresh': typeof ApiAuthRefreshServerRoute
 }
 export interface FileServerRouteTypes {
   fileServerRoutesByFullPath: FileServerRoutesByFullPath
-  fullPaths: '/api/$' | '/api/auth/$' | '/api/auth/refresh'
+  fullPaths: '/api/$' | '/api/ai/chat' | '/api/auth/$' | '/api/auth/refresh'
   fileServerRoutesByTo: FileServerRoutesByTo
-  to: '/api/$' | '/api/auth/$' | '/api/auth/refresh'
-  id: '__root__' | '/api/$' | '/api/auth/$' | '/api/auth/refresh'
+  to: '/api/$' | '/api/ai/chat' | '/api/auth/$' | '/api/auth/refresh'
+  id:
+    | '__root__'
+    | '/api/$'
+    | '/api/ai/chat'
+    | '/api/auth/$'
+    | '/api/auth/refresh'
   fileServerRoutesById: FileServerRoutesById
 }
 export interface RootServerRouteChildren {
   ApiSplatServerRoute: typeof ApiSplatServerRoute
+  ApiAiChatServerRoute: typeof ApiAiChatServerRoute
   ApiAuthSplatServerRoute: typeof ApiAuthSplatServerRoute
   ApiAuthRefreshServerRoute: typeof ApiAuthRefreshServerRoute
 }
@@ -464,6 +491,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AppDashboardRouteImport
       parentRoute: typeof AppRouteRoute
     }
+    '/_app/ai': {
+      id: '/_app/ai'
+      path: '/ai'
+      fullPath: '/ai'
+      preLoaderRoute: typeof AppAiRouteImport
+      parentRoute: typeof AppRouteRoute
+    }
     '/_app/$group': {
       id: '/_app/$group'
       path: '/$group'
@@ -566,6 +600,13 @@ declare module '@tanstack/react-start/server' {
       preLoaderRoute: typeof ApiAuthSplatServerRouteImport
       parentRoute: typeof rootServerRouteImport
     }
+    '/api/ai/chat': {
+      id: '/api/ai/chat'
+      path: '/api/ai/chat'
+      fullPath: '/api/ai/chat'
+      preLoaderRoute: typeof ApiAiChatServerRouteImport
+      parentRoute: typeof rootServerRouteImport
+    }
   }
 }
 
@@ -596,6 +637,7 @@ const AppGroupRouteRouteWithChildren = AppGroupRouteRoute._addFileChildren(
 
 interface AppRouteRouteChildren {
   AppGroupRouteRoute: typeof AppGroupRouteRouteWithChildren
+  AppAiRoute: typeof AppAiRoute
   AppDashboardRoute: typeof AppDashboardRoute
   AppAdminOrgsRoute: typeof AppAdminOrgsRoute
   AppAdminUsersRoute: typeof AppAdminUsersRoute
@@ -608,6 +650,7 @@ interface AppRouteRouteChildren {
 
 const AppRouteRouteChildren: AppRouteRouteChildren = {
   AppGroupRouteRoute: AppGroupRouteRouteWithChildren,
+  AppAiRoute: AppAiRoute,
   AppDashboardRoute: AppDashboardRoute,
   AppAdminOrgsRoute: AppAdminOrgsRoute,
   AppAdminUsersRoute: AppAdminUsersRoute,
@@ -680,6 +723,7 @@ export const routeTree = rootRouteImport
   ._addFileTypes<FileRouteTypes>()
 const rootServerRouteChildren: RootServerRouteChildren = {
   ApiSplatServerRoute: ApiSplatServerRoute,
+  ApiAiChatServerRoute: ApiAiChatServerRoute,
   ApiAuthSplatServerRoute: ApiAuthSplatServerRoute,
   ApiAuthRefreshServerRoute: ApiAuthRefreshServerRoute,
 }
diff --git a/apps/openfaith/app/routes/_app/ai.tsx b/apps/openfaith/app/routes/_app/ai.tsx
new file mode 100644
index 00000000..22c2f143
--- /dev/null
+++ b/apps/openfaith/app/routes/_app/ai.tsx
@@ -0,0 +1,190 @@
+import { useChat } from '@ai-sdk/react'
+import { Results } from '@openfaith/openfaith/features/ai/results'
+import type { Config, Result } from '@openfaith/openfaith/features/ai/tools'
+import {
+  Action,
+  Actions,
+  Conversation,
+  ConversationContent,
+  ConversationScrollButton,
+  CopyIcon,
+  Loader,
+  Message,
+  MessageContent,
+  PromptInput,
+  PromptInputActionAddAttachments,
+  PromptInputActionMenu,
+  PromptInputActionMenuContent,
+  PromptInputActionMenuTrigger,
+  PromptInputAttachment,
+  PromptInputAttachments,
+  PromptInputBody,
+  PromptInputFooter,
+  type PromptInputMessage,
+  PromptInputSubmit,
+  PromptInputTextarea,
+  PromptInputTools,
+  Reasoning,
+  ReasoningContent,
+  ReasoningTrigger,
+  RefreshIcon,
+  Response,
+  Source,
+  Sources,
+  SourcesContent,
+  SourcesTrigger,
+} from '@openfaith/ui'
+import { createFileRoute } from '@tanstack/react-router'
+import { DefaultChatTransport } from 'ai'
+import { Array, pipe } from 'effect'
+import { Fragment, useState } from 'react'
+
+export const Route = createFileRoute('/_app/ai')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const [input, setInput] = useState('')
+  const { messages, sendMessage, status, regenerate } = useChat({
+    transport: new DefaultChatTransport({
+      api: '/api/ai/chat',
+    }),
+  })
+
+  const handleSubmit = (message: PromptInputMessage) => {
+    const hasText = Boolean(message.text)
+    const hasAttachments = Boolean(message.files?.length)
+
+    if (!(hasText || hasAttachments)) {
+      return
+    }
+
+    sendMessage({
+      text: message.text || 'Sent with attachments',
+    })
+    setInput('')
+  }
+
+  return (
+    <div className='relative mx-auto size-full h-screen max-w-4xl p-6'>
+      <div className='flex h-full flex-col'>
+        <Conversation className='h-full'>
+          <ConversationContent>
+            {pipe(
+              messages,
+              Array.map((message) => (
+                <div key={message.id}>
+                  {message.role === 'assistant' &&
+                    pipe(
+                      message.parts,
+                      Array.filter((part) => part.type === 'source-url'),
+                      Array.length,
+                    ) > 0 && (
+                      <Sources>
+                        <SourcesTrigger
+                          count={message.parts.filter((part) => part.type === 'source-url').length}
+                        />
+                        {pipe(
+                          message.parts,
+                          Array.filter((part) => part.type === 'source-url'),
+                          Array.map((part, i) => (
+                            <SourcesContent key={`${message.id}-${i}`}>
+                              <Source href={part.url} key={`${message.id}-${i}`} title={part.url} />
+                            </SourcesContent>
+                          )),
+                        )}
+                      </Sources>
+                    )}
+                  {pipe(
+                    message.parts,
+                    Array.map((part, i) => {
+                      switch (part.type) {
+                        case 'text':
+                          return (
+                            <Fragment key={`${message.id}-${i}`}>
+                              <Message from={message.role}>
+                                <MessageContent>
+                                  <Response>{part.text}</Response>
+                                </MessageContent>
+                              </Message>
+                              {message.role === 'assistant' && i === messages.length - 1 && (
+                                <Actions className='mt-2'>
+                                  <Action label='Retry' onClick={() => regenerate()}>
+                                    <RefreshIcon className='size-3' />
+                                  </Action>
+                                  <Action
+                                    label='Copy'
+                                    onClick={() => navigator.clipboard.writeText(part.text)}
+                                  >
+                                    <CopyIcon className='size-3' />
+                                  </Action>
+                                </Actions>
+                              )}
+                            </Fragment>
+                          )
+                        case 'tool-generateChartConfig': {
+                          const output = part.output as { config?: Config } | undefined
+                          const input = part.input as { results?: Array<Result> } | undefined
+
+                          if (output && output.config && input && input.results) {
+                            return (
+                              <Message from='assistant' key={part.toolCallId}>
+                                <MessageContent className='w-full'>
+                                  <Results chartConfig={output.config} results={input.results} />
+                                </MessageContent>
+                              </Message>
+                            )
+                          }
+                          return null
+                        }
+                        case 'reasoning':
+                          return (
+                            <Reasoning
+                              className='w-full'
+                              isStreaming={
+                                status === 'streaming' &&
+                                i === message.parts.length - 1 &&
+                                message.id === messages.at(-1)?.id
+                              }
+                              key={`${message.id}-${i}`}
+                            >
+                              <ReasoningTrigger />
+                              <ReasoningContent>{part.text}</ReasoningContent>
+                            </Reasoning>
+                          )
+                        default:
+                          return null
+                      }
+                    }),
+                  )}
+                </div>
+              )),
+            )}
+            {status === 'submitted' && <Loader />}
+          </ConversationContent>
+          <ConversationScrollButton />
+        </Conversation>
+
+        <PromptInput className='mt-4' globalDrop multiple onSubmit={handleSubmit}>
+          <PromptInputBody>
+            <PromptInputAttachments>
+              {(attachment) => <PromptInputAttachment data={attachment} />}
+            </PromptInputAttachments>
+            <PromptInputTextarea onChange={(e) => setInput(e.target.value)} value={input} />
+          </PromptInputBody>
+          <PromptInputFooter>
+            <PromptInputTools>
+              <PromptInputActionMenu>
+                <PromptInputActionMenuTrigger />
+                <PromptInputActionMenuContent>
+                  <PromptInputActionAddAttachments />
+                </PromptInputActionMenuContent>
+              </PromptInputActionMenu>
+            </PromptInputTools>
+            <PromptInputSubmit disabled={!input && !status} status={status} />
+          </PromptInputFooter>
+        </PromptInput>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/openfaith/app/routes/api/ai/chat.ts b/apps/openfaith/app/routes/api/ai/chat.ts
new file mode 100644
index 00000000..c6a5162c
--- /dev/null
+++ b/apps/openfaith/app/routes/api/ai/chat.ts
@@ -0,0 +1,47 @@
+import { anthropic } from '@ai-sdk/anthropic'
+import {
+  generateChartConfigTool,
+  generateQueryTool,
+  runQueryTool,
+} from '@openfaith/openfaith/features/ai/tools'
+import { createServerFileRoute } from '@tanstack/react-start/server'
+import { convertToModelMessages, stepCountIs, streamText } from 'ai'
+
+export const ServerRoute = createServerFileRoute('/api/ai/chat').methods({
+  POST: async ({ request }) => {
+    try {
+      const { messages } = await request.json()
+
+      const result = streamText({
+        messages: convertToModelMessages(messages),
+        model: anthropic('claude-haiku-4-5'),
+        stopWhen: stepCountIs(5),
+        system: `You are a helpful assistant that helps OpenFaith users interact with their data. You have access to the following tools:
+        - generateChartConfig: Generate a chart config based on the data and user query.
+        - generateQuery: Generate a SQL query based on the user query.
+        - runQuery: Run a SQL query and return the results.
+
+        When the user asks a question, you should use the generateQuery tool to generate a SQL query. Then you should use the runQuery tool to run the query and return the results.
+        Then you should use the generateChartConfig tool to generate a chart config based on the data and user query.
+        Then you should return the chart config to the user.
+
+        If the user asks a question that is not related to the data, you should say that you are not sure how to help with that.
+        `,
+        temperature: 0.7,
+        tools: {
+          generateChartConfig: generateChartConfigTool,
+          generateQuery: generateQueryTool,
+          runQuery: runQueryTool,
+        },
+      })
+
+      return result.toUIMessageStreamResponse()
+    } catch (error) {
+      console.error('Chat API error:', error)
+      return new Response(JSON.stringify({ error: 'Failed to process chat request' }), {
+        headers: { 'Content-Type': 'application/json' },
+        status: 500,
+      })
+    }
+  },
+})
diff --git a/apps/openfaith/components/navigation/adminNav.tsx b/apps/openfaith/components/navigation/adminNav.tsx
index ae99c0e6..42d62169 100644
--- a/apps/openfaith/components/navigation/adminNav.tsx
+++ b/apps/openfaith/components/navigation/adminNav.tsx
@@ -1,7 +1,7 @@
 import { adminNavItems } from '@openfaith/openfaith/components/navigation/navShared'
 import { SideBarItem } from '@openfaith/openfaith/components/navigation/sideBarItem'
 import { nullOp } from '@openfaith/shared'
-import { SidebarGroup, SidebarGroupLabel, SidebarMenu } from '@openfaith/ui'
+import { SidebarGroup, SidebarGroupLabel, SidebarMenu, StarsIcon } from '@openfaith/ui'
 import { useRouter } from '@tanstack/react-router'
 import { Array, Option, pipe } from 'effect'
 
@@ -21,6 +21,7 @@ export const AdminNav = () => {
             <SidebarGroupLabel className={'gap-2'}>Admin</SidebarGroupLabel>
 
             <SidebarMenu>
+              <SideBarItem icon={<StarsIcon />} title='AI' url='/ai' />
               {pipe(
                 adminNavItems,
                 Array.map((x) => <SideBarItem key={x.url} {...x} />),
diff --git a/apps/openfaith/features/ai/chart.tsx b/apps/openfaith/features/ai/chart.tsx
new file mode 100644
index 00000000..b41ad158
--- /dev/null
+++ b/apps/openfaith/features/ai/chart.tsx
@@ -0,0 +1,317 @@
+'use client'
+
+import { cn } from '@openfaith/ui'
+import * as React from 'react'
+import type { TooltipContentProps } from 'recharts'
+import * as RechartsPrimitive from 'recharts'
+import type { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent'
+
+// Format: { THEME_NAME: CSS_SELECTOR }
+const THEMES = { dark: '.dark', light: '' } as const
+
+export type ChartConfig = {
+  [k in string]: {
+    label?: React.ReactNode
+    icon?: React.ComponentType
+  } & (
+    | { color?: string; theme?: never }
+    | { color?: never; theme: Record<keyof typeof THEMES, string> }
+  )
+}
+
+type ChartContextProps = {
+  config: ChartConfig
+}
+
+const ChartContext = React.createContext<ChartContextProps | null>(null)
+
+function useChart() {
+  const context = React.useContext(ChartContext)
+
+  if (!context) {
+    throw new Error('useChart must be used within a <ChartContainer />')
+  }
+
+  return context
+}
+
+const ChartContainer = React.forwardRef<
+  HTMLDivElement,
+  React.ComponentProps<'div'> & {
+    config: ChartConfig
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children']
+  }
+>(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId()
+  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`
+
+  return (
+    <ChartContext.Provider value={{ config }}>
+      <div
+        className={cn(
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+          className,
+        )}
+        data-chart={chartId}
+        ref={ref}
+        {...props}
+      >
+        <ChartStyle config={config} id={chartId} />
+        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>
+      </div>
+    </ChartContext.Provider>
+  )
+})
+ChartContainer.displayName = 'Chart'
+
+const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
+  const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color)
+
+  if (!colorConfig.length) {
+    return null
+  }
+
+  return (
+    <style
+      dangerouslySetInnerHTML={{
+        __html: Object.entries(THEMES)
+          .map(
+            ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+  .map(([key, itemConfig]) => {
+    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color
+    return color ? `  --color-${key}: ${color};` : null
+  })
+  .join('\n')}
+}
+`,
+          )
+          .join('\n'),
+      }}
+    />
+  )
+}
+
+const ChartTooltip = RechartsPrimitive.Tooltip
+
+const ChartTooltipContent = <TValue extends ValueType, TName extends NameType>({
+  active,
+  payload,
+  className,
+  indicator = 'dot',
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey,
+  ref,
+}: TooltipContentProps<TValue, TName> & {
+  hideLabel?: boolean
+  hideIndicator?: boolean
+  indicator?: 'line' | 'dot' | 'dashed'
+  nameKey?: string
+  labelKey?: string
+  className?: string
+  color?: string
+  ref?: React.RefObject<HTMLDivElement>
+}) => {
+  const { config } = useChart()
+
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null
+    }
+
+    const [item] = payload
+    const key = `${labelKey || item.dataKey || item.name || 'value'}`
+    const itemConfig = getPayloadConfigFromPayload(config, item, key)
+    const value =
+      !labelKey && typeof label === 'string'
+        ? config[label as keyof typeof config]?.label || label
+        : itemConfig?.label
+
+    if (labelFormatter) {
+      return (
+        <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>
+      )
+    }
+
+    if (!value) {
+      return null
+    }
+
+    return <div className={cn('font-medium', labelClassName)}>{value}</div>
+  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey])
+
+  if (!active || !payload?.length) {
+    return null
+  }
+
+  const nestLabel = payload.length === 1 && indicator !== 'dot'
+
+  return (
+    <div
+      className={cn(
+        'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',
+        className,
+      )}
+      ref={ref}
+    >
+      {!nestLabel ? tooltipLabel : null}
+      <div className='grid gap-1.5'>
+        {payload.map((item, index) => {
+          const key = `${nameKey || item.name || item.dataKey || 'value'}`
+          const itemConfig = getPayloadConfigFromPayload(config, item, key)
+          const indicatorColor = color || item.payload.fill || item.color
+
+          return (
+            <div
+              className={cn(
+                'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',
+                indicator === 'dot' && 'items-center',
+              )}
+              key={item.dataKey}
+            >
+              {formatter && item?.value !== undefined && item.name ? (
+                formatter(item.value, item.name, item, index, item.payload)
+              ) : (
+                <>
+                  {itemConfig?.icon ? (
+                    <itemConfig.icon />
+                  ) : (
+                    !hideIndicator && (
+                      <div
+                        className={cn(
+                          'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',
+                          {
+                            'h-2.5 w-2.5': indicator === 'dot',
+                            'my-0.5': nestLabel && indicator === 'dashed',
+                            'w-0 border-[1.5px] border-dashed bg-transparent':
+                              indicator === 'dashed',
+                            'w-1': indicator === 'line',
+                          },
+                        )}
+                        style={
+                          {
+                            '--color-bg': indicatorColor,
+                            '--color-border': indicatorColor,
+                          } as React.CSSProperties
+                        }
+                      />
+                    )
+                  )}
+                  <div
+                    className={cn(
+                      'flex flex-1 justify-between leading-none',
+                      nestLabel ? 'items-end' : 'items-center',
+                    )}
+                  >
+                    <div className='grid gap-1.5'>
+                      {nestLabel ? tooltipLabel : null}
+                      <span className='text-muted-foreground'>
+                        {itemConfig?.label || item.name}
+                      </span>
+                    </div>
+                    {item.value && (
+                      <span className='font-medium font-mono text-foreground tabular-nums'>
+                        {item.value.toLocaleString()}
+                      </span>
+                    )}
+                  </div>
+                </>
+              )}
+            </div>
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+// const ChartLegend = RechartsPrimitive.Legend
+
+// const ChartLegendContent = React.forwardRef<
+//   HTMLDivElement,
+//   React.ComponentProps<'div'> &
+//     Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
+//       hideIcon?: boolean
+//       nameKey?: string
+//     }
+// >(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {
+//   const { config } = useChart()
+
+//   if (!payload?.length) {
+//     return null
+//   }
+
+//   return (
+//     <div
+//       className={cn(
+//         'flex items-center justify-center gap-4',
+//         verticalAlign === 'top' ? 'pb-3' : 'pt-3',
+//         className,
+//       )}
+//       ref={ref}
+//     >
+//       {payload.map((item) => {
+//         const key = `${nameKey || item.dataKey || 'value'}`
+//         const itemConfig = getPayloadConfigFromPayload(config, item, key)
+
+//         return (
+//           <div
+//             className={cn(
+//               'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',
+//             )}
+//             key={item.value}
+//           >
+//             {itemConfig?.icon && !hideIcon ? (
+//               <itemConfig.icon />
+//             ) : (
+//               <div
+//                 className='h-2 w-2 shrink-0 rounded-[2px]'
+//                 style={{
+//                   backgroundColor: item.color,
+//                 }}
+//               />
+//             )}
+//             {itemConfig?.label}
+//           </div>
+//         )
+//       })}
+//     </div>
+//   )
+// })
+// ChartLegendContent.displayName = 'ChartLegend'
+
+// Helper to extract item config from a payload.
+function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {
+  if (typeof payload !== 'object' || payload === null) {
+    return undefined
+  }
+
+  const payloadPayload =
+    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null
+      ? payload.payload
+      : undefined
+
+  let configLabelKey: string = key
+
+  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {
+    configLabelKey = payload[key as keyof typeof payload] as string
+  } else if (
+    payloadPayload &&
+    key in payloadPayload &&
+    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'
+  ) {
+    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string
+  }
+
+  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config]
+}
+
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartStyle }
diff --git a/apps/openfaith/features/ai/dynamicChart.tsx b/apps/openfaith/features/ai/dynamicChart.tsx
new file mode 100644
index 00000000..279af304
--- /dev/null
+++ b/apps/openfaith/features/ai/dynamicChart.tsx
@@ -0,0 +1,276 @@
+'use client'
+
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+} from '@openfaith/openfaith/features/ai/chart'
+import type { Config, Result } from '@openfaith/openfaith/features/ai/tools'
+import {
+  Area,
+  AreaChart,
+  Bar,
+  BarChart,
+  CartesianGrid,
+  Cell,
+  Label,
+  Legend,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  XAxis,
+  YAxis,
+} from 'recharts'
+
+type InputDataPoint = Record<string, string | number>
+
+interface TransformedDataPoint {
+  [key: string]: string | number | null
+}
+
+interface TransformationResult {
+  data: Array<TransformedDataPoint>
+  xAxisField: string
+  lineFields: Array<string>
+}
+
+export function transformDataForMultiLineChart(
+  data: Array<InputDataPoint>,
+  chartConfig: Config,
+): TransformationResult {
+  // console.log("Input data:", data);
+  const { xKey, lineCategories, measurementColumn } = chartConfig
+
+  const fields = Object.keys(data[0] ?? {})
+  // console.log("Fields:", fields);
+
+  const xAxisField = xKey ?? 'year' // Assuming 'year' is always the x-axis
+  const lineField =
+    fields.find((field) => lineCategories?.includes(data[0]?.[field] as string)) || ''
+
+  // console.log("X-axis field:", xAxisField);
+  // console.log("Line field:", lineField);
+
+  const xAxisValues = Array.from(new Set(data.map((item) => String(item[xAxisField]))))
+
+  // console.log("X-axis values:", xAxisValues);
+  // console.log("Line categories:", lineCategories);
+
+  const transformedData: Array<TransformedDataPoint> = xAxisValues.map((xValue) => {
+    const dataPoint: TransformedDataPoint = { [xAxisField]: xValue }
+    lineCategories?.forEach((category) => {
+      const matchingItem = data.find(
+        (item) => String(item[xAxisField]) === xValue && String(item[lineField]) === category,
+      )
+      dataPoint[category] = matchingItem
+        ? (matchingItem[measurementColumn ?? ''] as unknown as string | number | null)
+        : null
+    })
+    return dataPoint
+  })
+
+  transformedData.sort((a, b) => Number(a[xAxisField]) - Number(b[xAxisField]))
+
+  // console.log("Transformed data:", transformedData);
+
+  return {
+    data: transformedData,
+    lineFields: lineCategories ?? [],
+    xAxisField,
+  }
+}
+
+function toTitleCase(str: string): string {
+  return str
+    .split('_')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ')
+}
+const colors = [
+  'var(--chart-1)',
+  'var(--chart-2)',
+  'var(--chart-3)',
+  'var(--chart-4)',
+  'var(--chart-5)',
+  'var(--chart-6)',
+  'var(--chart-7)',
+  'var(--chart-8)',
+]
+
+export function DynamicChart({
+  chartData,
+  chartConfig,
+}: {
+  chartData: Array<Result>
+  chartConfig: Config
+}) {
+  const renderChart = () => {
+    if (!chartData || !chartConfig) return <div>No chart data</div>
+    const parsedChartData = chartData.map((item) => {
+      const parsedItem: { [key: string]: any } = {}
+      for (const [key, value] of Object.entries(item)) {
+        parsedItem[key] = Number.isNaN(Number(value)) ? value : Number(value)
+      }
+      return parsedItem
+    })
+
+    chartData = parsedChartData
+
+    const processChartData = (data: Array<Result>, chartType: string) => {
+      if (chartType === 'bar' || chartType === 'pie') {
+        if (data.length <= 8) {
+          return data
+        }
+
+        const subset = data.slice(0, 20)
+        return subset
+      }
+      return data
+    }
+
+    chartData = processChartData(chartData, chartConfig.type)
+    // console.log({ chartData, chartConfig });
+
+    switch (chartConfig.type) {
+      case 'bar':
+        return (
+          <BarChart data={chartData}>
+            <CartesianGrid strokeDasharray='3 3' />
+            <XAxis dataKey={chartConfig.xKey}>
+              <Label offset={0} position='insideBottom' value={toTitleCase(chartConfig.xKey)} />
+            </XAxis>
+            <YAxis>
+              <Label
+                angle={-90}
+                position='insideLeft'
+                value={toTitleCase(chartConfig.yKeys[0] ?? '')}
+              />
+            </YAxis>
+            <ChartTooltip content={ChartTooltipContent} />
+            {chartConfig.legend && <Legend />}
+            {chartConfig.yKeys.map((key, index) => (
+              <Bar dataKey={key} fill={colors[index % colors.length]} key={key} />
+            ))}
+          </BarChart>
+        )
+      case 'line': {
+        const { data, xAxisField, lineFields } = transformDataForMultiLineChart(
+          chartData,
+          chartConfig,
+        )
+        const useTransformedData =
+          chartConfig.multipleLines &&
+          chartConfig.measurementColumn &&
+          chartConfig.yKeys.includes(chartConfig.measurementColumn)
+        // console.log(useTransformedData, "useTransformedData");
+        // const useTransformedData = false;
+        return (
+          <LineChart data={useTransformedData ? data : chartData}>
+            <CartesianGrid strokeDasharray='3 3' />
+            <XAxis dataKey={useTransformedData ? chartConfig.xKey : chartConfig.xKey}>
+              <Label
+                offset={0}
+                position='insideBottom'
+                value={toTitleCase(useTransformedData ? xAxisField : chartConfig.xKey)}
+              />
+            </XAxis>
+            <YAxis>
+              <Label
+                angle={-90}
+                position='insideLeft'
+                value={toTitleCase(chartConfig.yKeys[0] ?? '')}
+              />
+            </YAxis>
+            <ChartTooltip content={ChartTooltipContent} />
+            {chartConfig.legend && <Legend />}
+            {useTransformedData
+              ? lineFields.map((key, index) => (
+                  <Line
+                    dataKey={key}
+                    key={key}
+                    stroke={colors[index % colors.length]}
+                    type='monotone'
+                  />
+                ))
+              : chartConfig.yKeys.map((key, index) => (
+                  <Line
+                    dataKey={key}
+                    key={key}
+                    stroke={colors[index % colors.length]}
+                    type='monotone'
+                  />
+                ))}
+          </LineChart>
+        )
+      }
+      case 'area':
+        return (
+          <AreaChart data={chartData}>
+            <CartesianGrid strokeDasharray='3 3' />
+            <XAxis dataKey={chartConfig.xKey} />
+            <YAxis />
+            <ChartTooltip content={ChartTooltipContent} />
+            {chartConfig.legend && <Legend />}
+            {chartConfig.yKeys.map((key, index) => (
+              <Area
+                dataKey={key}
+                fill={colors[index % colors.length]}
+                key={key}
+                stroke={colors[index % colors.length]}
+                type='monotone'
+              />
+            ))}
+          </AreaChart>
+        )
+      case 'pie':
+        return (
+          <PieChart>
+            <Pie
+              cx='50%'
+              cy='50%'
+              data={chartData}
+              dataKey={chartConfig.yKeys[0]}
+              nameKey={chartConfig.xKey}
+              outerRadius={120}
+            >
+              {chartData.map((_, index) => (
+                <Cell fill={colors[index % colors.length]} key={`cell-${index}`} />
+              ))}
+            </Pie>
+            <ChartTooltip content={ChartTooltipContent} />
+            {chartConfig.legend && <Legend />}
+          </PieChart>
+        )
+      default:
+        return <div>Unsupported chart type: {chartConfig.type}</div>
+    }
+  }
+
+  return (
+    <div className='flex w-full flex-col items-center justify-center'>
+      <h2 className='mb-2 font-bold text-lg'>{chartConfig.title}</h2>
+      {chartConfig && chartData.length > 0 && (
+        <ChartContainer
+          className='h-[320px] w-full'
+          config={chartConfig.yKeys.reduce(
+            (acc, key, index) => {
+              acc[key] = {
+                color: colors[index % colors.length] as string,
+                label: key,
+              }
+              return acc
+            },
+            {} as Record<string, { label: string; color: string }>,
+          )}
+        >
+          {renderChart()}
+        </ChartContainer>
+      )}
+      <div className='w-full'>
+        <p className='mt-4 text-sm'>{chartConfig.description}</p>
+        <p className='mt-4 text-sm'>{chartConfig.takeaway}</p>
+      </div>
+    </div>
+  )
+}
diff --git a/apps/openfaith/features/ai/results.tsx b/apps/openfaith/features/ai/results.tsx
new file mode 100644
index 00000000..b12ce74d
--- /dev/null
+++ b/apps/openfaith/features/ai/results.tsx
@@ -0,0 +1,119 @@
+import { DynamicChart } from '@openfaith/openfaith/features/ai/dynamicChart'
+import { SkeletonCard } from '@openfaith/openfaith/features/ai/skeletonCard'
+import type { Config, Result } from '@openfaith/openfaith/features/ai/tools'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from '@openfaith/ui'
+import { Array, pipe, Record } from 'effect'
+
+export const Results = ({
+  results,
+  chartConfig,
+}: {
+  results: Array<Result>
+  chartConfig: Config | null
+}) => {
+  const formatColumnTitle = (title: string) => {
+    return title
+      .split('_')
+      .map((word, index) => (index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word))
+      .join(' ')
+  }
+
+  const formatCellValue = (column: string, value: any) => {
+    if (column.toLowerCase().includes('valuation')) {
+      const parsedValue = Number.parseFloat(value)
+      if (Number.isNaN(parsedValue)) {
+        return ''
+      }
+      const formattedValue = parsedValue.toFixed(2)
+      const trimmedValue = formattedValue.replace(/\.?0+$/, '')
+      return `$${trimmedValue}B`
+    }
+    if (column.toLowerCase().includes('rate')) {
+      const parsedValue = Number.parseFloat(value)
+      if (Number.isNaN(parsedValue)) {
+        return ''
+      }
+      const percentage = (parsedValue * 100).toFixed(2)
+      return `${percentage}%`
+    }
+    if (value instanceof Date) {
+      return value.toLocaleDateString()
+    }
+    return String(value)
+  }
+
+  const columns = pipe(
+    results,
+    Array.map(({ id, ...result }) => pipe(result, Record.keys)),
+    Array.flatten,
+    Array.dedupe,
+  )
+
+  return (
+    <div className='flex flex-grow flex-col'>
+      <Tabs className='flex w-full flex-grow flex-col' defaultValue='table'>
+        <TabsList className='grid w-full grid-cols-2'>
+          <TabsTrigger value='table'>Table</TabsTrigger>
+          <TabsTrigger
+            disabled={Object.keys(results[0] || {}).length <= 1 || results.length < 2}
+            value='charts'
+          >
+            Chart
+          </TabsTrigger>
+        </TabsList>
+        <TabsContent className='flex-grow' value='table'>
+          <div className='relative sm:min-h-[10px]'>
+            <Table className='min-w-full divide-y divide-border'>
+              <TableHeader className='sticky top-0 bg-secondary shadow-sm'>
+                <TableRow>
+                  {columns.map((column, index) => (
+                    <TableHead
+                      className='px-6 py-3 text-left font-medium text-muted-foreground text-xs uppercase tracking-wider'
+                      key={index}
+                    >
+                      {formatColumnTitle(column)}
+                    </TableHead>
+                  ))}
+                </TableRow>
+              </TableHeader>
+              <TableBody className='divide-y divide-border bg-card'>
+                {results.map((company, index) => (
+                  <TableRow className='hover:bg-muted' key={index}>
+                    {columns.map((column, cellIndex) => (
+                      <TableCell
+                        className='whitespace-nowrap px-6 py-4 text-foreground text-sm'
+                        key={cellIndex}
+                      >
+                        {formatCellValue(column, company[column])}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </TabsContent>
+        <TabsContent className='flex-grow overflow-auto' value='charts'>
+          <div className='mt-4'>
+            {chartConfig && results.length > 0 ? (
+              <DynamicChart chartConfig={chartConfig} chartData={results} />
+            ) : (
+              <SkeletonCard />
+            )}
+          </div>
+        </TabsContent>
+      </Tabs>
+    </div>
+  )
+}
diff --git a/apps/openfaith/features/ai/skeletonCard.tsx b/apps/openfaith/features/ai/skeletonCard.tsx
new file mode 100644
index 00000000..96d2f4a0
--- /dev/null
+++ b/apps/openfaith/features/ai/skeletonCard.tsx
@@ -0,0 +1,23 @@
+import { Skeleton } from '@openfaith/ui'
+
+export function SkeletonCard() {
+  return (
+    <div className='flex w-full flex-col space-y-2'>
+      <div className='flex w-full items-center justify-center'>
+        <Skeleton className='h-[28px] w-72 rounded-xl' />
+      </div>
+      <Skeleton className='h-[300px] w-full rounded-xl' />
+      <div className='flex w-full items-center justify-center'>
+        <Skeleton className='h-4 w-20' />
+      </div>
+      <div className='space-y-2'>
+        <Skeleton className='h-4 w-full' />
+        <Skeleton className='h-4 w-[450px]' />
+      </div>
+      <div className='space-y-2'>
+        <Skeleton className='h-4 w-full' />
+        <Skeleton className='h-4 w-[350px]' />
+      </div>
+    </div>
+  )
+}
diff --git a/apps/openfaith/features/ai/tools.ts b/apps/openfaith/features/ai/tools.ts
new file mode 100644
index 00000000..f1676b4a
--- /dev/null
+++ b/apps/openfaith/features/ai/tools.ts
@@ -0,0 +1,740 @@
+import { anthropic } from '@ai-sdk/anthropic'
+import { dbConnection } from '@openfaith/server'
+import { generateObject, tool } from 'ai'
+import { Array, pipe } from 'effect'
+import { z } from 'zod'
+
+export const explanationSchema = z.object({
+  explanation: z.string(),
+  section: z.string(),
+})
+export const explanationsSchema = z.array(explanationSchema)
+
+// Define the schema for chart configuration
+export const configSchema = z
+  .object({
+    colors: z
+      .record(
+        z.string().describe('Any of the yKeys'),
+        z.string().describe('Color value in CSS format (e.g., hex, rgb, hsl)'),
+      )
+      .describe('Mapping of data keys to color values for chart elements')
+      .optional(),
+    description: z
+      .string()
+      .describe(
+        'Describe the chart. What is it showing? What is interesting about the way the data is displayed?',
+      ),
+    legend: z.boolean().describe('Whether to show legend'),
+    lineCategories: z
+      .array(z.string())
+      .describe(
+        'For line charts only: Categories used to compare different lines or data series. Each category represents a distinct line in the chart.',
+      )
+      .optional(),
+    measurementColumn: z
+      .string()
+      .describe(
+        'For line charts only: key for quantitative y-axis column to measure against (eg. values, counts etc.)',
+      )
+      .optional(),
+    multipleLines: z
+      .boolean()
+      .describe('For line charts only: whether the chart is comparing groups of data.')
+      .optional(),
+    takeaway: z.string().describe('What is the main takeaway from the chart?'),
+    title: z.string(),
+    type: z.enum(['bar', 'line', 'area', 'pie']).describe('Type of chart'),
+    xKey: z.string().describe('Key for x-axis or category'),
+    yKeys: z
+      .array(z.string())
+      .describe('Key(s) for y-axis values this is typically the quantitative column'),
+  })
+  .describe('Chart configuration object')
+
+export const Result = z.record(z.string(), z.union([z.string(), z.number()]))
+export type Result = z.infer<typeof Result>
+
+export type Config = z.infer<typeof configSchema>
+
+const tableSchema = `
+### Core Entity Tables
+
+\`\`\`sql
+-- People: Core contact/member records
+CREATE TABLE openfaith_people (
+  id TEXT PRIMARY KEY,              -- Format: person_xxx (typeid)
+  orgId TEXT NOT NULL,              -- Organization ID (auto-filtered via RLS)
+  _tag CHAR(6) DEFAULT 'person',    -- Entity discriminator
+
+  -- Personal Info
+  firstName TEXT,
+  lastName TEXT,
+  middleName TEXT,
+  name TEXT,                        -- Full name
+  gender TEXT,                      -- Values: 'male', 'female'
+  birthdate TEXT,                   -- ISO date string
+  anniversary TEXT,                 -- ISO date string
+  avatar TEXT,                      -- Profile image URL
+  membership TEXT,                  -- Membership status
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',  -- User-defined fields
+  externalIds JSONB DEFAULT '[]',   -- External system IDs
+  tags JSONB DEFAULT '[]',          -- User tags
+  type TEXT DEFAULT 'default',      -- Sub-type for specialization
+  status TEXT DEFAULT 'active',     -- 'active', 'inactive'
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+);
+
+-- Edges: Flexible relationships between any entities
+-- Used for memberships, relationships, connections
+CREATE TABLE openfaith_edges (
+  orgId TEXT NOT NULL,
+  sourceEntityId TEXT NOT NULL,
+  targetEntityId TEXT NOT NULL,
+  relationshipType TEXT NOT NULL,
+  _tag CHAR(4) DEFAULT 'edge',
+
+  sourceEntityTypeTag TEXT NOT NULL,  -- e.g., 'person', 'group', 'folder'
+  targetEntityTypeTag TEXT NOT NULL,
+
+  metadata JSONB DEFAULT '{}',        -- Relationship properties
+                                      -- e.g., {"role": "leader", "joinedAt": "2024-01-15"}
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+
+  PRIMARY KEY (orgId, sourceEntityId, targetEntityId, relationshipType)
+);
+
+-- Folders: Hierarchical organization structure
+-- Generic container for organizing any entity type
+CREATE TABLE openfaith_folders (
+  id TEXT PRIMARY KEY,              -- Format: folder_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(6) DEFAULT 'folder',
+
+  name TEXT NOT NULL,
+  description TEXT,
+  folderType TEXT,                  -- Semantic type: 'group_category', 'document_library', etc.
+  parentFolderId TEXT,              -- Self-referential hierarchy
+
+  -- Display hints
+  icon TEXT,
+  color TEXT,
+  orderingKey TEXT,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Campuses: Physical church locations
+CREATE TABLE openfaith_campuses (
+  id TEXT PRIMARY KEY,              -- Format: campus_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(6) DEFAULT 'campus',
+
+  name TEXT NOT NULL,
+  description TEXT,
+
+  -- Location
+  street TEXT NOT NULL,
+  city TEXT NOT NULL,
+  state TEXT NOT NULL,
+  zip TEXT NOT NULL,
+  countryCode TEXT,
+  latitude DOUBLE PRECISION,
+  longitude DOUBLE PRECISION,
+
+  avatar TEXT,
+  url TEXT,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  type TEXT DEFAULT 'default',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+\`\`\`
+
+### Contact Information Tables
+
+\`\`\`sql
+-- Phone Numbers: Linked to people via edges
+CREATE TABLE openfaith_phoneNumbers (
+  id TEXT PRIMARY KEY,              -- Format: phonenumber_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(11) DEFAULT 'phoneNumber',
+
+  number TEXT,
+  countryCode TEXT,
+  type TEXT DEFAULT 'default',      -- 'mobile', 'home', 'work'
+  location TEXT,                    -- Geographic location
+  primary BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Emails: Linked to people via edges
+CREATE TABLE openfaith_emails (
+  id TEXT PRIMARY KEY,              -- Format: email_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(5) DEFAULT 'email',
+
+  address TEXT NOT NULL,
+  type TEXT DEFAULT 'default',      -- 'personal', 'work'
+  location TEXT,
+  primary BOOLEAN DEFAULT false,
+  blocked BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Addresses: Physical addresses linked to people via edges
+CREATE TABLE openfaith_addresses (
+  id TEXT PRIMARY KEY,              -- Format: address_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(7) DEFAULT 'address',
+
+  streetLine1 TEXT,
+  streetLine2 TEXT,
+  city TEXT,
+  state TEXT,
+  zip TEXT,
+  countryCode TEXT,
+  location TEXT,
+  type TEXT DEFAULT 'default',      -- 'home', 'work', 'mailing'
+  primary BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+\`\`\`
+
+### Sacraments & Custom Data
+
+\`\`\`sql
+-- Sacraments: Religious ceremonies/events
+CREATE TABLE openfaith_sacraments (
+  id TEXT PRIMARY KEY,              -- Format: sacrament_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(9) DEFAULT 'sacrament',
+
+  type TEXT NOT NULL,               -- 'baptism', 'communion', 'wedding', etc.
+  occurredAt TEXT,                  -- ISO date string
+  receivedBy TEXT,                  -- Person ID
+  administeredBy TEXT,              -- Person ID (clergy)
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Fields: Custom field definitions
+CREATE TABLE openfaith_fields (
+  id TEXT PRIMARY KEY,              -- Format: field_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(5) DEFAULT 'field',
+
+  key TEXT NOT NULL,                -- Unique field key
+  label TEXT NOT NULL,              -- Display label
+  description TEXT,
+  entityTag TEXT NOT NULL,          -- Which entity type this field applies to
+  type TEXT DEFAULT 'singleSelect', -- 'singleSelect', 'multiSelect', 'text', etc.
+  source TEXT,                      -- Data source if applicable
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Field Options: Options for select-type custom fields
+CREATE TABLE openfaith_fieldOptions (
+  id TEXT PRIMARY KEY,              -- Format: fieldoption_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(11) DEFAULT 'fieldOption',
+
+  fieldId TEXT NOT NULL,            -- References openfaith_fields.id
+  value TEXT NOT NULL,              -- Option value
+  label TEXT NOT NULL,              -- Display label
+  order INTEGER DEFAULT 0,          -- Display order
+  active BOOLEAN DEFAULT true,
+  pathwayConfig JSONB DEFAULT '{}', -- Pathway-specific config
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+\`\`\`
+
+### Integration Tables (Reference Only)
+
+\`\`\`sql
+-- External Links: Maps OpenFaith entities to external system IDs
+-- Used by sync engine - generally not needed for analytics queries
+CREATE TABLE openfaith_externalLinks (
+  orgId TEXT NOT NULL,
+  adapter TEXT NOT NULL,            -- 'pco', 'ccb', 'breeze', etc.
+  externalId TEXT NOT NULL,         -- ID in external system
+  entityId TEXT NOT NULL,           -- OpenFaith entity ID
+  entityType TEXT NOT NULL,         -- OpenFaith entity type tag
+  _tag CHAR(12) DEFAULT 'externalLink',
+
+  lastProcessedAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  syncing BOOLEAN DEFAULT false,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+
+  PRIMARY KEY (orgId, adapter, externalId)
+);
+\`\`\`
+
+### Key Schema Concepts
+
+**Edge Relationships:**
+
+Edges connect ANY two entities. The system uses **deterministic source/target assignment** based on ID alphabetical ordering to ensure consistency:
+
+1. **Alpha Range Rule**: Compare first character of each ID
+   - A-M range vs N-Z range: A-M becomes source, N-Z becomes target
+   - Same range: Lexicographically smaller ID becomes source
+   - Identical IDs: Allows self-linking (source = target)
+
+3. **Querying Edges**: Always account for bidirectional logic since edge direction is determined by ID, not semantic meaning
+
+
+**Example Queries:**
+
+\`\`\`sql
+-- Count people by gender (note: ALL column names must be quoted)
+SELECT "gender", COUNT(*) as count
+FROM openfaith_people
+WHERE "status" = 'active'
+GROUP BY "gender";
+
+-- Find people in a specific group (handles bidirectional edges)
+-- IMPORTANT: Edges may be stored in either direction based on ID ordering
+SELECT DISTINCT p.*
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  -- Person could be source or target depending on ID ordering
+  (e."sourceEntityId" = p."id" AND e."targetEntityId" = 'group_xyz' AND e."sourceEntityTypeTag" = 'person') OR
+  (e."targetEntityId" = p."id" AND e."sourceEntityId" = 'group_xyz' AND e."targetEntityTypeTag" = 'person')
+);
+
+-- Simplified: People with phone numbers (person ID < phonenumber ID usually)
+SELECT p."firstName", p."lastName", ph."number", ph."type"
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e."sourceEntityId" = p."id" AND e."targetEntityId" = ph."id") OR
+  (e."targetEntityId" = p."id" AND e."sourceEntityId" = ph."id")
+)
+JOIN openfaith_phoneNumbers ph ON (
+  ph."id" = e."targetEntityId" OR ph."id" = e."sourceEntityId"
+)
+WHERE ph."id" != p."id";  -- Exclude the person from phone results;
+
+-- People with their primary email
+SELECT p."firstName", p."lastName", em."address"
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e."sourceEntityId" = p."id" AND e."sourceEntityTypeTag" = 'person') OR
+  (e."targetEntityId" = p."id" AND e."targetEntityTypeTag" = 'person')
+)
+JOIN openfaith_emails em ON (
+  (em."id" = e."targetEntityId" AND e."targetEntityTypeTag" = 'email') OR
+  (em."id" = e."sourceEntityId" AND e."sourceEntityTypeTag" = 'email')
+)
+WHERE em."primary" = true;
+
+-- Groups with member counts (includes groups with no members using LEFT JOIN)
+SELECT
+  g."id",
+  g."name",
+  COALESCE(COUNT(DISTINCT CASE 
+    WHEN e."sourceEntityTypeTag" = 'person' THEN e."sourceEntityId"
+    WHEN e."targetEntityTypeTag" = 'person' THEN e."targetEntityId"
+  END), 0) as member_count
+FROM openfaith_folders g
+LEFT JOIN openfaith_edges e ON (
+  ((e."sourceEntityId" = g."id" AND e."sourceEntityTypeTag" = 'folder') OR
+   (e."targetEntityId" = g."id" AND e."targetEntityTypeTag" = 'folder'))
+)
+WHERE g."folderType" = 'group'
+  AND g."status" = 'active'
+GROUP BY g."id", g."name"
+ORDER BY member_count DESC;
+
+-- Campuses with people counts (includes campuses with no people using LEFT JOIN)
+SELECT 
+  c."id",
+  c."name" as campus_name,
+  COALESCE(COUNT(DISTINCT p."id"), 0) as people_count
+FROM openfaith_campuses c
+LEFT JOIN openfaith_edges e ON (
+  (e."sourceEntityId" = c."id" AND e."sourceEntityTypeTag" = 'campus') OR
+  (e."targetEntityId" = c."id" AND e."targetEntityTypeTag" = 'campus')
+)
+LEFT JOIN openfaith_people p ON (
+  ((p."id" = e."targetEntityId" AND e."targetEntityTypeTag" = 'person') OR
+   (p."id" = e."sourceEntityId" AND e."sourceEntityTypeTag" = 'person')) AND
+  p."status" = 'active'
+)
+WHERE c."status" = 'active'
+GROUP BY c."id", c."name"
+ORDER BY people_count DESC;
+
+-- People at a specific campus (via edges)
+SELECT DISTINCT p.*
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e."sourceEntityId" = p."id" AND e."sourceEntityTypeTag" = 'person') OR
+  (e."targetEntityId" = p."id" AND e."targetEntityTypeTag" = 'person')
+)
+JOIN openfaith_campuses c ON (
+  (c."id" = e."targetEntityId" AND e."targetEntityTypeTag" = 'campus') OR
+  (c."id" = e."sourceEntityId" AND e."sourceEntityTypeTag" = 'campus')
+)
+WHERE c."name" = 'Downtown Campus'
+  AND p."status" = 'active';
+\`\`\`
+
+**Helper Function for Edge Queries:**
+
+When querying edges, you often need to check both directions. Use this pattern:
+
+\`\`\`sql
+-- Generic pattern for finding entities related via edges
+-- Replace {entityA}, {entityB}, {typeA}, {typeB}, {relationship} with actual values
+-- REMEMBER: Quote all column names!
+
+SELECT DISTINCT entity.*
+FROM openfaith_{entityB} entity
+JOIN openfaith_edges e ON (
+  -- Check both possible directions
+  (e."sourceEntityId" = entity."id" AND e."sourceEntityTypeTag" = '{typeB}' AND
+   e."targetEntityId" = '{entityA_id}' AND e."targetEntityTypeTag" = '{typeA}') OR
+  (e."targetEntityId" = entity."id" AND e."targetEntityTypeTag" = '{typeB}' AND
+   e."sourceEntityId" = '{entityA_id}' AND e."sourceEntityTypeTag" = '{typeA}')
+);
+\`\`\`
+
+**JSONB Fields:**
+
+- \`customFields\`: Array of custom field values
+- \`externalIds\`: Array of {adapter, id} pairs
+- \`tags\`: Array of string tags
+- \`metadata\` (on edges): Object with relationship-specific properties
+
+**Soft Deletes:**
+
+- Records are never hard-deleted
+- \`status = 'active'\` is additional active/inactive flag`
+
+export const generateQuery = async (params: { query: string }): Promise<{ query: string }> => {
+  'use server'
+  try {
+    const { query } = params
+    console.log('generateQuery query', query)
+
+    const result = await generateObject({
+      model: anthropic('claude-haiku-4-5'),
+      prompt: `Generate the query necessary to retrieve the data the user wants: ${query}`,
+      schema: z.object({
+        query: z.string(),
+      }),
+      system: `You are a SQL (postgres) and data visualization expert. Your job is to help the user write a SQL query to retrieve the data they need. The table schema is as follows:
+
+      ${tableSchema}
+
+    Only retrieval queries are allowed.
+
+    CRITICAL: PostgreSQL is case-sensitive. ALL column names MUST be wrapped in double quotes. For example:
+    - CORRECT: SELECT "firstName", "lastName" FROM openfaith_people
+    - WRONG: SELECT firstName, lastName FROM openfaith_people
+    - CORRECT: WHERE e."sourceEntityId" = p."id"
+    - WRONG: WHERE e.sourceEntityId = p.id
+    
+    This applies to ALL column references including in WHERE, JOIN, ORDER BY, GROUP BY, and SELECT clauses.
+
+    CRITICAL: When counting relationships via edges, ALWAYS use LEFT JOIN to include entities with zero relationships.
+    - CORRECT: FROM openfaith_campuses c LEFT JOIN openfaith_edges e ON (...)
+    - WRONG: FROM openfaith_campuses c JOIN openfaith_edges e ON (...)
+    - Use COALESCE(COUNT(DISTINCT related_entity."id"), 0) to ensure zero counts are shown
+    - This ensures entities without relationships are included in results (e.g., campuses with no people)
+
+    If the user asks for 'over time' data, return by month.
+
+    EVERY QUERY SHOULD RETURN QUANTITATIVE DATA THAT CAN BE PLOTTED ON A CHART! There should always be at least two columns. If the user asks for a single column, return the column and the count of the column. If the user asks for a rate, return the rate as a decimal. For example, 0.1 would be 10%.
+    `,
+    })
+
+    console.log('generateQuery result', result.object)
+    return result.object
+  } catch (e) {
+    console.error(e)
+    throw new Error('Failed to generate query')
+  }
+}
+
+export const generateQueryTool = tool({
+  description: 'Generate a SQL query to retrieve the data the user wants.',
+  execute: generateQuery,
+  inputSchema: z.object({
+    query: z.string(),
+  }),
+  outputSchema: z.object({
+    query: z.string(),
+  }),
+})
+
+export const runGenerateSQLQuery = async (params: { query: string }) => {
+  const { query } = params
+
+  console.log('runGenerateSQLQuery query', query)
+
+  // Use word boundary regex to avoid false positives (e.g., "createdAt" containing "create")
+  const dangerousKeywords = [
+    /\bdrop\b/i,
+    /\bdelete\b/i,
+    /\binsert\b/i,
+    /\bupdate\b/i,
+    /\balter\b/i,
+    /\btruncate\b/i,
+    /\bcreate\s+table\b/i,
+    /\bcreate\s+index\b/i,
+    /\bcreate\s+view\b/i,
+    /\bcreate\s+schema\b/i,
+    /\bgrant\b/i,
+    /\brevoke\b/i,
+  ]
+
+  if (
+    !query.trim().toLowerCase().startsWith('select') ||
+    pipe(
+      dangerousKeywords,
+      Array.some((keyword) => keyword.test(query)),
+    )
+  ) {
+    console.log('runGenerateSQLQuery query is not a SELECT query', query)
+    throw new Error('Only SELECT queries are allowed')
+  }
+
+  let data: any
+  try {
+    data = await dbConnection.unsafe(query)
+  } catch (e: any) {
+    console.error('runGenerateSQLQuery error', e)
+
+    if (e.message.includes('relation "unicorns" does not exist')) {
+      console.log('Table does not exist, creating and seeding it with dummy data now...')
+      // throw error
+      throw Error('Table does not exist')
+    }
+    throw e
+  }
+
+  console.log('runGenerateSQLQuery data', data)
+
+  return data
+}
+
+export const runQueryTool = tool({
+  description: 'Run a SQL query and return the results.',
+  execute: runGenerateSQLQuery,
+  inputSchema: z.object({
+    query: z.string(),
+  }),
+  outputSchema: z.array(Result),
+})
+export const explainQuery = async (input: string, sqlQuery: string) => {
+  'use server'
+  try {
+    const result = await generateObject({
+      model: anthropic('claude-haiku-4-5'),
+      prompt: `Explain the SQL query you generated to retrieve the data the user wanted. Assume the user is not an expert in SQL. Break down the query into steps. Be concise.
+
+      User Query:
+      ${input}
+
+      Generated SQL Query:
+      ${sqlQuery}`,
+      schema: z.object({
+        explanations: explanationsSchema,
+      }),
+      system: `You are a SQL (postgres) expert. Your job is to explain to the user write a SQL query you wrote to retrieve the data they asked for. The table schema is as follows:
+   
+      ${tableSchema}
+
+    When you explain you must take a section of the query, and then explain it. Each "section" should be unique. So in a query like: "SELECT * FROM openfaith_people limit 20", the sections could be "SELECT *", "FROM openfaith_people", "LIMIT 20".
+    If a section doesn't have any explanation, include it, but leave the explanation empty.
+    
+    Note: All column names are wrapped in double quotes because PostgreSQL is case-sensitive.
+
+    `,
+    })
+    return result.object
+  } catch (e) {
+    console.error(e)
+    throw new Error('Failed to generate query')
+  }
+}
+
+export const generateChartConfig = async (params: {
+  results: Array<Result>
+  userQuery: string
+}) => {
+  const { results, userQuery } = params
+  console.log('generateChartConfig results', results)
+  console.log('generateChartConfig userQuery', userQuery)
+  ;('use server')
+  const system = `You are a data visualization expert. `
+
+  try {
+    const { object: config } = await generateObject({
+      model: anthropic('claude-haiku-4-5'),
+      prompt: `Given the following data from a SQL query result, generate the chart config that best visualizes the data and answers the users query.
+      For multiple groups use multi-lines.
+
+      Here is an example complete config:
+      export const chartConfig = {
+        type: "pie",
+        xKey: "month",
+        yKeys: ["sales", "profit", "expenses"],
+        colors: {
+          sales: "#4CAF50",    // Green for sales
+          profit: "#2196F3",   // Blue for profit
+          expenses: "#F44336"  // Red for expenses
+        },
+        legend: true
+      }
+
+      User Query:
+      ${userQuery}
+
+      Data:
+      ${JSON.stringify(results, null, 2)}`,
+      schema: configSchema,
+      system,
+    })
+
+    const colors: Record<string, string> = {}
+    config.yKeys.forEach((key, index) => {
+      colors[key] = `hsl(var(--chart-${index + 1}))`
+    })
+
+    const updatedConfig: Config = { ...config, colors }
+    console.log('generateChartConfig updatedConfig', updatedConfig)
+    return { config: updatedConfig }
+  } catch (e) {
+    // @ts-expect-error
+    console.error(e.message)
+    throw new Error('Failed to generate chart suggestion')
+  }
+}
+
+export const generateChartConfigTool = tool({
+  description: 'Generate a chart config based on the data and user query.',
+  execute: generateChartConfig,
+  inputSchema: z.object({
+    results: z.array(Result),
+    userQuery: z.string(),
+  }),
+  outputSchema: z.object({
+    config: configSchema,
+  }),
+})
diff --git a/apps/openfaith/package.json b/apps/openfaith/package.json
index c0d7edbf..2013144e 100644
--- a/apps/openfaith/package.json
+++ b/apps/openfaith/package.json
@@ -1,5 +1,7 @@
 {
   "dependencies": {
+    "@ai-sdk/anthropic": "catalog:",
+    "@ai-sdk/react": "catalog:",
     "@effect-atom/atom-react": "catalog:",
     "@effect/platform": "catalog:",
     "@effect/rpc": "catalog:",
@@ -29,6 +31,7 @@
     "@tanstack/react-table": "catalog:",
     "@tanstack/react-virtual": "catalog:",
     "@tanstack/router-plugin": "1.131.44",
+    "ai": "catalog:",
     "effect": "catalog:",
     "input-otp": "catalog:",
     "jose": "catalog:",
@@ -42,11 +45,13 @@
     "react-cookie": "8.0.1",
     "react-dom": "catalog:",
     "react-hotkeys-hook": "catalog:",
+    "recharts": "3.3.0",
     "superjson": "catalog:",
     "tailwindcss": "catalog:",
     "tw-animate-css": "1.3.8",
     "use-debounce": "10.0.6",
-    "vite": "7.1.5"
+    "vite": "7.1.5",
+    "zod": "catalog:"
   },
   "devDependencies": {
     "@openfaith/bun-test": "workspace:*",
diff --git a/backend/server/db.ts b/backend/server/db.ts
index 64c5cdc7..cb9ea296 100644
--- a/backend/server/db.ts
+++ b/backend/server/db.ts
@@ -11,7 +11,7 @@ import {
 import { SQL, type TransactionSQL } from 'bun'
 import { drizzle } from 'drizzle-orm/bun-sql'
 
-const connection = new SQL({
+export const dbConnection = new SQL({
   database: env.DB_NAME,
   host: env.DB_HOST_PRIMARY,
   password: env.DB_PASSWORD,
@@ -20,7 +20,7 @@ const connection = new SQL({
   user: env.DB_USERNAME,
 })
 
-export const db = drizzle(connection, {
+export const db = drizzle(dbConnection, {
   schema,
 })
 
@@ -47,6 +47,6 @@ class BunSQLTransaction implements DBTransaction<TransactionSQL> {
   }
 }
 
-const zeroDb = new ZQLDatabase(new BunSQLConnection(connection), zSchema)
+const zeroDb = new ZQLDatabase(new BunSQLConnection(dbConnection), zSchema)
 
 export const zeroPushProcessor = new PushProcessor(zeroDb)
diff --git a/bun.lock b/bun.lock
index 8274edef..01a64d8d 100644
--- a/bun.lock
+++ b/bun.lock
@@ -80,6 +80,8 @@
       "name": "@openfaith/openfaith",
       "version": "0.1.0",
       "dependencies": {
+        "@ai-sdk/anthropic": "catalog:",
+        "@ai-sdk/react": "catalog:",
         "@effect-atom/atom-react": "catalog:",
         "@effect/platform": "catalog:",
         "@effect/rpc": "catalog:",
@@ -109,6 +111,7 @@
         "@tanstack/react-table": "catalog:",
         "@tanstack/react-virtual": "catalog:",
         "@tanstack/router-plugin": "1.131.44",
+        "ai": "catalog:",
         "effect": "catalog:",
         "input-otp": "catalog:",
         "jose": "catalog:",
@@ -122,11 +125,13 @@
         "react-cookie": "8.0.1",
         "react-dom": "catalog:",
         "react-hotkeys-hook": "catalog:",
+        "recharts": "3.3.0",
         "superjson": "catalog:",
         "tailwindcss": "catalog:",
         "tw-animate-css": "1.3.8",
         "use-debounce": "10.0.6",
         "vite": "7.1.5",
+        "zod": "catalog:",
       },
       "devDependencies": {
         "@openfaith/bun-test": "workspace:*",
@@ -371,25 +376,30 @@
         "@openfaith/schema": "workspace:*",
         "@openfaith/shared": "workspace:*",
         "@openfaith/zero": "workspace:*",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
         "@rocicorp/zero": "catalog:",
         "@tanstack/react-form": "catalog:",
         "@tanstack/react-router": "catalog:",
         "@tanstack/react-table": "catalog:",
         "@tanstack/react-virtual": "catalog:",
         "@tanstack/table-core": "catalog:",
+        "@xyflow/react": "12.8.6",
+        "ai": "catalog:",
         "boring-avatars": "1.11.2",
         "class-variance-authority": "0.7.1",
         "clsx": "2.1.1",
-        "cmdk": "1.1.1",
+        "cmdk": "^1.1.1",
         "date-fns": "catalog:",
         "downshift": "9.0.9",
         "effect": "catalog:",
+        "embla-carousel-react": "8.6.0",
         "initials": "3.1.2",
         "input-otp": "catalog:",
         "jotai": "catalog:",
-        "lucide-react": "0.539.0",
+        "lucide-react": "0.546.0",
         "match-sorter": "8.1.0",
-        "motion": "12.23.22",
+        "motion": "12.23.24",
+        "nanoid": "5.1.6",
         "next-themes": "catalog:",
         "nuqs": "catalog:",
         "radix-ui": "catalog:",
@@ -398,9 +408,13 @@
         "react-dom": "catalog:",
         "react-hotkeys-hook": "catalog:",
         "react-imask": "7.6.1",
+        "react-syntax-highlighter": "15.6.6",
         "react-use-measure": "2.1.7",
         "sonner": "2.0.7",
+        "streamdown": "1.4.0",
         "tailwind-merge": "3.3.1",
+        "tokenlens": "1.3.1",
+        "use-stick-to-bottom": "1.1.1",
         "vaul": "1.1.2",
         "zod": "catalog:",
       },
@@ -408,6 +422,7 @@
         "@openfaith/bun-test": "workspace:*",
         "@types/react": "catalog:",
         "@types/react-dom": "catalog:",
+        "@types/react-syntax-highlighter": "15.5.13",
         "typescript": "catalog:",
       },
     },
@@ -476,6 +491,8 @@
     "effect": "3.17.13",
   },
   "catalog": {
+    "@ai-sdk/anthropic": "2.0.34",
+    "@ai-sdk/react": "2.0.76",
     "@effect-atom/atom-react": "0.3.0",
     "@effect/cluster": "0.48.5",
     "@effect/opentelemetry": "0.56.6",
@@ -498,6 +515,7 @@
     "@types/qs": "6.14.0",
     "@types/react": "19.1.10",
     "@types/react-dom": "19.1.7",
+    "ai": "5.0.76",
     "better-auth": "1.3.17",
     "date-fns": "4.1.0",
     "drizzle-kit": "0.31.4",
@@ -519,13 +537,27 @@
     "testcontainers": "11.5.1",
     "typeid-js": "1.2.0",
     "typescript": "5.9.2",
-    "zod": "3.25.42",
+    "zod": "4.1.12",
   },
   "packages": {
+    "@ai-sdk/anthropic": ["@ai-sdk/anthropic@2.0.34", "", { "dependencies": { "@ai-sdk/provider": "2.0.0", "@ai-sdk/provider-utils": "3.0.12" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-ayiKwCRVubQonbMX0YBQLtJKEZ7gziW35N6Md3qwdOqEq17JGz6vjKiba9RyYa/iIVT535n6ChLtHY/vTA7ImA=="],
+
+    "@ai-sdk/gateway": ["@ai-sdk/gateway@2.0.0", "", { "dependencies": { "@ai-sdk/provider": "2.0.0", "@ai-sdk/provider-utils": "3.0.12", "@vercel/oidc": "3.0.3" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-Gj0PuawK7NkZuyYgO/h5kDK/l6hFOjhLdTq3/Lli1FTl47iGmwhH1IZQpAL3Z09BeFYWakcwUmn02ovIm2wy9g=="],
+
+    "@ai-sdk/provider": ["@ai-sdk/provider@2.0.0", "", { "dependencies": { "json-schema": "^0.4.0" } }, "sha512-6o7Y2SeO9vFKB8lArHXehNuusnpddKPk7xqL7T2/b+OvXMRIXUO1rR4wcv1hAFUAT9avGZshty3Wlua/XA7TvA=="],
+
+    "@ai-sdk/provider-utils": ["@ai-sdk/provider-utils@3.0.12", "", { "dependencies": { "@ai-sdk/provider": "2.0.0", "@standard-schema/spec": "^1.0.0", "eventsource-parser": "^3.0.5" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-ZtbdvYxdMoria+2SlNarEk6Hlgyf+zzcznlD55EAl+7VZvJaSg2sqPvwArY7L6TfDEDJsnCq0fdhBSkYo0Xqdg=="],
+
+    "@ai-sdk/react": ["@ai-sdk/react@2.0.76", "", { "dependencies": { "@ai-sdk/provider-utils": "3.0.12", "ai": "5.0.76", "swr": "^2.2.5", "throttleit": "2.1.0" }, "peerDependencies": { "react": "^18 || ^19 || ^19.0.0-rc", "zod": "^3.25.76 || ^4.1.8" }, "optionalPeers": ["zod"] }, "sha512-ggAPzyaKJTqUWigpxMzI5DuC0Y3iEpDUPCgz6/6CpnKZY/iok+x5xiZhDemeaP0ILw5IQekV0kdgBR8JPgI8zQ=="],
+
     "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
 
     "@ampproject/remapping": ["@ampproject/remapping@2.3.0", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw=="],
 
+    "@antfu/install-pkg": ["@antfu/install-pkg@1.1.0", "", { "dependencies": { "package-manager-detector": "^1.3.0", "tinyexec": "^1.0.1" } }, "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ=="],
+
+    "@antfu/utils": ["@antfu/utils@9.3.0", "", {}, "sha512-9hFT4RauhcUzqOE4f1+frMKLZrgNog5b06I7VmZQV1BkvwvqrbC8EBZf3L1eEL2AKb6rNKjER0sEvJiSP1FXEA=="],
+
     "@babel/code-frame": ["@babel/code-frame@7.27.1", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.27.1", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg=="],
 
     "@babel/compat-data": ["@babel/compat-data@7.28.0", "", {}, "sha512-60X7qkglvrap8mn1lh2ebxXdZYtUcpd7gsmy9kLaBJ4i/WdY8PqTSdxyA8qraikqKQK5C1KRBKXqznrVapyNaw=="],
@@ -640,6 +672,18 @@
 
     "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.2.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Nawu5nHjP/zPKTIryh2AavzTc/KEg4um/MxWdXW0A6P/RZOyIpa7+QSjeXwAwX/utJGaCoXRPWtF3m5U/bB3Ww=="],
 
+    "@braintree/sanitize-url": ["@braintree/sanitize-url@7.1.1", "", {}, "sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw=="],
+
+    "@chevrotain/cst-dts-gen": ["@chevrotain/cst-dts-gen@11.0.3", "", { "dependencies": { "@chevrotain/gast": "11.0.3", "@chevrotain/types": "11.0.3", "lodash-es": "4.17.21" } }, "sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ=="],
+
+    "@chevrotain/gast": ["@chevrotain/gast@11.0.3", "", { "dependencies": { "@chevrotain/types": "11.0.3", "lodash-es": "4.17.21" } }, "sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q=="],
+
+    "@chevrotain/regexp-to-ast": ["@chevrotain/regexp-to-ast@11.0.3", "", {}, "sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA=="],
+
+    "@chevrotain/types": ["@chevrotain/types@11.0.3", "", {}, "sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ=="],
+
+    "@chevrotain/utils": ["@chevrotain/utils@11.0.3", "", {}, "sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ=="],
+
     "@cloudflare/kv-asset-handler": ["@cloudflare/kv-asset-handler@0.4.0", "", { "dependencies": { "mime": "^3.0.0" } }, "sha512-+tv3z+SPp+gqTIcImN9o0hqE9xyfQjI1XD9pL6NuKjua9B1y7mNYv0S9cP+QEbA4ppVgGZEmKOvHX5G5Ei1CVA=="],
 
     "@cspotcode/source-map-support": ["@cspotcode/source-map-support@0.8.1", "", { "dependencies": { "@jridgewell/trace-mapping": "0.3.9" } }, "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw=="],
@@ -826,6 +870,10 @@
 
     "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
 
+    "@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],
+
+    "@iconify/utils": ["@iconify/utils@3.0.2", "", { "dependencies": { "@antfu/install-pkg": "^1.1.0", "@antfu/utils": "^9.2.0", "@iconify/types": "^2.0.0", "debug": "^4.4.1", "globals": "^15.15.0", "kolorist": "^1.8.0", "local-pkg": "^1.1.1", "mlly": "^1.7.4" } }, "sha512-EfJS0rLfVuRuJRn4psJHtK2A9TqVnkxPpHY6lYHiB9+8eSuudsxbwMiavocG45ujOo6FJ+CIRlRnlOGinzkaGQ=="],
+
     "@img/colour": ["@img/colour@1.0.0", "", {}, "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw=="],
 
     "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.4", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.3" }, "os": "darwin", "cpu": "arm64" }, "sha512-sitdlPzDVyvmINUdJle3TNHl+AG9QcwiAMsXmccqsCOMZNIdW2/7S26w0LyU8euiLVzFBL3dXPwVCq/ODnf2vA=="],
@@ -916,6 +964,8 @@
 
     "@mapbox/node-pre-gyp": ["@mapbox/node-pre-gyp@2.0.0", "", { "dependencies": { "consola": "^3.2.3", "detect-libc": "^2.0.0", "https-proxy-agent": "^7.0.5", "node-fetch": "^2.6.7", "nopt": "^8.0.0", "semver": "^7.5.3", "tar": "^7.4.0" }, "bin": { "node-pre-gyp": "bin/node-pre-gyp" } }, "sha512-llMXd39jtP0HpQLVI37Bf1m2ADlEb35GYSh1SDSLsBhR+5iCxiNGlT31yqbNtVHygHAtMy6dWFERpU2JgufhPg=="],
 
+    "@mermaid-js/parser": ["@mermaid-js/parser@0.6.3", "", { "dependencies": { "langium": "3.3.1" } }, "sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA=="],
+
     "@msgpackr-extract/msgpackr-extract-darwin-arm64": ["@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw=="],
 
     "@msgpackr-extract/msgpackr-extract-darwin-x64": ["@msgpackr-extract/msgpackr-extract-darwin-x64@3.0.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw=="],
@@ -1414,6 +1464,8 @@
 
     "@redis/time-series": ["@redis/time-series@5.5.6", "", { "peerDependencies": { "@redis/client": "^5.5.6" } }, "sha512-jkpcgq3NOI3TX7xEAJ3JgesJTxAx7k0m6lNxNsYdEM8KOl+xj7GaB/0CbLkoricZDmFSEAz7ClA1iK9XkGHf+Q=="],
 
+    "@reduxjs/toolkit": ["@reduxjs/toolkit@2.9.1", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "@standard-schema/utils": "^0.3.0", "immer": "^10.0.3", "redux": "^5.0.1", "redux-thunk": "^3.1.0", "reselect": "^5.1.0" }, "peerDependencies": { "react": "^16.9.0 || ^17.0.0 || ^18 || ^19", "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0" }, "optionalPeers": ["react", "react-redux"] }, "sha512-sETJ3qO72y7L7WiR5K54UFLT3jRzAtqeBPVO15xC3bGA6kDqCH8m/v7BKCPH4czydXzz/1lPEGLvew7GjOO3Qw=="],
+
     "@rocicorp/lock": ["@rocicorp/lock@1.0.4", "", { "dependencies": { "@rocicorp/resolver": "^1.0.2" } }, "sha512-FavTiO8ETXFXDVfA87IThGduTTTR8iqzBnr/c60gUUmbk7knGEXPmf2B+yiNuluJD0ku0fL2V2r62UXnsLXl6w=="],
 
     "@rocicorp/logger": ["@rocicorp/logger@5.4.0", "", {}, "sha512-kmMR5iLrwRIsvPZ+UXnmyAM3Mlvz6rCHrYfMsrMPgFYKLfo7amUH1RwHo6tuuqJiAvUbeaCoDtc8e+V0Mr4PSA=="],
@@ -1488,13 +1540,17 @@
 
     "@selderee/plugin-htmlparser2": ["@selderee/plugin-htmlparser2@0.11.0", "", { "dependencies": { "domhandler": "^5.0.3", "selderee": "^0.11.0" } }, "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ=="],
 
-    "@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-hozwnFHsLvujK4/CPVHNo3Bcg2EsnG8krI/ZQ2FlBlCRpPZW4XAEQmEwqegJsypsTAN9ehu2tEYe30lYKSZW/w=="],
+    "@shikijs/core": ["@shikijs/core@3.13.0", "", { "dependencies": { "@shikijs/types": "3.13.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" } }, "sha512-3P8rGsg2Eh2qIHekwuQjzWhKI4jV97PhvYjYUzGqjvJfqdQPz+nMlfWahU24GZAyW1FxFI1sYjyhfh5CoLmIUA=="],
+
+    "@shikijs/engine-javascript": ["@shikijs/engine-javascript@3.13.0", "", { "dependencies": { "@shikijs/types": "3.13.0", "@shikijs/vscode-textmate": "^10.0.2", "oniguruma-to-es": "^4.3.3" } }, "sha512-Ty7xv32XCp8u0eQt8rItpMs6rU9Ki6LJ1dQOW3V/56PKDcpvfHPnYFbsx5FFUP2Yim34m/UkazidamMNVR4vKg=="],
 
-    "@shikijs/langs": ["@shikijs/langs@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2" } }, "sha512-bVx5PfuZHDSHoBal+KzJZGheFuyH4qwwcwG/n+MsWno5cTlKmaNtTsGzJpHYQ8YPbB5BdEdKU1rga5/6JGY8ww=="],
+    "@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@3.13.0", "", { "dependencies": { "@shikijs/types": "3.13.0", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-O42rBGr4UDSlhT2ZFMxqM7QzIU+IcpoTMzb3W7AlziI1ZF7R8eS2M0yt5Ry35nnnTX/LTLXFPUjRFCIW+Operg=="],
 
-    "@shikijs/themes": ["@shikijs/themes@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2" } }, "sha512-fTR3QAgnwYpfGczpIbzPjlRnxyONJOerguQv1iwpyQZ9QXX4qy/XFQqXlf17XTsorxnHoJGbH/LXBvwtqDsF5A=="],
+    "@shikijs/langs": ["@shikijs/langs@3.13.0", "", { "dependencies": { "@shikijs/types": "3.13.0" } }, "sha512-672c3WAETDYHwrRP0yLy3W1QYB89Hbpj+pO4KhxK6FzIrDI2FoEXNiNCut6BQmEApYLfuYfpgOZaqbY+E9b8wQ=="],
 
-    "@shikijs/types": ["@shikijs/types@3.12.2", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-K5UIBzxCyv0YoxN3LMrKB9zuhp1bV+LgewxuVwHdl4Gz5oePoUFrr9EfgJlGlDeXCU1b/yhdnXeuRvAnz8HN8Q=="],
+    "@shikijs/themes": ["@shikijs/themes@3.13.0", "", { "dependencies": { "@shikijs/types": "3.13.0" } }, "sha512-Vxw1Nm1/Od8jyA7QuAenaV78BG2nSr3/gCGdBkLpfLscddCkzkL36Q5b67SrLLfvAJTOUzW39x4FHVCFriPVgg=="],
+
+    "@shikijs/types": ["@shikijs/types@3.13.0", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-oM9P+NCFri/mmQ8LoFGVfVyemm5Hi27330zuOBp0annwJdKH1kOLndw3zCtAVDehPLg9fKqoEx3Ht/wNZxolfw=="],
 
     "@shikijs/vscode-textmate": ["@shikijs/vscode-textmate@10.0.2", "", {}, "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg=="],
 
@@ -1514,6 +1570,8 @@
 
     "@standard-schema/spec": ["@standard-schema/spec@1.0.0", "", {}, "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA=="],
 
+    "@standard-schema/utils": ["@standard-schema/utils@0.3.0", "", {}, "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g=="],
+
     "@swc/core": ["@swc/core@1.13.5", "", { "dependencies": { "@swc/counter": "^0.1.3", "@swc/types": "^0.1.24" }, "optionalDependencies": { "@swc/core-darwin-arm64": "1.13.5", "@swc/core-darwin-x64": "1.13.5", "@swc/core-linux-arm-gnueabihf": "1.13.5", "@swc/core-linux-arm64-gnu": "1.13.5", "@swc/core-linux-arm64-musl": "1.13.5", "@swc/core-linux-x64-gnu": "1.13.5", "@swc/core-linux-x64-musl": "1.13.5", "@swc/core-win32-arm64-msvc": "1.13.5", "@swc/core-win32-ia32-msvc": "1.13.5", "@swc/core-win32-x64-msvc": "1.13.5" }, "peerDependencies": { "@swc/helpers": ">=0.5.17" }, "optionalPeers": ["@swc/helpers"] }, "sha512-WezcBo8a0Dg2rnR82zhwoR6aRNxeTGfK5QCD6TQ+kg3xx/zNT02s/0o+81h/3zhvFSB24NtqEr8FTw88O5W/JQ=="],
 
     "@swc/core-darwin-arm64": ["@swc/core-darwin-arm64@1.13.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-lKNv7SujeXvKn16gvQqUQI5DdyY8v7xcoO3k06/FJbHJS90zEwZdQiMNRiqpYw/orU543tPaWgz7cIYWhbopiQ=="],
@@ -1652,6 +1710,14 @@
 
     "@testcontainers/postgresql": ["@testcontainers/postgresql@11.3.2", "", { "dependencies": { "testcontainers": "^11.3.2" } }, "sha512-rLXUuTl7w+pVhoacg9coV3GprDkMtNz2f3u7wpcn0uUbUn4ue0lP6x6kUXZ2Bkqcbn9VJwjggfRAljuJT2ge4g=="],
 
+    "@tokenlens/core": ["@tokenlens/core@1.3.0", "", {}, "sha512-d8YNHNC+q10bVpi95fELJwJyPVf1HfvBEI18eFQxRSZTdByXrP+f/ZtlhSzkx0Jl0aEmYVeBA5tPeeYRioLViQ=="],
+
+    "@tokenlens/fetch": ["@tokenlens/fetch@1.3.0", "", { "dependencies": { "@tokenlens/core": "1.3.0" } }, "sha512-RONDRmETYly9xO8XMKblmrZjKSwCva4s5ebJwQNfNlChZoA5kplPoCgnWceHnn1J1iRjLVlrCNB43ichfmGBKQ=="],
+
+    "@tokenlens/helpers": ["@tokenlens/helpers@1.3.1", "", { "dependencies": { "@tokenlens/core": "1.3.0", "@tokenlens/fetch": "1.3.0" } }, "sha512-t6yL8N6ES8337E6eVSeH4hCKnPdWkZRFpupy9w5E66Q9IeqQ9IO7XQ6gh12JKjvWiRHuyyJ8MBP5I549Cr41EQ=="],
+
+    "@tokenlens/models": ["@tokenlens/models@1.3.0", "", { "dependencies": { "@tokenlens/core": "1.3.0" } }, "sha512-9mx7ZGeewW4ndXAiD7AT1bbCk4OpJeortbjHHyNkgap+pMPPn1chY6R5zqe1ggXIUzZ2l8VOAKfPqOvpcrisJw=="],
+
     "@tootallnate/quickjs-emscripten": ["@tootallnate/quickjs-emscripten@0.23.0", "", {}, "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA=="],
 
     "@ts-morph/common": ["@ts-morph/common@0.28.0", "", { "dependencies": { "minimatch": "^10.0.1", "path-browserify": "^1.0.1", "tinyglobby": "^0.2.14" } }, "sha512-4w6X/oFmvXcwux6y6ExfM/xSqMHw20cYwFJH+BlYrtGa6nwY9qGq8GXnUs1sVYeF2o/KT3S8hAH6sKBI3VOkBg=="],
@@ -1698,6 +1764,70 @@
 
     "@types/cors": ["@types/cors@2.8.19", "", { "dependencies": { "@types/node": "*" } }, "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg=="],
 
+    "@types/d3": ["@types/d3@7.4.3", "", { "dependencies": { "@types/d3-array": "*", "@types/d3-axis": "*", "@types/d3-brush": "*", "@types/d3-chord": "*", "@types/d3-color": "*", "@types/d3-contour": "*", "@types/d3-delaunay": "*", "@types/d3-dispatch": "*", "@types/d3-drag": "*", "@types/d3-dsv": "*", "@types/d3-ease": "*", "@types/d3-fetch": "*", "@types/d3-force": "*", "@types/d3-format": "*", "@types/d3-geo": "*", "@types/d3-hierarchy": "*", "@types/d3-interpolate": "*", "@types/d3-path": "*", "@types/d3-polygon": "*", "@types/d3-quadtree": "*", "@types/d3-random": "*", "@types/d3-scale": "*", "@types/d3-scale-chromatic": "*", "@types/d3-selection": "*", "@types/d3-shape": "*", "@types/d3-time": "*", "@types/d3-time-format": "*", "@types/d3-timer": "*", "@types/d3-transition": "*", "@types/d3-zoom": "*" } }, "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww=="],
+
+    "@types/d3-array": ["@types/d3-array@3.2.2", "", {}, "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw=="],
+
+    "@types/d3-axis": ["@types/d3-axis@3.0.6", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw=="],
+
+    "@types/d3-brush": ["@types/d3-brush@3.0.6", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A=="],
+
+    "@types/d3-chord": ["@types/d3-chord@3.0.6", "", {}, "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg=="],
+
+    "@types/d3-color": ["@types/d3-color@3.1.3", "", {}, "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="],
+
+    "@types/d3-contour": ["@types/d3-contour@3.0.6", "", { "dependencies": { "@types/d3-array": "*", "@types/geojson": "*" } }, "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg=="],
+
+    "@types/d3-delaunay": ["@types/d3-delaunay@6.0.4", "", {}, "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw=="],
+
+    "@types/d3-dispatch": ["@types/d3-dispatch@3.0.7", "", {}, "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA=="],
+
+    "@types/d3-drag": ["@types/d3-drag@3.0.7", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ=="],
+
+    "@types/d3-dsv": ["@types/d3-dsv@3.0.7", "", {}, "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g=="],
+
+    "@types/d3-ease": ["@types/d3-ease@3.0.2", "", {}, "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="],
+
+    "@types/d3-fetch": ["@types/d3-fetch@3.0.7", "", { "dependencies": { "@types/d3-dsv": "*" } }, "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA=="],
+
+    "@types/d3-force": ["@types/d3-force@3.0.10", "", {}, "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw=="],
+
+    "@types/d3-format": ["@types/d3-format@3.0.4", "", {}, "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g=="],
+
+    "@types/d3-geo": ["@types/d3-geo@3.1.0", "", { "dependencies": { "@types/geojson": "*" } }, "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ=="],
+
+    "@types/d3-hierarchy": ["@types/d3-hierarchy@3.1.7", "", {}, "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg=="],
+
+    "@types/d3-interpolate": ["@types/d3-interpolate@3.0.4", "", { "dependencies": { "@types/d3-color": "*" } }, "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA=="],
+
+    "@types/d3-path": ["@types/d3-path@3.1.1", "", {}, "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg=="],
+
+    "@types/d3-polygon": ["@types/d3-polygon@3.0.2", "", {}, "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA=="],
+
+    "@types/d3-quadtree": ["@types/d3-quadtree@3.0.6", "", {}, "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg=="],
+
+    "@types/d3-random": ["@types/d3-random@3.0.3", "", {}, "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ=="],
+
+    "@types/d3-scale": ["@types/d3-scale@4.0.9", "", { "dependencies": { "@types/d3-time": "*" } }, "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw=="],
+
+    "@types/d3-scale-chromatic": ["@types/d3-scale-chromatic@3.1.0", "", {}, "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ=="],
+
+    "@types/d3-selection": ["@types/d3-selection@3.0.11", "", {}, "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w=="],
+
+    "@types/d3-shape": ["@types/d3-shape@3.1.7", "", { "dependencies": { "@types/d3-path": "*" } }, "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg=="],
+
+    "@types/d3-time": ["@types/d3-time@3.0.4", "", {}, "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g=="],
+
+    "@types/d3-time-format": ["@types/d3-time-format@4.0.3", "", {}, "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg=="],
+
+    "@types/d3-timer": ["@types/d3-timer@3.0.2", "", {}, "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="],
+
+    "@types/d3-transition": ["@types/d3-transition@3.0.9", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg=="],
+
+    "@types/d3-zoom": ["@types/d3-zoom@3.0.8", "", { "dependencies": { "@types/d3-interpolate": "*", "@types/d3-selection": "*" } }, "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw=="],
+
+    "@types/debug": ["@types/debug@4.1.12", "", { "dependencies": { "@types/ms": "*" } }, "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ=="],
+
     "@types/docker-modem": ["@types/docker-modem@3.0.6", "", { "dependencies": { "@types/node": "*", "@types/ssh2": "*" } }, "sha512-yKpAGEuKRSS8wwx0joknWxsmLha78wNMe9R2S3UNsVOkZded8UqOrV8KoeDXoXsjndxwyF3eIhyClGbO1SEhEg=="],
 
     "@types/dockerode": ["@types/dockerode@3.3.43", "", { "dependencies": { "@types/docker-modem": "*", "@types/node": "*", "@types/ssh2": "*" } }, "sha512-YCi0aKKpKeC9dhKTbuglvsWDnAyuIITd6CCJSTKiAdbDzPH4RWu0P9IK2XkJHdyplH6mzYtDYO+gB06JlzcPxg=="],
@@ -1708,6 +1838,8 @@
 
     "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
+    "@types/estree-jsx": ["@types/estree-jsx@1.0.5", "", { "dependencies": { "@types/estree": "*" } }, "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg=="],
+
     "@types/geojson": ["@types/geojson@7946.0.16", "", {}, "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="],
 
     "@types/glob": ["@types/glob@7.2.0", "", { "dependencies": { "@types/minimatch": "*", "@types/node": "*" } }, "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA=="],
@@ -1722,10 +1854,16 @@
 
     "@types/json5": ["@types/json5@0.0.29", "", {}, "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="],
 
+    "@types/katex": ["@types/katex@0.16.7", "", {}, "sha512-HMwFiRujE5PjrgwHQ25+bsLJgowjGjm5Z8FVSf0N6PwgJrwxH0QxzHYDcKsTfV3wva0vzrpqMTJS2jXPr5BMEQ=="],
+
+    "@types/mdast": ["@types/mdast@4.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA=="],
+
     "@types/memcached": ["@types/memcached@2.2.10", "", { "dependencies": { "@types/node": "*" } }, "sha512-AM9smvZN55Gzs2wRrqeMHVP7KE8KWgCJO/XL5yCly2xF6EKa4YlbpK+cLSAH4NG/Ah64HrlegmGqW8kYws7Vxg=="],
 
     "@types/minimatch": ["@types/minimatch@6.0.0", "", { "dependencies": { "minimatch": "*" } }, "sha512-zmPitbQ8+6zNutpwgcQuLcsEpn/Cj54Kbn7L5pX0Os5kdWplB7xPgEh/g+SWOB/qmows2gpuCaPyduq8ZZRnxA=="],
 
+    "@types/ms": ["@types/ms@2.1.0", "", {}, "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA=="],
+
     "@types/mysql": ["@types/mysql@2.15.27", "", { "dependencies": { "@types/node": "*" } }, "sha512-YfWiV16IY0OeBfBCk8+hXKmdTKrKlwKN1MNKAPBu5JYxLwBEZl7QzeEpGnlZb3VMGJrrGmB84gXiH+ofs/TezA=="],
 
     "@types/node": ["@types/node@22.14.1", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-u0HuPQwe/dHrItgHHpmw3N2fYCR6x4ivMNbPHRkBVP4CvN+kiRrKHWk3i8tXiO/joPwXLMYvF9TTF0eqgHIuOw=="],
@@ -1746,6 +1884,8 @@
 
     "@types/react-dom": ["@types/react-dom@19.1.7", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw=="],
 
+    "@types/react-syntax-highlighter": ["@types/react-syntax-highlighter@15.5.13", "", { "dependencies": { "@types/react": "*" } }, "sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA=="],
+
     "@types/resolve": ["@types/resolve@1.20.2", "", {}, "sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q=="],
 
     "@types/ssh2": ["@types/ssh2@1.15.5", "", { "dependencies": { "@types/node": "^18.11.18" } }, "sha512-N1ASjp/nXH3ovBHddRJpli4ozpk6UdDYIX4RJWFa9L1YKnzdhTlVmiGHm4DZnj/jLbqZpes4aeR30EFGQtvhQQ=="],
@@ -1758,8 +1898,12 @@
 
     "@types/tinycolor2": ["@types/tinycolor2@1.4.6", "", {}, "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw=="],
 
+    "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
+
     "@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
 
+    "@types/use-sync-external-store": ["@types/use-sync-external-store@0.0.6", "", {}, "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg=="],
+
     "@types/webpack": ["@types/webpack@5.28.5", "", { "dependencies": { "@types/node": "*", "tapable": "^2.2.0", "webpack": "^5" } }, "sha512-wR87cgvxj3p6D0Crt1r5avwqffqPXUkNlnQ1mjU93G7gCuFjufZR4I6j8cz5g1F1tTYpfOOFvly+cmIQwL9wvw=="],
 
     "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.42.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.10.0", "@typescript-eslint/scope-manager": "8.42.0", "@typescript-eslint/type-utils": "8.42.0", "@typescript-eslint/utils": "8.42.0", "@typescript-eslint/visitor-keys": "8.42.0", "graphemer": "^1.4.0", "ignore": "^7.0.0", "natural-compare": "^1.4.0", "ts-api-utils": "^2.1.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.42.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Aq2dPqsQkxHOLfb2OPv43RnIvfj05nw8v/6n3B2NABIPpHnjQnaLo9QGMTvml+tv4korl/Cjfrb/BYhoL8UUTQ=="],
@@ -1798,8 +1942,12 @@
 
     "@typescript/native-preview-win32-x64": ["@typescript/native-preview-win32-x64@7.0.0-dev.20250822.1", "", { "os": "win32", "cpu": "x64" }, "sha512-Rs2tW1FkiownVDql/V+BJKrwabbsH7K9yFsDzU9Grpaac8z4uwuDaalBdfL9kbhS975Fj3E0dbIs/mK4afEM9g=="],
 
+    "@ungap/structured-clone": ["@ungap/structured-clone@1.3.0", "", {}, "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g=="],
+
     "@vercel/nft": ["@vercel/nft@0.30.1", "", { "dependencies": { "@mapbox/node-pre-gyp": "^2.0.0", "@rollup/pluginutils": "^5.1.3", "acorn": "^8.6.0", "acorn-import-attributes": "^1.9.5", "async-sema": "^3.1.1", "bindings": "^1.4.0", "estree-walker": "2.0.2", "glob": "^10.4.5", "graceful-fs": "^4.2.9", "node-gyp-build": "^4.2.2", "picomatch": "^4.0.2", "resolve-from": "^5.0.0" }, "bin": { "nft": "out/cli.js" } }, "sha512-2mgJZv4AYBFkD/nJ4QmiX5Ymxi+AisPLPcS/KPXVqniyQNqKXX+wjieAbDXQP3HcogfEbpHoRMs49Cd4pfkk8g=="],
 
+    "@vercel/oidc": ["@vercel/oidc@3.0.3", "", {}, "sha512-yNEQvPcVrK9sIe637+I0jD6leluPxzwJKx/Haw6F4H77CdDsszUn5V3o96LPziXkSNE2B83+Z3mjqGKBK/R6Gg=="],
+
     "@vitejs/plugin-react": ["@vitejs/plugin-react@5.0.4", "", { "dependencies": { "@babel/core": "^7.28.4", "@babel/plugin-transform-react-jsx-self": "^7.27.1", "@babel/plugin-transform-react-jsx-source": "^7.27.1", "@rolldown/pluginutils": "1.0.0-beta.38", "@types/babel__core": "^7.20.5", "react-refresh": "^0.17.0" }, "peerDependencies": { "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0" } }, "sha512-La0KD0vGkVkSk6K+piWDKRUyg8Rl5iAIKRMH0vMJI0Eg47bq1eOxmoObAaQG37WMW9MSyk7Cs8EIWwJC1PtzKA=="],
 
     "@webassemblyjs/ast": ["@webassemblyjs/ast@1.14.1", "", { "dependencies": { "@webassemblyjs/helper-numbers": "1.13.2", "@webassemblyjs/helper-wasm-bytecode": "1.13.2" } }, "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ=="],
@@ -1836,6 +1984,10 @@
 
     "@xtuc/long": ["@xtuc/long@4.2.2", "", {}, "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="],
 
+    "@xyflow/react": ["@xyflow/react@12.8.6", "", { "dependencies": { "@xyflow/system": "0.0.70", "classcat": "^5.0.3", "zustand": "^4.4.0" }, "peerDependencies": { "react": ">=17", "react-dom": ">=17" } }, "sha512-SksAm2m4ySupjChphMmzvm55djtgMDPr+eovPDdTnyGvShf73cvydfoBfWDFllooIQ4IaiUL5yfxHRwU0c37EA=="],
+
+    "@xyflow/system": ["@xyflow/system@0.0.70", "", { "dependencies": { "@types/d3-drag": "^3.0.7", "@types/d3-interpolate": "^3.0.4", "@types/d3-selection": "^3.0.10", "@types/d3-transition": "^3.0.8", "@types/d3-zoom": "^3.0.8", "d3-drag": "^3.0.0", "d3-interpolate": "^3.0.1", "d3-selection": "^3.0.0", "d3-zoom": "^3.0.0" } }, "sha512-PpC//u9zxdjj0tfTSmZrg3+sRbTz6kop/Amky44U2Dl51sxzDTIUfXMwETOYpmr2dqICWXBIJwXL2a9QWtX2XA=="],
+
     "abbrev": ["abbrev@3.0.1", "", {}, "sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg=="],
 
     "abort-controller": ["abort-controller@3.0.0", "", { "dependencies": { "event-target-shim": "^5.0.0" } }, "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg=="],
@@ -1858,6 +2010,8 @@
 
     "aggregate-error": ["aggregate-error@3.1.0", "", { "dependencies": { "clean-stack": "^2.0.0", "indent-string": "^4.0.0" } }, "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA=="],
 
+    "ai": ["ai@5.0.76", "", { "dependencies": { "@ai-sdk/gateway": "2.0.0", "@ai-sdk/provider": "2.0.0", "@ai-sdk/provider-utils": "3.0.12", "@opentelemetry/api": "1.9.0" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-ZCxi1vrpyCUnDbtYrO/W8GLvyacV9689f00yshTIQ3mFFphbD7eIv40a2AOZBv3GGRA7SSRYIDnr56wcS/gyQg=="],
+
     "ajv": ["ajv@6.12.6", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="],
 
     "ajv-formats": ["ajv-formats@2.1.1", "", { "dependencies": { "ajv": "^8.0.0" } }, "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA=="],
@@ -1944,6 +2098,8 @@
 
     "babel-merge": ["babel-merge@3.0.0", "", { "dependencies": { "deepmerge": "^2.2.1", "object.omit": "^3.0.0" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw=="],
 
+    "bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
+
     "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
     "bare-events": ["bare-events@2.6.1", "", {}, "sha512-AuTJkq9XmE6Vk0FJVNq5QxETrSA/vKHarWVBG5l/JbdCL1prJemiyJqUS0jrlXO0MftuPq4m3YVYhoNc5+aE/g=="],
@@ -2022,18 +2178,32 @@
 
     "canvas-hypertxt": ["canvas-hypertxt@1.0.3", "", {}, "sha512-+VsMpRr64jYgKq2IeFUNel3vCZH/IzS+iXSHxmUV3IUH5dXlC9xHz4AwtPZisDxZ5MWcuK0V+TXgPKFPiZnxzg=="],
 
+    "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
+
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
     "chalk-template": ["chalk-template@1.1.0", "", { "dependencies": { "chalk": "^5.2.0" } }, "sha512-T2VJbcDuZQ0Tb2EWwSotMPJjgpy1/tGee1BTpUNsGZ/qgNjV2t7Mvu+d4600U564nbLesN1x2dPL+xii174Ekg=="],
 
     "change-case": ["change-case@3.1.0", "", { "dependencies": { "camel-case": "^3.0.0", "constant-case": "^2.0.0", "dot-case": "^2.1.0", "header-case": "^1.0.0", "is-lower-case": "^1.1.0", "is-upper-case": "^1.1.0", "lower-case": "^1.1.1", "lower-case-first": "^1.0.0", "no-case": "^2.3.2", "param-case": "^2.1.0", "pascal-case": "^2.0.0", "path-case": "^2.1.0", "sentence-case": "^2.1.0", "snake-case": "^2.1.0", "swap-case": "^1.1.0", "title-case": "^2.1.0", "upper-case": "^1.1.1", "upper-case-first": "^1.1.0" } }, "sha512-2AZp7uJZbYEzRPsFoa+ijKdvp9zsrnnt6+yFokfwEpeJm0xuJDVoxiRCAaTzyJND8GJkofo2IcKWaUZ/OECVzw=="],
 
+    "character-entities": ["character-entities@1.2.4", "", {}, "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw=="],
+
+    "character-entities-html4": ["character-entities-html4@2.1.0", "", {}, "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA=="],
+
+    "character-entities-legacy": ["character-entities-legacy@1.1.4", "", {}, "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA=="],
+
+    "character-reference-invalid": ["character-reference-invalid@1.1.4", "", {}, "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg=="],
+
     "chardet": ["chardet@2.1.0", "", {}, "sha512-bNFETTG/pM5ryzQ9Ad0lJOTa6HWD/YsScAR3EnCPZRPlQh77JocYktSHOUHelyhm8IARL+o4c4F1bP5KVOjiRA=="],
 
     "cheerio": ["cheerio@1.1.2", "", { "dependencies": { "cheerio-select": "^2.1.0", "dom-serializer": "^2.0.0", "domhandler": "^5.0.3", "domutils": "^3.2.2", "encoding-sniffer": "^0.2.1", "htmlparser2": "^10.0.0", "parse5": "^7.3.0", "parse5-htmlparser2-tree-adapter": "^7.1.0", "parse5-parser-stream": "^7.1.2", "undici": "^7.12.0", "whatwg-mimetype": "^4.0.0" } }, "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg=="],
 
     "cheerio-select": ["cheerio-select@2.1.0", "", { "dependencies": { "boolbase": "^1.0.0", "css-select": "^5.1.0", "css-what": "^6.1.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3", "domutils": "^3.0.1" } }, "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g=="],
 
+    "chevrotain": ["chevrotain@11.0.3", "", { "dependencies": { "@chevrotain/cst-dts-gen": "11.0.3", "@chevrotain/gast": "11.0.3", "@chevrotain/regexp-to-ast": "11.0.3", "@chevrotain/types": "11.0.3", "@chevrotain/utils": "11.0.3", "lodash-es": "4.17.21" } }, "sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw=="],
+
+    "chevrotain-allstar": ["chevrotain-allstar@0.3.1", "", { "dependencies": { "lodash-es": "^4.17.21" }, "peerDependencies": { "chevrotain": "^11.0.0" } }, "sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw=="],
+
     "chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
 
     "chownr": ["chownr@3.0.0", "", {}, "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g=="],
@@ -2046,6 +2216,8 @@
 
     "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
 
+    "classcat": ["classcat@5.0.5", "", {}, "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w=="],
+
     "classnames": ["classnames@2.5.1", "", {}, "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="],
 
     "clean-stack": ["clean-stack@2.2.0", "", {}, "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A=="],
@@ -2084,6 +2256,8 @@
 
     "color-string": ["color-string@1.9.1", "", { "dependencies": { "color-name": "^1.0.0", "simple-swizzle": "^0.2.2" } }, "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg=="],
 
+    "comma-separated-tokens": ["comma-separated-tokens@1.0.8", "", {}, "sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw=="],
+
     "command-line-args": ["command-line-args@6.0.1", "", { "dependencies": { "array-back": "^6.2.2", "find-replace": "^5.0.2", "lodash.camelcase": "^4.3.0", "typical": "^7.2.0" }, "peerDependencies": { "@75lb/nature": "latest" }, "optionalPeers": ["@75lb/nature"] }, "sha512-Jr3eByUjqyK0qd8W0SGFW1nZwqCaNCtbXjRo2cRJC1OYxWl3MZ5t1US3jq+cO4sPavqgw4l9BMGX0CBe+trepg=="],
 
     "command-line-usage": ["command-line-usage@7.0.3", "", { "dependencies": { "array-back": "^6.2.2", "chalk-template": "^0.4.0", "table-layout": "^4.1.0", "typical": "^7.1.1" } }, "sha512-PqMLy5+YGwhMh1wS04mVG44oqDsgyLRSKJBdOo1bnYhMKBW65gZF1dRp2OZRhiTjgUHljy99qkO7bsctLaw35Q=="],
@@ -2124,6 +2298,8 @@
 
     "cors": ["cors@2.8.5", "", { "dependencies": { "object-assign": "^4", "vary": "^1" } }, "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g=="],
 
+    "cose-base": ["cose-base@1.0.3", "", { "dependencies": { "layout-base": "^1.0.0" } }, "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg=="],
+
     "cpu-features": ["cpu-features@0.0.10", "", { "dependencies": { "buildcheck": "~0.0.6", "nan": "^2.19.0" } }, "sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA=="],
 
     "crc-32": ["crc-32@1.2.2", "", { "bin": { "crc32": "bin/crc32.njs" } }, "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ=="],
@@ -2146,6 +2322,78 @@
 
     "csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
 
+    "cytoscape": ["cytoscape@3.33.1", "", {}, "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ=="],
+
+    "cytoscape-cose-bilkent": ["cytoscape-cose-bilkent@4.1.0", "", { "dependencies": { "cose-base": "^1.0.0" }, "peerDependencies": { "cytoscape": "^3.2.0" } }, "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ=="],
+
+    "cytoscape-fcose": ["cytoscape-fcose@2.2.0", "", { "dependencies": { "cose-base": "^2.2.0" }, "peerDependencies": { "cytoscape": "^3.2.0" } }, "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ=="],
+
+    "d3": ["d3@7.9.0", "", { "dependencies": { "d3-array": "3", "d3-axis": "3", "d3-brush": "3", "d3-chord": "3", "d3-color": "3", "d3-contour": "4", "d3-delaunay": "6", "d3-dispatch": "3", "d3-drag": "3", "d3-dsv": "3", "d3-ease": "3", "d3-fetch": "3", "d3-force": "3", "d3-format": "3", "d3-geo": "3", "d3-hierarchy": "3", "d3-interpolate": "3", "d3-path": "3", "d3-polygon": "3", "d3-quadtree": "3", "d3-random": "3", "d3-scale": "4", "d3-scale-chromatic": "3", "d3-selection": "3", "d3-shape": "3", "d3-time": "3", "d3-time-format": "4", "d3-timer": "3", "d3-transition": "3", "d3-zoom": "3" } }, "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA=="],
+
+    "d3-array": ["d3-array@3.2.4", "", { "dependencies": { "internmap": "1 - 2" } }, "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg=="],
+
+    "d3-axis": ["d3-axis@3.0.0", "", {}, "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw=="],
+
+    "d3-brush": ["d3-brush@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-drag": "2 - 3", "d3-interpolate": "1 - 3", "d3-selection": "3", "d3-transition": "3" } }, "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ=="],
+
+    "d3-chord": ["d3-chord@3.0.1", "", { "dependencies": { "d3-path": "1 - 3" } }, "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g=="],
+
+    "d3-color": ["d3-color@3.1.0", "", {}, "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="],
+
+    "d3-contour": ["d3-contour@4.0.2", "", { "dependencies": { "d3-array": "^3.2.0" } }, "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA=="],
+
+    "d3-delaunay": ["d3-delaunay@6.0.4", "", { "dependencies": { "delaunator": "5" } }, "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A=="],
+
+    "d3-dispatch": ["d3-dispatch@3.0.1", "", {}, "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="],
+
+    "d3-drag": ["d3-drag@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-selection": "3" } }, "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg=="],
+
+    "d3-dsv": ["d3-dsv@3.0.1", "", { "dependencies": { "commander": "7", "iconv-lite": "0.6", "rw": "1" }, "bin": { "csv2json": "bin/dsv2json.js", "csv2tsv": "bin/dsv2dsv.js", "dsv2dsv": "bin/dsv2dsv.js", "dsv2json": "bin/dsv2json.js", "json2csv": "bin/json2dsv.js", "json2dsv": "bin/json2dsv.js", "json2tsv": "bin/json2dsv.js", "tsv2csv": "bin/dsv2dsv.js", "tsv2json": "bin/dsv2json.js" } }, "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q=="],
+
+    "d3-ease": ["d3-ease@3.0.1", "", {}, "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="],
+
+    "d3-fetch": ["d3-fetch@3.0.1", "", { "dependencies": { "d3-dsv": "1 - 3" } }, "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw=="],
+
+    "d3-force": ["d3-force@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-quadtree": "1 - 3", "d3-timer": "1 - 3" } }, "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg=="],
+
+    "d3-format": ["d3-format@3.1.0", "", {}, "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA=="],
+
+    "d3-geo": ["d3-geo@3.1.1", "", { "dependencies": { "d3-array": "2.5.0 - 3" } }, "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q=="],
+
+    "d3-hierarchy": ["d3-hierarchy@3.1.2", "", {}, "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="],
+
+    "d3-interpolate": ["d3-interpolate@3.0.1", "", { "dependencies": { "d3-color": "1 - 3" } }, "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g=="],
+
+    "d3-path": ["d3-path@3.1.0", "", {}, "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="],
+
+    "d3-polygon": ["d3-polygon@3.0.1", "", {}, "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg=="],
+
+    "d3-quadtree": ["d3-quadtree@3.0.1", "", {}, "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="],
+
+    "d3-random": ["d3-random@3.0.1", "", {}, "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="],
+
+    "d3-sankey": ["d3-sankey@0.12.3", "", { "dependencies": { "d3-array": "1 - 2", "d3-shape": "^1.2.0" } }, "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ=="],
+
+    "d3-scale": ["d3-scale@4.0.2", "", { "dependencies": { "d3-array": "2.10.0 - 3", "d3-format": "1 - 3", "d3-interpolate": "1.2.0 - 3", "d3-time": "2.1.1 - 3", "d3-time-format": "2 - 4" } }, "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ=="],
+
+    "d3-scale-chromatic": ["d3-scale-chromatic@3.1.0", "", { "dependencies": { "d3-color": "1 - 3", "d3-interpolate": "1 - 3" } }, "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ=="],
+
+    "d3-selection": ["d3-selection@3.0.0", "", {}, "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="],
+
+    "d3-shape": ["d3-shape@3.2.0", "", { "dependencies": { "d3-path": "^3.1.0" } }, "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA=="],
+
+    "d3-time": ["d3-time@3.1.0", "", { "dependencies": { "d3-array": "2 - 3" } }, "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q=="],
+
+    "d3-time-format": ["d3-time-format@4.1.0", "", { "dependencies": { "d3-time": "1 - 3" } }, "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg=="],
+
+    "d3-timer": ["d3-timer@3.0.1", "", {}, "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="],
+
+    "d3-transition": ["d3-transition@3.0.1", "", { "dependencies": { "d3-color": "1 - 3", "d3-dispatch": "1 - 3", "d3-ease": "1 - 3", "d3-interpolate": "1 - 3", "d3-timer": "1 - 3" }, "peerDependencies": { "d3-selection": "2 - 3" } }, "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w=="],
+
+    "d3-zoom": ["d3-zoom@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-drag": "2 - 3", "d3-interpolate": "1 - 3", "d3-selection": "2 - 3", "d3-transition": "2 - 3" } }, "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw=="],
+
+    "dagre-d3-es": ["dagre-d3-es@7.0.11", "", { "dependencies": { "d3": "^7.9.0", "lodash-es": "^4.17.21" } }, "sha512-tvlJLyQf834SylNKax8Wkzco/1ias1OPw8DcUMDE7oUIoSEW25riQVuiu/0OWEFqT0cxHT3Pa9/D82Jr47IONw=="],
+
     "damerau-levenshtein": ["damerau-levenshtein@1.0.8", "", {}, "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="],
 
     "data-uri-to-buffer": ["data-uri-to-buffer@6.0.2", "", {}, "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw=="],
@@ -2158,14 +2406,20 @@
 
     "date-fns": ["date-fns@4.1.0", "", {}, "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg=="],
 
+    "dayjs": ["dayjs@1.11.18", "", {}, "sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA=="],
+
     "db0": ["db0@0.3.2", "", { "peerDependencies": { "@electric-sql/pglite": "*", "@libsql/client": "*", "better-sqlite3": "*", "drizzle-orm": "*", "mysql2": "*", "sqlite3": "*" }, "optionalPeers": ["@electric-sql/pglite", "@libsql/client", "better-sqlite3", "drizzle-orm", "mysql2", "sqlite3"] }, "sha512-xzWNQ6jk/+NtdfLyXEipbX55dmDSeteLFt/ayF+wZUU5bzKgmrDOxmInUTbyVRp46YwnJdkDA1KhB7WIXFofJw=="],
 
     "debounce": ["debounce@2.2.0", "", {}, "sha512-Xks6RUDLZFdz8LIdR6q0MTH44k7FikOmnh5xkSjMig6ch45afc8sjTjRQf3P6ax8dMgcQrYO/AR2RGWURrruqw=="],
 
     "debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],
 
+    "decimal.js-light": ["decimal.js-light@2.5.1", "", {}, "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg=="],
+
     "decode-formdata": ["decode-formdata@0.9.0", "", {}, "sha512-q5uwOjR3Um5YD+ZWPOF/1sGHVW9A5rCrRwITQChRXlmPkxDFBqCm4jNTIVdGHNH9OnR+V9MoZVgRhsFb+ARbUw=="],
 
+    "decode-named-character-reference": ["decode-named-character-reference@1.2.0", "", { "dependencies": { "character-entities": "^2.0.0" } }, "sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q=="],
+
     "decompress-response": ["decompress-response@6.0.0", "", { "dependencies": { "mimic-response": "^3.1.0" } }, "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ=="],
 
     "deep-extend": ["deep-extend@0.6.0", "", {}, "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="],
@@ -2190,6 +2444,8 @@
 
     "del": ["del@5.1.0", "", { "dependencies": { "globby": "^10.0.1", "graceful-fs": "^4.2.2", "is-glob": "^4.0.1", "is-path-cwd": "^2.2.0", "is-path-inside": "^3.0.1", "p-map": "^3.0.0", "rimraf": "^3.0.0", "slash": "^3.0.0" } }, "sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA=="],
 
+    "delaunator": ["delaunator@5.0.1", "", { "dependencies": { "robust-predicates": "^3.0.2" } }, "sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw=="],
+
     "denque": ["denque@2.1.0", "", {}, "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw=="],
 
     "depd": ["depd@2.0.0", "", {}, "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="],
@@ -2204,6 +2460,8 @@
 
     "devalue": ["devalue@5.3.2", "", {}, "sha512-UDsjUbpQn9kvm68slnrs+mfxwFkIflOhkanmyabZ8zOYk8SMEIbJ3TK+88g70hSIeytu4y18f0z/hYHMTrXIWw=="],
 
+    "devlop": ["devlop@1.1.0", "", { "dependencies": { "dequal": "^2.0.0" } }, "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA=="],
+
     "didyoumean": ["didyoumean@1.2.2", "", {}, "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="],
 
     "diff": ["diff@4.0.2", "", {}, "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A=="],
@@ -2226,6 +2484,8 @@
 
     "domhandler": ["domhandler@5.0.3", "", { "dependencies": { "domelementtype": "^2.3.0" } }, "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w=="],
 
+    "dompurify": ["dompurify@3.3.0", "", { "optionalDependencies": { "@types/trusted-types": "^2.0.7" } }, "sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ=="],
+
     "domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
 
     "dot-case": ["dot-case@2.1.1", "", { "dependencies": { "no-case": "^2.2.0" } }, "sha512-HnM6ZlFqcajLsyudHq7LeeLDr2rFAVYtDv/hV5qchQEidSck8j9OPUsXY9KwJv/lHMtYlX4DjRQqwFYa+0r8Ug=="],
@@ -2260,6 +2520,12 @@
 
     "electron-to-chromium": ["electron-to-chromium@1.5.213", "", {}, "sha512-xr9eRzSLNa4neDO0xVFrkXu3vyIzG4Ay08dApecw42Z1NbmCt+keEpXdvlYGVe0wtvY5dhW0Ay0lY0IOfsCg0Q=="],
 
+    "embla-carousel": ["embla-carousel@8.6.0", "", {}, "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA=="],
+
+    "embla-carousel-react": ["embla-carousel-react@8.6.0", "", { "dependencies": { "embla-carousel": "8.6.0", "embla-carousel-reactive-utils": "8.6.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA=="],
+
+    "embla-carousel-reactive-utils": ["embla-carousel-reactive-utils@8.6.0", "", { "peerDependencies": { "embla-carousel": "8.6.0" } }, "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A=="],
+
     "emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
 
     "encodeurl": ["encodeurl@2.0.0", "", {}, "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg=="],
@@ -2298,6 +2564,8 @@
 
     "es-to-primitive": ["es-to-primitive@1.3.0", "", { "dependencies": { "is-callable": "^1.2.7", "is-date-object": "^1.0.5", "is-symbol": "^1.0.4" } }, "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g=="],
 
+    "es-toolkit": ["es-toolkit@1.40.0", "", {}, "sha512-8o6w0KFmU0CiIl0/Q/BCEOabF2IJaELM1T2PWj6e8KqzHv1gdx+7JtFnDwOx1kJH/isJ5NwlDG1nCr1HrRF94Q=="],
+
     "es6-promise": ["es6-promise@4.2.8", "", {}, "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="],
 
     "esbuild": ["esbuild@0.25.9", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.9", "@esbuild/android-arm": "0.25.9", "@esbuild/android-arm64": "0.25.9", "@esbuild/android-x64": "0.25.9", "@esbuild/darwin-arm64": "0.25.9", "@esbuild/darwin-x64": "0.25.9", "@esbuild/freebsd-arm64": "0.25.9", "@esbuild/freebsd-x64": "0.25.9", "@esbuild/linux-arm": "0.25.9", "@esbuild/linux-arm64": "0.25.9", "@esbuild/linux-ia32": "0.25.9", "@esbuild/linux-loong64": "0.25.9", "@esbuild/linux-mips64el": "0.25.9", "@esbuild/linux-ppc64": "0.25.9", "@esbuild/linux-riscv64": "0.25.9", "@esbuild/linux-s390x": "0.25.9", "@esbuild/linux-x64": "0.25.9", "@esbuild/netbsd-arm64": "0.25.9", "@esbuild/netbsd-x64": "0.25.9", "@esbuild/openbsd-arm64": "0.25.9", "@esbuild/openbsd-x64": "0.25.9", "@esbuild/openharmony-arm64": "0.25.9", "@esbuild/sunos-x64": "0.25.9", "@esbuild/win32-arm64": "0.25.9", "@esbuild/win32-ia32": "0.25.9", "@esbuild/win32-x64": "0.25.9" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-CRbODhYyQx3qp7ZEwzxOk4JBqmD/seJrzPa/cGjY1VtIn5E09Oi9/dB4JwctnfZ8Q8iT7rioVv5k/FNT/uf54g=="],
@@ -2344,6 +2612,8 @@
 
     "estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="],
 
+    "estree-util-is-identifier-name": ["estree-util-is-identifier-name@3.0.0", "", {}, "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg=="],
+
     "estree-walker": ["estree-walker@3.0.3", "", { "dependencies": { "@types/estree": "^1.0.0" } }, "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g=="],
 
     "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
@@ -2356,6 +2626,8 @@
 
     "events": ["events@3.3.0", "", {}, "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="],
 
+    "eventsource-parser": ["eventsource-parser@3.0.6", "", {}, "sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg=="],
+
     "execa": ["execa@5.1.1", "", { "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", "human-signals": "^2.1.0", "is-stream": "^2.0.0", "merge-stream": "^2.0.0", "npm-run-path": "^4.0.1", "onetime": "^5.1.2", "signal-exit": "^3.0.3", "strip-final-newline": "^2.0.0" } }, "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg=="],
 
     "expand-template": ["expand-template@2.0.3", "", {}, "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="],
@@ -2396,6 +2668,8 @@
 
     "fastq": ["fastq@1.19.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ=="],
 
+    "fault": ["fault@1.0.4", "", { "dependencies": { "format": "^0.2.0" } }, "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA=="],
+
     "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
 
     "figures": ["figures@3.2.0", "", { "dependencies": { "escape-string-regexp": "^1.0.5" } }, "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg=="],
@@ -2428,6 +2702,8 @@
 
     "foreground-child": ["foreground-child@3.3.1", "", { "dependencies": { "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" } }, "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw=="],
 
+    "format": ["format@0.2.2", "", {}, "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww=="],
+
     "forwarded-parse": ["forwarded-parse@2.1.2", "", {}, "sha512-alTFZZQDKMporBH77856pXgzhEzaUVmLCDk+egLgIgHst3Tpndzz8MnKe+GzRJRfvVdn69HhpW7cmXzvtLvJAw=="],
 
     "fraction.js": ["fraction.js@4.3.7", "", {}, "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew=="],
@@ -2516,6 +2792,8 @@
 
     "h3": ["h3@1.13.0", "", { "dependencies": { "cookie-es": "^1.2.2", "crossws": ">=0.2.0 <0.4.0", "defu": "^6.1.4", "destr": "^2.0.3", "iron-webcrypto": "^1.2.1", "ohash": "^1.1.4", "radix3": "^1.1.2", "ufo": "^1.5.4", "uncrypto": "^0.1.3", "unenv": "^1.10.0" } }, "sha512-vFEAu/yf8UMUcB4s43OaDaigcqpQd14yanmOsn+NcRX3/guSKncyE2rOYhq8RIchgJrPSs/QiIddnTTR1ddiAg=="],
 
+    "hachure-fill": ["hachure-fill@0.5.2", "", {}, "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg=="],
+
     "handlebars": ["handlebars@4.7.8", "", { "dependencies": { "minimist": "^1.2.5", "neo-async": "^2.6.2", "source-map": "^0.6.1", "wordwrap": "^1.0.0" }, "optionalDependencies": { "uglify-js": "^3.1.4" }, "bin": { "handlebars": "bin/handlebars" } }, "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ=="],
 
     "has-bigints": ["has-bigints@1.1.0", "", {}, "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="],
@@ -2532,6 +2810,32 @@
 
     "hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
 
+    "hast-util-from-dom": ["hast-util-from-dom@5.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "hastscript": "^9.0.0", "web-namespaces": "^2.0.0" } }, "sha512-N+LqofjR2zuzTjCPzyDUdSshy4Ma6li7p/c3pA78uTwzFgENbgbUrm2ugwsOdcjI1muO+o6Dgzp9p8WHtn/39Q=="],
+
+    "hast-util-from-html": ["hast-util-from-html@2.0.3", "", { "dependencies": { "@types/hast": "^3.0.0", "devlop": "^1.1.0", "hast-util-from-parse5": "^8.0.0", "parse5": "^7.0.0", "vfile": "^6.0.0", "vfile-message": "^4.0.0" } }, "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw=="],
+
+    "hast-util-from-html-isomorphic": ["hast-util-from-html-isomorphic@2.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-from-dom": "^5.0.0", "hast-util-from-html": "^2.0.0", "unist-util-remove-position": "^5.0.0" } }, "sha512-zJfpXq44yff2hmE0XmwEOzdWin5xwH+QIhMLOScpX91e/NSGPsAzNCvLQDIEPyO2TXi+lBmU6hjLIhV8MwP2kw=="],
+
+    "hast-util-from-parse5": ["hast-util-from-parse5@8.0.3", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "devlop": "^1.0.0", "hastscript": "^9.0.0", "property-information": "^7.0.0", "vfile": "^6.0.0", "vfile-location": "^5.0.0", "web-namespaces": "^2.0.0" } }, "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg=="],
+
+    "hast-util-is-element": ["hast-util-is-element@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g=="],
+
+    "hast-util-parse-selector": ["hast-util-parse-selector@2.2.5", "", {}, "sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ=="],
+
+    "hast-util-raw": ["hast-util-raw@9.1.0", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "@ungap/structured-clone": "^1.0.0", "hast-util-from-parse5": "^8.0.0", "hast-util-to-parse5": "^8.0.0", "html-void-elements": "^3.0.0", "mdast-util-to-hast": "^13.0.0", "parse5": "^7.0.0", "unist-util-position": "^5.0.0", "unist-util-visit": "^5.0.0", "vfile": "^6.0.0", "web-namespaces": "^2.0.0", "zwitch": "^2.0.0" } }, "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw=="],
+
+    "hast-util-to-html": ["hast-util-to-html@9.0.5", "", { "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": "^7.0.0", "space-separated-tokens": "^2.0.0", "stringify-entities": "^4.0.0", "zwitch": "^2.0.4" } }, "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw=="],
+
+    "hast-util-to-jsx-runtime": ["hast-util-to-jsx-runtime@2.3.6", "", { "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": "^7.0.0", "space-separated-tokens": "^2.0.0", "style-to-js": "^1.0.0", "unist-util-position": "^5.0.0", "vfile-message": "^4.0.0" } }, "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg=="],
+
+    "hast-util-to-parse5": ["hast-util-to-parse5@8.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "devlop": "^1.0.0", "property-information": "^6.0.0", "space-separated-tokens": "^2.0.0", "web-namespaces": "^2.0.0", "zwitch": "^2.0.0" } }, "sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw=="],
+
+    "hast-util-to-text": ["hast-util-to-text@4.0.2", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "hast-util-is-element": "^3.0.0", "unist-util-find-after": "^5.0.0" } }, "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A=="],
+
+    "hast-util-whitespace": ["hast-util-whitespace@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw=="],
+
+    "hastscript": ["hastscript@6.0.0", "", { "dependencies": { "@types/hast": "^2.0.0", "comma-separated-tokens": "^1.0.0", "hast-util-parse-selector": "^2.0.0", "property-information": "^5.0.0", "space-separated-tokens": "^1.0.0" } }, "sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w=="],
+
     "he": ["he@1.2.0", "", { "bin": { "he": "bin/he" } }, "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="],
 
     "header-case": ["header-case@1.0.1", "", { "dependencies": { "no-case": "^2.2.0", "upper-case": "^1.1.3" } }, "sha512-i0q9mkOeSuhXw6bGgiQCCBgY/jlZuV/7dZXyZ9c6LcBrqwvT8eT719E9uxE5LiZftdl+z81Ugbg/VvXV4OJOeQ=="],
@@ -2540,6 +2844,10 @@
 
     "hermes-parser": ["hermes-parser@0.25.1", "", { "dependencies": { "hermes-estree": "0.25.1" } }, "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA=="],
 
+    "highlight.js": ["highlight.js@10.7.3", "", {}, "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A=="],
+
+    "highlightjs-vue": ["highlightjs-vue@1.0.0", "", {}, "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA=="],
+
     "hoist-non-react-statics": ["hoist-non-react-statics@3.3.2", "", { "dependencies": { "react-is": "^16.7.0" } }, "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="],
 
     "hookable": ["hookable@5.5.3", "", {}, "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="],
@@ -2548,6 +2856,10 @@
 
     "html-to-text": ["html-to-text@9.0.5", "", { "dependencies": { "@selderee/plugin-htmlparser2": "^0.11.0", "deepmerge": "^4.3.1", "dom-serializer": "^2.0.0", "htmlparser2": "^8.0.2", "selderee": "^0.11.0" } }, "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg=="],
 
+    "html-url-attributes": ["html-url-attributes@3.0.1", "", {}, "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ=="],
+
+    "html-void-elements": ["html-void-elements@3.0.0", "", {}, "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg=="],
+
     "htmlparser2": ["htmlparser2@8.0.2", "", { "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.3", "domutils": "^3.0.1", "entities": "^4.4.0" } }, "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA=="],
 
     "http-errors": ["http-errors@2.0.0", "", { "dependencies": { "depd": "2.0.0", "inherits": "2.0.4", "setprototypeof": "1.2.0", "statuses": "2.0.1", "toidentifier": "1.0.1" } }, "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ=="],
@@ -2570,6 +2882,8 @@
 
     "imask": ["imask@7.6.1", "", { "dependencies": { "@babel/runtime-corejs3": "^7.24.4" } }, "sha512-sJlIFM7eathUEMChTh9Mrfw/IgiWgJqBKq2VNbyXvBZ7ev/IlO6/KQTKlV/Fm+viQMLrFLG/zCuudrLIwgK2dg=="],
 
+    "immer": ["immer@10.1.3", "", {}, "sha512-tmjF/k8QDKydUlm3mZU+tjM6zeq9/fFpPqH9SzWmBnVVKsPBg/V66qsMwb3/Bo90cgUN+ghdVBess+hPsxUyRw=="],
+
     "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
 
     "import-in-the-middle": ["import-in-the-middle@1.14.2", "", { "dependencies": { "acorn": "^8.14.0", "acorn-import-attributes": "^1.9.5", "cjs-module-lexer": "^1.2.2", "module-details-from-path": "^1.0.3" } }, "sha512-5tCuY9BV8ujfOpwtAGgsTx9CGUapcFMEEyByLv1B+v2+6DhAcw+Zr0nhQT7uwaZ7DiourxFEscghOR8e1aPLQw=="],
@@ -2586,12 +2900,16 @@
 
     "initials": ["initials@3.1.2", "", {}, "sha512-Sltg35nx8+GX1w4U86rmbxFEmqFiSuMJviS6cB2KChB+jcT2/8Td+nlImXD74HkqpZF5PMv8hN57AyrA/7ltXw=="],
 
+    "inline-style-parser": ["inline-style-parser@0.2.4", "", {}, "sha512-0aO8FkhNZlj/ZIbNi7Lxxr12obT7cL1moPfE4tg1LkX7LlLfC6DeX4l2ZEud1ukP9jNQyNnfzQVqwbwmAATY4Q=="],
+
     "input-otp": ["input-otp@1.4.2", "", { "peerDependencies": { "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-l3jWwYNvrEa6NTCt7BECfCm48GvwuZzkoeG3gBL2w4CHeOXW3eKFmf9UNYkNfYc3mxMrthMnxjIE07MT0zLBQA=="],
 
     "inquirer": ["inquirer@8.2.7", "", { "dependencies": { "@inquirer/external-editor": "^1.0.0", "ansi-escapes": "^4.2.1", "chalk": "^4.1.1", "cli-cursor": "^3.1.0", "cli-width": "^3.0.0", "figures": "^3.0.0", "lodash": "^4.17.21", "mute-stream": "0.0.8", "ora": "^5.4.1", "run-async": "^2.4.0", "rxjs": "^7.5.5", "string-width": "^4.1.0", "strip-ansi": "^6.0.0", "through": "^2.3.6", "wrap-ansi": "^6.0.1" } }, "sha512-UjOaSel/iddGZJ5xP/Eixh6dY1XghiBw4XK13rCCIJcJfyhhoul/7KhLLUGtebEj6GDYM6Vnx/mVsjx2L/mFIA=="],
 
     "internal-slot": ["internal-slot@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "hasown": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw=="],
 
+    "internmap": ["internmap@1.0.1", "", {}, "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw=="],
+
     "ioredis": ["ioredis@5.7.0", "", { "dependencies": { "@ioredis/commands": "^1.3.0", "cluster-key-slot": "^1.1.0", "debug": "^4.3.4", "denque": "^2.1.0", "lodash.defaults": "^4.2.0", "lodash.isarguments": "^3.1.0", "redis-errors": "^1.2.0", "redis-parser": "^3.0.0", "standard-as-callback": "^2.1.0" } }, "sha512-NUcA93i1lukyXU+riqEyPtSEkyFq8tX90uL659J+qpCZ3rEdViB/APC58oAhIh3+bJln2hzdlZbBZsGNrlsR8g=="],
 
     "ip-address": ["ip-address@10.0.1", "", {}, "sha512-NWv9YLW4PoW2B7xtzaS3NCot75m6nK7Icdv0o3lfMceJVRfSoQwqD4wEH5rLwoKJwUiZ/rfpiVBhnaF0FK4HoA=="],
@@ -2600,6 +2918,10 @@
 
     "iron-webcrypto": ["iron-webcrypto@1.2.1", "", {}, "sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg=="],
 
+    "is-alphabetical": ["is-alphabetical@1.0.4", "", {}, "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg=="],
+
+    "is-alphanumerical": ["is-alphanumerical@1.0.4", "", { "dependencies": { "is-alphabetical": "^1.0.0", "is-decimal": "^1.0.0" } }, "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A=="],
+
     "is-arguments": ["is-arguments@1.2.0", "", { "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" } }, "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA=="],
 
     "is-array-buffer": ["is-array-buffer@3.0.5", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],
@@ -2622,6 +2944,8 @@
 
     "is-date-object": ["is-date-object@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" } }, "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg=="],
 
+    "is-decimal": ["is-decimal@1.0.4", "", {}, "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw=="],
+
     "is-docker": ["is-docker@2.2.1", "", { "bin": { "is-docker": "cli.js" } }, "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ=="],
 
     "is-extendable": ["is-extendable@1.0.1", "", { "dependencies": { "is-plain-object": "^2.0.4" } }, "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA=="],
@@ -2636,6 +2960,8 @@
 
     "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
 
+    "is-hexadecimal": ["is-hexadecimal@1.0.4", "", {}, "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw=="],
+
     "is-in-subnet": ["is-in-subnet@4.0.1", "", {}, "sha512-D3mAuAo6vZ+/AxsLkEIZ3moTx7AIGQLLzLQslV6n0RRO/CzdUemXap+lj3OPAehKCbdkGPikxOVUYqRo0GGJAA=="],
 
     "is-inside-container": ["is-inside-container@1.0.0", "", { "dependencies": { "is-docker": "^3.0.0" }, "bin": { "is-inside-container": "cli.js" } }, "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA=="],
@@ -2658,6 +2984,8 @@
 
     "is-path-inside": ["is-path-inside@3.0.3", "", {}, "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ=="],
 
+    "is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
+
     "is-plain-object": ["is-plain-object@2.0.4", "", { "dependencies": { "isobject": "^3.0.1" } }, "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og=="],
 
     "is-reference": ["is-reference@1.2.1", "", { "dependencies": { "@types/estree": "*" } }, "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ=="],
@@ -2732,6 +3060,8 @@
 
     "json-parse-even-better-errors": ["json-parse-even-better-errors@2.3.1", "", {}, "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="],
 
+    "json-schema": ["json-schema@0.4.0", "", {}, "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="],
+
     "json-schema-ref-resolver": ["json-schema-ref-resolver@2.0.1", "", { "dependencies": { "dequal": "^2.0.3" } }, "sha512-HG0SIB9X4J8bwbxCbnd5FfPEbcXAJYTi1pBJeP/QPON+w8ovSME8iRG+ElHNxZNX2Qh6eYn1GdzJFS4cDFfx0Q=="],
 
     "json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
@@ -2748,8 +3078,12 @@
 
     "kasi": ["kasi@1.1.1", "", {}, "sha512-pzBwGWFIjf84T/8aD0XzMli1T3Ckr/jVLh6v0Jskwiv5ehmcgDM+vpYFSk8WzGn4ed4HqgaifTgQUHzzZHa+Qw=="],
 
+    "katex": ["katex@0.16.25", "", { "dependencies": { "commander": "^8.3.0" }, "bin": { "katex": "cli.js" } }, "sha512-woHRUZ/iF23GBP1dkDQMh1QBad9dmr8/PAwNA54VrSOVYgI12MAcE14TqnDdQOdzyEonGzMepYnqBMYdsoAr8Q=="],
+
     "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
 
+    "khroma": ["khroma@2.1.0", "", {}, "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="],
+
     "kind-of": ["kind-of@6.0.3", "", {}, "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="],
 
     "kleur": ["kleur@3.0.3", "", {}, "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="],
@@ -2758,12 +3092,18 @@
 
     "knitwork": ["knitwork@1.2.0", "", {}, "sha512-xYSH7AvuQ6nXkq42x0v5S8/Iry+cfulBz/DJQzhIyESdLD7425jXsPy4vn5cCXU+HhRN2kVw51Vd1K6/By4BQg=="],
 
+    "kolorist": ["kolorist@1.8.0", "", {}, "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ=="],
+
     "kysely": ["kysely@0.28.5", "", {}, "sha512-rlB0I/c6FBDWPcQoDtkxi9zIvpmnV5xoIalfCMSMCa7nuA6VGA3F54TW9mEgX4DVf10sXAWCF5fDbamI/5ZpKA=="],
 
+    "langium": ["langium@3.3.1", "", { "dependencies": { "chevrotain": "~11.0.3", "chevrotain-allstar": "~0.3.0", "vscode-languageserver": "~9.0.1", "vscode-languageserver-textdocument": "~1.0.11", "vscode-uri": "~3.0.8" } }, "sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w=="],
+
     "language-subtag-registry": ["language-subtag-registry@0.3.23", "", {}, "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ=="],
 
     "language-tags": ["language-tags@1.0.9", "", { "dependencies": { "language-subtag-registry": "^0.3.20" } }, "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA=="],
 
+    "layout-base": ["layout-base@1.0.2", "", {}, "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg=="],
+
     "lazystream": ["lazystream@1.0.1", "", { "dependencies": { "readable-stream": "^2.0.5" } }, "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw=="],
 
     "leac": ["leac@0.6.0", "", {}, "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg=="],
@@ -2810,6 +3150,8 @@
 
     "lodash": ["lodash@4.17.21", "", {}, "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="],
 
+    "lodash-es": ["lodash-es@4.17.21", "", {}, "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="],
+
     "lodash.camelcase": ["lodash.camelcase@4.3.0", "", {}, "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="],
 
     "lodash.defaults": ["lodash.defaults@4.2.0", "", {}, "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ=="],
@@ -2824,15 +3166,19 @@
 
     "long": ["long@5.3.2", "", {}, "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA=="],
 
+    "longest-streak": ["longest-streak@3.1.0", "", {}, "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="],
+
     "loose-envify": ["loose-envify@1.4.0", "", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
 
     "lower-case": ["lower-case@1.1.4", "", {}, "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA=="],
 
     "lower-case-first": ["lower-case-first@1.0.2", "", { "dependencies": { "lower-case": "^1.1.2" } }, "sha512-UuxaYakO7XeONbKrZf5FEgkantPf5DUqDayzP5VXZrtRPdH86s4kN47I8B3TW10S4QKiE3ziHNf3kRN//okHjA=="],
 
+    "lowlight": ["lowlight@1.20.0", "", { "dependencies": { "fault": "^1.0.0", "highlight.js": "~10.7.0" } }, "sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw=="],
+
     "lru-cache": ["lru-cache@7.18.3", "", {}, "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA=="],
 
-    "lucide-react": ["lucide-react@0.539.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-VVISr+VF2krO91FeuCrm1rSOLACQUYVy7NQkzrOty52Y8TlTPcXcMdQFj9bYzBgXbWCiywlwSZ3Z8u6a+6bMlg=="],
+    "lucide-react": ["lucide-react@0.546.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ=="],
 
     "lunr": ["lunr@2.3.9", "", {}, "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow=="],
 
@@ -2846,6 +3192,8 @@
 
     "markdown-it": ["markdown-it@14.1.0", "", { "dependencies": { "argparse": "^2.0.1", "entities": "^4.4.0", "linkify-it": "^5.0.0", "mdurl": "^2.0.0", "punycode.js": "^2.3.1", "uc.micro": "^2.1.0" }, "bin": { "markdown-it": "bin/markdown-it.mjs" } }, "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg=="],
 
+    "markdown-table": ["markdown-table@3.0.4", "", {}, "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw=="],
+
     "marked": ["marked@7.0.4", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-t8eP0dXRJMtMvBojtkcsA7n48BkauktUKzfkPSCq85ZMTJ0v76Rke4DYz01omYpPTUh4p/f7HePgRo3ebG8+QQ=="],
 
     "match-sorter": ["match-sorter@8.1.0", "", { "dependencies": { "@babel/runtime": "^7.23.8", "remove-accents": "0.5.0" } }, "sha512-0HX3BHPixkbECX+Vt7nS1vJ6P2twPgGTU3PMXjWrl1eyVCL24tFHeyYN1FN5RKLzve0TyzNI9qntqQGbebnfPQ=="],
@@ -2854,12 +3202,104 @@
 
     "md-to-react-email": ["md-to-react-email@5.0.5", "", { "dependencies": { "marked": "7.0.4" }, "peerDependencies": { "react": "^18.0 || ^19.0" } }, "sha512-OvAXqwq57uOk+WZqFFNCMZz8yDp8BD3WazW1wAKHUrPbbdr89K9DWS6JXY09vd9xNdPNeurI8DU/X4flcfaD8A=="],
 
+    "mdast-util-find-and-replace": ["mdast-util-find-and-replace@3.0.2", "", { "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" } }, "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg=="],
+
+    "mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.2", "", { "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" } }, "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA=="],
+
+    "mdast-util-gfm": ["mdast-util-gfm@3.1.0", "", { "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" } }, "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ=="],
+
+    "mdast-util-gfm-autolink-literal": ["mdast-util-gfm-autolink-literal@2.0.1", "", { "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" } }, "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ=="],
+
+    "mdast-util-gfm-footnote": ["mdast-util-gfm-footnote@2.1.0", "", { "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" } }, "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ=="],
+
+    "mdast-util-gfm-strikethrough": ["mdast-util-gfm-strikethrough@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg=="],
+
+    "mdast-util-gfm-table": ["mdast-util-gfm-table@2.0.0", "", { "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" } }, "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg=="],
+
+    "mdast-util-gfm-task-list-item": ["mdast-util-gfm-task-list-item@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ=="],
+
+    "mdast-util-math": ["mdast-util-math@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "longest-streak": "^3.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.1.0", "unist-util-remove-position": "^5.0.0" } }, "sha512-Tl9GBNeG/AhJnQM221bJR2HPvLOSnLE/T9cJI9tlc6zwQk2nPk/4f0cHkOdEixQPC/j8UtKDdITswvLAy1OZ1w=="],
+
+    "mdast-util-mdx-expression": ["mdast-util-mdx-expression@2.0.1", "", { "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" } }, "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ=="],
+
+    "mdast-util-mdx-jsx": ["mdast-util-mdx-jsx@3.2.0", "", { "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" } }, "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q=="],
+
+    "mdast-util-mdxjs-esm": ["mdast-util-mdxjs-esm@2.0.1", "", { "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" } }, "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg=="],
+
+    "mdast-util-phrasing": ["mdast-util-phrasing@4.1.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "unist-util-is": "^6.0.0" } }, "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w=="],
+
+    "mdast-util-to-hast": ["mdast-util-to-hast@13.2.0", "", { "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" } }, "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA=="],
+
+    "mdast-util-to-markdown": ["mdast-util-to-markdown@2.1.2", "", { "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" } }, "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA=="],
+
+    "mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
+
     "mdurl": ["mdurl@2.0.0", "", {}, "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="],
 
     "merge-stream": ["merge-stream@2.0.0", "", {}, "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="],
 
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
 
+    "mermaid": ["mermaid@11.12.0", "", { "dependencies": { "@braintree/sanitize-url": "^7.1.1", "@iconify/utils": "^3.0.1", "@mermaid-js/parser": "^0.6.2", "@types/d3": "^7.4.3", "cytoscape": "^3.29.3", "cytoscape-cose-bilkent": "^4.1.0", "cytoscape-fcose": "^2.2.0", "d3": "^7.9.0", "d3-sankey": "^0.12.3", "dagre-d3-es": "7.0.11", "dayjs": "^1.11.18", "dompurify": "^3.2.5", "katex": "^0.16.22", "khroma": "^2.1.0", "lodash-es": "^4.17.21", "marked": "^16.2.1", "roughjs": "^4.6.6", "stylis": "^4.3.6", "ts-dedent": "^2.2.0", "uuid": "^11.1.0" } }, "sha512-ZudVx73BwrMJfCFmSSJT84y6u5brEoV8DOItdHomNLz32uBjNrelm7mg95X7g+C6UoQH/W6mBLGDEDv73JdxBg=="],
+
+    "micromark": ["micromark@4.0.2", "", { "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" } }, "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA=="],
+
+    "micromark-core-commonmark": ["micromark-core-commonmark@2.0.3", "", { "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" } }, "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg=="],
+
+    "micromark-extension-gfm": ["micromark-extension-gfm@3.0.0", "", { "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" } }, "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w=="],
+
+    "micromark-extension-gfm-autolink-literal": ["micromark-extension-gfm-autolink-literal@2.1.0", "", { "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" } }, "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw=="],
+
+    "micromark-extension-gfm-footnote": ["micromark-extension-gfm-footnote@2.1.0", "", { "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" } }, "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw=="],
+
+    "micromark-extension-gfm-strikethrough": ["micromark-extension-gfm-strikethrough@2.1.0", "", { "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" } }, "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw=="],
+
+    "micromark-extension-gfm-table": ["micromark-extension-gfm-table@2.1.1", "", { "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" } }, "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg=="],
+
+    "micromark-extension-gfm-tagfilter": ["micromark-extension-gfm-tagfilter@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg=="],
+
+    "micromark-extension-gfm-task-list-item": ["micromark-extension-gfm-task-list-item@2.1.0", "", { "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" } }, "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw=="],
+
+    "micromark-extension-math": ["micromark-extension-math@3.1.0", "", { "dependencies": { "@types/katex": "^0.16.0", "devlop": "^1.0.0", "katex": "^0.16.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" } }, "sha512-lvEqd+fHjATVs+2v/8kg9i5Q0AP2k85H0WUOwpIVvUML8BapsMvh1XAogmQjOCsLpoKRCVQqEkQBB3NhVBcsOg=="],
+
+    "micromark-factory-destination": ["micromark-factory-destination@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA=="],
+
+    "micromark-factory-label": ["micromark-factory-label@2.0.1", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg=="],
+
+    "micromark-factory-space": ["micromark-factory-space@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg=="],
+
+    "micromark-factory-title": ["micromark-factory-title@2.0.1", "", { "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" } }, "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw=="],
+
+    "micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.1", "", { "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" } }, "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ=="],
+
+    "micromark-util-character": ["micromark-util-character@2.1.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q=="],
+
+    "micromark-util-chunked": ["micromark-util-chunked@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA=="],
+
+    "micromark-util-classify-character": ["micromark-util-classify-character@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q=="],
+
+    "micromark-util-combine-extensions": ["micromark-util-combine-extensions@2.0.1", "", { "dependencies": { "micromark-util-chunked": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg=="],
+
+    "micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.2", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw=="],
+
+    "micromark-util-decode-string": ["micromark-util-decode-string@2.0.1", "", { "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" } }, "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ=="],
+
+    "micromark-util-encode": ["micromark-util-encode@2.0.1", "", {}, "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw=="],
+
+    "micromark-util-html-tag-name": ["micromark-util-html-tag-name@2.0.1", "", {}, "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA=="],
+
+    "micromark-util-normalize-identifier": ["micromark-util-normalize-identifier@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q=="],
+
+    "micromark-util-resolve-all": ["micromark-util-resolve-all@2.0.1", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg=="],
+
+    "micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ=="],
+
+    "micromark-util-subtokenize": ["micromark-util-subtokenize@2.1.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA=="],
+
+    "micromark-util-symbol": ["micromark-util-symbol@2.0.1", "", {}, "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q=="],
+
+    "micromark-util-types": ["micromark-util-types@2.0.2", "", {}, "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA=="],
+
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
 
     "mime": ["mime@4.0.7", "", { "bin": { "mime": "bin/cli.js" } }, "sha512-2OfDPL+e03E0LrXaGYOtTFIYhiuzep94NSsuhrNULq+stylcJedcHdzHtz0atMUuGwJfFYs0YL5xeC/Ca2x0eQ=="],
@@ -2896,7 +3336,7 @@
 
     "module-punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
 
-    "motion": ["motion@12.23.22", "", { "dependencies": { "framer-motion": "^12.23.22", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-iSq6X9vLHbeYwmHvhK//+U74ROaPnZmBuy60XZzqNl0QtZkWfoZyMDHYnpKuWFv0sNMqHgED8aCXk94LCoQPGg=="],
+    "motion": ["motion@12.23.24", "", { "dependencies": { "framer-motion": "^12.23.24", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-Rc5E7oe2YZ72N//S3QXGzbnXgqNrTESv8KKxABR20q2FLch9gHLo0JLyYo2hZ238bZ9Gx6cWhj9VO0IgwbMjCw=="],
 
     "motion-dom": ["motion-dom@12.23.21", "", { "dependencies": { "motion-utils": "^12.23.6" } }, "sha512-5xDXx/AbhrfgsQmSE7YESMn4Dpo6x5/DTZ4Iyy4xqDvVHWvFVoV+V2Ri2S/ksx+D40wrZ7gPYiMWshkdoqNgNQ=="],
 
@@ -2916,7 +3356,7 @@
 
     "nan": ["nan@2.23.0", "", {}, "sha512-1UxuyYGdoQHcGg87Lkqm3FzefucTa0NAiOcuRsDmysep3c1LVCRK2krrUDafMWtjSG04htvAmvg96+SDknOmgQ=="],
 
-    "nanoid": ["nanoid@5.1.5", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw=="],
+    "nanoid": ["nanoid@5.1.6", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg=="],
 
     "nanostores": ["nanostores@1.0.1", "", {}, "sha512-kNZ9xnoJYKg/AfxjrVL4SS0fKX++4awQReGqWnwTRHxeHGZ1FJFVgTqr/eMrNQdp0Tz7M7tG/TDaX8QfHDwVCw=="],
 
@@ -3010,6 +3450,10 @@
 
     "onetime": ["onetime@5.1.2", "", { "dependencies": { "mimic-fn": "^2.1.0" } }, "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg=="],
 
+    "oniguruma-parser": ["oniguruma-parser@0.12.1", "", {}, "sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w=="],
+
+    "oniguruma-to-es": ["oniguruma-to-es@4.3.3", "", { "dependencies": { "oniguruma-parser": "^0.12.1", "regex": "^6.0.1", "regex-recursion": "^6.0.2" } }, "sha512-rPiZhzC3wXwE59YQMRDodUwwT9FZ9nNBwQQfsd1wfdtlKEyCdRV0avrTcSZ5xlIvGRVPd/cx6ZN45ECmS39xvg=="],
+
     "open": ["open@8.4.2", "", { "dependencies": { "define-lazy-prop": "^2.0.0", "is-docker": "^2.1.1", "is-wsl": "^2.2.0" } }, "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ=="],
 
     "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
@@ -3034,10 +3478,14 @@
 
     "package-json-from-dist": ["package-json-from-dist@1.0.1", "", {}, "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="],
 
+    "package-manager-detector": ["package-manager-detector@1.5.0", "", {}, "sha512-uBj69dVlYe/+wxj8JOpr97XfsxH/eumMt6HqjNTmJDf/6NO9s+0uxeOneIz3AsPt2m6y9PqzDzd3ATcU17MNfw=="],
+
     "param-case": ["param-case@2.1.1", "", { "dependencies": { "no-case": "^2.2.0" } }, "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w=="],
 
     "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],
 
+    "parse-entities": ["parse-entities@2.0.0", "", { "dependencies": { "character-entities": "^1.0.0", "character-entities-legacy": "^1.0.0", "character-reference-invalid": "^1.0.0", "is-alphanumerical": "^1.0.0", "is-decimal": "^1.0.0", "is-hexadecimal": "^1.0.0" } }, "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ=="],
+
     "parse-prometheus-text-format": ["parse-prometheus-text-format@1.1.1", "", { "dependencies": { "shallow-equal": "^1.2.0" } }, "sha512-dBlhYVACjRdSqLMFe4/Q1l/Gd3UmXm8ruvsTi7J6ul3ih45AkzkVpI5XHV4aZ37juGZW5+3dGU5lwk+QLM9XJA=="],
 
     "parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
@@ -3056,6 +3504,8 @@
 
     "path-case": ["path-case@2.1.1", "", { "dependencies": { "no-case": "^2.2.0" } }, "sha512-Ou0N05MioItesaLr9q8TtHVWmJ6fxWdqKB2RohFmNWVyJ+2zeKIeDNWAN6B/Pe7wpzWChhZX6nONYmOnMeJQ/Q=="],
 
+    "path-data-parser": ["path-data-parser@0.1.0", "", {}, "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w=="],
+
     "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
 
     "path-is-absolute": ["path-is-absolute@1.0.1", "", {}, "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="],
@@ -3108,6 +3558,10 @@
 
     "point-in-polygon-hao": ["point-in-polygon-hao@1.2.4", "", { "dependencies": { "robust-predicates": "^3.0.2" } }, "sha512-x2pcvXeqhRHlNRdhLs/tgFapAbSSe86wa/eqmj1G6pWftbEs5aVRJhRGM6FYSUERKu0PjekJzMq0gsI2XyiclQ=="],
 
+    "points-on-curve": ["points-on-curve@0.2.0", "", {}, "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A=="],
+
+    "points-on-path": ["points-on-path@0.2.1", "", { "dependencies": { "path-data-parser": "0.1.0", "points-on-curve": "0.2.0" } }, "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g=="],
+
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
 
     "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
@@ -3160,6 +3614,8 @@
 
     "properties-reader": ["properties-reader@2.3.0", "", { "dependencies": { "mkdirp": "^1.0.4" } }, "sha512-z597WicA7nDZxK12kZqHr2TcvwNU1GCfA5UwfDY/HDp3hXPoPlb5rlEx9bwGTiJnc0OqbBTkU975jDToth8Gxw=="],
 
+    "property-information": ["property-information@5.6.0", "", { "dependencies": { "xtend": "^4.0.0" } }, "sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA=="],
+
     "protobufjs": ["protobufjs@7.5.4", "", { "dependencies": { "@protobufjs/aspromise": "^1.1.2", "@protobufjs/base64": "^1.1.2", "@protobufjs/codegen": "^2.0.4", "@protobufjs/eventemitter": "^1.1.0", "@protobufjs/fetch": "^1.1.0", "@protobufjs/float": "^1.0.2", "@protobufjs/inquire": "^1.1.0", "@protobufjs/path": "^1.1.2", "@protobufjs/pool": "^1.1.0", "@protobufjs/utf8": "^1.1.0", "@types/node": ">=13.7.0", "long": "^5.0.0" } }, "sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg=="],
 
     "protocol-buffers-schema": ["protocol-buffers-schema@3.6.0", "", {}, "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="],
@@ -3222,10 +3678,14 @@
 
     "react-is": ["react-is@18.2.0", "", {}, "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="],
 
+    "react-markdown": ["react-markdown@10.1.0", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.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" }, "peerDependencies": { "@types/react": ">=18", "react": ">=18" } }, "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ=="],
+
     "react-number-format": ["react-number-format@5.4.4", "", { "peerDependencies": { "react": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-wOmoNZoOpvMminhifQYiYSTCLUDOiUbBunrMrMjA+dV52sY+vck1S4UhR6PkgnoCquvvMSeJjErXZ4qSaWCliA=="],
 
     "react-promise-suspense": ["react-promise-suspense@0.3.4", "", { "dependencies": { "fast-deep-equal": "^2.0.1" } }, "sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ=="],
 
+    "react-redux": ["react-redux@9.2.0", "", { "dependencies": { "@types/use-sync-external-store": "^0.0.6", "use-sync-external-store": "^1.4.0" }, "peerDependencies": { "@types/react": "^18.2.25 || ^19", "react": "^18.0 || ^19", "redux": "^5.0.0" }, "optionalPeers": ["@types/react", "redux"] }, "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g=="],
+
     "react-refresh": ["react-refresh@0.17.0", "", {}, "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ=="],
 
     "react-remove-scroll": ["react-remove-scroll@2.7.1", "", { "dependencies": { "react-remove-scroll-bar": "^2.3.7", "react-style-singleton": "^2.2.3", "tslib": "^2.1.0", "use-callback-ref": "^1.3.3", "use-sidecar": "^1.1.3" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA=="],
@@ -3236,6 +3696,8 @@
 
     "react-style-singleton": ["react-style-singleton@2.2.3", "", { "dependencies": { "get-nonce": "^1.0.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ=="],
 
+    "react-syntax-highlighter": ["react-syntax-highlighter@15.6.6", "", { "dependencies": { "@babel/runtime": "^7.3.1", "highlight.js": "^10.4.1", "highlightjs-vue": "^1.0.0", "lowlight": "^1.17.0", "prismjs": "^1.30.0", "refractor": "^3.6.0" }, "peerDependencies": { "react": ">= 0.14.0" } }, "sha512-DgXrc+AZF47+HvAPEmn7Ua/1p10jNoVZVI/LoPiYdtY+OM+/nG5yefLHKJwdKqY1adMuHFbeyBaG9j64ML7vTw=="],
+
     "react-use-measure": ["react-use-measure@2.1.7", "", { "peerDependencies": { "react": ">=16.13", "react-dom": ">=16.13" }, "optionalPeers": ["react-dom"] }, "sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg=="],
 
     "read-cache": ["read-cache@1.0.0", "", { "dependencies": { "pify": "^2.3.0" } }, "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA=="],
@@ -3250,20 +3712,50 @@
 
     "recast": ["recast@0.23.11", "", { "dependencies": { "ast-types": "^0.16.1", "esprima": "~4.0.0", "source-map": "~0.6.1", "tiny-invariant": "^1.3.3", "tslib": "^2.0.1" } }, "sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA=="],
 
+    "recharts": ["recharts@3.3.0", "", { "dependencies": { "@reduxjs/toolkit": "1.x.x || 2.x.x", "clsx": "^2.1.1", "decimal.js-light": "^2.5.1", "es-toolkit": "^1.39.3", "eventemitter3": "^5.0.1", "immer": "^10.1.1", "react-redux": "8.x.x || 9.x.x", "reselect": "5.1.1", "tiny-invariant": "^1.3.3", "use-sync-external-store": "^1.2.2", "victory-vendor": "^37.0.2" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-is": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Vi0qmTB0iz1+/Cz9o5B7irVyUjX2ynvEgImbgMt/3sKRREcUM07QiYjS1QpAVrkmVlXqy5gykq4nGWMz9AS4Rg=="],
+
     "redis": ["redis@5.5.6", "", { "dependencies": { "@redis/bloom": "5.5.6", "@redis/client": "5.5.6", "@redis/json": "5.5.6", "@redis/search": "5.5.6", "@redis/time-series": "5.5.6" } }, "sha512-hbpqBfcuhWHOS9YLNcXcJ4akNr7HFX61Dq3JuFZ9S7uU7C7kvnzuH2PDIXOP62A3eevvACoG8UacuXP3N07xdg=="],
 
     "redis-errors": ["redis-errors@1.2.0", "", {}, "sha512-1qny3OExCf0UvUV/5wpYKf2YwPcOqXzkwKKSmKHiE6ZMQs5heeE/c8eXK+PNllPvmjgAbfnsbpkGZWy8cBpn9w=="],
 
     "redis-parser": ["redis-parser@3.0.0", "", { "dependencies": { "redis-errors": "^1.0.0" } }, "sha512-DJnGAeenTdpMEH6uAJRK/uiyEIH9WVsUmoLwzudwGJUwZPp80PDBWPHXSAGNPwNvIXAbe7MSUB1zQFugFml66A=="],
 
+    "redux": ["redux@5.0.1", "", {}, "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w=="],
+
+    "redux-thunk": ["redux-thunk@3.1.0", "", { "peerDependencies": { "redux": "^5.0.0" } }, "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw=="],
+
     "reflect.getprototypeof": ["reflect.getprototypeof@1.0.10", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.9", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.7", "get-proto": "^1.0.1", "which-builtin-type": "^1.2.1" } }, "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw=="],
 
+    "refractor": ["refractor@3.6.0", "", { "dependencies": { "hastscript": "^6.0.0", "parse-entities": "^2.0.0", "prismjs": "~1.27.0" } }, "sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA=="],
+
+    "regex": ["regex@6.0.1", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-uorlqlzAKjKQZ5P+kTJr3eeJGSVroLKoHmquUj4zHWuR+hEyNqlXsSKlYYF5F4NI6nl7tWCs0apKJ0lmfsXAPA=="],
+
+    "regex-recursion": ["regex-recursion@6.0.2", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg=="],
+
+    "regex-utilities": ["regex-utilities@2.3.0", "", {}, "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng=="],
+
     "regexp.prototype.flags": ["regexp.prototype.flags@1.5.4", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", "get-proto": "^1.0.1", "gopd": "^1.2.0", "set-function-name": "^2.0.2" } }, "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA=="],
 
     "registry-auth-token": ["registry-auth-token@3.3.2", "", { "dependencies": { "rc": "^1.1.6", "safe-buffer": "^5.0.1" } }, "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ=="],
 
     "registry-url": ["registry-url@3.1.0", "", { "dependencies": { "rc": "^1.0.1" } }, "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA=="],
 
+    "rehype-harden": ["rehype-harden@1.1.5", "", {}, "sha512-JrtBj5BVd/5vf3H3/blyJatXJbzQfRT9pJBmjafbTaPouQCAKxHwRyCc7dle9BXQKxv4z1OzZylz/tNamoiG3A=="],
+
+    "rehype-katex": ["rehype-katex@7.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/katex": "^0.16.0", "hast-util-from-html-isomorphic": "^2.0.0", "hast-util-to-text": "^4.0.0", "katex": "^0.16.0", "unist-util-visit-parents": "^6.0.0", "vfile": "^6.0.0" } }, "sha512-OiM2wrZ/wuhKkigASodFoo8wimG3H12LWQaH8qSPVJn9apWKFSH3YOCtbKpBorTVw/eI7cuT21XBbvwEswbIOA=="],
+
+    "rehype-raw": ["rehype-raw@7.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-raw": "^9.0.0", "vfile": "^6.0.0" } }, "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww=="],
+
+    "remark-gfm": ["remark-gfm@4.0.1", "", { "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" } }, "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg=="],
+
+    "remark-math": ["remark-math@6.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-math": "^3.0.0", "micromark-extension-math": "^3.0.0", "unified": "^11.0.0" } }, "sha512-MMqgnP74Igy+S3WwnhQ7kqGlEerTETXMvJhrUzDikVZ2/uogJCb+WHUg97hK9/jcfc0dkD73s3LN8zU49cTEtA=="],
+
+    "remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="],
+
+    "remark-rehype": ["remark-rehype@11.1.2", "", { "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" } }, "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw=="],
+
+    "remark-stringify": ["remark-stringify@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-to-markdown": "^2.0.0", "unified": "^11.0.0" } }, "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw=="],
+
     "remove-accents": ["remove-accents@0.5.0", "", {}, "sha512-8g3/Otx1eJaVD12e31UbJj1YzdtVvzH85HV7t+9MJYk/u3XmkOUJ5Ys9wQrf9PCPK8+xn4ymzqYCiZl6QWKn+A=="],
 
     "require-directory": ["require-directory@2.1.1", "", {}, "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="],
@@ -3274,6 +3766,8 @@
 
     "requires-port": ["requires-port@1.0.0", "", {}, "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="],
 
+    "reselect": ["reselect@5.1.1", "", {}, "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w=="],
+
     "resend": ["resend@6.2.0", "", { "dependencies": { "svix": "1.76.1" }, "peerDependencies": { "@react-email/render": "*" }, "optionalPeers": ["@react-email/render"] }, "sha512-mH8KFD/qoVdohQ+iFMqWfeVFzAnQ4ZaybD5XVqHIOxldUkvjTJEe9Ae2mhmldBNGlE/xzBNiCGkztI7owBsVsQ=="],
 
     "resolve": ["resolve@2.0.0-next.5", "", { "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA=="],
@@ -3304,10 +3798,14 @@
 
     "rou3": ["rou3@0.5.1", "", {}, "sha512-OXMmJ3zRk2xeXFGfA3K+EOPHC5u7RDFG7lIOx0X1pdnhUkI8MdVrbV+sNsD80ElpUZ+MRHdyxPnFthq9VHs8uQ=="],
 
+    "roughjs": ["roughjs@4.6.6", "", { "dependencies": { "hachure-fill": "^0.5.2", "path-data-parser": "^0.1.0", "points-on-curve": "^0.2.0", "points-on-path": "^0.2.1" } }, "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ=="],
+
     "run-async": ["run-async@2.4.1", "", {}, "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ=="],
 
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
 
+    "rw": ["rw@1.3.3", "", {}, "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="],
+
     "rxjs": ["rxjs@7.8.2", "", { "dependencies": { "tslib": "^2.1.0" } }, "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA=="],
 
     "safe-array-concat": ["safe-array-concat@1.1.3", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "get-intrinsic": "^1.2.6", "has-symbols": "^1.1.0", "isarray": "^2.0.5" } }, "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q=="],
@@ -3372,6 +3870,8 @@
 
     "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
 
+    "shiki": ["shiki@3.13.0", "", { "dependencies": { "@shikijs/core": "3.13.0", "@shikijs/engine-javascript": "3.13.0", "@shikijs/engine-oniguruma": "3.13.0", "@shikijs/langs": "3.13.0", "@shikijs/themes": "3.13.0", "@shikijs/types": "3.13.0", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-aZW4l8Og16CokuCLf8CF8kq+KK2yOygapU5m3+hoGw0Mdosc6fPitjM+ujYarppj5ZIKGyPDPP1vqmQhr+5/0g=="],
+
     "side-channel": ["side-channel@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3", "side-channel-list": "^1.0.0", "side-channel-map": "^1.0.1", "side-channel-weakmap": "^1.0.2" } }, "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw=="],
 
     "side-channel-list": ["side-channel-list@1.0.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3" } }, "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA=="],
@@ -3424,6 +3924,8 @@
 
     "source-map-support": ["source-map-support@0.5.21", "", { "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" } }, "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w=="],
 
+    "space-separated-tokens": ["space-separated-tokens@1.1.5", "", {}, "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA=="],
+
     "spamc": ["spamc@0.0.5", "", {}, "sha512-jYXItuZuiWZyG9fIdvgTUbp2MNRuyhuSwvvhhpPJd4JK/9oSZxkD7zAj53GJtowSlXwCJzLg6sCKAoE9wXsKgg=="],
 
     "split-ca": ["split-ca@1.0.1", "", {}, "sha512-Q5thBSxp5t8WPTTJQS59LrGqOZqOsrhDGDVm8azCqIBjSBd7nd9o2PM+mDulQQkh8h//4U6hFZnc/mul8t5pWQ=="],
@@ -3452,6 +3954,8 @@
 
     "stream-source": ["stream-source@0.3.5", "", {}, "sha512-ZuEDP9sgjiAwUVoDModftG0JtYiLUV8K4ljYD1VyUMRWtbVf92474o4kuuul43iZ8t/hRuiDAx1dIJSvirrK/g=="],
 
+    "streamdown": ["streamdown@1.4.0", "", { "dependencies": { "clsx": "^2.1.1", "katex": "^0.16.22", "lucide-react": "^0.542.0", "marked": "^16.2.1", "mermaid": "^11.11.0", "react-markdown": "^10.1.0", "rehype-harden": "^1.1.5", "rehype-katex": "^7.0.1", "rehype-raw": "^7.0.0", "remark-gfm": "^4.0.1", "remark-math": "^6.0.0", "shiki": "^3.12.2", "tailwind-merge": "^3.3.1" }, "peerDependencies": { "react": "^18.0.0 || ^19.0.0" } }, "sha512-ylhDSQ4HpK5/nAH9v7OgIIdGJxlJB2HoYrYkJNGrO8lMpnWuKUcrz/A8xAMwA6eILA27469vIavcOTjmxctrKg=="],
+
     "streamx": ["streamx@2.22.1", "", { "dependencies": { "fast-fifo": "^1.3.2", "text-decoder": "^1.1.0" }, "optionalDependencies": { "bare-events": "^2.2.0" } }, "sha512-znKXEBxfatz2GBNK02kRnCXjV+AA4kjZIUxeWSr3UGirZMJfTE9uiwKHobnbgxWyL/JWro8tTq+vOqAK1/qbSA=="],
 
     "string-width": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
@@ -3472,6 +3976,8 @@
 
     "string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
 
+    "stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
+
     "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
     "strip-ansi-cjs": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
@@ -3484,8 +3990,14 @@
 
     "strip-literal": ["strip-literal@3.0.0", "", { "dependencies": { "js-tokens": "^9.0.1" } }, "sha512-TcccoMhJOM3OebGhSBEmp3UZ2SfDMZUEBdRA/9ynfLi8yYajyWX3JiXArcJt4Umh4vISpspkQIY8ZZoCqjbviA=="],
 
+    "style-to-js": ["style-to-js@1.1.18", "", { "dependencies": { "style-to-object": "1.0.11" } }, "sha512-JFPn62D4kJaPTnhFUI244MThx+FEGbi+9dw1b9yBBQ+1CZpV7QAT8kUtJ7b7EUNdHajjF/0x8fT+16oLJoojLg=="],
+
+    "style-to-object": ["style-to-object@1.0.11", "", { "dependencies": { "inline-style-parser": "0.2.4" } }, "sha512-5A560JmXr7wDyGLK12Nq/EYS38VkGlglVzkis1JEdbGWSnbQIEhZzTJhzURXN5/8WwwFCs/f/VVcmkTppbXLow=="],
+
     "styled-jsx": ["styled-jsx@5.1.6", "", { "dependencies": { "client-only": "0.0.1" }, "peerDependencies": { "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" } }, "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA=="],
 
+    "stylis": ["stylis@4.3.6", "", {}, "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ=="],
+
     "sucrase": ["sucrase@3.35.0", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.2", "commander": "^4.0.0", "glob": "^10.3.10", "lines-and-columns": "^1.1.6", "mz": "^2.7.0", "pirates": "^4.0.1", "ts-interface-checker": "^0.1.9" }, "bin": { "sucrase": "bin/sucrase", "sucrase-node": "bin/sucrase-node" } }, "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA=="],
 
     "superjson": ["superjson@2.2.2", "", { "dependencies": { "copy-anything": "^3.0.2" } }, "sha512-5JRxVqC8I8NuOUjzBbvVJAKNM8qoVuH0O77h4WInc/qC2q5IreqKxYwgkga3PfA22OayK2ikceb/B26dztPl+Q=="],
@@ -3498,6 +4010,8 @@
 
     "swap-case": ["swap-case@1.1.2", "", { "dependencies": { "lower-case": "^1.1.1", "upper-case": "^1.1.1" } }, "sha512-BAmWG6/bx8syfc6qXPprof3Mn5vQgf5dwdUNJhsNqU9WdPt5P+ES/wQ5bxfijy8zwZgZZHslC3iAsxsuQMCzJQ=="],
 
+    "swr": ["swr@2.3.6", "", { "dependencies": { "dequal": "^2.0.3", "use-sync-external-store": "^1.4.0" }, "peerDependencies": { "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-wfHRmHWk/isGNMwlLGlZX5Gzz/uTgo0o2IRuTMcf4CPuPFJZlq0rDaKUx+ozB5nBOReNV1kiOyzMfj+MBMikLw=="],
+
     "system-architecture": ["system-architecture@0.1.0", "", {}, "sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA=="],
 
     "table-layout": ["table-layout@4.1.1", "", { "dependencies": { "array-back": "^6.2.2", "wordwrapjs": "^5.1.0" } }, "sha512-iK5/YhZxq5GO5z8wb0bY1317uDF3Zjpha0QFFLA8/trAoiLbQD0HUbMesEaxyzUgDxi2QlcbM8IvqOlEjgoXBA=="],
@@ -3530,6 +4044,8 @@
 
     "thread-stream": ["thread-stream@3.1.0", "", { "dependencies": { "real-require": "^0.2.0" } }, "sha512-OqyPZ9u96VohAyMfJykzmivOrY2wfMSf3C5TtFJVgN+Hm6aj+voFhlK+kZEIv2FBh1X6Xp3DlnCOfEQ3B2J86A=="],
 
+    "throttleit": ["throttleit@2.1.0", "", {}, "sha512-nt6AMGKW1p/70DF/hGBdJB57B8Tspmbp5gfJ8ilhLnt7kkr2ye7hzD6NVG8GGErk2HWF34igrL2CXmNIkzKqKw=="],
+
     "through": ["through@2.3.8", "", {}, "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="],
 
     "tiny-invariant": ["tiny-invariant@1.3.3", "", {}, "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg=="],
@@ -3554,10 +4070,18 @@
 
     "toidentifier": ["toidentifier@1.0.1", "", {}, "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="],
 
+    "tokenlens": ["tokenlens@1.3.1", "", { "dependencies": { "@tokenlens/core": "1.3.0", "@tokenlens/fetch": "1.3.0", "@tokenlens/helpers": "1.3.1", "@tokenlens/models": "1.3.0" } }, "sha512-7oxmsS5PNCX3z+b+z07hL5vCzlgHKkCGrEQjQmWl5l+v5cUrtL7S1cuST4XThaL1XyjbTX8J5hfP0cjDJRkaLA=="],
+
     "tr46": ["tr46@0.0.3", "", {}, "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="],
 
+    "trim-lines": ["trim-lines@3.0.1", "", {}, "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg=="],
+
+    "trough": ["trough@2.2.0", "", {}, "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw=="],
+
     "ts-api-utils": ["ts-api-utils@2.1.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ=="],
 
+    "ts-dedent": ["ts-dedent@2.2.0", "", {}, "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ=="],
+
     "ts-interface-checker": ["ts-interface-checker@0.1.13", "", {}, "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="],
 
     "ts-invariant": ["ts-invariant@0.10.3", "", { "dependencies": { "tslib": "^2.1.0" } }, "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ=="],
@@ -3642,8 +4166,24 @@
 
     "unicorn-magic": ["unicorn-magic@0.3.0", "", {}, "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA=="],
 
+    "unified": ["unified@11.0.5", "", { "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" } }, "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA=="],
+
     "unimport": ["unimport@5.2.0", "", { "dependencies": { "acorn": "^8.15.0", "escape-string-regexp": "^5.0.0", "estree-walker": "^3.0.3", "local-pkg": "^1.1.1", "magic-string": "^0.30.17", "mlly": "^1.7.4", "pathe": "^2.0.3", "picomatch": "^4.0.3", "pkg-types": "^2.2.0", "scule": "^1.3.0", "strip-literal": "^3.0.0", "tinyglobby": "^0.2.14", "unplugin": "^2.3.5", "unplugin-utils": "^0.2.4" } }, "sha512-bTuAMMOOqIAyjV4i4UH7P07pO+EsVxmhOzQ2YJ290J6mkLUdozNhb5I/YoOEheeNADC03ent3Qj07X0fWfUpmw=="],
 
+    "unist-util-find-after": ["unist-util-find-after@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ=="],
+
+    "unist-util-is": ["unist-util-is@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g=="],
+
+    "unist-util-position": ["unist-util-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA=="],
+
+    "unist-util-remove-position": ["unist-util-remove-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-visit": "^5.0.0" } }, "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q=="],
+
+    "unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
+
+    "unist-util-visit": ["unist-util-visit@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg=="],
+
+    "unist-util-visit-parents": ["unist-util-visit-parents@6.0.2", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ=="],
+
     "universal-cookie": ["universal-cookie@8.0.1", "", { "dependencies": { "cookie": "^1.0.2" } }, "sha512-B6ks9FLLnP1UbPPcveOidfvB9pHjP+wekP2uRYB9YDfKVpvcjKgy1W5Zj+cEXJ9KTPnqOKGfVDQBmn8/YCQfRg=="],
 
     "universalify": ["universalify@2.0.1", "", {}, "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw=="],
@@ -3682,6 +4222,8 @@
 
     "use-sidecar": ["use-sidecar@1.1.3", "", { "dependencies": { "detect-node-es": "^1.1.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ=="],
 
+    "use-stick-to-bottom": ["use-stick-to-bottom@1.1.1", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-JkDp0b0tSmv7HQOOpL1hT7t7QaoUBXkq045WWWOFDTlLGRzgIIyW7vyzOIJzY7L2XVIG7j1yUxeDj2LHm9Vwng=="],
+
     "use-sync-external-store": ["use-sync-external-store@1.5.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A=="],
 
     "util": ["util@0.12.5", "", { "dependencies": { "inherits": "^2.0.3", "is-arguments": "^1.0.4", "is-generator-function": "^1.0.7", "is-typed-array": "^1.1.3", "which-typed-array": "^1.1.2" } }, "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA=="],
@@ -3698,6 +4240,14 @@
 
     "vaul": ["vaul@1.1.2", "", { "dependencies": { "@radix-ui/react-dialog": "^1.1.1" }, "peerDependencies": { "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc" } }, "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA=="],
 
+    "vfile": ["vfile@6.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],
+
+    "vfile-location": ["vfile-location@5.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile": "^6.0.0" } }, "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg=="],
+
+    "vfile-message": ["vfile-message@4.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw=="],
+
+    "victory-vendor": ["victory-vendor@37.3.6", "", { "dependencies": { "@types/d3-array": "^3.0.3", "@types/d3-ease": "^3.0.0", "@types/d3-interpolate": "^3.0.1", "@types/d3-scale": "^4.0.2", "@types/d3-shape": "^3.1.0", "@types/d3-time": "^3.0.0", "@types/d3-timer": "^3.0.0", "d3-array": "^3.1.6", "d3-ease": "^3.0.1", "d3-interpolate": "^3.0.1", "d3-scale": "^4.0.2", "d3-shape": "^3.1.0", "d3-time": "^3.0.0", "d3-timer": "^3.0.1" } }, "sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ=="],
+
     "vite": ["vite@7.1.5", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-4cKBO9wR75r0BeIWWWId9XK9Lj6La5X846Zw9dFfzMRw38IlTk2iCcUt6hsyiDRcPidc55ZParFYDXi0nXOeLQ=="],
 
     "vite-plugin-runtime": ["vite-plugin-runtime@1.4.0", "", { "dependencies": { "dotenv": "^16.4.5", "prettier": "^3.3.2" }, "peerDependencies": { "vite": "*" } }, "sha512-cqWTZVR+yMkUCo6QqDDfnkS/ZyKAMNQKH+Wgm6zHlTJn8W2AudZZdIZUwK4wnLiH8OwJ0vKrIVWCXsmdI7Jtyg=="],
@@ -3706,10 +4256,24 @@
 
     "vitefu": ["vitefu@1.1.1", "", { "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0-beta.0" }, "optionalPeers": ["vite"] }, "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ=="],
 
+    "vscode-jsonrpc": ["vscode-jsonrpc@8.2.0", "", {}, "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA=="],
+
+    "vscode-languageserver": ["vscode-languageserver@9.0.1", "", { "dependencies": { "vscode-languageserver-protocol": "3.17.5" }, "bin": { "installServerIntoExtension": "bin/installServerIntoExtension" } }, "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g=="],
+
+    "vscode-languageserver-protocol": ["vscode-languageserver-protocol@3.17.5", "", { "dependencies": { "vscode-jsonrpc": "8.2.0", "vscode-languageserver-types": "3.17.5" } }, "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg=="],
+
+    "vscode-languageserver-textdocument": ["vscode-languageserver-textdocument@1.0.12", "", {}, "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA=="],
+
+    "vscode-languageserver-types": ["vscode-languageserver-types@3.17.5", "", {}, "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg=="],
+
+    "vscode-uri": ["vscode-uri@3.0.8", "", {}, "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw=="],
+
     "watchpack": ["watchpack@2.4.4", "", { "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" } }, "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA=="],
 
     "wcwidth": ["wcwidth@1.0.1", "", { "dependencies": { "defaults": "^1.0.3" } }, "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg=="],
 
+    "web-namespaces": ["web-namespaces@2.0.1", "", {}, "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ=="],
+
     "webidl-conversions": ["webidl-conversions@3.0.1", "", {}, "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="],
 
     "webpack": ["webpack@5.102.1", "", { "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.8", "@types/json-schema": "^7.0.15", "@webassemblyjs/ast": "^1.14.1", "@webassemblyjs/wasm-edit": "^1.14.1", "@webassemblyjs/wasm-parser": "^1.14.1", "acorn": "^8.15.0", "acorn-import-phases": "^1.0.3", "browserslist": "^4.26.3", "chrome-trace-event": "^1.0.2", "enhanced-resolve": "^5.17.3", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.2.11", "json-parse-even-better-errors": "^2.3.1", "loader-runner": "^4.2.0", "mime-types": "^2.1.27", "neo-async": "^2.6.2", "schema-utils": "^4.3.3", "tapable": "^2.3.0", "terser-webpack-plugin": "^5.3.11", "watchpack": "^2.4.4", "webpack-sources": "^3.3.3" }, "bin": { "webpack": "bin/webpack.js" } }, "sha512-7h/weGm9d/ywQ6qzJ+Xy+r9n/3qgp/thalBbpOi5i223dPXKi04IBtqPN9nTd+jBc7QKfvDbaBnFipYp4sJAUQ=="],
@@ -3778,12 +4342,18 @@
 
     "zip-stream": ["zip-stream@6.0.1", "", { "dependencies": { "archiver-utils": "^5.0.0", "compress-commons": "^6.0.2", "readable-stream": "^4.0.0" } }, "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA=="],
 
-    "zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+    "zod": ["zod@4.1.12", "", {}, "sha512-JInaHOamG8pt5+Ey8kGmdcAcg3OL9reK8ltczgHTAwNhMys/6ThXHityHxVV2p3fkw/c+MAvBHFVYHFZDmjMCQ=="],
 
     "zod-validation-error": ["zod-validation-error@3.5.3", "", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-OT5Y8lbUadqVZCsnyFaTQ4/O2mys4tj7PqhdbBCp7McPwvIEKfPtdA6QfPeFQK2/Rz5LgwmAXRJTugBNBi0btw=="],
 
+    "zustand": ["zustand@4.5.7", "", { "dependencies": { "use-sync-external-store": "^1.2.2" }, "peerDependencies": { "@types/react": ">=16.8", "immer": ">=9.0.6", "react": ">=16.8" }, "optionalPeers": ["@types/react", "immer", "react"] }, "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw=="],
+
+    "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
+
     "@ampproject/remapping/@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.30", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q=="],
 
+    "@antfu/install-pkg/tinyexec": ["tinyexec@1.0.1", "", {}, "sha512-5uC6DDlmeqiOwCPmK9jMSdOuZTh8bU39Ys6yidB+UTt5hfZUPGAypSgFRiEp+jbi9qH40BLDvy85jIU88wKSqw=="],
+
     "@babel/code-frame/picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "@babel/core/@babel/traverse": ["@babel/traverse@7.28.3", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.3", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.28.3", "@babel/template": "^7.27.2", "@babel/types": "^7.28.2", "debug": "^4.3.1" } }, "sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ=="],
@@ -3838,8 +4408,18 @@
 
     "@fastify/ajv-compiler/ajv-formats": ["ajv-formats@3.0.1", "", { "dependencies": { "ajv": "^8.0.0" } }, "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ=="],
 
+    "@gerrit0/mini-shiki/@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-hozwnFHsLvujK4/CPVHNo3Bcg2EsnG8krI/ZQ2FlBlCRpPZW4XAEQmEwqegJsypsTAN9ehu2tEYe30lYKSZW/w=="],
+
+    "@gerrit0/mini-shiki/@shikijs/langs": ["@shikijs/langs@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2" } }, "sha512-bVx5PfuZHDSHoBal+KzJZGheFuyH4qwwcwG/n+MsWno5cTlKmaNtTsGzJpHYQ8YPbB5BdEdKU1rga5/6JGY8ww=="],
+
+    "@gerrit0/mini-shiki/@shikijs/themes": ["@shikijs/themes@3.12.2", "", { "dependencies": { "@shikijs/types": "3.12.2" } }, "sha512-fTR3QAgnwYpfGczpIbzPjlRnxyONJOerguQv1iwpyQZ9QXX4qy/XFQqXlf17XTsorxnHoJGbH/LXBvwtqDsF5A=="],
+
+    "@gerrit0/mini-shiki/@shikijs/types": ["@shikijs/types@3.12.2", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-K5UIBzxCyv0YoxN3LMrKB9zuhp1bV+LgewxuVwHdl4Gz5oePoUFrr9EfgJlGlDeXCU1b/yhdnXeuRvAnz8HN8Q=="],
+
     "@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/retry@0.3.1", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],
 
+    "@iconify/utils/globals": ["globals@15.15.0", "", {}, "sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg=="],
+
     "@isaacs/cliui/string-width": ["string-width@5.1.2", "", { "dependencies": { "eastasianwidth": "^0.2.0", "emoji-regex": "^9.2.2", "strip-ansi": "^7.0.1" } }, "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA=="],
 
     "@isaacs/cliui/strip-ansi": ["strip-ansi@7.1.0", "", { "dependencies": { "ansi-regex": "^6.0.1" } }, "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ=="],
@@ -3922,6 +4502,8 @@
 
     "@rocicorp/zero/jose": ["jose@5.10.0", "", {}, "sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg=="],
 
+    "@rocicorp/zero/nanoid": ["nanoid@5.1.5", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw=="],
+
     "@rocicorp/zero/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
     "@rollup/plugin-commonjs/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
@@ -3958,20 +4540,28 @@
 
     "@tanstack/react-router/@tanstack/react-store": ["@tanstack/react-store@0.7.4", "", { "dependencies": { "@tanstack/store": "0.7.4", "use-sync-external-store": "^1.5.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-DyG1e5Qz/c1cNLt/NdFbCA7K1QGuFXQYT6EfUltYMJoQ4LzBOGnOl5IjuxepNcRtmIKkGpmdMzdFZEkevgU9bQ=="],
 
+    "@tanstack/react-start-plugin/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
     "@tanstack/router-core/@tanstack/store": ["@tanstack/store@0.7.4", "", {}, "sha512-F1XqZQici1Aq6WigEfcxJSml92nW+85Om8ElBMokPNg5glCYVOmPkZGIQeieYFxcPiKTfwo0MTOQpUyJtwncrg=="],
 
     "@tanstack/router-generator/source-map": ["source-map@0.7.6", "", {}, "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ=="],
 
+    "@tanstack/router-generator/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
     "@tanstack/router-plugin/@babel/traverse": ["@babel/traverse@7.28.3", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.3", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.28.3", "@babel/template": "^7.27.2", "@babel/types": "^7.28.2", "debug": "^4.3.1" } }, "sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ=="],
 
     "@tanstack/router-plugin/chokidar": ["chokidar@3.6.0", "", { "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", "glob-parent": "~5.1.2", "is-binary-path": "~2.1.0", "is-glob": "~4.0.1", "normalize-path": "~3.0.0", "readdirp": "~3.6.0" }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
 
+    "@tanstack/router-plugin/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
     "@tanstack/router-utils/diff": ["diff@8.0.2", "", {}, "sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg=="],
 
     "@tanstack/server-functions-plugin/@babel/traverse": ["@babel/traverse@7.28.3", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.3", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.28.3", "@babel/template": "^7.27.2", "@babel/types": "^7.28.2", "debug": "^4.3.1" } }, "sha512-7w4kZYHneL3A6NP2nxzHvT3HCZ7puDZZjFMqDpBPECub79sTtSO5CGXDkKrTQq8ksAwfD/XI2MRFX23njdDaIQ=="],
 
     "@tanstack/start-plugin-core/@babel/code-frame": ["@babel/code-frame@7.26.2", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.25.9", "js-tokens": "^4.0.0", "picocolors": "^1.0.0" } }, "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ=="],
 
+    "@tanstack/start-plugin-core/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
     "@ts-morph/common/minimatch": ["minimatch@10.0.3", "", { "dependencies": { "@isaacs/brace-expansion": "^5.0.0" } }, "sha512-IPZ167aShDZZUMdRk66cyQAW3qr0WzbHkPdMYa8bzZhlHhO3jALbKdxcaak7W9FfT2rZNpQuUu4Od7ILEpXSaw=="],
 
     "@turbo/workspaces/ora": ["ora@4.1.1", "", { "dependencies": { "chalk": "^3.0.0", "cli-cursor": "^3.1.0", "cli-spinners": "^2.2.0", "is-interactive": "^1.0.0", "log-symbols": "^3.0.0", "mute-stream": "0.0.8", "strip-ansi": "^6.0.0", "wcwidth": "^1.0.1" } }, "sha512-sjYP8QyVWBpBZWD6Vr1M/KwknSw6kJOz41tvGMlwWeClHBtYKTbHMki1PsLZnxKpXMPbTKv9b3pjQu3REib96A=="],
@@ -4078,6 +4668,16 @@
 
     "concat-stream/readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
 
+    "cytoscape-fcose/cose-base": ["cose-base@2.2.0", "", { "dependencies": { "layout-base": "^2.0.0" } }, "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g=="],
+
+    "d3-dsv/commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
+
+    "d3-sankey/d3-array": ["d3-array@2.12.1", "", { "dependencies": { "internmap": "^1.0.0" } }, "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ=="],
+
+    "d3-sankey/d3-shape": ["d3-shape@1.3.7", "", { "dependencies": { "d3-path": "1" } }, "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw=="],
+
+    "decode-named-character-reference/character-entities": ["character-entities@2.0.2", "", {}, "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="],
+
     "degenerator/ast-types": ["ast-types@0.13.4", "", { "dependencies": { "tslib": "^2.0.1" } }, "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w=="],
 
     "docker-modem/readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
@@ -4124,6 +4724,10 @@
 
     "eslint-plugin-react/minimatch": ["minimatch@3.1.2", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw=="],
 
+    "eslint-plugin-react-compiler/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
+    "eslint-plugin-react-hooks/zod": ["zod@3.25.42", "", {}, "sha512-PcALTLskaucbeHc41tU/xfjfhcz8z0GdhhDcSgrCTmSazUuqnYqiXO63M0QUBVwpBlsLsNVn5qHSC5Dw3KZvaQ=="],
+
     "execa/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
 
     "external-editor/chardet": ["chardet@0.7.0", "", {}, "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA=="],
@@ -4152,6 +4756,32 @@
 
     "globby/glob": ["glob@7.2.3", "", { "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", "minimatch": "^3.1.1", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q=="],
 
+    "hast-util-from-dom/hastscript": ["hastscript@9.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-parse-selector": "^4.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0" } }, "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w=="],
+
+    "hast-util-from-parse5/hastscript": ["hastscript@9.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-parse-selector": "^4.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0" } }, "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w=="],
+
+    "hast-util-from-parse5/property-information": ["property-information@7.1.0", "", {}, "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ=="],
+
+    "hast-util-to-html/comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
+    "hast-util-to-html/property-information": ["property-information@7.1.0", "", {}, "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ=="],
+
+    "hast-util-to-html/space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
+    "hast-util-to-jsx-runtime/comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
+    "hast-util-to-jsx-runtime/property-information": ["property-information@7.1.0", "", {}, "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ=="],
+
+    "hast-util-to-jsx-runtime/space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
+    "hast-util-to-parse5/comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
+    "hast-util-to-parse5/property-information": ["property-information@6.5.0", "", {}, "sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig=="],
+
+    "hast-util-to-parse5/space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
+    "hastscript/@types/hast": ["@types/hast@2.3.10", "", { "dependencies": { "@types/unist": "^2" } }, "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw=="],
+
     "hoist-non-react-statics/react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
 
     "http-errors/statuses": ["statuses@2.0.1", "", {}, "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ=="],
@@ -4162,6 +4792,8 @@
 
     "jest-worker/supports-color": ["supports-color@8.1.1", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q=="],
 
+    "katex/commander": ["commander@8.3.0", "", {}, "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww=="],
+
     "lazystream/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
 
     "light-my-request/process-warning": ["process-warning@4.0.1", "", {}, "sha512-3c2LzQ3rY9d0hc1emcsHhfT9Jwz0cChib/QN89oME2R451w5fy3f0afAhERFZAwrbDU43wk12d0ORBpDVME50Q=="],
@@ -4176,10 +4808,20 @@
 
     "make-dir/semver": ["semver@5.7.2", "", { "bin": { "semver": "bin/semver" } }, "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g=="],
 
+    "mdast-util-find-and-replace/escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
+
+    "mdast-util-mdx-jsx/parse-entities": ["parse-entities@4.0.2", "", { "dependencies": { "@types/unist": "^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" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],
+
+    "mermaid/marked": ["marked@16.4.1", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-ntROs7RaN3EvWfy3EZi14H4YxmT6A5YvywfhO+0pm+cH/dnSQRmdAmoFIc3B9aiwTehyk7pESH4ofyBY+V5hZg=="],
+
+    "mermaid/uuid": ["uuid@11.1.0", "", { "bin": { "uuid": "dist/esm/bin/uuid" } }, "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A=="],
+
     "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
     "mlly/pkg-types": ["pkg-types@1.3.1", "", { "dependencies": { "confbox": "^0.1.8", "mlly": "^1.7.4", "pathe": "^2.0.1" } }, "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ=="],
 
+    "motion/framer-motion": ["framer-motion@12.23.24", "", { "dependencies": { "motion-dom": "^12.23.23", "motion-utils": "^12.23.6", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-HMi5HRoRCTou+3fb3h9oTLyJGBxHfW+HnNE25tAXOvVx/IvwMHK0cx7IR4a2ZU6sh3IX1Z+4ts32PcYBOqka8w=="],
+
     "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
 
     "next/sharp": ["sharp@0.34.3", "", { "dependencies": { "color": "^4.2.3", "detect-libc": "^2.0.4", "semver": "^7.7.2" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.3", "@img/sharp-darwin-x64": "0.34.3", "@img/sharp-libvips-darwin-arm64": "1.2.0", "@img/sharp-libvips-darwin-x64": "1.2.0", "@img/sharp-libvips-linux-arm": "1.2.0", "@img/sharp-libvips-linux-arm64": "1.2.0", "@img/sharp-libvips-linux-ppc64": "1.2.0", "@img/sharp-libvips-linux-s390x": "1.2.0", "@img/sharp-libvips-linux-x64": "1.2.0", "@img/sharp-libvips-linuxmusl-arm64": "1.2.0", "@img/sharp-libvips-linuxmusl-x64": "1.2.0", "@img/sharp-linux-arm": "0.34.3", "@img/sharp-linux-arm64": "0.34.3", "@img/sharp-linux-ppc64": "0.34.3", "@img/sharp-linux-s390x": "0.34.3", "@img/sharp-linux-x64": "0.34.3", "@img/sharp-linuxmusl-arm64": "0.34.3", "@img/sharp-linuxmusl-x64": "0.34.3", "@img/sharp-wasm32": "0.34.3", "@img/sharp-win32-arm64": "0.34.3", "@img/sharp-win32-ia32": "0.34.3", "@img/sharp-win32-x64": "0.34.3" } }, "sha512-eX2IQ6nFohW4DbvHIOLRB3MHFpYqaqvXd3Tp5e/T/dSH83fxaNJQRvDMhASmkNTsNTVF2/OOopzRCt7xokgPfg=="],
@@ -4264,6 +4906,8 @@
 
     "readdir-glob/minimatch": ["minimatch@5.1.6", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g=="],
 
+    "refractor/prismjs": ["prismjs@1.27.0", "", {}, "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA=="],
+
     "require-in-the-middle/resolve": ["resolve@1.22.10", "", { "dependencies": { "is-core-module": "^2.16.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w=="],
 
     "restore-cursor/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
@@ -4290,12 +4934,18 @@
 
     "ssh-remote-port-forward/@types/ssh2": ["@types/ssh2@0.5.52", "", { "dependencies": { "@types/node": "*", "@types/ssh2-streams": "*" } }, "sha512-lbLLlXxdCZOSJMCInKH2+9V/77ET2J6NPQHpFI0kda61Dd1KglJs+fPQBchizmzYSOJBgdTajhPqBO1xxLywvg=="],
 
+    "streamdown/lucide-react": ["lucide-react@0.542.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-w3hD8/SQB7+lzU2r4VdFyzzOzKnUjTZIF/MQJGSSvni7Llewni4vuViRppfRAa2guOsY5k4jZyxw/i9DQHv+dw=="],
+
+    "streamdown/marked": ["marked@16.4.1", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-ntROs7RaN3EvWfy3EZi14H4YxmT6A5YvywfhO+0pm+cH/dnSQRmdAmoFIc3B9aiwTehyk7pESH4ofyBY+V5hZg=="],
+
     "string-width/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
     "string-width-cjs/emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
     "string_decoder/safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
 
+    "stringify-entities/character-entities-legacy": ["character-entities-legacy@3.0.0", "", {}, "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="],
+
     "strip-literal/js-tokens": ["js-tokens@9.0.1", "", {}, "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ=="],
 
     "sucrase/commander": ["commander@4.1.1", "", {}, "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="],
@@ -4568,6 +5218,10 @@
 
     "cloudevents/ajv/json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],
 
+    "cytoscape-fcose/cose-base/layout-base": ["layout-base@2.0.1", "", {}, "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg=="],
+
+    "d3-sankey/d3-shape/d3-path": ["d3-path@1.0.9", "", {}, "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg=="],
+
     "dockerode/tar-fs/chownr": ["chownr@1.1.4", "", {}, "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="],
 
     "dockerode/tar-fs/tar-stream": ["tar-stream@2.2.0", "", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
@@ -4592,14 +5246,44 @@
 
     "globby/glob/minimatch": ["minimatch@3.1.2", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw=="],
 
+    "hast-util-from-dom/hastscript/comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
+    "hast-util-from-dom/hastscript/hast-util-parse-selector": ["hast-util-parse-selector@4.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A=="],
+
+    "hast-util-from-dom/hastscript/property-information": ["property-information@7.1.0", "", {}, "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ=="],
+
+    "hast-util-from-dom/hastscript/space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
+    "hast-util-from-parse5/hastscript/comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
+    "hast-util-from-parse5/hastscript/hast-util-parse-selector": ["hast-util-parse-selector@4.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A=="],
+
+    "hast-util-from-parse5/hastscript/space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
+    "hastscript/@types/hast/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
+
     "jest-worker/@types/node/undici-types": ["undici-types@7.10.0", "", {}, "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag=="],
 
     "lazystream/readable-stream/isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
 
     "lazystream/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
 
+    "mdast-util-mdx-jsx/parse-entities/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
+
+    "mdast-util-mdx-jsx/parse-entities/character-entities-legacy": ["character-entities-legacy@3.0.0", "", {}, "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="],
+
+    "mdast-util-mdx-jsx/parse-entities/character-reference-invalid": ["character-reference-invalid@2.0.1", "", {}, "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw=="],
+
+    "mdast-util-mdx-jsx/parse-entities/is-alphanumerical": ["is-alphanumerical@2.0.1", "", { "dependencies": { "is-alphabetical": "^2.0.0", "is-decimal": "^2.0.0" } }, "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw=="],
+
+    "mdast-util-mdx-jsx/parse-entities/is-decimal": ["is-decimal@2.0.1", "", {}, "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A=="],
+
+    "mdast-util-mdx-jsx/parse-entities/is-hexadecimal": ["is-hexadecimal@2.0.1", "", {}, "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg=="],
+
     "mlly/pkg-types/confbox": ["confbox@0.1.8", "", {}, "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w=="],
 
+    "motion/framer-motion/motion-dom": ["motion-dom@12.23.23", "", { "dependencies": { "motion-utils": "^12.23.6" } }, "sha512-n5yolOs0TQQBRUFImrRfs/+6X4p3Q4n1dUEqt/H58Vx7OW6RF+foWEgmTVDhIWJIMXOuNNL0apKH2S16en9eiA=="],
+
     "next/postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
     "next/postcss/picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
@@ -4794,6 +5478,8 @@
 
     "globby/glob/minimatch/brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
 
+    "mdast-util-mdx-jsx/parse-entities/is-alphanumerical/is-alphabetical": ["is-alphabetical@2.0.1", "", {}, "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="],
+
     "nitropack/globby/fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
     "node-plop/inquirer/rxjs/tslib": ["tslib@1.14.1", "", {}, "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="],
diff --git a/docs/ai-analytics.md b/docs/ai-analytics.md
new file mode 100644
index 00000000..089da0b8
--- /dev/null
+++ b/docs/ai-analytics.md
@@ -0,0 +1,687 @@
+# AI Analytics
+
+## Overview
+
+AI-powered analytics for OpenFaith using LLM-generated SQL queries with PostgreSQL Row-Level Security (RLS) for org isolation.
+
+## Row-Level Security for Org Isolation
+
+OpenFaith uses PostgreSQL Row-Level Security (RLS) to enforce strict org-level data isolation. This ensures that queries automatically filter data by `orgId` without requiring application-level filtering logic.
+
+### Implementation
+
+### Enable RLS on All Tables
+
+Every table with an `orgId` column must have RLS enabled:
+
+```sql
+ALTER TABLE people ENABLE ROW LEVEL SECURITY;
+ALTER TABLE edges ENABLE ROW LEVEL SECURITY;
+ALTER TABLE folders ENABLE ROW LEVEL SECURITY;
+ALTER TABLE phone_numbers ENABLE ROW LEVEL SECURITY;
+ALTER TABLE sacraments ENABLE ROW LEVEL SECURITY;
+-- Repeat for all org-scoped tables
+```
+
+### Create Org Isolation Policies
+
+Each table needs a SELECT policy that filters by the session's `orgId`:
+
+```sql
+CREATE POLICY "org_isolation" ON people
+  FOR SELECT
+  TO authenticated
+  USING (orgId = current_setting('app.current_org_id', true)::text);
+
+CREATE POLICY "org_isolation" ON edges
+  FOR SELECT
+  TO authenticated
+  USING (orgId = current_setting('app.current_org_id', true)::text);
+
+CREATE POLICY "org_isolation" ON folders
+  FOR SELECT
+  TO authenticated
+  USING (orgId = current_setting('app.current_org_id', true)::text);
+
+-- Repeat for all org-scoped tables
+```
+
+**Key Points:**
+
+- Policy applies to `authenticated` role only
+- Uses `current_setting('app.current_org_id', true)` to read the session variable
+- The `true` parameter prevents errors if the setting is not defined
+
+### Setting the Org Context
+
+Before executing any query, set the `orgId` for the database session:
+
+```typescript
+// Set org context for the current transaction
+await db.execute(sql`SET LOCAL app.current_org_id = ${orgId}`);
+
+// Now all queries in this transaction are automatically filtered
+const people = await db.select().from(peopleTable);
+// Only returns people WHERE orgId = ${orgId}
+```
+
+**Important:** Use `SET LOCAL` (not `SET`) to ensure the setting is transaction-scoped and automatically cleared after the transaction completes.
+
+## Usage Patterns
+
+### Effect-Based Handler Example
+
+```typescript
+const executeOrgQuery = Effect.fn("executeOrgQuery")(function* (
+  query: string,
+  orgId: string
+) {
+  // Set org context
+  yield* db.execute(sql`SET LOCAL app.current_org_id = ${orgId}`);
+
+  // Execute query - RLS automatically filters
+  const results = yield* db.execute(sql.raw(query));
+
+  return results;
+});
+```
+
+### AI-Generated SQL Queries
+
+RLS is particularly useful for AI-generated queries where you cannot trust the LLM to correctly filter by `orgId`:
+
+```typescript
+const executeAIQuery = Effect.fn("executeAIQuery")(function* (
+  userQuestion: string,
+  orgId: string
+) {
+  // 1. Set org scope
+  yield* db.execute(sql`SET LOCAL app.current_org_id = ${orgId}`);
+
+  // 2. Generate SQL with LLM (no orgId filtering needed)
+  const aiSQL = yield* generateSQL(userQuestion);
+
+  // 3. Validate (SELECT only)
+  if (!aiSQL.trim().toLowerCase().startsWith("select")) {
+    return yield* Effect.fail(
+      new ValidationError({
+        message: "Only SELECT queries allowed",
+      })
+    );
+  }
+
+  // 4. Execute - Postgres enforces org isolation
+  const results = yield* db.execute(sql.raw(aiSQL));
+
+  return results;
+});
+```
+
+## Bypassing RLS for Admin Operations
+
+Backend services that need cross-org access should use a role with `bypassrls` privilege:
+
+```sql
+-- Create service role with RLS bypass
+CREATE ROLE service_role WITH LOGIN BYPASSRLS;
+GRANT ALL ON ALL TABLES IN SCHEMA public TO service_role;
+```
+
+Then use a separate database connection with this role for admin operations:
+
+```typescript
+// Regular connection - RLS enforced
+const userDB = drizzle(normalConnectionString);
+
+// Admin connection - RLS bypassed
+const adminDB = drizzle(adminConnectionString, {
+  role: "service_role",
+});
+```
+
+## Security Considerations
+
+1. **Never trust application-level filtering** - RLS is enforced at the database layer even if application code is compromised
+2. **Always use `SET LOCAL`** - Transaction-scoped settings prevent session pollution
+3. **Validate query types** - Even with RLS, only allow SELECT queries for untrusted input (like AI-generated SQL)
+4. **Limit service role usage** - Only use `bypassrls` roles for internal backend services, never expose credentials
+
+## Testing RLS Policies
+
+Verify policies work correctly:
+
+```sql
+-- Set org context
+SET LOCAL app.current_org_id = 'org_123';
+
+-- Should only return rows for org_123
+SELECT * FROM people;
+
+-- Switch org context
+SET LOCAL app.current_org_id = 'org_456';
+
+-- Should only return rows for org_456
+SELECT * FROM people;
+```
+
+## Performance Optimization
+
+RLS policies can impact query performance. See [RLS Performance Recommendations](https://supabase.com/docs/guides/database/postgres/row-level-security#rls-performance-recommendations) for optimization strategies:
+
+1. Add indexes on `orgId` columns
+2. Use `(SELECT current_setting(...))` pattern for better query planning
+3. Combine RLS with application-level filters for optimal performance
+
+## Migration Checklist
+
+When adding a new org-scoped table:
+
+- [ ] Add `orgId VARCHAR NOT NULL` column
+- [ ] Add index on `orgId`: `CREATE INDEX idx_tablename_orgid ON tablename(orgId)`
+- [ ] Enable RLS: `ALTER TABLE tablename ENABLE ROW LEVEL SECURITY`
+- [ ] Create policy: `CREATE POLICY "org_isolation" ON tablename FOR SELECT TO authenticated USING (orgId = current_setting('app.current_org_id', true)::text)`
+- [ ] Test with different `orgId` values
+- [ ] Add to RLS test suite
+
+## Database Schema Reference
+
+Core OpenFaith tables for AI analytics queries. All tables include `orgId` for multi-tenancy (automatically filtered via RLS).
+
+### Core Entity Tables
+
+```sql
+-- People: Core contact/member records
+CREATE TABLE openfaith_people (
+  id TEXT PRIMARY KEY,              -- Format: person_xxx (typeid)
+  orgId TEXT NOT NULL,              -- Organization ID (auto-filtered via RLS)
+  _tag CHAR(6) DEFAULT 'person',    -- Entity discriminator
+
+  -- Personal Info
+  firstName TEXT,
+  lastName TEXT,
+  middleName TEXT,
+  name TEXT,                        -- Full name
+  gender TEXT,                      -- Values: 'male', 'female'
+  birthdate TEXT,                   -- ISO date string
+  anniversary TEXT,                 -- ISO date string
+  avatar TEXT,                      -- Profile image URL
+  membership TEXT,                  -- Membership status
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',  -- User-defined fields
+  externalIds JSONB DEFAULT '[]',   -- External system IDs
+  tags JSONB DEFAULT '[]',          -- User tags
+  type TEXT DEFAULT 'default',      -- Sub-type for specialization
+  status TEXT DEFAULT 'active',     -- 'active', 'inactive'
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,  -- Soft delete
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Edges: Flexible relationships between any entities
+-- Used for memberships, relationships, connections
+CREATE TABLE openfaith_edges (
+  orgId TEXT NOT NULL,
+  sourceEntityId TEXT NOT NULL,
+  targetEntityId TEXT NOT NULL,
+  relationshipType TEXT NOT NULL,
+  _tag CHAR(4) DEFAULT 'edge',
+
+  sourceEntityTypeTag TEXT NOT NULL,  -- e.g., 'person', 'group', 'folder'
+  targetEntityTypeTag TEXT NOT NULL,
+
+  metadata JSONB DEFAULT '{}',        -- Relationship properties
+                                      -- e.g., {"role": "leader", "joinedAt": "2024-01-15"}
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+
+  PRIMARY KEY (orgId, sourceEntityId, targetEntityId, relationshipType)
+);
+
+-- Folders: Hierarchical organization structure
+-- Generic container for organizing any entity type
+CREATE TABLE openfaith_folders (
+  id TEXT PRIMARY KEY,              -- Format: folder_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(6) DEFAULT 'folder',
+
+  name TEXT NOT NULL,
+  description TEXT,
+  folderType TEXT,                  -- Semantic type: 'group_category', 'document_library', etc.
+  parentFolderId TEXT,              -- Self-referential hierarchy
+
+  -- Display hints
+  icon TEXT,
+  color TEXT,
+  orderingKey TEXT,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Campuses: Physical church locations
+CREATE TABLE openfaith_campuses (
+  id TEXT PRIMARY KEY,              -- Format: campus_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(6) DEFAULT 'campus',
+
+  name TEXT NOT NULL,
+  description TEXT,
+
+  -- Location
+  street TEXT NOT NULL,
+  city TEXT NOT NULL,
+  state TEXT NOT NULL,
+  zip TEXT NOT NULL,
+  countryCode TEXT,
+  latitude DOUBLE PRECISION,
+  longitude DOUBLE PRECISION,
+
+  avatar TEXT,
+  url TEXT,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  type TEXT DEFAULT 'default',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+```
+
+### Contact Information Tables
+
+```sql
+-- Phone Numbers: Linked to people via edges
+CREATE TABLE openfaith_phoneNumbers (
+  id TEXT PRIMARY KEY,              -- Format: phonenumber_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(11) DEFAULT 'phoneNumber',
+
+  number TEXT,
+  countryCode TEXT,
+  type TEXT DEFAULT 'default',      -- 'mobile', 'home', 'work'
+  location TEXT,                    -- Geographic location
+  primary BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Emails: Linked to people via edges
+CREATE TABLE openfaith_emails (
+  id TEXT PRIMARY KEY,              -- Format: email_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(5) DEFAULT 'email',
+
+  address TEXT NOT NULL,
+  type TEXT DEFAULT 'default',      -- 'personal', 'work'
+  location TEXT,
+  primary BOOLEAN DEFAULT false,
+  blocked BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Addresses: Physical addresses linked to people via edges
+CREATE TABLE openfaith_addresses (
+  id TEXT PRIMARY KEY,              -- Format: address_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(7) DEFAULT 'address',
+
+  streetLine1 TEXT,
+  streetLine2 TEXT,
+  city TEXT,
+  state TEXT,
+  zip TEXT,
+  countryCode TEXT,
+  location TEXT,
+  type TEXT DEFAULT 'default',      -- 'home', 'work', 'mailing'
+  primary BOOLEAN DEFAULT false,
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+```
+
+### Sacraments & Custom Data
+
+```sql
+-- Sacraments: Religious ceremonies/events
+CREATE TABLE openfaith_sacraments (
+  id TEXT PRIMARY KEY,              -- Format: sacrament_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(9) DEFAULT 'sacrament',
+
+  type TEXT NOT NULL,               -- 'baptism', 'communion', 'wedding', etc.
+  occurredAt TEXT,                  -- ISO date string
+  receivedBy TEXT,                  -- Person ID
+  administeredBy TEXT,              -- Person ID (clergy)
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Fields: Custom field definitions
+CREATE TABLE openfaith_fields (
+  id TEXT PRIMARY KEY,              -- Format: field_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(5) DEFAULT 'field',
+
+  key TEXT NOT NULL,                -- Unique field key
+  label TEXT NOT NULL,              -- Display label
+  description TEXT,
+  entityTag TEXT NOT NULL,          -- Which entity type this field applies to
+  type TEXT DEFAULT 'singleSelect', -- 'singleSelect', 'multiSelect', 'text', etc.
+  source TEXT,                      -- Data source if applicable
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+
+-- Field Options: Options for select-type custom fields
+CREATE TABLE openfaith_fieldOptions (
+  id TEXT PRIMARY KEY,              -- Format: fieldoption_xxx
+  orgId TEXT NOT NULL,
+  _tag CHAR(11) DEFAULT 'fieldOption',
+
+  fieldId TEXT NOT NULL,            -- References openfaith_fields.id
+  value TEXT NOT NULL,              -- Option value
+  label TEXT NOT NULL,              -- Display label
+  order INTEGER DEFAULT 0,          -- Display order
+  active BOOLEAN DEFAULT true,
+  pathwayConfig JSONB DEFAULT '{}', -- Pathway-specific config
+
+  -- Metadata
+  customFields JSONB DEFAULT '[]',
+  externalIds JSONB DEFAULT '[]',
+  tags JSONB DEFAULT '[]',
+  status TEXT DEFAULT 'active',
+
+  -- Audit fields
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  createdBy TEXT,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  updatedBy TEXT,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  inactivatedAt TIMESTAMP WITH TIME ZONE,
+  inactivatedBy TEXT
+);
+```
+
+### Integration Tables (Reference Only)
+
+```sql
+-- External Links: Maps OpenFaith entities to external system IDs
+-- Used by sync engine - generally not needed for analytics queries
+CREATE TABLE openfaith_externalLinks (
+  orgId TEXT NOT NULL,
+  adapter TEXT NOT NULL,            -- 'pco', 'ccb', 'breeze', etc.
+  externalId TEXT NOT NULL,         -- ID in external system
+  entityId TEXT NOT NULL,           -- OpenFaith entity ID
+  entityType TEXT NOT NULL,         -- OpenFaith entity type tag
+  _tag CHAR(12) DEFAULT 'externalLink',
+
+  lastProcessedAt TIMESTAMP WITH TIME ZONE NOT NULL,
+  syncing BOOLEAN DEFAULT false,
+  updatedAt TIMESTAMP WITH TIME ZONE,
+  deletedAt TIMESTAMP WITH TIME ZONE,
+  deletedBy TEXT,
+  createdAt TIMESTAMP WITH TIME ZONE NOT NULL,
+
+  PRIMARY KEY (orgId, adapter, externalId)
+);
+```
+
+### Key Schema Concepts
+
+**Edge Relationships:**
+
+Edges connect ANY two entities with a `relationshipType`. The system uses **deterministic source/target assignment** based on ID alphabetical ordering to ensure consistency:
+
+1. **Alpha Range Rule**: Compare first character of each ID
+   - A-M range vs N-Z range: A-M becomes source, N-Z becomes target
+   - Same range: Lexicographically smaller ID becomes source
+   - Identical IDs: Allows self-linking (source = target)
+
+2. **Relationship Type Naming**:
+   - Format: `{sourceEntityType}_{relationship}_{targetEntityType}`
+   - Examples: `person_member_of_group`, `person_has_email`, `folder_contains_document`
+   - Simple has relationships: `person_has_phonenumber`
+
+3. **Querying Edges**: Always account for bidirectional logic since edge direction is determined by ID, not semantic meaning
+
+**Common Relationship Types:**
+
+- `person_member_of_group` - Group membership
+- `person_has_email` - Email ownership
+- `person_has_phonenumber` - Phone ownership
+- `person_lives_at_address` - Address association
+- `person_leads_group` - Leadership relationship
+- `folder_contains_{entity}` - Folder organization
+
+**Example Queries:**
+
+```sql
+-- Count people by gender
+SELECT gender, COUNT(*) as count
+FROM openfaith_people
+WHERE status = 'active'
+  AND deletedAt IS NULL
+GROUP BY gender;
+
+-- Find people in a specific group (handles bidirectional edges)
+-- IMPORTANT: Edges may be stored in either direction based on ID ordering
+SELECT DISTINCT p.*
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  -- Person could be source or target depending on ID ordering
+  (e.sourceEntityId = p.id AND e.targetEntityId = 'group_xyz' AND e.sourceEntityTypeTag = 'person') OR
+  (e.targetEntityId = p.id AND e.sourceEntityId = 'group_xyz' AND e.targetEntityTypeTag = 'person')
+)
+WHERE e.relationshipType LIKE '%member_of%'
+  AND p.deletedAt IS NULL
+  AND e.deletedAt IS NULL;
+
+-- Simplified: People with phone numbers (person ID < phonenumber ID usually)
+SELECT p.firstName, p.lastName, ph.number, ph.type
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e.sourceEntityId = p.id AND e.targetEntityId = ph.id) OR
+  (e.targetEntityId = p.id AND e.sourceEntityId = ph.id)
+)
+JOIN openfaith_phoneNumbers ph ON (
+  ph.id = e.targetEntityId OR ph.id = e.sourceEntityId
+)
+WHERE e.relationshipType LIKE '%has_phonenumber%'
+  AND ph.id != p.id  -- Exclude the person from phone results
+  AND p.deletedAt IS NULL
+  AND ph.deletedAt IS NULL
+  AND e.deletedAt IS NULL;
+
+-- People with their primary email
+SELECT p.firstName, p.lastName, em.address
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e.sourceEntityId = p.id AND e.sourceEntityTypeTag = 'person') OR
+  (e.targetEntityId = p.id AND e.targetEntityTypeTag = 'person')
+)
+JOIN openfaith_emails em ON (
+  (em.id = e.targetEntityId AND e.targetEntityTypeTag = 'email') OR
+  (em.id = e.sourceEntityId AND e.sourceEntityTypeTag = 'email')
+)
+WHERE e.relationshipType LIKE '%has_email%'
+  AND em.primary = true
+  AND p.deletedAt IS NULL
+  AND em.deletedAt IS NULL
+  AND e.deletedAt IS NULL;
+
+-- Groups with member counts
+SELECT
+  CASE
+    WHEN e.sourceEntityTypeTag = 'group' THEN e.sourceEntityId
+    ELSE e.targetEntityId
+  END as group_id,
+  COUNT(*) as member_count
+FROM openfaith_edges e
+WHERE e.relationshipType LIKE '%member_of%'
+  AND e.deletedAt IS NULL
+  AND (e.sourceEntityTypeTag = 'group' OR e.targetEntityTypeTag = 'group')
+  AND (e.sourceEntityTypeTag = 'person' OR e.targetEntityTypeTag = 'person')
+GROUP BY group_id;
+
+-- People at a specific campus (via edges)
+SELECT DISTINCT p.*
+FROM openfaith_people p
+JOIN openfaith_edges e ON (
+  (e.sourceEntityId = p.id AND e.sourceEntityTypeTag = 'person') OR
+  (e.targetEntityId = p.id AND e.targetEntityTypeTag = 'person')
+)
+JOIN openfaith_campuses c ON (
+  (c.id = e.targetEntityId AND e.targetEntityTypeTag = 'campus') OR
+  (c.id = e.sourceEntityId AND e.sourceEntityTypeTag = 'campus')
+)
+WHERE e.relationshipType LIKE '%attends%'
+  AND c.name = 'Downtown Campus'
+  AND p.deletedAt IS NULL
+  AND c.deletedAt IS NULL
+  AND e.deletedAt IS NULL;
+```
+
+**Helper Function for Edge Queries:**
+
+When querying edges, you often need to check both directions. Use this pattern:
+
+```sql
+-- Generic pattern for finding entities related via edges
+-- Replace {entityA}, {entityB}, {typeA}, {typeB}, {relationship} with actual values
+
+SELECT DISTINCT entity.*
+FROM openfaith_{entityB} entity
+JOIN openfaith_edges e ON (
+  -- Check both possible directions
+  (e.sourceEntityId = entity.id AND e.sourceEntityTypeTag = '{typeB}' AND
+   e.targetEntityId = '{entityA_id}' AND e.targetEntityTypeTag = '{typeA}') OR
+  (e.targetEntityId = entity.id AND e.targetEntityTypeTag = '{typeB}' AND
+   e.sourceEntityId = '{entityA_id}' AND e.sourceEntityTypeTag = '{typeA}')
+)
+WHERE e.relationshipType LIKE '%{relationship}%'
+  AND entity.deletedAt IS NULL
+  AND e.deletedAt IS NULL;
+```
+
+**JSONB Fields:**
+
+- `customFields`: Array of custom field values
+- `externalIds`: Array of {adapter, id} pairs
+- `tags`: Array of string tags
+- `metadata` (on edges): Object with relationship-specific properties
+
+**Soft Deletes:**
+
+- Records are never hard-deleted
+- Check `deletedAt IS NULL` to filter active records
+- `status = 'active'` is additional active/inactive flag
diff --git a/package.json b/package.json
index c27fc4ab..2bc5d27e 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,8 @@
   "type": "module",
   "workspaces": {
     "catalog": {
+      "@ai-sdk/anthropic": "2.0.34",
+      "@ai-sdk/react": "2.0.76",
       "@effect-atom/atom-react": "0.3.0",
       "@effect/cluster": "0.48.5",
       "@effect/opentelemetry": "0.56.6",
@@ -83,6 +85,7 @@
       "@types/qs": "6.14.0",
       "@types/react": "19.1.10",
       "@types/react-dom": "19.1.7",
+      "ai": "5.0.76",
       "better-auth": "1.3.17",
       "date-fns": "4.1.0",
       "drizzle-kit": "0.31.4",
@@ -104,7 +107,7 @@
       "testcontainers": "11.5.1",
       "typeid-js": "1.2.0",
       "typescript": "5.9.2",
-      "zod": "3.25.42"
+      "zod": "4.1.12"
     },
     "packages": [
       "adapters/*",
diff --git a/packages/shared/env.ts b/packages/shared/env.ts
index f5a6fb56..1704510f 100644
--- a/packages/shared/env.ts
+++ b/packages/shared/env.ts
@@ -54,6 +54,9 @@ const serverEnv = {
 
   // Planning Center
   PLANNING_CENTER_SECRET: z.string(),
+
+  // AI
+  ANTHROPIC_API_KEY: z.string(),
 }
 
 export const env = createEnv({
@@ -107,6 +110,9 @@ export const env = createEnv({
 
         // Planning Center
         PLANNING_CENTER_SECRET: z.string().default(''),
+
+        // AI
+        ANTHROPIC_API_KEY: z.string().default(''),
       } as unknown as typeof serverEnv)
     : serverEnv,
 
diff --git a/packages/ui/components/ai-elements/actions.tsx b/packages/ui/components/ai-elements/actions.tsx
new file mode 100644
index 00000000..6094134d
--- /dev/null
+++ b/packages/ui/components/ai-elements/actions.tsx
@@ -0,0 +1,62 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@openfaith/ui/components/ui/tooltip'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { ComponentProps } from 'react'
+
+export type ActionsProps = ComponentProps<'div'>
+
+export const Actions = ({ className, children, ...props }: ActionsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type ActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+  label?: string
+}
+
+export const Action = ({
+  tooltip,
+  children,
+  label,
+  className,
+  variant = 'ghost',
+  size = 'sm',
+  ...props
+}: ActionProps) => {
+  const button = (
+    <Button
+      className={cn('relative size-9 p-1.5 text-muted-foreground hover:text-foreground', className)}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {children}
+      <span className='sr-only'>{label || tooltip}</span>
+    </Button>
+  )
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    )
+  }
+
+  return button
+}
diff --git a/packages/ui/components/ai-elements/artifact.tsx b/packages/ui/components/ai-elements/artifact.tsx
new file mode 100644
index 00000000..af9c44df
--- /dev/null
+++ b/packages/ui/components/ai-elements/artifact.tsx
@@ -0,0 +1,123 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@openfaith/ui/components/ui/tooltip'
+import { cn } from '@openfaith/ui/shared/utils'
+import { type LucideIcon, XIcon } from 'lucide-react'
+import type { ComponentProps, HTMLAttributes } from 'react'
+
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>
+
+export const Artifact = ({ className, ...props }: ArtifactProps) => (
+  <div
+    className={cn(
+      'flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactHeader = ({ className, ...props }: ArtifactHeaderProps) => (
+  <div
+    className={cn('flex items-center justify-between border-b bg-muted/50 px-4 py-3', className)}
+    {...props}
+  />
+)
+
+export type ArtifactCloseProps = ComponentProps<typeof Button>
+
+export const ArtifactClose = ({
+  className,
+  children,
+  size = 'sm',
+  variant = 'ghost',
+  ...props
+}: ArtifactCloseProps) => (
+  <Button
+    className={cn('size-8 p-0 text-muted-foreground hover:text-foreground', className)}
+    size={size}
+    type='button'
+    variant={variant}
+    {...props}
+  >
+    {children ?? <XIcon className='size-4' />}
+    <span className='sr-only'>Close</span>
+  </Button>
+)
+
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>
+
+export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
+  <p className={cn('font-medium text-foreground text-sm', className)} {...props} />
+)
+
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>
+
+export const ArtifactDescription = ({ className, ...props }: ArtifactDescriptionProps) => (
+  <p className={cn('text-muted-foreground text-sm', className)} {...props} />
+)
+
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactActions = ({ className, ...props }: ArtifactActionsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props} />
+)
+
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+  label?: string
+  icon?: LucideIcon
+}
+
+export const ArtifactAction = ({
+  tooltip,
+  label,
+  icon: Icon,
+  children,
+  className,
+  size = 'sm',
+  variant = 'ghost',
+  ...props
+}: ArtifactActionProps) => {
+  const button = (
+    <Button
+      className={cn('size-8 p-0 text-muted-foreground hover:text-foreground', className)}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {Icon ? <Icon className='size-4' /> : children}
+      <span className='sr-only'>{label || tooltip}</span>
+    </Button>
+  )
+
+  if (tooltip) {
+    return (
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>{button}</TooltipTrigger>
+          <TooltipContent>
+            <p>{tooltip}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
+    )
+  }
+
+  return button
+}
+
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>
+
+export const ArtifactContent = ({ className, ...props }: ArtifactContentProps) => (
+  <div className={cn('flex-1 overflow-auto p-4', className)} {...props} />
+)
diff --git a/packages/ui/components/ai-elements/branch.tsx b/packages/ui/components/ai-elements/branch.tsx
new file mode 100644
index 00000000..53c576a1
--- /dev/null
+++ b/packages/ui/components/ai-elements/branch.tsx
@@ -0,0 +1,187 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { UIMessage } from 'ai'
+import { ChevronLeftIcon, ChevronRightIcon } from 'lucide-react'
+import type { ComponentProps, HTMLAttributes, ReactElement } from 'react'
+import { createContext, useContext, useEffect, useState } from 'react'
+
+type BranchContextType = {
+  currentBranch: number
+  totalBranches: number
+  goToPrevious: () => void
+  goToNext: () => void
+  branches: Array<ReactElement>
+  setBranches: (branches: Array<ReactElement>) => void
+}
+
+const BranchContext = createContext<BranchContextType | null>(null)
+
+const useBranch = () => {
+  const context = useContext(BranchContext)
+
+  if (!context) {
+    throw new Error('Branch components must be used within Branch')
+  }
+
+  return context
+}
+
+export type BranchProps = HTMLAttributes<HTMLDivElement> & {
+  defaultBranch?: number
+  onBranchChange?: (branchIndex: number) => void
+}
+
+export const Branch = ({ defaultBranch = 0, onBranchChange, className, ...props }: BranchProps) => {
+  const [currentBranch, setCurrentBranch] = useState(defaultBranch)
+  const [branches, setBranches] = useState<Array<ReactElement>>([])
+
+  const handleBranchChange = (newBranch: number) => {
+    setCurrentBranch(newBranch)
+    onBranchChange?.(newBranch)
+  }
+
+  const goToPrevious = () => {
+    const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1
+    handleBranchChange(newBranch)
+  }
+
+  const goToNext = () => {
+    const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0
+    handleBranchChange(newBranch)
+  }
+
+  const contextValue: BranchContextType = {
+    branches,
+    currentBranch,
+    goToNext,
+    goToPrevious,
+    setBranches,
+    totalBranches: branches.length,
+  }
+
+  return (
+    <BranchContext.Provider value={contextValue}>
+      <div className={cn('grid w-full gap-2 [&>div]:pb-0', className)} {...props} />
+    </BranchContext.Provider>
+  )
+}
+
+export type BranchMessagesProps = HTMLAttributes<HTMLDivElement>
+
+export const BranchMessages = ({ children, ...props }: BranchMessagesProps) => {
+  const { currentBranch, setBranches, branches } = useBranch()
+  const childrenArray = Array.isArray(children) ? children : [children]
+
+  // Use useEffect to update branches when they change
+  useEffect(() => {
+    if (branches.length !== childrenArray.length) {
+      setBranches(childrenArray)
+    }
+  }, [childrenArray, branches, setBranches])
+
+  return childrenArray.map((branch, index) => (
+    <div
+      className={cn(
+        'grid gap-2 overflow-hidden [&>div]:pb-0',
+        index === currentBranch ? 'block' : 'hidden',
+      )}
+      key={branch.key}
+      {...props}
+    >
+      {branch}
+    </div>
+  ))
+}
+
+export type BranchSelectorProps = HTMLAttributes<HTMLDivElement> & {
+  from: UIMessage['role']
+}
+
+export const BranchSelector = ({ className, from, ...props }: BranchSelectorProps) => {
+  const { totalBranches } = useBranch()
+
+  // Don't render if there's only one branch
+  if (totalBranches <= 1) {
+    return null
+  }
+
+  return (
+    <div
+      className={cn(
+        'flex items-center gap-2 self-end px-10',
+        from === 'assistant' ? 'justify-start' : 'justify-end',
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+export type BranchPreviousProps = ComponentProps<typeof Button>
+
+export const BranchPrevious = ({ className, children, ...props }: BranchPreviousProps) => {
+  const { goToPrevious, totalBranches } = useBranch()
+
+  return (
+    <Button
+      aria-label='Previous branch'
+      className={cn(
+        'size-7 shrink-0 rounded-full text-muted-foreground transition-colors',
+        'hover:bg-accent hover:text-foreground',
+        'disabled:pointer-events-none disabled:opacity-50',
+        className,
+      )}
+      disabled={totalBranches <= 1}
+      onClick={goToPrevious}
+      size='icon'
+      type='button'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <ChevronLeftIcon size={14} />}
+    </Button>
+  )
+}
+
+export type BranchNextProps = ComponentProps<typeof Button>
+
+export const BranchNext = ({ className, children, ...props }: BranchNextProps) => {
+  const { goToNext, totalBranches } = useBranch()
+
+  return (
+    <Button
+      aria-label='Next branch'
+      className={cn(
+        'size-7 shrink-0 rounded-full text-muted-foreground transition-colors',
+        'hover:bg-accent hover:text-foreground',
+        'disabled:pointer-events-none disabled:opacity-50',
+        className,
+      )}
+      disabled={totalBranches <= 1}
+      onClick={goToNext}
+      size='icon'
+      type='button'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <ChevronRightIcon size={14} />}
+    </Button>
+  )
+}
+
+export type BranchPageProps = HTMLAttributes<HTMLSpanElement>
+
+export const BranchPage = ({ className, ...props }: BranchPageProps) => {
+  const { currentBranch, totalBranches } = useBranch()
+
+  return (
+    <span
+      className={cn('font-medium text-muted-foreground text-xs tabular-nums', className)}
+      {...props}
+    >
+      {currentBranch + 1} of {totalBranches}
+    </span>
+  )
+}
diff --git a/packages/ui/components/ai-elements/canvas.tsx b/packages/ui/components/ai-elements/canvas.tsx
new file mode 100644
index 00000000..feef6463
--- /dev/null
+++ b/packages/ui/components/ai-elements/canvas.tsx
@@ -0,0 +1,24 @@
+import { Background, ReactFlow, type ReactFlowProps } from '@xyflow/react'
+import type { ReactNode } from 'react'
+import '@xyflow/react/dist/style.css'
+import { Controls } from './controls'
+
+type CanvasProps = ReactFlowProps & {
+  children?: ReactNode
+}
+
+export const Canvas = ({ children, ...props }: CanvasProps) => (
+  <ReactFlow
+    deleteKeyCode={['Backspace', 'Delete']}
+    fitView
+    panOnDrag={false}
+    panOnScroll
+    selectionOnDrag={true}
+    zoomOnDoubleClick={false}
+    {...props}
+  >
+    <Background bgColor='var(--sidebar)' />
+    <Controls />
+    {children}
+  </ReactFlow>
+)
diff --git a/packages/ui/components/ai-elements/chain-of-thought.tsx b/packages/ui/components/ai-elements/chain-of-thought.tsx
new file mode 100644
index 00000000..f3d5d369
--- /dev/null
+++ b/packages/ui/components/ai-elements/chain-of-thought.tsx
@@ -0,0 +1,202 @@
+'use client'
+
+import { Badge } from '@openfaith/ui/components/ui/badge'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import { useControllableState } from '@radix-ui/react-use-controllable-state'
+import { BrainIcon, ChevronDownIcon, DotIcon, type LucideIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+import { createContext, memo, useContext, useMemo } from 'react'
+
+type ChainOfThoughtContextValue = {
+  isOpen: boolean
+  setIsOpen: (open: boolean) => void
+}
+
+const ChainOfThoughtContext = createContext<ChainOfThoughtContextValue | null>(null)
+
+const useChainOfThought = () => {
+  const context = useContext(ChainOfThoughtContext)
+  if (!context) {
+    throw new Error('ChainOfThought components must be used within ChainOfThought')
+  }
+  return context
+}
+
+export type ChainOfThoughtProps = ComponentProps<'div'> & {
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?: (open: boolean) => void
+}
+
+export const ChainOfThought = memo(
+  ({
+    className,
+    open,
+    defaultOpen = false,
+    onOpenChange,
+    children,
+    ...props
+  }: ChainOfThoughtProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open,
+    })
+
+    const chainOfThoughtContext = useMemo(() => ({ isOpen, setIsOpen }), [isOpen, setIsOpen])
+
+    return (
+      <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>
+        <div className={cn('not-prose max-w-prose space-y-4', className)} {...props}>
+          {children}
+        </div>
+      </ChainOfThoughtContext.Provider>
+    )
+  },
+)
+
+export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>
+
+export const ChainOfThoughtHeader = memo(
+  ({ className, children, ...props }: ChainOfThoughtHeaderProps) => {
+    const { isOpen, setIsOpen } = useChainOfThought()
+
+    return (
+      <Collapsible onOpenChange={setIsOpen} open={isOpen}>
+        <CollapsibleTrigger
+          className={cn(
+            'flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground',
+            className,
+          )}
+          {...props}
+        >
+          <BrainIcon className='size-4' />
+          <span className='flex-1 text-left'>{children ?? 'Chain of Thought'}</span>
+          <ChevronDownIcon
+            className={cn('size-4 transition-transform', isOpen ? 'rotate-180' : 'rotate-0')}
+          />
+        </CollapsibleTrigger>
+      </Collapsible>
+    )
+  },
+)
+
+export type ChainOfThoughtStepProps = ComponentProps<'div'> & {
+  icon?: LucideIcon
+  label: string
+  description?: string
+  status?: 'complete' | 'active' | 'pending'
+}
+
+export const ChainOfThoughtStep = memo(
+  ({
+    className,
+    icon: Icon = DotIcon,
+    label,
+    description,
+    status = 'complete',
+    children,
+    ...props
+  }: ChainOfThoughtStepProps) => {
+    const statusStyles = {
+      active: 'text-foreground',
+      complete: 'text-muted-foreground',
+      pending: 'text-muted-foreground/50',
+    }
+
+    return (
+      <div
+        className={cn(
+          'flex gap-2 text-sm',
+          statusStyles[status],
+          'fade-in-0 slide-in-from-top-2 animate-in',
+          className,
+        )}
+        {...props}
+      >
+        <div className='relative mt-0.5'>
+          <Icon className='size-4' />
+          <div className='-mx-px absolute top-7 bottom-0 left-1/2 w-px bg-border' />
+        </div>
+        <div className='flex-1 space-y-2'>
+          <div>{label}</div>
+          {description && <div className='text-muted-foreground text-xs'>{description}</div>}
+          {children}
+        </div>
+      </div>
+    )
+  },
+)
+
+export type ChainOfThoughtSearchResultsProps = ComponentProps<'div'>
+
+export const ChainOfThoughtSearchResults = memo(
+  ({ className, ...props }: ChainOfThoughtSearchResultsProps) => (
+    <div className={cn('flex items-center gap-2', className)} {...props} />
+  ),
+)
+
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>
+
+export const ChainOfThoughtSearchResult = memo(
+  ({ className, children, ...props }: ChainOfThoughtSearchResultProps) => (
+    <Badge
+      className={cn('gap-1 px-2 py-0.5 font-normal text-xs', className)}
+      variant='secondary'
+      {...props}
+    >
+      {children}
+    </Badge>
+  ),
+)
+
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const ChainOfThoughtContent = memo(
+  ({ className, children, ...props }: ChainOfThoughtContentProps) => {
+    const { isOpen } = useChainOfThought()
+
+    return (
+      <Collapsible open={isOpen}>
+        <CollapsibleContent
+          className={cn(
+            'mt-2 space-y-3',
+            'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+            className,
+          )}
+          {...props}
+        >
+          {children}
+        </CollapsibleContent>
+      </Collapsible>
+    )
+  },
+)
+
+export type ChainOfThoughtImageProps = ComponentProps<'div'> & {
+  caption?: string
+}
+
+export const ChainOfThoughtImage = memo(
+  ({ className, children, caption, ...props }: ChainOfThoughtImageProps) => (
+    <div className={cn('mt-2 space-y-2', className)} {...props}>
+      <div className='relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3'>
+        {children}
+      </div>
+      {caption && <p className='text-muted-foreground text-xs'>{caption}</p>}
+    </div>
+  ),
+)
+
+ChainOfThought.displayName = 'ChainOfThought'
+ChainOfThoughtHeader.displayName = 'ChainOfThoughtHeader'
+ChainOfThoughtStep.displayName = 'ChainOfThoughtStep'
+ChainOfThoughtSearchResults.displayName = 'ChainOfThoughtSearchResults'
+ChainOfThoughtSearchResult.displayName = 'ChainOfThoughtSearchResult'
+ChainOfThoughtContent.displayName = 'ChainOfThoughtContent'
+ChainOfThoughtImage.displayName = 'ChainOfThoughtImage'
diff --git a/packages/ui/components/ai-elements/code-block.tsx b/packages/ui/components/ai-elements/code-block.tsx
new file mode 100644
index 00000000..81176646
--- /dev/null
+++ b/packages/ui/components/ai-elements/code-block.tsx
@@ -0,0 +1,143 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { cn } from '@openfaith/ui/shared/utils'
+import { CheckIcon, CopyIcon } from 'lucide-react'
+import type { ComponentProps, HTMLAttributes, ReactNode } from 'react'
+import { createContext, useContext, useState } from 'react'
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
+import { oneDark, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism'
+
+type CodeBlockContextType = {
+  code: string
+}
+
+const CodeBlockContext = createContext<CodeBlockContextType>({
+  code: '',
+})
+
+export type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+  code: string
+  language: string
+  showLineNumbers?: boolean
+  children?: ReactNode
+}
+
+export const CodeBlock = ({
+  code,
+  language,
+  showLineNumbers = false,
+  className,
+  children,
+  ...props
+}: CodeBlockProps) => (
+  <CodeBlockContext.Provider value={{ code }}>
+    <div
+      className={cn(
+        'relative w-full overflow-hidden rounded-md border bg-background text-foreground',
+        className,
+      )}
+      {...props}
+    >
+      <div className='relative'>
+        <SyntaxHighlighter
+          className='overflow-hidden dark:hidden'
+          codeTagProps={{
+            className: 'font-mono text-sm',
+          }}
+          customStyle={{
+            background: 'hsl(var(--background))',
+            color: 'hsl(var(--foreground))',
+            fontSize: '0.875rem',
+            margin: 0,
+            padding: '1rem',
+          }}
+          language={language}
+          lineNumberStyle={{
+            color: 'hsl(var(--muted-foreground))',
+            minWidth: '2.5rem',
+            paddingRight: '1rem',
+          }}
+          showLineNumbers={showLineNumbers}
+          style={oneLight}
+        >
+          {code}
+        </SyntaxHighlighter>
+        <SyntaxHighlighter
+          className='hidden overflow-hidden dark:block'
+          codeTagProps={{
+            className: 'font-mono text-sm',
+          }}
+          customStyle={{
+            background: 'hsl(var(--background))',
+            color: 'hsl(var(--foreground))',
+            fontSize: '0.875rem',
+            margin: 0,
+            padding: '1rem',
+          }}
+          language={language}
+          lineNumberStyle={{
+            color: 'hsl(var(--muted-foreground))',
+            minWidth: '2.5rem',
+            paddingRight: '1rem',
+          }}
+          showLineNumbers={showLineNumbers}
+          style={oneDark}
+        >
+          {code}
+        </SyntaxHighlighter>
+        {children && (
+          <div className='absolute top-2 right-2 flex items-center gap-2'>{children}</div>
+        )}
+      </div>
+    </div>
+  </CodeBlockContext.Provider>
+)
+
+export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
+  onCopy?: () => void
+  onError?: (error: Error) => void
+  timeout?: number
+}
+
+export const CodeBlockCopyButton = ({
+  onCopy,
+  onError,
+  timeout = 2000,
+  children,
+  className,
+  ...props
+}: CodeBlockCopyButtonProps) => {
+  const [isCopied, setIsCopied] = useState(false)
+  const { code } = useContext(CodeBlockContext)
+
+  const copyToClipboard = async () => {
+    if (typeof window === 'undefined' || !navigator.clipboard.writeText) {
+      onError?.(new Error('Clipboard API not available'))
+      return
+    }
+
+    try {
+      await navigator.clipboard.writeText(code)
+      setIsCopied(true)
+      onCopy?.()
+      setTimeout(() => setIsCopied(false), timeout)
+    } catch (error) {
+      onError?.(error as Error)
+    }
+  }
+
+  const Icon = isCopied ? CheckIcon : CopyIcon
+
+  return (
+    <Button
+      className={cn('shrink-0', className)}
+      onClick={copyToClipboard}
+      size='icon'
+      variant='ghost'
+      {...props}
+    >
+      {children ?? <Icon size={14} />}
+    </Button>
+  )
+}
diff --git a/packages/ui/components/ai-elements/connection.tsx b/packages/ui/components/ai-elements/connection.tsx
new file mode 100644
index 00000000..99e00cba
--- /dev/null
+++ b/packages/ui/components/ai-elements/connection.tsx
@@ -0,0 +1,16 @@
+import type { ConnectionLineComponent } from '@xyflow/react'
+
+const HALF = 0.5
+
+export const Connection: ConnectionLineComponent = ({ fromX, fromY, toX, toY }) => (
+  <g>
+    <path
+      className='animated'
+      d={`M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`}
+      fill='none'
+      stroke='var(--color-ring)'
+      strokeWidth={1}
+    />
+    <circle cx={toX} cy={toY} fill='#fff' r={3} stroke='var(--color-ring)' strokeWidth={1} />
+  </g>
+)
diff --git a/packages/ui/components/ai-elements/context.tsx b/packages/ui/components/ai-elements/context.tsx
new file mode 100644
index 00000000..6c0a1f72
--- /dev/null
+++ b/packages/ui/components/ai-elements/context.tsx
@@ -0,0 +1,351 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@openfaith/ui/components/ui/hover-card'
+import { Progress } from '@openfaith/ui/components/ui/progress'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { LanguageModelUsage } from 'ai'
+import { type ComponentProps, createContext, useContext } from 'react'
+import { estimateCost, type ModelId } from 'tokenlens'
+
+const PERCENT_MAX = 100
+const ICON_RADIUS = 10
+const ICON_VIEWBOX = 24
+const ICON_CENTER = 12
+const ICON_STROKE_WIDTH = 2
+
+type ContextSchema = {
+  usedTokens: number
+  maxTokens: number
+  usage?: LanguageModelUsage
+  modelId?: ModelId
+}
+
+const ContextContext = createContext<ContextSchema | null>(null)
+
+const useContextValue = () => {
+  const context = useContext(ContextContext)
+
+  if (!context) {
+    throw new Error('Context components must be used within Context')
+  }
+
+  return context
+}
+
+export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema
+
+export const Context = ({ usedTokens, maxTokens, usage, modelId, ...props }: ContextProps) => (
+  <ContextContext.Provider
+    value={{
+      maxTokens,
+      modelId,
+      usage,
+      usedTokens,
+    }}
+  >
+    <HoverCard closeDelay={0} openDelay={0} {...props} />
+  </ContextContext.Provider>
+)
+
+const ContextIcon = () => {
+  const { usedTokens, maxTokens } = useContextValue()
+  const circumference = 2 * Math.PI * ICON_RADIUS
+  const usedPercent = usedTokens / maxTokens
+  const dashOffset = circumference * (1 - usedPercent)
+
+  return (
+    <svg
+      aria-label='Model context usage'
+      height='20'
+      role='img'
+      style={{ color: 'currentcolor' }}
+      viewBox={`0 0 ${ICON_VIEWBOX} ${ICON_VIEWBOX}`}
+      width='20'
+    >
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill='none'
+        opacity='0.25'
+        r={ICON_RADIUS}
+        stroke='currentColor'
+        strokeWidth={ICON_STROKE_WIDTH}
+      />
+      <circle
+        cx={ICON_CENTER}
+        cy={ICON_CENTER}
+        fill='none'
+        opacity='0.7'
+        r={ICON_RADIUS}
+        stroke='currentColor'
+        strokeDasharray={`${circumference} ${circumference}`}
+        strokeDashoffset={dashOffset}
+        strokeLinecap='round'
+        strokeWidth={ICON_STROKE_WIDTH}
+        style={{ transform: 'rotate(-90deg)', transformOrigin: 'center' }}
+      />
+    </svg>
+  )
+}
+
+export type ContextTriggerProps = ComponentProps<typeof Button>
+
+export const ContextTrigger = ({ children, ...props }: ContextTriggerProps) => {
+  const { usedTokens, maxTokens } = useContextValue()
+  const usedPercent = usedTokens / maxTokens
+  const renderedPercent = new Intl.NumberFormat('en-US', {
+    maximumFractionDigits: 1,
+    style: 'percent',
+  }).format(usedPercent)
+
+  return (
+    <HoverCardTrigger asChild>
+      {children ?? (
+        <Button type='button' variant='ghost' {...props}>
+          <span className='font-medium text-muted-foreground'>{renderedPercent}</span>
+          <ContextIcon />
+        </Button>
+      )}
+    </HoverCardTrigger>
+  )
+}
+
+export type ContextContentProps = ComponentProps<typeof HoverCardContent>
+
+export const ContextContent = ({ className, ...props }: ContextContentProps) => (
+  <HoverCardContent
+    className={cn('min-w-[240px] divide-y overflow-hidden p-0', className)}
+    {...props}
+  />
+)
+
+export type ContextContentHeader = ComponentProps<'div'>
+
+export const ContextContentHeader = ({ children, className, ...props }: ContextContentHeader) => {
+  const { usedTokens, maxTokens } = useContextValue()
+  const usedPercent = usedTokens / maxTokens
+  const displayPct = new Intl.NumberFormat('en-US', {
+    maximumFractionDigits: 1,
+    style: 'percent',
+  }).format(usedPercent)
+  const used = new Intl.NumberFormat('en-US', {
+    notation: 'compact',
+  }).format(usedTokens)
+  const total = new Intl.NumberFormat('en-US', {
+    notation: 'compact',
+  }).format(maxTokens)
+
+  return (
+    <div className={cn('w-full space-y-2 p-3', className)} {...props}>
+      {children ?? (
+        <>
+          <div className='flex items-center justify-between gap-3 text-xs'>
+            <p>{displayPct}</p>
+            <p className='font-mono text-muted-foreground'>
+              {used} / {total}
+            </p>
+          </div>
+          <div className='space-y-2'>
+            <Progress className='bg-muted' value={usedPercent * PERCENT_MAX} />
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
+
+export type ContextContentBody = ComponentProps<'div'>
+
+export const ContextContentBody = ({ children, className, ...props }: ContextContentBody) => (
+  <div className={cn('w-full p-3', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type ContextContentFooter = ComponentProps<'div'>
+
+export const ContextContentFooter = ({ children, className, ...props }: ContextContentFooter) => {
+  const { modelId, usage } = useContextValue()
+  const costUSD = modelId
+    ? estimateCost({
+        modelId,
+        usage: {
+          input: usage?.inputTokens ?? 0,
+          output: usage?.outputTokens ?? 0,
+        },
+      }).totalUSD
+    : undefined
+  const totalCost = new Intl.NumberFormat('en-US', {
+    currency: 'USD',
+    style: 'currency',
+  }).format(costUSD ?? 0)
+
+  return (
+    <div
+      className={cn(
+        'flex w-full items-center justify-between gap-3 bg-secondary p-3 text-xs',
+        className,
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <span className='text-muted-foreground'>Total cost</span>
+          <span>{totalCost}</span>
+        </>
+      )}
+    </div>
+  )
+}
+
+export type ContextInputUsageProps = ComponentProps<'div'>
+
+export const ContextInputUsage = ({ className, children, ...props }: ContextInputUsageProps) => {
+  const { usage, modelId } = useContextValue()
+  const inputTokens = usage?.inputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!inputTokens) {
+    return null
+  }
+
+  const inputCost = modelId
+    ? estimateCost({
+        modelId,
+        usage: { input: inputTokens, output: 0 },
+      }).totalUSD
+    : undefined
+  const inputCostText = new Intl.NumberFormat('en-US', {
+    currency: 'USD',
+    style: 'currency',
+  }).format(inputCost ?? 0)
+
+  return (
+    <div className={cn('flex items-center justify-between text-xs', className)} {...props}>
+      <span className='text-muted-foreground'>Input</span>
+      <TokensWithCost costText={inputCostText} tokens={inputTokens} />
+    </div>
+  )
+}
+
+export type ContextOutputUsageProps = ComponentProps<'div'>
+
+export const ContextOutputUsage = ({ className, children, ...props }: ContextOutputUsageProps) => {
+  const { usage, modelId } = useContextValue()
+  const outputTokens = usage?.outputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!outputTokens) {
+    return null
+  }
+
+  const outputCost = modelId
+    ? estimateCost({
+        modelId,
+        usage: { input: 0, output: outputTokens },
+      }).totalUSD
+    : undefined
+  const outputCostText = new Intl.NumberFormat('en-US', {
+    currency: 'USD',
+    style: 'currency',
+  }).format(outputCost ?? 0)
+
+  return (
+    <div className={cn('flex items-center justify-between text-xs', className)} {...props}>
+      <span className='text-muted-foreground'>Output</span>
+      <TokensWithCost costText={outputCostText} tokens={outputTokens} />
+    </div>
+  )
+}
+
+export type ContextReasoningUsageProps = ComponentProps<'div'>
+
+export const ContextReasoningUsage = ({
+  className,
+  children,
+  ...props
+}: ContextReasoningUsageProps) => {
+  const { usage, modelId } = useContextValue()
+  const reasoningTokens = usage?.reasoningTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!reasoningTokens) {
+    return null
+  }
+
+  const reasoningCost = modelId
+    ? estimateCost({
+        modelId,
+        usage: { reasoningTokens },
+      }).totalUSD
+    : undefined
+  const reasoningCostText = new Intl.NumberFormat('en-US', {
+    currency: 'USD',
+    style: 'currency',
+  }).format(reasoningCost ?? 0)
+
+  return (
+    <div className={cn('flex items-center justify-between text-xs', className)} {...props}>
+      <span className='text-muted-foreground'>Reasoning</span>
+      <TokensWithCost costText={reasoningCostText} tokens={reasoningTokens} />
+    </div>
+  )
+}
+
+export type ContextCacheUsageProps = ComponentProps<'div'>
+
+export const ContextCacheUsage = ({ className, children, ...props }: ContextCacheUsageProps) => {
+  const { usage, modelId } = useContextValue()
+  const cacheTokens = usage?.cachedInputTokens ?? 0
+
+  if (children) {
+    return children
+  }
+
+  if (!cacheTokens) {
+    return null
+  }
+
+  const cacheCost = modelId
+    ? estimateCost({
+        modelId,
+        usage: { cacheReads: cacheTokens, input: 0, output: 0 },
+      }).totalUSD
+    : undefined
+  const cacheCostText = new Intl.NumberFormat('en-US', {
+    currency: 'USD',
+    style: 'currency',
+  }).format(cacheCost ?? 0)
+
+  return (
+    <div className={cn('flex items-center justify-between text-xs', className)} {...props}>
+      <span className='text-muted-foreground'>Cache</span>
+      <TokensWithCost costText={cacheCostText} tokens={cacheTokens} />
+    </div>
+  )
+}
+
+const TokensWithCost = ({ tokens, costText }: { tokens?: number; costText?: string }) => (
+  <span>
+    {tokens === undefined
+      ? '—'
+      : new Intl.NumberFormat('en-US', {
+          notation: 'compact',
+        }).format(tokens)}
+    {costText ? <span className='ml-2 text-muted-foreground'>• {costText}</span> : null}
+  </span>
+)
diff --git a/packages/ui/components/ai-elements/controls.tsx b/packages/ui/components/ai-elements/controls.tsx
new file mode 100644
index 00000000..9496bfc5
--- /dev/null
+++ b/packages/ui/components/ai-elements/controls.tsx
@@ -0,0 +1,18 @@
+'use client'
+
+import { cn } from '@openfaith/ui/shared/utils'
+import { Controls as ControlsPrimitive } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
+export type ControlsProps = ComponentProps<typeof ControlsPrimitive>
+
+export const Controls = ({ className, ...props }: ControlsProps) => (
+  <ControlsPrimitive
+    className={cn(
+      'gap-px overflow-hidden rounded-md border bg-card p-1 shadow-none!',
+      '[&>button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!',
+      className,
+    )}
+    {...props}
+  />
+)
diff --git a/packages/ui/components/ai-elements/conversation.tsx b/packages/ui/components/ai-elements/conversation.tsx
new file mode 100644
index 00000000..d670da36
--- /dev/null
+++ b/packages/ui/components/ai-elements/conversation.tsx
@@ -0,0 +1,87 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ArrowDownIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+import { useCallback } from 'react'
+import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom'
+
+export type ConversationProps = ComponentProps<typeof StickToBottom>
+
+export const Conversation = ({ className, ...props }: ConversationProps) => (
+  <StickToBottom
+    className={cn('relative flex-1 overflow-y-auto', className)}
+    initial='smooth'
+    resize='smooth'
+    role='log'
+    {...props}
+  />
+)
+
+export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>
+
+export const ConversationContent = ({ className, ...props }: ConversationContentProps) => (
+  <StickToBottom.Content className={cn('p-4', className)} {...props} />
+)
+
+export type ConversationEmptyStateProps = ComponentProps<'div'> & {
+  title?: string
+  description?: string
+  icon?: React.ReactNode
+}
+
+export const ConversationEmptyState = ({
+  className,
+  title = 'No messages yet',
+  description = 'Start a conversation to see messages here',
+  icon,
+  children,
+  ...props
+}: ConversationEmptyStateProps) => (
+  <div
+    className={cn(
+      'flex size-full flex-col items-center justify-center gap-3 p-8 text-center',
+      className,
+    )}
+    {...props}
+  >
+    {children ?? (
+      <>
+        {icon && <div className='text-muted-foreground'>{icon}</div>}
+        <div className='space-y-1'>
+          <h3 className='font-medium text-sm'>{title}</h3>
+          {description && <p className='text-muted-foreground text-sm'>{description}</p>}
+        </div>
+      </>
+    )}
+  </div>
+)
+
+export type ConversationScrollButtonProps = ComponentProps<typeof Button>
+
+export const ConversationScrollButton = ({
+  className,
+  ...props
+}: ConversationScrollButtonProps) => {
+  const { isAtBottom, scrollToBottom } = useStickToBottomContext()
+
+  const handleScrollToBottom = useCallback(() => {
+    scrollToBottom()
+  }, [scrollToBottom])
+
+  return (
+    !isAtBottom && (
+      <Button
+        className={cn('absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full', className)}
+        onClick={handleScrollToBottom}
+        size='icon'
+        type='button'
+        variant='outline'
+        {...props}
+      >
+        <ArrowDownIcon className='size-4' />
+      </Button>
+    )
+  )
+}
diff --git a/packages/ui/components/ai-elements/edge.tsx b/packages/ui/components/ai-elements/edge.tsx
new file mode 100644
index 00000000..d44e6962
--- /dev/null
+++ b/packages/ui/components/ai-elements/edge.tsx
@@ -0,0 +1,131 @@
+import {
+  BaseEdge,
+  type EdgeProps,
+  getBezierPath,
+  getSimpleBezierPath,
+  type InternalNode,
+  type Node,
+  Position,
+  useInternalNode,
+} from '@xyflow/react'
+
+const Temporary = ({
+  id,
+  sourceX,
+  sourceY,
+  targetX,
+  targetY,
+  sourcePosition,
+  targetPosition,
+}: EdgeProps) => {
+  const [edgePath] = getSimpleBezierPath({
+    sourcePosition,
+    sourceX,
+    sourceY,
+    targetPosition,
+    targetX,
+    targetY,
+  })
+
+  return (
+    <BaseEdge
+      className='stroke-1 stroke-ring'
+      id={id}
+      path={edgePath}
+      style={{
+        strokeDasharray: '5, 5',
+      }}
+    />
+  )
+}
+
+const getHandleCoordsByPosition = (node: InternalNode<Node>, handlePosition: Position) => {
+  // Choose the handle type based on position - Left is for target, Right is for source
+  const handleType = handlePosition === Position.Left ? 'target' : 'source'
+
+  const handle = node.internals.handleBounds?.[handleType]?.find(
+    (h) => h.position === handlePosition,
+  )
+
+  if (!handle) {
+    return [0, 0]
+  }
+
+  let offsetX = handle.width / 2
+  let offsetY = handle.height / 2
+
+  // this is a tiny detail to make the markerEnd of an edge visible.
+  // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset
+  // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position
+  switch (handlePosition) {
+    case Position.Left:
+      offsetX = 0
+      break
+    case Position.Right:
+      offsetX = handle.width
+      break
+    case Position.Top:
+      offsetY = 0
+      break
+    case Position.Bottom:
+      offsetY = handle.height
+      break
+    default:
+      throw new Error(`Invalid handle position: ${handlePosition}`)
+  }
+
+  const x = node.internals.positionAbsolute.x + handle.x + offsetX
+  const y = node.internals.positionAbsolute.y + handle.y + offsetY
+
+  return [x, y] as const
+}
+
+const getEdgeParams = (source: InternalNode<Node>, target: InternalNode<Node>) => {
+  const sourcePos = Position.Right
+  const [sx, sy] = getHandleCoordsByPosition(source, sourcePos)
+  const targetPos = Position.Left
+  const [tx, ty] = getHandleCoordsByPosition(target, targetPos)
+
+  return {
+    sourcePos,
+    sx,
+    sy,
+    targetPos,
+    tx,
+    ty,
+  }
+}
+
+const Animated = ({ id, source, target, markerEnd, style }: EdgeProps) => {
+  const sourceNode = useInternalNode(source)
+  const targetNode = useInternalNode(target)
+
+  if (!(sourceNode && targetNode)) {
+    return null
+  }
+
+  const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(sourceNode, targetNode)
+
+  const [edgePath] = getBezierPath({
+    sourcePosition: sourcePos,
+    sourceX: sx,
+    sourceY: sy,
+    targetPosition: targetPos,
+    targetX: tx,
+    targetY: ty,
+  })
+
+  return (
+    <>
+      <BaseEdge id={id} markerEnd={markerEnd} path={edgePath} style={style} />
+      <circle fill='var(--primary)' r='4'>
+        <animateMotion dur='2s' path={edgePath} repeatCount='indefinite' />
+      </circle>
+    </>
+  )
+}
+
+export const Edge = {
+  Animated,
+  Temporary,
+}
diff --git a/packages/ui/components/ai-elements/image.tsx b/packages/ui/components/ai-elements/image.tsx
new file mode 100644
index 00000000..295abb97
--- /dev/null
+++ b/packages/ui/components/ai-elements/image.tsx
@@ -0,0 +1,16 @@
+import { cn } from '@openfaith/ui/shared/utils'
+import type { Experimental_GeneratedImage } from 'ai'
+
+export type ImageProps = Experimental_GeneratedImage & {
+  className?: string
+  alt?: string
+}
+
+export const Image = ({ base64, uint8Array, mediaType, ...props }: ImageProps) => (
+  <img
+    {...props}
+    alt={props.alt}
+    className={cn('h-auto max-w-full overflow-hidden rounded-md', props.className)}
+    src={`data:${mediaType};base64,${base64}`}
+  />
+)
diff --git a/packages/ui/components/ai-elements/inline-citation.tsx b/packages/ui/components/ai-elements/inline-citation.tsx
new file mode 100644
index 00000000..da8ce3b7
--- /dev/null
+++ b/packages/ui/components/ai-elements/inline-citation.tsx
@@ -0,0 +1,256 @@
+'use client'
+
+import { Badge } from '@openfaith/ui/components/ui/badge'
+import {
+  Carousel,
+  type CarouselApi,
+  CarouselContent,
+  CarouselItem,
+} from '@openfaith/ui/components/ui/carousel'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@openfaith/ui/components/ui/hover-card'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { Array } from 'effect'
+import { ArrowLeftIcon, ArrowRightIcon } from 'lucide-react'
+import {
+  type ComponentProps,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+
+export type InlineCitationProps = ComponentProps<'span'>
+
+export const InlineCitation = ({ className, ...props }: InlineCitationProps) => (
+  <span className={cn('group inline items-center gap-1', className)} {...props} />
+)
+
+export type InlineCitationTextProps = ComponentProps<'span'>
+
+export const InlineCitationText = ({ className, ...props }: InlineCitationTextProps) => (
+  <span className={cn('transition-colors group-hover:bg-accent', className)} {...props} />
+)
+
+export type InlineCitationCardProps = ComponentProps<typeof HoverCard>
+
+export const InlineCitationCard = (props: InlineCitationCardProps) => (
+  <HoverCard closeDelay={0} openDelay={0} {...props} />
+)
+
+export type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {
+  sources: Array.NonEmptyReadonlyArray<string>
+}
+
+export const InlineCitationCardTrigger = ({
+  sources,
+  className,
+  ...props
+}: InlineCitationCardTriggerProps) => (
+  <HoverCardTrigger asChild>
+    <Badge className={cn('ml-1 rounded-full', className)} variant='secondary' {...props}>
+      {sources.length ? (
+        <>
+          {new URL(sources[0]).hostname} {sources.length > 1 && `+${sources.length - 1}`}
+        </>
+      ) : (
+        'unknown'
+      )}
+    </Badge>
+  </HoverCardTrigger>
+)
+
+export type InlineCitationCardBodyProps = ComponentProps<'div'>
+
+export const InlineCitationCardBody = ({ className, ...props }: InlineCitationCardBodyProps) => (
+  <HoverCardContent className={cn('relative w-80 p-0', className)} {...props} />
+)
+
+const CarouselApiContext = createContext<CarouselApi | undefined>(undefined)
+
+const useCarouselApi = () => {
+  const context = useContext(CarouselApiContext)
+  return context
+}
+
+export type InlineCitationCarouselProps = ComponentProps<typeof Carousel>
+
+export const InlineCitationCarousel = ({
+  className,
+  children,
+  ...props
+}: InlineCitationCarouselProps) => {
+  const [api, setApi] = useState<CarouselApi>()
+
+  return (
+    <CarouselApiContext.Provider value={api}>
+      <Carousel className={cn('w-full', className)} setApi={setApi} {...props}>
+        {children}
+      </Carousel>
+    </CarouselApiContext.Provider>
+  )
+}
+
+export type InlineCitationCarouselContentProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselContent = (props: InlineCitationCarouselContentProps) => (
+  <CarouselContent {...props} />
+)
+
+export type InlineCitationCarouselItemProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselItem = ({
+  className,
+  ...props
+}: InlineCitationCarouselItemProps) => (
+  <CarouselItem className={cn('w-full space-y-2 p-4 pl-8', className)} {...props} />
+)
+
+export type InlineCitationCarouselHeaderProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselHeader = ({
+  className,
+  ...props
+}: InlineCitationCarouselHeaderProps) => (
+  <div
+    className={cn(
+      'flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type InlineCitationCarouselIndexProps = ComponentProps<'div'>
+
+export const InlineCitationCarouselIndex = ({
+  children,
+  className,
+  ...props
+}: InlineCitationCarouselIndexProps) => {
+  const api = useCarouselApi()
+  const [current, setCurrent] = useState(0)
+  const [count, setCount] = useState(0)
+
+  useEffect(() => {
+    if (!api) {
+      return
+    }
+
+    setCount(api.scrollSnapList().length)
+    setCurrent(api.selectedScrollSnap() + 1)
+
+    api.on('select', () => {
+      setCurrent(api.selectedScrollSnap() + 1)
+    })
+  }, [api])
+
+  return (
+    <div
+      className={cn(
+        'flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs',
+        className,
+      )}
+      {...props}
+    >
+      {children ?? `${current}/${count}`}
+    </div>
+  )
+}
+
+export type InlineCitationCarouselPrevProps = ComponentProps<'button'>
+
+export const InlineCitationCarouselPrev = ({
+  className,
+  ...props
+}: InlineCitationCarouselPrevProps) => {
+  const api = useCarouselApi()
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollPrev()
+    }
+  }, [api])
+
+  return (
+    <button
+      aria-label='Previous'
+      className={cn('shrink-0', className)}
+      onClick={handleClick}
+      type='button'
+      {...props}
+    >
+      <ArrowLeftIcon className='size-4 text-muted-foreground' />
+    </button>
+  )
+}
+
+export type InlineCitationCarouselNextProps = ComponentProps<'button'>
+
+export const InlineCitationCarouselNext = ({
+  className,
+  ...props
+}: InlineCitationCarouselNextProps) => {
+  const api = useCarouselApi()
+
+  const handleClick = useCallback(() => {
+    if (api) {
+      api.scrollNext()
+    }
+  }, [api])
+
+  return (
+    <button
+      aria-label='Next'
+      className={cn('shrink-0', className)}
+      onClick={handleClick}
+      type='button'
+      {...props}
+    >
+      <ArrowRightIcon className='size-4 text-muted-foreground' />
+    </button>
+  )
+}
+
+export type InlineCitationSourceProps = ComponentProps<'div'> & {
+  title?: string
+  url?: string
+  description?: string
+}
+
+export const InlineCitationSource = ({
+  title,
+  url,
+  description,
+  className,
+  children,
+  ...props
+}: InlineCitationSourceProps) => (
+  <div className={cn('space-y-1', className)} {...props}>
+    {title && <h4 className='truncate font-medium text-sm leading-tight'>{title}</h4>}
+    {url && <p className='truncate break-all text-muted-foreground text-xs'>{url}</p>}
+    {description && (
+      <p className='line-clamp-3 text-muted-foreground text-sm leading-relaxed'>{description}</p>
+    )}
+    {children}
+  </div>
+)
+
+export type InlineCitationQuoteProps = ComponentProps<'blockquote'>
+
+export const InlineCitationQuote = ({
+  children,
+  className,
+  ...props
+}: InlineCitationQuoteProps) => (
+  <blockquote
+    className={cn('border-muted border-l-2 pl-3 text-muted-foreground text-sm italic', className)}
+    {...props}
+  >
+    {children}
+  </blockquote>
+)
diff --git a/packages/ui/components/ai-elements/loader.tsx b/packages/ui/components/ai-elements/loader.tsx
new file mode 100644
index 00000000..a262e278
--- /dev/null
+++ b/packages/ui/components/ai-elements/loader.tsx
@@ -0,0 +1,85 @@
+import { cn } from '@openfaith/ui/shared/utils'
+import type { HTMLAttributes } from 'react'
+
+type LoaderIconProps = {
+  size?: number
+}
+
+const LoaderIcon = ({ size = 16 }: LoaderIconProps) => (
+  <svg
+    height={size}
+    strokeLinejoin='round'
+    style={{ color: 'currentcolor' }}
+    viewBox='0 0 16 16'
+    width={size}
+  >
+    <title>Loader</title>
+    <g clipPath='url(#clip0_2393_1490)'>
+      <path d='M8 0V4' stroke='currentColor' strokeWidth='1.5' />
+      <path d='M8 16V12' opacity='0.5' stroke='currentColor' strokeWidth='1.5' />
+      <path
+        d='M3.29773 1.52783L5.64887 4.7639'
+        opacity='0.9'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M12.7023 1.52783L10.3511 4.7639'
+        opacity='0.1'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M12.7023 14.472L10.3511 11.236'
+        opacity='0.4'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M3.29773 14.472L5.64887 11.236'
+        opacity='0.6'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M15.6085 5.52783L11.8043 6.7639'
+        opacity='0.2'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M0.391602 10.472L4.19583 9.23598'
+        opacity='0.7'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M15.6085 10.4722L11.8043 9.2361'
+        opacity='0.3'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+      <path
+        d='M0.391602 5.52783L4.19583 6.7639'
+        opacity='0.8'
+        stroke='currentColor'
+        strokeWidth='1.5'
+      />
+    </g>
+    <defs>
+      <clipPath id='clip0_2393_1490'>
+        <rect fill='white' height='16' width='16' />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & {
+  size?: number
+}
+
+export const Loader = ({ className, size = 16, ...props }: LoaderProps) => (
+  <div className={cn('inline-flex animate-spin items-center justify-center', className)} {...props}>
+    <LoaderIcon size={size} />
+  </div>
+)
diff --git a/packages/ui/components/ai-elements/message.tsx b/packages/ui/components/ai-elements/message.tsx
new file mode 100644
index 00000000..d43a5b98
--- /dev/null
+++ b/packages/ui/components/ai-elements/message.tsx
@@ -0,0 +1,63 @@
+import { Avatar, AvatarFallback, AvatarImage } from '@openfaith/ui/components/ui/avatar'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { UIMessage } from 'ai'
+import { cva, type VariantProps } from 'class-variance-authority'
+import type { ComponentProps, HTMLAttributes } from 'react'
+
+export type MessageProps = HTMLAttributes<HTMLDivElement> & {
+  from: UIMessage['role']
+}
+
+export const Message = ({ className, from, ...props }: MessageProps) => (
+  <div
+    className={cn(
+      'group flex w-full items-end justify-end gap-2 py-4',
+      from === 'user' ? 'is-user' : 'is-assistant flex-row-reverse justify-end',
+      className,
+    )}
+    {...props}
+  />
+)
+
+const messageContentVariants = cva(
+  'is-user:dark flex flex-col gap-2 overflow-hidden rounded-lg text-sm',
+  {
+    defaultVariants: {
+      variant: 'contained',
+    },
+    variants: {
+      variant: {
+        contained: [
+          'max-w-[80%] px-4 py-3',
+          'group-[.is-user]:bg-primary group-[.is-user]:text-primary-foreground',
+          'group-[.is-assistant]:bg-secondary group-[.is-assistant]:text-foreground',
+        ],
+        flat: [
+          'group-[.is-user]:max-w-[80%] group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground',
+          'group-[.is-assistant]:text-foreground',
+        ],
+      },
+    },
+  },
+)
+
+export type MessageContentProps = HTMLAttributes<HTMLDivElement> &
+  VariantProps<typeof messageContentVariants>
+
+export const MessageContent = ({ children, className, variant, ...props }: MessageContentProps) => (
+  <div className={cn(messageContentVariants({ className, variant }))} {...props}>
+    {children}
+  </div>
+)
+
+export type MessageAvatarProps = ComponentProps<typeof Avatar> & {
+  src: string
+  name?: string
+}
+
+export const MessageAvatar = ({ src, name, className, ...props }: MessageAvatarProps) => (
+  <Avatar className={cn('size-8 ring-1 ring-border', className)} {...props}>
+    <AvatarImage alt='' className='mt-0 mb-0' src={src} />
+    <AvatarFallback>{name?.slice(0, 2) || 'ME'}</AvatarFallback>
+  </Avatar>
+)
diff --git a/packages/ui/components/ai-elements/node.tsx b/packages/ui/components/ai-elements/node.tsx
new file mode 100644
index 00000000..a960937e
--- /dev/null
+++ b/packages/ui/components/ai-elements/node.tsx
@@ -0,0 +1,63 @@
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@openfaith/ui/components/ui/card'
+import { cn } from '@openfaith/ui/shared/utils'
+import { Handle, Position } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
+export type NodeProps = ComponentProps<typeof Card> & {
+  handles: {
+    target: boolean
+    source: boolean
+  }
+}
+
+export const Node = ({ handles, className, ...props }: NodeProps) => (
+  <Card
+    className={cn('node-container relative size-full h-auto w-sm gap-0 rounded-md p-0', className)}
+    {...props}
+  >
+    {handles.target && <Handle position={Position.Left} type='target' />}
+    {handles.source && <Handle position={Position.Right} type='source' />}
+    {props.children}
+  </Card>
+)
+
+export type NodeHeaderProps = ComponentProps<typeof CardHeader>
+
+export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (
+  <CardHeader
+    className={cn('gap-0.5 rounded-t-md border-b bg-secondary p-3!', className)}
+    {...props}
+  />
+)
+
+export type NodeTitleProps = ComponentProps<typeof CardTitle>
+
+export const NodeTitle = (props: NodeTitleProps) => <CardTitle {...props} />
+
+export type NodeDescriptionProps = ComponentProps<typeof CardDescription>
+
+export const NodeDescription = (props: NodeDescriptionProps) => <CardDescription {...props} />
+
+export type NodeActionProps = ComponentProps<typeof CardAction>
+
+export const NodeAction = (props: NodeActionProps) => <CardAction {...props} />
+
+export type NodeContentProps = ComponentProps<typeof CardContent>
+
+export const NodeContent = ({ className, ...props }: NodeContentProps) => (
+  <CardContent className={cn('p-3', className)} {...props} />
+)
+
+export type NodeFooterProps = ComponentProps<typeof CardFooter>
+
+export const NodeFooter = ({ className, ...props }: NodeFooterProps) => (
+  <CardFooter className={cn('rounded-b-md border-t bg-secondary p-3!', className)} {...props} />
+)
diff --git a/packages/ui/components/ai-elements/open-in-chat.tsx b/packages/ui/components/ai-elements/open-in-chat.tsx
new file mode 100644
index 00000000..db9c1c22
--- /dev/null
+++ b/packages/ui/components/ai-elements/open-in-chat.tsx
@@ -0,0 +1,331 @@
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from '@openfaith/ui/components/ui/dropdown-menu'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ChevronDownIcon, ExternalLinkIcon, MessageCircleIcon } from 'lucide-react'
+import { type ComponentProps, createContext, useContext } from 'react'
+
+const providers = {
+  chatgpt: {
+    createUrl: (prompt: string) =>
+      `https://chatgpt.com/?${new URLSearchParams({
+        hints: 'search',
+        prompt,
+      })}`,
+    icon: (
+      <svg fill='currentColor' role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
+        <title>OpenAI</title>
+        <path d='M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z' />
+      </svg>
+    ),
+    title: 'Open in ChatGPT',
+  },
+  claude: {
+    createUrl: (q: string) =>
+      `https://claude.ai/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg fill='currentColor' role='img' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'>
+        <title>Claude</title>
+        <path
+          clipRule='evenodd'
+          d='M2.3545 7.9775L4.7145 6.654L4.7545 6.539L4.7145 6.475H4.6L4.205 6.451L2.856 6.4145L1.6865 6.366L0.5535 6.305L0.268 6.2445L0 5.892L0.0275 5.716L0.2675 5.5555L0.6105 5.5855L1.3705 5.637L2.5095 5.716L3.3355 5.7645L4.56 5.892H4.7545L4.782 5.8135L4.715 5.7645L4.6635 5.716L3.4845 4.918L2.2085 4.074L1.5405 3.588L1.1785 3.3425L0.9965 3.1115L0.9175 2.6075L1.2455 2.2465L1.686 2.2765L1.7985 2.307L2.245 2.65L3.199 3.388L4.4445 4.3045L4.627 4.4565L4.6995 4.405L4.709 4.3685L4.627 4.2315L3.9495 3.0085L3.2265 1.7635L2.9045 1.2475L2.8195 0.938C2.78711 0.819128 2.76965 0.696687 2.7675 0.5735L3.1415 0.067L3.348 0L3.846 0.067L4.056 0.249L4.366 0.956L4.867 2.0705L5.6445 3.5855L5.8725 4.0345L5.994 4.4505L6.0395 4.578H6.1185V4.505L6.1825 3.652L6.301 2.6045L6.416 1.257L6.456 0.877L6.644 0.422L7.0175 0.176L7.3095 0.316L7.5495 0.6585L7.516 0.8805L7.373 1.806L7.0935 3.2575L6.9115 4.2285H7.0175L7.139 4.1075L7.6315 3.4545L8.4575 2.4225L8.8225 2.0125L9.2475 1.5605L9.521 1.345H10.0375L10.4175 1.9095L10.2475 2.4925L9.7155 3.166L9.275 3.737L8.643 4.587L8.248 5.267L8.2845 5.322L8.3785 5.312L9.8065 5.009L10.578 4.869L11.4985 4.7115L11.915 4.9055L11.9605 5.103L11.7965 5.5065L10.812 5.7495L9.6575 5.9805L7.938 6.387L7.917 6.402L7.9415 6.4325L8.716 6.5055L9.047 6.5235H9.858L11.368 6.636L11.763 6.897L12 7.216L11.9605 7.4585L11.353 7.7685L10.533 7.574L8.6185 7.119L7.9625 6.9545H7.8715V7.0095L8.418 7.5435L9.421 8.4485L10.6755 9.6135L10.739 9.9025L10.578 10.13L10.408 10.1055L9.3055 9.277L8.88 8.9035L7.917 8.0935H7.853V8.1785L8.075 8.503L9.2475 10.2635L9.3085 10.8035L9.2235 10.98L8.9195 11.0865L8.5855 11.0255L7.8985 10.063L7.191 8.9795L6.6195 8.008L6.5495 8.048L6.2125 11.675L6.0545 11.86L5.69 12L5.3865 11.7695L5.2255 11.396L5.3865 10.658L5.581 9.696L5.7385 8.931L5.8815 7.981L5.9665 7.665L5.9605 7.644L5.8905 7.653L5.1735 8.6365L4.0835 10.109L3.2205 11.0315L3.0135 11.1135L2.655 10.9285L2.6885 10.5975L2.889 10.303L4.083 8.785L4.803 7.844L5.268 7.301L5.265 7.222H5.2375L2.066 9.28L1.501 9.353L1.2575 9.125L1.288 8.752L1.4035 8.6305L2.3575 7.9745L2.3545 7.9775Z'
+          fillRule='evenodd'
+        />
+      </svg>
+    ),
+    title: 'Open in Claude',
+  },
+  cursor: {
+    createUrl: (text: string) => {
+      const url = new URL('https://cursor.com/link/prompt')
+      url.searchParams.set('text', text)
+      return url.toString()
+    },
+    icon: (
+      <svg version='1.1' viewBox='0 0 466.73 532.09' xmlns='http://www.w3.org/2000/svg'>
+        <title>Cursor</title>
+        <path
+          d='M457.43,125.94L244.42,2.96c-6.84-3.95-15.28-3.95-22.12,0L9.3,125.94c-5.75,3.32-9.3,9.46-9.3,16.11v247.99c0,6.65,3.55,12.79,9.3,16.11l213.01,122.98c6.84,3.95,15.28,3.95,22.12,0l213.01-122.98c5.75-3.32,9.3-9.46,9.3-16.11v-247.99c0-6.65-3.55-12.79-9.3-16.11h-.01ZM444.05,151.99l-205.63,356.16c-1.39,2.4-5.06,1.42-5.06-1.36v-233.21c0-4.66-2.49-8.97-6.53-11.31L24.87,145.67c-2.4-1.39-1.42-5.06,1.36-5.06h411.26c5.84,0,9.49,6.33,6.57,11.39h-.01Z'
+          fill='currentColor'
+        />
+      </svg>
+    ),
+    title: 'Open in Cursor',
+  },
+  github: {
+    createUrl: (url: string) => url,
+    icon: (
+      <svg fill='currentColor' role='img' viewBox='0 0 24 24'>
+        <title>GitHub</title>
+        <path d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12' />
+      </svg>
+    ),
+    title: 'Open in GitHub',
+  },
+  scira: {
+    createUrl: (q: string) =>
+      `https://scira.ai/?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg
+        fill='none'
+        height='934'
+        viewBox='0 0 910 934'
+        width='910'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <title>Scira AI</title>
+        <path
+          d='M647.664 197.775C569.13 189.049 525.5 145.419 516.774 66.8849C508.048 145.419 464.418 189.049 385.884 197.775C464.418 206.501 508.048 250.131 516.774 328.665C525.5 250.131 569.13 206.501 647.664 197.775Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M516.774 304.217C510.299 275.491 498.208 252.087 480.335 234.214C462.462 216.341 439.058 204.251 410.333 197.775C439.059 191.3 462.462 179.209 480.335 161.336C498.208 143.463 510.299 120.06 516.774 91.334C523.25 120.059 535.34 143.463 553.213 161.336C571.086 179.209 594.49 191.3 623.216 197.775C594.49 204.251 571.086 216.341 553.213 234.214C535.34 252.087 523.25 275.491 516.774 304.217Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M857.5 508.116C763.259 497.644 710.903 445.288 700.432 351.047C689.961 445.288 637.605 497.644 543.364 508.116C637.605 518.587 689.961 570.943 700.432 665.184C710.903 570.943 763.259 518.587 857.5 508.116Z'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='20'
+        />
+        <path
+          d='M700.432 615.957C691.848 589.05 678.575 566.357 660.383 548.165C642.191 529.973 619.499 516.7 592.593 508.116C619.499 499.533 642.191 486.258 660.383 468.066C678.575 449.874 691.848 427.181 700.432 400.274C709.015 427.181 722.289 449.874 740.481 468.066C758.673 486.258 781.365 499.533 808.271 508.116C781.365 516.7 758.673 529.973 740.481 548.165C722.289 566.357 709.015 589.05 700.432 615.957Z'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='20'
+        />
+        <path
+          d='M889.949 121.237C831.049 114.692 798.326 81.9698 791.782 23.0692C785.237 81.9698 752.515 114.692 693.614 121.237C752.515 127.781 785.237 160.504 791.782 219.404C798.326 160.504 831.049 127.781 889.949 121.237Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M791.782 196.795C786.697 176.937 777.869 160.567 765.16 147.858C752.452 135.15 736.082 126.322 716.226 121.237C736.082 116.152 752.452 107.324 765.16 94.6152C777.869 81.9065 786.697 65.5368 791.782 45.6797C796.867 65.5367 805.695 81.9066 818.403 94.6152C831.112 107.324 847.481 116.152 867.338 121.237C847.481 126.322 831.112 135.15 818.403 147.858C805.694 160.567 796.867 176.937 791.782 196.795Z'
+          fill='currentColor'
+          stroke='currentColor'
+          strokeLinejoin='round'
+          strokeWidth='8'
+        />
+        <path
+          d='M760.632 764.337C720.719 814.616 669.835 855.1 611.872 882.692C553.91 910.285 490.404 924.255 426.213 923.533C362.022 922.812 298.846 907.419 241.518 878.531C184.19 849.643 134.228 808.026 95.4548 756.863C56.6815 705.7 30.1238 646.346 17.8129 583.343C5.50207 520.339 7.76433 455.354 24.4266 393.359C41.089 331.364 71.7099 274.001 113.947 225.658C156.184 177.315 208.919 139.273 268.117 114.442'
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='30'
+        />
+      </svg>
+    ),
+    title: 'Open in Scira',
+  },
+  t3: {
+    createUrl: (q: string) =>
+      `https://t3.chat/new?${new URLSearchParams({
+        q,
+      })}`,
+    icon: <MessageCircleIcon />,
+    title: 'Open in T3 Chat',
+  },
+  v0: {
+    createUrl: (q: string) =>
+      `https://v0.app?${new URLSearchParams({
+        q,
+      })}`,
+    icon: (
+      <svg fill='currentColor' viewBox='0 0 147 70' xmlns='http://www.w3.org/2000/svg'>
+        <title>v0</title>
+        <path d='M56 50.2031V14H70V60.1562C70 65.5928 65.5928 70 60.1562 70C57.5605 70 54.9982 68.9992 53.1562 67.1573L0 14H19.7969L56 50.2031Z' />
+        <path d='M147 56H133V23.9531L100.953 56H133V70H96.6875C85.8144 70 77 61.1856 77 50.3125V14H91V46.1562L123.156 14H91V0H127.312C138.186 0 147 8.81439 147 19.6875V56Z' />
+      </svg>
+    ),
+    title: 'Open in v0',
+  },
+}
+
+const OpenInContext = createContext<{ query: string } | undefined>(undefined)
+
+const useOpenInContext = () => {
+  const context = useContext(OpenInContext)
+  if (!context) {
+    throw new Error('OpenIn components must be used within an OpenIn provider')
+  }
+  return context
+}
+
+export type OpenInProps = ComponentProps<typeof DropdownMenu> & {
+  query: string
+}
+
+export const OpenIn = ({ query, ...props }: OpenInProps) => (
+  <OpenInContext.Provider value={{ query }}>
+    <DropdownMenu {...props} />
+  </OpenInContext.Provider>
+)
+
+export type OpenInContentProps = ComponentProps<typeof DropdownMenuContent>
+
+export const OpenInContent = ({ className, ...props }: OpenInContentProps) => (
+  <DropdownMenuContent align='start' className={cn('w-[240px]', className)} {...props} />
+)
+
+export type OpenInItemProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInItem = (props: OpenInItemProps) => <DropdownMenuItem {...props} />
+
+export type OpenInLabelProps = ComponentProps<typeof DropdownMenuLabel>
+
+export const OpenInLabel = (props: OpenInLabelProps) => <DropdownMenuLabel {...props} />
+
+export type OpenInSeparatorProps = ComponentProps<typeof DropdownMenuSeparator>
+
+export const OpenInSeparator = (props: OpenInSeparatorProps) => <DropdownMenuSeparator {...props} />
+
+export type OpenInTriggerProps = ComponentProps<typeof DropdownMenuTrigger>
+
+export const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => (
+  <DropdownMenuTrigger {...props} asChild>
+    {children ?? (
+      <Button type='button' variant='outline'>
+        Open in chat
+        <ChevronDownIcon className='ml-2 size-4' />
+      </Button>
+    )}
+  </DropdownMenuTrigger>
+)
+
+export type OpenInChatGPTProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInChatGPT = (props: OpenInChatGPTProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.chatgpt.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.chatgpt.icon}</span>
+        <span className='flex-1'>{providers.chatgpt.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInClaudeProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInClaude = (props: OpenInClaudeProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.claude.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.claude.icon}</span>
+        <span className='flex-1'>{providers.claude.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInT3Props = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInT3 = (props: OpenInT3Props) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.t3.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.t3.icon}</span>
+        <span className='flex-1'>{providers.t3.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInSciraProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInScira = (props: OpenInSciraProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.scira.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.scira.icon}</span>
+        <span className='flex-1'>{providers.scira.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInv0Props = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInv0 = (props: OpenInv0Props) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.v0.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.v0.icon}</span>
+        <span className='flex-1'>{providers.v0.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
+
+export type OpenInCursorProps = ComponentProps<typeof DropdownMenuItem>
+
+export const OpenInCursor = (props: OpenInCursorProps) => {
+  const { query } = useOpenInContext()
+  return (
+    <DropdownMenuItem asChild {...props}>
+      <a
+        className='flex items-center gap-2'
+        href={providers.cursor.createUrl(query)}
+        rel='noopener'
+        target='_blank'
+      >
+        <span className='shrink-0'>{providers.cursor.icon}</span>
+        <span className='flex-1'>{providers.cursor.title}</span>
+        <ExternalLinkIcon className='size-4 shrink-0' />
+      </a>
+    </DropdownMenuItem>
+  )
+}
diff --git a/packages/ui/components/ai-elements/panel.tsx b/packages/ui/components/ai-elements/panel.tsx
new file mode 100644
index 00000000..39588951
--- /dev/null
+++ b/packages/ui/components/ai-elements/panel.tsx
@@ -0,0 +1,12 @@
+import { cn } from '@openfaith/ui/shared/utils'
+import { Panel as PanelPrimitive } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
+type PanelProps = ComponentProps<typeof PanelPrimitive>
+
+export const Panel = ({ className, ...props }: PanelProps) => (
+  <PanelPrimitive
+    className={cn('m-4 overflow-hidden rounded-md border bg-card p-1', className)}
+    {...props}
+  />
+)
diff --git a/packages/ui/components/ai-elements/plan.tsx b/packages/ui/components/ai-elements/plan.tsx
new file mode 100644
index 00000000..0b08b955
--- /dev/null
+++ b/packages/ui/components/ai-elements/plan.tsx
@@ -0,0 +1,127 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@openfaith/ui/components/ui/card'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ChevronsUpDownIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+import { createContext, useContext } from 'react'
+import { Shimmer } from './shimmer'
+
+type PlanContextValue = {
+  isStreaming: boolean
+}
+
+const PlanContext = createContext<PlanContextValue | null>(null)
+
+const usePlan = () => {
+  const context = useContext(PlanContext)
+  if (!context) {
+    throw new Error('Plan components must be used within Plan')
+  }
+  return context
+}
+
+export type PlanProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean
+}
+
+export const Plan = ({ className, isStreaming = false, children, ...props }: PlanProps) => (
+  <PlanContext.Provider value={{ isStreaming }}>
+    <Collapsible asChild data-slot='plan' {...props}>
+      <Card className={cn('shadow-none', className)}>{children}</Card>
+    </Collapsible>
+  </PlanContext.Provider>
+)
+
+export type PlanHeaderProps = ComponentProps<typeof CardHeader>
+
+export const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (
+  <CardHeader
+    className={cn('flex items-start justify-between', className)}
+    data-slot='plan-header'
+    {...props}
+  />
+)
+
+export type PlanTitleProps = Omit<ComponentProps<typeof CardTitle>, 'children'> & {
+  children: string
+}
+
+export const PlanTitle = ({ children, ...props }: PlanTitleProps) => {
+  const { isStreaming } = usePlan()
+
+  return (
+    <CardTitle data-slot='plan-title' {...props}>
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardTitle>
+  )
+}
+
+export type PlanDescriptionProps = Omit<ComponentProps<typeof CardDescription>, 'children'> & {
+  children: string
+}
+
+export const PlanDescription = ({ className, children, ...props }: PlanDescriptionProps) => {
+  const { isStreaming } = usePlan()
+
+  return (
+    <CardDescription
+      className={cn('text-balance', className)}
+      data-slot='plan-description'
+      {...props}
+    >
+      {isStreaming ? <Shimmer>{children}</Shimmer> : children}
+    </CardDescription>
+  )
+}
+
+export type PlanActionProps = ComponentProps<typeof CardAction>
+
+export const PlanAction = (props: PlanActionProps) => (
+  <CardAction data-slot='plan-action' {...props} />
+)
+
+export type PlanContentProps = ComponentProps<typeof CardContent>
+
+export const PlanContent = (props: PlanContentProps) => (
+  <CollapsibleContent asChild>
+    <CardContent data-slot='plan-content' {...props} />
+  </CollapsibleContent>
+)
+
+export type PlanFooterProps = ComponentProps<'div'>
+
+export const PlanFooter = (props: PlanFooterProps) => (
+  <CardFooter data-slot='plan-footer' {...props} />
+)
+
+export type PlanTriggerProps = ComponentProps<typeof CollapsibleTrigger>
+
+export const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => (
+  <CollapsibleTrigger asChild>
+    <Button
+      className={cn('size-8', className)}
+      data-slot='plan-trigger'
+      size='icon'
+      variant='ghost'
+      {...props}
+    >
+      <ChevronsUpDownIcon className='size-4' />
+      <span className='sr-only'>Toggle plan</span>
+    </Button>
+  </CollapsibleTrigger>
+)
diff --git a/packages/ui/components/ai-elements/prompt-input.tsx b/packages/ui/components/ai-elements/prompt-input.tsx
new file mode 100644
index 00000000..baee691c
--- /dev/null
+++ b/packages/ui/components/ai-elements/prompt-input.tsx
@@ -0,0 +1,1231 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from '@openfaith/ui/components/ui/command'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '@openfaith/ui/components/ui/dropdown-menu'
+import {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+} from '@openfaith/ui/components/ui/hover-card'
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupTextarea,
+} from '@openfaith/ui/components/ui/input-group'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@openfaith/ui/components/ui/select'
+import { Tooltip, TooltipContent, TooltipTrigger } from '@openfaith/ui/components/ui/tooltip'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { ChatStatus, FileUIPart } from 'ai'
+import {
+  ImageIcon,
+  Loader2Icon,
+  MicIcon,
+  PaperclipIcon,
+  PlusIcon,
+  SendIcon,
+  SquareIcon,
+  XIcon,
+} from 'lucide-react'
+import { nanoid } from 'nanoid'
+import {
+  type ChangeEvent,
+  type ChangeEventHandler,
+  Children,
+  type ClipboardEventHandler,
+  type ComponentProps,
+  createContext,
+  type FormEvent,
+  type FormEventHandler,
+  Fragment,
+  type HTMLAttributes,
+  type KeyboardEventHandler,
+  type PropsWithChildren,
+  type ReactNode,
+  type RefObject,
+  useCallback,
+  useContext,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+// ============================================================================
+// Provider Context & Types
+// ============================================================================
+
+export type AttachmentsContext = {
+  files: Array<FileUIPart & { id: string }>
+  add: (files: Array<File> | FileList) => void
+  remove: (id: string) => void
+  clear: () => void
+  openFileDialog: () => void
+  fileInputRef: RefObject<HTMLInputElement | null>
+}
+
+export type TextInputContext = {
+  value: string
+  setInput: (v: string) => void
+  clear: () => void
+}
+
+export type PromptInputControllerProps = {
+  textInput: TextInputContext
+  attachments: AttachmentsContext
+  /** INTERNAL: Allows PromptInput to register its file textInput + "open" callback */
+  __registerFileInput: (ref: RefObject<HTMLInputElement | null>, open: () => void) => void
+}
+
+const PromptInputController = createContext<PromptInputControllerProps | null>(null)
+const ProviderAttachmentsContext = createContext<AttachmentsContext | null>(null)
+
+export const usePromptInputController = () => {
+  const ctx = useContext(PromptInputController)
+  if (!ctx) {
+    throw new Error(
+      'Wrap your component inside <PromptInputProvider> to use usePromptInputController().',
+    )
+  }
+  return ctx
+}
+
+// Optional variants (do NOT throw). Useful for dual-mode components.
+const useOptionalPromptInputController = () => useContext(PromptInputController)
+
+export const useProviderAttachments = () => {
+  const ctx = useContext(ProviderAttachmentsContext)
+  if (!ctx) {
+    throw new Error(
+      'Wrap your component inside <PromptInputProvider> to use useProviderAttachments().',
+    )
+  }
+  return ctx
+}
+
+const useOptionalProviderAttachments = () => useContext(ProviderAttachmentsContext)
+
+export type PromptInputProviderProps = PropsWithChildren<{
+  initialInput?: string
+}>
+
+/**
+ * Optional global provider that lifts PromptInput state outside of PromptInput.
+ * If you don't use it, PromptInput stays fully self-managed.
+ */
+export function PromptInputProvider({
+  initialInput: initialTextInput = '',
+  children,
+}: PromptInputProviderProps) {
+  // ----- textInput state
+  const [textInput, setTextInput] = useState(initialTextInput)
+  const clearInput = useCallback(() => setTextInput(''), [])
+
+  // ----- attachments state (global when wrapped)
+  const [attachements, setAttachements] = useState<Array<FileUIPart & { id: string }>>([])
+  const fileInputRef = useRef<HTMLInputElement | null>(null)
+  const openRef = useRef<() => void>(() => {})
+
+  const add = useCallback((files: Array<File> | FileList) => {
+    const incoming = Array.from(files)
+    if (incoming.length === 0) return
+
+    setAttachements((prev) =>
+      prev.concat(
+        incoming.map((file) => ({
+          filename: file.name,
+          id: nanoid(),
+          mediaType: file.type,
+          type: 'file' as const,
+          url: URL.createObjectURL(file),
+        })),
+      ),
+    )
+  }, [])
+
+  const remove = useCallback((id: string) => {
+    setAttachements((prev) => {
+      const found = prev.find((f) => f.id === id)
+      if (found?.url) URL.revokeObjectURL(found.url)
+      return prev.filter((f) => f.id !== id)
+    })
+  }, [])
+
+  const clear = useCallback(() => {
+    setAttachements((prev) => {
+      for (const f of prev) if (f.url) URL.revokeObjectURL(f.url)
+      return []
+    })
+  }, [])
+
+  const openFileDialog = useCallback(() => {
+    openRef.current?.()
+  }, [])
+
+  const attachments = useMemo<AttachmentsContext>(
+    () => ({
+      add,
+      clear,
+      fileInputRef,
+      files: attachements,
+      openFileDialog,
+      remove,
+    }),
+    [attachements, add, remove, clear, openFileDialog],
+  )
+
+  const __registerFileInput = useCallback(
+    (ref: RefObject<HTMLInputElement | null>, open: () => void) => {
+      fileInputRef.current = ref.current
+      openRef.current = open
+    },
+    [],
+  )
+
+  const controller = useMemo<PromptInputControllerProps>(
+    () => ({
+      __registerFileInput,
+      attachments,
+      textInput: {
+        clear: clearInput,
+        setInput: setTextInput,
+        value: textInput,
+      },
+    }),
+    [textInput, clearInput, attachments, __registerFileInput],
+  )
+
+  return (
+    <PromptInputController.Provider value={controller}>
+      <ProviderAttachmentsContext.Provider value={attachments}>
+        {children}
+      </ProviderAttachmentsContext.Provider>
+    </PromptInputController.Provider>
+  )
+}
+
+// ============================================================================
+// Component Context & Hooks
+// ============================================================================
+
+const LocalAttachmentsContext = createContext<AttachmentsContext | null>(null)
+
+export const usePromptInputAttachments = () => {
+  // Dual-mode: prefer provider if present, otherwise use local
+  const provider = useOptionalProviderAttachments()
+  const local = useContext(LocalAttachmentsContext)
+  const context = provider ?? local
+  if (!context) {
+    throw new Error(
+      'usePromptInputAttachments must be used within a PromptInput or PromptInputProvider',
+    )
+  }
+  return context
+}
+
+export type PromptInputAttachmentProps = HTMLAttributes<HTMLDivElement> & {
+  data: FileUIPart & { id: string }
+  className?: string
+}
+
+export function PromptInputAttachment({ data, className, ...props }: PromptInputAttachmentProps) {
+  const attachments = usePromptInputAttachments()
+
+  const mediaType = data.mediaType?.startsWith('image/') && data.url ? 'image' : 'file'
+
+  return (
+    <div
+      className={cn(
+        'group relative h-14 w-14 rounded-md border',
+        className,
+        mediaType === 'image' ? 'h-14 w-14' : 'h-8 w-auto max-w-full',
+      )}
+      key={data.id}
+      {...props}
+    >
+      {mediaType === 'image' ? (
+        <img
+          alt={data.filename || 'attachment'}
+          className='size-full rounded-md object-cover'
+          height={56}
+          src={data.url}
+          width={56}
+        />
+      ) : (
+        <div className='flex size-full max-w-full cursor-pointer items-center justify-start gap-2 overflow-hidden px-2 text-muted-foreground'>
+          <PaperclipIcon className='size-4 shrink-0' />
+          <Tooltip delayDuration={400}>
+            <TooltipTrigger className='min-w-0 flex-1'>
+              <h4 className='w-full truncate text-left font-medium text-sm'>
+                {data.filename || 'Unknown file'}
+              </h4>
+            </TooltipTrigger>
+            <TooltipContent>
+              <div className='text-muted-foreground text-xs'>
+                <h4 className='max-w-[240px] overflow-hidden whitespace-normal break-words text-left font-semibold text-sm'>
+                  {data.filename || 'Unknown file'}
+                </h4>
+                {data.mediaType && <div>{data.mediaType}</div>}
+              </div>
+            </TooltipContent>
+          </Tooltip>
+        </div>
+      )}
+      <Button
+        aria-label='Remove attachment'
+        className='-right-1.5 -top-1.5 absolute h-6 w-6 rounded-full opacity-0 group-hover:opacity-100'
+        onClick={() => attachments.remove(data.id)}
+        size='icon'
+        type='button'
+        variant='outline'
+      >
+        <XIcon className='h-3 w-3' />
+      </Button>
+    </div>
+  )
+}
+
+export type PromptInputAttachmentsProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+  children: (attachment: FileUIPart & { id: string }) => ReactNode
+}
+
+export function PromptInputAttachments({
+  className,
+  children,
+  ...props
+}: PromptInputAttachmentsProps) {
+  const attachments = usePromptInputAttachments()
+  const [height, setHeight] = useState(0)
+  const contentRef = useRef<HTMLDivElement>(null)
+
+  useLayoutEffect(() => {
+    const el = contentRef.current
+    if (!el) {
+      return
+    }
+    const ro = new ResizeObserver(() => {
+      setHeight(el.getBoundingClientRect().height)
+    })
+    ro.observe(el)
+    setHeight(el.getBoundingClientRect().height)
+    return () => ro.disconnect()
+  }, [])
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Force height measurement when attachments change
+  useLayoutEffect(() => {
+    const el = contentRef.current
+    if (!el) {
+      return
+    }
+    setHeight(el.getBoundingClientRect().height)
+  }, [attachments.files.length])
+
+  if (attachments.files.length === 0) {
+    return null
+  }
+
+  return (
+    <InputGroupAddon
+      align='block-start'
+      aria-live='polite'
+      className={cn('overflow-hidden transition-[height] duration-200 ease-out', className)}
+      style={{ height: attachments.files.length ? height : 0 }}
+      {...props}
+    >
+      <div className='space-y-2 py-1' ref={contentRef}>
+        <div className='flex flex-wrap gap-2'>
+          {attachments.files
+            .filter((f) => !(f.mediaType?.startsWith('image/') && f.url))
+            .map((file) => (
+              <Fragment key={file.id}>{children(file)}</Fragment>
+            ))}
+        </div>
+        <div className='flex flex-wrap gap-2'>
+          {attachments.files
+            .filter((f) => f.mediaType?.startsWith('image/') && f.url)
+            .map((file) => (
+              <Fragment key={file.id}>{children(file)}</Fragment>
+            ))}
+        </div>
+      </div>
+    </InputGroupAddon>
+  )
+}
+
+export type PromptInputActionAddAttachmentsProps = ComponentProps<typeof DropdownMenuItem> & {
+  label?: string
+}
+
+export const PromptInputActionAddAttachments = ({
+  label = 'Add photos or files',
+  ...props
+}: PromptInputActionAddAttachmentsProps) => {
+  const attachments = usePromptInputAttachments()
+
+  return (
+    <DropdownMenuItem
+      {...props}
+      onSelect={(e) => {
+        e.preventDefault()
+        attachments.openFileDialog()
+      }}
+    >
+      <ImageIcon className='mr-2 size-4' /> {label}
+    </DropdownMenuItem>
+  )
+}
+
+export type PromptInputMessage = {
+  text?: string
+  files?: Array<FileUIPart>
+}
+
+export type PromptInputProps = Omit<HTMLAttributes<HTMLFormElement>, 'onSubmit' | 'onError'> & {
+  accept?: string // e.g., "image/*" or leave undefined for any
+  multiple?: boolean
+  // When true, accepts drops anywhere on document. Default false (opt-in).
+  globalDrop?: boolean
+  // Render a hidden input with given name and keep it in sync for native form posts. Default false.
+  syncHiddenInput?: boolean
+  // Minimal constraints
+  maxFiles?: number
+  maxFileSize?: number // bytes
+  onError?: (err: { code: 'max_files' | 'max_file_size' | 'accept'; message: string }) => void
+  onSubmit: (message: PromptInputMessage, event: FormEvent<HTMLFormElement>) => void | Promise<void>
+}
+
+export const PromptInput = ({
+  className,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  onError,
+  onSubmit,
+  children,
+  ...props
+}: PromptInputProps) => {
+  // Try to use a provider controller if present
+  const controller = useOptionalPromptInputController()
+  const usingProvider = !!controller
+
+  // Refs
+  const inputRef = useRef<HTMLInputElement | null>(null)
+  const anchorRef = useRef<HTMLSpanElement>(null)
+  const formRef = useRef<HTMLFormElement | null>(null)
+
+  // Find nearest form to scope drag & drop
+  useEffect(() => {
+    const root = anchorRef.current?.closest('form')
+    if (root instanceof HTMLFormElement) {
+      formRef.current = root
+    }
+  }, [])
+
+  // ----- Local attachments (only used when no provider)
+  const [items, setItems] = useState<Array<FileUIPart & { id: string }>>([])
+  const files = usingProvider ? controller.attachments.files : items
+
+  const openFileDialogLocal = useCallback(() => {
+    inputRef.current?.click()
+  }, [])
+
+  const matchesAccept = useCallback(
+    (f: File) => {
+      if (!accept || accept.trim() === '') {
+        return true
+      }
+      if (accept.includes('image/*')) {
+        return f.type.startsWith('image/')
+      }
+      // NOTE: keep simple; expand as needed
+      return true
+    },
+    [accept],
+  )
+
+  const addLocal = useCallback(
+    (fileList: Array<File> | FileList) => {
+      const incoming = Array.from(fileList)
+      const accepted = incoming.filter((f) => matchesAccept(f))
+      if (incoming.length && accepted.length === 0) {
+        onError?.({
+          code: 'accept',
+          message: 'No files match the accepted types.',
+        })
+        return
+      }
+      const withinSize = (f: File) => (maxFileSize ? f.size <= maxFileSize : true)
+      const sized = accepted.filter(withinSize)
+      if (accepted.length > 0 && sized.length === 0) {
+        onError?.({
+          code: 'max_file_size',
+          message: 'All files exceed the maximum size.',
+        })
+        return
+      }
+
+      setItems((prev) => {
+        const capacity =
+          typeof maxFiles === 'number' ? Math.max(0, maxFiles - prev.length) : undefined
+        const capped = typeof capacity === 'number' ? sized.slice(0, capacity) : sized
+        if (typeof capacity === 'number' && sized.length > capacity) {
+          onError?.({
+            code: 'max_files',
+            message: 'Too many files. Some were not added.',
+          })
+        }
+        const next: Array<FileUIPart & { id: string }> = []
+        for (const file of capped) {
+          next.push({
+            filename: file.name,
+            id: nanoid(),
+            mediaType: file.type,
+            type: 'file',
+            url: URL.createObjectURL(file),
+          })
+        }
+        return prev.concat(next)
+      })
+    },
+    [matchesAccept, maxFiles, maxFileSize, onError],
+  )
+
+  const add = usingProvider
+    ? (files: Array<File> | FileList) => controller.attachments.add(files)
+    : addLocal
+
+  const remove = usingProvider
+    ? (id: string) => controller.attachments.remove(id)
+    : (id: string) =>
+        setItems((prev) => {
+          const found = prev.find((file) => file.id === id)
+          if (found?.url) {
+            URL.revokeObjectURL(found.url)
+          }
+          return prev.filter((file) => file.id !== id)
+        })
+
+  const clear = usingProvider
+    ? () => controller.attachments.clear()
+    : () =>
+        setItems((prev) => {
+          for (const file of prev) {
+            if (file.url) {
+              URL.revokeObjectURL(file.url)
+            }
+          }
+          return []
+        })
+
+  const openFileDialog = usingProvider
+    ? () => controller.attachments.openFileDialog()
+    : openFileDialogLocal
+
+  // Let provider know about our hidden file input so external menus can call openFileDialog()
+  useEffect(() => {
+    if (!usingProvider) return
+    controller.__registerFileInput(inputRef, () => inputRef.current?.click())
+  }, [usingProvider, controller])
+
+  // Note: File input cannot be programmatically set for security reasons
+  // The syncHiddenInput prop is no longer functional
+  useEffect(() => {
+    if (syncHiddenInput && inputRef.current && files.length === 0) {
+      inputRef.current.value = ''
+    }
+  }, [files, syncHiddenInput])
+
+  // Attach drop handlers on nearest form and document (opt-in)
+  useEffect(() => {
+    const form = formRef.current
+    if (!form) return
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+    }
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files)
+      }
+    }
+    form.addEventListener('dragover', onDragOver)
+    form.addEventListener('drop', onDrop)
+    return () => {
+      form.removeEventListener('dragover', onDragOver)
+      form.removeEventListener('drop', onDrop)
+    }
+  }, [add])
+
+  useEffect(() => {
+    if (!globalDrop) return
+
+    const onDragOver = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+    }
+    const onDrop = (e: DragEvent) => {
+      if (e.dataTransfer?.types?.includes('Files')) {
+        e.preventDefault()
+      }
+      if (e.dataTransfer?.files && e.dataTransfer.files.length > 0) {
+        add(e.dataTransfer.files)
+      }
+    }
+    document.addEventListener('dragover', onDragOver)
+    document.addEventListener('drop', onDrop)
+    return () => {
+      document.removeEventListener('dragover', onDragOver)
+      document.removeEventListener('drop', onDrop)
+    }
+  }, [add, globalDrop])
+
+  useEffect(
+    () => () => {
+      if (!usingProvider) {
+        for (const f of files) {
+          if (f.url) URL.revokeObjectURL(f.url)
+        }
+      }
+    },
+    [usingProvider, files],
+  )
+
+  const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {
+    if (event.currentTarget.files) {
+      add(event.currentTarget.files)
+    }
+  }
+
+  const convertBlobUrlToDataUrl = async (url: string): Promise<string> => {
+    const response = await fetch(url)
+    const blob = await response.blob()
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader()
+      reader.onloadend = () => resolve(reader.result as string)
+      reader.onerror = reject
+      reader.readAsDataURL(blob)
+    })
+  }
+
+  const ctx = useMemo<AttachmentsContext>(
+    () => ({
+      add,
+      clear,
+      fileInputRef: inputRef,
+      files: files.map((item) => ({ ...item, id: item.id })),
+      openFileDialog,
+      remove,
+    }),
+    [files, add, remove, clear, openFileDialog],
+  )
+
+  const handleSubmit: FormEventHandler<HTMLFormElement> = (event) => {
+    event.preventDefault()
+
+    const form = event.currentTarget
+    const text = usingProvider
+      ? controller.textInput.value
+      : (() => {
+          const formData = new FormData(form)
+          return (formData.get('message') as string) || ''
+        })()
+
+    // Reset form immediately after capturing text to avoid race condition
+    // where user input during async blob conversion would be lost
+    if (!usingProvider) {
+      form.reset()
+    }
+
+    // Convert blob URLs to data URLs asynchronously
+    Promise.all(
+      files.map(async ({ id, ...item }) => {
+        if (item.url && item.url.startsWith('blob:')) {
+          return {
+            ...item,
+            url: await convertBlobUrlToDataUrl(item.url),
+          }
+        }
+        return item
+      }),
+    ).then((convertedFiles: Array<FileUIPart>) => {
+      try {
+        const result = onSubmit({ files: convertedFiles, text }, event)
+
+        // Handle both sync and async onSubmit
+        if (result instanceof Promise) {
+          result
+            .then(() => {
+              clear()
+              if (usingProvider) {
+                controller.textInput.clear()
+              }
+            })
+            .catch(() => {
+              // Don't clear on error - user may want to retry
+            })
+        } else {
+          // Sync function completed without throwing, clear attachments
+          clear()
+          if (usingProvider) {
+            controller.textInput.clear()
+          }
+        }
+      } catch (_error) {
+        // Don't clear on error - user may want to retry
+      }
+    })
+  }
+
+  // Render with or without local provider
+  const inner = (
+    <>
+      <span aria-hidden='true' className='hidden' ref={anchorRef} />
+      <input
+        accept={accept}
+        aria-label='Upload files'
+        className='hidden'
+        multiple={multiple}
+        onChange={handleChange}
+        ref={inputRef}
+        title='Upload files'
+        type='file'
+      />
+      <form className={cn('w-full', className)} onSubmit={handleSubmit} {...props}>
+        <InputGroup>{children}</InputGroup>
+      </form>
+    </>
+  )
+
+  return usingProvider ? (
+    inner
+  ) : (
+    <LocalAttachmentsContext.Provider value={ctx}>{inner}</LocalAttachmentsContext.Provider>
+  )
+}
+
+export type PromptInputBodyProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputBody = ({ className, ...props }: PromptInputBodyProps) => (
+  <div className={cn('contents', className)} {...props} />
+)
+
+export type PromptInputTextareaProps = ComponentProps<typeof InputGroupTextarea>
+
+export const PromptInputTextarea = ({
+  onChange,
+  className,
+  placeholder = 'What would you like to know?',
+  ...props
+}: PromptInputTextareaProps) => {
+  const controller = useOptionalPromptInputController()
+  const attachments = usePromptInputAttachments()
+  const [isComposing, setIsComposing] = useState(false)
+
+  const handleKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = (e) => {
+    if (e.key === 'Enter') {
+      if (isComposing || e.nativeEvent.isComposing) {
+        return
+      }
+      if (e.shiftKey) {
+        return
+      }
+      e.preventDefault()
+      e.currentTarget.form?.requestSubmit()
+    }
+
+    // Remove last attachment when Backspace is pressed and textarea is empty
+    if (e.key === 'Backspace' && e.currentTarget.value === '' && attachments.files.length > 0) {
+      e.preventDefault()
+      const lastAttachment = attachments.files.at(-1)
+      if (lastAttachment) {
+        attachments.remove(lastAttachment.id)
+      }
+    }
+  }
+
+  const handlePaste: ClipboardEventHandler<HTMLTextAreaElement> = (event) => {
+    const items = event.clipboardData?.items
+
+    if (!items) {
+      return
+    }
+
+    const files: Array<File> = []
+
+    // @ts-expect-error
+    for (const item of items) {
+      if (item.kind === 'file') {
+        const file = item.getAsFile()
+        if (file) {
+          files.push(file)
+        }
+      }
+    }
+
+    if (files.length > 0) {
+      event.preventDefault()
+      attachments.add(files)
+    }
+  }
+
+  const controlledProps = controller
+    ? {
+        onChange: (e: ChangeEvent<HTMLTextAreaElement>) => {
+          controller.textInput.setInput(e.currentTarget.value)
+          onChange?.(e)
+        },
+        value: controller.textInput.value,
+      }
+    : {
+        onChange,
+      }
+
+  return (
+    <InputGroupTextarea
+      className={cn('field-sizing-content max-h-48 min-h-16', className)}
+      name='message'
+      onCompositionEnd={() => setIsComposing(false)}
+      onCompositionStart={() => setIsComposing(true)}
+      onKeyDown={handleKeyDown}
+      onPaste={handlePaste}
+      placeholder={placeholder}
+      {...props}
+      {...controlledProps}
+    />
+  )
+}
+
+export type PromptInputHeaderProps = Omit<ComponentProps<typeof InputGroupAddon>, 'align'>
+
+export const PromptInputHeader = ({ className, ...props }: PromptInputHeaderProps) => (
+  <InputGroupAddon align='block-end' className={cn('order-first gap-1', className)} {...props} />
+)
+
+export type PromptInputFooterProps = Omit<ComponentProps<typeof InputGroupAddon>, 'align'>
+
+export const PromptInputFooter = ({ className, ...props }: PromptInputFooterProps) => (
+  <InputGroupAddon
+    align='block-end'
+    className={cn('justify-between gap-1', className)}
+    {...props}
+  />
+)
+
+export type PromptInputToolsProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTools = ({ className, ...props }: PromptInputToolsProps) => (
+  <div className={cn('flex items-center gap-1', className)} {...props} />
+)
+
+export type PromptInputButtonProps = ComponentProps<typeof InputGroupButton>
+
+export const PromptInputButton = ({
+  variant = 'ghost',
+  className,
+  size,
+  ...props
+}: PromptInputButtonProps) => {
+  const newSize = size ?? (Children.count(props.children) > 1 ? 'sm' : 'icon-sm')
+
+  return (
+    <InputGroupButton
+      className={cn(className)}
+      size={newSize}
+      type='button'
+      variant={variant}
+      {...props}
+    />
+  )
+}
+
+export type PromptInputActionMenuProps = ComponentProps<typeof DropdownMenu>
+export const PromptInputActionMenu = (props: PromptInputActionMenuProps) => (
+  <DropdownMenu {...props} />
+)
+
+export type PromptInputActionMenuTriggerProps = PromptInputButtonProps
+
+export const PromptInputActionMenuTrigger = ({
+  className,
+  children,
+  ...props
+}: PromptInputActionMenuTriggerProps) => (
+  <DropdownMenuTrigger asChild>
+    <PromptInputButton className={className} {...props}>
+      {children ?? <PlusIcon className='size-4' />}
+    </PromptInputButton>
+  </DropdownMenuTrigger>
+)
+
+export type PromptInputActionMenuContentProps = ComponentProps<typeof DropdownMenuContent>
+export const PromptInputActionMenuContent = ({
+  className,
+  ...props
+}: PromptInputActionMenuContentProps) => (
+  <DropdownMenuContent align='start' className={cn(className)} {...props} />
+)
+
+export type PromptInputActionMenuItemProps = ComponentProps<typeof DropdownMenuItem>
+export const PromptInputActionMenuItem = ({
+  className,
+  ...props
+}: PromptInputActionMenuItemProps) => <DropdownMenuItem className={cn(className)} {...props} />
+
+// Note: Actions that perform side-effects (like opening a file dialog)
+// are provided in opt-in modules (e.g., prompt-input-attachments).
+
+export type PromptInputSubmitProps = ComponentProps<typeof InputGroupButton> & {
+  status?: ChatStatus
+}
+
+export const PromptInputSubmit = ({
+  className,
+  variant = 'default',
+  size = 'icon-sm',
+  status,
+  children,
+  ...props
+}: PromptInputSubmitProps) => {
+  let Icon = <SendIcon className='size-4' />
+
+  if (status === 'submitted') {
+    Icon = <Loader2Icon className='size-4 animate-spin' />
+  } else if (status === 'streaming') {
+    Icon = <SquareIcon className='size-4' />
+  } else if (status === 'error') {
+    Icon = <XIcon className='size-4' />
+  }
+
+  return (
+    <InputGroupButton
+      aria-label='Submit'
+      className={cn(className)}
+      size={size}
+      type='submit'
+      variant={variant}
+      {...props}
+    >
+      {children ?? Icon}
+    </InputGroupButton>
+  )
+}
+
+interface SpeechRecognition extends EventTarget {
+  continuous: boolean
+  interimResults: boolean
+  lang: string
+  start(): void
+  stop(): void
+  onstart: ((this: SpeechRecognition, ev: Event) => any) | null
+  onend: ((this: SpeechRecognition, ev: Event) => any) | null
+  onresult: ((this: SpeechRecognition, ev: SpeechRecognitionEvent) => any) | null
+  onerror: ((this: SpeechRecognition, ev: SpeechRecognitionErrorEvent) => any) | null
+}
+
+interface SpeechRecognitionEvent extends Event {
+  results: SpeechRecognitionResultList
+}
+
+type SpeechRecognitionResultList = {
+  readonly length: number
+  item(index: number): SpeechRecognitionResult
+  [index: number]: SpeechRecognitionResult
+}
+
+type SpeechRecognitionResult = {
+  readonly length: number
+  item(index: number): SpeechRecognitionAlternative
+  [index: number]: SpeechRecognitionAlternative
+  isFinal: boolean
+}
+
+type SpeechRecognitionAlternative = {
+  transcript: string
+  confidence: number
+}
+
+interface SpeechRecognitionErrorEvent extends Event {
+  error: string
+}
+
+declare global {
+  interface Window {
+    SpeechRecognition: {
+      new (): SpeechRecognition
+    }
+    webkitSpeechRecognition: {
+      new (): SpeechRecognition
+    }
+  }
+}
+
+export type PromptInputSpeechButtonProps = ComponentProps<typeof PromptInputButton> & {
+  textareaRef?: RefObject<HTMLTextAreaElement | null>
+  onTranscriptionChange?: (text: string) => void
+}
+
+export const PromptInputSpeechButton = ({
+  className,
+  textareaRef,
+  onTranscriptionChange,
+  ...props
+}: PromptInputSpeechButtonProps) => {
+  const [isListening, setIsListening] = useState(false)
+  const [recognition, setRecognition] = useState<SpeechRecognition | null>(null)
+  const recognitionRef = useRef<SpeechRecognition | null>(null)
+
+  useEffect(() => {
+    if (
+      typeof window !== 'undefined' &&
+      ('SpeechRecognition' in window || 'webkitSpeechRecognition' in window)
+    ) {
+      const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition
+      const speechRecognition = new SpeechRecognition()
+
+      speechRecognition.continuous = true
+      speechRecognition.interimResults = true
+      speechRecognition.lang = 'en-US'
+
+      speechRecognition.onstart = () => {
+        setIsListening(true)
+      }
+
+      speechRecognition.onend = () => {
+        setIsListening(false)
+      }
+
+      speechRecognition.onresult = (event) => {
+        let finalTranscript = ''
+
+        const results = Array.from(event.results)
+
+        for (const result of results) {
+          if (result.isFinal) {
+            // @ts-expect-error
+            finalTranscript += result[0].transcript
+          }
+        }
+
+        if (finalTranscript && textareaRef?.current) {
+          const textarea = textareaRef.current
+          const currentValue = textarea.value
+          const newValue = currentValue + (currentValue ? ' ' : '') + finalTranscript
+
+          textarea.value = newValue
+          textarea.dispatchEvent(new Event('input', { bubbles: true }))
+          onTranscriptionChange?.(newValue)
+        }
+      }
+
+      speechRecognition.onerror = (event) => {
+        console.error('Speech recognition error:', event.error)
+        setIsListening(false)
+      }
+
+      recognitionRef.current = speechRecognition
+      setRecognition(speechRecognition)
+    }
+
+    return () => {
+      if (recognitionRef.current) {
+        recognitionRef.current.stop()
+      }
+    }
+  }, [textareaRef, onTranscriptionChange])
+
+  const toggleListening = useCallback(() => {
+    if (!recognition) {
+      return
+    }
+
+    if (isListening) {
+      recognition.stop()
+    } else {
+      recognition.start()
+    }
+  }, [recognition, isListening])
+
+  return (
+    <PromptInputButton
+      className={cn(
+        'relative transition-all duration-200',
+        isListening && 'animate-pulse bg-accent text-accent-foreground',
+        className,
+      )}
+      disabled={!recognition}
+      onClick={toggleListening}
+      {...props}
+    >
+      <MicIcon className='size-4' />
+    </PromptInputButton>
+  )
+}
+
+export type PromptInputModelSelectProps = ComponentProps<typeof Select>
+
+export const PromptInputModelSelect = (props: PromptInputModelSelectProps) => <Select {...props} />
+
+export type PromptInputModelSelectTriggerProps = ComponentProps<typeof SelectTrigger>
+
+export const PromptInputModelSelectTrigger = ({
+  className,
+  ...props
+}: PromptInputModelSelectTriggerProps) => (
+  <SelectTrigger
+    className={cn(
+      'border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors',
+      'hover:bg-accent hover:text-foreground [&[aria-expanded="true"]]:bg-accent [&[aria-expanded="true"]]:text-foreground',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type PromptInputModelSelectContentProps = ComponentProps<typeof SelectContent>
+
+export const PromptInputModelSelectContent = ({
+  className,
+  ...props
+}: PromptInputModelSelectContentProps) => <SelectContent className={cn(className)} {...props} />
+
+export type PromptInputModelSelectItemProps = ComponentProps<typeof SelectItem>
+
+export const PromptInputModelSelectItem = ({
+  className,
+  ...props
+}: PromptInputModelSelectItemProps) => <SelectItem className={cn(className)} {...props} />
+
+export type PromptInputModelSelectValueProps = ComponentProps<typeof SelectValue>
+
+export const PromptInputModelSelectValue = ({
+  className,
+  ...props
+}: PromptInputModelSelectValueProps) => <SelectValue className={cn(className)} {...props} />
+
+export type PromptInputHoverCardProps = ComponentProps<typeof HoverCard>
+
+export const PromptInputHoverCard = ({
+  openDelay = 0,
+  closeDelay = 0,
+  ...props
+}: PromptInputHoverCardProps) => (
+  <HoverCard closeDelay={closeDelay} openDelay={openDelay} {...props} />
+)
+
+export type PromptInputHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>
+
+export const PromptInputHoverCardTrigger = (props: PromptInputHoverCardTriggerProps) => (
+  <HoverCardTrigger {...props} />
+)
+
+export type PromptInputHoverCardContentProps = ComponentProps<typeof HoverCardContent>
+
+export const PromptInputHoverCardContent = ({
+  align = 'start',
+  ...props
+}: PromptInputHoverCardContentProps) => <HoverCardContent align={align} {...props} />
+
+export type PromptInputTabsListProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabsList = ({ className, ...props }: PromptInputTabsListProps) => (
+  <div className={cn(className)} {...props} />
+)
+
+export type PromptInputTabProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTab = ({ className, ...props }: PromptInputTabProps) => (
+  <div className={cn(className)} {...props} />
+)
+
+export type PromptInputTabLabelProps = HTMLAttributes<HTMLHeadingElement>
+
+export const PromptInputTabLabel = ({ className, ...props }: PromptInputTabLabelProps) => (
+  <h3 className={cn('mb-2 px-3 font-medium text-muted-foreground text-xs', className)} {...props} />
+)
+
+export type PromptInputTabBodyProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabBody = ({ className, ...props }: PromptInputTabBodyProps) => (
+  <div className={cn('space-y-1', className)} {...props} />
+)
+
+export type PromptInputTabItemProps = HTMLAttributes<HTMLDivElement>
+
+export const PromptInputTabItem = ({ className, ...props }: PromptInputTabItemProps) => (
+  <div
+    className={cn('flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent', className)}
+    {...props}
+  />
+)
+
+export type PromptInputCommandProps = ComponentProps<typeof Command>
+
+export const PromptInputCommand = ({ className, ...props }: PromptInputCommandProps) => (
+  <Command className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandInputProps = ComponentProps<typeof CommandInput>
+
+export const PromptInputCommandInput = ({ className, ...props }: PromptInputCommandInputProps) => (
+  <CommandInput className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandListProps = ComponentProps<typeof CommandList>
+
+export const PromptInputCommandList = ({ className, ...props }: PromptInputCommandListProps) => (
+  <CommandList className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandEmptyProps = ComponentProps<typeof CommandEmpty>
+
+export const PromptInputCommandEmpty = ({ className, ...props }: PromptInputCommandEmptyProps) => (
+  <CommandEmpty className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandGroupProps = ComponentProps<typeof CommandGroup>
+
+export const PromptInputCommandGroup = ({ className, ...props }: PromptInputCommandGroupProps) => (
+  <CommandGroup className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandItemProps = ComponentProps<typeof CommandItem>
+
+export const PromptInputCommandItem = ({ className, ...props }: PromptInputCommandItemProps) => (
+  <CommandItem className={cn(className)} {...props} />
+)
+
+export type PromptInputCommandSeparatorProps = ComponentProps<typeof CommandSeparator>
+
+export const PromptInputCommandSeparator = ({
+  className,
+  ...props
+}: PromptInputCommandSeparatorProps) => <CommandSeparator className={cn(className)} {...props} />
diff --git a/packages/ui/components/ai-elements/queue.tsx b/packages/ui/components/ai-elements/queue.tsx
new file mode 100644
index 00000000..c9caaa8a
--- /dev/null
+++ b/packages/ui/components/ai-elements/queue.tsx
@@ -0,0 +1,235 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { ScrollArea } from '@openfaith/ui/components/ui/scroll-area'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ChevronDownIcon, PaperclipIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+
+export type QueueMessagePart = {
+  type: string
+  text?: string
+  url?: string
+  filename?: string
+  mediaType?: string
+}
+
+export type QueueMessage = {
+  id: string
+  parts: Array<QueueMessagePart>
+}
+
+export type QueueTodo = {
+  id: string
+  title: string
+  description?: string
+  status?: 'pending' | 'completed'
+}
+
+export type QueueItemProps = ComponentProps<'li'>
+
+export const QueueItem = ({ className, ...props }: QueueItemProps) => (
+  <li
+    className={cn(
+      'group flex flex-col gap-1 rounded-md px-3 py-1 text-sm transition-colors hover:bg-muted',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemIndicatorProps = ComponentProps<'span'> & {
+  completed?: boolean
+}
+
+export const QueueItemIndicator = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemIndicatorProps) => (
+  <span
+    className={cn(
+      'mt-0.5 inline-block size-2.5 rounded-full border',
+      completed
+        ? 'border-muted-foreground/20 bg-muted-foreground/10'
+        : 'border-muted-foreground/50',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemContentProps = ComponentProps<'span'> & {
+  completed?: boolean
+}
+
+export const QueueItemContent = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemContentProps) => (
+  <span
+    className={cn(
+      'line-clamp-1 grow break-words',
+      completed ? 'text-muted-foreground/50 line-through' : 'text-muted-foreground',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemDescriptionProps = ComponentProps<'div'> & {
+  completed?: boolean
+}
+
+export const QueueItemDescription = ({
+  completed = false,
+  className,
+  ...props
+}: QueueItemDescriptionProps) => (
+  <div
+    className={cn(
+      'ml-6 text-xs',
+      completed ? 'text-muted-foreground/40 line-through' : 'text-muted-foreground',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type QueueItemActionsProps = ComponentProps<'div'>
+
+export const QueueItemActions = ({ className, ...props }: QueueItemActionsProps) => (
+  <div className={cn('flex gap-1', className)} {...props} />
+)
+
+export type QueueItemActionProps = Omit<ComponentProps<typeof Button>, 'variant' | 'size'>
+
+export const QueueItemAction = ({ className, ...props }: QueueItemActionProps) => (
+  <Button
+    className={cn(
+      'size-auto rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:bg-muted-foreground/10 hover:text-foreground group-hover:opacity-100',
+      className,
+    )}
+    size='icon'
+    type='button'
+    variant='ghost'
+    {...props}
+  />
+)
+
+export type QueueItemAttachmentProps = ComponentProps<'div'>
+
+export const QueueItemAttachment = ({ className, ...props }: QueueItemAttachmentProps) => (
+  <div className={cn('mt-1 flex flex-wrap gap-2', className)} {...props} />
+)
+
+export type QueueItemImageProps = ComponentProps<'img'>
+
+export const QueueItemImage = ({ className, ...props }: QueueItemImageProps) => (
+  <img
+    alt=''
+    className={cn('h-8 w-8 rounded border object-cover', className)}
+    height={32}
+    width={32}
+    {...props}
+  />
+)
+
+export type QueueItemFileProps = ComponentProps<'span'>
+
+export const QueueItemFile = ({ children, className, ...props }: QueueItemFileProps) => (
+  <span
+    className={cn('flex items-center gap-1 rounded border bg-muted px-2 py-1 text-xs', className)}
+    {...props}
+  >
+    <PaperclipIcon size={12} />
+    <span className='max-w-[100px] truncate'>{children}</span>
+  </span>
+)
+
+export type QueueListProps = ComponentProps<typeof ScrollArea>
+
+export const QueueList = ({ children, className, ...props }: QueueListProps) => (
+  <ScrollArea className={cn('-mb-1 mt-2', className)} {...props}>
+    <div className='max-h-40 pr-4'>
+      <ul>{children}</ul>
+    </div>
+  </ScrollArea>
+)
+
+// QueueSection - collapsible section container
+export type QueueSectionProps = ComponentProps<typeof Collapsible>
+
+export const QueueSection = ({ className, defaultOpen = true, ...props }: QueueSectionProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+)
+
+// QueueSectionTrigger - section header/trigger
+export type QueueSectionTriggerProps = ComponentProps<'button'>
+
+export const QueueSectionTrigger = ({
+  children,
+  className,
+  ...props
+}: QueueSectionTriggerProps) => (
+  <CollapsibleTrigger asChild>
+    <button
+      className={cn(
+        'group flex w-full items-center justify-between rounded-md bg-muted/40 px-3 py-2 text-left font-medium text-muted-foreground text-sm transition-colors hover:bg-muted',
+        className,
+      )}
+      type='button'
+      {...props}
+    >
+      {children}
+    </button>
+  </CollapsibleTrigger>
+)
+
+// QueueSectionLabel - label content with icon and count
+export type QueueSectionLabelProps = ComponentProps<'span'> & {
+  count?: number
+  label: string
+  icon?: React.ReactNode
+}
+
+export const QueueSectionLabel = ({
+  count,
+  label,
+  icon,
+  className,
+  ...props
+}: QueueSectionLabelProps) => (
+  <span className={cn('flex items-center gap-2', className)} {...props}>
+    <ChevronDownIcon className='group-data-[state=closed]:-rotate-90 size-4 transition-transform' />
+    {icon}
+    <span>
+      {count} {label}
+    </span>
+  </span>
+)
+
+// QueueSectionContent - collapsible content area
+export type QueueSectionContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const QueueSectionContent = ({ className, ...props }: QueueSectionContentProps) => (
+  <CollapsibleContent className={cn(className)} {...props} />
+)
+
+export type QueueProps = ComponentProps<'div'>
+
+export const Queue = ({ className, ...props }: QueueProps) => (
+  <div
+    className={cn(
+      'flex flex-col gap-2 rounded-xl border border-border bg-background px-3 pt-2 pb-2 shadow-xs',
+      className,
+    )}
+    {...props}
+  />
+)
diff --git a/packages/ui/components/ai-elements/reasoning.tsx b/packages/ui/components/ai-elements/reasoning.tsx
new file mode 100644
index 00000000..ea7c7feb
--- /dev/null
+++ b/packages/ui/components/ai-elements/reasoning.tsx
@@ -0,0 +1,169 @@
+'use client'
+
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import { useControllableState } from '@radix-ui/react-use-controllable-state'
+import { BrainIcon, ChevronDownIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+import { createContext, memo, useContext, useEffect, useState } from 'react'
+import { Response } from './response'
+import { Shimmer } from './shimmer'
+
+type ReasoningContextValue = {
+  isStreaming: boolean
+  isOpen: boolean
+  setIsOpen: (open: boolean) => void
+  duration: number
+}
+
+const ReasoningContext = createContext<ReasoningContextValue | null>(null)
+
+const useReasoning = () => {
+  const context = useContext(ReasoningContext)
+  if (!context) {
+    throw new Error('Reasoning components must be used within Reasoning')
+  }
+  return context
+}
+
+export type ReasoningProps = ComponentProps<typeof Collapsible> & {
+  isStreaming?: boolean
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?: (open: boolean) => void
+  duration?: number
+}
+
+const AUTO_CLOSE_DELAY = 1000
+const MS_IN_S = 1000
+
+export const Reasoning = memo(
+  ({
+    className,
+    isStreaming = false,
+    open,
+    defaultOpen = true,
+    onOpenChange,
+    duration: durationProp,
+    children,
+    ...props
+  }: ReasoningProps) => {
+    const [isOpen, setIsOpen] = useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: open,
+    })
+    const [duration, setDuration] = useControllableState({
+      defaultProp: 0,
+      prop: durationProp,
+    })
+
+    const [hasAutoClosed, setHasAutoClosed] = useState(false)
+    const [startTime, setStartTime] = useState<number | null>(null)
+
+    // Track duration when streaming starts and ends
+    useEffect(() => {
+      if (isStreaming) {
+        if (startTime === null) {
+          setStartTime(Date.now())
+        }
+      } else if (startTime !== null) {
+        setDuration(Math.ceil((Date.now() - startTime) / MS_IN_S))
+        setStartTime(null)
+      }
+    }, [isStreaming, startTime, setDuration])
+
+    // Auto-open when streaming starts, auto-close when streaming ends (once only)
+    useEffect(() => {
+      if (defaultOpen && !isStreaming && isOpen && !hasAutoClosed) {
+        // Add a small delay before closing to allow user to see the content
+        const timer = setTimeout(() => {
+          setIsOpen(false)
+          setHasAutoClosed(true)
+        }, AUTO_CLOSE_DELAY)
+
+        return () => clearTimeout(timer)
+      }
+
+      return
+    }, [isStreaming, isOpen, defaultOpen, setIsOpen, hasAutoClosed])
+
+    const handleOpenChange = (newOpen: boolean) => {
+      setIsOpen(newOpen)
+    }
+
+    return (
+      <ReasoningContext.Provider value={{ duration, isOpen, isStreaming, setIsOpen }}>
+        <Collapsible
+          className={cn('not-prose mb-4', className)}
+          onOpenChange={handleOpenChange}
+          open={isOpen}
+          {...props}
+        >
+          {children}
+        </Collapsible>
+      </ReasoningContext.Provider>
+    )
+  },
+)
+
+export type ReasoningTriggerProps = ComponentProps<typeof CollapsibleTrigger>
+
+const getThinkingMessage = (isStreaming: boolean, duration?: number) => {
+  if (isStreaming || duration === 0) {
+    return <Shimmer duration={1}>Thinking...</Shimmer>
+  }
+  if (duration === undefined) {
+    return <p>Thought for a few seconds</p>
+  }
+  return <p>Thought for {duration} seconds</p>
+}
+
+export const ReasoningTrigger = memo(({ className, children, ...props }: ReasoningTriggerProps) => {
+  const { isStreaming, isOpen, duration } = useReasoning()
+
+  return (
+    <CollapsibleTrigger
+      className={cn(
+        'flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground',
+        className,
+      )}
+      {...props}
+    >
+      {children ?? (
+        <>
+          <BrainIcon className='size-4' />
+          {getThinkingMessage(isStreaming, duration)}
+          <ChevronDownIcon
+            className={cn('size-4 transition-transform', isOpen ? 'rotate-180' : 'rotate-0')}
+          />
+        </>
+      )}
+    </CollapsibleTrigger>
+  )
+})
+
+export type ReasoningContentProps = ComponentProps<typeof CollapsibleContent> & {
+  children: string
+}
+
+export const ReasoningContent = memo(({ className, children, ...props }: ReasoningContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'mt-4 text-sm',
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+      className,
+    )}
+    {...props}
+  >
+    <Response className='grid gap-2'>{children}</Response>
+  </CollapsibleContent>
+))
+
+Reasoning.displayName = 'Reasoning'
+ReasoningTrigger.displayName = 'ReasoningTrigger'
+ReasoningContent.displayName = 'ReasoningContent'
diff --git a/packages/ui/components/ai-elements/response.tsx b/packages/ui/components/ai-elements/response.tsx
new file mode 100644
index 00000000..5db735ed
--- /dev/null
+++ b/packages/ui/components/ai-elements/response.tsx
@@ -0,0 +1,19 @@
+'use client'
+
+import { cn } from '@openfaith/ui/shared/utils'
+import { type ComponentProps, memo } from 'react'
+import { Streamdown } from 'streamdown'
+
+type ResponseProps = ComponentProps<typeof Streamdown>
+
+export const Response = memo(
+  ({ className, ...props }: ResponseProps) => (
+    <Streamdown
+      className={cn('size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0', className)}
+      {...props}
+    />
+  ),
+  (prevProps, nextProps) => prevProps.children === nextProps.children,
+)
+
+Response.displayName = 'Response'
diff --git a/packages/ui/components/ai-elements/shimmer.tsx b/packages/ui/components/ai-elements/shimmer.tsx
new file mode 100644
index 00000000..a30ee9ed
--- /dev/null
+++ b/packages/ui/components/ai-elements/shimmer.tsx
@@ -0,0 +1,53 @@
+'use client'
+
+import { cn } from '@openfaith/ui/shared/utils'
+import { motion } from 'motion/react'
+import { type CSSProperties, type ElementType, type JSX, memo, useMemo } from 'react'
+
+export type TextShimmerProps = {
+  children: string
+  as?: ElementType
+  className?: string
+  duration?: number
+  spread?: number
+}
+
+const ShimmerComponent = ({
+  children,
+  as: Component = 'p',
+  className,
+  duration = 2,
+  spread = 2,
+}: TextShimmerProps) => {
+  const MotionComponent = motion.create(Component as keyof JSX.IntrinsicElements)
+
+  const dynamicSpread = useMemo(() => (children?.length ?? 0) * spread, [children, spread])
+
+  return (
+    <MotionComponent
+      animate={{ backgroundPosition: '0% center' }}
+      className={cn(
+        'relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent',
+        '[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]',
+        className,
+      )}
+      initial={{ backgroundPosition: '100% center' }}
+      style={
+        {
+          '--spread': `${dynamicSpread}px`,
+          backgroundImage:
+            'var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))',
+        } as CSSProperties
+      }
+      transition={{
+        duration,
+        ease: 'linear',
+        repeat: Number.POSITIVE_INFINITY,
+      }}
+    >
+      {children}
+    </MotionComponent>
+  )
+}
+
+export const Shimmer = memo(ShimmerComponent)
diff --git a/packages/ui/components/ai-elements/sources.tsx b/packages/ui/components/ai-elements/sources.tsx
new file mode 100644
index 00000000..94fe3517
--- /dev/null
+++ b/packages/ui/components/ai-elements/sources.tsx
@@ -0,0 +1,57 @@
+'use client'
+
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import { BookIcon, ChevronDownIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+
+export type SourcesProps = ComponentProps<'div'>
+
+export const Sources = ({ className, ...props }: SourcesProps) => (
+  <Collapsible className={cn('not-prose mb-4 text-primary text-xs', className)} {...props} />
+)
+
+export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  count: number
+}
+
+export const SourcesTrigger = ({ className, count, children, ...props }: SourcesTriggerProps) => (
+  <CollapsibleTrigger className={cn('flex items-center gap-2', className)} {...props}>
+    {children ?? (
+      <>
+        <p className='font-medium'>Used {count} sources</p>
+        <ChevronDownIcon className='h-4 w-4' />
+      </>
+    )}
+  </CollapsibleTrigger>
+)
+
+export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const SourcesContent = ({ className, ...props }: SourcesContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'mt-3 flex w-fit flex-col gap-2',
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type SourceProps = ComponentProps<'a'>
+
+export const Source = ({ href, title, children, ...props }: SourceProps) => (
+  <a className='flex items-center gap-2' href={href} rel='noreferrer' target='_blank' {...props}>
+    {children ?? (
+      <>
+        <BookIcon className='h-4 w-4' />
+        <span className='block font-medium'>{title}</span>
+      </>
+    )}
+  </a>
+)
diff --git a/packages/ui/components/ai-elements/suggestion.tsx b/packages/ui/components/ai-elements/suggestion.tsx
new file mode 100644
index 00000000..66a69491
--- /dev/null
+++ b/packages/ui/components/ai-elements/suggestion.tsx
@@ -0,0 +1,47 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { ScrollArea, ScrollBar } from '@openfaith/ui/components/ui/scroll-area'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { ComponentProps } from 'react'
+
+export type SuggestionsProps = ComponentProps<typeof ScrollArea>
+
+export const Suggestions = ({ className, children, ...props }: SuggestionsProps) => (
+  <ScrollArea className='w-full overflow-x-auto whitespace-nowrap' {...props}>
+    <div className={cn('flex w-max flex-nowrap items-center gap-2', className)}>{children}</div>
+    <ScrollBar className='hidden' orientation='horizontal' />
+  </ScrollArea>
+)
+
+export type SuggestionProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {
+  suggestion: string
+  onClick?: (suggestion: string) => void
+}
+
+export const Suggestion = ({
+  suggestion,
+  onClick,
+  className,
+  variant = 'outline',
+  size = 'sm',
+  children,
+  ...props
+}: SuggestionProps) => {
+  const handleClick = () => {
+    onClick?.(suggestion)
+  }
+
+  return (
+    <Button
+      className={cn('cursor-pointer rounded-full px-4', className)}
+      onClick={handleClick}
+      size={size}
+      type='button'
+      variant={variant}
+      {...props}
+    >
+      {children || suggestion}
+    </Button>
+  )
+}
diff --git a/packages/ui/components/ai-elements/task.tsx b/packages/ui/components/ai-elements/task.tsx
new file mode 100644
index 00000000..5b2b3676
--- /dev/null
+++ b/packages/ui/components/ai-elements/task.tsx
@@ -0,0 +1,68 @@
+'use client'
+
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ChevronDownIcon, SearchIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
+
+export type TaskItemFileProps = ComponentProps<'div'>
+
+export const TaskItemFile = ({ children, className, ...props }: TaskItemFileProps) => (
+  <div
+    className={cn(
+      'inline-flex items-center gap-1 rounded-md border bg-secondary px-1.5 py-0.5 text-foreground text-xs',
+      className,
+    )}
+    {...props}
+  >
+    {children}
+  </div>
+)
+
+export type TaskItemProps = ComponentProps<'div'>
+
+export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
+  <div className={cn('text-muted-foreground text-sm', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type TaskProps = ComponentProps<typeof Collapsible>
+
+export const Task = ({ defaultOpen = true, className, ...props }: TaskProps) => (
+  <Collapsible className={cn(className)} defaultOpen={defaultOpen} {...props} />
+)
+
+export type TaskTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
+  title: string
+}
+
+export const TaskTrigger = ({ children, className, title, ...props }: TaskTriggerProps) => (
+  <CollapsibleTrigger asChild className={cn('group', className)} {...props}>
+    {children ?? (
+      <div className='flex w-full cursor-pointer items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground'>
+        <SearchIcon className='size-4' />
+        <p className='text-sm'>{title}</p>
+        <ChevronDownIcon className='size-4 transition-transform group-data-[state=open]:rotate-180' />
+      </div>
+    )}
+  </CollapsibleTrigger>
+)
+
+export type TaskContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const TaskContent = ({ children, className, ...props }: TaskContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+      className,
+    )}
+    {...props}
+  >
+    <div className='mt-4 space-y-2 border-muted border-l-2 pl-4'>{children}</div>
+  </CollapsibleContent>
+)
diff --git a/packages/ui/components/ai-elements/tool.tsx b/packages/ui/components/ai-elements/tool.tsx
new file mode 100644
index 00000000..42ade148
--- /dev/null
+++ b/packages/ui/components/ai-elements/tool.tsx
@@ -0,0 +1,134 @@
+'use client'
+
+import { Badge } from '@openfaith/ui/components/ui/badge'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { cn } from '@openfaith/ui/shared/utils'
+import type { ToolUIPart } from 'ai'
+import {
+  CheckCircleIcon,
+  ChevronDownIcon,
+  CircleIcon,
+  ClockIcon,
+  WrenchIcon,
+  XCircleIcon,
+} from 'lucide-react'
+import type { ComponentProps, ReactNode } from 'react'
+import { isValidElement } from 'react'
+import { CodeBlock } from './code-block'
+
+export type ToolProps = ComponentProps<typeof Collapsible>
+
+export const Tool = ({ className, ...props }: ToolProps) => (
+  <Collapsible className={cn('not-prose mb-4 w-full rounded-md border', className)} {...props} />
+)
+
+export type ToolHeaderProps = {
+  title?: string
+  type: ToolUIPart['type']
+  state: ToolUIPart['state']
+  className?: string
+}
+
+const getStatusBadge = (status: ToolUIPart['state']) => {
+  const labels = {
+    'input-available': 'Running',
+    'input-streaming': 'Pending',
+    'output-available': 'Completed',
+    'output-error': 'Error',
+  } as const
+
+  const icons = {
+    'input-available': <ClockIcon className='size-4 animate-pulse' />,
+    'input-streaming': <CircleIcon className='size-4' />,
+    'output-available': <CheckCircleIcon className='size-4 text-green-600' />,
+    'output-error': <XCircleIcon className='size-4 text-red-600' />,
+  } as const
+
+  return (
+    <Badge className='gap-1.5 rounded-full text-xs' variant='secondary'>
+      {icons[status]}
+      {labels[status]}
+    </Badge>
+  )
+}
+
+export const ToolHeader = ({ className, title, type, state, ...props }: ToolHeaderProps) => (
+  <CollapsibleTrigger
+    className={cn('flex w-full items-center justify-between gap-4 p-3', className)}
+    {...props}
+  >
+    <div className='flex items-center gap-2'>
+      <WrenchIcon className='size-4 text-muted-foreground' />
+      <span className='font-medium text-sm'>{title ?? type.split('-').slice(1).join('-')}</span>
+      {getStatusBadge(state)}
+    </div>
+    <ChevronDownIcon className='size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180' />
+  </CollapsibleTrigger>
+)
+
+export type ToolContentProps = ComponentProps<typeof CollapsibleContent>
+
+export const ToolContent = ({ className, ...props }: ToolContentProps) => (
+  <CollapsibleContent
+    className={cn(
+      'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+      className,
+    )}
+    {...props}
+  />
+)
+
+export type ToolInputProps = ComponentProps<'div'> & {
+  input: ToolUIPart['input']
+}
+
+export const ToolInput = ({ className, input, ...props }: ToolInputProps) => (
+  <div className={cn('space-y-2 overflow-hidden p-4', className)} {...props}>
+    <h4 className='font-medium text-muted-foreground text-xs uppercase tracking-wide'>
+      Parameters
+    </h4>
+    <div className='rounded-md bg-muted/50'>
+      <CodeBlock code={JSON.stringify(input, null, 2)} language='json' />
+    </div>
+  </div>
+)
+
+export type ToolOutputProps = ComponentProps<'div'> & {
+  output: ToolUIPart['output']
+  errorText: ToolUIPart['errorText']
+}
+
+export const ToolOutput = ({ className, output, errorText, ...props }: ToolOutputProps) => {
+  if (!(output || errorText)) {
+    return null
+  }
+
+  let Output = <div>{output as ReactNode}</div>
+
+  if (typeof output === 'object' && !isValidElement(output)) {
+    Output = <CodeBlock code={JSON.stringify(output, null, 2)} language='json' />
+  } else if (typeof output === 'string') {
+    Output = <CodeBlock code={output} language='json' />
+  }
+
+  return (
+    <div className={cn('space-y-2 p-4', className)} {...props}>
+      <h4 className='font-medium text-muted-foreground text-xs uppercase tracking-wide'>
+        {errorText ? 'Error' : 'Result'}
+      </h4>
+      <div
+        className={cn(
+          'overflow-x-auto rounded-md text-xs [&_table]:w-full',
+          errorText ? 'bg-destructive/10 text-destructive' : 'bg-muted/50 text-foreground',
+        )}
+      >
+        {errorText && <div>{errorText}</div>}
+        {Output}
+      </div>
+    </div>
+  )
+}
diff --git a/packages/ui/components/ai-elements/toolbar.tsx b/packages/ui/components/ai-elements/toolbar.tsx
new file mode 100644
index 00000000..66057bea
--- /dev/null
+++ b/packages/ui/components/ai-elements/toolbar.tsx
@@ -0,0 +1,13 @@
+import { cn } from '@openfaith/ui/shared/utils'
+import { NodeToolbar, Position } from '@xyflow/react'
+import type { ComponentProps } from 'react'
+
+type ToolbarProps = ComponentProps<typeof NodeToolbar>
+
+export const Toolbar = ({ className, ...props }: ToolbarProps) => (
+  <NodeToolbar
+    className={cn('flex items-center gap-1 rounded-sm border bg-background p-1.5', className)}
+    position={Position.Bottom}
+    {...props}
+  />
+)
diff --git a/packages/ui/components/ai-elements/web-preview.tsx b/packages/ui/components/ai-elements/web-preview.tsx
new file mode 100644
index 00000000..7622d25a
--- /dev/null
+++ b/packages/ui/components/ai-elements/web-preview.tsx
@@ -0,0 +1,242 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from '@openfaith/ui/components/ui/collapsible'
+import { Input } from '@openfaith/ui/components/ui/input'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from '@openfaith/ui/components/ui/tooltip'
+import { cn } from '@openfaith/ui/shared/utils'
+import { ChevronDownIcon } from 'lucide-react'
+import type { ComponentProps, ReactNode } from 'react'
+import { createContext, useContext, useEffect, useState } from 'react'
+
+export type WebPreviewContextValue = {
+  url: string
+  setUrl: (url: string) => void
+  consoleOpen: boolean
+  setConsoleOpen: (open: boolean) => void
+}
+
+const WebPreviewContext = createContext<WebPreviewContextValue | null>(null)
+
+const useWebPreview = () => {
+  const context = useContext(WebPreviewContext)
+  if (!context) {
+    throw new Error('WebPreview components must be used within a WebPreview')
+  }
+  return context
+}
+
+export type WebPreviewProps = ComponentProps<'div'> & {
+  defaultUrl?: string
+  onUrlChange?: (url: string) => void
+}
+
+export const WebPreview = ({
+  className,
+  children,
+  defaultUrl = '',
+  onUrlChange,
+  ...props
+}: WebPreviewProps) => {
+  const [url, setUrl] = useState(defaultUrl)
+  const [consoleOpen, setConsoleOpen] = useState(false)
+
+  const handleUrlChange = (newUrl: string) => {
+    setUrl(newUrl)
+    onUrlChange?.(newUrl)
+  }
+
+  const contextValue: WebPreviewContextValue = {
+    consoleOpen,
+    setConsoleOpen,
+    setUrl: handleUrlChange,
+    url,
+  }
+
+  return (
+    <WebPreviewContext.Provider value={contextValue}>
+      <div
+        className={cn('flex size-full flex-col rounded-lg border bg-card', className)}
+        {...props}
+      >
+        {children}
+      </div>
+    </WebPreviewContext.Provider>
+  )
+}
+
+export type WebPreviewNavigationProps = ComponentProps<'div'>
+
+export const WebPreviewNavigation = ({
+  className,
+  children,
+  ...props
+}: WebPreviewNavigationProps) => (
+  <div className={cn('flex items-center gap-1 border-b p-2', className)} {...props}>
+    {children}
+  </div>
+)
+
+export type WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {
+  tooltip?: string
+}
+
+export const WebPreviewNavigationButton = ({
+  onClick,
+  disabled,
+  tooltip,
+  children,
+  ...props
+}: WebPreviewNavigationButtonProps) => (
+  <TooltipProvider>
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <Button
+          className='h-8 w-8 p-0 hover:text-foreground'
+          disabled={disabled}
+          onClick={onClick}
+          size='sm'
+          variant='ghost'
+          {...props}
+        >
+          {children}
+        </Button>
+      </TooltipTrigger>
+      <TooltipContent>
+        <p>{tooltip}</p>
+      </TooltipContent>
+    </Tooltip>
+  </TooltipProvider>
+)
+
+export type WebPreviewUrlProps = ComponentProps<typeof Input>
+
+export const WebPreviewUrl = ({ value, onChange, onKeyDown, ...props }: WebPreviewUrlProps) => {
+  const { url, setUrl } = useWebPreview()
+  const [inputValue, setInputValue] = useState(url)
+
+  // Sync input value with context URL when it changes externally
+  useEffect(() => {
+    setInputValue(url)
+  }, [url])
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setInputValue(event.target.value)
+    onChange?.(event)
+  }
+
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === 'Enter') {
+      const target = event.target as HTMLInputElement
+      setUrl(target.value)
+    }
+    onKeyDown?.(event)
+  }
+
+  return (
+    <Input
+      className='h-8 flex-1 text-sm'
+      onChange={onChange ?? handleChange}
+      onKeyDown={handleKeyDown}
+      placeholder='Enter URL...'
+      value={value ?? inputValue}
+      {...props}
+    />
+  )
+}
+
+export type WebPreviewBodyProps = ComponentProps<'iframe'> & {
+  loading?: ReactNode
+}
+
+export const WebPreviewBody = ({ className, loading, src, ...props }: WebPreviewBodyProps) => {
+  const { url } = useWebPreview()
+
+  return (
+    <div className='flex-1'>
+      <iframe
+        className={cn('size-full', className)}
+        sandbox='allow-scripts allow-same-origin allow-forms allow-popups allow-presentation'
+        src={(src ?? url) || undefined}
+        title='Preview'
+        {...props}
+      />
+      {loading}
+    </div>
+  )
+}
+
+export type WebPreviewConsoleProps = ComponentProps<'div'> & {
+  logs?: Array<{
+    level: 'log' | 'warn' | 'error'
+    message: string
+    timestamp: Date
+  }>
+}
+
+export const WebPreviewConsole = ({
+  className,
+  logs = [],
+  children,
+  ...props
+}: WebPreviewConsoleProps) => {
+  const { consoleOpen, setConsoleOpen } = useWebPreview()
+
+  return (
+    <Collapsible
+      className={cn('border-t bg-muted/50 font-mono text-sm', className)}
+      onOpenChange={setConsoleOpen}
+      open={consoleOpen}
+      {...props}
+    >
+      <CollapsibleTrigger asChild>
+        <Button
+          className='flex w-full items-center justify-between p-4 text-left font-medium hover:bg-muted/50'
+          variant='ghost'
+        >
+          Console
+          <ChevronDownIcon
+            className={cn('h-4 w-4 transition-transform duration-200', consoleOpen && 'rotate-180')}
+          />
+        </Button>
+      </CollapsibleTrigger>
+      <CollapsibleContent
+        className={cn(
+          'px-4 pb-4',
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in',
+        )}
+      >
+        <div className='max-h-48 space-y-1 overflow-y-auto'>
+          {logs.length === 0 ? (
+            <p className='text-muted-foreground'>No console output</p>
+          ) : (
+            logs.map((log, index) => (
+              <div
+                className={cn(
+                  'text-xs',
+                  log.level === 'error' && 'text-destructive',
+                  log.level === 'warn' && 'text-yellow-600',
+                  log.level === 'log' && 'text-foreground',
+                )}
+                key={`${log.timestamp.getTime()}-${index}`}
+              >
+                <span className='text-muted-foreground'>{log.timestamp.toLocaleTimeString()}</span>{' '}
+                {log.message}
+              </div>
+            ))
+          )}
+          {children}
+        </div>
+      </CollapsibleContent>
+    </Collapsible>
+  )
+}
diff --git a/packages/ui/components/ui/carousel.tsx b/packages/ui/components/ui/carousel.tsx
new file mode 100644
index 00000000..161304f1
--- /dev/null
+++ b/packages/ui/components/ui/carousel.tsx
@@ -0,0 +1,224 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { cn } from '@openfaith/ui/shared/utils'
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'
+import { ArrowLeft, ArrowRight } from 'lucide-react'
+import * as React from 'react'
+
+type CarouselApi = UseEmblaCarouselType[1]
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
+type CarouselOptions = UseCarouselParameters[0]
+type CarouselPlugin = UseCarouselParameters[1]
+
+type CarouselProps = {
+  opts?: CarouselOptions
+  plugins?: CarouselPlugin
+  orientation?: 'horizontal' | 'vertical'
+  setApi?: (api: CarouselApi) => void
+}
+
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0]
+  api: ReturnType<typeof useEmblaCarousel>[1]
+  scrollPrev: () => void
+  scrollNext: () => void
+  canScrollPrev: boolean
+  canScrollNext: boolean
+} & CarouselProps
+
+const CarouselContext = React.createContext<CarouselContextProps | null>(null)
+
+function useCarousel() {
+  const context = React.useContext(CarouselContext)
+
+  if (!context) {
+    throw new Error('useCarousel must be used within a <Carousel />')
+  }
+
+  return context
+}
+
+function Carousel({
+  orientation = 'horizontal',
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: React.ComponentProps<'div'> & CarouselProps) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === 'horizontal' ? 'x' : 'y',
+    },
+    plugins,
+  )
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+  const [canScrollNext, setCanScrollNext] = React.useState(false)
+
+  const onSelect = React.useCallback((api: CarouselApi) => {
+    if (!api) return
+    setCanScrollPrev(api.canScrollPrev())
+    setCanScrollNext(api.canScrollNext())
+  }, [])
+
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev()
+  }, [api])
+
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext()
+  }, [api])
+
+  const handleKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === 'ArrowLeft') {
+        event.preventDefault()
+        scrollPrev()
+      } else if (event.key === 'ArrowRight') {
+        event.preventDefault()
+        scrollNext()
+      }
+    },
+    [scrollPrev, scrollNext],
+  )
+
+  React.useEffect(() => {
+    if (!api || !setApi) return
+    setApi(api)
+  }, [api, setApi])
+
+  React.useEffect(() => {
+    if (!api) return
+    onSelect(api)
+    api.on('reInit', onSelect)
+    api.on('select', onSelect)
+
+    return () => {
+      api?.off('select', onSelect)
+    }
+  }, [api, onSelect])
+
+  return (
+    <CarouselContext.Provider
+      value={{
+        api,
+        canScrollNext,
+        canScrollPrev,
+        carouselRef,
+        opts,
+        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+        scrollNext,
+        scrollPrev,
+      }}
+    >
+      {/** biome-ignore lint/a11y/useSemanticElements: this is the way */}
+      <div
+        aria-roledescription='carousel'
+        className={cn('relative', className)}
+        data-slot='carousel'
+        onKeyDownCapture={handleKeyDown}
+        role='region'
+        {...props}
+      >
+        {children}
+      </div>
+    </CarouselContext.Provider>
+  )
+}
+
+function CarouselContent({ className, ...props }: React.ComponentProps<'div'>) {
+  const { carouselRef, orientation } = useCarousel()
+
+  return (
+    <div className='overflow-hidden' data-slot='carousel-content' ref={carouselRef}>
+      <div
+        className={cn('flex', orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col', className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function CarouselItem({ className, ...props }: React.ComponentProps<'div'>) {
+  const { orientation } = useCarousel()
+
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: this is the way
+    <div
+      aria-roledescription='slide'
+      className={cn(
+        'min-w-0 shrink-0 grow-0 basis-full',
+        orientation === 'horizontal' ? 'pl-4' : 'pt-4',
+        className,
+      )}
+      data-slot='carousel-item'
+      role='group'
+      {...props}
+    />
+  )
+}
+
+function CarouselPrevious({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+
+  return (
+    <Button
+      className={cn(
+        'absolute size-8 rounded-full',
+        orientation === 'horizontal'
+          ? '-left-12 -translate-y-1/2 top-1/2'
+          : '-top-12 -translate-x-1/2 left-1/2 rotate-90',
+        className,
+      )}
+      data-slot='carousel-previous'
+      disabled={!canScrollPrev}
+      onClick={scrollPrev}
+      size={size}
+      variant={variant}
+      {...props}
+    >
+      <ArrowLeft />
+      <span className='sr-only'>Previous slide</span>
+    </Button>
+  )
+}
+
+function CarouselNext({
+  className,
+  variant = 'outline',
+  size = 'icon',
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel()
+
+  return (
+    <Button
+      className={cn(
+        'absolute size-8 rounded-full',
+        orientation === 'horizontal'
+          ? '-right-12 -translate-y-1/2 top-1/2'
+          : '-bottom-12 -translate-x-1/2 left-1/2 rotate-90',
+        className,
+      )}
+      data-slot='carousel-next'
+      disabled={!canScrollNext}
+      onClick={scrollNext}
+      size={size}
+      variant={variant}
+      {...props}
+    >
+      <ArrowRight />
+      <span className='sr-only'>Next slide</span>
+    </Button>
+  )
+}
+
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }
diff --git a/packages/ui/components/ui/collapsible.tsx b/packages/ui/components/ui/collapsible.tsx
new file mode 100644
index 00000000..089f9f99
--- /dev/null
+++ b/packages/ui/components/ui/collapsible.tsx
@@ -0,0 +1,21 @@
+'use client'
+
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui'
+
+function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot='collapsible' {...props} />
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return <CollapsiblePrimitive.CollapsibleTrigger data-slot='collapsible-trigger' {...props} />
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return <CollapsiblePrimitive.CollapsibleContent data-slot='collapsible-content' {...props} />
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/packages/ui/components/ui/hover-card.tsx b/packages/ui/components/ui/hover-card.tsx
new file mode 100644
index 00000000..4e1929fe
--- /dev/null
+++ b/packages/ui/components/ui/hover-card.tsx
@@ -0,0 +1,37 @@
+'use client'
+
+import { cn } from '@openfaith/ui/shared/utils'
+import { HoverCard as HoverCardPrimitive } from 'radix-ui'
+import type * as React from 'react'
+
+function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
+  return <HoverCardPrimitive.Root data-slot='hover-card' {...props} />
+}
+
+function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
+  return <HoverCardPrimitive.Trigger data-slot='hover-card-trigger' {...props} />
+}
+
+function HoverCardContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
+  return (
+    <HoverCardPrimitive.Portal data-slot='hover-card-portal'>
+      <HoverCardPrimitive.Content
+        align={align}
+        className={cn(
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in',
+          className,
+        )}
+        data-slot='hover-card-content'
+        sideOffset={sideOffset}
+        {...props}
+      />
+    </HoverCardPrimitive.Portal>
+  )
+}
+
+export { HoverCard, HoverCardTrigger, HoverCardContent }
diff --git a/packages/ui/components/ui/input-group.tsx b/packages/ui/components/ui/input-group.tsx
new file mode 100644
index 00000000..a9c039c0
--- /dev/null
+++ b/packages/ui/components/ui/input-group.tsx
@@ -0,0 +1,160 @@
+'use client'
+
+import { Button } from '@openfaith/ui/components/ui/button'
+import { Input } from '@openfaith/ui/components/ui/input'
+import { Textarea } from '@openfaith/ui/components/ui/textarea'
+import { cn } from '@openfaith/ui/shared/utils'
+import { cva, type VariantProps } from 'class-variance-authority'
+import type * as React from 'react'
+
+function InputGroup({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: this is the way
+    <div
+      className={cn(
+        'group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs outline-none transition-[color,box-shadow] dark:bg-input/30',
+        'h-9 min-w-0 has-[>textarea]:h-auto',
+
+        // Variants based on alignment.
+        'has-[>[data-align=inline-start]]:[&>input]:pl-2',
+        'has-[>[data-align=inline-end]]:[&>input]:pr-2',
+        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',
+        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',
+
+        // Focus state.
+        'has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50',
+
+        // Error state.
+        'has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-destructive/20 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40',
+
+        className,
+      )}
+      data-slot='input-group'
+      role='group'
+      {...props}
+    />
+  )
+}
+
+const inputGroupAddonVariants = cva(
+  "flex h-auto cursor-text select-none items-center justify-center gap-2 py-1.5 font-medium text-muted-foreground text-sm group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    defaultVariants: {
+      align: 'inline-start',
+    },
+    variants: {
+      align: {
+        'block-end':
+          'order-last w-full justify-start px-3 pb-3 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3',
+        'block-start':
+          'order-first w-full justify-start px-3 pt-3 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3',
+        'inline-end': 'order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]',
+        'inline-start': 'order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]',
+      },
+    },
+  },
+)
+
+function InputGroupAddon({
+  className,
+  align = 'inline-start',
+  ...props
+}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>) {
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: this is the way
+    // biome-ignore lint/a11y/useSemanticElements: this is the way
+    <div
+      className={cn(inputGroupAddonVariants({ align }), className)}
+      data-align={align}
+      data-slot='input-group-addon'
+      onClick={(e) => {
+        if ((e.target as HTMLElement).closest('button')) {
+          return
+        }
+        e.currentTarget.parentElement?.querySelector('input')?.focus()
+      }}
+      role='group'
+      {...props}
+    />
+  )
+}
+
+const inputGroupButtonVariants = cva('flex items-center gap-2 text-sm shadow-none', {
+  defaultVariants: {
+    size: 'xs',
+  },
+  variants: {
+    size: {
+      'icon-sm': 'size-8 p-0 has-[>svg]:p-0',
+      'icon-xs': 'size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0',
+      sm: 'h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5',
+      xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2 [&>svg:not([class*='size-'])]:size-3.5",
+    },
+  },
+})
+
+function InputGroupButton({
+  className,
+  type = 'button',
+  variant = 'ghost',
+  size = 'xs',
+  ...props
+}: Omit<React.ComponentProps<typeof Button>, 'size'> &
+  VariantProps<typeof inputGroupButtonVariants>) {
+  return (
+    <Button
+      className={cn(inputGroupButtonVariants({ size }), className)}
+      data-size={size}
+      type={type}
+      variant={variant}
+      {...props}
+    />
+  )
+}
+
+function InputGroupText({ className, ...props }: React.ComponentProps<'span'>) {
+  return (
+    <span
+      className={cn(
+        "flex items-center gap-2 text-muted-foreground text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        className,
+      )}
+      {...props}
+    />
+  )
+}
+
+function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <Input
+      className={cn(
+        'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className,
+      )}
+      data-slot='input-group-control'
+      {...props}
+    />
+  )
+}
+
+function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>) {
+  return (
+    <Textarea
+      className={cn(
+        'flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent',
+        className,
+      )}
+      data-slot='input-group-control'
+      {...props}
+    />
+  )
+}
+
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupText,
+  InputGroupInput,
+  InputGroupTextarea,
+}
diff --git a/packages/ui/components/ui/progress.tsx b/packages/ui/components/ui/progress.tsx
new file mode 100644
index 00000000..83338d82
--- /dev/null
+++ b/packages/ui/components/ui/progress.tsx
@@ -0,0 +1,27 @@
+'use client'
+
+import { cn } from '@openfaith/ui/shared/utils'
+import { Progress as ProgressPrimitive } from 'radix-ui'
+import type * as React from 'react'
+
+function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      className={cn('relative h-2 w-full overflow-hidden rounded-full bg-primary/20', className)}
+      data-slot='progress'
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        className='h-full w-full flex-1 bg-primary transition-all'
+        data-slot='progress-indicator'
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  )
+}
+
+export { Progress }
diff --git a/packages/ui/index.ts b/packages/ui/index.ts
index 5e4f2c75..18983446 100644
--- a/packages/ui/index.ts
+++ b/packages/ui/index.ts
@@ -1,3 +1,33 @@
+export * from '@openfaith/ui/components/ai-elements/actions'
+export * from '@openfaith/ui/components/ai-elements/artifact'
+export * from '@openfaith/ui/components/ai-elements/branch'
+export * from '@openfaith/ui/components/ai-elements/canvas'
+export * from '@openfaith/ui/components/ai-elements/chain-of-thought'
+export * from '@openfaith/ui/components/ai-elements/code-block'
+export * from '@openfaith/ui/components/ai-elements/connection'
+export * from '@openfaith/ui/components/ai-elements/context'
+export * from '@openfaith/ui/components/ai-elements/controls'
+export * from '@openfaith/ui/components/ai-elements/conversation'
+export * from '@openfaith/ui/components/ai-elements/edge'
+export * from '@openfaith/ui/components/ai-elements/image'
+export * from '@openfaith/ui/components/ai-elements/inline-citation'
+export * from '@openfaith/ui/components/ai-elements/loader'
+export * from '@openfaith/ui/components/ai-elements/message'
+export * from '@openfaith/ui/components/ai-elements/node'
+export * from '@openfaith/ui/components/ai-elements/open-in-chat'
+export * from '@openfaith/ui/components/ai-elements/panel'
+export * from '@openfaith/ui/components/ai-elements/plan'
+export * from '@openfaith/ui/components/ai-elements/prompt-input'
+export * from '@openfaith/ui/components/ai-elements/queue'
+export * from '@openfaith/ui/components/ai-elements/reasoning'
+export * from '@openfaith/ui/components/ai-elements/response'
+export * from '@openfaith/ui/components/ai-elements/shimmer'
+export * from '@openfaith/ui/components/ai-elements/sources'
+export * from '@openfaith/ui/components/ai-elements/suggestion'
+export * from '@openfaith/ui/components/ai-elements/task'
+export * from '@openfaith/ui/components/ai-elements/tool'
+export * from '@openfaith/ui/components/ai-elements/toolbar'
+export * from '@openfaith/ui/components/ai-elements/web-preview'
 export * from '@openfaith/ui/components/avatars/baseAvatar'
 export * from '@openfaith/ui/components/avatars/entityAvatar'
 export * from '@openfaith/ui/components/avatars/orgAvatar'
@@ -68,7 +98,9 @@ export * from '@openfaith/ui/components/ui/breadcrumb'
 export * from '@openfaith/ui/components/ui/button'
 export * from '@openfaith/ui/components/ui/calendar'
 export * from '@openfaith/ui/components/ui/card'
+export * from '@openfaith/ui/components/ui/carousel'
 export * from '@openfaith/ui/components/ui/checkbox'
+export * from '@openfaith/ui/components/ui/collapsible'
 export * from '@openfaith/ui/components/ui/combobox'
 export * from '@openfaith/ui/components/ui/combobox-items'
 export * from '@openfaith/ui/components/ui/combobox-triggers'
@@ -78,7 +110,9 @@ export * from '@openfaith/ui/components/ui/dialog'
 export * from '@openfaith/ui/components/ui/divider'
 export * from '@openfaith/ui/components/ui/drawer'
 export * from '@openfaith/ui/components/ui/dropdown-menu'
+export * from '@openfaith/ui/components/ui/hover-card'
 export * from '@openfaith/ui/components/ui/input'
+export * from '@openfaith/ui/components/ui/input-group'
 export * from '@openfaith/ui/components/ui/input-otp'
 export * from '@openfaith/ui/components/ui/input-wrapper'
 export * from '@openfaith/ui/components/ui/kbd'
@@ -87,6 +121,7 @@ export * from '@openfaith/ui/components/ui/navigation-menu'
 export * from '@openfaith/ui/components/ui/pageComponents'
 export * from '@openfaith/ui/components/ui/pageHeader'
 export * from '@openfaith/ui/components/ui/popover'
+export * from '@openfaith/ui/components/ui/progress'
 export * from '@openfaith/ui/components/ui/scroll-area'
 export * from '@openfaith/ui/components/ui/select'
 export * from '@openfaith/ui/components/ui/separator'
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 033788cc..2256675d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -10,25 +10,30 @@
     "@openfaith/schema": "workspace:*",
     "@openfaith/shared": "workspace:*",
     "@openfaith/zero": "workspace:*",
+    "@radix-ui/react-use-controllable-state": "1.2.2",
     "@rocicorp/zero": "catalog:",
     "@tanstack/react-form": "catalog:",
     "@tanstack/react-router": "catalog:",
     "@tanstack/react-table": "catalog:",
     "@tanstack/react-virtual": "catalog:",
     "@tanstack/table-core": "catalog:",
+    "@xyflow/react": "12.8.6",
+    "ai": "catalog:",
     "boring-avatars": "1.11.2",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "cmdk": "1.1.1",
+    "cmdk": "^1.1.1",
     "date-fns": "catalog:",
     "downshift": "9.0.9",
     "effect": "catalog:",
+    "embla-carousel-react": "8.6.0",
     "initials": "3.1.2",
     "input-otp": "catalog:",
     "jotai": "catalog:",
-    "lucide-react": "0.539.0",
+    "lucide-react": "0.546.0",
     "match-sorter": "8.1.0",
-    "motion": "12.23.22",
+    "motion": "12.23.24",
+    "nanoid": "5.1.6",
     "next-themes": "catalog:",
     "nuqs": "catalog:",
     "radix-ui": "catalog:",
@@ -37,9 +42,13 @@
     "react-dom": "catalog:",
     "react-hotkeys-hook": "catalog:",
     "react-imask": "7.6.1",
+    "react-syntax-highlighter": "15.6.6",
     "react-use-measure": "2.1.7",
     "sonner": "2.0.7",
+    "streamdown": "1.4.0",
     "tailwind-merge": "3.3.1",
+    "tokenlens": "1.3.1",
+    "use-stick-to-bottom": "1.1.1",
     "vaul": "1.1.2",
     "zod": "catalog:"
   },
@@ -47,6 +56,7 @@
     "@openfaith/bun-test": "workspace:*",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
+    "@types/react-syntax-highlighter": "15.5.13",
     "typescript": "catalog:"
   },
   "license": "MIT",