chat: pinned threads

Author: williamstein

src/packages/frontend/chat/actions.ts

@@ -574,6 +574,24 @@ export class ChatActions extends Actions<ChatState> {
     return true;
   };
 
+  setThreadPin = (threadKey: string, pinned: boolean): boolean => {
+    if (this.syncdb == null) {
+      return false;
+    }
+    const entry = this.getThreadRootDoc(threadKey);
+    if (entry == null) {
+      return false;
+    }
+    if (pinned) {
+      entry.doc.pin = true;
+    } else {
+      delete entry.doc.pin;
+    }
+    this.syncdb.set(entry.doc);
+    this.syncdb.commit();
+    return true;
+  };
+
   markThreadRead = (
     threadKey: string,
     count: number,
@@ -1276,7 +1294,6 @@ export class ChatActions extends Actions<ChatState> {
   };
 
   setSelectedThread = (threadKey: string | null) => {
-    console.log("setSelectedThread", { threadKey });
     this.frameTreeActions?.set_frame_data({
       id: this.frameId,
       selectedThreadKey: threadKey,

src/packages/frontend/chat/chatroom.tsx

@@ -452,12 +452,17 @@ export function ChatPanel({
     threadKey: string,
     displayLabel: string,
     hasCustomName: boolean,
+    isPinned: boolean,
   ): MenuProps => ({
     items: [
       {
         key: "rename",
         label: "Rename chat",
       },
+      {
+        key: isPinned ? "unpin" : "pin",
+        label: isPinned ? "Unpin chat" : "Pin chat",
+      },
       {
         type: "divider",
       },
@@ -469,14 +474,27 @@ export function ChatPanel({
     onClick: ({ key }) => {
       if (key === "rename") {
         openRenameModal(threadKey, displayLabel, hasCustomName);
+      } else if (key === "pin" || key === "unpin") {
+        if (!actions?.setThreadPin) {
+          antdMessage.error("Pinning chats is not available.");
+          return;
+        }
+        const pinned = key === "pin";
+        const success = actions.setThreadPin(threadKey, pinned);
+        if (!success) {
+          antdMessage.error("Unable to update chat pin state.");
+          return;
+        }
+        antdMessage.success(pinned ? "Chat pinned." : "Chat unpinned.");
       } else if (key === "delete") {
         confirmDeleteThread(threadKey);
       }
     },
   });
 
   const renderThreadRow = (thread: ThreadMeta) => {
-    const { key, displayLabel, hasCustomName, unreadCount, isAI } = thread;
+    const { key, displayLabel, hasCustomName, unreadCount, isAI, isPinned } =
+      thread;
     const plainLabel = stripHtml(displayLabel);
     const isHovered = hoveredThread === key;
     const showMenu = isHovered || selectedThreadKey === key;
@@ -510,7 +528,7 @@ export function ChatPanel({
           )}
           {showMenu && (
             <Dropdown
-              menu={threadMenuProps(key, plainLabel, hasCustomName)}
+              menu={threadMenuProps(key, plainLabel, hasCustomName, isPinned)}
               trigger={["click"]}
             >
               <Button
@@ -1006,7 +1024,6 @@ export function ChatPanel({
               if (!message) {
                 return;
               }
-              console.log("start video chat returned", { message });
               sendMessage(undefined, "\n\n" + message);
             }}
           >