vibesurf 0.1.12__py3-none-any.whl → 0.1.13__py3-none-any.whl

vibe_surf/_version.py

@@ -28,7 +28,7 @@ version_tuple: VERSION_TUPLE
 commit_id: COMMIT_ID
 __commit_id__: COMMIT_ID
 
-__version__ = version = '0.1.12'
-__version_tuple__ = version_tuple = (0, 1, 12)
+__version__ = version = '0.1.13'
+__version_tuple__ = version_tuple = (0, 1, 13)
 
 __commit_id__ = commit_id = None

vibe_surf/backend/api/task.py

@@ -22,7 +22,6 @@ from ..shared_state import (
     is_task_running,
     get_active_task_info,
     clear_active_task,
-    browser_manager
 )
 
 from vibe_surf.logger import get_logger
@@ -49,7 +48,7 @@ async def submit_task(
 ):
     """Submit new task for execution (single task mode)"""
     from ..database.queries import LLMProfileQueries
-    from ..shared_state import workspace_dir, active_task
+    from ..shared_state import workspace_dir, active_task, llm, current_llm_profile_name
 
     # Check if task is already running
     if is_task_running():
@@ -74,6 +73,18 @@ async def submit_task(
                 detail=f"LLM profile '{task_request.llm_profile_name}' not found"
             )
 
+        # Initialize LLM for this task if needed
+        if not current_llm_profile_name or current_llm_profile_name != task_request.llm_profile_name:
+            current_llm_profile_name = task_request.llm_profile_name
+            success, message = await _ensure_llm_initialized(llm_profile)
+            if not success:
+                active_task = None
+                return {
+                    "success": False,
+                    "error": "llm_connection_failed",
+                    "message": f"Cannot connect to LLM API: {message}",
+                    "llm_profile": task_request.llm_profile_name
+                }
         # Generate task ID
         task_id = uuid7str()
 
@@ -106,10 +117,6 @@ async def submit_task(
         )
         await db.commit()
 
