Added post-meeting chats & meeting logs

Author: zzylos

.gitignore

@@ -138,6 +138,7 @@ vite.config.ts.timestamp-*
 
 # NexMeet specific files
 # Database files
+transcripts/
 data/
 *.db
 *.sqlite

public/app.js

@@ -28,6 +28,18 @@ class NexMeetApp {
         this.userWelcome = document.getElementById('userWelcome');
         this.logoutBtn = document.getElementById('logoutBtn');
         this.userInfo = document.getElementById('userInfo');
+        
+        // Post-meeting chat elements
+        this.postMeetingSection = document.getElementById('postMeetingSection');
+        this.postMeetingMessageInput = document.getElementById('postMeetingMessage');
+        this.postMeetingChatBtn = document.getElementById('postMeetingChatBtn');
+        this.postMeetingResponseArea = document.getElementById('postMeetingResponse');
+        
+        // Saved meetings elements
+        this.savedMeetingsList = document.getElementById('savedMeetingsList');
+        this.refreshSavedMeetingsBtn = document.getElementById('refreshSavedMeetings');
+        
+        this.selectedMeetingFile = null;
     }
 
     attachEventListeners() {
@@ -43,6 +55,13 @@ class NexMeetApp {
         this.aiMessageInput.addEventListener('input', () => this.validateAITools());
         this.critiqueQuestionInput.addEventListener('input', () => this.validateAITools());
         this.logoutBtn.addEventListener('click', () => this.logout());
+        
+        // Post-meeting chat listeners
+        this.postMeetingChatBtn.addEventListener('click', () => this.sendPostMeetingMessage());
+        this.postMeetingMessageInput.addEventListener('input', () => this.validatePostMeetingTools());
+        
+        // Saved meetings listeners
+        this.refreshSavedMeetingsBtn.addEventListener('click', () => this.loadSavedMeetings());
     }
 
     async loadAuthConfig() {
@@ -57,6 +76,9 @@ class NexMeetApp {
                     // Authentication is disabled, proceed without login
                     this.updateStatus();
                 }
+                
+                // Load saved meetings on startup
+                this.loadSavedMeetings();
             }
         } catch (error) {
             console.error('Error loading auth config:', error);
@@ -80,6 +102,7 @@ class NexMeetApp {
                 this.user = data.user;
                 this.updateUserInterface();
                 this.updateStatus();
+                this.loadSavedMeetings();
             } else {
                 // Not authenticated, redirect to login
                 window.location.href = '/login';
@@ -131,6 +154,10 @@ class NexMeetApp {
         this.critiqueBtn.disabled = !this.isSessionActive || !this.critiqueQuestionInput.value.trim();
     }
 
+    validatePostMeetingTools() {
+        this.postMeetingChatBtn.disabled = !this.selectedMeetingFile || !this.postMeetingMessageInput.value.trim();
+    }
+
     async startSession() {
         const meetingUrl = this.meetingUrlInput.value.trim();
         const meetingContext = this.meetingContextInput.value.trim();
@@ -192,6 +219,13 @@ class NexMeetApp {
                 this.updateStatus();
                 this.stopTranscriptPolling();
                 this.clearTranscripts();
+                
+                // Show post-meeting chat section
+                if (data.savedFile) {
+                    this.selectedMeetingFile = data.savedFile;
+                    this.showPostMeetingChat();
+                    this.loadSavedMeetings(); // Refresh saved meetings list
+                }
             } else {
                 this.showError(data.error || 'Failed to stop session');
             }
@@ -390,13 +424,15 @@ class NexMeetApp {
     }
 
     setLoading(isLoading) {
-        const elements = [this.testBtn, this.startBtn, this.stopBtn, this.sendMessageBtn, this.critiqueBtn];
+        const elements = [this.testBtn, this.startBtn, this.stopBtn, this.sendMessageBtn, this.critiqueBtn, this.postMeetingChatBtn];
         elements.forEach(btn => {
-            btn.disabled = isLoading;
-            if (isLoading) {
-                btn.classList.add('loading');
-            } else {
-                btn.classList.remove('loading');
+            if (btn) {
+                btn.disabled = isLoading;
+                if (isLoading) {
+                    btn.classList.add('loading');
+                } else {
+                    btn.classList.remove('loading');
+                }
             }
         });
     }
@@ -429,6 +465,146 @@ class NexMeetApp {
         }, 5000);
     }
 
+    showPostMeetingChat() {
+        this.postMeetingSection.style.display = 'block';
+        this.validatePostMeetingTools();
+    }
+
+    hidePostMeetingChat() {
+        this.postMeetingSection.style.display = 'none';
+        this.postMeetingResponseArea.textContent = '';
+        this.postMeetingMessageInput.value = '';
+    }
+
+    async sendPostMeetingMessage() {
+        const message = this.postMeetingMessageInput.value.trim();
+        if (!message || !this.selectedMeetingFile) return;
+
+        this.setLoading(true);
+        this.postMeetingResponseArea.textContent = 'Generating response...';
+
+        try {
+            const response = await fetch('/api/post-meeting-chat', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                credentials: 'include',
+                body: JSON.stringify({ 
+                    message,
+                    meetingFile: this.selectedMeetingFile
+                })
+            });
+
+            const data = await response.json();
+
+            if (data.success) {
+                this.postMeetingResponseArea.textContent = data.aiResponse || '';
+                this.postMeetingMessageInput.value = '';
+                this.showSuccess('Response generated using meeting context');
+            } else {
+                this.showError(data.error || 'Failed to generate response');
+                this.postMeetingResponseArea.textContent = '';
+            }
+        } catch (error) {
+            this.showError('Network error: ' + error.message);
+            this.postMeetingResponseArea.textContent = '';
+        } finally {
+            this.setLoading(false);
+            this.validatePostMeetingTools();
+        }
+    }
+
+    async loadSavedMeetings() {
+        try {
+            const response = await fetch('/api/saved-meetings', {
+                credentials: 'include'
+            });
+            
+            if (response.ok) {
+                const data = await response.json();
+                this.displaySavedMeetings(data.meetings);
+            } else {
+                console.error('Failed to load saved meetings');
+                this.savedMeetingsList.textContent = '';
+                const errorMsg = document.createElement('p');
+                errorMsg.style.textAlign = 'center';
+                errorMsg.style.color = '#999';
+                errorMsg.textContent = 'Failed to load saved meetings';
+                this.savedMeetingsList.appendChild(errorMsg);
+            }
+        } catch (error) {
+            console.error('Error loading saved meetings:', error);
+        }
+    }
+
+    displaySavedMeetings(meetings) {
+        this.savedMeetingsList.textContent = '';
+
+        if (!meetings || meetings.length === 0) {
+            const emptyMessage = document.createElement('p');
+            emptyMessage.style.textAlign = 'center';
+            emptyMessage.style.color = '#999';
+            emptyMessage.textContent = 'No saved meetings yet...';
+            this.savedMeetingsList.appendChild(emptyMessage);
+            return;
+        }
+
+        meetings.forEach(meeting => {
+            const meetingDiv = document.createElement('div');
+            meetingDiv.className = 'meeting-item';
+            if (meeting.filename === this.selectedMeetingFile) {
+                meetingDiv.classList.add('selected');
+            }
+
+            const headerDiv = document.createElement('div');
+            headerDiv.className = 'meeting-header';
+            headerDiv.textContent = meeting.meetingContext || 'Meeting';
+
+            const metaDiv = document.createElement('div');
+            metaDiv.className = 'meeting-meta';
+            
+            const timeDiv = document.createElement('div');
+            try {
+                timeDiv.textContent = new Date(meeting.startTime).toLocaleString();
+            } catch (e) {
+                timeDiv.textContent = 'Invalid date';
+            }
+
+            const statsDiv = document.createElement('div');
+            statsDiv.className = 'meeting-stats';
+            statsDiv.textContent = `${meeting.transcriptCount} transcripts, ${meeting.aiQuestionCount} AI Q&As`;
+
+            metaDiv.appendChild(timeDiv);
+            metaDiv.appendChild(statsDiv);
+
+            meetingDiv.appendChild(headerDiv);
+            meetingDiv.appendChild(metaDiv);
+
+            meetingDiv.addEventListener('click', () => {
+                this.selectMeeting(meeting.filename);
+            });
+
+            this.savedMeetingsList.appendChild(meetingDiv);
+        });
+    }
+
+    selectMeeting(filename) {
+        this.selectedMeetingFile = filename;
+        this.showPostMeetingChat();
+        this.validatePostMeetingTools();
+        
+        // Update visual selection
+        const meetingItems = this.savedMeetingsList.querySelectorAll('.meeting-item');
+        meetingItems.forEach(item => item.classList.remove('selected'));
+        
+        const selectedItem = Array.from(meetingItems).find(item => 
+            item.textContent.includes(filename) || 
+            item.onclick && item.onclick.toString().includes(filename)
+        );
+        
+        // Re-render to show proper selection
+        this.loadSavedMeetings();
+    }
+
     escapeHtml(text) {
         const div = document.createElement('div');
         div.textContent = text;

public/index.html

@@ -215,6 +215,45 @@
             border-radius: 8px;
             margin-bottom: 15px;
         }
+
+        .meeting-item {
+            background: white;
+            border: 2px solid #e1e5e9;
+            border-radius: 8px;
+            padding: 15px;
+            margin-bottom: 10px;
+            cursor: pointer;
+            transition: border-color 0.3s, background-color 0.3s;
+        }
+
+        .meeting-item:hover {
+            border-color: #667eea;
+            background-color: #f8f9ff;
+        }
+
+        .meeting-item.selected {
+            border-color: #667eea;
+            background-color: #e8f0fe;
+        }
+
+        .meeting-header {
+            font-weight: 600;
+            color: #333;
+            margin-bottom: 5px;
+        }
+
+        .meeting-meta {
+            font-size: 0.9rem;
+            color: #666;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        .meeting-stats {
+            font-size: 0.85rem;
+            color: #999;
+        }
     </style>
 </head>
 <body>
@@ -288,6 +327,32 @@ <h3>🧠 AI Tools</h3>
             </div>
         </div>
 
+        <!-- Post-Meeting Chat Section -->
+        <div class="card" id="postMeetingSection" style="display: none;">
+            <h3>💬 Post-Meeting Chat</h3>
+            <p style="color: #666; margin-bottom: 15px;">Chat with AI about your completed meeting using full meeting context</p>
+            
+            <div class="form-group">
+                <label for="postMeetingMessage">Ask AI about the meeting</label>
+                <textarea id="postMeetingMessage" placeholder="What were the main action items? Can you summarize the key decisions made?"></textarea>
+                <button id="postMeetingChatBtn" class="btn">🗣️ Chat with AI</button>
+            </div>
+            
+            <div id="postMeetingResponse" class="response-area"></div>
+        </div>
+
+        <!-- Saved Meetings Section -->
+        <div class="card">
+            <h3>📚 Saved Meetings</h3>
+            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
+                <p style="color: #666;">Access transcripts and chat about previous meetings</p>
+                <button id="refreshSavedMeetings" class="btn">🔄 Refresh</button>
+            </div>
+            <div id="savedMeetingsList" class="transcript-container">
+                <p style="text-align: center; color: #999;">No saved meetings yet...</p>
+            </div>
+        </div>
+
         <div class="card">
             <h3>ℹ️ How to Use</h3>
             <ol style="line-height: 1.6;">
@@ -297,6 +362,9 @@ <h3>ℹ️ How to Use</h3>
                 <li><strong>Ask Questions:</strong> Once active, ask questions in the chat and the AI will respond with context-aware answers</li>
                 <li><strong>Deactivate:</strong> Type "Thanks AI" in the chat to return to passive mode</li>
                 <li><strong>Manual Control:</strong> Use the tools on the right to send messages or generate meeting critiques</li>
+                <li><strong>End Meeting:</strong> Click "Stop Session" to end the meeting and automatically save all transcripts and AI conversations</li>
+                <li><strong>Post-Meeting Chat:</strong> After ending a meeting, use the post-meeting chat to ask questions with full context</li>
+                <li><strong>Saved Meetings:</strong> Access previous meetings from the saved meetings section to review or chat about them</li>
             </ol>
         </div>
     </div>

src/handlers/transcriptHandler.js

@@ -145,12 +145,16 @@ class TranscriptHandler {
       const botManager = require('../services/botManager');
       const aiService = require('../services/aiService');
       const contextManager = require('../services/contextManager');
+      const transcriptStorage = require('../services/transcriptStorageService');
 
       contextManager.addQuestion(question, asker);
 
       const context = this.buildContext(appState);
       const response = await aiService.generateResponse(question, context);
 
+      // Save the AI conversation
+      transcriptStorage.addAIConversation(question, response, asker);
+      
       await botManager.sendMessage(appState.currentBot.id, response);
 
       logger.logInfo(`AI responded to question from ${asker}: ${question}`);