From 33f5dc7e7f53ddc1f7fb66898022f45938344847 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Thu, 4 Dec 2025 16:46:10 -0800
Subject: [PATCH] refactor: Rename GoogleDataBrowser to GoogleExportBrowser
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 ...leDataBrowser.tsx => GoogleExportBrowser.tsx} |  6 +++---
 src/ui/UserSettingsModal.tsx                     | 16 ++++++++--------
 2 files changed, 11 insertions(+), 11 deletions(-)
 rename src/components/{GoogleDataBrowser.tsx => GoogleExportBrowser.tsx} (99%)

diff --git a/src/components/GoogleDataBrowser.tsx b/src/components/GoogleExportBrowser.tsx
similarity index 99%
rename from src/components/GoogleDataBrowser.tsx
rename to src/components/GoogleExportBrowser.tsx
index 9a78ac6..3a8def8 100644
--- a/src/components/GoogleDataBrowser.tsx
+++ b/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[]>([]);
diff --git a/src/ui/UserSettingsModal.tsx b/src/ui/UserSettingsModal.tsx
index 76617bd..fc66670 100644
--- a/src/ui/UserSettingsModal.tsx
+++ b/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 */}
-      <GoogleDataBrowser
-        isOpen={showGoogleDataBrowser}
-        onClose={() => setShowGoogleDataBrowser(false)}
+      {/* Google Export Browser Modal */}
+      <GoogleExportBrowser
+        isOpen={showGoogleExportBrowser}
+        onClose={() => setShowGoogleExportBrowser(false)}
         onAddToCanvas={handleAddToCanvas}
         isDarkMode={isDarkMode}
       />