add button to clear all conversations

src/common/constants.ts

@@ -88,7 +88,8 @@ export const CONVERSATION_EVENT_NAME = {
   removeConversation: 'twinny.remove-conversation',
   saveConversation: 'twinny.save-conversation',
   saveLastConversation: 'twinny.save-last-conversation',
-  setActiveConversation: 'twinny.set-active-conversation'
+  setActiveConversation: 'twinny.set-active-conversation',
+  clearAllConversations: 'twinny.clear-all-conversations'
 }
 
 export const PROVIDER_EVENT_NAME = {

src/extension/conversation-history.ts

@@ -58,6 +58,8 @@ export class ConversationHistory {
       case CONVERSATION_EVENT_NAME.saveConversation:
         if (!message.data) return
         return this.saveConversation(message.data)
+      case CONVERSATION_EVENT_NAME.clearAllConversations:
+        return this.clearAllConversations()
       default:
       // do nothing
     }
@@ -207,6 +209,11 @@ export class ConversationHistory {
     this.getAllConversations()
   }
 
+  clearAllConversations() {
+    this._context.globalState.update(CONVERSATION_STORAGE_KEY, {})
+    this.setActiveConversation(undefined)
+  }
+
   async saveConversation(conversation: Conversation) {
     const activeConversation = this.getActiveConversation()
     if (activeConversation)

src/webview/conversation-history.tsx

@@ -14,7 +14,8 @@ export const ConversationHistory = ({ onSelect }: ConversationHistoryProps) => {
   const {
     conversations: savedConversations,
     setActiveConversation,
-    removeConversation
+    removeConversation,
+    clearAllConversations
   } = useConversationHistory()
 
   const handleSetConversation = (conversation: Conversation) => {
@@ -33,11 +34,16 @@ export const ConversationHistory = ({ onSelect }: ConversationHistoryProps) => {
     removeConversation(conversation)
   }
 
+  const handleClearAllConversations = () => clearAllConversations()
+
   const conversations = Object.values(savedConversations).reverse()
 
   return (
     <div>
       <h3>Conversation history</h3>
+      <VSCodeButton appearance="primary" onClick={handleClearAllConversations}>
+        Clear conversations
+      </VSCodeButton>
       {conversations.length ? (
         conversations.map((conversation) => (
           <div

src/webview/hooks.ts

@@ -331,6 +331,12 @@ export const useConversationHistory = () => {
     } as ClientMessage<Conversation>)
   }
 
+  const clearAllConversations = () => {
+    global.vscode.postMessage({
+      type: CONVERSATION_EVENT_NAME.clearAllConversations
+    } as ClientMessage<string>)
+  }
+
   const handler = (event: MessageEvent) => {
     const message = event.data
     if (message.value?.data) {
@@ -357,7 +363,8 @@ export const useConversationHistory = () => {
     getConversations,
     removeConversation,
     saveLastConversation,
-    setActiveConversation
+    clearAllConversations,
+    setActiveConversation,
   }
 }