import { Component, ViewChild } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { DashboardSummaryComponent } from './components/dashboard-summary/dashboard-summary.component';
import { AgentSummary, SystemHealth } from './models/agent.model';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet, DashboardSummaryComponent],
  templateUrl: './app.html',
  styleUrl: './app.scss'
})
export class App {
  @ViewChild(DashboardSummaryComponent) summaryComponent!: DashboardSummaryComponent;

  /** Sample data for development — will be replaced by real service data */
  readonly sampleSummary: AgentSummary = {
    total: 7,
    active: 4,
    idle: 1,
    thinking: 1,
    error: 1,
  };

  readonly sampleHealth: SystemHealth = {
    connected: true,
    status: 'healthy',
  };
}