hide tooltip when it has files

frontend/src/app/upload/[provider]/page.tsx

@@ -7,6 +7,11 @@ import { type CloudFile, UnifiedCloudPicker } from "@/components/cloud-picker";
 import type { IngestSettings } from "@/components/cloud-picker/types";
 import { Button } from "@/components/ui/button";
 import { useTask } from "@/contexts/task-context";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 
 // CloudFile interface is now imported from the unified cloud picker
 
@@ -325,6 +330,8 @@ export default function UploadProviderPage() {
     );
   }
 
+  const hasSelectedFiles = selectedFiles.length > 0;
+
   return (
     <div className="container mx-auto max-w-3xl px-6">
       <div className="mb-8 flex gap-2 items-center">
@@ -360,13 +367,16 @@ export default function UploadProviderPage() {
           >
             Back
           </Button>
+          <Tooltip>
+            <TooltipTrigger>
               <Button
                 className="bg-foreground text-background hover:bg-foreground/90 font-semibold"
-            variant={selectedFiles.length === 0 ? "secondary" : undefined}
+                variant={!hasSelectedFiles ? "secondary" : undefined}
                 onClick={() => handleSync(connector)}
-            disabled={selectedFiles.length === 0 || isIngesting}
+                loading={isIngesting}
+                disabled={!hasSelectedFiles || isIngesting}
               >
-            {selectedFiles.length === 0 ? (
+                {!hasSelectedFiles ? (
                   <>Ingest files</>
                 ) : (
                   <>
@@ -375,6 +385,13 @@ export default function UploadProviderPage() {
                   </>
                 )}
               </Button>
+            </TooltipTrigger>
+            {!hasSelectedFiles ? (
+              <TooltipContent side="left">
+                Select at least one file before ingesting
+              </TooltipContent>
+            ) : null}
+          </Tooltip>
         </div>
       </div>
     </div>