interface CriticalPath {
  id: string;
  name: string;
  description?: string;
  priority: 'critical' | 'high' | 'medium' | 'low';
  services: string[];
  edges: Array<{ source: string; target: string }>; 
  metrics: {
    requestCount: number;
    avgLatency: number;
    p99Latency: number;
    errorRate: number;
  };
}

const calculateNodeSize = (rate: number, maxRate: number) => {
  const minSize = 30;
  const maxSize = 80;
  const scaleFactor = Math.log(rate + 1) / Math.log(maxRate + 1);
  return minSize + (maxSize - minSize) * scaleFactor;
}

const getHealthColor = (errorRate: number): string => {
  if (errorRate > 0.05) return '#ff4d4f'; // >5% lỗi
  if (errorRate > 0.01) return '#faad14'; // 1-5% lỗi
  return '#52c41a'; // <1% lỗi
}

export const generateHealthExplanation = (
  serviceName: string,
  metrics: ServiceMetricsDetail
): HealthExplanation => {
  const errorSeverity = metrics.errorRate > 0.05 ? 2 : 
                        metrics.errorRate > 0.01 ? 1 : 0;
  const latencySeverity = metrics.duration > 500 ? 2 : 
                          metrics.duration > 100 ? 1 : 0;
  const rateSeverity = metrics.rate < 1 ? 2 : 
                       metrics.rate < 10 ? 1 : 0;

  const maxSeverity = Math.max(errorSeverity, latencySeverity, rateSeverity);
  const status = maxSeverity === 2 ? 'critical' : 
                 maxSeverity === 1 ? 'warning' : 'healthy';

  return {
    status,
    summary: generateSummary(serviceName, metrics, status),
    impactedMetrics: analyzeMetrics(metrics),
    recommendations: generateRecommendations(metrics, status)
  };
}

const getSankeyOption = (): EChartsOption => {
  const links = path.edges.map((edge) => {
    const sourceService = services.find(s => s.id === edge.source);
    const targetService = services.find(s => s.id === edge.target);
    const volume = Math.min(
      sourceService?.metrics?.rate || 100,
      targetService?.metrics?.rate || 100
    );
    const errorRate = targetService?.metrics?.errorRate || 0;

    return {
      source: edge.source,
      target: edge.target,
      value: volume,
      lineStyle: {
        color: getServiceColor(errorRate),
        opacity: errorRate > 0.01 ? 0.9 : 0.6
      }
    };
  });

  return {
    series: [{
      type: 'sankey',
      emphasis: { focus: 'adjacency' },
      data: nodes,
      links: links
    }]
  };
}

const getVisibleServices = (selectedService: string, allServices: ServiceNode[]) => {
  const neighbors = new Set<string>();

  edges.forEach(edge => {
    if (edge.source === selectedService) neighbors.add(edge.target);
    if (edge.target === selectedService) neighbors.add(edge.source);
  });

  return allServices.filter(service => 
    service.id === selectedService || neighbors.has(service.id)
  );
}

const useDataSource = () => {
  const { useMockData } = useAppStore();

  return useMemo(() => ({
    fetchTopology: useMockData 
      ? () => Promise.resolve(getMockTopologyData())
      : () => fetchRealTopologyData(),
    fetchMetrics: useMockData
      ? () => Promise.resolve(getMockMetrics())
      : () => fetchRealMetrics()
  }), [useMockData]);
}

describe('Xác thực toàn diện Kiến Trúc Dịch Vụ', () => {
  test('nên hiển thị tất cả các thành phần Kiến Trúc Dịch Vụ đúng cách');
  test('nên xử lý việc chọn đường dẫn trong bảng đường dẫn quan trọng');
  test('nên hiển thị đồ thị kiến trúc với các nút và cạnh');
  test('nên hiển thị chi tiết dịch vụ khi nhấp vào nút');
  test('nên xử lý chuyển đổi chế độ Trực Tiếp/Demo');
  test('nên lọc dịch vụ dựa trên trạng thái sức khỏe');
  test('nên làm nổi bật các đường dẫn đã chọn trong kiến trúc');
  test('nên hiển thị phân tích AI cho dịch vụ đã chọn');
  test('nên xử lý chọn nhiều với Cmd/Ctrl+Click');
  test('nên duy trì trạng thái qua các tương tác bảng');
  test('nên xử lý trạng thái lỗi một cách duyên dáng');
  test('nên hoạt động mượt mà với tập dữ liệu lớn');
});