import { Routes } from '@angular/router';
import { LayoutShellComponent } from './layout/layout-shell/layout-shell.component';
import { HubPageComponent } from './pages/hub/hub-page.component';
import { ProjectsPageComponent } from './pages/projects/projects-page.component';
import { SessionsPageComponent } from './pages/sessions/sessions-page.component';
import { LogsPageComponent } from './pages/logs/logs-page.component';
import { SettingsPageComponent } from './pages/settings/settings-page.component';

export const routes: Routes = [
  {
    path: '',
    component: LayoutShellComponent,
    children: [
      { path: '', redirectTo: 'hub', pathMatch: 'full' },
      { path: 'hub', component: HubPageComponent },
      { path: 'projects', component: ProjectsPageComponent },
      { path: 'sessions', component: SessionsPageComponent },
      { path: 'logs', component: LogsPageComponent },
      { path: 'settings', component: SettingsPageComponent },
    ],
  },
];