Add front page and clarify loading message

src/openhdwebui.client/src/app/app-routing.module.ts

@@ -3,10 +3,11 @@ import { RouterModule, Routes } from '@angular/router';
 import { FilesComponent } from './files/files.component';
 import { SystemComponent } from './system/system.component';
 import { UpdateComponent } from './update/update.component';
+import { FrontpageComponent } from './frontpage/frontpage.component';
 
 const routes: Routes = 
 [
-  { path: '', component: FilesComponent, pathMatch: 'full' },
+  { path: '', component: FrontpageComponent, pathMatch: 'full' },
   { path: 'files', component: FilesComponent },
   { path: 'system', component: SystemComponent },
   { path: 'update', component: UpdateComponent }

src/openhdwebui.client/src/app/app.module.ts

@@ -8,6 +8,7 @@ import { NavMenuComponent } from './nav-menu/nav-menu.component';
 import { FilesComponent } from './files/files.component';
 import { SystemComponent } from './system/system.component';
 import { UpdateComponent } from './update/update.component';
+import { FrontpageComponent } from './frontpage/frontpage.component';
 
 @NgModule(
     { 
@@ -17,7 +18,8 @@ import { UpdateComponent } from './update/update.component';
             NavMenuComponent,
             FilesComponent,
             SystemComponent,
-            UpdateComponent
+            UpdateComponent,
+            FrontpageComponent
         ],
         bootstrap: [AppComponent], 
         imports: 

src/openhdwebui.client/src/app/files/files.component.html

@@ -38,6 +38,9 @@ <h1 id="tableLabel">Files</h1>
       animation: loadingDot 1s infinite alternate;
       animation-delay: 0.4s;"></span>
   </div>
+  <div style="margin-top: 1rem; font-size: 1rem; color: #666; text-align: center;">
+    If this message remains, there may be no videos available.
+  </div>
 </div>
 
 <!-- File Display Section -->

src/openhdwebui.client/src/app/frontpage/frontpage.component.css

@@ -0,0 +1 @@
+/* Front page styles can be added here */

src/openhdwebui.client/src/app/frontpage/frontpage.component.html

@@ -0,0 +1,4 @@
+<div class="text-center mt-5">
+  <h1>Welcome to OpenHD Web UI</h1>
+  <p>Select an option from the navigation menu to continue.</p>
+</div>

src/openhdwebui.client/src/app/frontpage/frontpage.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FrontpageComponent } from './frontpage.component';
+
+describe('FrontpageComponent', () => {
+  let component: FrontpageComponent;
+  let fixture: ComponentFixture<FrontpageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FrontpageComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FrontpageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/openhdwebui.client/src/app/frontpage/frontpage.component.ts

@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-frontpage',
+  templateUrl: './frontpage.component.html',
+  styleUrls: ['./frontpage.component.css']
+})
+export class FrontpageComponent { }