fix(studio): Consolidate all console statements in Studio

web/eslint.config.js

@@ -157,6 +157,7 @@ export default [
       ...hooksPlugin.configs.recommended.rules,
       ...baseRules,
       'import/no-default-export': 'error',
+      'no-console': 'error',
       'no-restricted-imports': [
         'warn',
         {

web/packages/studio/e2e-tests/pages/project-datasets.ts

@@ -36,6 +36,7 @@ export class ProjectDatasetsPage {
         ).toBeVisible();
       }
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.error(e);
     }
   }

web/packages/studio/scripts/fetch-styles.ts

@@ -2,6 +2,7 @@
 // SPDX-FileCopyrightText: Copyright (c) 2025-2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
 // SPDX-License-Identifier: Apache-2.0
 
+/* eslint-disable no-console -- CLI script */
 /**
  * Fetches base-external.css + components.css from the Kaizen UI Foundations CDN
  * for the version of @nvidia/foundations-react-core pinned in pnpm-workspace.yaml,

web/packages/studio/src/api/datasets/useDatasetFileContent.ts

@@ -7,6 +7,7 @@ import type { EntityIdentifier } from '@studio/api/common/types';
 import { getDatasetFileContentQueryKey } from '@studio/api/datasets/invalidateDatasetCaches';
 import { PLATFORM_BASE_URL } from '@studio/constants/environment';
 import { isBinaryExtension } from '@studio/util/binaryFile';
+import { websiteLogger } from '@studio/util/logger';
 import { queryOptions, useQuery, UseQueryOptions, useSuspenseQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { parquetRead } from 'hyparquet';
@@ -87,7 +88,7 @@ export const datasetFileContentQueryOptions = ({
           });
           return data;
         } catch (err) {
-          console.error(err);
+          websiteLogger.error('Invalid response while downloading parquet file', err);
           throw new Error('Invalid response while downloading parquet file');
         }
       } else {

web/packages/studio/src/components/DatasetInputFile/index.tsx

@@ -27,6 +27,7 @@ import type {
 import { useDatasetInputFileReducer } from '@studio/components/DatasetInputFile/useDatasetInputFileReducer';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
 import { getDatasetDisplayNameFromFilesUrl } from '@studio/util/files';
+import { websiteLogger } from '@studio/util/logger';
 import { useQueryClient } from '@tanstack/react-query';
 import { Plus, CircleCheck, CircleHelp, Eye, File as FileIcon, Trash2 } from 'lucide-react';
 import { FC, useCallback, useEffect, useRef } from 'react';
@@ -126,7 +127,9 @@ export const DatasetInputFile: FC<DatasetInputFileProps> = ({
       const datasetWorkspace = file.dataset?.workspace;
       const datasetName = file.dataset?.name;
       if (!datasetWorkspace || !datasetName) {
-        console.error('Cannot load dataset file: missing workspace or name', file.dataset);
+        websiteLogger.error(
+          `Cannot load dataset file: missing workspace or name: ${JSON.stringify(file.dataset)}`
+        );
         return;
       }
 

web/packages/studio/src/components/FilesetActionMenu/index.tsx

@@ -15,6 +15,7 @@ import { invalidateDatasetCaches } from '@studio/api/datasets/invalidateDatasetC
 import { DatasetCreateModal } from '@studio/components/DatasetCreateModal';
 import { DatasetCreateModalMode } from '@studio/components/DatasetCreateModal/constants';
 import { DeleteConfirmationModal } from '@studio/components/DeleteConfirmationModal';
+import { websiteLogger } from '@studio/util/logger';
 import { EllipsisVertical } from 'lucide-react';
 import { type FC, useState } from 'react';
 
@@ -49,7 +50,7 @@ export const FilesetActionMenu: FC<FilesetActionMenuProps> = ({
       onFilesetDeleted?.(fileset);
       return true;
     } catch (error) {
-      console.error('Failed to delete fileset:', error);
+      websiteLogger.error('Failed to delete fileset', error);
       return false;
     }
   };

web/packages/studio/src/components/ModelComparePrompts/index.tsx

@@ -12,6 +12,7 @@ import { Button, Flex, Modal, Stack, Text } from '@nvidia/foundations-react-core
 import { DatasetInputFile, type DatasetInputFileResult } from '@studio/components/DatasetInputFile';
 import { FileSamplingMethodSelect } from '@studio/components/FileSamplingSnippet/FileSamplingMethodSelect';
 import type { SharedModelEntry } from '@studio/routes/ModelCompareRoute/types';
+import { websiteLogger } from '@studio/util/logger';
 import { Loader2, Maximize2, Play, Trash2 } from 'lucide-react';
 import { type FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
@@ -178,7 +179,7 @@ export const ModelComparePrompts: FC<ModelComparePromptsProps> = ({
               writeCell(row.sourceIndex, model.id, content);
             })
             .catch((error) => {
-              console.error('Inference request failed:', error);
+              websiteLogger.error('Inference request failed', error);
               writeCell(row.sourceIndex, model.id, null);
             })
         );

web/packages/studio/src/components/WorkspaceDropdown/index.tsx

@@ -23,6 +23,7 @@ import { useRecentWorkspaces } from '@studio/components/WorkspaceDropdown/useRec
 import { DEFAULT_LARGE_PAGE_SIZE } from '@studio/constants/constants';
 import { getWorkspaceDetailsDefaultRoute } from '@studio/routes/utils';
 import { useBoolean } from '@studio/util/hooks/useBoolean';
+import { websiteLogger } from '@studio/util/logger';
 import cn from 'classnames';
 import { Plus, Filter } from 'lucide-react';
 import { ChangeEvent, FC, lazy, useMemo, useState } from 'react';
@@ -117,7 +118,7 @@ export const WorkspaceDropdown: FC<Props> = ({ onValueChange }) => {
         // Open modal for new workspace
         openModal();
       } else {
-        console.error('Workspace selected without name:', newWorkspace);
+        websiteLogger.error(`Workspace selected without name: ${JSON.stringify(newWorkspace)}`);
       }
       return;
     }

web/packages/studio/src/components/evaluation/Configurations/form/InputFile.tsx

@@ -34,6 +34,7 @@ import {
 import { useFileValidation } from '@studio/hooks/evaluation/useFileValidation';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
 import { getDatasetDisplayNameFromFilesUrl } from '@studio/util/files';
+import { websiteLogger } from '@studio/util/logger';
 import { useQueryClient } from '@tanstack/react-query';
 import { Plus, CircleCheck, CircleHelp, File as FileIcon } from 'lucide-react';
 import { FC, useState, useCallback, useEffect, useMemo } from 'react';
@@ -406,7 +407,7 @@ export const InputFile: FC<InputFileProps> = ({
           updateFormFromFile(validationResult, undefined);
         }
       } catch (error) {
-        console.error('Failed to validate selected file:', error);
+        websiteLogger.error('Failed to validate selected file', error);
         // Create error validation result
         const errorResult: FileValidationResult = {
           isValid: false,

web/packages/studio/src/components/evaluation/Jobs/ActionMenu.spec.tsx

@@ -216,10 +216,7 @@ describe('ActionMenu', () => {
       const confirmButton = await screen.findByRole('button', { name: 'Delete' });
       await user.click(confirmButton);
 
-      expect(consoleSpy).toHaveBeenCalledWith(
-        'Failed to delete evaluation job:',
-        expect.any(Error)
-      );
+      expect(consoleSpy).toHaveBeenCalledWith('Failed to delete evaluation job', expect.any(Error));
       expect(mockOnJobDeleted).not.toHaveBeenCalled();
 
       consoleSpy.mockRestore();

web/packages/studio/src/components/evaluation/Jobs/ActionMenu.tsx

@@ -17,6 +17,7 @@ import {
 } from '@nvidia/foundations-react-core';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
 import { getEvaluationJobName } from '@studio/selectors/evaluationJob';
+import { websiteLogger } from '@studio/util/logger';
 import { ArrowRight, EllipsisVertical, Trash } from 'lucide-react';
 import { FC, useState } from 'react';
 
@@ -45,7 +46,7 @@ export const ActionMenu: FC<ActionMenuProps> = ({ job, onNavigateToDetails, onJo
       onJobDeleted?.(job);
       handleModalClose();
     } catch (error) {
-      console.error('Failed to delete evaluation job:', error);
+      websiteLogger.error('Failed to delete evaluation job', error);
       toast.error('Failed to delete evaluation job. Please try again.');
     } finally {
       setIsDeleting(false);

web/packages/studio/src/components/evaluation/Jobs/DetailsPanel.tsx

@@ -24,6 +24,7 @@ import { Banner, Button, Flex, Modal, Panel, Stack, Text } from '@nvidia/foundat
 import { ButtonLaunchEvaluation } from '@studio/components/evaluation/ButtonLaunchEvaluation';
 import { StatusLogsContent } from '@studio/components/evaluation/Jobs/StatusLogsContent';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
+import { websiteLogger } from '@studio/util/logger';
 import { useQueryClient } from '@tanstack/react-query';
 import { ChartBar, LayoutList, CircleX } from 'lucide-react';
 import { useState } from 'react';
@@ -59,7 +60,7 @@ export const DetailsPanel = ({ evaluationJob, error }: DetailsPanelProps) => {
 
       setCancelModalOpen(false);
     } catch (error) {
-      console.error('Failed to cancel job:', error);
+      websiteLogger.error('Failed to cancel job', error);
       toast.error('Failed to cancel job. Please try again.');
     }
   };

web/packages/studio/src/components/evaluation/Jobs/EvaluationJobBulkDeleteModal.spec.tsx

@@ -198,7 +198,7 @@ describe('EvaluationJobBulkDeleteModal', () => {
 
       await waitFor(() => {
         expect(consoleSpy).toHaveBeenCalledWith(
-          'Failed to delete evaluation jobs:',
+          'Failed to delete evaluation jobs',
           expect.any(Error)
         );
       });

web/packages/studio/src/components/evaluation/Jobs/EvaluationJobBulkDeleteModal.tsx

@@ -6,6 +6,7 @@ import { useEvaluatorDeleteEvaluateJob } from '@nemo/sdk/generated/evaluator/api
 import { Button, Flex, Modal } from '@nvidia/foundations-react-core';
 import { useMutateMany } from '@studio/api/common/useMutateMany';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
+import { websiteLogger } from '@studio/util/logger';
 import { Trash } from 'lucide-react';
 import { FC, useState } from 'react';
 
@@ -38,7 +39,7 @@ export const EvaluationJobBulkDeleteModal: FC<EvaluationJobBulkDeleteModalProps>
       onConfirmSuccess();
       setOpen(false);
     } catch (error) {
-      console.error('Failed to delete evaluation jobs:', error);
+      websiteLogger.error('Failed to delete evaluation jobs', error);
       toast.error('Failed to delete evaluation jobs. Please try again.');
     }
   };

web/packages/studio/src/components/filesets/AddToFolderModal/index.tsx

@@ -28,6 +28,7 @@ import { FileSystemNode } from '@studio/components/FilesTable/utils';
 import { useDatasetNavigator } from '@studio/hooks/useDatasetNavigator';
 import { useWorkspaceFromPath } from '@studio/hooks/useWorkspaceFromPath';
 import { getFilesetDetailsRoute } from '@studio/routes/utils';
+import { websiteLogger } from '@studio/util/logger';
 import { FolderOpen, Info } from 'lucide-react';
 import { type FC, useMemo } from 'react';
 import { useForm, useWatch } from 'react-hook-form';
@@ -178,7 +179,7 @@ export const AddToFolderModal: FC<AddToFolderModalProps> = ({
 
   const navigateToParentFolder = () => {
     if (!routeWorkspace) {
-      console.warn('AddToFolderModal: Cannot navigate - workspace context not available');
+      websiteLogger.warn('AddToFolderModal: Cannot navigate - workspace context not available');
       return;
     }
 

web/packages/studio/src/components/filesets/FilesetFileExplorer/BulkDeleteModal/index.tsx

@@ -5,6 +5,7 @@ import { Button, Flex, Modal } from '@nvidia/foundations-react-core';
 import { useDatasetFilesDelete } from '@studio/api/datasets/useDatasetFilesDelete';
 import { extractFilePathsFromDirectory } from '@studio/components/filesets/FilesetFileExplorer/BulkDeleteModal/utils';
 import { FileSystemNode } from '@studio/components/FilesTable/utils';
+import { websiteLogger } from '@studio/util/logger';
 import { Trash } from 'lucide-react';
 import { FC, ReactNode, useState } from 'react';
 
@@ -56,7 +57,7 @@ export const BulkDeleteModal: FC<BulkDeleteModalProps> = ({
       setOpen(false);
     } catch (error) {
       // Error handling is managed by the mutation hooks
-      console.error('Failed to delete items:', error);
+      websiteLogger.error('Failed to delete items', error);
     }
   };
 

web/packages/studio/src/components/filesets/FilesetFileExplorer/DatasetFileDropzone/index.tsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Block, Flex, Text } from '@nvidia/foundations-react-core';
+import { websiteLogger } from '@studio/util/logger';
 import { FC, useCallback, ReactNode } from 'react';
 import { useDropzone, FileRejection } from 'react-dropzone';
 
@@ -27,14 +28,14 @@ export const DatasetFileDropzone: FC<DatasetFileDropzoneProps> = ({
           onUpload(acceptedFiles);
         }
       } catch (error) {
-        console.error('Error handling accepted files:', error);
+        websiteLogger.error('Error handling accepted files', error);
       }
     },
     [onUpload]
   );
 
   const handleDropRejected = useCallback((fileRejections: FileRejection[]) => {
-    console.error('Files rejected:', fileRejections);
+    websiteLogger.error(`Files rejected: ${JSON.stringify(fileRejections)}`);
   }, []);
 
   const {

web/packages/studio/src/components/filesets/hooks/useBulkDownload.ts

@@ -6,6 +6,7 @@ import { triggerDownload } from '@nemo/common/src/utils/file';
 import { useDownloadFileAsArrayBuffer } from '@studio/components/filesets/hooks/useDownloadFileAsArrayBuffer';
 import { FileSystemFile } from '@studio/components/FilesTable/utils';
 import { getFileNameFromPath } from '@studio/util/files';
+import { websiteLogger } from '@studio/util/logger';
 import { useCallback, useState } from 'react';
 
 export interface UseBulkDownloadOptions {
@@ -70,7 +71,7 @@ export function useBulkDownload(options: UseBulkDownloadOptions): UseBulkDownloa
           );
         }
       } catch (err) {
-        console.error('Bulk download failed', err);
+        websiteLogger.error('Bulk download failed', err);
         toast.dismissToast(toastId);
         toast.error(files.length === 1 ? 'Failed to download file' : 'Failed to download files');
       } finally {

web/packages/studio/src/components/filesets/hooks/useBulkDuplicate.ts

@@ -6,6 +6,7 @@ import { filesListFilesetFiles } from '@nemo/sdk/generated/platform/api';
 import { useDatasetFilesUpload } from '@studio/api/datasets/useDatasetFilesUpload';
 import { useDownloadFileAsArrayBuffer } from '@studio/components/filesets/hooks/useDownloadFileAsArrayBuffer';
 import { FileSystemFile } from '@studio/components/FilesTable/utils';
+import { websiteLogger } from '@studio/util/logger';
 import { useCallback, useState } from 'react';
 
 export interface UseBulkDuplicateOptions {
@@ -150,7 +151,7 @@ export function useBulkDuplicate(options: UseBulkDuplicateOptions): UseBulkDupli
           return false;
         }
       } catch (err) {
-        console.error('Bulk duplicate failed', err);
+        websiteLogger.error('Bulk duplicate failed', err);
         toast.dismissToast(toastId);
         toast.error(files.length === 1 ? 'Failed to duplicate file' : 'Failed to duplicate files');
         return false;

web/packages/studio/src/components/sidePanels/AgentPanels/AgentPanel/DeploymentLogsView.tsx

@@ -10,6 +10,7 @@ import type { AgentDeployment } from '@nemo/sdk/generated/agents/schema';
 import type { PlatformJobLog } from '@nemo/sdk/generated/platform/schema';
 import { Block, Select, Stack, Text } from '@nvidia/foundations-react-core';
 import { PLATFORM_BASE_URL } from '@studio/constants/environment';
+import { websiteLogger } from '@studio/util/logger';
 import { streamSse } from '@studio/util/sseStream';
 import { type FC, useEffect, useMemo, useState } from 'react';
 import { useAuth } from 'react-oidc-context';
@@ -135,7 +136,10 @@ const LogsForDeployment: FC<LogsForDeploymentProps> = ({ workspace, deploymentNa
         }
       },
       onError: (err) => {
-        console.warn(`Log stream interrupted for deployment ${deploymentName}; retrying.`, err);
+        websiteLogger.warn(
+          `Log stream interrupted for deployment ${deploymentName}; retrying`,
+          err
+        );
       },
     });
     return () => controller.abort();

web/packages/studio/src/mocks/node.ts

@@ -1,6 +1,7 @@
 // SPDX-FileCopyrightText: Copyright (c) 2025-2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
 // SPDX-License-Identifier: Apache-2.0
 
+/* eslint-disable no-console */
 import { handlers } from '@studio/mocks/handlers';
 import { handlers as iconsHandlers } from '@studio/mocks/icons';
 import { setupServer } from 'msw/node';

