From 5ac83f34d04df46122192d940c33996cff11c821 Mon Sep 17 00:00:00 2001 From: Eliezer Steinbock <3090527+elie222@users.noreply.github.com> Date: Fri, 21 Mar 2025 01:23:37 +0200 Subject: [PATCH 01/11] Add basic ai assistant --- apps/web/app/(app)/automation/chat/page.tsx | 5 + apps/web/app/api/chat/route.ts | 26 + apps/web/app/assistant.tsx | 25 + .../components/assistant-ui/markdown-text.tsx | 220 ++++++ .../components/assistant-ui/thread-list.tsx | 69 ++ apps/web/components/assistant-ui/thread.tsx | 286 ++++++++ .../assistant-ui/tooltip-icon-button.tsx | 44 ++ apps/web/package.json | 4 + pnpm-lock.yaml | 687 +++++++++++++++++- 9 files changed, 1342 insertions(+), 24 deletions(-) create mode 100644 apps/web/app/(app)/automation/chat/page.tsx create mode 100644 apps/web/app/api/chat/route.ts create mode 100644 apps/web/app/assistant.tsx create mode 100644 apps/web/components/assistant-ui/markdown-text.tsx create mode 100644 apps/web/components/assistant-ui/thread-list.tsx create mode 100644 apps/web/components/assistant-ui/thread.tsx create mode 100644 apps/web/components/assistant-ui/tooltip-icon-button.tsx diff --git a/apps/web/app/(app)/automation/chat/page.tsx b/apps/web/app/(app)/automation/chat/page.tsx new file mode 100644 index 000000000..40a0b42ba --- /dev/null +++ b/apps/web/app/(app)/automation/chat/page.tsx @@ -0,0 +1,5 @@ +import { Assistant } from "@/app/assistant"; + +export default function AssistantChatPage() { + return ; +} diff --git a/apps/web/app/api/chat/route.ts b/apps/web/app/api/chat/route.ts new file mode 100644 index 000000000..3428691f5 --- /dev/null +++ b/apps/web/app/api/chat/route.ts @@ -0,0 +1,26 @@ +import { anthropic } from "@ai-sdk/anthropic"; +import { jsonSchema, streamText } from "ai"; + +export const runtime = "edge"; +export const maxDuration = 30; + +export async function POST(req: Request) { + const { messages, system, tools } = await req.json(); + + const result = streamText({ + model: anthropic("claude-3-5-sonnet-20240620"), + messages, + // forward system prompt and tools from the frontend + system, + tools: Object.fromEntries( + Object.entries<{ parameters: unknown }>(tools).map(([name, tool]) => [ + name, + { + parameters: jsonSchema(tool.parameters!), + }, + ]), + ), + }); + + return result.toDataStreamResponse(); +} diff --git a/apps/web/app/assistant.tsx b/apps/web/app/assistant.tsx new file mode 100644 index 000000000..cfd64c038 --- /dev/null +++ b/apps/web/app/assistant.tsx @@ -0,0 +1,25 @@ +"use client"; + +import { AssistantRuntimeProvider } from "@assistant-ui/react"; +import { useChatRuntime } from "@assistant-ui/react-ai-sdk"; +import { Thread } from "@/components/assistant-ui/thread"; +import { ThreadList } from "@/components/assistant-ui/thread-list"; + +export const Assistant = () => { + const runtime = useChatRuntime({ + api: "/api/chat", + }); + + return ( + + {/*
+ + +
*/} +
+ +
Artifact
+
+ + ); +}; diff --git a/apps/web/components/assistant-ui/markdown-text.tsx b/apps/web/components/assistant-ui/markdown-text.tsx new file mode 100644 index 000000000..1ce9a6bd6 --- /dev/null +++ b/apps/web/components/assistant-ui/markdown-text.tsx @@ -0,0 +1,220 @@ +"use client"; + +import "@assistant-ui/react-markdown/styles/dot.css"; + +import { + type CodeHeaderProps, + MarkdownTextPrimitive, + unstable_memoizeMarkdownComponents as memoizeMarkdownComponents, + useIsMarkdownCodeBlock, +} from "@assistant-ui/react-markdown"; +import remarkGfm from "remark-gfm"; +import { type FC, memo, useState } from "react"; +import { CheckIcon, CopyIcon } from "lucide-react"; + +import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button"; +import { cn } from "@/utils"; + +const MarkdownTextImpl = () => { + return ( + + ); +}; + +export const MarkdownText = memo(MarkdownTextImpl); + +const CodeHeader: FC = ({ language, code }) => { + const { isCopied, copyToClipboard } = useCopyToClipboard(); + const onCopy = () => { + if (!code || isCopied) return; + copyToClipboard(code); + }; + + return ( +
+ {language} + + {!isCopied && } + {isCopied && } + +
+ ); +}; + +const useCopyToClipboard = ({ + copiedDuration = 3000, +}: { + copiedDuration?: number; +} = {}) => { + const [isCopied, setIsCopied] = useState(false); + + const copyToClipboard = (value: string) => { + if (!value) return; + + navigator.clipboard.writeText(value).then(() => { + setIsCopied(true); + setTimeout(() => setIsCopied(false), copiedDuration); + }); + }; + + return { isCopied, copyToClipboard }; +}; + +const defaultComponents = memoizeMarkdownComponents({ + h1: ({ className, ...props }) => ( +

+ ), + h2: ({ className, ...props }) => ( +

+ ), + h3: ({ className, ...props }) => ( +

+ ), + h4: ({ className, ...props }) => ( +

+ ), + h5: ({ className, ...props }) => ( +

+ ), + h6: ({ className, ...props }) => ( +
+ ), + p: ({ className, ...props }) => ( +

+ ), + a: ({ className, ...props }) => ( + + ), + blockquote: ({ className, ...props }) => ( +

+ ), + ul: ({ className, ...props }) => ( +
    li]:mt-2", className)} + {...props} + /> + ), + ol: ({ className, ...props }) => ( +
      li]:mt-2", className)} + {...props} + /> + ), + hr: ({ className, ...props }) => ( +
      + ), + table: ({ className, ...props }) => ( + + ), + th: ({ className, ...props }) => ( + td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg", + className, + )} + {...props} + /> + ), + sup: ({ className, ...props }) => ( + a]:text-xs [&>a]:no-underline", className)} + {...props} + /> + ), + pre: ({ className, ...props }) => ( + 
      +  ),
