refactor: remove screenshot functionality and headless_chrome dependency

Remove the screenshot capture system and associated UI components to simplify the codebase.

- Remove screenshot.rs command module and related functionality
- Remove headless_chrome dependency from Cargo.toml
- Update Cargo.lock to reflect dependency changes
- Remove screenshot handlers and UI from WebviewPreview component
- Clean up screenshot-related API calls and imports
- Remove camera icon and capture controls from preview interface

This reduces bundle size and eliminates an underutilized feature.

src/components/ClaudeCodeSession.tsx

@@ -792,17 +792,7 @@ export const ClaudeCodeSession: React.FC<ClaudeCodeSessionProps> = ({
     // Keep the previewUrl so it can be restored when reopening
   };
 
-  const handlePreviewScreenshot = async (imagePath: string) => {
-    console.log("Screenshot captured:", imagePath);
-    
-    // Add the screenshot to the floating prompt input
-    if (floatingPromptRef.current) {
-      floatingPromptRef.current.addImage(imagePath);
-      
-      // Show a subtle animation/feedback that the image was added
-      // You could add a toast notification here if desired
-    }
-  };
+
 
   const handlePreviewUrlChange = (url: string) => {
     console.log('[ClaudeCodeSession] Preview URL changed to:', url);
@@ -951,7 +941,6 @@ export const ClaudeCodeSession: React.FC<ClaudeCodeSessionProps> = ({
           <WebviewPreview
             initialUrl={previewUrl}
             onClose={handleClosePreview}
-            onScreenshot={handlePreviewScreenshot}
             isMaximized={isPreviewMaximized}
             onToggleMaximize={handleTogglePreviewMaximize}
             onUrlChange={handlePreviewUrlChange}
@@ -1101,7 +1090,6 @@ export const ClaudeCodeSession: React.FC<ClaudeCodeSessionProps> = ({
                 <WebviewPreview
                   initialUrl={previewUrl}
                   onClose={handleClosePreview}
-                  onScreenshot={handlePreviewScreenshot}
                   isMaximized={isPreviewMaximized}
                   onToggleMaximize={handleTogglePreviewMaximize}
                   onUrlChange={handlePreviewUrlChange}

src/components/WebviewPreview.tsx

@@ -7,7 +7,6 @@ import {
   X,
   Minimize2,
   Maximize2,
-  Camera,
   Loader2,
   AlertCircle,
   Globe,
@@ -17,7 +16,6 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
-import { api } from "@/lib/api";
 // TODO: These imports will be used when implementing actual Tauri webview
 // import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 // import { WebviewWindow } from "@tauri-apps/api/webviewWindow";
@@ -31,10 +29,6 @@ interface WebviewPreviewProps {
    * Callback when close is clicked
    */
   onClose: () => void;
-  /**
-   * Callback when screenshot is requested
-   */
-  onScreenshot?: (imagePath: string) => void;
   /**
    * Whether the webview is maximized
    */
@@ -60,13 +54,11 @@ interface WebviewPreviewProps {
  * <WebviewPreview
  *   initialUrl="http://localhost:3000"
  *   onClose={() => setShowPreview(false)}
- *   onScreenshot={(path) => attachImage(path)}
  * />
  */
 const WebviewPreviewComponent: React.FC<WebviewPreviewProps> = ({
   initialUrl,
   onClose,
-  onScreenshot,
   isMaximized = false,
   onToggleMaximize,
   onUrlChange,
@@ -80,8 +72,6 @@ const WebviewPreviewComponent: React.FC<WebviewPreviewProps> = ({
   // TODO: These will be implemented with actual webview navigation
   // const [canGoBack, setCanGoBack] = useState(false);
   // const [canGoForward, setCanGoForward] = useState(false);
-  const [isCapturing, setIsCapturing] = useState(false);
-  const [showShutterAnimation, setShowShutterAnimation] = useState(false);
   
   // TODO: These will be used for actual Tauri webview implementation
   // const webviewRef = useRef<WebviewWindow | null>(null);
@@ -181,39 +171,6 @@ const WebviewPreviewComponent: React.FC<WebviewPreviewProps> = ({
     navigate(initialUrl);
   };
 
-  const handleScreenshot = async () => {
-    if (isCapturing || !currentUrl) return;
-    
-    try {
-      setIsCapturing(true);
-      setShowShutterAnimation(true);
-      
-      // Wait for shutter animation to start
-      await new Promise(resolve => setTimeout(resolve, 100));
-      
-      // Capture the current URL using headless Chrome
-      const filePath = await api.captureUrlScreenshot(
-        currentUrl,
-        null,  // No specific selector - capture the whole viewport
-        false  // Not full page, just viewport
-      );
-      
-      console.log("Screenshot captured and saved to:", filePath);
-      
-      // Continue shutter animation
-      await new Promise(resolve => setTimeout(resolve, 200));
-      setShowShutterAnimation(false);
-      
-      // Trigger callback with animation
-      onScreenshot?.(filePath);
-    } catch (err) {
-      console.error("Failed to capture screenshot:", err);
-      setShowShutterAnimation(false);
-    } finally {
-      setIsCapturing(false);
-    }
-  };
-
   return (
     <div 
       ref={containerRef}
@@ -330,49 +287,11 @@ const WebviewPreviewComponent: React.FC<WebviewPreviewProps> = ({
               </Button>
             )}
           </div>
-          
-          {/* Screenshot Button */}
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={handleScreenshot}
-            disabled={isCapturing || hasError}
-            className="gap-2"
-          >
-            {isCapturing ? (
-              <Loader2 className="h-4 w-4 animate-spin" />
-            ) : (
-              <Camera className="h-4 w-4" />
-            )}
-            Send to Claude
-          </Button>
         </div>
       </div>
       
       {/* Webview Content */}
       <div className="flex-1 relative bg-background" ref={contentRef}>
-        {/* Shutter Animation */}
-        <AnimatePresence>
-          {showShutterAnimation && (
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              exit={{ opacity: 0 }}
-              transition={{ duration: 0.2 }}
-              className="absolute inset-0 z-20 pointer-events-none"
-            >
-              <motion.div
-                initial={{ borderWidth: 0 }}
-                animate={{ borderWidth: 8 }}
-                exit={{ borderWidth: 0 }}
-                transition={{ duration: 0.3 }}
-                className="absolute inset-0 border-white shadow-lg"
-                style={{ boxShadow: 'inset 0 0 20px rgba(255, 255, 255, 0.8)' }}
-              />
-            </motion.div>
-          )}
-        </AnimatePresence>
-        
         {/* Loading Overlay */}
         <AnimatePresence>
           {isLoading && (

src/lib/api.ts

@@ -1481,38 +1481,7 @@ export const api = {
     }
   },
 
-  /**
-   * Captures a screenshot of a specific region in the window
-   * @param url - The URL to capture
-   * @param selector - Optional selector to capture
-   * @param fullPage - Whether to capture the full page
-   * @returns Promise resolving to the path of the saved screenshot
-   */
-  async captureUrlScreenshot(
-    url: string,
-    selector?: string | null,
-    fullPage: boolean = false
-  ): Promise<string> {
-    return await invoke<string>("capture_url_screenshot", {
-      url,
-      selector,
-      fullPage,
-    });
-  },
 
-  /**
-   * Cleans up old screenshot files from the temporary directory
-   * @param olderThanMinutes - Remove files older than this many minutes (default: 60)
-   * @returns Promise resolving to the number of files deleted
-   */
-  async cleanupScreenshotTempFiles(olderThanMinutes?: number): Promise<number> {
-    try {
-      return await invoke<number>("cleanup_screenshot_temp_files", { olderThanMinutes });
-    } catch (error) {
-      console.error("Failed to cleanup screenshot files:", error);
-      throw error;
-    }
-  },
 
   /**
    * List all available Claude installations on the system