diff --git a/apps/web/src/components/chat/ChatSlideOver.tsx b/apps/web/src/components/chat/ChatSlideOver.tsx index 5c514b2..ef056a8 100644 --- a/apps/web/src/components/chat/ChatSlideOver.tsx +++ b/apps/web/src/components/chat/ChatSlideOver.tsx @@ -1,6 +1,6 @@ import { useEffect, useRef } from 'react'; import { motion, AnimatePresence } from 'motion/react'; -import { X, Loader2, AlertTriangle, RotateCcw } from 'lucide-react'; +import { X, Plus, Loader2, AlertTriangle, RotateCcw } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { useChatSession } from '@/hooks/useChatSession'; import { ChatBubble } from './ChatBubble'; @@ -42,7 +42,7 @@ function ChatSlideOverInner({ initiativeId: string; onClose: () => void; }) { - const { messages, agentStatus, agentError, sendMessage, retryLastMessage, closeSession, isSending } = + const { session, messages, agentStatus, agentError, sendMessage, retryLastMessage, closeSession, startNewSession, isSending } = useChatSession(target.type, target.id, initiativeId); const scrollRef = useRef(null); @@ -105,6 +105,19 @@ function ChatSlideOverInner({ Processing... )} + {session && messages.length > 0 && ( + + )}