feat(frontend): Replace React with Blazor frontend

2025-08-30 19:29:40 -04:00
parent 3b9c074bc7
commit 6063ed62e0
82 changed files with 22786 additions and 3435 deletions
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -7,7 +7,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 NimbusFlow is a scheduling system with a **monorepo structure** containing separate backend and frontend applications:

 - **Backend**: Python-based scheduling service using SQLite with a repository pattern
- **Frontend**: React + TypeScript + Vite application
+- **Frontend**: .NET Blazor Server application with Bootstrap UI

 ### Backend Architecture

@@ -33,10 +33,26 @@ backend/

 ### Frontend Architecture

-React application using:
- TypeScript for type safety
- Vite for fast development and building
- ESLint for code linting
+.NET 8 Blazor Server application with the following structure:
+
+```
+frontend/
+├── Components/
+│   ├── Layout/         # Layout components (NavMenu, MainLayout)
+│   └── Pages/          # Razor pages (Dashboard, Members, Schedules, Services)
+├── Models/             # C# models matching backend data structure
+├── Services/           # HTTP client services for API communication
+└── wwwroot/           # Static files and assets
+```
+
+**Key Components:**
+
+- **ApiService** (`Services/ApiService.cs`): HTTP client wrapper for Python backend API communication
+- **Models** (`Models/Member.cs`): C# data models (Member, Schedule, Service, Classification, etc.)
+- **Razor Components**: Interactive pages for member management, scheduling, and service administration
+- **Bootstrap UI**: Responsive design with Bootstrap 5 styling
+
+The frontend communicates with the Python backend via HTTP API calls, expecting JSON responses that match the C# model structure.

 ## Development Commands

@@ -72,22 +88,28 @@ python main.py
 **Setup:**
 ```bash
 cd frontend
-npm install
+# Restore NuGet packages
+dotnet restore
 ```

 **Development:**
 ```bash
 cd frontend
-# Start development server
-npm run dev
+# Start development server (with hot reload)
+dotnet watch
+# Or run without watch
+dotnet run
+
 # Build for production
-npm run build
-# Run linting
-npm run lint
-# Preview production build
-npm run preview
+dotnet build
+# Publish for deployment
+dotnet publish -c Release
 ```

