@qwickapps/server 1.8.1 → 1.9.0

package/src/plugins/qwickbrain/QwickbrainStatusWidget.tsx

@@ -10,7 +10,7 @@ export interface QwickbrainStatusWidgetProps {
   apiPrefix?: string;
 }
 
-export function QwickbrainStatusWidget({ apiPrefix = '/api/qwickbrain' }: QwickbrainStatusWidgetProps) {
+export function QwickbrainStatusWidget({ apiPrefix = '/qapi/qwickbrain' }: QwickbrainStatusWidgetProps) {
   const [stats, setStats] = useState<{
     totalDocuments: number;
     indexedRepositories: number;

package/src/plugins/rate-limit/RateLimitManagementPage.tsx

@@ -31,7 +31,7 @@ interface RateLimitStats {
 }
 
 export const RateLimitManagementPage: React.FC<RateLimitManagementPageProps> = ({
-  apiPrefix = '/api/rate-limit',
+  apiPrefix = '/qapi/rate-limit',
 }) => {
   const [rules, setRules] = useState<RateLimitRule[]>([]);
   const [stats, setStats] = useState<RateLimitStats | null>(null);

package/src/plugins/rate-limit/RateLimitStatusWidget.tsx

@@ -10,7 +10,7 @@ export interface RateLimitStatusWidgetProps {
   apiPrefix?: string;
 }
 
-export function RateLimitStatusWidget({ apiPrefix = '/api/rate-limit' }: RateLimitStatusWidgetProps) {
+export function RateLimitStatusWidget({ apiPrefix = '/qapi/rate-limit' }: RateLimitStatusWidgetProps) {
   const [stats, setStats] = useState<{
     totalRequests: number;
     blockedRequests: number;

package/src/plugins/subscriptions/SubscriptionsManagementPage.tsx

@@ -23,7 +23,7 @@ interface Subscription {
   amount?: number;
 }
 
-export function SubscriptionsManagementPage({ apiPrefix = '/api/subscriptions' }: SubscriptionsManagementPageProps) {
+export function SubscriptionsManagementPage({ apiPrefix = '/qapi/subscriptions' }: SubscriptionsManagementPageProps) {
   const [activeTab, setActiveTab] = useState<'all' | 'active' | 'expiring' | 'config'>('all');
   const [subscriptions, setSubscriptions] = useState<Subscription[]>([]);
   const [loading, setLoading] = useState(true);

package/src/plugins/subscriptions/SubscriptionsStatusWidget.tsx

@@ -10,7 +10,7 @@ export interface SubscriptionsStatusWidgetProps {
   apiPrefix?: string;
 }
 
-export function SubscriptionsStatusWidget({ apiPrefix = '/api/subscriptions' }: SubscriptionsStatusWidgetProps) {
+export function SubscriptionsStatusWidget({ apiPrefix = '/qapi/subscriptions' }: SubscriptionsStatusWidgetProps) {
   const [stats, setStats] = useState<{
     totalSubscriptions: number;
     activeSubscriptions: number;

package/src/plugins/usage/UsageManagementPage.tsx

@@ -21,7 +21,7 @@ interface UsageEvent {
   metadata?: Record<string, unknown>;
 }
 
-export function UsageManagementPage({ apiPrefix = '/api/usage' }: UsageManagementPageProps) {
+export function UsageManagementPage({ apiPrefix = '/qapi/usage' }: UsageManagementPageProps) {
   const [activeTab, setActiveTab] = useState<'recent' | 'features' | 'users' | 'config'>('recent');
   const [events, setEvents] = useState<UsageEvent[]>([]);
   const [loading, setLoading] = useState(true);

package/src/plugins/usage/UsageStatusWidget.tsx

@@ -10,7 +10,7 @@ export interface UsageStatusWidgetProps {
   apiPrefix?: string;
 }
 
-export function UsageStatusWidget({ apiPrefix = '/api/usage' }: UsageStatusWidgetProps) {
+export function UsageStatusWidget({ apiPrefix = '/qapi/usage' }: UsageStatusWidgetProps) {
   const [stats, setStats] = useState<{
     totalEvents: number;
     activeUsers: number;

package/src/plugins/users/UsersManagementPage.tsx

@@ -33,7 +33,7 @@ interface UsersStats {
 }
 
 export const UsersManagementPage: React.FC<UsersManagementPageProps> = ({
-  apiPrefix = '/api/users',
+  apiPrefix = '/qapi/users',
 }) => {
   const [users, setUsers] = useState<User[]>([]);
   const [stats, setStats] = useState<UsersStats | null>(null);

package/src/plugins/users/UsersStatusWidget.tsx

@@ -25,7 +25,7 @@ interface UsersStats {
 }
 
 export const UsersStatusWidget: React.FC<UsersStatusWidgetProps> = ({
-  apiPrefix = '/api/users',
+  apiPrefix = '/qapi/users',
 }) => {
   const [stats, setStats] = useState<UsersStats | null>(null);
   const [loading, setLoading] = useState(true);

package/ui/src/App.tsx

@@ -71,9 +71,10 @@ declare global {
  */
 const basePath = window.__APP_BASE_PATH__ ?? '';
 
-// Set API base URL to match the control panel mount path
-// When proxied through a gateway at /cpanel, API calls need to go to /cpanel/api
-api.setBaseUrl(basePath);
+// Set API base URL - use window.__API_BASE_PATH__ (always '/qapi' for QwickApps Server APIs)
+// When UI is mounted at /cpanel, QwickApps Server APIs are at /qapi (not /cpanel/qapi)
+const apiBasePath = (window as any).__API_BASE_PATH__ ?? '';
+api.setBaseUrl(apiBasePath);
 
 // Footer content with QwickApps Server branding
 const footerContent = (

package/ui/src/api/clientBuilder.ts

@@ -21,23 +21,23 @@ export interface RouteManifestEntry {
 /**
  * Build typed API client from server manifest
  *
- * Fetches the manifest from /api/client-manifest and generates a nested
+ * Fetches the manifest from /client-manifest (baseUrl already includes /qapi) and generates a nested
  * client object with methods for each route.
  *
- * @param baseUrl - Base URL of the server (e.g., 'http://localhost:3000')
+ * @param baseUrl - Base URL for QwickApps Server APIs (e.g., '/qapi' or 'http://localhost:3000/qapi')
  * @returns Promise resolving to the generated client
  *
  * @example
  * ```typescript
- * const client = await buildClientFromManifest<APIClient>('http://localhost:3000');
+ * const client = await buildClientFromManifest<APIClient>('/qapi');
  * const logs = await client.logs.query({ limit: 10 });
  * ```
  */
 export async function buildClientFromManifest<T = any>(
   baseUrl: string
 ): Promise<T> {
-  // Fetch manifest from server
-  const manifestUrl = `${baseUrl}/api/client-manifest`;
+  // Fetch manifest from server (baseUrl already includes /qapi prefix)
+  const manifestUrl = `${baseUrl}/client-manifest`;
   const response = await fetch(manifestUrl);
 
   if (!response.ok) {

package/ui/src/api/controlPanelApi.ts

@@ -701,7 +701,7 @@ class ControlPanelApi {
   }
 
   async acceptInvitation(token: string): Promise<AcceptInvitationResponse> {
-    const response = await this._fetch(`${this.baseUrl}/api/users/accept-invitation/${encodeURIComponent(token)}`);
+    const response = await this._fetch(`${this.baseUrl}/users/accept-invitation/${encodeURIComponent(token)}`);
     if (!response.ok) {
       const error = await response.json().catch(() => ({}));
       throw new Error(error.error || `Accept invitation failed: ${response.statusText}`);
@@ -714,7 +714,7 @@ class ControlPanelApi {
     params.set('status', 'invited');
     params.set('limit', '100');
 
-    const response = await this._fetch(`${this.baseUrl}/api/users?${params}`);
+    const response = await this._fetch(`${this.baseUrl}/users?${params}`);
     if (!response.ok) {
       throw new Error(`Invitations request failed: ${response.statusText}`);
     }
@@ -739,7 +739,7 @@ class ControlPanelApi {
       duration = Math.max(0, Math.floor((expiresDate.getTime() - now.getTime()) / 1000));
     }
 
-    const response = await this._fetch(`${this.baseUrl}/api/bans/email/${encodeURIComponent(email)}`, {
+    const response = await this._fetch(`${this.baseUrl}/bans/email/${encodeURIComponent(email)}`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ reason, duration }),
@@ -751,7 +751,7 @@ class ControlPanelApi {
   }
 
   async unbanUser(email: string): Promise<void> {
-    const response = await this._fetch(`${this.baseUrl}/api/bans/email/${encodeURIComponent(email)}`, {
+    const response = await this._fetch(`${this.baseUrl}/bans/email/${encodeURIComponent(email)}`, {
       method: 'DELETE',
     });
     if (!response.ok) {
@@ -760,7 +760,7 @@ class ControlPanelApi {
   }
 
   async checkBan(email: string): Promise<{ banned: boolean; ban?: Ban }> {
-    const response = await this._fetch(`${this.baseUrl}/api/bans/email/${encodeURIComponent(email)}`);
+    const response = await this._fetch(`${this.baseUrl}/bans/email/${encodeURIComponent(email)}`);
     if (!response.ok) {
       throw new Error(`Ban check failed: ${response.statusText}`);
     }
@@ -774,7 +774,7 @@ class ControlPanelApi {
   // ==================
 
   async getEntitlements(email: string): Promise<EntitlementResult> {
-    const response = await this._fetch(`${this.baseUrl}/api/entitlements/${encodeURIComponent(email)}`);
+    const response = await this._fetch(`${this.baseUrl}/entitlements/${encodeURIComponent(email)}`);
     if (!response.ok) {
       throw new Error(`Entitlements request failed: ${response.statusText}`);
     }
@@ -782,7 +782,7 @@ class ControlPanelApi {
   }
 
   async refreshEntitlements(email: string): Promise<EntitlementResult> {
-    const response = await this._fetch(`${this.baseUrl}/api/entitlements/${encodeURIComponent(email)}/refresh`, {
+    const response = await this._fetch(`${this.baseUrl}/entitlements/${encodeURIComponent(email)}/refresh`, {
       method: 'POST',
     });
     if (!response.ok) {
@@ -793,7 +793,7 @@ class ControlPanelApi {
 
   async checkEntitlement(email: string, entitlement: string): Promise<{ has: boolean }> {
     const response = await this._fetch(
-      `${this.baseUrl}/api/entitlements/${encodeURIComponent(email)}/check/${encodeURIComponent(entitlement)}`
+      `${this.baseUrl}/entitlements/${encodeURIComponent(email)}/check/${encodeURIComponent(entitlement)}`
     );
     if (!response.ok) {
       throw new Error(`Entitlement check failed: ${response.statusText}`);
@@ -802,7 +802,7 @@ class ControlPanelApi {
   }
 
   async getAvailableEntitlements(): Promise<EntitlementDefinition[]> {
-    const response = await this._fetch(`${this.baseUrl}/api/entitlements/available`);
+    const response = await this._fetch(`${this.baseUrl}/entitlements/available`);
     if (!response.ok) {
       throw new Error(`Available entitlements request failed: ${response.statusText}`);
     }
@@ -811,7 +811,7 @@ class ControlPanelApi {
   }
 
   async grantEntitlement(email: string, entitlement: string): Promise<void> {
-    const response = await this._fetch(`${this.baseUrl}/api/entitlements/${encodeURIComponent(email)}`, {
+    const response = await this._fetch(`${this.baseUrl}/entitlements/${encodeURIComponent(email)}`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({ entitlement }),
@@ -824,7 +824,7 @@ class ControlPanelApi {
 
   async revokeEntitlement(email: string, entitlement: string): Promise<void> {
     const response = await this._fetch(
-      `${this.baseUrl}/api/entitlements/${encodeURIComponent(email)}/${encodeURIComponent(entitlement)}`,
+      `${this.baseUrl}/entitlements/${encodeURIComponent(email)}/${encodeURIComponent(entitlement)}`,
       { method: 'DELETE' }
     );
     if (!response.ok) {
@@ -833,7 +833,7 @@ class ControlPanelApi {
   }
 
   async invalidateEntitlementCache(email: string): Promise<void> {
-    const response = await this._fetch(`${this.baseUrl}/api/entitlements/cache/${encodeURIComponent(email)}`, {
+    const response = await this._fetch(`${this.baseUrl}/entitlements/cache/${encodeURIComponent(email)}`, {
       method: 'DELETE',
     });
     if (!response.ok) {
@@ -896,7 +896,7 @@ class ControlPanelApi {
   }
 
   async getPluginDetail(id: string): Promise<PluginDetailResponse> {
-    const response = await this._fetch(`${this.baseUrl}/api/plugins/${encodeURIComponent(id)}`);
+    const response = await this._fetch(`${this.baseUrl}/plugins/${encodeURIComponent(id)}`);
     if (!response.ok) {
       if (response.status === 404) {
         throw new Error(`Plugin not found: ${id}`);
@@ -957,7 +957,7 @@ class ControlPanelApi {
    * Delete auth configuration (revert to environment variables)
    */
   async deleteAuthConfig(): Promise<{ success: boolean; message: string }> {
-    const response = await this._fetch(`${this.baseUrl}/api/auth/config`, {
+    const response = await this._fetch(`${this.baseUrl}/auth/config`, {
       method: 'DELETE',
     });
     if (!response.ok) {
@@ -979,7 +979,7 @@ class ControlPanelApi {
    * Test current auth provider connection (uses existing env/runtime config)
    */
   async testCurrentAuthProvider(): Promise<TestProviderResponse> {
-    const response = await this._fetch(`${this.baseUrl}/api/auth/test-current`, {
+    const response = await this._fetch(`${this.baseUrl}/auth/test-current`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
     });
@@ -1019,7 +1019,7 @@ class ControlPanelApi {
   }
 
   async disconnectNotificationsClient(clientId: string): Promise<{ success: boolean }> {
-    const response = await this._fetch(`${this.baseUrl}/api/notifications/clients/${encodeURIComponent(clientId)}`, {
+    const response = await this._fetch(`${this.baseUrl}/notifications/clients/${encodeURIComponent(clientId)}`, {
       method: 'DELETE',
     });
     if (!response.ok) {
@@ -1030,7 +1030,7 @@ class ControlPanelApi {
   }
 
   async forceNotificationsReconnect(): Promise<{ success: boolean; message: string }> {
-    const response = await this._fetch(`${this.baseUrl}/api/notifications/reconnect`, {
+    const response = await this._fetch(`${this.baseUrl}/notifications/reconnect`, {
       method: 'POST',
     });
     if (!response.ok) {
@@ -1104,7 +1104,7 @@ class ControlPanelApi {
   }
 
   async updatePreferences(preferences: Record<string, unknown>): Promise<PreferencesResponse> {
-    const url = `${this.baseUrl}/api/preferences`;
+    const url = `${this.baseUrl}/preferences`;
     const response = await this._fetch(url, {
       method: 'PUT',
       headers: { 'Content-Type': 'application/json' },
@@ -1118,7 +1118,7 @@ class ControlPanelApi {
   }
 
   async deletePreferences(): Promise<void> {
-    const url = `${this.baseUrl}/api/preferences`;
+    const url = `${this.baseUrl}/preferences`;
     const response = await this._fetch(url, {
       method: 'DELETE',
     });

package/ui/src/components/ControlPanelApp.tsx

@@ -147,10 +147,11 @@ export function ControlPanelApp({
   // Combine built-in widget components with custom ones
   const allWidgetComponents = [...getBuiltInWidgetComponents(), ...widgetComponents];
 
-  // Configure API base URL - read from injected __APP_BASE_PATH__ if available
-  // Server injects window.__APP_BASE_PATH__ when control panel is mounted at a base path
-  // Example: mounted at /cpanel → API calls go to /cpanel/api (not /api)
-  const apiBasePath = (window as any).__APP_BASE_PATH__ || '';
+  // Configure API base URL - read from injected __API_BASE_PATH__ if available
+  // Server injects window.__APP_BASE_PATH__ for UI routing (e.g., '/cpanel')
+  // and window.__API_BASE_PATH__ for QwickApps Server API calls (always '/qapi')
+  // Example: UI mounted at /cpanel, but QwickApps Server APIs go to /qapi (not /cpanel/qapi)
+  const apiBasePath = (window as any).__API_BASE_PATH__ || '';
   api.setBaseUrl(apiBasePath);
 
   // Fetch version from API

package/ui/src/dashboard/builtInWidgets.tsx

@@ -18,6 +18,7 @@ import {
   CMSStatusWidget,
   CMSMaintenanceWidget,
   SeedManagementWidget,
+  MigrationManagementWidget,
   ServiceControlWidget,
   EnvironmentConfigWidget,
   DatabaseOpsWidget,
@@ -40,6 +41,7 @@ export const builtInWidgetComponents: Record<string, React.ComponentType> = {
   CMSStatusWidget: CMSStatusWidget,
   CMSMaintenanceWidget: CMSMaintenanceWidget,
   SeedManagementWidget: SeedManagementWidget,
+  MigrationManagementWidget: MigrationManagementWidget,
   ServiceControlWidget: ServiceControlWidget,
   EnvironmentConfigWidget: EnvironmentConfigWidget,
   DatabaseOpsWidget: DatabaseOpsWidget,
@@ -65,6 +67,7 @@ export function getBuiltInWidgetComponents(): WidgetComponent[] {
     { name: 'CMSStatusWidget', component: CMSStatusWidget },
     { name: 'CMSMaintenanceWidget', component: CMSMaintenanceWidget },
     { name: 'SeedManagementWidget', component: SeedManagementWidget },
+    { name: 'MigrationManagementWidget', component: MigrationManagementWidget },
     { name: 'ServiceControlWidget', component: ServiceControlWidget },
     { name: 'EnvironmentConfigWidget', component: EnvironmentConfigWidget },
     { name: 'DatabaseOpsWidget', component: DatabaseOpsWidget },

package/ui/src/dashboard/widgets/AuthStatusWidget.tsx

@@ -12,14 +12,9 @@ import { Box, Typography, Chip, CircularProgress, Alert } from '@mui/material';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 import ErrorIcon from '@mui/icons-material/Error';
 import BlockIcon from '@mui/icons-material/Block';
-import { api } from '../../api/controlPanelApi';
+import { api, type AuthConfigStatus } from '../../api/controlPanelApi';
 
-interface AuthStatus {
-  state: 'enabled' | 'disabled' | 'error';
-  adapter: string | null;
-  error?: string;
-  missingVars?: string[];
-}
+type AuthStatus = AuthConfigStatus;
 
 const adapterLabels: Record<string, string> = {
   supertokens: 'SuperTokens',
@@ -36,7 +31,7 @@ export function AuthStatusWidget() {
   useEffect(() => {
     const fetchStatus = async () => {
       try {
-        const data = await api.fetch<AuthStatus>('/auth/config/status');
+        const data = await api.getAuthConfigStatus();
         setStatus(data);
       } catch (err) {
         setError(err instanceof Error ? err.message : 'Failed to fetch auth status');

package/ui/src/dashboard/widgets/CMSMaintenanceWidget.tsx

@@ -49,8 +49,8 @@ export function CMSMaintenanceWidget() {
 
   const fetchStatus = async () => {
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cms/status`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cms/status`);
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}: ${response.statusText}`);
       }
@@ -63,8 +63,8 @@ export function CMSMaintenanceWidget() {
 
   const fetchSeeds = async () => {
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cms/seeds`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cms/seeds`);
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}: ${response.statusText}`);
       }
@@ -88,8 +88,8 @@ export function CMSMaintenanceWidget() {
     setError(null);
     setSuccess(null);
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cms/restart`, { method: 'POST' });
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cms/restart`, { method: 'POST' });
       const data = await response.json();
 
       if (response.ok) {
@@ -109,8 +109,8 @@ export function CMSMaintenanceWidget() {
     setSuccess(null);
 
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cms/seeds/${seedName}/execute`, {
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cms/seeds/${seedName}/execute`, {
         method: 'POST',
       });
       if (!response.ok) {

package/ui/src/dashboard/widgets/CMSStatusWidget.tsx

@@ -35,8 +35,8 @@ export function CMSStatusWidget() {
 
   const fetchStatus = async () => {
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cms/status`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cms/status`);
       if (!response.ok) {
         throw new Error(`HTTP ${response.status}: ${response.statusText}`);
       }

package/ui/src/dashboard/widgets/CacheMaintenanceWidget.tsx

@@ -47,8 +47,8 @@ export function CacheMaintenanceWidget() {
     setLoading(true);
     setError(null);
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cache:default/stats`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cache:default/stats`);
       if (!response.ok) {
         if (response.status === 404) {
           throw new Error('Cache plugin not configured');
@@ -76,8 +76,8 @@ export function CacheMaintenanceWidget() {
     setSuccess(null);
 
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/cache:default/flush`, {
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/cache:default/flush`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
       });

package/ui/src/dashboard/widgets/DatabaseOperationsWidget.tsx

@@ -159,7 +159,8 @@ const AdminCredentialsDialog: React.FC<AdminCredentialsDialogProps> = ({
 
 export const DatabaseOperationsWidget: React.FC<DatabaseOperationsWidgetProps> = () => {
   // Use default values since props cannot be passed through WidgetContribution
-  const apiPrefix = '/api/postgres:default';
+  // QwickApps Server plugin routes are at /qapi/* when integrated with Next.js apps
+  const apiPrefix = '/qapi/postgres:default';
   const instanceName = 'default';
   const [status, setStatus] = useState<DatabaseStatus | null>(null);
   const [loading, setLoading] = useState(true);

package/ui/src/dashboard/widgets/LogsMaintenanceWidget.tsx

@@ -61,8 +61,8 @@ export function LogsMaintenanceWidget() {
 
   const fetchSources = async () => {
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/logs/sources`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/logs/sources`);
       if (!response.ok) throw new Error('Failed to fetch log sources');
       const data = await response.json();
       setSources(data.sources || []);
@@ -80,8 +80,8 @@ export function LogsMaintenanceWidget() {
     setLoading(true);
     setError(null);
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/logs/stats?source=${selectedSource}`);
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/logs/stats?source=${selectedSource}`);
       if (!response.ok) throw new Error('Failed to fetch log stats');
       const data = await response.json();
       setStats(data);
@@ -110,8 +110,8 @@ export function LogsMaintenanceWidget() {
     setSuccess(null);
 
     try {
-      const basePath = (window as any).__APP_BASE_PATH__ || '';
-      const response = await fetch(`${basePath}/api/logs/clear`, {
+      const basePath = (window as any).__API_BASE_PATH__ || '';
+      const response = await fetch(`${basePath}/logs/clear`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ source: selectedSource }),