frontend/src/components/SystemControlPanel.tsx

// src/components/SystemControlPanel.tsx
import React from 'react';
import EngineManager from './EngineManager';
import DBManager from './DBManager';
import TrainingDashboard from './TrainingDashboard';
import EnrichmentPanel from './EnrichmentPanel';
import NurseLogPanel from './NurseLogPanel';

interface SystemControlPanelProps {
  activeDomain: string;
  setActiveDomain: (domain: string) => void;
}

const SystemControlPanel: React.FC<SystemControlPanelProps> = ({ activeDomain, setActiveDomain }) => {
  return (
    <div className="space-y-6">
      {/* 1. Engine Manager - 師匠・弟子モデルの選択 */}
      <EngineManager />

      {/* 2. DB Manager - データベース管理 */}
      <DBManager activeDomain={activeDomain} setActiveDomain={setActiveDomain} />

      {/* 3. Training Dashboard - モデルのトレーニング */}
      <TrainingDashboard />

      {/* 4. Enrichment Panel - 知識ベースの拡充 */}
      <EnrichmentPanel />

      {/* 5. Nurse Log Panel - システム監視 */}
      <NurseLogPanel />
    </div>
  );
};

export default SystemControlPanel;