@d34dman/flowdrop 0.0.61 → 0.0.63

package/dist/services/globalSave.js

@@ -1,26 +1,31 @@
 /**
  * Global Save Service
- * Provides save and export functionality that can be accessed from anywhere in the app
- * This allows the main navbar to save workflows without being tied to a specific component
+ * Provides save and export functionality that can be accessed from anywhere in the app.
+ * This is the single source of truth for save/export logic.
+ *
+ * App.svelte delegates to globalSaveWorkflow() / globalExportWorkflow() rather than
+ * reimplementing the logic, ensuring "blur active element" flushing and metadata
+ * construction happen in exactly one place.
  */
-import { get } from 'svelte/store';
-import { workflowStore } from '../stores/workflowStore.js';
+import { tick } from 'svelte';
+import { getWorkflowStore, workflowActions, markAsSaved as storeMarkAsSaved } from '../stores/workflowStore.svelte.js';
 import { workflowApi, setEndpointConfig } from './api.js';
 import { createEndpointConfig } from '../config/endpoints.js';
 import { v4 as uuidv4 } from 'uuid';
+import { DEFAULT_WORKFLOW_FORMAT } from '../types/index.js';
 import { apiToasts, workflowToasts, dismissToast } from './toastService.js';
+import { DEFAULT_FEATURES } from '../types/events.js';
+// ---------------------------------------------------------------------------
+// Internal helpers
+// ---------------------------------------------------------------------------
 /**
- * Ensure API configuration is initialized
+ * Ensure API configuration is initialized.
  * This is needed when the global save function is called from the layout component
- * which doesn't initialize the API configuration like the App component does
+ * which doesn't initialize the API configuration like the App component does.
  */
 async function ensureApiConfiguration() {
-    // Check if we need to initialize the API configuration
-    // We'll check if the endpointConfig is already set by importing the api module
     try {
-        // Import the api module to check if endpointConfig is already set
         const { getEndpointConfig } = await import('./api.js');
-        // Try to get the current configuration
         const currentConfig = getEndpointConfig();
         if (currentConfig && currentConfig.baseUrl) {
             return;
@@ -29,25 +34,15 @@ async function ensureApiConfiguration() {
     catch {
         // Could not check existing API configuration, initializing
     }
-    // API configuration is not initialized, so let's initialize it
-    // Use runtime detection to determine appropriate API base URL
-    const apiBaseUrl = (() => {
-        // If we're in development (localhost:5173), use relative path
-        if (typeof window !== 'undefined') {
-            if (window.location.hostname === 'localhost' && window.location.port === '5173') {
-                return '/api/flowdrop';
-            }
-            // Otherwise, use the current domain
-            return `${window.location.protocol}//${window.location.host}/api/flowdrop`;
-        }
-        // Fallback to relative path
-        return '/api/flowdrop';
-    })();
+    // API configuration is not initialized — derive URL from window.location when available
+    const apiBaseUrl = typeof window !== 'undefined'
+        ? `${window.location.protocol}//${window.location.host}/api/flowdrop`
+        : '/api/flowdrop';
     const config = createEndpointConfig(apiBaseUrl, {
         auth: {
-            type: 'none' // No authentication for now
+            type: 'none'
         },
-        timeout: 10000, // 10 second timeout
+        timeout: 10000,
         retry: {
             enabled: true,
             maxAttempts: 2,
@@ -58,89 +53,182 @@ async function ensureApiConfiguration() {
     setEndpointConfig(config);
 }
 /**
- * Global save function that can be called from anywhere
- * Uses the current workflow from the global store
+ * Flush any pending form changes by blurring the active element.
+ * This ensures focusout handlers (like ConfigForm's handleFormBlur)
+ * sync local state to the global store before we read it.
+ *
+ * Must be called once, in this file only, so the logic lives in exactly one place.
  */
-export async function globalSaveWorkflow() {
-    // Flush any pending form changes by blurring the active element.
-    // This ensures focusout handlers (like ConfigForm's handleFormBlur)
-    // sync local state to the global store before we read it.
+async function flushPendingFormChanges() {
     if (typeof document !== 'undefined' && document.activeElement instanceof HTMLElement) {
         document.activeElement.blur();
     }
-    let loadingToast;
-    try {
-        // Show loading toast
-        loadingToast = apiToasts.loading('Saving workflow');
-        // Ensure API configuration is initialized
-        await ensureApiConfiguration();
-        // Get current workflow from global store
-        const currentWorkflow = get(workflowStore);
-        if (!currentWorkflow) {
-            if (loadingToast)
-                dismissToast(loadingToast);
+    // Wait for any pending DOM / Svelte reactive updates before reading the store
+    await tick();
+}
+// ---------------------------------------------------------------------------
+// Public API
+// ---------------------------------------------------------------------------
+/**
+ * Save the current workflow to the backend.
+ *
+ * This is the single source of truth for save logic. App.svelte delegates
+ * to this function rather than reimplementing the steps.
+ *
+ * Steps performed:
+ *  1. Flush pending form changes (blur active element + tick)
+ *  2. Optionally call onBeforeSave — return false cancels the save
+ *  3. Build the canonical Workflow object (preserving metadata, format, etc.)
+ *  4. Persist via enhanced apiClient or legacy workflowApi
+ *  5. Update the store if the server assigned a new ID
+ *  6. Call onMarkAsSaved / onAfterSave hooks
+ *  7. Show toast notifications (respecting features.showToasts)
+ */
+export async function globalSaveWorkflow(options = {}) {
+    const { apiClient, eventHandlers, onMarkAsSaved } = options;
+    const features = { ...DEFAULT_FEATURES, ...options.features };
+    // Step 1 — Flush pending form changes (single location for this logic)
+    await flushPendingFormChanges();
+    // Get current workflow from global store after flush
+    const currentWorkflow = getWorkflowStore();
+    if (!currentWorkflow) {
+        if (features.showToasts) {
             apiToasts.error('Save workflow', 'No workflow to save');
-            return;
-        }
-        // Determine the workflow ID
-        let workflowId;
-        if (currentWorkflow.id) {
-            workflowId = currentWorkflow.id;
         }
-        else {
-            workflowId = uuidv4();
+        return;
+    }
+    // Step 2 — Allow the parent to cancel the save
+    if (eventHandlers?.onBeforeSave) {
+        const shouldContinue = await eventHandlers.onBeforeSave(currentWorkflow);
+        if (shouldContinue === false) {
+            return;
         }
-        // Create workflow object for saving
+    }
+    const loadingToast = features.showToasts ? apiToasts.loading('Saving workflow') : null;
+    try {
+        // Ensure API configuration is initialised (needed when called outside App.svelte)
+        await ensureApiConfiguration();
+        // Step 3 — Build the canonical workflow object.
+        // Preserve all existing metadata fields (format, tags, etc.) so nothing is dropped.
+        const workflowId = currentWorkflow.id || uuidv4();
         const finalWorkflow = {
             id: workflowId,
             name: currentWorkflow.name || 'Untitled Workflow',
+            description: currentWorkflow.description || '',
             nodes: currentWorkflow.nodes || [],
             edges: currentWorkflow.edges || [],
             metadata: {
-                version: '1.0.0',
+                ...currentWorkflow.metadata,
+                version: currentWorkflow.metadata?.version || '1.0.0',
+                format: currentWorkflow.metadata?.format || DEFAULT_WORKFLOW_FORMAT,
                 createdAt: currentWorkflow.metadata?.createdAt || new Date().toISOString(),
                 updatedAt: new Date().toISOString()
             }
         };
-        await workflowApi.saveWorkflow(finalWorkflow);
-        // Dismiss loading toast and show success toast
+        // Step 4 — Persist
+        let savedWorkflow;
+        if (apiClient) {
+            // Enhanced client path — detects existing workflows by non-UUID ID
+            const isExistingWorkflow = finalWorkflow.id.length > 0 &&
+                !finalWorkflow.id.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i);
+            if (isExistingWorkflow) {
+                savedWorkflow = await apiClient.updateWorkflow(finalWorkflow.id, finalWorkflow);
+            }
+            else {
+                savedWorkflow = await apiClient.saveWorkflow(finalWorkflow);
+            }
+        }
+        else {
+            // Legacy path
+            savedWorkflow = await workflowApi.saveWorkflow(finalWorkflow);
+        }
+        // Step 5 — If the server assigned a new ID, sync the store
+        if (savedWorkflow.id && savedWorkflow.id !== finalWorkflow.id) {
+            workflowActions.batchUpdate({
+                nodes: finalWorkflow.nodes,
+                edges: finalWorkflow.edges,
+                name: finalWorkflow.name,
+                metadata: {
+                    ...finalWorkflow.metadata,
+                    ...savedWorkflow.metadata
+                }
+            });
+        }
+        // Step 6a — Mark dirty state as clean
+        if (onMarkAsSaved) {
+            onMarkAsSaved();
+        }
+        else {
+            // Fallback: call the store's own markAsSaved if no callback was provided
+            storeMarkAsSaved();
+        }
+        // Show success toast
         if (loadingToast)
             dismissToast(loadingToast);
-        workflowToasts.saved(finalWorkflow.name);
+        if (features.showToasts) {
+            workflowToasts.saved(finalWorkflow.name);
+        }
+        // Step 6b — After-save hook
+        if (eventHandlers?.onAfterSave) {
+            await eventHandlers.onAfterSave(savedWorkflow);
+        }
     }
     catch (error) {
-        // Dismiss loading toast and show error toast
         if (loadingToast)
             dismissToast(loadingToast);
-        apiToasts.error('Save workflow', error instanceof Error ? error.message : 'Unknown error');
+        const errorObj = error instanceof Error ? error : new Error('Unknown error occurred');
+        // onSaveError hook
+        const currentWorkflowForError = getWorkflowStore();
+        if (eventHandlers?.onSaveError && currentWorkflowForError) {
+            await eventHandlers.onSaveError(errorObj, currentWorkflowForError);
+        }
+        // onApiError hook — return true suppresses the default toast
+        let suppressToast = false;
+        if (eventHandlers?.onApiError) {
+            suppressToast = eventHandlers.onApiError(errorObj, 'save') === true;
+        }
+        if (features.showToasts && !suppressToast) {
+            apiToasts.error('Save workflow', errorObj.message);
+        }
         throw error;
     }
 }
 /**
- * Global export function that can be called from anywhere
- * Uses the current workflow from the global store
+ * Export the current workflow as a downloadable JSON file.
+ *
+ * This is the single source of truth for export logic. App.svelte delegates
+ * to this function rather than reimplementing the steps.
+ *
+ * Preserves all metadata fields (format, tags, etc.) consistently with save.
  */
-export async function globalExportWorkflow() {
+export async function globalExportWorkflow(options = {}) {
+    const features = { ...DEFAULT_FEATURES, ...options.features };
     try {
-        // Get current workflow from global store
-        const currentWorkflow = get(workflowStore);
+        // Flush pending changes before exporting (same discipline as save)
+        await flushPendingFormChanges();
+        const currentWorkflow = getWorkflowStore();
         if (!currentWorkflow) {
-            apiToasts.error('Export workflow', 'No workflow to export');
+            if (features.showToasts) {
+                apiToasts.error('Export workflow', 'No workflow to export');
+            }
             return;
         }
-        // Create workflow object for export
+        // Build the canonical export object — preserve all metadata fields
         const finalWorkflow = {
             id: currentWorkflow.id || 'untitled-workflow',
             name: currentWorkflow.name || 'Untitled Workflow',
+            description: currentWorkflow.description || '',
             nodes: currentWorkflow.nodes || [],
             edges: currentWorkflow.edges || [],
             metadata: {
-                version: '1.0.0',
+                ...currentWorkflow.metadata,
+                version: currentWorkflow.metadata?.version || '1.0.0',
+                format: currentWorkflow.metadata?.format || DEFAULT_WORKFLOW_FORMAT,
                 createdAt: currentWorkflow.metadata?.createdAt || new Date().toISOString(),
                 updatedAt: new Date().toISOString()
             }
         };
-        // Create and download the file
+        // Trigger browser download
         const dataStr = JSON.stringify(finalWorkflow, null, 2);
         const dataBlob = new Blob([dataStr], { type: 'application/json' });
         const url = URL.createObjectURL(dataBlob);
@@ -149,23 +237,12 @@ export async function globalExportWorkflow() {
         link.download = `${finalWorkflow.name}.json`;
         link.click();
         URL.revokeObjectURL(url);
-        // Show success toast
-        workflowToasts.exported(finalWorkflow.name);
+        if (features.showToasts) {
+            workflowToasts.exported(finalWorkflow.name);
+        }
     }
     catch (error) {
-        // Export failed
-        apiToasts.error('Export workflow', error instanceof Error ? error.message : 'Unknown error');
-    }
-}
-/**
- * Initialize global save functions on window object for external access
- * This allows the functions to be called from anywhere in the application
- */
-export function initializeGlobalSave() {
-    if (typeof window !== 'undefined') {
-        // @ts-expect-error - Adding to window for external access
-        window.flowdropGlobalSave = globalSaveWorkflow;
-        // @ts-expect-error - Adding to window for external access
-        window.flowdropGlobalExport = globalExportWorkflow;
+        const errorObj = error instanceof Error ? error : new Error('Unknown error occurred');
+        apiToasts.error('Export workflow', errorObj.message);
     }
 }

package/dist/services/historyService.d.ts

@@ -182,7 +182,8 @@ export declare class HistoryService {
      */
     private pushInternal;
     /**
-     * Trim history to stay within maxEntries limit
+     * Trim history to stay within maxEntries limit.
+     * A maxEntries of 0 means unlimited (no trimming).
      */
     private trimHistory;
     /**

package/dist/services/historyService.js

@@ -7,6 +7,7 @@
  * @module services/historyService
  */
 import { DEFAULT_BEHAVIOR_SETTINGS } from '../types/settings.js';
+import { logger } from '../utils/logger.js';
 // =========================================================================
 // History Service Class
 // =========================================================================
@@ -153,7 +154,7 @@ export class HistoryService {
      */
     startTransaction(workflow, description) {
         if (this.inTransaction) {
-            console.warn('HistoryService: Transaction already in progress, ignoring startTransaction');
+            logger.warn('HistoryService: Transaction already in progress, ignoring startTransaction');
             return;
         }
         this.inTransaction = true;
@@ -167,7 +168,7 @@ export class HistoryService {
      */
     commitTransaction() {
         if (!this.inTransaction || !this.transactionSnapshot) {
-            console.warn('HistoryService: No transaction in progress, ignoring commitTransaction');
+            logger.warn('HistoryService: No transaction in progress, ignoring commitTransaction');
             return;
         }
         // Push the snapshot captured at transaction start
@@ -278,9 +279,12 @@ export class HistoryService {
         this.notifyChange();
     }
     /**
-     * Trim history to stay within maxEntries limit
+     * Trim history to stay within maxEntries limit.
+     * A maxEntries of 0 means unlimited (no trimming).
      */
     trimHistory() {
+        if (this.maxEntries <= 0)
+            return;
         while (this.undoStack.length > this.maxEntries) {
             this.undoStack.shift();
         }

package/dist/services/interruptService.js

@@ -10,6 +10,7 @@
 import { defaultInterruptPollingConfig } from '../types/interrupt.js';
 import { buildEndpointUrl, getEndpointHeaders } from '../config/endpoints.js';
 import { getEndpointConfig } from './api.js';
+import { logger } from '../utils/logger.js';
 /**
  * Interrupt Service class
  *
@@ -28,7 +29,7 @@ export class InterruptService {
      */
     constructor() {
         this.pollingConfig = { ...defaultInterruptPollingConfig };
-        this.currentBackoff = this.pollingConfig.interval ?? 2000;
+        this.currentBackoff = this.pollingConfig.interval ?? defaultInterruptPollingConfig.interval;
     }
     /**
      * Get the singleton instance of InterruptService
@@ -48,7 +49,7 @@ export class InterruptService {
      */
     setPollingConfig(config) {
         this.pollingConfig = { ...this.pollingConfig, ...config };
-        this.currentBackoff = this.pollingConfig.interval ?? 2000;
+        this.currentBackoff = this.pollingConfig.interval ?? defaultInterruptPollingConfig.interval;
     }
     /**
      * Get the current polling configuration
@@ -212,13 +213,13 @@ export class InterruptService {
      */
     startPolling(sessionId, callback) {
         if (!this.pollingConfig.enabled) {
-            console.warn('[InterruptService] Polling is disabled. Enable via setPollingConfig().');
+            logger.warn('[InterruptService] Polling is disabled. Enable via setPollingConfig().');
             return;
         }
         // Stop any existing polling
         this.stopPolling();
         this.pollingSessionId = sessionId;
-        this.currentBackoff = this.pollingConfig.interval ?? 2000;
+        this.currentBackoff = this.pollingConfig.interval ?? defaultInterruptPollingConfig.interval;
         const poll = async () => {
             if (this.pollingSessionId !== sessionId) {
                 return;
@@ -227,14 +228,14 @@ export class InterruptService {
                 const interrupts = await this.listSessionInterrupts(sessionId);
                 const pendingInterrupts = interrupts.filter((i) => i.status === 'pending');
                 // Reset backoff on successful request
-                this.currentBackoff = this.pollingConfig.interval ?? 2000;
+                this.currentBackoff = this.pollingConfig.interval ?? defaultInterruptPollingConfig.interval;
                 // Call the callback with pending interrupts
                 callback(pendingInterrupts);
             }
             catch (error) {
-                console.error('[InterruptService] Polling error:', error);
+                logger.error('[InterruptService] Polling error:', error);
                 // Exponential backoff on error
-                const maxBackoff = this.pollingConfig.maxBackoff ?? 10000;
+                const maxBackoff = this.pollingConfig.maxBackoff ?? defaultInterruptPollingConfig.maxBackoff;
                 this.currentBackoff = Math.min(this.currentBackoff * 2, maxBackoff);
             }
             // Schedule next poll
@@ -254,7 +255,7 @@ export class InterruptService {
             this.pollingInterval = null;
         }
         this.pollingSessionId = null;
-        this.currentBackoff = this.pollingConfig.interval ?? 2000;
+        this.currentBackoff = this.pollingConfig.interval ?? defaultInterruptPollingConfig.interval;
     }
     /**
      * Check if polling is active

package/dist/services/nodeExecutionService.js

@@ -4,13 +4,15 @@
  */
 import { getEndpointConfig } from './api.js';
 import { buildEndpointUrl } from '../config/endpoints.js';
+import { NODE_EXECUTION_CACHE_TIMEOUT_MS, PIPELINE_API_UNAVAILABLE_DURATION_MS } from '../config/constants.js';
+import { logger } from '../utils/logger.js';
 /**
  * Service for managing node execution information
  */
 export class NodeExecutionService {
     static instance;
     cache = new Map();
-    cacheTimeout = 30000; // 30 seconds
+    cacheTimeout = NODE_EXECUTION_CACHE_TIMEOUT_MS;
     lastFetch = 0;
     apiUnavailable = false;
     apiUnavailableUntil = 0;
@@ -30,6 +32,8 @@ export class NodeExecutionService {
         }
         try {
             const endpointConfig = getEndpointConfig();
+            if (!endpointConfig)
+                throw new Error('Endpoint config not available');
             const url = buildEndpointUrl(endpointConfig, endpointConfig.endpoints.pipelines.get, {
                 id: pipelineId
             });
@@ -62,7 +66,7 @@ export class NodeExecutionService {
             return executionInfo;
         }
         catch (error) {
-            console.error('Failed to fetch node execution info:', error);
+            logger.error('Failed to fetch node execution info:', error);
             return null;
         }
     }
@@ -87,6 +91,8 @@ export class NodeExecutionService {
         }
         try {
             const endpointConfig = getEndpointConfig();
+            if (!endpointConfig)
+                throw new Error('Endpoint config not available');
             const url = buildEndpointUrl(endpointConfig, endpointConfig.endpoints.pipelines.get, {
                 id: pipelineId
             });
@@ -95,9 +101,9 @@ export class NodeExecutionService {
                 // If the endpoint returns 404, it means the pipeline API is not available
                 // Mark API as unavailable for 5 minutes to prevent repeated calls
                 if (response.status === 404) {
-                    console.warn(`Pipeline API endpoint not available for pipeline ${pipelineId}`);
+                    logger.warn(`Pipeline API endpoint not available for pipeline ${pipelineId}`);
                     this.apiUnavailable = true;
-                    this.apiUnavailableUntil = Date.now() + 5 * 60 * 1000; // 5 minutes
+                    this.apiUnavailableUntil = Date.now() + PIPELINE_API_UNAVAILABLE_DURATION_MS;
                     const defaultExecutionInfo = {};
                     nodeIds.forEach((nodeId) => {
                         defaultExecutionInfo[nodeId] = {
@@ -140,7 +146,7 @@ export class NodeExecutionService {
             return executionInfoMap;
         }
         catch (error) {
-            console.error('Failed to fetch multiple node execution info:', error);
+            logger.error('Failed to fetch multiple node execution info:', error);
             // Return default values instead of empty object to prevent repeated calls
             const defaultExecutionInfo = {};
             nodeIds.forEach((nodeId) => {
@@ -159,6 +165,8 @@ export class NodeExecutionService {
     async getAllNodeExecutionCounts() {
         try {
             const endpointConfig = getEndpointConfig();
+            if (!endpointConfig)
+                throw new Error('Endpoint config not available');
             const url = buildEndpointUrl(endpointConfig, '/node-execution-counts');
             const response = await fetch(url);
             if (!response.ok) {
@@ -171,7 +179,7 @@ export class NodeExecutionService {
             return {};
         }
         catch (error) {
-            console.error('Failed to fetch all node execution counts:', error);
+            logger.error('Failed to fetch all node execution counts:', error);
             return {};
         }
     }

package/dist/services/playgroundService.js

@@ -9,6 +9,7 @@
 import { defaultShouldStopPolling } from '../types/playground.js';
 import { buildEndpointUrl, getEndpointHeaders } from '../config/endpoints.js';
 import { getEndpointConfig } from './api.js';
+import { logger } from '../utils/logger.js';
 /**
  * Default polling interval in milliseconds
  */
@@ -273,7 +274,7 @@ export class PlaygroundService {
                 }
             }
             catch (error) {
-                console.error('Polling error:', error);
+                logger.error('Polling error:', error);
                 // Exponential backoff on error
                 this.currentBackoff = Math.min(this.currentBackoff * 2, MAX_POLLING_BACKOFF);
             }

package/dist/services/portConfigApi.js

@@ -4,26 +4,30 @@
  */
 import { buildEndpointUrl } from '../config/endpoints.js';
 import { DEFAULT_PORT_CONFIG } from '../config/defaultPortConfig.js';
-import { FlowDropApiClient } from '../api/client.js';
+import { logger } from '../utils/logger.js';
 /**
  * Fetch port configuration from API
  */
 export async function fetchPortConfig(endpointConfig) {
     try {
         const url = buildEndpointUrl(endpointConfig, endpointConfig.endpoints.portConfig);
-        // Create API client instance
-        const client = new FlowDropApiClient(endpointConfig.baseUrl);
-        // Use the client to fetch port configuration
-        const portConfig = await client.getPortConfig();
+        const response = await fetch(url, {
+            headers: { 'Content-Type': 'application/json' }
+        });
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
+        const data = await response.json();
+        const portConfig = data.data ?? data;
         // Validate the configuration has required fields
         if (!portConfig.dataTypes || !Array.isArray(portConfig.dataTypes)) {
-            console.warn('Invalid port config received from API, using default');
+            logger.warn('Invalid port config received from API, using default');
             return DEFAULT_PORT_CONFIG;
         }
         return portConfig;
     }
     catch (error) {
-        console.error('Error fetching port configuration:', error);
+        logger.error('Error fetching port configuration:', error);
         return DEFAULT_PORT_CONFIG;
     }
 }

package/dist/services/toastService.d.ts

@@ -57,7 +57,7 @@ export declare function dismissAllToasts(): void;
 export declare function showPromise<T>(promise: Promise<T>, { loading, success, error, options }: {
     loading: string;
     success: string | ((data: T) => string);
-    error: string | ((error: any) => string);
+    error: string | ((error: unknown) => string);
     options?: ToastOptions;
 }): Promise<T>;
 /**

package/dist/services/toastService.js

@@ -4,6 +4,7 @@
  * Provides consistent toast notifications across the FlowDrop application
  */
 import { toast } from 'svelte-5-french-toast';
+import { TOAST_DURATION } from '../config/constants.js';
 /**
  * Default toast options themed with FlowDrop design tokens.
  * Use with <Toaster toastOptions={flowdropToastOptions} containerClassName="flowdrop-toaster" />
@@ -38,7 +39,7 @@ export const FLOWDROP_TOASTER_CLASS = 'flowdrop-toaster';
  */
 export function showSuccess(message, options) {
     return toast.success(message, {
-        duration: options?.duration || 4000,
+        duration: options?.duration || TOAST_DURATION.SUCCESS,
         position: options?.position || 'bottom-center'
     });
 }
@@ -47,7 +48,7 @@ export function showSuccess(message, options) {
  */
 export function showError(message, options) {
     return toast.error(message, {
-        duration: options?.duration || 6000,
+        duration: options?.duration || TOAST_DURATION.ERROR,
         position: options?.position || 'bottom-center'
     });
 }
@@ -56,7 +57,7 @@ export function showError(message, options) {
  */
 export function showWarning(message, options) {
     return toast.error(message, {
-        duration: options?.duration || 5000,
+        duration: options?.duration || TOAST_DURATION.WARNING,
         position: options?.position || 'bottom-center'
     });
 }
@@ -65,7 +66,7 @@ export function showWarning(message, options) {
  */
 export function showInfo(message, options) {
     return toast.success(message, {
-        duration: options?.duration || 4000,
+        duration: options?.duration || TOAST_DURATION.INFO,
         position: options?.position || 'bottom-center'
     });
 }
@@ -106,7 +107,7 @@ export function showPromise(promise, { loading, success, error, options }) {
  */
 export function showConfirmation(message, options) {
     return toast(message, {
-        duration: options?.duration || 5000,
+        duration: options?.duration || TOAST_DURATION.CONFIRMATION,
         position: options?.position || 'bottom-center'
     });
 }