-        # Initialize LLM for this task if needed
-        if not active_task or active_task["llm_profile_name"] != task_request.llm_profile_name:
-            await _ensure_llm_initialized(llm_profile)
-
         # Add background task
         background_tasks.add_task(
             execute_task_background,
@@ -139,20 +146,46 @@ async def submit_task(
 
 
 async def _ensure_llm_initialized(llm_profile):
-    """Ensure LLM is initialized with the specified profile"""
+    """Ensure LLM is initialized with the specified profile and test connectivity"""
     from ..utils.llm_factory import create_llm_from_profile
     from ..shared_state import vibesurf_agent
+    from browser_use.llm import UserMessage
 
     if not vibesurf_agent:
         raise HTTPException(status_code=503, detail="VibeSurf agent not initialized")
 
-    # Always create new LLM instance to ensure we're using the right profile
-    new_llm = create_llm_from_profile(llm_profile)
+    try:
+        # Always create new LLM instance to ensure we're using the right profile
+        new_llm = create_llm_from_profile(llm_profile)
 
-    # Update vibesurf agent's LLM and register with token cost service
-    if vibesurf_agent and vibesurf_agent.token_cost_service:
-        vibesurf_agent.llm = vibesurf_agent.token_cost_service.register_llm(new_llm)
-        logger.info(f"LLM updated and registered for token tracking for profile: {llm_profile['profile_name']}")
+        # Test LLM connectivity with a simple question
+        test_message = UserMessage(content='What is the capital of France? Answer in one word.')
+        
+        logger.info(f"Testing LLM connectivity for profile: {llm_profile['profile_name']}")
+        response = await new_llm.ainvoke([test_message])
+        
+        # Check if response contains expected answer
+        if not response or not hasattr(response, 'completion'):
+            return False, f"LLM response validation failed: No completion content received"
+        
+        completion = response.completion.lower() if response.completion else ""
+        if 'paris' not in completion:
+            logger.warning(f"LLM connectivity test returned unexpected answer: {response.completion}")
+            # Still continue if we got some response, just log the warning
+        
+        logger.info(f"LLM connectivity test successful for profile: {llm_profile['profile_name']}")
+
+        # Update vibesurf agent's LLM and register with token cost service
+        if vibesurf_agent and vibesurf_agent.token_cost_service:
+            vibesurf_agent.llm = vibesurf_agent.token_cost_service.register_llm(new_llm)
+            logger.info(f"LLM updated and registered for token tracking for profile: {llm_profile['profile_name']}")
+        
+        return True, "LLM initialized and tested successfully"
+        
+    except Exception as e:
+        error_msg = f"LLM connectivity test failed: {str(e)}"
+        logger.error(error_msg)
+        return False, error_msg
 
 
 @router.post("/pause")

vibe_surf/backend/shared_state.py

@@ -33,6 +33,7 @@ browser_manager: Optional[BrowserManager] = None
 vibesurf_tools: Optional[VibeSurfTools] = None
 llm: Optional[BaseChatModel] = None
 db_manager: Optional['DatabaseManager'] = None
+current_llm_profile_name: Optional[str] = None
 
 # Environment variables
 workspace_dir: str = ""
@@ -51,7 +52,7 @@ active_task: Optional[Dict[str, Any]] = None
 
 def get_all_components():
     """Get all components as a dictionary"""
-    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager
+    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager, current_llm_profile_name
     global workspace_dir, browser_execution_path, browser_user_data, active_mcp_server, envs
 
     return {
@@ -65,13 +66,14 @@ def get_all_components():
         "browser_user_data": browser_user_data,
         "active_mcp_server": active_mcp_server,
         "active_task": active_task,
+        "current_llm_profile_name": current_llm_profile_name,
         "envs": envs
     }
 
 
 def set_components(**kwargs):
     """Update global components"""
-    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager
+    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager, current_llm_profile_name
     global workspace_dir, browser_execution_path, browser_user_data, active_mcp_server, envs
 
     if "vibesurf_agent" in kwargs:
@@ -94,6 +96,8 @@ def set_components(**kwargs):
         active_mcp_server = kwargs["active_mcp_server"]
     if "envs" in kwargs:
         envs = kwargs["envs"]
+    if "current_llm_profile_name" in kwargs:
+        envs = kwargs["current_llm_profile_name"]
 
 
 async def execute_task_background(
@@ -105,9 +109,11 @@ async def execute_task_background(
         db_session=None
 ):
     """Background task execution function for single task with LLM profile support"""
-    global vibesurf_agent, active_task
+    global vibesurf_agent, active_task, current_llm_profile_name
 
     try:
+        current_llm_profile_name = llm_profile_name
+
         # Check if MCP server configuration needs update
         await _check_and_update_mcp_servers(db_session)
 
@@ -314,7 +320,7 @@ async def _load_active_mcp_servers():
 
 async def initialize_vibesurf_components():
     """Initialize VibeSurf components from environment variables and default LLM profile"""
-    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager
+    global vibesurf_agent, browser_manager, vibesurf_tools, llm, db_manager, current_llm_profile_name
     global workspace_dir, browser_execution_path, browser_user_data, envs
     from vibe_surf import common
 
@@ -463,7 +469,7 @@ async def initialize_vibesurf_components():
 
 async def _initialize_default_llm():
     """Initialize LLM from default profile or fallback to environment variables"""
-    global db_manager
+    global db_manager, current_llm_profile_name
 
     try:
         # Try to get default LLM profile from database
@@ -482,6 +488,7 @@ async def _initialize_default_llm():
                         )
                         if profile_with_key:
                             llm_instance = create_llm_from_profile(profile_with_key)
+                            current_llm_profile_name = default_profile.profile_name
                             logger.info(f"✅ LLM initialized from default profile: {default_profile.profile_name}")
                             return llm_instance
                     break

vibe_surf/backend/utils/llm_factory.py

@@ -4,6 +4,15 @@ LLM Factory utilities for creating LLM instances from profiles
 
 from typing import Optional
 import logging
+# Import LLM classes from browser_use and vibe_surf
+from browser_use.llm import (
+    BaseChatModel,
+    ChatOpenAI, ChatAnthropic, ChatGoogle, ChatAzureOpenAI,
+    ChatGroq, ChatOllama, ChatOpenRouter, ChatDeepSeek,
+    ChatAWSBedrock, ChatAnthropicBedrock
+)
+from vibe_surf.llm import ChatOpenAICompatible
+
 from ..llm_config import get_supported_providers, is_provider_supported
 
 from vibe_surf.logger import get_logger
@@ -11,16 +20,9 @@ from vibe_surf.logger import get_logger
 logger = get_logger(__name__)
 
 
-def create_llm_from_profile(llm_profile):
+def create_llm_from_profile(llm_profile) -> BaseChatModel:
     """Create LLM instance from LLMProfile database record (dict or object)"""
     try:
-        # Import LLM classes from browser_use and vibe_surf
-        from browser_use.llm import (
-            ChatOpenAI, ChatAnthropic, ChatGoogle, ChatAzureOpenAI,
-            ChatGroq, ChatOllama, ChatOpenRouter, ChatDeepSeek,
-            ChatAWSBedrock, ChatAnthropicBedrock
-        )
-        from vibe_surf.llm import ChatOpenAICompatible
 
         # Handle both dict and object access patterns
         def get_attr(obj, key, default=None):

vibe_surf/chrome_extension/scripts/api-client.js

@@ -99,6 +99,12 @@ class VibeSurfAPIClient {
           if (error.status >= 400 && error.status < 500) {
             throw error; // Client errors shouldn't be retried
           }
+          
+          // Don't retry on LLM connection failures
+          if (error.data && error.data.error === 'llm_connection_failed') {
+            console.log('[API] LLM connection failed - skipping retry');
+            throw error;
+          }
         }
 
         // Don't retry on timeout for the last attempt

vibe_surf/chrome_extension/scripts/modal-manager.js

@@ -61,20 +61,24 @@ class VibeSurfModalManager {
 
     const modalId = this.generateModalId();
     
+    // Add warning icon to title and always show cancel for warning modals
+    const warningTitle = `⚠️ ${title}`;
+    const shouldShowCancel = showCancel || true; // Always show cancel for warning modals
+    
     const modalHTML = `
-      <div class="modal-overlay" id="${modalId}-overlay">
+      <div class="modal-overlay dynamic-modal warning-modal" id="${modalId}-overlay">
         <div class="modal warning-modal ${className}" id="${modalId}">
-          <div class="modal-header">
-            <h3>${this.escapeHtml(title)}</h3>
-            <button class="modal-close-btn" data-modal-id="${modalId}">×</button>
-          </div>
-          <div class="modal-body">
-            <div class="warning-icon">⚠️</div>
-            <p>${this.escapeHtml(message)}</p>
-          </div>
-          <div class="modal-footer">
-            ${showCancel ? `<button class="btn-secondary modal-cancel-btn" data-modal-id="${modalId}">${this.escapeHtml(cancelText)}</button>` : ''}
-            <button class="btn-primary modal-confirm-btn" data-modal-id="${modalId}">${this.escapeHtml(confirmText)}</button>
+          <div class="modal-content">
+            <div class="modal-header">
+              <h3>${this.escapeHtml(warningTitle)}</h3>
+            </div>
+            <div class="modal-body">
+              <p>${this.escapeHtml(message)}</p>
+            </div>
+            <div class="modal-footer">
+              ${shouldShowCancel ? `<button class="btn-secondary modal-cancel-btn" data-modal-id="${modalId}">${this.escapeHtml(cancelText)}</button>` : ''}
+              <button class="btn-primary modal-confirm-btn" data-modal-id="${modalId}">${this.escapeHtml(confirmText)}</button>
+            </div>
           </div>
         </div>
       </div>
@@ -121,20 +125,23 @@ class VibeSurfModalManager {
     
     const icon = iconMap[type] || iconMap.question;
     
+    // Add icon to title and remove close button
+    const iconTitle = `${icon} ${title}`;
+    
     const modalHTML = `
-      <div class="modal-overlay" id="${modalId}-overlay">
+      <div class="modal-overlay dynamic-modal" id="${modalId}-overlay">
         <div class="modal confirm-modal ${className}" id="${modalId}">
-          <div class="modal-header">
-            <h3>${this.escapeHtml(title)}</h3>
-            <button class="modal-close-btn" data-modal-id="${modalId}">×</button>
-          </div>
-          <div class="modal-body">
-            <div class="confirm-icon">${icon}</div>
-            <p>${this.escapeHtml(message)}</p>
-          </div>
-          <div class="modal-footer">
-            <button class="btn-secondary modal-cancel-btn" data-modal-id="${modalId}">${this.escapeHtml(cancelText)}</button>
-            <button class="btn-primary modal-confirm-btn" data-modal-id="${modalId}" ${type === 'danger' ? 'data-danger="true"' : ''}>${this.escapeHtml(confirmText)}</button>
+          <div class="modal-content">
+            <div class="modal-header">
+              <h3>${this.escapeHtml(iconTitle)}</h3>
+            </div>
+            <div class="modal-body">
+              <p>${this.escapeHtml(message)}</p>
+            </div>
+            <div class="modal-footer">
+              <button class="btn-secondary modal-cancel-btn" data-modal-id="${modalId}">${this.escapeHtml(cancelText)}</button>
+              <button class="btn-primary modal-confirm-btn" data-modal-id="${modalId}" ${type === 'danger' ? 'data-danger="true"' : ''}>${this.escapeHtml(confirmText)}</button>
+            </div>
           </div>
         </div>
       </div>
@@ -174,16 +181,18 @@ class VibeSurfModalManager {
     const modalId = this.generateModalId();
     
     const modalHTML = `
-      <div class="modal-overlay ${backdrop ? 'backdrop' : ''}" id="${modalId}-overlay">
+      <div class="modal-overlay dynamic-modal ${backdrop ? 'backdrop' : ''}" id="${modalId}-overlay">
         <div class="modal ${className}" id="${modalId}">
-          ${title || showCloseButton ? `
-            <div class="modal-header">
-              ${title ? `<h3>${this.escapeHtml(title)}</h3>` : ''}
-              ${showCloseButton ? `<button class="modal-close-btn" data-modal-id="${modalId}">×</button>` : ''}
+          <div class="modal-content">
+            ${title || showCloseButton ? `
+              <div class="modal-header">
+                ${title ? `<h3>${this.escapeHtml(title)}</h3>` : ''}
+                ${showCloseButton ? `<button class="modal-close-btn" data-modal-id="${modalId}">×</button>` : ''}
+              </div>
+            ` : ''}
+            <div class="modal-body">
+              ${content}
             </div>
-          ` : ''}
-          <div class="modal-body">
-            ${content}
           </div>
         </div>
       </div>

vibe_surf/chrome_extension/scripts/session-manager.js

@@ -221,6 +221,16 @@ class VibeSurfSessionManager {
 
       const response = await this.apiClient.submitTask(taskPayload);
       
+      // Check if the response indicates LLM connection failure
+      if (response && response.success === false && response.error === 'llm_connection_failed') {
+        console.log('[SessionManager] LLM connection failed, emitting taskError');
+        this.emit('taskError', {
+          error: response,
+          sessionId: this.currentSession.id
+        });
+        throw new Error(response.message || 'LLM connection failed');
+      }
+      
       // Update current session with task info
       this.currentSession.currentTask = {
         taskId: response.task_id,

vibe_surf/chrome_extension/scripts/settings-manager.js

@@ -1206,6 +1206,38 @@ class VibeSurfSettingsManager {
       this.elements.backendUrl.value = url;
     }
   }
+
+  // Navigate to specific LLM profile for editing
+  async navigateToLLMProfile(profileName) {
+    console.log('[SettingsManager] Navigating to LLM profile:', profileName);
+    
+    // First show the settings modal
+    this.showSettings();
+    
+    // Switch to LLM profiles tab
+    const llmTab = document.querySelector('.settings-tab[data-tab="llm-profiles"]');
+    if (llmTab) {
+      llmTab.click(); // This will trigger handleTabSwitch
+    }
+    
+    // Wait a moment for tab switching to complete
+    setTimeout(async () => {
+      // Find the profile in the current state
+      const profile = this.state.llmProfiles.find(p => p.profile_name === profileName);
+      
+      if (profile) {
+        // Show the edit form for this profile
+        await this.showProfileForm('llm', profile);
+        console.log('[SettingsManager] LLM profile edit form shown for:', profileName);
+      } else {
+        console.warn('[SettingsManager] Profile not found:', profileName);
+        this.emit('notification', {
+          message: `LLM profile "${profileName}" not found. Please check if it still exists.`,
+          type: 'warning'
+        });
+      }
+    }, 100);
+  }
 }
 
 // Export for use in other modules

vibe_surf/chrome_extension/scripts/ui-manager.js

@@ -359,6 +359,27 @@ class VibeSurfUIManager {
 
   handleTaskError(data) {
     console.error('[UIManager] Task error:', data.error);
+    console.log('[UIManager] Task error data structure:', JSON.stringify(data, null, 2));
+    
+    // Check if this is an LLM connection failure
+    if (data.error && typeof data.error === 'object' && data.error.error === 'llm_connection_failed') {
+      console.log('[UIManager] Detected LLM connection failure from object error');
+      // Show LLM connection failed modal instead of generic notification
+      this.showLLMConnectionFailedModal(data.error);
+      this.updateControlPanel('ready'); // Reset UI since task failed to start
+      return;
+    } else if (data.error && typeof data.error === 'string' && data.error.includes('llm_connection_failed')) {
+      console.log('[UIManager] Detected LLM connection failure from string error');
+      // Handle case where error is a string containing the error type
+      this.showLLMConnectionFailedModal({
+        message: data.error,
+        llm_profile: 'unknown'
+      });
+      this.updateControlPanel('ready'); // Reset UI since task failed to start
+      return;
+    }
+    
+    // Default error handling for other types of errors
     this.showNotification(`Task error: ${data.error}`, 'error');
     
     this.updateControlPanel('error');
@@ -718,7 +739,12 @@ class VibeSurfUIManager {
       // Clear uploaded files after successful task submission
       this.fileManager.clearUploadedFiles();
     } catch (error) {
-      this.showNotification(`Failed to submit task: ${error.message}`, 'error');
+      // Check if this is an LLM connection failure from API response
+      if (error.data && error.data.error === 'llm_connection_failed') {
+        this.showLLMConnectionFailedModal(error.data);
+      } else {
+        this.showNotification(`Failed to submit task: ${error.message}`, 'error');
+      }
     }
   }
 
@@ -1686,6 +1712,46 @@ class VibeSurfUIManager {
     this.modalManager.showWarningModal(title, message, options);
   }
 
+  showLLMConnectionFailedModal(errorData) {
+    console.log('[UIManager] showLLMConnectionFailedModal called with:', errorData);
+    
+    const llmProfile = errorData.llm_profile || 'unknown';
+    const errorMessage = errorData.message || 'Cannot connect to LLM API';
+    
+    const title = 'LLM Connection Failed';
+    const message = `${errorMessage}\n\nThe LLM profile "${llmProfile}" cannot be reached. Please check your LLM configuration and API credentials.`;
+    
+    const options = {
+      confirmText: 'Update LLM Profile',
+      cancelText: 'Cancel',
+      onConfirm: () => {
+        // Navigate to the specific LLM profile edit page
+        this.handleShowLLMProfileSettings(llmProfile);
+      }
+    };
+    
+    console.log('[UIManager] Showing LLM connection failed modal');
+    this.modalManager.showWarningModal(title, message, options);
+  }
+
+  async handleShowLLMProfileSettings(profileName) {
+    // Enhanced task running check
+    const statusCheck = await this.checkTaskStatus();
+    if (statusCheck.isRunning) {
+      const canProceed = await this.showTaskRunningWarning('access settings');
+      if (!canProceed) return;
+    }
+    
+    // Show settings and navigate to the specific LLM profile
+    this.settingsManager.showSettings();
+    
+    // Navigate to LLM profiles section and edit the specific profile
+    // We'll add a method to settings manager to handle this
+    if (this.settingsManager.navigateToLLMProfile) {
+      this.settingsManager.navigateToLLMProfile(profileName);
+    }
+  }
+
   // Loading and notifications
   showLoading(message = 'Loading...') {
     this.state.isLoading = true;

vibe_surf/chrome_extension/styles/components.css

@@ -1,6 +1,6 @@
 /* Components CSS - Modals, Forms, and Complex Components */
 
-/* Modal Styles */
+/* Modal Styles - Base modal container */
 .modal {
   position: fixed;
   top: 0;
@@ -14,6 +14,12 @@
   padding: var(--spacing-lg);
 }
 
+/* Hidden state for static modals */
+.modal.hidden {
+  display: none;
+}
+
+/* Legacy modal overlay for existing modals */
 .modal-overlay {
   position: absolute;
   top: 0;
@@ -24,6 +30,30 @@
   backdrop-filter: blur(4px);
 }
 
+/* Dynamic modal overlay for modal-manager.js */
+.modal-overlay.dynamic-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-lg);
+  background-color: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(4px);
+  opacity: 0;
+  visibility: hidden;
+  transition: all var(--transition-fast);
+}
+
+.modal-overlay.dynamic-modal.show {
+  opacity: 1;
+  visibility: visible;
+}
+
 .modal-content {
   position: relative;
   width: 100%;
@@ -37,6 +67,40 @@
   overflow: hidden;
 }
 
+/* Modal Body - for dynamic modals from modal-manager.js */
+.modal-body {
+  flex: 1;
+  padding: var(--spacing-lg) var(--spacing-xl);
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: var(--spacing-md);
+}
+
+.modal-body .warning-icon {
+  font-size: 2rem;
+  margin-bottom: var(--spacing-sm);
+}
+
+.modal-body p {
+  font-size: var(--font-size-sm);
+  color: var(--text-primary);
+  line-height: 1.6;
+  margin: 0;
+}
+
+/* Modal Footer - for dynamic modals from modal-manager.js */
+.modal-footer {
+  display: flex;
+  gap: var(--spacing-sm);
+  justify-content: center;
+  padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);
+  border-top: 1px solid var(--border-color);
+  background-color: var(--bg-secondary);
+}
+
 .modal-header {
   display: flex;
   align-items: center;
@@ -70,6 +134,28 @@
   color: var(--text-primary);
 }
 
+/* Modal Close Button - alternative class for dynamic modals */
+.modal-close-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: none;
+  border-radius: var(--radius-md);
+  background-color: transparent;
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  font-size: 18px;
+  line-height: 1;
+}
+
+.modal-close-btn:hover {
+  background-color: var(--bg-hover);
+  color: var(--text-primary);
+}
+
 /* History Modal */
 .history-list {
   flex: 1;
@@ -505,6 +591,47 @@
   color: var(--text-secondary);
 }
 
+/* Button Styles for Dynamic Modals */
+.btn-primary, .btn-secondary {
+  padding: 12px 24px;
+  border: none;
+  border-radius: var(--radius-md);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  min-width: 100px;
+}
+
+.btn-primary {
+  background-color: var(--primary-color);
+  color: white;
+}
+
+.btn-primary:hover {
+  background-color: var(--primary-hover);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 16px rgba(0, 122, 204, 0.3);
+}
+
+.btn-secondary {
+  background-color: var(--bg-primary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-color);
+}
+
+.btn-secondary:hover {
+  background-color: var(--bg-hover);
+  border-color: var(--border-hover);
+}
+
+.btn-primary:disabled, .btn-secondary:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none !important;
+  box-shadow: none !important;
+}
+
 /* Tooltip */
 .tooltip {
   position: relative;
@@ -578,22 +705,53 @@
   max-width: 300px;
 }
 
-/* Warning Modal */
-.warning-modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  backdrop-filter: blur(6px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2100;
-  padding: var(--spacing-lg);
+/* Dynamic Modal Styles for modal-manager.js */
+.modal-overlay.dynamic-modal .modal.warning-modal .modal-content {
+  border: 2px solid var(--warning-color);
+  animation: modalSlideIn 0.3s ease-out;
+}
+
+.modal-overlay.dynamic-modal .modal.warning-modal .modal-header {
+  background-color: rgba(255, 193, 7, 0.1);
+  border-bottom: 1px solid rgba(255, 193, 7, 0.2);
+}
+
+.modal-overlay.dynamic-modal .modal.warning-modal .modal-header h3 {
+  color: var(--warning-color);
+}
+
+.modal-overlay.dynamic-modal .modal.warning-modal .warning-icon {
+  color: var(--warning-color);
+  filter: drop-shadow(0 2px 4px rgba(255, 193, 7, 0.3));
+}
+
+/* Confirm Modal enhancements */
+.modal-overlay.dynamic-modal .modal.confirm-modal .modal-content {
+  animation: modalSlideIn 0.3s ease-out;
+}
+
+/* Modal Animation */
+@keyframes modalSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+/* Z-index management for different modal types */
+.modal-overlay.dynamic-modal {
+  z-index: 10000; /* Higher than static modals */
+}
+
+.modal-overlay.dynamic-modal.warning-modal {
+  z-index: 15000; /* Highest priority for warning modals */
 }
 
+/* Legacy warning modal classes - keeping for backward compatibility but not used by modal-manager.js */
 .warning-content {
   background-color: var(--bg-primary);
   border-radius: var(--radius-xl);
@@ -614,11 +772,6 @@
   border-bottom: 1px solid rgba(255, 193, 7, 0.2);
 }
 
-.warning-icon {
-  font-size: 1.5rem;
-  color: var(--warning-color);
-}
-
 .warning-header h3 {
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);

vibe_surf/chrome_extension/styles/input.css

@@ -256,101 +256,7 @@ select.task-running-disabled {
   font-size: 14px;
 }
 
-/* Enhanced warning modal styles */
-.modal-overlay.warning-modal {
-  z-index: 15000;
-}
-
-.warning-modal .modal-content {
-  max-width: 500px;
-  background: white;
-  border-radius: 12px;
-  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
-}
-
-.warning-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 20px 20px 0;
-  border-bottom: 1px solid #eee;
-  margin-bottom: 16px;
-}
-
-.warning-icon {
-  font-size: 24px;
-}
-
-.warning-header h3 {
-  margin: 0;
-  color: #dc3545;
-  font-size: 18px;
-}
-
-.warning-body {
-  padding: 0 20px 16px;
-}
-
-.warning-body p {
-  margin: 0 0 12px;
-  color: #666;
-  line-height: 1.5;
-}
-
-.warning-details {
-  background: #f8f9fa;
-  border: 1px solid #e9ecef;
-  border-radius: 4px;
-  padding: 12px;
-  font-family: monospace;
-  font-size: 12px;
-  color: #495057;
-  white-space: pre-wrap;
-  margin: 0;
-}
-
-.warning-actions {
-  display: flex;
-  gap: 8px;
-  padding: 16px 20px 20px;
-  justify-content: flex-end;
-}
-
-.warning-actions .btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 6px;
-  font-size: 14px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.warning-actions .btn-danger {
-  background: #dc3545;
-  color: white;
-}
-
-.warning-actions .btn-danger:hover {
-  background: #c82333;
-}
-
-.warning-actions .btn-secondary {
-  background: #6c757d;
-  color: white;
-}
-
-.warning-actions .btn-secondary:hover {
-  background: #545b62;
-}
-
-.warning-actions .btn-primary {
-  background: #007bff;
-  color: white;
-}
-
-.warning-actions .btn-primary:hover {
-  background: #0056b3;
-}
+/* Warning modal styles removed - consolidated in components.css to avoid conflicts */
 
 /* File Upload Styles */
 .uploaded-files-container {

{vibesurf-0.1.12.dist-info → vibesurf-0.1.13.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: vibesurf
-Version: 0.1.12
+Version: 0.1.13
 Summary: VibeSurf: A powerful browser assistant for vibe surfing
 Author: Shao Warm
 License: Apache-2.0

{vibesurf-0.1.12.dist-info → vibesurf-0.1.13.dist-info}/RECORD

@@ -1,5 +1,5 @@
 vibe_surf/__init__.py,sha256=WtduuMFGauMD_9dpk4fnRnLTAP6ka9Lfu0feAFNzLfo,339
-vibe_surf/_version.py,sha256=cEPXLUpTV7EzqolnyXW8nf8Hr6IVyBji9CzB6Cq_Ar0,706
+vibe_surf/_version.py,sha256=Xz5RLbyPcCHHXte393JYfUy4Dt7uaeWyrGVw9SmJ0eg,706
 vibe_surf/cli.py,sha256=pbep2dBeQqralZ8AggkH4h2nayBarbdN8lhZxo35gNU,16689
 vibe_surf/common.py,sha256=_WWMxen5wFwzUjEShn3yDVC1OBFUiJ6Vccadi6tuG6w,1215
 vibe_surf/logger.py,sha256=k53MFA96QX6t9OfcOf1Zws8PP0OOqjVJfhUD3Do9lKw,3043
@@ -14,14 +14,14 @@ vibe_surf/agents/prompts/vibe_surf_prompt.py,sha256=8bC7IJNbK7_jLbxjVsta3urZIi-F
 vibe_surf/backend/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 vibe_surf/backend/llm_config.py,sha256=9V8Gg065TQALbOKQnOqFWd8RzOJjegOD8w6YOf90Q7Y,5036
 vibe_surf/backend/main.py,sha256=nZDs_FkYU7NdqSm1O4OwHJslYIJZL1Gr3CEKa8ByaEY,7178
-vibe_surf/backend/shared_state.py,sha256=cVZepa1A0vo4tzNJM_-8y2F4DkRTx6Qo7ZrKW6d7aVg,22860
+vibe_surf/backend/shared_state.py,sha256=yEBWj6YI6WjVF2nuJ_nujo8yqHw2j8xikmxr0G8fnbs,23331
 vibe_surf/backend/api/__init__.py,sha256=XxF1jUOORpLYCfFuPrrnUGRnOrr6ClH0_MNPU-4RnSs,68
 vibe_surf/backend/api/activity.py,sha256=_cnHusqolt5Hf3KdAf6FK-3sBc-TSaadmb5dJxGI57A,9398
 vibe_surf/backend/api/browser.py,sha256=NXedyZG3NIVRIx5O7d9mHwVWX-Q4_KsX5mSgfKt8UEA,2122
 vibe_surf/backend/api/config.py,sha256=EwzxYvC6HlaVo2OFWjtBmBMjX4eW2q8hp7l2LO2GZV0,27124
 vibe_surf/backend/api/files.py,sha256=kJMG9MWECKXwGh64Q6xvAzNjeZGcLhIEnn65HiMZHKE,11762
 vibe_surf/backend/api/models.py,sha256=iyMBdpDkOfwx0h2yRkjmYjRdFyDErhO8XZcWTurdcmU,10347
-vibe_surf/backend/api/task.py,sha256=pe4CHxM7Xc7lzvbslRxxSF-TKRiFj3A6RXCjHpP8f_o,12343
+vibe_surf/backend/api/task.py,sha256=xxZC-SoRBwzoAMpCDZc7YAxBlehkGC7_s8bMsfA0cs0,14058
 vibe_surf/backend/database/__init__.py,sha256=XhmcscnhgMhUyXML7m4SnuQIqkFpyY_zJ0D3yYa2RqQ,239
 vibe_surf/backend/database/manager.py,sha256=aC8XQc68qDsaryrux7VfCEl2hnEZL5kfnEkXWXPg2ig,4427
 vibe_surf/backend/database/models.py,sha256=mePuHsaSqJKA4TthvXbup_Ioann2_chxywiLKqAWyh4,7009
@@ -32,7 +32,7 @@ vibe_surf/backend/migrations/init_db.py,sha256=pY2Yq7K1vPxqT8r3jlAQcYEQWK-GGbb0F
 vibe_surf/backend/migrations/seed_data.py,sha256=L6Ll-u8P4cICAUlD5y9urQPSUld6M67erSBCEIdw8Uc,8239
 vibe_surf/backend/utils/__init__.py,sha256=V8leMFp7apAglUAoCHPZrNNcRHthSLYIudIJE5qwjb0,184
 vibe_surf/backend/utils/encryption.py,sha256=CjLNh_n0Luhfa-6BB-icfzkiiDqj5b4Gu6MADU3p2eM,3754
-vibe_surf/backend/utils/llm_factory.py,sha256=g1G_fkIBdDqZypTGuYGgnU5CCudpVE505n4AUdlSE5Q,8991
+vibe_surf/backend/utils/llm_factory.py,sha256=mNy8o3sw7vYJ8gwiTsrgXbG7Ri_B11ylE4KGcfHULp8,8972
 vibe_surf/browser/__init__.py,sha256=_UToO2fZfSCrfjOcxhn4Qq7ZLbYeyPuUUEmqIva-Yv8,325
 vibe_surf/browser/agen_browser_profile.py,sha256=4H4qDjqLqHAfMi3niBI9fd0S1GlVDWYDUUOrEQoNkl8,5677
 vibe_surf/browser/agent_browser_session.py,sha256=rptz2MdXspS44zC21nJaLOmp5aEWsvBfvzpDk5Jr-mA,33884
@@ -52,21 +52,21 @@ vibe_surf/chrome_extension/icons/convert-svg.js,sha256=j137nZA7MJK35NtrwWff8yb3U
 vibe_surf/chrome_extension/icons/logo-preview.html,sha256=hrgU45uziKHKIb8be9P4ZrZJyGggWnm2M5oEu89V5sM,6962
 vibe_surf/chrome_extension/icons/logo.icns,sha256=ZzY1eIKF4dNhNW4CeE1UBQloxNVC7bQx3qcClo3CnMQ,1569615
 vibe_surf/chrome_extension/icons/logo.png,sha256=PLmv1E6sCGXUE5ZDxr-pFPQd9Gvaw_f1TnYmF8VIssU,566385
-vibe_surf/chrome_extension/scripts/api-client.js,sha256=EMxNiuyw76UZ6K7-qOP2qpZDmZGvvZ8xPFy5pwIPu0w,13595
+vibe_surf/chrome_extension/scripts/api-client.js,sha256=YUnMZOKUcJaGFl8wCpGxgCSvBKqbwCtYbQLbI32otrY,13844
 vibe_surf/chrome_extension/scripts/file-manager.js,sha256=WcEaeoECq84jXqEo3Q2ywmqppwSUVm-0dtrbTYXL07g,15809
 vibe_surf/chrome_extension/scripts/history-manager.js,sha256=J_EiBKrRp2cTxuy0Sq5oCju5YuX0_2pGG6NWrJSjC24,22218
 vibe_surf/chrome_extension/scripts/main.js,sha256=WhmCGktQoSl7aaMl8a9ysJJiysAjf12bWGypMucCSVg,16913
 vibe_surf/chrome_extension/scripts/markdown-it.min.js,sha256=gZ3xe0BdCJplNiHWTKrm6AGZydPy34jJKZqFIf-7hIw,102948
-vibe_surf/chrome_extension/scripts/modal-manager.js,sha256=VjkbTfknzwoUHFoSiLj19J18eTZ6u78I0ujuOIDAKhU,13850
-vibe_surf/chrome_extension/scripts/session-manager.js,sha256=LGSiUHSeMgJwIWluk4TuoomSi_z6m_qDc08Vbg6SOWw,20680
-vibe_surf/chrome_extension/scripts/settings-manager.js,sha256=FE5rMm3HTY1M7dzyQ2jnmCRmff1PDtqy6GNDV3tJOVk,47435
-vibe_surf/chrome_extension/scripts/ui-manager.js,sha256=K5jLaCc1KpX1R74a_PVOemEn6008amChHgbQMjsLi9s,78695
+vibe_surf/chrome_extension/scripts/modal-manager.js,sha256=9ekFaTmy8sk94KK9HZJ7739ObsZ6ssllmRLP9rQxUKU,14187
+vibe_surf/chrome_extension/scripts/session-manager.js,sha256=sXh4j4dv3eKOGYeov8iUPt-DX5jKQLhcASDXRX9qW5Y,21126
+vibe_surf/chrome_extension/scripts/settings-manager.js,sha256=rgstYooxZtV9QjqP8KRRQclHbeiZJozZZfv80A6M_P4,48601
+vibe_surf/chrome_extension/scripts/ui-manager.js,sha256=_qMrS_3_jZn7lDlXkTlF4CwOZxdg3B3Enww95PaGsHA,81526
 vibe_surf/chrome_extension/styles/activity.css,sha256=aEFa_abskrDQvwsesPVOyJW3rUQUEBQpMKPHhY94CoA,19601
 vibe_surf/chrome_extension/styles/animations.css,sha256=TLAet_xXBxCA-H36BWP4xBGBIVjbDdAj7Q6OPxPsbE8,7891
 vibe_surf/chrome_extension/styles/base.css,sha256=d8nt7Wej1r57G6pnBIGKEVkepFxlq8Ets0isngCf5w8,1296
-vibe_surf/chrome_extension/styles/components.css,sha256=7K6khbJcONVAArfeS4qmPBUJxvGGs20-eEw62bD_7VI,14741
+vibe_surf/chrome_extension/styles/components.css,sha256=cbpYgT1ujG11axRa9xnHizgm4wfrpSzq_nkUOdfNZ0A,18495
 vibe_surf/chrome_extension/styles/history-modal.css,sha256=xCg0EPz1N4kg47jnz9q9E1M4zGag8lJMt_msAOkZi3M,16583
-vibe_surf/chrome_extension/styles/input.css,sha256=ZEApufxeDOdeB5MowC3QQccrj_sKoj0-vxlgcf7rmWM,11986
+vibe_surf/chrome_extension/styles/input.css,sha256=Sn2QulNV4jS2NJRByp7RVyZtCJbexw48AjLxgpB-XRw,10566
 vibe_surf/chrome_extension/styles/layout.css,sha256=ggh-lWpP6sHubFkshf9dcmA52LiXw7VJmQXcM5_EGcY,3528
 vibe_surf/chrome_extension/styles/responsive.css,sha256=a_SFX-PeOcenG4xMeoru5XFnnXdf0YhEyRzvTVVZHdI,8529
 vibe_surf/chrome_extension/styles/settings-environment.css,sha256=OzgezmfZZ_yD60Jy9Uiq83mDmMCfk2dPPcZISb9Eqd4,3390
@@ -85,9 +85,9 @@ vibe_surf/tools/mcp_client.py,sha256=OeCoTgyx4MoY7JxXndK6pGHIoyFOhf5r7XCbx25y1Ec
 vibe_surf/tools/report_writer_tools.py,sha256=sUqUFr-_Rs8RJ0Bs77Hrp07kNwRIvHv7ErzSPYSlbTg,705
 vibe_surf/tools/vibesurf_tools.py,sha256=uSsymefr-SrVAuDtvNGsB0Am4QeTuHuL-4KJABQW8dg,29880
 vibe_surf/tools/views.py,sha256=KwzzXXZJqyW1oyszA0Z4buDDqAm-6PXsCAB0nB7z_sQ,4218
-vibesurf-0.1.12.dist-info/licenses/LICENSE,sha256=czn6QYya0-jhLnStD9JqnMS-hwP5wRByipkrGTvoXLI,11355
-vibesurf-0.1.12.dist-info/METADATA,sha256=iF0JzXx8sKE_IC17rHVxvlM2jAPs04MIZk-QPifmjLI,5313
-vibesurf-0.1.12.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-vibesurf-0.1.12.dist-info/entry_points.txt,sha256=UxqpvMocL-PR33S6vLF2OmXn-kVzM-DneMeZeHcPMM8,48
-vibesurf-0.1.12.dist-info/top_level.txt,sha256=VPZGHqSb6EEqcJ4ZX6bHIuWfon5f6HXl3c7BYpbRqnY,10
-vibesurf-0.1.12.dist-info/RECORD,,
+vibesurf-0.1.13.dist-info/licenses/LICENSE,sha256=czn6QYya0-jhLnStD9JqnMS-hwP5wRByipkrGTvoXLI,11355
+vibesurf-0.1.13.dist-info/METADATA,sha256=PzpfRoPGUlDTpJI898y49j8lsx-ibdQNmD32H8W_dhU,5313
+vibesurf-0.1.13.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+vibesurf-0.1.13.dist-info/entry_points.txt,sha256=UxqpvMocL-PR33S6vLF2OmXn-kVzM-DneMeZeHcPMM8,48
+vibesurf-0.1.13.dist-info/top_level.txt,sha256=VPZGHqSb6EEqcJ4ZX6bHIuWfon5f6HXl3c7BYpbRqnY,10
+vibesurf-0.1.13.dist-info/RECORD,,