Add rename and delete context menu (#29)

Author: chemwolf6922

src/app/chat/chat-title.tsx

@@ -7,14 +7,21 @@ export interface ChatTitleProps {
   active: boolean;
   title: string;
   onChatSelected: (id: string | undefined) => void;
+  onContextMenu?: (event: React.MouseEvent<HTMLDivElement>) => void;
 }
 
 export const ChatTitle = React.forwardRef<HTMLDivElement, ChatTitleProps>(
-  function ChatTitleInner({ id, active, title, onChatSelected }, ref) {
+  function ChatTitleInner({ id, active, title, onChatSelected, onContextMenu }, ref) {
     return (
       <div
         ref={ref}
         onClick={() => onChatSelected(id)}
+        onContextMenu={event => {
+          if (onContextMenu) {
+            event.preventDefault();
+            onContextMenu(event);
+          }
+        }}
         className={`flex items-center px-3 py-2 rounded-md cursor-pointer text-sm transition-colors ${
           active
             ? "bg-primary text-primary-foreground"

src/app/chat/page.tsx

@@ -43,6 +43,15 @@ export default function ChatPage() {
     setNewChatUserMessage(message);
   }, []);
 
+  const onDeleteChat = useCallback((chatId: string) => {
+    setChatList(prevList => {
+      return prevList.filter(chat => chat.id !== chatId);
+    });
+    if (activeChatId === chatId) {
+      setActiveChatId(undefined);
+    }
+  }, [activeChatId]);
+
   const onSetChatTitle = useCallback((chatId: string, title: string) => {
     setChatList(prevList => {
       return prevList.map(chat => {
@@ -154,6 +163,8 @@ export default function ChatPage() {
           onSwitchChat={onSwitchChat}
           requestChatListUpdateAsync={updateChatListDedupAsync}
           onChatDisplayRangeChange={onChatDisplayRangeChange}
+          onSetChatTitle={onSetChatTitle}
+          onDeleteChat={onDeleteChat}
           chatList={chatList}
           activeChatId={activeChatId}
           onHideSidebar={() => setIsSidebarVisible(false)}