refactor: Rename GoogleDataBrowser to GoogleExportBrowser

- Rename component file and interface for consistent naming
- Update all imports and state variables in UserSettingsModal
- Better reflects the purpose as a data export browser

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/GoogleExportBrowser.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import { GoogleDataService, type GoogleService, type ShareableItem } from '../lib/google';
 
-interface GoogleDataBrowserProps {
+interface GoogleExportBrowserProps {
   isOpen: boolean;
   onClose: () => void;
   onAddToCanvas: (items: ShareableItem[], position: { x: number; y: number }) => void;
@@ -22,12 +22,12 @@ const SERVICE_NAMES: Record<GoogleService, string> = {
   calendar: 'Calendar',
 };
 
-export function GoogleDataBrowser({
+export function GoogleExportBrowser({
   isOpen,
   onClose,
   onAddToCanvas,
   isDarkMode,
-}: GoogleDataBrowserProps) {
+}: GoogleExportBrowserProps) {
   const modalRef = useRef<HTMLDivElement>(null);
   const [activeTab, setActiveTab] = useState<GoogleService>('gmail');
   const [items, setItems] = useState<ShareableItem[]>([]);

src/ui/UserSettingsModal.tsx

@@ -5,7 +5,7 @@ import { SettingsDialog } from "./SettingsDialog"
 import { getFathomApiKey, saveFathomApiKey, removeFathomApiKey, isFathomApiKeyConfigured } from "../lib/fathomApiKey"
 import { linkEmailToAccount, checkEmailStatus, type LookupResult } from "../lib/auth/cryptidEmailService"
 import { GoogleDataService, type GoogleService, type ShareableItem } from "../lib/google"
-import { GoogleDataBrowser } from "../components/GoogleDataBrowser"
+import { GoogleExportBrowser } from "../components/GoogleExportBrowser"
 
 // AI tool model configurations
 const AI_TOOLS = [
@@ -155,7 +155,7 @@ export function UserSettingsModal({ onClose, isDarkMode, onToggleDarkMode }: Use
     photos: 0,
     calendar: 0,
   })
-  const [showGoogleDataBrowser, setShowGoogleDataBrowser] = useState(false)
+  const [showGoogleExportBrowser, setShowGoogleExportBrowser] = useState(false)
 
   // Check API key status
   const checkApiKeys = () => {
@@ -312,7 +312,7 @@ export function UserSettingsModal({ onClose, isDarkMode, onToggleDarkMode }: Use
     window.dispatchEvent(new CustomEvent('add-google-items-to-canvas', {
       detail: { items, position }
     }));
-    setShowGoogleDataBrowser(false);
+    setShowGoogleExportBrowser(false);
     onClose();
   }
 
@@ -946,7 +946,7 @@ export function UserSettingsModal({ onClose, isDarkMode, onToggleDarkMode }: Use
                       <button
                         className="settings-action-btn"
                         style={{ flex: 1 }}
-                        onClick={() => setShowGoogleDataBrowser(true)}
+                        onClick={() => setShowGoogleExportBrowser(true)}
                         disabled={totalGoogleItems === 0}
                       >
                         Open Data Browser
@@ -988,10 +988,10 @@ export function UserSettingsModal({ onClose, isDarkMode, onToggleDarkMode }: Use
         </div>
       </div>
 
-      {/* Google Data Browser Modal */}
+      {/* Google Export Browser Modal */}
-      <GoogleDataBrowser
+      <GoogleExportBrowser
-        isOpen={showGoogleDataBrowser}
+        isOpen={showGoogleExportBrowser}
-        onClose={() => setShowGoogleDataBrowser(false)}
+        onClose={() => setShowGoogleExportBrowser(false)}
         onAddToCanvas={handleAddToCanvas}
         isDarkMode={isDarkMode}
       />