initial commit

frontend/src/app/pages/hub/hub-page.component.ts

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-hub-page',
+  standalone: true,
+  imports: [],
+  template: `
+    <div class="hub-page">
+      <p class="hub-page__placeholder">Command Hub — Fleet status grid will render here</p>
+    </div>
+  `,
+  styles: [`
+    .hub-page {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 400px;
+    }
+    .hub-page__placeholder {
+      color: var(--cc-on-surface-variant);
+      font-size: 16px;
+    }
+  `],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class HubPageComponent {}

frontend/src/app/pages/logs/logs-page.component.ts

@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-logs-page',
+  standalone: true,
+  imports: [],
+  template: `<p style="color: var(--cc-on-surface-variant)">Logs page — coming soon</p>`,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class LogsPageComponent {}

frontend/src/app/pages/projects/projects-page.component.ts

@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-projects-page',
+  standalone: true,
+  imports: [],
+  template: `<p style="color: var(--cc-on-surface-variant)">Projects page — coming soon</p>`,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ProjectsPageComponent {}

frontend/src/app/pages/sessions/sessions-page.component.ts

@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-sessions-page',
+  standalone: true,
+  imports: [],
+  template: `<p style="color: var(--cc-on-surface-variant)">Sessions page — coming soon</p>`,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SessionsPageComponent {}

frontend/src/app/pages/settings/settings-page.component.ts

@@ -0,0 +1,10 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+@Component({
+  selector: 'app-settings-page',
+  standalone: true,
+  imports: [],
+  template: `<p style="color: var(--cc-on-surface-variant)">Settings page — coming soon</p>`,
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SettingsPageComponent {}