Page cover

Dashboard

Dashboard Page Documentation

Overview

The Dashboard serves as the central command center for the JuliaOS platform, providing users with a comprehensive overview of their AI agents, swarms, and system performance through a highly customizable widget-based interface.

Purpose

The Dashboard is designed to give users immediate visibility into:

  • System performance and metrics

  • Active AI agents and swarms status

  • Blockchain and Web3 analytics

  • Market data and token balances

  • Real-time notifications and alerts

  • Quick access to critical actions

Key Features

🎛️ Customizable Widget System

The Dashboard features a drag-and-drop widget system that allows users to personalize their workspace:

  • Drag & Drop Arrangement: Reorganize widgets by simply dragging them to new positions

  • Persistent Layout: Your custom arrangement is automatically saved and restored between sessions

  • Widget Management: Add or remove widgets based on your specific needs

  • Reset Functionality: Quickly restore the default layout with one click

📊 Available Widgets

Financial & Market Widgets

  • Market Prices: Real-time cryptocurrency prices from CoinGecko

  • Token Balances: Multi-blockchain wallet balance tracking via Ankr API

  • Performance Charts: Revenue, transaction, and session analytics with customizable timeframes

AI & Operations Widgets

  • Active Agents: Overview of all running AI agents with status indicators

  • Swarm Status: Monitor agent swarm health and performance

  • AI Metrics: Track AI model performance and task completion rates

  • Resource Utilization: Monitor CPU, memory, and storage usage

System & Network Widgets

  • Network Health: Overall system and blockchain network status

  • Web3 Analytics: Gas fees, network congestion, and transaction metrics

  • Notifications: Recent alerts, system messages, and important updates

Control Widgets

  • Agents Controller: Start, stop, and manage individual agents

  • Swarms Controller: Control swarm orchestration and coordination

  • Quick Actions: Bulk operations and emergency controls

How to Use

Getting Started

  1. Initial Setup: When you first access the Dashboard, you'll see the default widget layout optimized for most users

  2. Navigation: Access the Dashboard from the main navigation menu (first icon in the sidebar)

Customizing Your Dashboard

Adding Widgets

  1. Click the "Add Widget" button in the top-right corner

  2. Browse the available widget types in the dropdown menu

  3. Click on any widget to add it to your dashboard

  4. The new widget will appear at the bottom of your current layout

Rearranging Widgets

  1. Hover over any widget to see the drag handle

  2. Click and drag the widget to your desired position

  3. Other widgets will automatically adjust to make space

  4. Release to place the widget in its new position

  5. Your layout is automatically saved

Removing Widgets

  1. Hover over the widget you want to remove

  2. Click the "X" button (usually in the top-right corner of the widget)

  3. Confirm the removal if prompted

  4. The widget will be removed and other widgets will reposition automatically

Configuring Widgets

Some widgets offer additional configuration options:

  1. Click the settings/edit icon on configurable widgets

  2. Modify settings such as:

    • Blockchain networks for balance widgets

    • Time ranges for performance charts

    • Display preferences for controller widgets

  3. Save your changes to apply the new configuration

Managing Your Layout

Resetting to Default

  1. Click the "Reset Layout" button in the top-right corner

  2. Confirm the action when prompted

  3. Your dashboard will return to the default widget arrangement

Layout Persistence

  • Your custom layout is automatically saved to your browser's local storage

  • Settings persist between sessions and browser restarts

  • Each user's layout is independent and private

Widget Interactions

Real-time Updates

  • Most widgets update automatically in real-time

  • Data refresh intervals vary by widget type (typically 30 seconds to 2 minutes)

  • Manual refresh options are available on individual widgets

Quick Actions

  • Many widgets include interactive elements for quick actions

  • Agent Controller: Start/stop agents directly from the widget

  • Swarm Controller: Manage swarm operations without leaving the dashboard

  • Quick Actions: Perform bulk operations across multiple assets

Detailed Views

  • Click on widget titles or data points to access more detailed views

  • Links to dedicated pages (Agents, Swarms, etc.) for comprehensive management

  • Modal dialogs for quick configuration changes

Best Practices

Optimal Layout Strategies

  1. Prioritize by Usage: Place frequently monitored widgets in the top-left area

  2. Group Related Widgets: Keep financial widgets together, operational widgets together

  3. Balance Information Density: Mix detailed charts with summary cards for optimal overview

Performance Considerations

  1. Limit Active Widgets: Too many widgets can impact page performance

  2. Monitor Data Usage: Real-time widgets consume bandwidth continuously

  3. Regular Cleanup: Remove unused widgets to maintain dashboard efficiency

Workflow Integration

  1. Morning Routine: Check system status, agent performance, and notifications

  2. Active Monitoring: Use controller widgets for real-time management

  3. End-of-Day Review: Analyze performance charts and system metrics

Troubleshooting

Common Issues

Widgets Not Loading

  • Check your internet connection

  • Refresh the page

  • Verify API service status

Layout Not Saving

  • Ensure browser local storage is enabled

  • Clear browser cache if issues persist

  • Check for browser privacy settings that might block storage

Drag & Drop Not Working

  • Ensure you're clicking on the widget background, not interactive elements

  • Try refreshing the page

  • Check for browser compatibility issues

Getting Help

If you encounter issues with the Dashboard:

  1. Check the notifications widget for system status updates

  2. Refer to the Settings page for additional configuration options

  3. Contact support/ team on Telegram

Last updated