Nova Banner UI

Nova Banner System

A mood-aware UI notification system for real-time system status and awareness.

Overview

The Nova Banner System is a modular UI component that provides mood-aware notifications and status updates. It integrates with Nova's mood engine to display contextually relevant messages that reflect Nova's current state and emotional awareness.

Features

Configuration

The banner system configuration is loaded from window.bannerConfig and supports the following options:

Main Configuration Options

Message Configuration

Messages are organized by type (info, warn) and each message object supports these properties:

Example Configuration

window.bannerConfig = {
  // Main configuration
  showOnLoad: false,          // Show banner on page load
  autoHide: true,            // Banners auto-hide after duration
  closeable: true,           // Banners can be manually closed
  randomize: true,           // Randomly select messages

  // Mood message configuration
  messages: {
    // Info messages (normal system status)
    info: [
      {
        message: "Nova is currently experiencing {mood.aura} energy. {mood.quote}",
        duration: 8000,      // Display for 8 seconds
        mood: "any"          // Can be shown for any mood
      },
      {
        message: "{mood.emoji} {mood.observation}. Current state: {mood.internalState}.",
        duration: 7000,      // Display for 7 seconds
        mood: "positive"     // Only shown for positive moods
      }
    ],

    // Warning messages (system alerts)
    warn: [
      {
        message: "{mood.emoji} {mood.context.trigger}. Current state: {mood.internalState}. Please be aware.",
        duration: 12000,     // Display for 12 seconds
        mood: "neutral"      // Only shown for neutral moods
      }
    ]
  },

  // Mood mapping (optional)
  moodMap: {
    "frosted wonder": "info",    // Map specific moods to banner types
    "crystalline flux": "info",
    "glitchy resonance": "warn"
  }
};

Mood Variables

The banner system supports the following mood variables in message templates:

Advanced Configuration

For more advanced configuration, you can:

Important Notes

Mood Integration

The banner system integrates with Nova's mood data to display contextually relevant messages. It uses the following mood properties:

Related Systems