Update app.py

app.py

@@ -541,6 +541,25 @@ def generate_visual_timeline(timeline: List[Dict], video_path: str) -> str:
             color: #d32f2f;
             font-style: italic;
         }
+        .timeline-transcript {
+            margin: 8px 0;
+        }
+        .transcript-toggle {
+            cursor: pointer;
+            color: #39739d;
+            font-weight: 500;
+            padding: 4px 0;
+        }
+        .transcript-toggle:hover {
+            color: #2c5aa0;
+        }
+        .timeline-transcript[open] .timeline-text {
+            margin-top: 8px;
+            padding: 10px;
+            background-color: #f8f9fa;
+            border-radius: 4px;
+            border-left: 3px solid #39739d;
+        }
     </style>
     <div class="timeline-container">
     """
@@ -594,13 +613,12 @@ def generate_visual_timeline(timeline: List[Dict], video_path: str) -> str:
             html += f'<div class="timeline-error">{text}</div>'
         else:
             html += f'<div class="timeline-summary">{summary}</div>'
-            html += f'<div class="timeline-text">{text}</div>'
-            
-            if key_phrases:
-                html += '<div class="timeline-tags">'
-                for phrase in key_phrases:
-                    html += f'<span class="timeline-tag">{phrase}</span>'
-                html += '</div>'
+            html += f'''
+            <details class="timeline-transcript">
+                <summary class="transcript-toggle">📝 View Full Transcription</summary>
+                <div class="timeline-text">{text}</div>
+            </details>
+            '''
                 
         html += """
             </div>
@@ -688,4 +706,4 @@ if __name__ == "__main__":
         print("❌ FFmpeg not available")
     
     demo = create_interface()
-    demo.launch(debug=True)
+    demo.launch(debug=True)