web/packages/studio/src/routes/DeploymentsListRoute/useDeleteDeploymentAndConfig.ts

@@ -37,6 +37,7 @@ import {
   HUGGING_FACE_DEPLOYMENT_SOURCE_VALUE,
   huggingFaceSourceFilesetName,
 } from '@studio/routes/DeploymentsListRoute/huggingFaceDeploymentArtifacts';
+import { websiteLogger } from '@studio/util/logger';
 import { type QueryClient, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useCallback } from 'react';
 
@@ -214,7 +215,7 @@ export function useDeleteDeploymentAndConfig(workspace: string) {
 
       void deleteRelatedResourcesAfterDeploymentReleased(workspace, deployment)
         .catch((error: unknown) => {
-          console.error('Failed to delete deployment related resources:', error);
+          websiteLogger.error('Failed to delete deployment related resources', error);
           toast.error('Failed to delete related deployment resources. Please try again later.');
         })
         .finally(() => {

web/packages/studio/src/routes/FilesetListRoute/ActionMenu/index.spec.tsx

@@ -314,10 +314,7 @@ describe('ActionMenu', () => {
       await user.click(confirmDeleteButton);
 
       await waitFor(() => {
-        expect(consoleErrorSpy).toHaveBeenCalledWith(
-          'Failed to delete dataset:',
-          expect.any(Error)
-        );
+        expect(consoleErrorSpy).toHaveBeenCalledWith('Failed to delete dataset', expect.any(Error));
       });
 
       expect(mockOnDatasetDeleted).not.toHaveBeenCalled();

web/packages/studio/src/routes/FilesetListRoute/ActionMenu/index.tsx

@@ -15,6 +15,7 @@ import { invalidateDatasetCaches } from '@studio/api/datasets/invalidateDatasetC
 import { DatasetCreateModal } from '@studio/components/DatasetCreateModal';
 import { DatasetCreateModalMode } from '@studio/components/DatasetCreateModal/constants';
 import { DeleteConfirmationModal } from '@studio/components/DeleteConfirmationModal';
+import { websiteLogger } from '@studio/util/logger';
 import { EllipsisVertical } from 'lucide-react';
 import { FC, useState } from 'react';
 
@@ -49,7 +50,7 @@ export const ActionMenu: FC<ActionMenuProps> = ({
       onDatasetDeleted?.(dataset);
       return true;
     } catch (error) {
-      console.error('Failed to delete dataset:', error);
+      websiteLogger.error('Failed to delete dataset', error);
       return false;
     }
   };

web/packages/studio/src/routes/FilesetListRoute/DatasetBulkDeleteModal/index.spec.tsx

@@ -265,7 +265,7 @@ describe('DatasetBulkDeleteModal', () => {
       // Wait for error handling
       await waitFor(() => {
         expect(consoleErrorSpy).toHaveBeenCalledWith(
-          'Failed to delete datasets:',
+          'Failed to delete datasets',
           expect.any(Error)
         );
       });

web/packages/studio/src/routes/FilesetListRoute/DatasetBulkDeleteModal/index.tsx

@@ -6,6 +6,7 @@ import { FilesetOutput } from '@nemo/sdk/generated/platform/schema';
 import { Button, Flex, Modal } from '@nvidia/foundations-react-core';
 import { useMutateMany } from '@studio/api/common/useMutateMany';
 import { invalidateDatasetCaches } from '@studio/api/datasets/invalidateDatasetCaches';
+import { websiteLogger } from '@studio/util/logger';
 import { Trash } from 'lucide-react';
 import { FC, ReactNode, useState } from 'react';
 
@@ -47,7 +48,7 @@ export const DatasetBulkDeleteModal: FC<DatasetBulkDeleteModalProps> = ({
       onConfirmSuccess();
       setOpen(false);
     } catch (error) {
-      console.error('Failed to delete datasets:', error);
+      websiteLogger.error('Failed to delete datasets', error);
     }
   };