Notification Tray Status

class NotificationTrayManager {
  constructor() {
    this.unsubscribe = null;
  }
  
  async initialize() {
    // 1. Get current status on app launch
    await this.subscribeToStatus();
    
    // 2. Setup app lifecycle listeners
    this.setupAppStateListeners();
  }
  
  async subscribeToStatus() {
    this.unsubscribe = await getNotificationTraySeen(
      ({ data: status, loading, error }) => {
        if (!loading && status) {
          this.updateUI(status);
        }
      }
    );
  }
  
  async openNotificationTray() {
    // 3. Mark as seen when tray is opened
    await this.markAsSeen();
  }
  
  async markAsSeen() {
    try {
      const timestamp = new Date().toISOString();
      await markTraySeen(timestamp);
      
      // UI updates automatically via LiveObject
    } catch (error) {
      console.error('Failed to mark as seen:', error);
    }
  }
  
  updateUI(status) {
    // Update badge visibility
    const showBadge = !status.isSeen;
    this.updateBadgeVisibility(showBadge);
    
    // Update last activity display
    this.updateLastActivity(status);
  }
  
  cleanup() {
    if (this.unsubscribe) {
      this.unsubscribe();
    }
  }
}

class AppStateManager {
  constructor(trayManager) {
    this.trayManager = trayManager;
    this.setupListeners();
  }
  
  setupListeners() {
    // React Native
    AppState.addEventListener('change', this.handleAppStateChange);
    
    // Web
    document.addEventListener('visibilitychange', this.handleVisibilityChange);
  }
  
  handleAppStateChange = (nextAppState) => {
    if (nextAppState === 'active') {
      // App became active - refresh status
      this.trayManager.refreshStatus();
    }
  };
  
  handleVisibilityChange = () => {
    if (!document.hidden) {
      // Page became visible - refresh status
      this.trayManager.refreshStatus();
    }
  };
}

class TrayStatusManager {
  async safeMarkAsSeen(retryCount = 0) {
    const maxRetries = 3;
    
    try {
      const timestamp = new Date().toISOString();
      await markTraySeen(timestamp);
      
      // Success - update UI
      this.updateBadgeVisibility(false);
      
    } catch (error) {
      console.error('Failed to mark tray as seen:', error);
      
      if (retryCount < maxRetries) {
        // Retry with exponential backoff
        const delay = Math.pow(2, retryCount) * 1000;
        setTimeout(() => {
          this.safeMarkAsSeen(retryCount + 1);
        }, delay);
      } else {
        // Max retries reached - handle gracefully
        this.handleMarkSeenFailure();
      }
    }
  }
  
  handleMarkSeenFailure() {
    // Update UI optimistically
    this.updateBadgeVisibility(false);
    
    // Show user feedback
    this.showErrorMessage('Failed to update notification status');
    
    // Schedule retry for later
    setTimeout(() => this.safeMarkAsSeen(), 30000);
  }
}