bug: Api from components now use window.app.API instead of creating new one

Author: Haylibi

web-ui/js/components/SchedulerControl.js

@@ -13,7 +13,7 @@ class SchedulerControl {
         this.container = options.container;
         this.onScheduleChange = options.onScheduleChange || (() => {});
 
-        this.api = new API();
+        this.api = window.app.api || new API();
         this.currentStatus = {
             current_schedule: null,
             next_run: null,

web-ui/js/components/command-panel.js

@@ -13,7 +13,7 @@ class CommandPanel {
         this.drawerContainer = options.drawerContainer;
         this.onCommandExecute = options.onCommandExecute || (() => {});
 
-        this.api = new API();
+        this.api = window.app.api || new API();
         this.isVisible = false;
         this.runCommandsModal = null; // To store the reference to the run commands modal
 

web-ui/js/components/config-form.js

@@ -34,7 +34,7 @@ class ConfigForm {
         this.onDataChange = options.onDataChange || (() => {});
         this.onValidationChange = options.onValidationChange || (() => {});
 
-        this.api = new API();
+        this.api = window.app.api || new API();
         this.currentSection = null;
         this.currentData = {};
         this.originalData = {}; // Store original data for reset

web-ui/js/components/log-viewer.js

@@ -15,7 +15,7 @@ class LogViewer {
         this.currentLogFile = localStorage.getItem('qbm-selected-log-file') || 'qbit_manage.log'; // Default log file
         this.currentLogLimit = parseInt(localStorage.getItem('qbm-log-limit') || '50'); // Default to 50 lines
 
-        this.api = new API();
+        this.api = window.app.api || new API();
         this.logs = [];
         this.filteredLogs = [];
     }

web-ui/js/components/security.js

@@ -11,7 +11,7 @@ import { EYE_ICON_SVG, EYE_SLASH_ICON_SVG } from '../utils/icons.js';
 export class SecurityComponent {
     constructor(containerId, apiInstance = null) {
         this.container = document.getElementById(containerId);
-        this.api = apiInstance || new API();
+        this.api = apiInstance || window.app.api || new API();
         this.currentSettings = null;
         this.hasApiKey = false; // Track whether we have an API key without storing the key itself
     }