Back to page

Dashboard Overview

Raw Markdown & AI/RAG Chunks
Raw Markdown Source 2130 chars
# Dashboard Overview

Welcome to the **Webaltica Portal**! The primary dashboard provides non-technical users with an immediate snapshot of their active telecommunication resources, real-time balances, and quick links to setup tools.

---

## Navigation Interface Map

The diagram below traces out the primary layout controls accessible from your portal view:

```mermaid
graph TD
    %% Main Header
    subgraph HeaderBar["Top Global Header"]
        StatusWallet["Account Wallet Indicator<br/>(Displays Current USD Balance)"]
        ThemeToggle["Visual Mode Switch<br/>(Toggles Light / Dark UI themes)"]
    end

    %% Sidebar Links
    subgraph SidebarMenu["Left Navigation Menu"]
        MenuStart["Getting Started<br/>(Portal Setup Guides)"]
        MenuNumbers["Phone Numbers<br/>(Buy & Route DIDs)"]
        MenuStudio["AppFlow Studio<br/>(Visual Workspace Canvas)"]
        MenuLogs["Call Analytics<br/>(History & Live Activity)"]
    end

    %% Main Workspace
    subgraph CenterCanvas["Active Application Workspace"]
        CardQuick["Quick Action Cards<br/>(Launch Setup Wizards instantly)"]
    end

    %% Flows
    HeaderBar --> CenterCanvas
    SidebarMenu ==>|"Click Target Category"| CenterCanvas

    %% Custom High-Contrast Themes
    classDef headToken fill:#0f172a,stroke:#38bdf8,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef sideToken fill:#312e81,stroke:#ec4899,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef workToken fill:#1e293b,stroke:#a855f7,stroke-width:2px,color:#fff,rx:6px,ry:6px;

    class HeaderBar,StatusWallet,ThemeToggle headToken;
    class SidebarMenu,MenuStart,MenuNumbers,MenuStudio,MenuLogs sideToken;
    class CenterCanvas,CardQuick workToken;
```

---

## Interface Feature Walkthrough

### 1. Persistent Sidebar Controls
The left-hand menu column stays visible across all portal views. Click any category label to switch workspace tasks seamlessly without reloading your browser tab.

### 2. Live Wallet Tracking
The top header banner updates your remaining communication credits instantly after every completed phone call or active subscription renewal cycle.
AI Chunks (RAG) 3 chunks
Chunk #1 Dashboard Overview
# Dashboard Overview

Welcome to the **Webaltica Portal**! The primary dashboard provides non-technical users with an immediate snapshot of their active telecommunication resources, real-time balances, and quick links to setup tools.

---
Chunk #2 Navigation Interface Map
## Navigation Interface Map

The diagram below traces out the primary layout controls accessible from your portal view:

```mermaid
graph TD
    %% Main Header
    subgraph HeaderBar["Top Global Header"]
        StatusWallet["Account Wallet Indicator<br/>(Displays Current USD Balance)"]
        ThemeToggle["Visual Mode Switch<br/>(Toggles Light / Dark UI themes)"]
    end

    %% Sidebar Links
    subgraph SidebarMenu["Left Navigation Menu"]
        MenuStart["Getting Started<br/>(Portal Setup Guides)"]
        MenuNumbers["Phone Numbers<br/>(Buy & Route DIDs)"]
        MenuStudio["AppFlow Studio<br/>(Visual Workspace Canvas)"]
        MenuLogs["Call Analytics<br/>(History & Live Activity)"]
    end

    %% Main Workspace
    subgraph CenterCanvas["Active Application Workspace"]
        CardQuick["Quick Action Cards<br/>(Launch Setup Wizards instantly)"]
    end

    %% Flows
    HeaderBar --> CenterCanvas
    SidebarMenu ==>|"Click Target Category"| CenterCanvas

    %% Custom High-Contrast Themes
    classDef headToken fill:#0f172a,stroke:#38bdf8,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef sideToken fill:#312e81,stroke:#ec4899,stroke-width:2px,color:#fff,rx:6px,ry:6px;
    classDef workToken fill:#1e293b,stroke:#a855f7,stroke-width:2px,color:#fff,rx:6px,ry:6px;

    class HeaderBar,StatusWallet,ThemeToggle headToken;
    class SidebarMenu,MenuStart,MenuNumbers,MenuStudio,MenuLogs sideToken;
    class CenterCanvas,CardQuick workToken;
```

---
Chunk #3 Interface Feature Walkthrough
## Interface Feature Walkthrough

### 1. Persistent Sidebar Controls
The left-hand menu column stays visible across all portal views. Click any category label to switch workspace tasks seamlessly without reloading your browser tab.

### 2. Live Wallet Tracking
The top header banner updates your remaining communication credits instantly after every completed phone call or active subscription renewal cycle.