feat: remove visual analysis, and add scroll behavior

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "call-md",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"type": "commonjs",
 	"description": "Call.md - Record meetings with real-time transcription and AI-powered insights",
 	"author": {

src/renderer/components/history/RecordingDetailPage.tsx

@@ -140,6 +140,7 @@ export function RecordingDetailPage({ recordingId, onBack }: RecordingDetailPage
           {/* Chat with Video Button */}
           <div className="flex justify-center">
             <ChatWithVideoButton
+              title={title}
               videoId={recording.videoId}
               collectionId={collectionId}
               disabled={!isVideoReady}
@@ -533,15 +534,16 @@ function VideoPlayerSection({ playerUrl, isReady }: VideoPlayerSectionProps) {
 }
 
 interface ChatWithVideoButtonProps {
+  title: string
   videoId: string | null | undefined;
   collectionId: string | null | undefined;
   disabled: boolean;
 }
 
-function ChatWithVideoButton({ videoId, collectionId, disabled }: ChatWithVideoButtonProps) {
+function ChatWithVideoButton({ title, videoId, collectionId, disabled }: ChatWithVideoButtonProps) {
   const handleClick = () => {
     if (!videoId || !collectionId) return;
-    const chatUrl = `https://chat.videodb.io?video_id=${videoId}&collection_id=${collectionId}`;
+    const chatUrl = `https://chat.videodb.io?video_id=${videoId}&collection_id=${collectionId}&prompt=${title}`;
     window.electronAPI?.app.openExternalLink(chatUrl);
   };
 

src/renderer/widget/App.tsx

@@ -19,7 +19,6 @@ export function WidgetApp() {
   });
   const [sayThis, setSayThis] = useState<InsightCard[]>([]);
   const [askThis, setAskThis] = useState<InsightCard[]>([]);
-  const [visualDescription, setVisualDescription] = useState<string>('');
   const [nudge, setNudge] = useState<Nudge | null>(null);
 
   useEffect(() => {
@@ -39,18 +38,13 @@ export function WidgetApp() {
       setAskThis(data.askThis);
     });
 
-    const unsubVisual = api.onVisualAnalysis((data) => {
-      setVisualDescription(data.description);
-    });
-
     const unsubNudge = api.onNudge((n) => {
       setNudge(n);
     });
 
     return () => {
       unsubSession();
       unsubLiveAssist();
-      unsubVisual();
       unsubNudge();
     };
   }, []);
@@ -106,7 +100,6 @@ export function WidgetApp() {
       <WidgetContent
         sayThis={sayThis}
         askThis={askThis}
-        visualDescription={visualDescription}
         nudge={nudge}
         onDismissCard={handleDismissCard}
         onDismissNudge={handleDismissNudge}

src/renderer/widget/components/WidgetContent.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { VisualAnalysisCard } from './VisualAnalysisCard';
+import React, { useEffect, useRef } from 'react';
 import { SayThisCard } from './SayThisCard';
 import { AskThisCard } from './AskThisCard';
 import { EmptyState } from './EmptyState';
@@ -21,7 +20,6 @@ interface Nudge {
 interface WidgetContentProps {
   sayThis: InsightCard[];
   askThis: InsightCard[];
-  visualDescription: string;
   nudge?: Nudge | null;
   onDismissCard: (type: 'sayThis' | 'askThis', id: string) => void;
   onDismissNudge?: () => void;
@@ -46,18 +44,34 @@ function getInterleavedCards(
 export function WidgetContent({
   sayThis,
   askThis,
-  visualDescription,
   nudge,
   onDismissCard,
   onDismissNudge,
 }: WidgetContentProps) {
   const hasCards = sayThis.length > 0 || askThis.length > 0;
-  const isEmpty = !hasCards && !visualDescription;
+  const isEmpty = !hasCards;
 
   const interleavedCards = getInterleavedCards(sayThis, askThis);
 
+  const containerRef = useRef<HTMLDivElement>(null);
+  const lastScrollTimeRef = useRef<number>(0);
+
+  const handleScroll = () => {
+    lastScrollTimeRef.current = Date.now();
+  };
+
+  // Auto-scroll to top when new cards arrive (if user hasn't scrolled recently)
+  useEffect(() => {
+    const timeSinceLastScroll = Date.now() - lastScrollTimeRef.current;
+    if (timeSinceLastScroll > 2000 && containerRef.current) {
+      containerRef.current.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+  }, [sayThis, askThis]);
+
   return (
     <div
+      ref={containerRef}
+      onScroll={handleScroll}
       className="flex-1 min-h-0 flex flex-col overflow-y-auto"
       style={{
         padding: '20px 16px',
@@ -76,11 +90,6 @@ export function WidgetContent({
         <EmptyState />
       ) : (
         <>
-          {/* Visual Analysis - sticky at top */}
-          {visualDescription && (
-            <VisualAnalysisCard description={visualDescription} />
-          )}
-
           {/* Interleaved Say This / Ask This cards */}
           {interleavedCards.map(({ type, card }) =>
             type === 'sayThis' ? (