Refactor model download handling in RecommendedModels components

- Simplified the `startDownload` function signature in `RecommendedModels` and `RecommendedModelsDialog` components to accept a single `UnifiedModel` object, enhancing clarity and reducing parameter complexity.
- Updated the `ModelRecommendationsButton` to utilize the new `startDownload` implementation, improving the download initiation process.
- Cleaned up related code to ensure consistency and maintainability across model recommendation components.

Author: georgi

web/src/components/hugging_face/RecommendedModels.tsx

@@ -18,13 +18,7 @@ import { openInExplorer } from "../../utils/fileExplorer";
 
 interface RecommendedModelsProps {
   recommendedModels: UnifiedModel[];
-  startDownload: (
-    repoId: string,
-    modelType: string,
-    path: string | null,
-    allowPatterns: string[] | null,
-    ignorePatterns: string[] | null
-  ) => void;
+  startDownload: (model: UnifiedModel) => void;
 }
 
 const RecommendedModels: React.FC<RecommendedModelsProps> = ({
@@ -113,15 +107,7 @@ const RecommendedModels: React.FC<RecommendedModelsProps> = ({
                 compactView={true}
                 key={model.id}
                 model={model}
-                onDownload={() =>
-                  startDownload(
-                    model.repo_id || "",
-                    model.type || "hf.model",
-                    model.path ?? null,
-                    model.allow_patterns ?? null,
-                    model.ignore_patterns ?? null
-                  )
-                }
+                onDownload={() => startDownload(model)}
               />
             );
           })}

web/src/components/hugging_face/RecommendedModelsDialog.tsx

@@ -53,13 +53,7 @@ interface RecommendedModelsDialogProps {
   open: boolean;
   onClose: () => void;
   recommendedModels: UnifiedModel[];
-  startDownload: (
-    repoId: string,
-    modelType: string,
-    path: string | null,
-    allowPatterns: string[] | null,
-    ignorePatterns: string[] | null
-  ) => void;
+  startDownload: (model: UnifiedModel) => void;
 }
 
 const RecommendedModelsDialog: React.FC<RecommendedModelsDialogProps> = ({

web/src/components/node/ModelRecommendationsButton.tsx

@@ -15,13 +15,22 @@ const ModelRecommendationsButton: React.FC<ModelRecommendationsButtonProps> = ({
   recommendedModels
 }) => {
   const [openModelDialog, setOpenModelDialog] = useState(false);
-  const { startDownload } = useModelDownloadStore();
+  const { startDownload, openDialog } = useModelDownloadStore();
   const handleOpenModelDialog = useCallback(() => setOpenModelDialog(true), []);
   const handleCloseModelDialog = useCallback(
     () => setOpenModelDialog(false),
     []
   );
 
+  const onStartDownload = React.useCallback(
+    (model: UnifiedModel) => {
+      const repoId = model.repo_id || model.id;
+      startDownload(repoId, model.type ?? "", model.path ?? undefined);
+      openDialog();
+    },
+    [startDownload, openDialog]
+  );
+
   if (recommendedModels.length === 0) {
     return null;
   }
@@ -65,7 +74,7 @@ const ModelRecommendationsButton: React.FC<ModelRecommendationsButtonProps> = ({
         open={openModelDialog}
         onClose={handleCloseModelDialog}
         recommendedModels={recommendedModels}
-        startDownload={startDownload}
+        startDownload={onStartDownload}
       />
     </>
   );

web/src/index.tsx

@@ -280,7 +280,6 @@ const root = ReactDOM.createRoot(
 
 const AppWrapper = () => {
   const [status, setStatus] = useState<string>("pending");
-  const { state } = useAuth();
 
   useEffect(() => {
     // Existing effect for loading metadata