+**Access:**
+- Development: https://localhost:5001 (HTTPS) or http://localhost:5000 (HTTP)
+- The application expects the Python backend API to be available at http://localhost:8000/api/
+
 ## Core Business Logic

 The **SchedulingService** implements a sophisticated member scheduling algorithm:
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -1,55 +0,0 @@
-# Dependencies
-node_modules/
-
-# Build output
-dist/
-build/
-.next/
-
-# TypeScript cache
-*.tsbuildinfo
-
-# Logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-*.log
-
-# Local environment files
-.env
-.env.local
-.env.*.local
-
-# Editor directories and files
-.vscode/
-.idea/
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# macOS
-.DS_Store
-
-# Linux
-*~
-
-# Windows
-Thumbs.db
-ehthumbs.db
-Desktop.ini
-
-# TailwindCSS JIT cache
-.tailwindcss/
-
-# Optional: if using Next.js image optimization cache
-.next/cache/
-
-# Optional: if using Storybook
-storybook-static/
-.out/
-
-# Optional: if using testing coverage
-coverage/
--- a/frontend/Components/App.razor
+++ b/frontend/Components/App.razor
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <base href="/" />
+    <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
+    <link rel="stylesheet" href="app.css" />
+    <link rel="stylesheet" href="NimbusFlow.Frontend.styles.css" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <HeadOutlet />
+</head>
+
+<body>
+    <Routes />
+    <script src="_framework/blazor.web.js"></script>
+</body>
+
+</html>
--- a/frontend/Components/Layout/MainLayout.razor
+++ b/frontend/Components/Layout/MainLayout.razor
@@ -0,0 +1,23 @@
+@inherits LayoutComponentBase
+
+<div class="page">
+    <div class="sidebar">
+        <NavMenu />
+    </div>
+
+    <main>
+        <div class="top-row px-4">
+            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
+        </div>
+
+        <article class="content px-4">
+            @Body
+        </article>
+    </main>
+</div>
+
+<div id="blazor-error-ui">
+    An unhandled error has occurred.
+    <a href="" class="reload">Reload</a>
+    <a class="dismiss">🗙</a>
+</div>
--- a/frontend/Components/Layout/MainLayout.razor.css
+++ b/frontend/Components/Layout/MainLayout.razor.css
@@ -0,0 +1,96 @@
+.page {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main {
+    flex: 1;
+}
+
+.sidebar {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row ::deep a, .top-row ::deep .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row ::deep a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row {
+        justify-content: space-between;
+    }
+
+    .top-row ::deep a, .top-row ::deep .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page {
+        flex-direction: row;
+    }
+
+    .sidebar {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth ::deep a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row, article {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
--- a/frontend/Components/Layout/NavMenu.razor
+++ b/frontend/Components/Layout/NavMenu.razor
@@ -0,0 +1,36 @@
+<div class="top-row ps-3 navbar navbar-dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="">NimbusFlow</a>
+    </div>
+</div>
+
+<input type="checkbox" title="Navigation menu" class="navbar-toggler" />
+
+<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
+    <nav class="flex-column">
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Dashboard
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="members">
+                <span class="bi bi-people-fill-nav-menu" aria-hidden="true"></span> Members
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="schedules">
+                <span class="bi bi-calendar-event-fill-nav-menu" aria-hidden="true"></span> Schedules
+            </NavLink>
+        </div>
+
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="services">
+                <span class="bi bi-calendar-plus-fill-nav-menu" aria-hidden="true"></span> Services
+            </NavLink>
+        </div>
+    </nav>
+</div>
+
--- a/frontend/Components/Layout/NavMenu.razor.css
+++ b/frontend/Components/Layout/NavMenu.razor.css
@@ -0,0 +1,105 @@
+.navbar-toggler {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand {
+    font-size: 1.1rem;
+}
+
+.bi {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item ::deep .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item ::deep a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item ::deep .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler {
+        display: none;
+    }
+
+    .nav-scrollable {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
--- a/frontend/Components/Pages/Error.razor
+++ b/frontend/Components/Pages/Error.razor
@@ -0,0 +1,36 @@
+@page "/Error"
+@using System.Diagnostics
+
+<PageTitle>Error</PageTitle>
+
+<h1 class="text-danger">Error.</h1>
+<h2 class="text-danger">An error occurred while processing your request.</h2>
+
+@if (ShowRequestId)
+{
+    <p>
+        <strong>Request ID:</strong> <code>@RequestId</code>
+    </p>
+}
+
+<h3>Development Mode</h3>
+<p>
+    Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
+</p>
+<p>
+    <strong>The Development environment shouldn't be enabled for deployed applications.</strong>
+    It can result in displaying sensitive information from exceptions to end users.
+    For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
+    and restarting the app.
+</p>
+
+@code{
+    [CascadingParameter]
+    private HttpContext? HttpContext { get; set; }
+
+    private string? RequestId { get; set; }
+    private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+
+    protected override void OnInitialized() =>
+        RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
+}
--- a/frontend/Components/Pages/Home.razor
+++ b/frontend/Components/Pages/Home.razor
@@ -0,0 +1,138 @@
+@page "/"
+@using NimbusFlow.Frontend.Services
+@using NimbusFlow.Frontend.Models
+@inject IApiService ApiService
+
+<PageTitle>NimbusFlow Dashboard</PageTitle>
+
+<h1>NimbusFlow Dashboard</h1>
+
+<div class="row">
+    <div class="col-md-3">
+        <div class="card text-white bg-primary mb-3">
+            <div class="card-header">Active Members</div>
+            <div class="card-body">
+                <h4 class="card-title">@activeMemberCount</h4>
+            </div>
+        </div>
+    </div>
+    
+    <div class="col-md-3">
+        <div class="card text-white bg-success mb-3">
+            <div class="card-header">Pending Schedules</div>
+            <div class="card-body">
+                <h4 class="card-title">@pendingScheduleCount</h4>
+            </div>
+        </div>
+    </div>
+    
+    <div class="col-md-3">
+        <div class="card text-white bg-warning mb-3">
+            <div class="card-header">Upcoming Services</div>
+            <div class="card-body">
+                <h4 class="card-title">@upcomingServiceCount</h4>
+            </div>
+        </div>
+    </div>
+    
+    <div class="col-md-3">
+        <div class="card text-white bg-info mb-3">
+            <div class="card-header">Total Classifications</div>
+            <div class="card-body">
+                <h4 class="card-title">@classificationCount</h4>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row mt-4">
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-header">
+                <h5>Recent Schedules</h5>
+            </div>
+            <div class="card-body">
+                @if (recentSchedules.Any())
+                {
+                    <div class="list-group">
+                        @foreach (var schedule in recentSchedules.Take(5))
+                        {
+                            <div class="list-group-item">
+                                <div class="d-flex w-100 justify-content-between">
+                                    <h6 class="mb-1">@($"{schedule.Member?.FullName}")</h6>
+                                    <small class="badge @GetStatusBadgeClass(schedule.Status)">@schedule.Status</small>
+                                </div>
+                                <p class="mb-1">Service: @schedule.Service?.ServiceDate.ToString("MMM dd, yyyy")</p>
+                                <small>Scheduled: @schedule.ScheduledAt.ToString("MMM dd, yyyy HH:mm")</small>
+                            </div>
+                        }
+                    </div>
+                }
+                else
+                {
+                    <p class="text-muted">No recent schedules found.</p>
+                }
+            </div>
+        </div>
+    </div>
+    
+    <div class="col-md-6">
+        <div class="card">
+            <div class="card-header">
+                <h5>Quick Actions</h5>
+            </div>
+            <div class="card-body">
+                <div class="d-grid gap-2">
+                    <a href="/schedules/create" class="btn btn-primary">Schedule Next Member</a>
+                    <a href="/members/create" class="btn btn-success">Add New Member</a>
+                    <a href="/services/create" class="btn btn-warning">Create New Service</a>
+                    <a href="/schedules" class="btn btn-info">View All Schedules</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+@code {
+    private int activeMemberCount = 0;
+    private int pendingScheduleCount = 0;
+    private int upcomingServiceCount = 0;
+    private int classificationCount = 0;
+    private List<Schedule> recentSchedules = new();
+
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            // Load dashboard data
+            var members = await ApiService.GetMembersAsync();
+            activeMemberCount = members.Count(m => m.IsActive);
+
+            var schedules = await ApiService.GetSchedulesAsync();
+            recentSchedules = schedules.OrderByDescending(s => s.ScheduledAt).ToList();
+            pendingScheduleCount = schedules.Count(s => s.Status == "pending");
+
+            var services = await ApiService.GetServicesAsync();
+            upcomingServiceCount = services.Count(s => s.ServiceDate >= DateTime.Today);
+
+            var classifications = await ApiService.GetClassificationsAsync();
+            classificationCount = classifications.Count;
+        }
+        catch (Exception ex)
+        {
+            // Handle API errors gracefully
+            Console.WriteLine($"Error loading dashboard data: {ex.Message}");
+        }
+    }
+
+    private string GetStatusBadgeClass(string status)
+    {
+        return status switch
+        {
+            "pending" => "bg-warning",
+            "accepted" => "bg-success",
+            "declined" => "bg-danger",
+            _ => "bg-secondary"
+        };
+    }
+}
--- a/frontend/Components/Pages/Members.razor
+++ b/frontend/Components/Pages/Members.razor
@@ -0,0 +1,181 @@
+@page "/members"
+@using NimbusFlow.Frontend.Services
+@using NimbusFlow.Frontend.Models
+@inject IApiService ApiService
+@inject NavigationManager Navigation
+@inject IJSRuntime JSRuntime
+
+<PageTitle>Members</PageTitle>
+
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <h1>Members</h1>
+    <a href="/members/create" class="btn btn-primary">
+        <i class="bi bi-plus-circle"></i> Add Member
+    </a>
+</div>
+
+@if (loading)
+{
+    <div class="text-center">
+        <div class="spinner-border" role="status">
+            <span class="visually-hidden">Loading...</span>
+        </div>
+    </div>
+}
+else if (members.Any())
+{
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-striped table-hover">
+                            <thead>
+                                <tr>
+                                    <th>Name</th>
+                                    <th>Classification</th>
+                                    <th>Email</th>
+                                    <th>Phone</th>
+                                    <th>Status</th>
+                                    <th>Last Accepted</th>
+                                    <th>Decline Streak</th>
+                                    <th>Actions</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach (var member in filteredMembers)
+                                {
+                                    <tr>
+                                        <td>
+                                            <strong>@member.FullName</strong>
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-secondary">@member.ClassificationName</span>
+                                        </td>
+                                        <td>@member.Email</td>
+                                        <td>@member.PhoneNumber</td>
+                                        <td>
+                                            @if (member.IsActive)
+                                            {
+                                                <span class="badge bg-success">Active</span>
+                                            }
+                                            else
+                                            {
+                                                <span class="badge bg-danger">Inactive</span>
+                                            }
+                                        </td>
+                                        <td>
+                                            @if (member.LastAcceptedAt.HasValue)
+                                            {
+                                                @member.LastAcceptedAt.Value.ToString("MMM dd, yyyy")
+                                            }
+                                            else
+                                            {
+                                                <span class="text-muted">Never</span>
+                                            }
+                                        </td>
+                                        <td>
+                                            @if (member.DeclineStreak > 0)
+                                            {
+                                                <span class="badge bg-warning">@member.DeclineStreak</span>
+                                            }
+                                            else
+                                            {
+                                                <span class="text-muted">0</span>
+                                            }
+                                        </td>
+                                        <td>
+                                            <div class="btn-group" role="group">
+                                                <a href="/members/@member.MemberId" class="btn btn-sm btn-outline-primary">View</a>
+                                                <a href="/members/@member.MemberId/edit" class="btn btn-sm btn-outline-warning">Edit</a>
+                                                <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmDelete(member)">Delete</button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                }
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <div class="row mt-3">
+        <div class="col-md-12">
+            <div class="d-flex justify-content-between align-items-center">
+                <small class="text-muted">
+                    Showing @filteredMembers.Count() of @members.Count members
+                </small>
+                <div class="form-check">
+                    <input class="form-check-input" type="checkbox" @bind="showInactiveMembers" id="showInactive">
+                    <label class="form-check-label" for="showInactive">
+                        Show inactive members
+                    </label>
+                </div>
+            </div>
+        </div>
+    </div>
+}
+else
+{
+    <div class="text-center">
+        <div class="alert alert-info">
+            <h4>No Members Found</h4>
+            <p>There are currently no members in the system.</p>
+            <a href="/members/create" class="btn btn-primary">Add Your First Member</a>
+        </div>
+    </div>
+}
+
+@code {
+    private List<Member> members = new();
+    private bool loading = true;
+    private bool showInactiveMembers = false;
+    
+    private IEnumerable<Member> filteredMembers => 
+        showInactiveMembers ? members : members.Where(m => m.IsActive);
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadMembers();
+    }
+
+    private async Task LoadMembers()
+    {
+        try
+        {
+            loading = true;
+            members = await ApiService.GetMembersAsync();
+        }
+        catch (Exception ex)
+        {
+            // Handle error (could show toast notification)
+            Console.WriteLine($"Error loading members: {ex.Message}");
+        }
+        finally
+        {
+            loading = false;
+        }
+    }
+
+    private async Task ConfirmDelete(Member member)
+    {
+        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", $"Are you sure you want to delete {member.FullName}?");
+        if (confirmed)
+        {
+            try
+            {
+                var success = await ApiService.DeleteMemberAsync(member.MemberId);
+                if (success)
+                {
+                    await LoadMembers(); // Refresh the list
+                }
+            }
+            catch (Exception ex)
+            {
+                Console.WriteLine($"Error deleting member: {ex.Message}");
+            }
+        }
+    }
+}
--- a/frontend/Components/Pages/Schedules.razor
+++ b/frontend/Components/Pages/Schedules.razor
@@ -0,0 +1,298 @@
+@page "/schedules"
+@using NimbusFlow.Frontend.Services
+@using NimbusFlow.Frontend.Models
+@inject IApiService ApiService
+@inject IJSRuntime JSRuntime
+
+<PageTitle>Schedules</PageTitle>
+
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <h1>Schedules</h1>
+    <a href="/schedules/create" class="btn btn-primary">
+        <i class="bi bi-plus-circle"></i> Schedule Member
+    </a>
+</div>
+
+@if (loading)
+{
+    <div class="text-center">
+        <div class="spinner-border" role="status">
+            <span class="visually-hidden">Loading...</span>
+        </div>
+    </div>
+}
+else if (schedules.Any())
+{
+    <!-- Filter Controls -->
+    <div class="row mb-3">
+        <div class="col-md-4">
+            <select class="form-select" @bind="selectedStatus">
+                <option value="">All Statuses</option>
+                <option value="pending">Pending</option>
+                <option value="accepted">Accepted</option>
+                <option value="declined">Declined</option>
+            </select>
+        </div>
+        <div class="col-md-4">
+            <input type="date" class="form-control" @bind="filterDate" />
+        </div>
+        <div class="col-md-4">
+            <button class="btn btn-outline-secondary" @onclick="ClearFilters">Clear Filters</button>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-striped table-hover">
+                            <thead>
+                                <tr>
+                                    <th>Member</th>
+                                    <th>Service Date</th>
+                                    <th>Service Type</th>
+                                    <th>Status</th>
+                                    <th>Scheduled At</th>
+                                    <th>Response Date</th>
+                                    <th>Actions</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach (var schedule in filteredSchedules.OrderByDescending(s => s.ScheduledAt))
+                                {
+                                    <tr>
+                                        <td>
+                                            <strong>@schedule.Member?.FullName</strong>
+                                        </td>
+                                        <td>
+                                            @schedule.Service?.ServiceDate.ToString("MMM dd, yyyy")
+                                        </td>
+                                        <td>
+                                            <span class="badge bg-info">@schedule.Service?.ServiceTypeName</span>
+                                        </td>
+                                        <td>
+                                            <span class="badge @GetStatusBadgeClass(schedule.Status)">
+                                                @schedule.Status.ToUpper()
+                                            </span>
+                                        </td>
+                                        <td>
+                                            @schedule.ScheduledAt.ToString("MMM dd, yyyy HH:mm")
+                                        </td>
+                                        <td>
+                                            @if (schedule.AcceptedAt.HasValue)
+                                            {
+                                                @schedule.AcceptedAt.Value.ToString("MMM dd, yyyy HH:mm")
+                                            }
+                                            else if (schedule.DeclinedAt.HasValue)
+                                            {
+                                                @schedule.DeclinedAt.Value.ToString("MMM dd, yyyy HH:mm")
+                                            }
+                                            else
+                                            {
+                                                <span class="text-muted">-</span>
+                                            }
+                                        </td>
+                                        <td>
+                                            <div class="btn-group" role="group">
+                                                @if (schedule.Status == "pending")
+                                                {
+                                                    <button class="btn btn-sm btn-success" @onclick="() => AcceptSchedule(schedule.ScheduleId)">
+                                                        Accept
+                                                    </button>
+                                                    <button class="btn btn-sm btn-warning" @onclick="() => ShowDeclineModal(schedule)">
+                                                        Decline
+                                                    </button>
+                                                }
+                                                <a href="/schedules/@schedule.ScheduleId" class="btn btn-sm btn-outline-primary">View</a>
+                                                <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmRemove(schedule)">
+                                                    Remove
+                                                </button>
+                                            </div>
+                                        </td>
+                                    </tr>
+                                }
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <div class="row mt-3">
+        <div class="col-md-12">
+            <small class="text-muted">
+                Showing @filteredSchedules.Count() of @schedules.Count schedules
+            </small>
+        </div>
+    </div>
+}
+else
+{
+    <div class="text-center">
+        <div class="alert alert-info">
+            <h4>No Schedules Found</h4>
+            <p>There are currently no schedules in the system.</p>
+            <a href="/schedules/create" class="btn btn-primary">Create Your First Schedule</a>
+        </div>
+    </div>
+}
+
+<!-- Decline Modal -->
+@if (showDeclineModal)
+{
+    <div class="modal d-block" tabindex="-1" style="background: rgba(0,0,0,0.5);">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Decline Schedule</h5>
+                    <button type="button" class="btn-close" @onclick="HideDeclineModal"></button>
+                </div>
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label class="form-label">Decline Reason (Optional)</label>
+                        <textarea class="form-control" @bind="declineReason" rows="3" placeholder="Enter reason for declining..."></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" @onclick="HideDeclineModal">Cancel</button>
+                    <button type="button" class="btn btn-warning" @onclick="ConfirmDecline">Decline Schedule</button>
+                </div>
+            </div>
+        </div>
+    </div>
+}
+
+@code {
+    private List<Schedule> schedules = new();
+    private bool loading = true;
+    private string selectedStatus = "";
+    private DateTime? filterDate;
+    private bool showDeclineModal = false;
+    private Schedule? scheduleToDecline;
+    private string declineReason = "";
+    
+    private IEnumerable<Schedule> filteredSchedules
+    {
+        get
+        {
+            var filtered = schedules.AsEnumerable();
+            
+            if (!string.IsNullOrEmpty(selectedStatus))
+            {
+                filtered = filtered.Where(s => s.Status == selectedStatus);
+            }
+            
+            if (filterDate.HasValue)
+            {
+                filtered = filtered.Where(s => s.Service?.ServiceDate.Date == filterDate.Value.Date);
+            }
+            
+            return filtered;
+        }
+    }
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadSchedules();
+    }
+
+    private async Task LoadSchedules()
+    {
+        try
+        {
+            loading = true;
+            schedules = await ApiService.GetSchedulesAsync();
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error loading schedules: {ex.Message}");
+        }
+        finally
+        {
+            loading = false;
+        }
+    }
+
+    private string GetStatusBadgeClass(string status)
+    {
+        return status switch
+        {
+            "pending" => "bg-warning text-dark",
+            "accepted" => "bg-success",
+            "declined" => "bg-danger",
+            _ => "bg-secondary"
+        };
+    }
+
+    private async Task AcceptSchedule(int scheduleId)
+    {
+        try
+        {
+            await ApiService.AcceptScheduleAsync(scheduleId);
+            await LoadSchedules(); // Refresh the list
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error accepting schedule: {ex.Message}");
+        }
+    }
+
+    private void ShowDeclineModal(Schedule schedule)
+    {
+        scheduleToDecline = schedule;
+        declineReason = "";
+        showDeclineModal = true;
+    }
+
+    private void HideDeclineModal()
+    {
+        showDeclineModal = false;
+        scheduleToDecline = null;
+        declineReason = "";
+    }
+
+    private async Task ConfirmDecline()
+    {
+        if (scheduleToDecline != null)
+        {
+            try
+            {
+                await ApiService.DeclineScheduleAsync(scheduleToDecline.ScheduleId, declineReason);
+                await LoadSchedules(); // Refresh the list
+                HideDeclineModal();
+            }
+            catch (Exception ex)
+            {
+                Console.WriteLine($"Error declining schedule: {ex.Message}");
+            }
+        }
+    }
+
+    private async Task ConfirmRemove(Schedule schedule)
+    {
+        var confirmed = await JSRuntime.InvokeAsync<bool>("confirm", $"Are you sure you want to remove the schedule for {schedule.Member?.FullName}?");
+        if (confirmed)
+        {
+            try
+            {
+                var success = await ApiService.RemoveScheduleAsync(schedule.ScheduleId);
+                if (success)
+                {
+                    await LoadSchedules(); // Refresh the list
+                }
+            }
+            catch (Exception ex)
+            {
+                Console.WriteLine($"Error removing schedule: {ex.Message}");
+            }
+        }
+    }
+
+    private void ClearFilters()
+    {
+        selectedStatus = "";
+        filterDate = null;
+    }
+}
--- a/frontend/Components/Pages/Services.razor
+++ b/frontend/Components/Pages/Services.razor
@@ -0,0 +1,238 @@
+@page "/services"
+@using NimbusFlow.Frontend.Services
+@using NimbusFlow.Frontend.Models
+@inject IApiService ApiService
+
+<PageTitle>Services</PageTitle>
+
+<div class="d-flex justify-content-between align-items-center mb-4">
+    <h1>Services</h1>
+    <a href="/services/create" class="btn btn-primary">
+        <i class="bi bi-plus-circle"></i> Create Service
+    </a>
+</div>
+
+@if (loading)
+{
+    <div class="text-center">
+        <div class="spinner-border" role="status">
+            <span class="visually-hidden">Loading...</span>
+        </div>
+    </div>
+}
+else if (services.Any())
+{
+    <!-- Filter Controls -->
+    <div class="row mb-3">
+        <div class="col-md-4">
+            <select class="form-select" @bind="selectedServiceType">
+                <option value="">All Service Types</option>
+                @foreach (var serviceType in serviceTypes)
+                {
+                    <option value="@serviceType.ServiceTypeId">@serviceType.TypeName</option>
+                }
+            </select>
+        </div>
+        <div class="col-md-4">
+            <input type="date" class="form-control" @bind="filterDate" />
+        </div>
+        <div class="col-md-4">
+            <div class="form-check">
+                <input class="form-check-input" type="checkbox" @bind="showPastServices" id="showPast">
+                <label class="form-check-label" for="showPast">
+                    Show past services
+                </label>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-striped table-hover">
+                            <thead>
+                                <tr>
+                                    <th>Date</th>
+                                    <th>Service Type</th>
+                                    <th>Scheduled Members</th>
+                                    <th>Status</th>
+                                    <th>Actions</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach (var service in filteredServices.OrderBy(s => s.ServiceDate))
+                                {
+                                    <tr class="@(service.ServiceDate < DateTime.Today ? "text-muted" : "")">
+                                        <td>
+                                            <strong>@service.ServiceDate.ToString("MMM dd, yyyy (dddd)")</strong>
+                                        </td>
+                                        <td>
+                                            <span class="badge @GetServiceTypeBadgeClass(service.ServiceTypeName)">
+                                                @service.ServiceTypeName
+                                            </span>
+                                        </td>
+                                        <td>
+                                            @{
+                                                var serviceSchedules = schedules.Where(s => s.ServiceId == service.ServiceId).ToList();
+                                                var acceptedCount = serviceSchedules.Count(s => s.Status == "accepted");
+                                                var pendingCount = serviceSchedules.Count(s => s.Status == "pending");
+                                                var declinedCount = serviceSchedules.Count(s => s.Status == "declined");
+                                            }
+                                            <div class="d-flex gap-1">
+                                                @if (acceptedCount > 0)
+                                                {
+                                                    <span class="badge bg-success">@acceptedCount accepted</span>
+                                                }
+                                                @if (pendingCount > 0)
+                                                {
+                                                    <span class="badge bg-warning text-dark">@pendingCount pending</span>
+                                                }
+                                                @if (declinedCount > 0)
+                                                {
+                                                    <span class="badge bg-danger">@declinedCount declined</span>
+                                                }
+                                                @if (serviceSchedules.Count == 0)
+                                                {
+                                                    <span class="text-muted">No schedules</span>
+                                                }
+                                            </div>
+                                        </td>
+                                        <td>
+                                            @if (service.ServiceDate < DateTime.Today)
+                                            {
+                                                <span class="badge bg-secondary">Past</span>
+                                            }
+                                            else if (service.ServiceDate == DateTime.Today)
+                                            {
+                                                <span class="badge bg-primary">Today</span>
+                                            }
+                                            else
+                                            {
+                                                <span class="badge bg-success">Upcoming</span>
+                                            }
+                                        </td>
+                                        <td>
+                                            <div class="btn-group" role="group">
+                                                <a href="/services/@service.ServiceId" class="btn btn-sm btn-outline-primary">View</a>
+                                                @if (service.ServiceDate >= DateTime.Today)
+                                                {
+                                                    <a href="/schedules/create?serviceId=@service.ServiceId" class="btn btn-sm btn-success">Schedule</a>
+                                                    <a href="/services/@service.ServiceId/edit" class="btn btn-sm btn-outline-warning">Edit</a>
+                                                }
+                                            </div>
+                                        </td>
+                                    </tr>
+                                }
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <div class="row mt-3">
+        <div class="col-md-12">
+            <small class="text-muted">
+                Showing @filteredServices.Count() of @services.Count services
+            </small>
+        </div>
+    </div>
+}
+else
+{
+    <div class="text-center">
+        <div class="alert alert-info">
+            <h4>No Services Found</h4>
+            <p>There are currently no services in the system.</p>
+            <a href="/services/create" class="btn btn-primary">Create Your First Service</a>
+        </div>
+    </div>
+}
+
+@code {
+    private List<Service> services = new();
+    private List<ServiceType> serviceTypes = new();
+    private List<Schedule> schedules = new();
+    private bool loading = true;
+    private string selectedServiceType = "";
+    private DateTime? filterDate;
+    private bool showPastServices = false;
+    
+    private IEnumerable<Service> filteredServices
+    {
+        get
+        {
+            var filtered = services.AsEnumerable();
+            
+            if (!showPastServices)
+            {
+                filtered = filtered.Where(s => s.ServiceDate >= DateTime.Today);
+            }
+            
+            if (!string.IsNullOrEmpty(selectedServiceType) && int.TryParse(selectedServiceType, out int typeId))
+            {
+                filtered = filtered.Where(s => s.ServiceTypeId == typeId);
+            }
+            
+            if (filterDate.HasValue)
+            {
+                filtered = filtered.Where(s => s.ServiceDate.Date == filterDate.Value.Date);
+            }
+            
+            return filtered;
+        }
+    }
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadData();
+    }
+
+    private async Task LoadData()
+    {
+        try
+        {
+            loading = true;
+            
+            // Load all data in parallel
+            var servicesTask = ApiService.GetServicesAsync();
+            var serviceTypesTask = ApiService.GetServiceTypesAsync();
+            var schedulesTask = ApiService.GetSchedulesAsync();
+            
+            await Task.WhenAll(servicesTask, serviceTypesTask, schedulesTask);
+            
+            services = servicesTask.Result;
+            serviceTypes = serviceTypesTask.Result;
+            schedules = schedulesTask.Result;
+            
+            // Map service type names to services
+            foreach (var service in services)
+            {
+                var serviceType = serviceTypes.FirstOrDefault(st => st.ServiceTypeId == service.ServiceTypeId);
+                service.ServiceTypeName = serviceType?.TypeName ?? "Unknown";
+            }
+        }
+        catch (Exception ex)
+        {
+            Console.WriteLine($"Error loading services data: {ex.Message}");
+        }
+        finally
+        {
+            loading = false;
+        }
+    }
+
+    private string GetServiceTypeBadgeClass(string? serviceTypeName)
+    {
+        return serviceTypeName switch
+        {
+            "9AM" => "bg-info",
+            "11AM" => "bg-primary",
+            "6PM" => "bg-dark",
+            _ => "bg-secondary"
+        };
+    }
+}
--- a/frontend/Components/Routes.razor
+++ b/frontend/Components/Routes.razor
@@ -0,0 +1,6 @@
+<Router AppAssembly="typeof(Program).Assembly">
+    <Found Context="routeData">
+        <RouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)" />
+        <FocusOnNavigate RouteData="routeData" Selector="h1" />
+    </Found>
+</Router>
--- a/frontend/Components/_Imports.razor
+++ b/frontend/Components/_Imports.razor
@@ -0,0 +1,10 @@
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
+@using Microsoft.AspNetCore.Components.Web.Virtualization
+@using Microsoft.JSInterop
+@using NimbusFlow.Frontend
+@using NimbusFlow.Frontend.Components
--- a/frontend/Models/Member.cs
+++ b/frontend/Models/Member.cs
@@ -0,0 +1,59 @@
+namespace NimbusFlow.Frontend.Models
+{
+    public class Member
+    {
+        public int MemberId { get; set; }
+        public string FirstName { get; set; } = string.Empty;
+        public string LastName { get; set; } = string.Empty;
+        public string? Email { get; set; }
+        public string? PhoneNumber { get; set; }
+        public int? ClassificationId { get; set; }
+        public string? Notes { get; set; }
+        public bool IsActive { get; set; } = true;
+        public DateTime? LastScheduledAt { get; set; }
+        public DateTime? LastAcceptedAt { get; set; }
+        public DateTime? LastDeclinedAt { get; set; }
+        public int DeclineStreak { get; set; } = 0;
+
+        // Navigation properties
+        public string? ClassificationName { get; set; }
+        public string FullName => $"{FirstName} {LastName}";
+    }
+
+    public class Classification
+    {
+        public int ClassificationId { get; set; }
+        public string ClassificationName { get; set; } = string.Empty;
+    }
+
+    public class Service
+    {
+        public int ServiceId { get; set; }
+        public int ServiceTypeId { get; set; }
+        public DateTime ServiceDate { get; set; }
+        public string? ServiceTypeName { get; set; }
+    }
+
+    public class ServiceType
+    {
+        public int ServiceTypeId { get; set; }
+        public string TypeName { get; set; } = string.Empty;
+    }
+
+    public class Schedule
+    {
+        public int ScheduleId { get; set; }
+        public int ServiceId { get; set; }
+        public int MemberId { get; set; }
+        public string Status { get; set; } = string.Empty; // pending, accepted, declined
+        public DateTime ScheduledAt { get; set; }
+        public DateTime? AcceptedAt { get; set; }
+        public DateTime? DeclinedAt { get; set; }
+        public DateTime? ExpiresAt { get; set; }
+        public string? DeclineReason { get; set; }
+
+        // Navigation properties
+        public Member? Member { get; set; }
+        public Service? Service { get; set; }
+    }
+}
--- a/frontend/NimbusFlow.Frontend.csproj
+++ b/frontend/NimbusFlow.Frontend.csproj
@@ -0,0 +1,9 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+</Project>
--- a/frontend/Program.cs
+++ b/frontend/Program.cs
@@ -0,0 +1,36 @@
+using NimbusFlow.Frontend.Components;
+using NimbusFlow.Frontend.Services;
+
+var builder = WebApplication.CreateBuilder(args);
+
+// Add services to the container.
+builder.Services.AddRazorComponents()
+    .AddInteractiveServerComponents();
+
+// Add HTTP client for backend API communication
+builder.Services.AddHttpClient<IApiService, ApiService>(client =>
+{
+    client.BaseAddress = new Uri("http://localhost:8000/api/"); // Python backend API endpoint
+});
+
+builder.Services.AddScoped<IApiService, ApiService>();
+
+var app = builder.Build();
+
+// Configure the HTTP request pipeline.
+if (!app.Environment.IsDevelopment())
+{
+    app.UseExceptionHandler("/Error", createScopeForErrors: true);
+    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+
+app.UseStaticFiles();
+app.UseAntiforgery();
+
+app.MapRazorComponents<App>()
+    .AddInteractiveServerRenderMode();
+
+app.Run();
--- a/frontend/Properties/launchSettings.json
+++ b/frontend/Properties/launchSettings.json
@@ -0,0 +1,38 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+    "iisSettings": {
+      "windowsAuthentication": false,
+      "anonymousAuthentication": true,
+      "iisExpress": {
+        "applicationUrl": "http://localhost:4068",
+        "sslPort": 44352
+      }
+    },
+    "profiles": {
+      "http": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "http://localhost:5059",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "https": {
+        "commandName": "Project",
+        "dotnetRunMessages": true,
+        "launchBrowser": true,
+        "applicationUrl": "https://localhost:7176;http://localhost:5059",
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      },
+      "IIS Express": {
+        "commandName": "IISExpress",
+        "launchBrowser": true,
+        "environmentVariables": {
+          "ASPNETCORE_ENVIRONMENT": "Development"
+        }
+      }
+    }
+  }
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,69 +1,127 @@
-# React + TypeScript + Vite
+# NimbusFlow Frontend - Blazor Server Application

-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+A modern web application built with .NET 8 Blazor Server for managing member scheduling in the NimbusFlow system.

-Currently, two official plugins are available:
+## Features

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- **Dashboard**: Overview of system statistics and recent activities
+- **Member Management**: Complete CRUD operations for choir members
+- **Schedule Management**: View, accept, decline, and manage member schedules
+- **Service Management**: Create and manage service events
+- **Real-time Updates**: Server-side rendering with SignalR for real-time updates
+- **Responsive Design**: Bootstrap-based UI that works on all devices

-## Expanding the ESLint configuration
+## Architecture

-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+This Blazor Server application follows a clean architecture pattern:

-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
+- **Components/Pages**: Razor components for each major feature
+- **Services**: HTTP client services for backend API communication  
+- **Models**: C# data models matching the Python backend schema
+- **Layout**: Consistent navigation and layout components

-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
+## Prerequisites

-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
+- .NET 8.0 SDK
+- Python backend API running on http://localhost:8000/api/
+
+## Getting Started
+
+1. **Restore packages**:
+   ```bash
+   dotnet restore
+   ```
+
+2. **Run the application**:
+   ```bash
+   dotnet watch  # with hot reload
+   # or
+   dotnet run    # without hot reload
+   ```
+
+3. **Access the application**:
+   - HTTPS: https://localhost:5001
+   - HTTP: http://localhost:5000
+
+## API Configuration
+
+The application is configured to communicate with the Python backend API. Update the base URL in `Program.cs` if your backend runs on a different port:
+
+```csharp
+builder.Services.AddHttpClient<IApiService, ApiService>(client =>
+{
+    client.BaseAddress = new Uri("http://localhost:8000/api/");
+});
 ```

-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+## Project Structure

-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
 ```
+├── Components/
+│   ├── Layout/
+│   │   ├── MainLayout.razor      # Main page layout
+│   │   └── NavMenu.razor         # Navigation menu
+│   └── Pages/
+│       ├── Home.razor            # Dashboard page
+│       ├── Members.razor         # Member management
+│       ├── Schedules.razor       # Schedule management
+│       └── Services.razor        # Service management
+├── Models/
+│   └── Member.cs                 # Data models
+├── Services/
+│   ├── IApiService.cs           # Service interface
+│   └── ApiService.cs            # HTTP API client
+├── wwwroot/                     # Static files
+├── Program.cs                   # Application startup
+└── appsettings.json            # Configuration
+```
+
+## Key Features
+
+### Dashboard
+- System statistics (active members, pending schedules, etc.)
+- Recent schedule activities
+- Quick action buttons
+
+### Member Management
+- List all members with filtering options
+- Add/edit member information
+- View member scheduling history
+- Manage member classifications
+
+### Schedule Management
+- View all schedules with filtering
+- Accept/decline pending schedules
+- Remove schedules
+- View schedule details
+
+### Service Management
+- Create and manage service events
+- View service schedules and assignments
+- Filter by date and service type
+
+## Development
+
+The application uses Blazor Server which provides:
+
+- Real-time UI updates via SignalR
+- Server-side rendering for better performance
+- C# development throughout the stack
+- Automatic state management
+
+## Deployment
+
+To build for production:
+
+```bash
+dotnet publish -c Release
+```
+
+The published application will be in `bin/Release/net8.0/publish/`.
+
+## Dependencies
+
+- ASP.NET Core 8.0
+- Blazor Server
+- Bootstrap 5 (included in template)
+- System.Text.Json for API serialization
--- a/frontend/Services/ApiService.cs
+++ b/frontend/Services/ApiService.cs
@@ -0,0 +1,182 @@
+using System.Text;
+using System.Text.Json;
+using NimbusFlow.Frontend.Models;
+
+namespace NimbusFlow.Frontend.Services
+{
+    public class ApiService : IApiService
+    {
+        private readonly HttpClient _httpClient;
+        private readonly JsonSerializerOptions _jsonOptions;
+
+        public ApiService(HttpClient httpClient)
+        {
+            _httpClient = httpClient;
+            _jsonOptions = new JsonSerializerOptions
+            {
+                PropertyNamingPolicy = JsonNamingPolicy.CamelCase,
+                PropertyNameCaseInsensitive = true
+            };
+        }
+
+        // Member operations
+        public async Task<List<Member>> GetMembersAsync()
+        {
+            var response = await _httpClient.GetAsync("members");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<Member>>(json, _jsonOptions) ?? new List<Member>();
+        }
+
+        public async Task<Member?> GetMemberAsync(int id)
+        {
+            var response = await _httpClient.GetAsync($"members/{id}");
+            if (response.StatusCode == System.Net.HttpStatusCode.NotFound)
+                return null;
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Member>(json, _jsonOptions);
+        }
+
+        public async Task<Member> CreateMemberAsync(Member member)
+        {
+            var json = JsonSerializer.Serialize(member, _jsonOptions);
+            var content = new StringContent(json, Encoding.UTF8, "application/json");
+            var response = await _httpClient.PostAsync("members", content);
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Member>(responseJson, _jsonOptions) ?? member;
+        }
+
+        public async Task<Member> UpdateMemberAsync(Member member)
+        {
+            var json = JsonSerializer.Serialize(member, _jsonOptions);
+            var content = new StringContent(json, Encoding.UTF8, "application/json");
+            var response = await _httpClient.PutAsync($"members/{member.MemberId}", content);
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Member>(responseJson, _jsonOptions) ?? member;
+        }
+
+        public async Task<bool> DeleteMemberAsync(int id)
+        {
+            var response = await _httpClient.DeleteAsync($"members/{id}");
+            return response.IsSuccessStatusCode;
+        }
+
+        // Classification operations
+        public async Task<List<Classification>> GetClassificationsAsync()
+        {
+            var response = await _httpClient.GetAsync("classifications");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<Classification>>(json, _jsonOptions) ?? new List<Classification>();
+        }
+
+        // Service operations
+        public async Task<List<Service>> GetServicesAsync()
+        {
+            var response = await _httpClient.GetAsync("services");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<Service>>(json, _jsonOptions) ?? new List<Service>();
+        }
+
+        public async Task<Service?> GetServiceAsync(int id)
+        {
+            var response = await _httpClient.GetAsync($"services/{id}");
+            if (response.StatusCode == System.Net.HttpStatusCode.NotFound)
+                return null;
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Service>(json, _jsonOptions);
+        }
+
+        public async Task<Service> CreateServiceAsync(Service service)
+        {
+            var json = JsonSerializer.Serialize(service, _jsonOptions);
+            var content = new StringContent(json, Encoding.UTF8, "application/json");
+            var response = await _httpClient.PostAsync("services", content);
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Service>(responseJson, _jsonOptions) ?? service;
+        }
+
+        // Schedule operations
+        public async Task<List<Schedule>> GetSchedulesAsync()
+        {
+            var response = await _httpClient.GetAsync("schedules");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<Schedule>>(json, _jsonOptions) ?? new List<Schedule>();
+        }
+
+        public async Task<List<Schedule>> GetMemberSchedulesAsync(int memberId)
+        {
+            var response = await _httpClient.GetAsync($"members/{memberId}/schedules");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<Schedule>>(json, _jsonOptions) ?? new List<Schedule>();
+        }
+
+        public async Task<Schedule?> GetScheduleAsync(int id)
+        {
+            var response = await _httpClient.GetAsync($"schedules/{id}");
+            if (response.StatusCode == System.Net.HttpStatusCode.NotFound)
+                return null;
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Schedule>(json, _jsonOptions);
+        }
+
+        public async Task<Schedule> AcceptScheduleAsync(int scheduleId)
+        {
+            var response = await _httpClient.PostAsync($"schedules/{scheduleId}/accept", null);
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Schedule>(responseJson, _jsonOptions) ?? new Schedule();
+        }
+
+        public async Task<Schedule> DeclineScheduleAsync(int scheduleId, string? reason = null)
+        {
+            var content = new StringContent(
+                JsonSerializer.Serialize(new { reason }, _jsonOptions),
+                Encoding.UTF8,
+                "application/json"
+            );
+            var response = await _httpClient.PostAsync($"schedules/{scheduleId}/decline", content);
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Schedule>(responseJson, _jsonOptions) ?? new Schedule();
+        }
+
+        public async Task<bool> RemoveScheduleAsync(int scheduleId)
+        {
+            var response = await _httpClient.DeleteAsync($"schedules/{scheduleId}");
+            return response.IsSuccessStatusCode;
+        }
+
+        public async Task<Schedule?> ScheduleNextMemberAsync(int serviceId, List<int> classificationIds)
+        {
+            var content = new StringContent(
+                JsonSerializer.Serialize(new { serviceId, classificationIds }, _jsonOptions),
+                Encoding.UTF8,
+                "application/json"
+            );
+            var response = await _httpClient.PostAsync("schedules/schedule-next", content);
+            if (response.StatusCode == System.Net.HttpStatusCode.NotFound)
+                return null;
+            response.EnsureSuccessStatusCode();
+            var responseJson = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<Schedule>(responseJson, _jsonOptions);
+        }
+
+        public async Task<List<ServiceType>> GetServiceTypesAsync()
+        {
+            var response = await _httpClient.GetAsync("service-types");
+            response.EnsureSuccessStatusCode();
+            var json = await response.Content.ReadAsStringAsync();
+            return JsonSerializer.Deserialize<List<ServiceType>>(json, _jsonOptions) ?? new List<ServiceType>();
+        }
+    }
+}
--- a/frontend/Services/IApiService.cs
+++ b/frontend/Services/IApiService.cs
@@ -0,0 +1,36 @@
+using NimbusFlow.Frontend.Models;
+
+namespace NimbusFlow.Frontend.Services
+{
+    public interface IApiService
+    {
+        // Member operations
+        Task<List<Member>> GetMembersAsync();
+        Task<Member?> GetMemberAsync(int id);
+        Task<Member> CreateMemberAsync(Member member);
+        Task<Member> UpdateMemberAsync(Member member);
+        Task<bool> DeleteMemberAsync(int id);
+
+        // Classification operations
+        Task<List<Classification>> GetClassificationsAsync();
+
+        // Service operations
+        Task<List<Service>> GetServicesAsync();
+        Task<Service?> GetServiceAsync(int id);
+        Task<Service> CreateServiceAsync(Service service);
+
+        // Schedule operations
+        Task<List<Schedule>> GetSchedulesAsync();
+        Task<List<Schedule>> GetMemberSchedulesAsync(int memberId);
+        Task<Schedule?> GetScheduleAsync(int id);
+        Task<Schedule> AcceptScheduleAsync(int scheduleId);
+        Task<Schedule> DeclineScheduleAsync(int scheduleId, string? reason = null);
+        Task<bool> RemoveScheduleAsync(int scheduleId);
+
+        // Scheduling operations
+        Task<Schedule?> ScheduleNextMemberAsync(int serviceId, List<int> classificationIds);
+
+        // Service Types
+        Task<List<ServiceType>> GetServiceTypesAsync();
+    }
+}
--- a/frontend/appsettings.Development.json
+++ b/frontend/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
--- a/frontend/appsettings.json
+++ b/frontend/appsettings.json
@@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.deps.json
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.deps.json
@@ -0,0 +1,23 @@
+{
+  "runtimeTarget": {
+    "name": ".NETCoreApp,Version=v8.0",
+    "signature": ""
+  },
+  "compilationOptions": {},
+  "targets": {
+    ".NETCoreApp,Version=v8.0": {
+      "NimbusFlow.Frontend/1.0.0": {
+        "runtime": {
+          "NimbusFlow.Frontend.dll": {}
+        }
+      }
+    }
+  },
+  "libraries": {
+    "NimbusFlow.Frontend/1.0.0": {
+      "type": "project",
+      "serviceable": false,
+      "sha512": ""
+    }
+  }
+}
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.dll
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.dll
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.pdb
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.pdb
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.runtimeconfig.json
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.runtimeconfig.json
@@ -0,0 +1,19 @@
+{
+  "runtimeOptions": {
+    "tfm": "net8.0",
+    "frameworks": [
+      {
+        "name": "Microsoft.NETCore.App",
+        "version": "8.0.0"
+      },
+      {
+        "name": "Microsoft.AspNetCore.App",
+        "version": "8.0.0"
+      }
+    ],
+    "configProperties": {
+      "System.GC.Server": true,
+      "System.Runtime.Serialization.EnableUnsafeBinaryFormatterSerialization": false
+    }
+  }
+}
--- a/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.staticwebassets.runtime.json
+++ b/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.staticwebassets.runtime.json
@@ -0,0 +1 @@
+{"ContentRoots":["/home/t2/Development/nimbusflow/frontend/wwwroot/","/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/"],"Root":{"Children":{"app.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"app.css"},"Patterns":null},"bootstrap":{"Children":{"bootstrap.min.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css"},"Patterns":null},"bootstrap.min.css.map":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css.map"},"Patterns":null}},"Asset":null,"Patterns":null},"favicon.png":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"favicon.png"},"Patterns":null},"NimbusFlow.Frontend.styles.css":{"Children":null,"Asset":{"ContentRootIndex":1,"SubPath":"NimbusFlow.Frontend.styles.css"},"Patterns":null}},"Asset":null,"Patterns":[{"ContentRootIndex":0,"Pattern":"**","Depth":0}]}}
--- a/frontend/bin/Debug/net8.0/appsettings.Development.json
+++ b/frontend/bin/Debug/net8.0/appsettings.Development.json
@@ -0,0 +1,8 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
--- a/frontend/bin/Debug/net8.0/appsettings.json
+++ b/frontend/bin/Debug/net8.0/appsettings.json
@@ -0,0 +1,9 @@
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
--- a/frontend/eslint.config.js
+++ b/frontend/eslint.config.js
@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { globalIgnores } from 'eslint/config'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs['recommended-latest'],
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
--- a/frontend/obj/Debug/net8.0/.NETCoreApp,Version=v8.0.AssemblyAttributes.cs
+++ b/frontend/obj/Debug/net8.0/.NETCoreApp,Version=v8.0.AssemblyAttributes.cs
@@ -0,0 +1,4 @@
+// <autogenerated />
+using System;
+using System.Reflection;
+[assembly: global::System.Runtime.Versioning.TargetFrameworkAttribute(".NETCoreApp,Version=v8.0", FrameworkDisplayName = ".NET 8.0")]
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfo.cs
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfo.cs
@@ -0,0 +1,22 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+using System;
+using System.Reflection;
+
+[assembly: System.Reflection.AssemblyCompanyAttribute("NimbusFlow.Frontend")]
+[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
+[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+3b9c074bc7f40cf57f01ecdca33cb850ee4eb7dc")]
+[assembly: System.Reflection.AssemblyProductAttribute("NimbusFlow.Frontend")]
+[assembly: System.Reflection.AssemblyTitleAttribute("NimbusFlow.Frontend")]
+[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
+
+// Generated by the MSBuild WriteCodeFragment class.
+
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfoInputs.cache
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfoInputs.cache
@@ -0,0 +1 @@
+903b0bd78cb44f079d9cac7109f5762d014e600b7d6925e89a6fe451b40172ed
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.GeneratedMSBuildEditorConfig.editorconfig
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.GeneratedMSBuildEditorConfig.editorconfig
@@ -0,0 +1,59 @@
+is_global = true
+build_property.TargetFramework = net8.0
+build_property.TargetPlatformMinVersion = 
+build_property.UsingMicrosoftNETSdkWeb = true
+build_property.ProjectTypeGuids = 
+build_property.InvariantGlobalization = 
+build_property.PlatformNeutralAssembly = 
+build_property.EnforceExtendedAnalyzerRules = 
+build_property._SupportedPlatformList = Linux,macOS,Windows
+build_property.RootNamespace = NimbusFlow.Frontend
+build_property.RootNamespace = NimbusFlow.Frontend
+build_property.ProjectDir = /home/t2/Development/nimbusflow/frontend/
+build_property.EnableComHosting = 
+build_property.EnableGeneratedComInterfaceComImportInterop = 
+build_property.RazorLangVersion = 8.0
+build_property.SupportLocalizedComponentNames = 
+build_property.GenerateRazorMetadataSourceChecksumAttributes = 
+build_property.MSBuildProjectDirectory = /home/t2/Development/nimbusflow/frontend
+build_property._RazorSourceGeneratorDebug = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/App.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9BcHAucmF6b3I=
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Pages/Error.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9QYWdlcy9FcnJvci5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Pages/Home.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9QYWdlcy9Ib21lLnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Pages/Members.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9QYWdlcy9NZW1iZXJzLnJhem9y
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Pages/Schedules.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9QYWdlcy9TY2hlZHVsZXMucmF6b3I=
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Pages/Services.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9QYWdlcy9TZXJ2aWNlcy5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Routes.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9Sb3V0ZXMucmF6b3I=
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/_Imports.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9fSW1wb3J0cy5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = 
+
+[/home/t2/Development/nimbusflow/frontend/Components/Layout/MainLayout.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9MYXlvdXQvTWFpbkxheW91dC5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = b-9xz5ehm10w
+
+[/home/t2/Development/nimbusflow/frontend/Components/Layout/NavMenu.razor]
+build_metadata.AdditionalFiles.TargetPath = Q29tcG9uZW50cy9MYXlvdXQvTmF2TWVudS5yYXpvcg==
+build_metadata.AdditionalFiles.CssScope = b-qjlejshrrx
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.GlobalUsings.g.cs
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.GlobalUsings.g.cs
@@ -0,0 +1,17 @@
+// <auto-generated/>
+global using global::Microsoft.AspNetCore.Builder;
+global using global::Microsoft.AspNetCore.Hosting;
+global using global::Microsoft.AspNetCore.Http;
+global using global::Microsoft.AspNetCore.Routing;
+global using global::Microsoft.Extensions.Configuration;
+global using global::Microsoft.Extensions.DependencyInjection;
+global using global::Microsoft.Extensions.Hosting;
+global using global::Microsoft.Extensions.Logging;
+global using global::System;
+global using global::System.Collections.Generic;
+global using global::System.IO;
+global using global::System.Linq;
+global using global::System.Net.Http;
+global using global::System.Net.Http.Json;
+global using global::System.Threading;
+global using global::System.Threading.Tasks;
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.MvcApplicationPartsAssemblyInfo.cache
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.MvcApplicationPartsAssemblyInfo.cache
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.assets.cache
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.assets.cache
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.csproj.CoreCompileInputs.cache
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.csproj.CoreCompileInputs.cache
@@ -0,0 +1 @@
+27628f432c885c6d6664e08021d1b1f4ca5058cc599948362511b2ad9f9fbc8f
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.csproj.FileListAbsolute.txt
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.csproj.FileListAbsolute.txt
@@ -0,0 +1,29 @@
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.GeneratedMSBuildEditorConfig.editorconfig
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfoInputs.cache
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.AssemblyInfo.cs
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.csproj.CoreCompileInputs.cache
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.MvcApplicationPartsAssemblyInfo.cache
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/appsettings.Development.json
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/appsettings.json
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.staticwebassets.runtime.json
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.deps.json
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.runtimeconfig.json
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.dll
+/home/t2/Development/nimbusflow/frontend/bin/Debug/net8.0/NimbusFlow.Frontend.pdb
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets.build.json
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets.development.json
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets/msbuild.NimbusFlow.Frontend.Microsoft.AspNetCore.StaticWebAssets.props
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets/msbuild.build.NimbusFlow.Frontend.props
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildMultiTargeting.NimbusFlow.Frontend.props
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildTransitive.NimbusFlow.Frontend.props
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/staticwebassets.pack.json
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/MainLayout.razor.rz.scp.css
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/NavMenu.razor.rz.scp.css
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/NimbusFlow.Frontend.styles.css
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.dll
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/refint/NimbusFlow.Frontend.dll
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.pdb
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.genruntimeconfig.cache
+/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/ref/NimbusFlow.Frontend.dll
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.dll
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.dll
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.genruntimeconfig.cache
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.genruntimeconfig.cache
@@ -0,0 +1 @@
+3f75a48d851e3753676d6adc9e3697efe55d6269084946619fd7f2b230a66010
--- a/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.pdb
+++ b/frontend/obj/Debug/net8.0/NimbusFlow.Frontend.pdb
--- a/frontend/obj/Debug/net8.0/apphost
+++ b/frontend/obj/Debug/net8.0/apphost
--- a/frontend/obj/Debug/net8.0/project.razor.json
+++ b/frontend/obj/Debug/net8.0/project.razor.json
--- a/frontend/obj/Debug/net8.0/ref/NimbusFlow.Frontend.dll
+++ b/frontend/obj/Debug/net8.0/ref/NimbusFlow.Frontend.dll
--- a/frontend/obj/Debug/net8.0/refint/NimbusFlow.Frontend.dll
+++ b/frontend/obj/Debug/net8.0/refint/NimbusFlow.Frontend.dll
--- a/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/MainLayout.razor.rz.scp.css
+++ b/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/MainLayout.razor.rz.scp.css
@@ -0,0 +1,96 @@
+.page[b-9xz5ehm10w] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main[b-9xz5ehm10w] {
+    flex: 1;
+}
+
+.sidebar[b-9xz5ehm10w] {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row[b-9xz5ehm10w] {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:hover, .top-row[b-9xz5ehm10w]  .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row[b-9xz5ehm10w] {
+        justify-content: space-between;
+    }
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page[b-9xz5ehm10w] {
+        flex-direction: row;
+    }
+
+    .sidebar[b-9xz5ehm10w] {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row[b-9xz5ehm10w] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth[b-9xz5ehm10w]  a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row[b-9xz5ehm10w], article[b-9xz5ehm10w] {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+
+#blazor-error-ui[b-9xz5ehm10w] {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss[b-9xz5ehm10w] {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
--- a/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/NavMenu.razor.rz.scp.css
+++ b/frontend/obj/Debug/net8.0/scopedcss/Components/Layout/NavMenu.razor.rz.scp.css
@@ -0,0 +1,105 @@
+.navbar-toggler[b-qjlejshrrx] {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked[b-qjlejshrrx] {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row[b-qjlejshrrx] {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand[b-qjlejshrrx] {
+    font-size: 1.1rem;
+}
+
+.bi[b-qjlejshrrx] {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item[b-qjlejshrrx] {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type[b-qjlejshrrx] {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type[b-qjlejshrrx] {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item[b-qjlejshrrx]  .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item[b-qjlejshrrx]  a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item[b-qjlejshrrx]  .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable[b-qjlejshrrx] {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable[b-qjlejshrrx] {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler[b-qjlejshrrx] {
+        display: none;
+    }
+
+    .nav-scrollable[b-qjlejshrrx] {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
--- a/frontend/obj/Debug/net8.0/scopedcss/bundle/NimbusFlow.Frontend.styles.css
+++ b/frontend/obj/Debug/net8.0/scopedcss/bundle/NimbusFlow.Frontend.styles.css
@@ -0,0 +1,203 @@
+/* _content/NimbusFlow.Frontend/Components/Layout/MainLayout.razor.rz.scp.css */
+.page[b-9xz5ehm10w] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main[b-9xz5ehm10w] {
+    flex: 1;
+}
+
+.sidebar[b-9xz5ehm10w] {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row[b-9xz5ehm10w] {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:hover, .top-row[b-9xz5ehm10w]  .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row[b-9xz5ehm10w] {
+        justify-content: space-between;
+    }
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page[b-9xz5ehm10w] {
+        flex-direction: row;
+    }
+
+    .sidebar[b-9xz5ehm10w] {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row[b-9xz5ehm10w] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth[b-9xz5ehm10w]  a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row[b-9xz5ehm10w], article[b-9xz5ehm10w] {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+
+#blazor-error-ui[b-9xz5ehm10w] {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss[b-9xz5ehm10w] {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
+/* _content/NimbusFlow.Frontend/Components/Layout/NavMenu.razor.rz.scp.css */
+.navbar-toggler[b-qjlejshrrx] {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked[b-qjlejshrrx] {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row[b-qjlejshrrx] {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand[b-qjlejshrrx] {
+    font-size: 1.1rem;
+}
+
+.bi[b-qjlejshrrx] {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item[b-qjlejshrrx] {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type[b-qjlejshrrx] {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type[b-qjlejshrrx] {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item[b-qjlejshrrx]  .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item[b-qjlejshrrx]  a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item[b-qjlejshrrx]  .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable[b-qjlejshrrx] {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable[b-qjlejshrrx] {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler[b-qjlejshrrx] {
+        display: none;
+    }
+
+    .nav-scrollable[b-qjlejshrrx] {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
--- a/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css
+++ b/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css
@@ -0,0 +1,203 @@
+/* _content/NimbusFlow.Frontend/Components/Layout/MainLayout.razor.rz.scp.css */
+.page[b-9xz5ehm10w] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main[b-9xz5ehm10w] {
+    flex: 1;
+}
+
+.sidebar[b-9xz5ehm10w] {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row[b-9xz5ehm10w] {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:hover, .top-row[b-9xz5ehm10w]  .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row[b-9xz5ehm10w]  a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row[b-9xz5ehm10w] {
+        justify-content: space-between;
+    }
+
+    .top-row[b-9xz5ehm10w]  a, .top-row[b-9xz5ehm10w]  .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page[b-9xz5ehm10w] {
+        flex-direction: row;
+    }
+
+    .sidebar[b-9xz5ehm10w] {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row[b-9xz5ehm10w] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth[b-9xz5ehm10w]  a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row[b-9xz5ehm10w], article[b-9xz5ehm10w] {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+
+#blazor-error-ui[b-9xz5ehm10w] {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+    #blazor-error-ui .dismiss[b-9xz5ehm10w] {
+        cursor: pointer;
+        position: absolute;
+        right: 0.75rem;
+        top: 0.5rem;
+    }
+/* _content/NimbusFlow.Frontend/Components/Layout/NavMenu.razor.rz.scp.css */
+.navbar-toggler[b-qjlejshrrx] {
+    appearance: none;
+    cursor: pointer;
+    width: 3.5rem;
+    height: 2.5rem;
+    color: white;
+    position: absolute;
+    top: 0.5rem;
+    right: 1rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
+}
+
+.navbar-toggler:checked[b-qjlejshrrx] {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+.top-row[b-qjlejshrrx] {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand[b-qjlejshrrx] {
+    font-size: 1.1rem;
+}
+
+.bi[b-qjlejshrrx] {
+    display: inline-block;
+    position: relative;
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-right: 0.75rem;
+    top: -1px;
+    background-size: cover;
+}
+
+.bi-house-door-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
+}
+
+.bi-plus-square-fill-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
+}
+
+.bi-list-nested-nav-menu[b-qjlejshrrx] {
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
+}
+
+.nav-item[b-qjlejshrrx] {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type[b-qjlejshrrx] {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type[b-qjlejshrrx] {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item[b-qjlejshrrx]  .nav-link {
+        color: #d7d7d7;
+        background: none;
+        border: none;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+        width: 100%;
+    }
+
+.nav-item[b-qjlejshrrx]  a.active {
+    background-color: rgba(255,255,255,0.37);
+    color: white;
+}
+
+.nav-item[b-qjlejshrrx]  .nav-link:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+.nav-scrollable[b-qjlejshrrx] {
+    display: none;
+}
+
+.navbar-toggler:checked ~ .nav-scrollable[b-qjlejshrrx] {
+    display: block;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler[b-qjlejshrrx] {
+        display: none;
+    }
+
+    .nav-scrollable[b-qjlejshrrx] {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+
+        /* Allow sidebar to scroll for tall menus */
+        height: calc(100vh - 3.5rem);
+        overflow-y: auto;
+    }
+}
--- a/frontend/obj/Debug/net8.0/staticwebassets.build.json
+++ b/frontend/obj/Debug/net8.0/staticwebassets.build.json
@@ -0,0 +1,134 @@
+{
+  "Version": 1,
+  "Hash": "13XSTsKieyma8ttrJ8+acV7o8zAargmbFi1oQKIMZZk=",
+  "Source": "NimbusFlow.Frontend",
+  "BasePath": "_content/NimbusFlow.Frontend",
+  "Mode": "Default",
+  "ManifestType": "Build",
+  "ReferencedProjectsConfiguration": [],
+  "DiscoveryPatterns": [
+    {
+      "Name": "NimbusFlow.Frontend/wwwroot",
+      "Source": "NimbusFlow.Frontend",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/wwwroot/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "Pattern": "**"
+    }
+  ],
+  "Assets": [
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/NimbusFlow.Frontend.styles.css",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Computed",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "NimbusFlow.Frontend.styles.css",
+      "AssetKind": "All",
+      "AssetMode": "CurrentProject",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "ScopedCss",
+      "AssetTraitValue": "ApplicationBundle",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/NimbusFlow.Frontend.styles.css"
+    },
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Computed",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/projectbundle/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "NimbusFlow.Frontend.bundle.scp.css",
+      "AssetKind": "All",
+      "AssetMode": "Reference",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "ScopedCss",
+      "AssetTraitValue": "ProjectBundle",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css"
+    },
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/wwwroot/app.css",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Discovered",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/wwwroot/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "app.css",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "PreferTarget",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot/app.css"
+    },
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/wwwroot/bootstrap/bootstrap.min.css",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Discovered",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/wwwroot/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "bootstrap/bootstrap.min.css",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "PreferTarget",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot/bootstrap/bootstrap.min.css"
+    },
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/wwwroot/bootstrap/bootstrap.min.css.map",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Discovered",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/wwwroot/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "bootstrap/bootstrap.min.css.map",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "PreferTarget",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot/bootstrap/bootstrap.min.css.map"
+    },
+    {
+      "Identity": "/home/t2/Development/nimbusflow/frontend/wwwroot/favicon.png",
+      "SourceId": "NimbusFlow.Frontend",
+      "SourceType": "Discovered",
+      "ContentRoot": "/home/t2/Development/nimbusflow/frontend/wwwroot/",
+      "BasePath": "_content/NimbusFlow.Frontend",
+      "RelativePath": "favicon.png",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "PreferTarget",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot/favicon.png"
+    }
+  ]
+}
--- a/frontend/obj/Debug/net8.0/staticwebassets.development.json
+++ b/frontend/obj/Debug/net8.0/staticwebassets.development.json
@@ -0,0 +1 @@
+{"ContentRoots":["/home/t2/Development/nimbusflow/frontend/wwwroot/","/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/"],"Root":{"Children":{"app.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"app.css"},"Patterns":null},"bootstrap":{"Children":{"bootstrap.min.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css"},"Patterns":null},"bootstrap.min.css.map":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css.map"},"Patterns":null}},"Asset":null,"Patterns":null},"favicon.png":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"favicon.png"},"Patterns":null},"NimbusFlow.Frontend.styles.css":{"Children":null,"Asset":{"ContentRootIndex":1,"SubPath":"NimbusFlow.Frontend.styles.css"},"Patterns":null}},"Asset":null,"Patterns":[{"ContentRootIndex":0,"Pattern":"**","Depth":0}]}}
--- a/frontend/obj/Debug/net8.0/staticwebassets.pack.json
+++ b/frontend/obj/Debug/net8.0/staticwebassets.pack.json
@@ -0,0 +1,41 @@
+{
+  "Files": [
+    {
+      "Id": "/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/projectbundle/NimbusFlow.Frontend.bundle.scp.css",
+      "PackagePath": "staticwebassets/NimbusFlow.Frontend.bundle.scp.css"
+    },
+    {
+      "Id": "/home/t2/Development/nimbusflow/frontend/wwwroot/app.css",
+      "PackagePath": "staticwebassets/app.css"
+    },
+    {
+      "Id": "/home/t2/Development/nimbusflow/frontend/wwwroot/bootstrap/bootstrap.min.css",
+      "PackagePath": "staticwebassets/bootstrap/bootstrap.min.css"
+    },
+    {
+      "Id": "/home/t2/Development/nimbusflow/frontend/wwwroot/bootstrap/bootstrap.min.css.map",
+      "PackagePath": "staticwebassets/bootstrap/bootstrap.min.css.map"
+    },
+    {
+      "Id": "/home/t2/Development/nimbusflow/frontend/wwwroot/favicon.png",
+      "PackagePath": "staticwebassets/favicon.png"
+    },
+    {
+      "Id": "obj/Debug/net8.0/staticwebassets/msbuild.NimbusFlow.Frontend.Microsoft.AspNetCore.StaticWebAssets.props",
+      "PackagePath": "build\\Microsoft.AspNetCore.StaticWebAssets.props"
+    },
+    {
+      "Id": "obj/Debug/net8.0/staticwebassets/msbuild.build.NimbusFlow.Frontend.props",
+      "PackagePath": "build\\NimbusFlow.Frontend.props"
+    },
+    {
+      "Id": "obj/Debug/net8.0/staticwebassets/msbuild.buildMultiTargeting.NimbusFlow.Frontend.props",
+      "PackagePath": "buildMultiTargeting\\NimbusFlow.Frontend.props"
+    },
+    {
+      "Id": "obj/Debug/net8.0/staticwebassets/msbuild.buildTransitive.NimbusFlow.Frontend.props",
+      "PackagePath": "buildTransitive\\NimbusFlow.Frontend.props"
+    }
+  ],
+  "ElementsToRemove": []
+}
--- a/frontend/obj/Debug/net8.0/staticwebassets/msbuild.NimbusFlow.Frontend.Microsoft.AspNetCore.StaticWebAssets.props
+++ b/frontend/obj/Debug/net8.0/staticwebassets/msbuild.NimbusFlow.Frontend.Microsoft.AspNetCore.StaticWebAssets.props
@@ -0,0 +1,84 @@
+<Project>
+  <ItemGroup>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\app.css))">
+      <SourceType>Package</SourceType>
+      <SourceId>NimbusFlow.Frontend</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/NimbusFlow.Frontend</BasePath>
+      <RelativePath>app.css</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\app.css))</OriginalItemSpec>
+    </StaticWebAsset>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\bootstrap\bootstrap.min.css))">
+      <SourceType>Package</SourceType>
+      <SourceId>NimbusFlow.Frontend</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/NimbusFlow.Frontend</BasePath>
+      <RelativePath>bootstrap/bootstrap.min.css</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\bootstrap\bootstrap.min.css))</OriginalItemSpec>
+    </StaticWebAsset>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\bootstrap\bootstrap.min.css.map))">
+      <SourceType>Package</SourceType>
+      <SourceId>NimbusFlow.Frontend</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/NimbusFlow.Frontend</BasePath>
+      <RelativePath>bootstrap/bootstrap.min.css.map</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\bootstrap\bootstrap.min.css.map))</OriginalItemSpec>
+    </StaticWebAsset>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\favicon.png))">
+      <SourceType>Package</SourceType>
+      <SourceId>NimbusFlow.Frontend</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/NimbusFlow.Frontend</BasePath>
+      <RelativePath>favicon.png</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\favicon.png))</OriginalItemSpec>
+    </StaticWebAsset>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\NimbusFlow.Frontend.bundle.scp.css))">
+      <SourceType>Package</SourceType>
+      <SourceId>NimbusFlow.Frontend</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/NimbusFlow.Frontend</BasePath>
+      <RelativePath>NimbusFlow.Frontend.bundle.scp.css</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>Reference</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName>ScopedCss</AssetTraitName>
+      <AssetTraitValue>ProjectBundle</AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\NimbusFlow.Frontend.bundle.scp.css))</OriginalItemSpec>
+    </StaticWebAsset>
+  </ItemGroup>
+</Project>
--- a/frontend/obj/Debug/net8.0/staticwebassets/msbuild.build.NimbusFlow.Frontend.props
+++ b/frontend/obj/Debug/net8.0/staticwebassets/msbuild.build.NimbusFlow.Frontend.props
@@ -0,0 +1,3 @@
+<Project>
+  <Import Project="Microsoft.AspNetCore.StaticWebAssets.props" />
+</Project>
--- a/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildMultiTargeting.NimbusFlow.Frontend.props
+++ b/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildMultiTargeting.NimbusFlow.Frontend.props
@@ -0,0 +1,3 @@
+<Project>
+  <Import Project="../build/NimbusFlow.Frontend.props" />
+</Project>
--- a/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildTransitive.NimbusFlow.Frontend.props
+++ b/frontend/obj/Debug/net8.0/staticwebassets/msbuild.buildTransitive.NimbusFlow.Frontend.props
@@ -0,0 +1,3 @@
+<Project>
+  <Import Project="../buildMultiTargeting/NimbusFlow.Frontend.props" />
+</Project>
--- a/frontend/obj/NimbusFlow.Frontend.csproj.nuget.dgspec.json
+++ b/frontend/obj/NimbusFlow.Frontend.csproj.nuget.dgspec.json
@@ -0,0 +1,64 @@
+{
+  "format": 1,
+  "restore": {
+    "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj": {}
+  },
+  "projects": {
+    "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj": {
+      "version": "1.0.0",
+      "restore": {
+        "projectUniqueName": "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj",
+        "projectName": "NimbusFlow.Frontend",
+        "projectPath": "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj",
+        "packagesPath": "/home/t2/.nuget/packages/",
+        "outputPath": "/home/t2/Development/nimbusflow/frontend/obj/",
+        "projectStyle": "PackageReference",
+        "configFilePaths": [
+          "/home/t2/.nuget/NuGet/NuGet.Config"
+        ],
+        "originalTargetFrameworks": [
+          "net8.0"
+        ],
+        "sources": {
+          "https://api.nuget.org/v3/index.json": {}
+        },
+        "frameworks": {
+          "net8.0": {
+            "targetAlias": "net8.0",
+            "projectReferences": {}
+          }
+        },
+        "warningProperties": {
+          "warnAsError": [
+            "NU1605"
+          ]
+        }
+      },
+      "frameworks": {
+        "net8.0": {
+          "targetAlias": "net8.0",
+          "imports": [
+            "net461",
+            "net462",
+            "net47",
+            "net471",
+            "net472",
+            "net48",
+            "net481"
+          ],
+          "assetTargetFallback": true,
+          "warn": true,
+          "frameworkReferences": {
+            "Microsoft.AspNetCore.App": {
+              "privateAssets": "none"
+            },
+            "Microsoft.NETCore.App": {
+              "privateAssets": "all"
+            }
+          },
+          "runtimeIdentifierGraphPath": "/usr/lib64/dotnet/sdk/8.0.119/PortableRuntimeIdentifierGraph.json"
+        }
+      }
+    }
+  }
+}
--- a/frontend/obj/NimbusFlow.Frontend.csproj.nuget.g.props
+++ b/frontend/obj/NimbusFlow.Frontend.csproj.nuget.g.props
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <RestoreSuccess Condition=" '$(RestoreSuccess)' == '' ">True</RestoreSuccess>
+    <RestoreTool Condition=" '$(RestoreTool)' == '' ">NuGet</RestoreTool>
+    <ProjectAssetsFile Condition=" '$(ProjectAssetsFile)' == '' ">$(MSBuildThisFileDirectory)project.assets.json</ProjectAssetsFile>
+    <NuGetPackageRoot Condition=" '$(NuGetPackageRoot)' == '' ">/home/t2/.nuget/packages/</NuGetPackageRoot>
+    <NuGetPackageFolders Condition=" '$(NuGetPackageFolders)' == '' ">/home/t2/.nuget/packages/</NuGetPackageFolders>
+    <NuGetProjectStyle Condition=" '$(NuGetProjectStyle)' == '' ">PackageReference</NuGetProjectStyle>
+    <NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">6.8.1</NuGetToolVersion>
+  </PropertyGroup>
+  <ItemGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <SourceRoot Include="/home/t2/.nuget/packages/" />
+  </ItemGroup>
+</Project>
--- a/frontend/obj/NimbusFlow.Frontend.csproj.nuget.g.targets
+++ b/frontend/obj/NimbusFlow.Frontend.csproj.nuget.g.targets
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003" />
--- a/frontend/obj/project.assets.json
+++ b/frontend/obj/project.assets.json
@@ -0,0 +1,69 @@
+{
+  "version": 3,
+  "targets": {
+    "net8.0": {}
+  },
+  "libraries": {},
+  "projectFileDependencyGroups": {
+    "net8.0": []
+  },
+  "packageFolders": {
+    "/home/t2/.nuget/packages/": {}
+  },
+  "project": {
+    "version": "1.0.0",
+    "restore": {
+      "projectUniqueName": "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj",
+      "projectName": "NimbusFlow.Frontend",
+      "projectPath": "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj",
+      "packagesPath": "/home/t2/.nuget/packages/",
+      "outputPath": "/home/t2/Development/nimbusflow/frontend/obj/",
+      "projectStyle": "PackageReference",
+      "configFilePaths": [
+        "/home/t2/.nuget/NuGet/NuGet.Config"
+      ],
+      "originalTargetFrameworks": [
+        "net8.0"
+      ],
+      "sources": {
+        "https://api.nuget.org/v3/index.json": {}
+      },
+      "frameworks": {
+        "net8.0": {
+          "targetAlias": "net8.0",
+          "projectReferences": {}
+        }
+      },
+      "warningProperties": {
+        "warnAsError": [
+          "NU1605"
+        ]
+      }
+    },
+    "frameworks": {
+      "net8.0": {
+        "targetAlias": "net8.0",
+        "imports": [
+          "net461",
+          "net462",
+          "net47",
+          "net471",
+          "net472",
+          "net48",
+          "net481"
+        ],
+        "assetTargetFallback": true,
+        "warn": true,
+        "frameworkReferences": {
+          "Microsoft.AspNetCore.App": {
+            "privateAssets": "none"
+          },
+          "Microsoft.NETCore.App": {
+            "privateAssets": "all"
+          }
+        },
+        "runtimeIdentifierGraphPath": "/usr/lib64/dotnet/sdk/8.0.119/PortableRuntimeIdentifierGraph.json"
+      }
+    }
+  }
+}
--- a/frontend/obj/project.nuget.cache
+++ b/frontend/obj/project.nuget.cache
@@ -0,0 +1,8 @@
+{
+  "version": 2,
+  "dgSpecHash": "4VM37g4NzGscGHW+DyrAJgqbILrTqjEDnHP1JXPPpgdgYQb1HOBSeMph5AXEVHY4bn19ocXdXWcAV3zg61qCRQ==",
+  "success": true,
+  "projectFilePath": "/home/t2/Development/nimbusflow/frontend/NimbusFlow.Frontend.csproj",
+  "expectedPackageFiles": [],
+  "logs": []
+}
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,29 +0,0 @@
-{
-  "name": "nimbusflow",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.33.0",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react-swc": "^4.0.0",
-    "eslint": "^9.33.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.39.1",
-    "vite": "^7.1.2"
-  }
-}
--- a/frontend/public/vite.svg
+++ b/frontend/public/vite.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,35 +0,0 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
-
-function App() {
-  const [count, setCount] = useState(0)
-
-  return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
-        </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
-  )
-}
-
-export default App
--- a/frontend/src/assets/react.svg
+++ b/frontend/src/assets/react.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,68 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1 +0,0 @@
-/// <reference types="vite/client" />
--- a/frontend/tsconfig.app.json
+++ b/frontend/tsconfig.app.json
@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
--- a/frontend/tsconfig.node.json
+++ b/frontend/tsconfig.node.json
@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-})
--- a/frontend/wwwroot/app.css
+++ b/frontend/wwwroot/app.css
@@ -0,0 +1,51 @@
+html, body {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+a, .btn-link {
+    color: #006bb7;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #1b6ec2;
+    border-color: #1861ac;
+}
+
+.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
+  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
+}
+
+.content {
+    padding-top: 1.1rem;
+}
+
+h1:focus {
+    outline: none;
+}
+
+.valid.modified:not([type=checkbox]) {
+    outline: 1px solid #26b050;
+}
+
+.invalid {
+    outline: 1px solid #e50000;
+}
+
+.validation-message {
+    color: #e50000;
+}
+
+.blazor-error-boundary {
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
+    padding: 1rem 1rem 1rem 3.7rem;
+    color: white;
+}
+
+    .blazor-error-boundary::after {
+        content: "An error has occurred."
+    }
+
+.darker-border-checkbox.form-check-input {
+    border-color: #929292;
+}
--- a/frontend/wwwroot/bootstrap/bootstrap.min.css
+++ b/frontend/wwwroot/bootstrap/bootstrap.min.css
--- a/frontend/wwwroot/bootstrap/bootstrap.min.css.map
+++ b/frontend/wwwroot/bootstrap/bootstrap.min.css.map
--- a/frontend/wwwroot/favicon.png
+++ b/frontend/wwwroot/favicon.png
				`@@ -0,0 +1 @@`
				{"ContentRoots":["/home/t2/Development/nimbusflow/frontend/wwwroot/","/home/t2/Development/nimbusflow/frontend/obj/Debug/net8.0/scopedcss/bundle/"],"Root":{"Children":{"app.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"app.css"},"Patterns":null},"bootstrap":{"Children":{"bootstrap.min.css":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css"},"Patterns":null},"bootstrap.min.css.map":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"bootstrap/bootstrap.min.css.map"},"Patterns":null}},"Asset":null,"Patterns":null},"favicon.png":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"favicon.png"},"Patterns":null},"NimbusFlow.Frontend.styles.css":{"Children":null,"Asset":{"ContentRootIndex":1,"SubPath":"NimbusFlow.Frontend.styles.css"},"Patterns":null}},"Asset":null,"Patterns":[{"ContentRootIndex":0,"Pattern":"**","Depth":0}]}}
				`@@ -0,0 +1 @@`
				`903b0bd78cb44f079d9cac7109f5762d014e600b7d6925e89a6fe451b40172ed`
				`@@ -0,0 +1 @@`
				`27628f432c885c6d6664e08021d1b1f4ca5058cc599948362511b2ad9f9fbc8f`
				`@@ -0,0 +1 @@`
				`3f75a48d851e3753676d6adc9e3697efe55d6269084946619fd7f2b230a66010`
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>