Core Functions

The Stavily Web UI provides comprehensive functionality across four main areas: Dashboard & Navigation, Workflow Management, Agent Fleet Management, and System Administration. Each function is designed to simplify complex automation tasks while maintaining powerful capabilities.

Function Categories

• Dashboard & Navigation: Central hub with real-time metrics and quick access
• Workflow Management: Complete workflow lifecycle from creation to monitoring
• Agent Fleet Management: Comprehensive agent oversight and configuration
• System Administration: Platform-wide settings and user management

Dashboard & Navigation

Main Dashboard

The central hub provides real-time system overview with key metrics and quick access to features.

System Metrics

Active workflows, agent status, recent executions, and system health indicators.

Quick Actions

Fast access to most-used features like creating workflows or managing agents.

Real-time Updates

Live data updates without page refresh for immediate system visibility.

Responsive Navigation

Touch-friendly interface that adapts to any device size.

1. Desktop Experience: Full sidebar navigation with collapsible panels for comprehensive access to all features.
2. Tablet Mode: Optimized touch targets and simplified layouts for comfortable tablet interaction.
3. Mobile Interface: Hamburger menu with bottom navigation for key functions, ensuring mobile usability.
4. Accessibility: Keyboard navigation and screen reader support for inclusive user experiences.

Workflow Management

Workflow Creation & Editing

YAML Editor

Advanced editor with syntax highlighting, auto-completion, and real-time validation. Ideal for power users who want full control over workflow definitions.

Visual Builder

Drag-and-drop interface for connecting triggers, actions, and outputs visually. Great for users who think in terms of flowcharts and visual representations.

Execution Monitoring

Real-time workflow execution tracking with comprehensive monitoring capabilities.

flowchart TD
    A[Workflow Triggered] --> B[Execution Started]
    B --> C[Step 1: Action Execution]
    C --> D[Real-time Logs]
    D --> E[Metrics Collection]
    E --> F[Status Updates]
    F --> G{Execution Complete?}
    G -->|No| C
    G -->|Yes| H[Final Results]

Agent Fleet Management

Agent Overview & Status

Comprehensive visibility into the entire agent fleet with health monitoring.

Agent List

Complete agent inventory with status, location, and capabilities.

Health Monitoring

Real-time health checks and resource usage tracking.

Grouping & Filtering

Organize agents by environment, role, or custom criteria.

Configuration Management

Centralized agent configuration with templates and bulk operations.

1. Template Selection: Choose from pre-built configuration templates
2. Bulk Updates: Apply changes across multiple agents simultaneously
3. Validation: Real-time validation before deployment
4. Rollback: Easy reversion to previous configurations

System Administration

User & Organization Management

Complete user lifecycle management with security controls.

User Management

• User invitation and onboarding workflows
• Role-based permission assignment
• Profile management and preferences

Organization Settings

• Organization-wide policies and settings
• Team management and hierarchies
• Audit trails for administrative actions

System Settings & Configuration

Platform-wide configuration management for optimal operation.

mindmap
  root((System Settings))
    Global
      Performance Tuning
      Security Policies
      Integration Config
    Maintenance
      Backup Scheduling
      Update Management
      Monitoring Setup
    Compliance
      Audit Settings
      Data Retention
      Access Controls

Integration Capabilities

API Integration

Seamless integration with external systems and services.

flowchart LR
    A[Web UI] --> B[Orchestrator API]
    B --> C[Agent Communication]
    B --> D[External Services]
    B --> E[Plugin Marketplace]
    B --> F[Authentication Providers]

Plugin Management

Direct integration with the plugin ecosystem for extended functionality.

Plugin Discovery

Browse and install plugins from the marketplace.

Version Management

Manage plugin versions and dependencies.

Configuration

Configure plugins through the UI interface.