+  code: function Code({ className, ...props }) {
+    const isCodeBlock = useIsMarkdownCodeBlock();
+    return (
+      
+    );
+  },
+  CodeHeader,
+});
diff --git a/apps/web/components/assistant-ui/thread-list.tsx b/apps/web/components/assistant-ui/thread-list.tsx
new file mode 100644
index 000000000..1cf2f83ad
--- /dev/null
+++ b/apps/web/components/assistant-ui/thread-list.tsx
@@ -0,0 +1,69 @@
+import type { FC } from "react";
+import {
+  ThreadListItemPrimitive,
+  ThreadListPrimitive,
+} from "@assistant-ui/react";
+import { ArchiveIcon, PlusIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
+
+export const ThreadList: FC = () => {
+  return (
+    
+      
+      
+    
+  );
+};
+
+const ThreadListNew: FC = () => {
+  return (
+    
+      
+    
+  );
+};
+
+const ThreadListItems: FC = () => {
+  return ;
+};
+
+const ThreadListItem: FC = () => {
+  return (
+    
+      
+        
+      
+      
+    
+  );
+};
+
+const ThreadListItemTitle: FC = () => {
+  return (
+    
      
+      
+    
      
+  );
+};
+
+const ThreadListItemArchive: FC = () => {
+  return (
+    
+      
+        
+      
+    
+  );
+};
diff --git a/apps/web/components/assistant-ui/thread.tsx b/apps/web/components/assistant-ui/thread.tsx
new file mode 100644
index 000000000..9a91ea371
--- /dev/null
+++ b/apps/web/components/assistant-ui/thread.tsx
@@ -0,0 +1,286 @@
+import {
+  ActionBarPrimitive,
+  BranchPickerPrimitive,
+  ComposerPrimitive,
+  MessagePrimitive,
+  ThreadPrimitive,
+} from "@assistant-ui/react";
+import type { FC } from "react";
+import {
+  ArrowDownIcon,
+  CheckIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CopyIcon,
+  PencilIcon,
+  RefreshCwIcon,
+  SendHorizontalIcon,
+} from "lucide-react";
+import { cn } from "@/utils";
+
+import { Button } from "@/components/ui/button";
+import { MarkdownText } from "@/components/assistant-ui/markdown-text";
+import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
+
+export const Thread: FC = () => {
+  return (
+    
+      
+        
+
+        
+
+        
+          
      
+        
+
+        
      
+          
+          
+        
      
+      
+    
+  );
+};
+
+const ThreadScrollToBottom: FC = () => {
+  return (
+    
+      
+        
+      
+    
+  );
+};
+
+const ThreadWelcome: FC = () => {
+  return (
+    
+      
      
+        
      
+          
      How can I help you today?
      
+        
      
+        
+      
      
+          
+  );
+};
+
+const ThreadWelcomeSuggestions: FC = () => {
+  return (
+    
      
+      
+        
+          What is the weather in Tokyo?
+        
+      
+      
+        
+          What is assistant-ui?
+        
+      
+    
      
+  );
+};
+
+const Composer: FC = () => {
+  return (
+    
+      
+      
+    
+  );
+};
+
+const ComposerAction: FC = () => {
+  return (
+    <>
+      
+        
+          
+            
+          
+        
+      
+      
+        
+          
+            
+          
+        
+      
+    
+  );
+};
+
+const UserMessage: FC = () => {
+  return (
+    
+      
+
+      
      
+        
+      
      
+
+      
+          
+  );
+};
+
+const UserActionBar: FC = () => {
+  return (
+    
+      
+        
+          
+        
+      
+    
+  );
+};
+
+const EditComposer: FC = () => {
+  return (
+    
+      
+
+      
      
+        
+          
+        
+        
+          
+        
+      
      
+          
+  );
+};
+
+const AssistantMessage: FC = () => {
+  return (
+    
+      
      
+        
+      
      
+
+      
+
+      
+          
+  );
+};
+
+const AssistantActionBar: FC = () => {
+  return (
+    
+      
+        
+          
+            
+          
+          
+            
+          
+        
+      
+      
+        
+          
+        
+      
+    
+  );
+};
+
+const BranchPicker: FC = ({
+  className,
+  ...rest
+}) => {
+  return (
+    
+      
+        
+          
+        
+      
+      
+         / 
+      
+      
+        
+          
+        
+      
+    
+  );
+};
+
+const CircleStopIcon = () => {
+  return (
+    
+      Stop
+      
+    
+  );
+};
diff --git a/apps/web/components/assistant-ui/tooltip-icon-button.tsx b/apps/web/components/assistant-ui/tooltip-icon-button.tsx
new file mode 100644
index 000000000..1ba9686c8
--- /dev/null
+++ b/apps/web/components/assistant-ui/tooltip-icon-button.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import { type ComponentPropsWithoutRef, forwardRef } from "react";
+
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/utils";
+
+export type TooltipIconButtonProps = ComponentPropsWithoutRef & {
+  tooltip: string;
+  side?: "top" | "bottom" | "left" | "right";
+};
+
+export const TooltipIconButton = forwardRef<
+  HTMLButtonElement,
+  TooltipIconButtonProps
+>(({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
+  return (
+    
+      
+        
+          
+        
+        {tooltip}
+      
+    
+  );
+});
+
+TooltipIconButton.displayName = "TooltipIconButton";
diff --git a/apps/web/package.json b/apps/web/package.json
index a06680e03..e0c3fda89 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -18,6 +18,9 @@
     "@ai-sdk/google": "1.1.17",
     "@ai-sdk/groq": "1.1.11",
     "@ai-sdk/openai": "1.1.14",
+    "@assistant-ui/react": "0.8.6",
+    "@assistant-ui/react-ai-sdk": "0.8.0",
+    "@assistant-ui/react-markdown": "0.8.0",
     "@asteasolutions/zod-to-openapi": "^7.3.0",
     "@auth/core": "^0.37.4",
     "@auth/prisma-adapter": "^2.7.4",
@@ -129,6 +132,7 @@
     "react-resizable-panels": "^2.1.7",
     "react-textarea-autosize": "^8.5.6",
     "react-youtube": "^10.1.0",
+    "remark-gfm": "4.0.1",
     "sanity": "^3.68.3",
     "server-only": "^0.0.1",
     "sonner": "^1.7.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e7c40d7b1..d97fbf364 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -119,6 +119,15 @@ importers:
       '@ai-sdk/openai':
         specifier: 1.1.14
         version: 1.1.14(zod@3.24.2)
+      '@assistant-ui/react':
+        specifier: 0.8.6
+        version: 0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+      '@assistant-ui/react-ai-sdk':
+        specifier: 0.8.0
+        version: 0.8.0(@assistant-ui/react@0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0)))(@types/react@19.0.10)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+      '@assistant-ui/react-markdown':
+        specifier: 0.8.0
+        version: 0.8.0(@assistant-ui/react@0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0)))(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@asteasolutions/zod-to-openapi':
         specifier: ^7.3.0
         version: 7.3.0(zod@3.24.2)
@@ -452,6 +461,9 @@ importers:
       react-youtube:
         specifier: ^10.1.0
         version: 10.1.0(react@19.0.0)
+      remark-gfm:
+        specifier: 4.0.1
+        version: 4.0.1
       sanity:
         specifier: ^3.68.3
         version: 3.68.3(@emotion/is-prop-valid@1.2.2)(@types/babel__core@7.20.5)(@types/node@22.10.2)(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(styled-components@6.1.13(react-dom@19.0.0(react@19.0.0))(react@19.0.0))(terser@5.39.0)
@@ -877,6 +889,40 @@ packages:
   '@asamuzakjp/dom-selector@2.0.2':
     resolution: {integrity: sha512-x1KXOatwofR6ZAYzXRBL5wrdV0vwNxlTCK9NCuLqAzQYARqGcvFwiJA6A1ERuh+dgeA4Dxm3JBYictIes+SqUQ==}
 
+  '@assistant-ui/react-ai-sdk@0.8.0':
+    resolution: {integrity: sha512-QXlzi1UWMXd3FB02XgEixCVYB2bXO+oAewkRNR5ap6lA3GJXeWXFdJ8zUEkh0v3Qc/AveUrd8DLaUUUH/Il5IQ==}
+    peerDependencies:
+      '@assistant-ui/react': ^0.8.0
+      '@types/react': 19.0.10
+      react: ^18 || ^19 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@assistant-ui/react-markdown@0.8.0':
+    resolution: {integrity: sha512-p7ewz+AUH+DTSBQkvDpOskkXNu2RtNxrGbHONEjGoCufm3jE3zJEC2KkTg71lrscp7aHXJ7Bf1l+5V9zsenc8w==}
+    peerDependencies:
+      '@assistant-ui/react': ^0.8.0
+      '@types/react': 19.0.10
+      react: ^18 || ^19 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@assistant-ui/react@0.8.6':
+    resolution: {integrity: sha512-aMf58eE/Gop/uCpdUovcslXJXtQyT+3brSBradsFvKaOAcVCFNs3V2TcerYuDwD/EAokXHP4gF8qE1Idp/1kXw==}
+    engines: {node: '>=20.10.0'}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^18 || ^19 || ^19.0.0-rc
+      react-dom: ^18 || ^19 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@asteasolutions/zod-to-openapi@6.4.0':
     resolution: {integrity: sha512-8cxfF7AHHx2PqnN4Cd8/O8CBu/nVYJP9DpnfVLW3BFb66VJDnqI/CczZnkqMc3SNh6J9GiX7JbJ5T4BSP4HZ2Q==}
     peerDependencies:
@@ -3797,6 +3843,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-arrow@1.1.2':
+    resolution: {integrity: sha512-G+KcpzXHq24iH0uGG/pF8LyzpFJYGD4RfLjCIBfGdSLXvjLHST31RUiRVrupIBMvIppMgSzQ6l66iAxl03tdlg==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-avatar@1.1.2':
     resolution: {integrity: sha512-GaC7bXQZ5VgZvVvsJ5mu/AEbjYLnhhkoidOboC50Z6FFlLA03wG2ianUoH+zgDQ31/9gCF59bE4+2bBgTyMiig==}
     peerDependencies:
@@ -3898,6 +3957,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-dismissable-layer@1.1.5':
+    resolution: {integrity: sha512-E4TywXY6UsXNRhFrECa5HAvE5/4BFcGyfTyK36gP+pAW1ed7UTK4vKwdr53gAJYwqbfCWC6ATvJa3J3R/9+Qrg==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-dropdown-menu@2.1.4':
     resolution: {integrity: sha512-iXU1Ab5ecM+yEepGAWK8ZhMyKX4ubFdCNtol4sT9D0OVErG9PNElfx3TQhjw7n7BC5nFVz68/5//clWy+8TXzA==}
     peerDependencies:
@@ -3933,6 +4005,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-focus-scope@1.1.2':
+    resolution: {integrity: sha512-zxwE80FCU7lcXUGWkdt6XpTTCKPitG1XKOwViTxHVKIJhZl9MvIl2dVHeZENCWD9+EdWv05wlaEkRXUykU27RA==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-hover-card@1.1.4':
     resolution: {integrity: sha512-QSUUnRA3PQ2UhvoCv3eYvMnCAgGQW+sTu86QPuNb+ZMi+ZENd6UWpiXbcWDQ4AEaKF9KKpCHBeaJz9Rw6lRlaQ==}
     peerDependencies:
@@ -4007,6 +4092,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-popover@1.1.6':
+    resolution: {integrity: sha512-NQouW0x4/GnkFJ/pRqsIS3rM/k97VzKnVb2jB7Gq7VEGPy5g7uNV1ykySFt7eWSp3i2uSGFwaJcvIRJBAHmmFg==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-popper@1.2.1':
     resolution: {integrity: sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==}
     peerDependencies:
@@ -4020,6 +4118,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-popper@1.2.2':
+    resolution: {integrity: sha512-Rvqc3nOpwseCyj/rgjlJDYAgyfw7OC1tTkKn2ivhaMGcYt8FSBlahHOZak2i3QwkRXUXgGgzeEe2RuqeEHuHgA==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-portal@1.1.3':
     resolution: {integrity: sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==}
     peerDependencies:
@@ -4033,6 +4144,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-portal@1.1.4':
+    resolution: {integrity: sha512-sn2O9k1rPFYVyKd5LAJfo96JlSGVFpa1fS6UuBJfrZadudiw5tAmru+n1x7aMRQ84qDM71Zh1+SzK5QwU0tJfA==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-presence@1.1.2':
     resolution: {integrity: sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==}
     peerDependencies:
@@ -4072,6 +4196,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-primitive@2.0.2':
+    resolution: {integrity: sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-radio-group@1.2.2':
     resolution: {integrity: sha512-E0MLLGfOP0l8P/NxgVzfXJ8w3Ch8cdO6UDzJfDChu4EJDy+/WdO5LqpdY8PYnCErkmZH3gZhDL1K7kQ41fAHuQ==}
     peerDependencies:
@@ -4155,6 +4292,15 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-slot@1.1.2':
+    resolution: {integrity: sha512-YAKxaiGsSQJ38VzKH86/BPRC4rh+b1Jpa+JneA5LRE7skmLPNAyeG8kPJj/oo4STLvlrs8vkf/iYyc3A5stYCQ==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-tabs@1.1.2':
     resolution: {integrity: sha512-9u/tQJMcC2aGq7KXpGivMm1mgq7oRJKXphDwdypPd/j21j/2znamPU8WkXgnhUaTrSFNIt8XhOyCAupg8/GbwQ==}
     peerDependencies:
@@ -5767,6 +5913,9 @@ packages:
   '@types/hast@3.0.3':
     resolution: {integrity: sha512-2fYGlaDy/qyLlhidX42wAH0KBi2TCjKMH8CHmBXgRlJ3Y+OXTiqsPQ6IWarZKwF1JoUcAJdPogv1d4b0COTpmQ==}
 
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
   '@types/he@1.2.3':
     resolution: {integrity: sha512-q67/qwlxblDzEDvzHhVkwc1gzVWxaNxeyHUBF4xElrvjL11O+Ytze+1fGpBHlr/H9myiBUaUXNnNPmBHxxfAcA==}
 
@@ -6478,6 +6627,10 @@ packages:
     resolution: {integrity: sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==}
     engines: {node: '>=10'}
 
+  aria-hidden@1.2.4:
+    resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
+    engines: {node: '>=10'}
+
   aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
 
@@ -6549,6 +6702,9 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
+  assistant-stream@0.0.21:
+    resolution: {integrity: sha512-tQuGIuTGtmNnHSc6hxANVjO23LPmwFBjZnOt0xOhoBQBqW3vBv6DK2QOObgT9wnfLY8i2DRDwDbw8fSvYVzdMA==}
+
   ast-types-flow@0.0.8:
     resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
 
@@ -7746,6 +7902,10 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
   escodegen@2.1.0:
     resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
     engines: {node: '>=6.0'}
@@ -8742,6 +8902,9 @@ packages:
     resolution: {integrity: sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg==}
     engines: {node: '>=14'}
 
+  html-url-attributes@3.0.1:
+    resolution: {integrity: sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==}
+
   htmlparser2@8.0.2:
     resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
 
@@ -9648,6 +9811,9 @@ packages:
     resolution: {integrity: sha512-seFjF0FIcPt4P9U39Bq1JYblX0KZCjDLFFQPHpL5AzHpqPEKtosxmdq/LTVZnjfH7tjt9BxStm+wXcDBNuYmzw==}
     hasBin: true
 
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
   marked@7.0.4:
     resolution: {integrity: sha512-t8eP0dXRJMtMvBojtkcsA7n48BkauktUKzfkPSCq85ZMTJ0v76Rke4DYz01omYpPTUh4p/f7HePgRo3ebG8+QQ==}
     engines: {node: '>= 16'}
@@ -9665,9 +9831,30 @@ packages:
   md5-o-matic@0.1.1:
     resolution: {integrity: sha512-QBJSFpsedXUl/Lgs4ySdB2XCzUEcJ3ujpbagdZCkRaYIaC0kFnID8jhc84KEiVv6dNFtIrmW7bqow0lDxgJi6A==}
 
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
   mdast-util-from-markdown@2.0.0:
     resolution: {integrity: sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA==}
 
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
   mdast-util-mdx-expression@2.0.0:
     resolution: {integrity: sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==}
 
@@ -9732,6 +9919,27 @@ packages:
   micromark-core-commonmark@2.0.0:
     resolution: {integrity: sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==}
 
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
   micromark-extension-mdx-expression@3.0.0:
     resolution: {integrity: sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ==}
 
@@ -11098,6 +11306,12 @@ packages:
   react-lifecycles-compat@3.0.4:
     resolution: {integrity: sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==}
 
+  react-markdown@9.1.0:
+    resolution: {integrity: sha512-xaijuJB0kzGiUdG7nc2MOMDUDBWPyGAjZtUrow9XxUeua8IqeP+VlIfAZ3bphpcLTnSZXz6z9jcVC/TCwbfgdw==}
+    peerDependencies:
+      '@types/react': 19.0.10
+      react: '>=18'
+
   react-promise-suspense@0.3.4:
     resolution: {integrity: sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ==}
 
@@ -11130,6 +11344,16 @@ packages:
       '@types/react':
         optional: true
 
+  react-remove-scroll@2.6.3:
+    resolution: {integrity: sha512-pnAi91oOk8g8ABQKGF5/M9qxmmOPxaAnopyTHYfqYEwJhyFrbbBtHuSgtKEoH0jpcxx5o3hXqH1mNd9/Oi+8iQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': 19.0.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react-resizable-panels@2.1.7:
     resolution: {integrity: sha512-JtT6gI+nURzhMYQYsx8DKkx6bSoOGFp7A3CwMrOb8y5jFHFyqwo9m68UhmXRw57fRVJksFn1TSlm3ywEQ9vMgA==}
     peerDependencies:
@@ -11177,6 +11401,12 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  react-textarea-autosize@8.5.8:
+    resolution: {integrity: sha512-iUiIj70JefrTuSJ4LbVFiSqWiHHss5L63L717bqaWHMgkm9sz6eEvro4vZ3uQfGJbevzwT6rHOszHKA8RkhRMg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   react-transition-group@4.4.5:
     resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==}
     peerDependencies:
@@ -11328,6 +11558,9 @@ packages:
     resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
     hasBin: true
 
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
   remark-mdx@3.0.0:
     resolution: {integrity: sha512-O7yfjuC6ra3NHPbRVxfflafAj3LTwx3b73aBvkEFU5z4PsD6FD4vrqJAkE5iNGLz71GdjXfgRqm3SQ0h0VuE7g==}
 
@@ -11337,6 +11570,9 @@ packages:
   remark-rehype@11.1.0:
     resolution: {integrity: sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==}
 
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -11557,6 +11793,9 @@ packages:
   secure-json-parse@3.0.1:
     resolution: {integrity: sha512-9QR7G96th4QJ2+dJwvZB+JoXyt8PN+DbEjOr6kL2/JU4KH8Eb2sFdU+gt8EDdzWDWoWH0uocDdfCoFzdVSixUA==}
 
+  secure-json-parse@3.0.2:
+    resolution: {integrity: sha512-H6nS2o8bWfpFEV6U38sOSjS7bTbdgbCGU9wEM6W14P5H0QOsz94KCusifV44GpHDTu2nqZbuDNhTzu+mjDSw1w==}
+
   seek-bzip@1.0.6:
     resolution: {integrity: sha512-e1QtP3YL5tWww8uKaOCQ18UxIT2laNBXHjV/S2WYCiK4udiv8lkG89KRIoCjUagnAmCBurjF4zEVX2ByBbnCjQ==}
     hasBin: true
@@ -12661,6 +12900,16 @@ packages:
       '@types/react':
         optional: true
 
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': 19.0.10
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   use-sync-external-store@1.2.2:
     resolution: {integrity: sha512-PElTlVMwpblvbNqQ82d2n6RjStvdSoNe9FG28kNfz3WiXilJm4DdNkEzRhCZuIDwY8U08WVihhGR5iRqAwfDiw==}
     peerDependencies:
@@ -13125,6 +13374,24 @@ packages:
   zod@3.24.2:
     resolution: {integrity: sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==}
 
+  zustand@5.0.3:
+    resolution: {integrity: sha512-14fwWQtU3pH4dE0dOpdMiWjddcH+QzKIgk1cl8epwSE7yag43k/AD/m4L6+K7DytAOr9gGBe3/EXj9g7cdostg==}
+    engines: {node: '>=12.20.0'}
+    peerDependencies:
+      '@types/react': 19.0.10
+      immer: '>=9.0.6'
+      react: '>=18.0.0'
+      use-sync-external-store: '>=1.2.0'
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      immer:
+        optional: true
+      react:
+        optional: true
+      use-sync-external-store:
+        optional: true
+
   zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
@@ -13326,6 +13593,65 @@ snapshots:
       css-tree: 2.3.1
       is-potential-custom-element-name: 1.0.1
 
+  '@assistant-ui/react-ai-sdk@0.8.0(@assistant-ui/react@0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0)))(@types/react@19.0.10)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))':
+    dependencies:
+      '@ai-sdk/react': 1.1.18(react@19.0.0)(zod@3.24.2)
+      '@ai-sdk/ui-utils': 1.1.16(zod@3.24.2)
+      '@assistant-ui/react': 0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+      zod: 3.24.2
+      zustand: 5.0.3(@types/react@19.0.10)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+    optionalDependencies:
+      '@types/react': 19.0.10
+    transitivePeerDependencies:
+      - immer
+      - use-sync-external-store
+
+  '@assistant-ui/react-markdown@0.8.0(@assistant-ui/react@0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0)))(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@assistant-ui/react': 0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@types/hast': 3.0.4
+      classnames: 2.5.1
+      react: 19.0.0
+      react-markdown: 9.1.0(@types/react@19.0.10)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+    transitivePeerDependencies:
+      - '@types/react-dom'
+      - react-dom
+      - supports-color
+
+  '@assistant-ui/react@0.8.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(immer@10.1.1)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))':
+    dependencies:
+      '@ai-sdk/provider': 1.0.9
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-popover': 1.1.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.1.2(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      assistant-stream: 0.0.21
+      json-schema: 0.4.0
+      nanoid: 3.3.8
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-textarea-autosize: 8.5.8(@types/react@19.0.10)(react@19.0.0)
+      secure-json-parse: 3.0.2
+      zod: 3.24.2
+      zod-to-json-schema: 3.24.1(zod@3.24.2)
+      zustand: 5.0.3(@types/react@19.0.10)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0))
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+    transitivePeerDependencies:
+      - immer
+      - use-sync-external-store
+
   '@asteasolutions/zod-to-openapi@6.4.0(zod@3.24.2)':
     dependencies:
       openapi3-ts: 4.3.3
@@ -13371,7 +13697,7 @@ snapshots:
     dependencies:
       '@aws-crypto/util': 5.2.0
       '@aws-sdk/types': 3.734.0
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@aws-crypto/sha256-browser@5.2.0':
     dependencies:
@@ -13488,7 +13814,7 @@ snapshots:
       '@smithy/util-middleware': 4.0.1
       '@smithy/util-retry': 4.0.1
       '@smithy/util-utf8': 4.0.0
-      tslib: 2.6.2
+      tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
@@ -13664,7 +13990,7 @@ snapshots:
       '@smithy/util-middleware': 4.0.1
       '@smithy/util-retry': 4.0.1
       '@smithy/util-utf8': 4.0.0
-      tslib: 2.6.2
+      tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
@@ -13684,7 +14010,7 @@ snapshots:
       '@smithy/property-provider': 4.0.1
       '@smithy/shared-ini-file-loader': 4.0.1
       '@smithy/types': 4.1.0
-      tslib: 2.6.2
+      tslib: 2.8.1
     transitivePeerDependencies:
       - aws-crt
 
@@ -16497,6 +16823,15 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-arrow@1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-avatar@1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/react-context': 1.1.1(@types/react@19.0.10)(react@19.0.0)
@@ -16596,6 +16931,19 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-dismissable-layer@1.1.5(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-dropdown-menu@2.1.4(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.1
@@ -16628,6 +16976,17 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-focus-scope@1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-hover-card@1.1.4(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.1
@@ -16732,6 +17091,29 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-popover@1.1.6(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.1
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-dismissable-layer': 1.1.5(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-focus-scope': 1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-popper': 1.2.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-portal': 1.1.4(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-presence': 1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-slot': 1.1.2(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      aria-hidden: 1.2.4
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-remove-scroll: 2.6.3(@types/react@19.0.10)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-popper@1.2.1(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@floating-ui/react-dom': 2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -16750,6 +17132,24 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-popper@1.2.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-arrow': 1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-context': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-rect': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      '@radix-ui/rect': 1.1.0
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-portal@1.1.3(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/react-primitive': 2.0.1(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
@@ -16760,6 +17160,16 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-portal@1.1.4(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-presence@1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
@@ -16788,6 +17198,15 @@ snapshots:
       '@types/react': 19.0.10
       '@types/react-dom': 19.0.4(@types/react@19.0.10)
 
+  '@radix-ui/react-primitive@2.0.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-slot': 1.1.2(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+      '@types/react-dom': 19.0.4(@types/react@19.0.10)
+
   '@radix-ui/react-radio-group@1.2.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.1
@@ -16892,6 +17311,13 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
 
+  '@radix-ui/react-slot@1.1.2(@types/react@19.0.10)(react@19.0.0)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.1(@types/react@19.0.10)(react@19.0.0)
+      react: 19.0.0
+    optionalDependencies:
+      '@types/react': 19.0.10
+
   '@radix-ui/react-tabs@1.1.2(@types/react-dom@19.0.4(@types/react@19.0.10))(@types/react@19.0.10)(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@radix-ui/primitive': 1.1.1
@@ -18166,7 +18592,7 @@ snapshots:
       '@aws-crypto/crc32': 5.2.0
       '@smithy/types': 4.1.0
       '@smithy/util-hex-encoding': 4.0.0
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@smithy/eventstream-serde-browser@4.0.1':
     dependencies:
@@ -18213,11 +18639,11 @@ snapshots:
 
   '@smithy/is-array-buffer@2.2.0':
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@smithy/is-array-buffer@4.0.0':
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@smithy/middleware-content-length@4.0.1':
     dependencies:
@@ -18351,7 +18777,7 @@ snapshots:
   '@smithy/util-buffer-from@2.2.0':
     dependencies:
       '@smithy/is-array-buffer': 2.2.0
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@smithy/util-buffer-from@4.0.0':
     dependencies:
@@ -18414,7 +18840,7 @@ snapshots:
 
   '@smithy/util-uri-escape@4.0.0':
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   '@smithy/util-utf8@2.3.0':
     dependencies:
@@ -18891,6 +19317,10 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.2
 
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.2
+
   '@types/he@1.2.3': {}
 
   '@types/html-to-text@9.0.4': {}
@@ -19791,6 +20221,10 @@ snapshots:
     dependencies:
       tslib: 2.6.2
 
+  aria-hidden@1.2.4:
+    dependencies:
+      tslib: 2.8.1
+
   aria-query@5.3.0:
     dependencies:
       dequal: 2.0.3
@@ -19901,15 +20335,20 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
+  assistant-stream@0.0.21:
+    dependencies:
+      nanoid: 3.3.8
+      secure-json-parse: 3.0.2
+
   ast-types-flow@0.0.8: {}
 
   ast-types@0.13.4:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   ast-types@0.16.1:
     dependencies:
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   astring@1.8.6: {}
 
@@ -21408,6 +21847,8 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
+  escape-string-regexp@5.0.0: {}
+
   escodegen@2.1.0:
     dependencies:
       esprima: 4.0.1
@@ -21424,8 +21865,8 @@ snapshots:
       '@typescript-eslint/parser': 8.18.2(eslint@8.57.1)(typescript@5.8.2)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
       eslint-plugin-react: 7.37.4(eslint@8.57.1)
       eslint-plugin-react-hooks: 5.2.0(eslint@8.57.1)
@@ -21473,13 +21914,13 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1):
     dependencies:
       debug: 4.4.0
       enhanced-resolve: 5.18.1
       eslint: 8.57.1
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1)
       fast-glob: 3.3.2
       get-tsconfig: 4.7.5
       is-core-module: 2.13.1
@@ -21490,14 +21931,14 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 8.18.2(eslint@8.57.1)(typescript@5.8.2)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -21512,14 +21953,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.8.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-module-utils@2.8.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
       '@typescript-eslint/parser': 8.18.2(eslint@8.57.1)(typescript@5.8.2)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -21566,7 +22007,7 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -21577,7 +22018,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.18.2(eslint@8.57.1)(typescript@5.8.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -22814,6 +23255,8 @@ snapshots:
       htmlparser2: 8.0.2
       selderee: 0.11.0
 
+  html-url-attributes@3.0.1: {}
+
   htmlparser2@8.0.2:
     dependencies:
       domelementtype: 2.3.0
@@ -23765,6 +24208,8 @@ snapshots:
       punycode.js: 2.3.1
       uc.micro: 2.0.0
 
+  markdown-table@3.0.4: {}
+
   marked@7.0.4: {}
 
   math-intrinsics@1.1.0: {}
@@ -23776,6 +24221,13 @@ snapshots:
 
   md5-o-matic@0.1.1: {}
 
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.3
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.0
+      unist-util-visit-parents: 6.0.1
+
   mdast-util-from-markdown@2.0.0:
     dependencies:
       '@types/mdast': 4.0.3
@@ -23793,6 +24245,63 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.0.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+      micromark-util-normalize-identifier: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.3
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.3
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-to-markdown: 2.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.0
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.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.1.0
+    transitivePeerDependencies:
+      - supports-color
+
   mdast-util-mdx-expression@2.0.0:
     dependencies:
       '@types/estree-jsx': 1.0.0
@@ -23850,7 +24359,7 @@ snapshots:
 
   mdast-util-to-hast@13.1.0:
     dependencies:
-      '@types/hast': 3.0.3
+      '@types/hast': 3.0.4
       '@types/mdast': 4.0.3
       '@ungap/structured-clone': 1.2.0
       devlop: 1.1.0
@@ -23927,6 +24436,64 @@ snapshots:
       micromark-util-symbol: 2.0.0
       micromark-util-types: 2.0.0
 
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.0.1
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.0.1
+      micromark-util-normalize-identifier: 2.0.0
+      micromark-util-sanitize-uri: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.0
+      micromark-util-classify-character: 2.0.0
+      micromark-util-resolve-all: 2.0.0
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.0.1
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.0
+      micromark-util-character: 2.0.1
+      micromark-util-symbol: 2.0.0
+      micromark-util-types: 2.0.0
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.0
+      micromark-util-types: 2.0.0
+
   micromark-extension-mdx-expression@3.0.0:
     dependencies:
       '@types/estree': 1.0.5
@@ -25396,6 +25963,24 @@ snapshots:
 
   react-lifecycles-compat@3.0.4: {}
 
+  react-markdown@9.1.0(@types/react@19.0.10)(react@19.0.0):
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.3
+      '@types/react': 19.0.10
+      devlop: 1.1.0
+      hast-util-to-jsx-runtime: 2.3.0
+      html-url-attributes: 3.0.1
+      mdast-util-to-hast: 13.1.0
+      react: 19.0.0
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.0
+      unified: 11.0.4
+      unist-util-visit: 5.0.0
+      vfile: 6.0.1
+    transitivePeerDependencies:
+      - supports-color
+
   react-promise-suspense@0.3.4:
     dependencies:
       fast-deep-equal: 2.0.1
@@ -25428,6 +26013,17 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
 
+  react-remove-scroll@2.6.3(@types/react@19.0.10)(react@19.0.0):
+    dependencies:
+      react: 19.0.0
+      react-remove-scroll-bar: 2.3.8(@types/react@19.0.10)(react@19.0.0)
+      react-style-singleton: 2.2.3(@types/react@19.0.10)(react@19.0.0)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@19.0.10)(react@19.0.0)
+      use-sidecar: 1.1.3(@types/react@19.0.10)(react@19.0.0)
+    optionalDependencies:
+      '@types/react': 19.0.10
+
   react-resizable-panels@2.1.7(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -25479,6 +26075,15 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
+  react-textarea-autosize@8.5.8(@types/react@19.0.10)(react@19.0.0):
+    dependencies:
+      '@babel/runtime': 7.24.1
+      react: 19.0.0
+      use-composed-ref: 1.3.0(react@19.0.0)
+      use-latest: 1.2.1(@types/react@19.0.10)(react@19.0.0)
+    transitivePeerDependencies:
+      - '@types/react'
+
   react-transition-group@4.4.5(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@babel/runtime': 7.24.1
@@ -25570,7 +26175,7 @@ snapshots:
       esprima: 4.0.1
       source-map: 0.6.1
       tiny-invariant: 1.3.3
-      tslib: 2.6.2
+      tslib: 2.8.1
 
   recharts-scale@0.4.5:
     dependencies:
@@ -25690,6 +26295,17 @@ snapshots:
     dependencies:
       jsesc: 0.5.0
 
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.3
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.4
+    transitivePeerDependencies:
+      - supports-color
+
   remark-mdx@3.0.0:
     dependencies:
       mdast-util-mdx: 3.0.0
@@ -25714,6 +26330,12 @@ snapshots:
       unified: 11.0.4
       vfile: 6.0.1
 
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.3
+      mdast-util-to-markdown: 2.1.0
+      unified: 11.0.4
+
   require-directory@2.1.1: {}
 
   require-from-string@2.0.2: {}
@@ -26106,6 +26728,8 @@ snapshots:
 
   secure-json-parse@3.0.1: {}
 
+  secure-json-parse@3.0.2: {}
+
   seek-bzip@1.0.6:
     dependencies:
       commander: 2.20.3
@@ -27410,6 +28034,14 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.0.10
 
+  use-sidecar@1.1.3(@types/react@19.0.10)(react@19.0.0):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 19.0.0
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 19.0.10
+
   use-sync-external-store@1.2.2(react@19.0.0):
     dependencies:
       react: 19.0.0
@@ -27949,4 +28581,11 @@ snapshots:
 
   zod@3.24.2: {}
 
+  zustand@5.0.3(@types/react@19.0.10)(immer@10.1.1)(react@19.0.0)(use-sync-external-store@1.4.0(react@19.0.0)):
+    optionalDependencies:
+      '@types/react': 19.0.10
+      immer: 10.1.1
+      react: 19.0.0
+      use-sync-external-store: 1.4.0(react@19.0.0)
+
   zwitch@2.0.4: {}

From 5f5328038d1a996df77e3cc873e5972407d26129 Mon Sep 17 00:00:00 2001
From: Eliezer Steinbock <3090527+elie222@users.noreply.github.com>
Date: Fri, 21 Mar 2025 01:32:49 +0200
Subject: [PATCH 02/11] add rules artifact and examples

---
 apps/web/app/assistant.tsx                  | 14 ++++------
 apps/web/components/assistant-ui/thread.tsx | 30 +++++++++++++++++----
 2 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/apps/web/app/assistant.tsx b/apps/web/app/assistant.tsx
index cfd64c038..43d1e3d94 100644
--- a/apps/web/app/assistant.tsx
+++ b/apps/web/app/assistant.tsx
@@ -3,22 +3,18 @@
 import { AssistantRuntimeProvider } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { Thread } from "@/components/assistant-ui/thread";
-import { ThreadList } from "@/components/assistant-ui/thread-list";
+import { Rules } from "@/app/(app)/automation/Rules";
 
 export const Assistant = () => {
-  const runtime = useChatRuntime({
-    api: "/api/chat",
-  });
+  const runtime = useChatRuntime({ api: "/api/chat" });
 
   return (
     
-      {/* 
      
-        
-        
-      
       */}
       
      
         
-        
      Artifact
      
+        
      
+          
+        
      
       
      
           
   );
diff --git a/apps/web/components/assistant-ui/thread.tsx b/apps/web/components/assistant-ui/thread.tsx
index 9a91ea371..61a66cba8 100644
--- a/apps/web/components/assistant-ui/thread.tsx
+++ b/apps/web/components/assistant-ui/thread.tsx
@@ -83,25 +83,45 @@ const ThreadWelcome: FC = () => {
 
 const ThreadWelcomeSuggestions: FC = () => {
   return (
-    
      
+    
      
       
         
-          What is the weather in Tokyo?
+          What can you do?
         
       
       
         
-          What is assistant-ui?
+          Label and archive newsletters
+        
+      
+      
+        
+          Label urgent emails
+        
+      
+      
+        
+          Label emails needing a reply
         
       
     
      

From b4343dc6467465b5fa39b2b977b5b9a0d6ba152b Mon Sep 17 00:00:00 2001
From: Eliezer Steinbock <3090527+elie222@users.noreply.github.com>
Date: Fri, 21 Mar 2025 01:52:50 +0200
Subject: [PATCH 03/11] create/list rules via chat

---
 apps/web/app/api/chat/route.ts | 108 +++++++++++++++++++++++++++++----
 1 file changed, 97 insertions(+), 11 deletions(-)

diff --git a/apps/web/app/api/chat/route.ts b/apps/web/app/api/chat/route.ts
index 3428691f5..675fe352e 100644
--- a/apps/web/app/api/chat/route.ts
+++ b/apps/web/app/api/chat/route.ts
@@ -1,25 +1,111 @@
 import { anthropic } from "@ai-sdk/anthropic";
-import { jsonSchema, streamText } from "ai";
+import { streamText, tool } from "ai";
+import { z } from "zod";
+import { createScopedLogger } from "@/utils/logger";
+import {
+  createRuleSchema,
+  type CreateRuleSchemaWithCategories,
+} from "@/utils/ai/rule/create-rule-schema";
+import { getUserCategoriesForNames } from "@/utils/category.server";
+import prisma from "@/utils/prisma";
+import { createRule } from "@/utils/rule/rule";
+import { auth } from "@/app/api/auth/[...nextauth]/auth";
+
+const logger = createScopedLogger("chat");
 
-export const runtime = "edge";
 export const maxDuration = 30;
 
 export async function POST(req: Request) {
-  const { messages, system, tools } = await req.json();
+  const session = await auth();
+  if (!session?.user.id) {
+    return new Response("Unauthorized", { status: 401 });
+  }
+
+  const userId = session.user.id;
+
+  const { messages } = await req.json();
+
+  const system =
+    "You are an assistant that helps create rules to manage a user's inbox.";
 
   const result = streamText({
     model: anthropic("claude-3-5-sonnet-20240620"),
     messages,
-    // forward system prompt and tools from the frontend
     system,
-    tools: Object.fromEntries(
-      Object.entries<{ parameters: unknown }>(tools).map(([name, tool]) => [
-        name,
-        {
-          parameters: jsonSchema(tool.parameters!),
+    tools: {
+      create_rule: tool({
+        description: "Create a new rule",
+        // parameters: categories
+        //   ? getCreateRuleSchemaWithCategories(
+        //       categories.map((c) => c.name) as [string, ...string[]],
+        //     )
+        //   : createRuleSchema,
+        parameters: createRuleSchema,
+        execute: async ({ name, condition, actions }) => {
+          logger.info("Create Rule", { name, condition, actions });
+          // trackToolCall("create_rule", user.email);
+
+          const conditions =
+            condition as CreateRuleSchemaWithCategories["condition"];
+
+          try {
+            const categoryIds = await getUserCategoriesForNames(
+              userId,
+              conditions.categories?.categoryFilters || [],
+            );
+
+            const rule = await createRule({
+              result: { name, condition, actions },
+              userId,
+              categoryIds,
+            });
+
+            if ("error" in rule) {
+              logger.error("Error while creating rule", {
+                // ...loggerOptions,
+                error: rule.error,
+              });
+
+              return {
+                error: "Failed to create rule",
+                message: rule.error,
+              };
+            }
+
+            // createdRules.set(rule.id, rule);
+
+            return { success: true };
+          } catch (error) {
+            const message =
+              error instanceof Error ? error.message : String(error);
+
+            logger.error("Failed to create rule", {
+              // ...loggerOptions,
+              error: message,
+            });
+
+            return {
+              error: "Failed to create rule",
+              message,
+            };
+          }
+        },
+      }),
+      list_rules: tool({
+        description: "List all existing rules for the user",
+        parameters: z.object({}),
+        execute: async () => {
+          // trackToolCall("list_rules", user.email);
+          // return userRules;
+
+          const rules = await prisma.rule.findMany({
+            where: { userId },
+          });
+
+          return rules;
         },
-      ]),
-    ),
+      }),
+    },
   });
 
   return result.toDataStreamResponse();

From 5dcc6bd73300dcf03267942873607532609ce66e Mon Sep 17 00:00:00 2001
From: Eliezer Steinbock <3090527+elie222@users.noreply.github.com>
Date: Fri, 21 Mar 2025 12:09:57 +0200
Subject: [PATCH 04/11] Update prompt

---
 apps/web/__tests__/ai-choose-args.test.ts     |   3 +
 apps/web/__tests__/ai-prompt-to-rules.test.ts |   2 +-
 apps/web/app/api/chat/route.ts                | 340 +++++++++++++++++-
 3 files changed, 338 insertions(+), 7 deletions(-)

diff --git a/apps/web/__tests__/ai-choose-args.test.ts b/apps/web/__tests__/ai-choose-args.test.ts
index 7a2cb093c..b8280791c 100644
--- a/apps/web/__tests__/ai-choose-args.test.ts
+++ b/apps/web/__tests__/ai-choose-args.test.ts
@@ -191,6 +191,8 @@ function getRule(
     conditionalOperator: LogicalOperator.AND,
     type: null,
     trackReplies: null,
+    draftReplies: null,
+    draftRepliesInstructions: null,
   };
 }
 
@@ -200,6 +202,7 @@ function getEmail({
   content = "content",
 }: { from?: string; subject?: string; content?: string } = {}) {
   return {
+    id: "id",
     from,
     subject,
     content,
diff --git a/apps/web/__tests__/ai-prompt-to-rules.test.ts b/apps/web/__tests__/ai-prompt-to-rules.test.ts
index 65e51d2c7..665eba645 100644
--- a/apps/web/__tests__/ai-prompt-to-rules.test.ts
+++ b/apps/web/__tests__/ai-prompt-to-rules.test.ts
@@ -329,6 +329,6 @@ describe.skipIf(!isAiTest)("aiPromptToRules", () => {
     const replyAction = result[0].actions.find(
       (a) => a.type === ActionType.REPLY,
     );
-    expect(replyAction?.content).toContain("{{firstName}}");
+    expect(replyAction?.fields?.content).toContain("{{firstName}}");
   }, 15_000);
 });
diff --git a/apps/web/app/api/chat/route.ts b/apps/web/app/api/chat/route.ts
index 675fe352e..dcad05bfe 100644
--- a/apps/web/app/api/chat/route.ts
+++ b/apps/web/app/api/chat/route.ts
@@ -10,10 +10,11 @@ import { getUserCategoriesForNames } from "@/utils/category.server";
 import prisma from "@/utils/prisma";
 import { createRule } from "@/utils/rule/rule";
 import { auth } from "@/app/api/auth/[...nextauth]/auth";
+import { ActionType, ColdEmailSetting, LogicalOperator } from "@prisma/client";
 
 const logger = createScopedLogger("chat");
 
-export const maxDuration = 30;
+export const maxDuration = 120;
 
 export async function POST(req: Request) {
   const session = await auth();
@@ -25,8 +26,245 @@ export async function POST(req: Request) {
 
   const { messages } = await req.json();
 
-  const system =
-    "You are an assistant that helps create rules to manage a user's inbox.";
+  const system = `You are an assistant that helps create and update rules to manage a user's inbox.
+  
+You can't perform any actions, you can only adjust their rules.
+
+A rule is comprised of:
+1. A condition
+2. A set of actions
+
+A condition can be:
+1. AI instructions
+2. Static
+
+An action can be:
+1. Archive
+2. Label
+3. Draft a reply
+4. Send an email
+5. Forward
+6. Mark as read
+7. Mark spam
+8. Call a webhook
+
+You can use {{variables}} in the fields to insert AI generated content. For example:
+"Hi {{name}}, {{write a friendly reply}}, Best regards, Alice"
+
+Rule matching logic:
+- All static conditions (from, to, subject, body) use AND logic - meaning all static conditions must match
+- Top level conditions (AI instructions, static, category) can use either AND or OR logic, controlled by the "conditionalOperator" setting
+
+Best practices:
+- For static conditions, use email patterns (e.g., '@company.com') when matching multiple addresses
+- IMPORTANT: do not create new rules unless absolutely necessary. Avoid duplicate rules, so make sure to check if the rule already exists.
+- You can use multiple conditions in a rule, but aim for simplicity.
+- When creating rules, in most cases, you should use the "aiInstructions" and sometimes you will use other fields in addition.
+- If a rule can be handled fully with static conditions, do so, but this is rarely possible.
+
+Always explain the changes you made.
+Use simple language and avoid jargon in your reply.
+If you are unable to fix the rule, say so.
+
+You can set general infomation about the user too that will be passed as context when the AI is processing emails.
+You can enable the cold email blocker by setting the "coldEmailBlocker" setting to true.
+You can enable the reply zero setting by setting the "replyZero" setting to true. Reply Zero is a feature that tracks replies for users.
+
+Examples:
+
+
+  
+    
+      When I get a newsletter, archive it and label it as "Newsletter"
+    
+    
+      
+        {
+          "name": "Label Newsletters",
+          "condition": { "aiInstructions": "Newsletters" },
+          "actions": [
+            {
+              "type": "archive",
+              "fields": {}
+            },
+            {
+              "type": "label",
+              "fields": {
+                "label": "Newsletter"
+              }
+            }
+          ]
+        }
+      
+      
+        I created a rule to label newsletters.
+      
+    
+  
+
+  
+    
+      I run a marketing agency and use this email address for cold outreach.
+      If someone shows interest, label it "Interested".
+      If someone says they're interested in learning more, send them my Cal link (cal.com/alice).
+      If they ask for more info, send them my deck (https://drive.google.com/alice-deck.pdf).
+      If they're not interested, label it as "Not interested" and archive it.
+      If you don't know how to respond, label it as "Needs review".
+    
+    
+      
+        I run a marketing agency and use this email address for cold outreach.
+        My cal link is https://cal.com/alice
+        My deck is https://drive.google.com/alice-deck.pdf
+        Write concise and friendly replies.
+      
+      
+        {
+          "name": "Interested",
+          "condition": { "aiInstructions": "When someone shows interest in setting up a call or learning more." },
+          "actions": [
+            {
+              "type": "label",
+              "fields": {
+                "label": "Interested"
+              }
+            },
+            {
+              "type": "draft",
+              "fields": {
+                "content": "{{draft a reply}}"
+              }
+            }
+          ]
+        }
+      
+      
+        {
+          "name": "Not Interested",
+          "condition": { "aiInstructions": "When someone says they're not interested." },
+          "actions": [
+            {
+              "type": "label",
+              "fields": {
+                "label": "Not Interested"
+              }
+            },
+            {
+              "type": "archive",
+              "fields": {}
+            }
+          ]
+        }
+      
+      
+        {
+          "name": "Needs Review",
+          "condition": { "aiInstructions": "When you don't know how to respond." },
+          "actions": [
+            {
+              "type": "label",
+              "fields": {
+                "label": "Needs Review"
+              }
+            }
+          ]
+        }
+      
+      
+        I created three rules to handle different types of responses.
+      
+    
+  
+
+  
+    
+      Set a rule to archive emails older than 30 days.
+    
+    
+      Inbox Zero doesn't support time-based actions yet. We only process emails as they arrive in your inbox.
+    
+  
+
+  
+    
+      Create some good default rules for me.
+    
+    
+      
+        {
+          "action": "ARCHIVE_AND_LABEL"
+        }
+      
+      
+        {
+          "enabled": true,
+          "draft_replies": true
+        }
+      
+      
+        {
+          "name": "Urgent",
+          "condition": { "aiInstructions": "Urgent emails" },
+          "actions": [
+            { "type": "label", "fields": { "label": "Urgent" } }
+          ]
+        }
+      
+      
+        {
+          "name": "Newsletters",
+          "condition": { "aiInstructions": "Newsletters" },
+          "actions": [
+            { "type": "archive", "fields": {} },
+            { "type": "label", "fields": { "label": "Newsletter" } }
+          ]
+        }
+      
+      
+        {
+          "name": "Promotions",
+          "condition": { "aiInstructions": "Marketing and promotional emails" },
+          "actions": [
+            { "type": "archive", "fields": {} },
+            { "type": "label", "fields": { "label": "Promotions" } }
+          ]
+        }
+      
+      
+        {
+          "name": "Team",
+          "condition": { "aiInstructions": "Team emails" },
+          "actions": [
+            { "type": "label", "fields": { "label": "Team" } }
+          ]
+        }
+      
+      
+        I created 4 rules to handle different types of emails.
+        I also enabled the cold email blocker and reply zero feature.
+      
+    
+  
+
+  
+    
+      I don't need to reply to emails from GitHub, stop labelling them as "To reply".
+    
+    
+      
+        {
+          "name": "To reply",
+          "learnedPatterns": [
+            { "exclude": { "from": "@github.com" } }
+          ]
+        }
+      
+      
+        I updated the rule to stop labelling emails from GitHub as "To reply".
+      
+    
+  
+`;
 
   const result = streamText({
     model: anthropic("claude-3-5-sonnet-20240620"),
@@ -91,6 +329,65 @@ export async function POST(req: Request) {
           }
         },
       }),
+      update_rule: tool({
+        description: "Update an existing rule",
+        parameters: z.object({
+          ruleName: z.string().describe("The name of the rule to update"),
+          condition: z
+            .object({
+              aiInstructions: z.string(),
+              static: z.object({
+                from: z.string(),
+                to: z.string(),
+                subject: z.string(),
+                body: z.string(),
+              }),
+              conditionalOperator: z.enum([
+                LogicalOperator.AND,
+                LogicalOperator.OR,
+              ]),
+            })
+            .optional(),
+          actions: z.array(
+            z
+              .object({
+                type: z.enum([
+                  ActionType.ARCHIVE,
+                  ActionType.LABEL,
+                  ActionType.REPLY,
+                  ActionType.SEND_EMAIL,
+                  ActionType.FORWARD,
+                  ActionType.MARK_READ,
+                  ActionType.MARK_SPAM,
+                  ActionType.CALL_WEBHOOK,
+                ]),
+                fields: z.object({
+                  label: z.string().optional(),
+                  content: z.string().optional(),
+                  webhookUrl: z.string().optional(),
+                }),
+              })
+              .optional(),
+          ),
+          learnedPatterns: z
+            .array(
+              z.object({
+                include: z.object({
+                  from: z.string(),
+                  subject: z.string(),
+                }),
+                exclude: z.object({
+                  from: z.string(),
+                  subject: z.string(),
+                }),
+              }),
+            )
+            .optional(),
+        }),
+        execute: async ({ ruleName, condition, actions, learnedPatterns }) => {
+          return { success: true };
+        },
+      }),
       list_rules: tool({
         description: "List all existing rules for the user",
         parameters: z.object({}),
@@ -98,13 +395,44 @@ export async function POST(req: Request) {
           // trackToolCall("list_rules", user.email);
           // return userRules;
 
-          const rules = await prisma.rule.findMany({
-            where: { userId },
-          });
+          const rules = await prisma.rule.findMany({ where: { userId } });
 
           return rules;
         },
       }),
+      update_about: tool({
+        description: "Update the user's about information",
+        parameters: z.object({
+          about: z.string(),
+        }),
+        execute: async ({ about }) => {
+          return { success: true };
+        },
+      }),
+      enable_cold_email_blocker: tool({
+        description: "Enable the cold email blocker",
+        parameters: z.object({
+          action: z.enum([
+            ColdEmailSetting.DISABLED,
+            ColdEmailSetting.LABEL,
+            ColdEmailSetting.ARCHIVE_AND_LABEL,
+            ColdEmailSetting.ARCHIVE_AND_READ_AND_LABEL,
+          ]),
+        }),
+        execute: async ({ action }) => {
+          return { success: true };
+        },
+      }),
+      enable_reply_zero: tool({
+        description: "Enable the reply zero feature",
+        parameters: z.object({
+          enabled: z.boolean(),
+          draft_replies: z.boolean(),
+        }),
+        execute: async ({ enabled, draft_replies }) => {
+          return { success: true };
+        },
+      }),
     },
   });
 

From 122ef7dca17338cbad8fccfef6b0e1574c48ad8d Mon Sep 17 00:00:00 2001
From: Eliezer Steinbock <3090527+elie222@users.noreply.github.com>
Date: Sat, 22 Mar 2025 22:25:22 +0200
Subject: [PATCH 05/11] Add vercel chat instead of ui assistant

---
 apps/web/app/(app)/automation/Rules.tsx       |  12 +-
 apps/web/app/(app)/automation/chat/page.tsx   |  12 +-
 apps/web/app/api/chat/route.ts                | 166 +++++++------
 apps/web/app/assistant.tsx                    |   9 +-
 apps/web/components/assistant-chat/chat.tsx   | 101 ++++++++
 .../assistant-chat/data-stream-handler.tsx    |  31 +++
 apps/web/components/assistant-chat/icons.tsx  | 168 ++++++++++++++
 .../components/assistant-chat/markdown.tsx    | 108 +++++++++
 .../assistant-chat/message-editor.tsx         | 110 +++++++++
 .../assistant-chat/message-reasoning.tsx      |  79 +++++++
 .../web/components/assistant-chat/message.tsx | 172 ++++++++++++++
 .../components/assistant-chat/messages.tsx    |  64 +++++
 .../assistant-chat/multimodal-input.tsx       | 218 ++++++++++++++++++
 .../components/assistant-chat/overview.tsx    |  24 ++
 .../assistant-chat/submit-button.tsx          |  36 +++
 .../assistant-chat/suggested-actions.tsx      |  74 ++++++
 apps/web/components/assistant-chat/tools.tsx  | 190 +++++++++++++++
 .../assistant-chat/use-scroll-to-bottom.ts    |  31 +++
 apps/web/components/assistant-ui/thread.tsx   |   4 +-
 apps/web/components/ui/textarea.tsx           |  22 ++
 apps/web/package.json                         |   3 +
 apps/web/providers/SWRProvider.tsx            |   1 +
 pnpm-lock.yaml                                |  60 ++++-
 23 files changed, 1603 insertions(+), 92 deletions(-)
 create mode 100644 apps/web/components/assistant-chat/chat.tsx
 create mode 100644 apps/web/components/assistant-chat/data-stream-handler.tsx
 create mode 100644 apps/web/components/assistant-chat/icons.tsx
 create mode 100644 apps/web/components/assistant-chat/markdown.tsx
 create mode 100644 apps/web/components/assistant-chat/message-editor.tsx
 create mode 100644 apps/web/components/assistant-chat/message-reasoning.tsx
 create mode 100644 apps/web/components/assistant-chat/message.tsx
 create mode 100644 apps/web/components/assistant-chat/messages.tsx
 create mode 100644 apps/web/components/assistant-chat/multimodal-input.tsx
 create mode 100644 apps/web/components/assistant-chat/overview.tsx
 create mode 100644 apps/web/components/assistant-chat/submit-button.tsx
 create mode 100644 apps/web/components/assistant-chat/suggested-actions.tsx
 create mode 100644 apps/web/components/assistant-chat/tools.tsx
 create mode 100644 apps/web/components/assistant-chat/use-scroll-to-bottom.ts
 create mode 100644 apps/web/components/ui/textarea.tsx

diff --git a/apps/web/app/(app)/automation/Rules.tsx b/apps/web/app/(app)/automation/Rules.tsx
index 2b81d74fc..e0a89cc01 100644
--- a/apps/web/app/(app)/automation/Rules.tsx
+++ b/apps/web/app/(app)/automation/Rules.tsx
@@ -50,6 +50,7 @@ import { Tooltip } from "@/components/Tooltip";
 import { cn } from "@/utils";
 import { type RiskLevel, getRiskLevel } from "@/utils/risk";
 import { useRules } from "@/hooks/useRules";
+import type { ActionType } from "@prisma/client";
 
 export function Rules() {
   const { data, isLoading, error, mutate } = useRules();
@@ -151,7 +152,7 @@ export function Rules() {
                         
      
                       
                       
-                        
+                        
                       
                       
                         
      
@@ -304,7 +305,14 @@ export function Rules() {
   );
 }
 
-function Actions({ actions }: { actions: RulesResponse[number]["actions"] }) {
+export function ActionBadges({
+  actions,
+}: {
+  actions: {
+    id: string;
+    type: ActionType;
+  }[];
+}) {
   return (
     
      
       {actions?.map((action) => {
diff --git a/apps/web/app/(app)/automation/chat/page.tsx b/apps/web/app/(app)/automation/chat/page.tsx
index 40a0b42ba..7b7a18479 100644
--- a/apps/web/app/(app)/automation/chat/page.tsx
+++ b/apps/web/app/(app)/automation/chat/page.tsx
@@ -1,5 +1,13 @@
-import { Assistant } from "@/app/assistant";
+// import { Assistant } from "@/app/assistant";
+import { Chat } from "@/components/assistant-chat/chat";
+import { DataStreamHandler } from "@/components/assistant-chat/data-stream-handler";
 
 export default function AssistantChatPage() {
-  return ;
+  // return ;
+  return (
+    <>
+      
+      
+    
+  );
 }
diff --git a/apps/web/app/api/chat/route.ts b/apps/web/app/api/chat/route.ts
index dcad05bfe..528464f6c 100644
--- a/apps/web/app/api/chat/route.ts
+++ b/apps/web/app/api/chat/route.ts
@@ -16,6 +16,84 @@ const logger = createScopedLogger("chat");
 
 export const maxDuration = 120;
 
+// schemas
+export type CreateRuleSchema = z.infer;
+
+const updateRuleSchema = z.object({
+  ruleName: z.string().describe("The name of the rule to update"),
+  condition: z
+    .object({
+      aiInstructions: z.string(),
+      static: z.object({
+        from: z.string(),
+        to: z.string(),
+        subject: z.string(),
+        body: z.string(),
+      }),
+      conditionalOperator: z.enum([LogicalOperator.AND, LogicalOperator.OR]),
+    })
+    .optional(),
+  actions: z.array(
+    z
+      .object({
+        type: z.enum([
+          ActionType.ARCHIVE,
+          ActionType.LABEL,
+          ActionType.REPLY,
+          ActionType.SEND_EMAIL,
+          ActionType.FORWARD,
+          ActionType.MARK_READ,
+          ActionType.MARK_SPAM,
+          ActionType.CALL_WEBHOOK,
+        ]),
+        fields: z.object({
+          label: z.string().optional(),
+          content: z.string().optional(),
+          webhookUrl: z.string().optional(),
+        }),
+      })
+      .optional(),
+  ),
+  learnedPatterns: z
+    .array(
+      z.object({
+        include: z.object({
+          from: z.string(),
+          subject: z.string(),
+        }),
+        exclude: z.object({
+          from: z.string(),
+          subject: z.string(),
+        }),
+      }),
+    )
+    .optional(),
+});
+export type UpdateRuleSchema = z.infer;
+
+const updateAboutSchema = z.object({
+  about: z.string(),
+});
+export type UpdateAboutSchema = z.infer;
+
+const enableColdEmailBlockerSchema = z.object({
+  action: z.enum([
+    ColdEmailSetting.DISABLED,
+    ColdEmailSetting.LABEL,
+    ColdEmailSetting.ARCHIVE_AND_LABEL,
+    ColdEmailSetting.ARCHIVE_AND_READ_AND_LABEL,
+  ]),
+});
+export type EnableColdEmailBlockerSchema = z.infer<
+  typeof enableColdEmailBlockerSchema
+>;
+
+const enableReplyZeroSchema = z.object({
+  enabled: z.boolean(),
+  draft_replies: z.boolean(),
+});
+export type EnableReplyZeroSchema = z.infer;
+
 export async function POST(req: Request) {
   const session = await auth();
   if (!session?.user.id) {
@@ -26,7 +104,7 @@ export async function POST(req: Request) {
 
   const { messages } = await req.json();
 
-  const system = `You are an assistant that helps create and update rules to manage a user's inbox.
+  const system = `You are an assistant that helps create and update rules to manage a user's inbox. Our platform is called Inbox Zero.
   
 You can't perform any actions, you can only adjust their rules.
 
@@ -53,7 +131,7 @@ You can use {{variables}} in the fields to insert AI generated content. For exam
 
 Rule matching logic:
 - All static conditions (from, to, subject, body) use AND logic - meaning all static conditions must match
-- Top level conditions (AI instructions, static, category) can use either AND or OR logic, controlled by the "conditionalOperator" setting
+- Top level conditions (AI instructions, static) can use either AND or OR logic, controlled by the "conditionalOperator" setting
 
 Best practices:
 - For static conditions, use email patterns (e.g., '@company.com') when matching multiple addresses
@@ -67,8 +145,14 @@ Use simple language and avoid jargon in your reply.
 If you are unable to fix the rule, say so.
 
 You can set general infomation about the user too that will be passed as context when the AI is processing emails.
-You can enable the cold email blocker by setting the "coldEmailBlocker" setting to true.
-You can enable the reply zero setting by setting the "replyZero" setting to true. Reply Zero is a feature that tracks replies for users.
+Reply Zero is a feature that labels emails that need a reply "To Reply". And labels emails that are awaiting a response "Awaiting". The also is also able to see these in a minimalist UI within Inbox Zero which only shows these features.
+Don't tell the user which tools you're using. The tools you use will be displayed in the UI anyway.
+Don't use placeholders in rules you create. For example, don't use @company.com. Use the user's actual company email address. And if you don't know some information you need, you can ask the user.
+
+Learned patterns:
+- Learned patterns override the conditional logic for a rule.
+- This avoids us having to use AI to process rules.
+- There's some similarity to static rules, but you can only use one static condition for a rule. But you can use multiple learned patterns. And over time the list of learned patterns will grow.
 
 Examples:
 
@@ -233,7 +317,7 @@ Examples:
       
         {
           "name": "Team",
-          "condition": { "aiInstructions": "Team emails" },
+          "condition": { "static": { "from": "@company.com" } },
           "actions": [
             { "type": "label", "fields": { "label": "Team" } }
           ]
@@ -331,59 +415,7 @@ Examples:
       }),
       update_rule: tool({
         description: "Update an existing rule",
-        parameters: z.object({
-          ruleName: z.string().describe("The name of the rule to update"),
-          condition: z
-            .object({
-              aiInstructions: z.string(),
-              static: z.object({
-                from: z.string(),
-                to: z.string(),
-                subject: z.string(),
-                body: z.string(),
-              }),
-              conditionalOperator: z.enum([
-                LogicalOperator.AND,
-                LogicalOperator.OR,
-              ]),
-            })
-            .optional(),
-          actions: z.array(
-            z
-              .object({
-                type: z.enum([
-                  ActionType.ARCHIVE,
-                  ActionType.LABEL,
-                  ActionType.REPLY,
-                  ActionType.SEND_EMAIL,
-                  ActionType.FORWARD,
-                  ActionType.MARK_READ,
-                  ActionType.MARK_SPAM,
-                  ActionType.CALL_WEBHOOK,
-                ]),
-                fields: z.object({
-                  label: z.string().optional(),
-                  content: z.string().optional(),
-                  webhookUrl: z.string().optional(),
-                }),
-              })
-              .optional(),
-          ),
-          learnedPatterns: z
-            .array(
-              z.object({
-                include: z.object({
-                  from: z.string(),
-                  subject: z.string(),
-                }),
-                exclude: z.object({
-                  from: z.string(),
-                  subject: z.string(),
-                }),
-              }),
-            )
-            .optional(),
-        }),
+        parameters: updateRuleSchema,
         execute: async ({ ruleName, condition, actions, learnedPatterns }) => {
           return { success: true };
         },
@@ -402,33 +434,21 @@ Examples:
       }),
       update_about: tool({
         description: "Update the user's about information",
-        parameters: z.object({
-          about: z.string(),
-        }),
+        parameters: updateAboutSchema,
         execute: async ({ about }) => {
           return { success: true };
         },
       }),
       enable_cold_email_blocker: tool({
         description: "Enable the cold email blocker",
-        parameters: z.object({
-          action: z.enum([
-            ColdEmailSetting.DISABLED,
-            ColdEmailSetting.LABEL,
-            ColdEmailSetting.ARCHIVE_AND_LABEL,
-            ColdEmailSetting.ARCHIVE_AND_READ_AND_LABEL,
-          ]),
-        }),
+        parameters: enableColdEmailBlockerSchema,
         execute: async ({ action }) => {
           return { success: true };
         },
       }),
       enable_reply_zero: tool({
         description: "Enable the reply zero feature",
-        parameters: z.object({
-          enabled: z.boolean(),
-          draft_replies: z.boolean(),
-        }),
+        parameters: enableReplyZeroSchema,
         execute: async ({ enabled, draft_replies }) => {
           return { success: true };
         },
diff --git a/apps/web/app/assistant.tsx b/apps/web/app/assistant.tsx
index 43d1e3d94..436c0e89e 100644
--- a/apps/web/app/assistant.tsx
+++ b/apps/web/app/assistant.tsx
@@ -3,19 +3,22 @@
 import { AssistantRuntimeProvider } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { Thread } from "@/components/assistant-ui/thread";
-import { Rules } from "@/app/(app)/automation/Rules";
 
 export const Assistant = () => {
   const runtime = useChatRuntime({ api: "/api/chat" });
 
   return (
     
-      
      
+      
      
+        
+      
      
+
+      {/* 
      
         
         
      
           
         
      
-      
      
+      
       */}
           
   );
 };
diff --git a/apps/web/components/assistant-chat/chat.tsx b/apps/web/components/assistant-chat/chat.tsx
new file mode 100644
index 000000000..9e716f2e4
--- /dev/null
+++ b/apps/web/components/assistant-chat/chat.tsx
@@ -0,0 +1,101 @@
+"use client";
+
+import type { Attachment, UIMessage } from "ai";
+import { useChat } from "@ai-sdk/react";
+import { useState } from "react";
+import { useSWRConfig } from "swr";
+import { MultimodalInput } from "@/components/assistant-chat/multimodal-input";
+import { Messages } from "./messages";
+import { toast } from "sonner";
+
+function generateUUID(): string {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    const v = c === "x" ? r : (r & 0x3) | 0x8;
+    return v.toString(16);
+  });
+}
+
+export function Chat({
+  id,
+  initialMessages,
+  selectedChatModel,
+}: {
+  id: string;
+  initialMessages: Array;
+  selectedChatModel: string;
+}) {
+  const { mutate } = useSWRConfig();
+
+  const {
+    messages,
+    setMessages,
+    handleSubmit,
+    input,
+    setInput,
+    append,
+    status,
+    stop,
+    reload,
+  } = useChat({
+    id,
+    body: { id, selectedChatModel: selectedChatModel },
+    initialMessages,
+    experimental_throttle: 100,
+    sendExtraMessageFields: true,
+    generateId: generateUUID,
+    onFinish: () => {
+      mutate("/api/history");
+    },
+    onError: () => {
+      toast.error("An error occured, please try again!");
+    },
+  });
+
+  const [attachments, setAttachments] = useState>([]);
+
+  return (
+    <>
+      
      
+        
+
+        
      
+          
+        
+      
      
+
+      {/*  */}
+    
+  );
+}
diff --git a/apps/web/components/assistant-chat/data-stream-handler.tsx b/apps/web/components/assistant-chat/data-stream-handler.tsx
new file mode 100644
index 000000000..b58a016c1
--- /dev/null
+++ b/apps/web/components/assistant-chat/data-stream-handler.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import { useChat } from "@ai-sdk/react";
+import { useEffect, useRef } from "react";
+
+export type DataStreamDelta = {
+  type:
+    | "text-delta"
+    | "code-delta"
+    | "sheet-delta"
+    | "image-delta"
+    | "title"
+    | "id"
+    | "suggestion"
+    | "clear"
+    | "finish"
+    | "kind";
+  content: string;
+};
+
+export function DataStreamHandler({ id }: { id: string }) {
+  const { data: dataStream } = useChat({ id });
+  const lastProcessedIndex = useRef(-1);
+
+  useEffect(() => {
+    if (!dataStream?.length) return;
+    lastProcessedIndex.current = dataStream.length - 1;
+  }, [dataStream]);
+
+  return null;
+}
diff --git a/apps/web/components/assistant-chat/icons.tsx b/apps/web/components/assistant-chat/icons.tsx
new file mode 100644
index 000000000..e27567aa8
--- /dev/null
+++ b/apps/web/components/assistant-chat/icons.tsx
@@ -0,0 +1,168 @@
+export const VercelIcon = ({ size = 17 }) => {
+  return (
+    
+      
+    
+  );
+};
+
+export const LoaderIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    
+      
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
+      
+        
+          
+        
+      
+    
+  );
+};
+
+export const PencilEditIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    
+      
+    
+  );
+};
+
+export const ArrowUpIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    
+      
+    
+  );
+};
+
+export const StopIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    
+      
+    
+  );
+};
+
+export const MessageIcon = ({ size = 16 }: { size?: number }) => {
+  return (
+    
+      
+    
+  );
+};
diff --git a/apps/web/components/assistant-chat/markdown.tsx b/apps/web/components/assistant-chat/markdown.tsx
new file mode 100644
index 000000000..0e321b916
--- /dev/null
+++ b/apps/web/components/assistant-chat/markdown.tsx
@@ -0,0 +1,108 @@
+import Link from "next/link";
+import React, { memo } from "react";
+import ReactMarkdown, { type Components } from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+const components: Partial = {
+  // @ts-expect-error
+  code: CodeBlock,
+  pre: ({ children }) => <>{children},
+  ol: ({ node, children, ...props }) => {
+    return (
+      
        
+        {children}
+      
      
+    );
+  },
+  li: ({ node, children, ...props }) => {
+    return (
+      
    1. 
+        {children}
+      
      2. 
+    );
+  },
+  ul: ({ node, children, ...props }) => {
+    return (
+      
        
+        {children}
+      
      
+    );
+  },
+  strong: ({ node, children, ...props }) => {
+    return (
+      
+        {children}
+      
+    );
+  },
+  a: ({ node, children, ...props }) => {
+    return (
+      // @ts-expect-error
+      
+        {children}
+      
+    );
+  },
+  h1: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+  h2: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+  h3: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+  h4: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+  h5: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+  h6: ({ node, children, ...props }) => {
+    return (
+      
      
+        {children}
+      
      
+    );
+  },
+};
+
+const remarkPlugins = [remarkGfm];
+
+const NonMemoizedMarkdown = ({ children }: { children: string }) => {
+  return (
+    
+      {children}
+    
+  );
+};
+
+export const Markdown = memo(
+  NonMemoizedMarkdown,
+  (prevProps, nextProps) => prevProps.children === nextProps.children,
+);
diff --git a/apps/web/components/assistant-chat/message-editor.tsx b/apps/web/components/assistant-chat/message-editor.tsx
new file mode 100644
index 000000000..129f1420c
--- /dev/null
+++ b/apps/web/components/assistant-chat/message-editor.tsx
@@ -0,0 +1,110 @@
+"use client";
+
+import type { Message } from "ai";
+import {
+  type Dispatch,
+  type SetStateAction,
+  useEffect,
+  useRef,
+  useState,
+} from "react";
+import type { UseChatHelpers } from "@ai-sdk/react";
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+// import { deleteTrailingMessages } from "@/app/(app)/automation/chat/actions";
+
+export type MessageEditorProps = {
+  message: Message;
+  setMode: Dispatch>;
+  setMessages: UseChatHelpers["setMessages"];
+  reload: UseChatHelpers["reload"];
+};
+
+export function MessageEditor({
+  message,
+  setMode,
+  setMessages,
+  reload,
+}: MessageEditorProps) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const [draftContent, setDraftContent] = useState(message.content);
+  const textareaRef = useRef(null);
+
+  useEffect(() => {
+    if (textareaRef.current) {
+      adjustHeight();
+    }
+  }, []);
+
+  const adjustHeight = () => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight + 2}px`;
+    }
+  };
+
+  const handleInput = (event: React.ChangeEvent) => {
+    setDraftContent(event.target.value);
+    adjustHeight();
+  };
+
+  return (
+    
      
+
      + ), + td: ({ className, ...props }) => ( + + ), + tr: ({ className, ...props }) => ( +