feat(web): conversation management — search, rename, delete, archive (#121) (#139)

Co-authored-by: Jason Woltje <jason@diversecanvas.com>
Co-committed-by: Jason Woltje <jason@diversecanvas.com>

apps/web/src/app/(dashboard)/chat/page.tsx

@@ -141,19 +141,72 @@ export default function ChatPage(): React.ReactElement {
     setMessages([]);
   }, []);
 
+  const handleRename = useCallback(async (id: string, title: string) => {
+    const updated = await api<Conversation>(`/api/conversations/${id}`, {
+      method: 'PATCH',
+      body: { title },
+    });
+    setConversations((prev) => prev.map((c) => (c.id === id ? updated : c)));
+  }, []);
+
+  const handleDelete = useCallback(
+    async (id: string) => {
+      await api<void>(`/api/conversations/${id}`, { method: 'DELETE' });
+      setConversations((prev) => prev.filter((c) => c.id !== id));
+      if (activeId === id) {
+        setActiveId(null);
+        setMessages([]);
+      }
+    },
+    [activeId],
+  );
+
+  const handleArchive = useCallback(
+    async (id: string, archived: boolean) => {
+      const updated = await api<Conversation>(`/api/conversations/${id}`, {
+        method: 'PATCH',
+        body: { archived },
+      });
+      setConversations((prev) => prev.map((c) => (c.id === id ? updated : c)));
+      // If archiving the active conversation, deselect it
+      if (archived && activeId === id) {
+        setActiveId(null);
+        setMessages([]);
+      }
+    },
+    [activeId],
+  );
+
   const handleSend = useCallback(
     async (content: string) => {
       let convId = activeId;
 
       // Auto-create conversation if none selected
       if (!convId) {
+        const autoTitle = content.slice(0, 60);
         const conv = await api<Conversation>('/api/conversations', {
           method: 'POST',
-          body: { title: content.slice(0, 50) },
+          body: { title: autoTitle },
         });
         setConversations((prev) => [conv, ...prev]);
         setActiveId(conv.id);
         convId = conv.id;
+      } else {
+        // Auto-title: if the active conversation still has the default "New
+        // conversation" title and this is the first message, update the title
+        // from the message content.
+        const activeConv = conversations.find((c) => c.id === convId);
+        if (activeConv?.title === 'New conversation' && messages.length === 0) {
+          const autoTitle = content.slice(0, 60);
+          api<Conversation>(`/api/conversations/${convId}`, {
+            method: 'PATCH',
+            body: { title: autoTitle },
+          })
+            .then((updated) => {
+              setConversations((prev) => prev.map((c) => (c.id === convId ? updated : c)));
+            })
+            .catch(() => {});
+        }
       }
 
       // Optimistic user message in local UI state
@@ -186,7 +239,7 @@ export default function ChatPage(): React.ReactElement {
       }
       socket.emit('message', { conversationId: convId, content });
     },
-    [activeId],
+    [activeId, conversations, messages],
   );
 
   return (
@@ -196,6 +249,9 @@ export default function ChatPage(): React.ReactElement {
         activeId={activeId}
         onSelect={setActiveId}
         onNew={handleNewConversation}
+        onRename={handleRename}
+        onDelete={handleDelete}
+        onArchive={handleArchive}
       />
 
       <div className="flex flex-1 flex-col">