import React, { useCallback, useEffect, useRef, useState } from 'react';
import './App.css';
import { getHealth } from './api/health';
import { getStatistics } from './api/stats';
import { cleanupSessions } from './api/auth';
import { syncWaterScenesFromDisk } from './api/water';
import { listEngines, runWslCheck } from './api/dinsarProduction';
import { getOrbitStatus, syncOrbitPools } from './api/orbit';
import LogManagementPanel from './LogManagementPanel';

const toNumber = (value) => {
  const parsed = Number(value);
  return Number.isFinite(parsed) ? parsed : 0;
};

const asArray = (value) => (Array.isArray(value) ? value : []);

const asObject = (value) => (
  value && typeof value === 'object' && !Array.isArray(value) ? value : {}
);

const countGroupedColumns = (groups) => (
  Object.values(asObject(groups)).reduce((sum, columns) => sum + asArray(columns).length, 0)
);

const formatGroupedColumns = (groups) => (
  Object.entries(asObject(groups))
    .map(([table, columns]) => `${table}(${asArray(columns).join(', ')})`)
    .join('; ')
);

const formatMismatchList = (items, formatter) => (
  asArray(items).map(formatter).join('; ')
);

const formatIntegerText = (value) => {
  const parsed = Number(value);
  return Number.isFinite(parsed) ? parsed.toLocaleString() : '0';
};

const isCatalogHealthy = (catalog) => {
  if (!catalog || typeof catalog !== 'object') {
    return false;
  }
  if (catalog.enabled === false) {
    return true;
  }
  return Boolean(catalog.ok) && !catalog.needs_rebuild;
};

const formatCatalogStatusLabel = (catalog, en = false) => {
  if (!catalog || typeof catalog !== 'object') {
    return en ? 'Unknown' : '未知';
  }
  if (catalog.enabled === false) {
    return en ? 'Disabled' : '已禁用';
  }
  if (catalog.needs_rebuild) {
    return en ? 'Rebuild required' : '需要重建';
  }
  return catalog.catalog_status || (en ? 'Unknown' : '未知');
};

const getOrbitSourcePath = (item) => item?.source || item?.source_path || '';

const hasOrbitCorruptionSignal = (item) => Boolean(
  item && (
    item.has_corruption_signal ||
    item.contains_nul_bytes ||
    toNumber(item.nul_byte_count) > 0 ||
    item.tail_has_nul_bytes ||
    Number(item.first_nul_offset) >= 0 ||
    item.read_error
  )
);

const renderOrbitSourceIssueDetails = (item, en, formatPathText) => {
  const sourcePath = getOrbitSourcePath(item);
  const nulCount = toNumber(item?.nul_byte_count);
  const firstNulOffset = Number(item?.first_nul_offset);
  const hasNulDetails =
    item?.contains_nul_bytes ||
    nulCount > 0 ||
    item?.tail_has_nul_bytes ||
    firstNulOffset >= 0;

  return (
    <>
      {sourcePath && (
        <div style={{ color: '#64748b' }}>
          {en ? 'Source: ' : '源文件：'}{formatPathText(sourcePath)}
        </div>
      )}
      {item?.envi_path && (
        <div style={{ color: '#64748b' }}>
          {en ? 'ENVI: ' : 'ENVI：'}{formatPathText(item.envi_path)}
        </div>
      )}
      {hasNulDetails && (
        <div style={{ color: '#64748b' }}>
          {en ? 'NUL bytes: ' : 'NUL 字节：'}{formatIntegerText(nulCount)}
          {firstNulOffset >= 0 ? `${en ? ', first offset: ' : '，首个偏移：'}${formatIntegerText(firstNulOffset)}` : ''}
          {item?.tail_has_nul_bytes ? (en ? ' (tail contains NUL)' : '（文件尾含 NUL）') : ''}
        </div>
      )}
      {item?.read_error && (
        <div style={{ color: '#64748b' }}>
          {en ? 'Health scan error: ' : '文件健康扫描异常：'}{item.read_error}
        </div>
      )}
    </>
  );
};

const formatSourceRootRole = (role, en = false) => {
  switch (role) {
    case 'radar_source':
      return en ? 'Radar source' : '雷达源目录';
    case 'orbit_source':
      return en ? 'Orbit source' : '精轨源目录';
    case 'dinsar_source':
      return en ? 'D-InSAR source' : 'D-InSAR 结果源目录';
    default:
      return role || (en ? 'Unknown' : '未知');
  }
};

const buildConsistencySummary = (stats, en = false) => {
  const dinsar = stats?.dinsar_cache_consistency || {};
  const preview = stats?.source_preview_consistency || {};
  const xml = stats?.source_xml_consistency || {};
  const water = stats?.water_geo_consistency || {};

  const issues = [
    {
      key: 'dinsar_db_cached_missing',
      label: en ? 'D-InSAR: DB cached but file missing' : 'D-InSAR：库标记已缓存但文件缺失',
      count: toNumber(dinsar.db_cached_but_file_missing_count),
      level: 'error',
    },
    {
      key: 'source_ready_missing',
      label: en ? 'Source: DB READY but preview cache missing' : '源影像：DB READY 但预览缓存缺失',
      count: toNumber(preview.db_ready_but_cache_missing_count),
      level: 'error',
    },
    {
      key: 'water_db_missing_file',
      label: en ? 'Water: DB DONE but geo_db file missing' : '水体：DB DONE 但 geo_db 文件缺失',
      count: toNumber(water.registered_but_missing_count),
      level: 'error',
    },
    {
      key: 'dinsar_db_uncached_exists',
      label: en ? 'D-InSAR: DB uncached but file exists' : 'D-InSAR：库未标记缓存但文件已存在',
      count: toNumber(dinsar.db_uncached_but_file_exists_count),
      level: 'warn',
    },
    {
      key: 'manifest_missing_file',
      label: en ? 'D-InSAR: Manifest references missing file' : 'D-InSAR：Manifest 引用缺失文件',
      count: toNumber(dinsar.manifest_missing_file_count),
      level: 'warn',
    },
    {
      key: 'xml_unparsed',
      label: en ? 'Source: XML detected but key fields not imported' : '源影像：检测到 XML 但关键字段未入库',
      count: toNumber(xml.xml_detected_but_unparsed_count),
      level: 'warn',
    },
    {
      key: 'xml_missing',
      label: en ? 'Source: XML not detected' : '源影像：未检测到 XML',
      count: toNumber(xml.xml_missing_count),
      level: 'warn',
    },
    {
      key: 'water_unregistered',
      label: en ? 'Water: geo_db exists but not registered' : '水体：geo_db 存在但未入库',
      count: toNumber(water.unregistered_count),
      level: 'warn',
    },
  ];

  const total = issues.reduce((sum, item) => sum + item.count, 0);
  const critical = issues
    .filter((item) => item.level === 'error')
    .reduce((sum, item) => sum + item.count, 0);
  const warning = total - critical;

  return {
    total,
    critical,
    warning,
    issues,
  };
};

const HEALTH_PANEL_POLL_INTERVAL_MS = 5 * 60 * 1000;

const HealthCheckPanel = ({ currentUser }) => {
  const en = false;
  const isAdmin = currentUser?.role === 'admin';
  const [status, setStatus] = useState(null);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState('');
  const [lastChecked, setLastChecked] = useState(null);
  const [consistencySummary, setConsistencySummary] = useState(null);
  const [consistencyError, setConsistencyError] = useState('');
  const [syncLoading, setSyncLoading] = useState(false);
  const [syncResult, setSyncResult] = useState(null);
  const [cleanupLoading, setCleanupLoading] = useState(false);
  const [cleanupResult, setCleanupResult] = useState(null);
  const [dinsarEngines, setDinsarEngines] = useState([]);
  const [enginesLoading, setEnginesLoading] = useState(false);
  const [wslReport, setWslReport] = useState(null);
  const [wslChecking, setWslChecking] = useState(false);
  const [orbitStatus, setOrbitStatus] = useState(null);
  const [orbitSyncing, setOrbitSyncing] = useState(false);
  const [orbitSyncResult, setOrbitSyncResult] = useState(null);
  const statusFetchInFlightRef = useRef(false);

  const refreshOrbitStatus = useCallback(async () => {
    try {
      const data = await getOrbitStatus();
      setOrbitStatus(data);
    } catch (err) {
      setOrbitStatus(null);
      setOrbitSyncResult({ error: err.response?.data?.detail || err.message || '精轨状态获取失败' });
    }
  }, [en]);

  const refreshEngineStatus = useCallback(async () => {
    setEnginesLoading(true);
    try {
      const data = await listEngines();
      setDinsarEngines(Array.isArray(data.engines) ? data.engines : []);
    } catch {
      setDinsarEngines([]);
    } finally {
      setEnginesLoading(false);
    }
  }, []);

  const fetchStatus = useCallback(async (options = {}) => {
    const { force = false } = options;
    if (statusFetchInFlightRef.current) {
      return;
    }

    statusFetchInFlightRef.current = true;
    setLoading(true);
    setError('');
    setConsistencyError('');

    try {
      try {
        const healthData = await getHealth(force ? { full: true, refresh: true } : { full: true });
        setStatus(healthData);
        setLastChecked(new Date());
      } catch (err) {
      setError(err.response?.data?.detail || err.message || '运维自检失败');
        setStatus(null);
      }

      try {
        const statsData = await getStatistics(force);
        setConsistencySummary(buildConsistencySummary(statsData, en));
        setConsistencyError('');
      } catch (err) {
        setConsistencySummary(null);
      setConsistencyError(err.response?.data?.detail || err.message || '一致性统计获取失败');
      }

      // 引擎状态独立加载，不影响主健康检查。
      await refreshEngineStatus();

    } finally {
      setLoading(false);
      statusFetchInFlightRef.current = false;
    }
  }, [en, refreshEngineStatus]);

  useEffect(() => {
    void fetchStatus();
    const timer = setInterval(() => {
      if (
        syncLoading ||
        cleanupLoading ||
        wslChecking ||
        orbitSyncing
      ) {
        return;
      }
      void fetchStatus();
    }, HEALTH_PANEL_POLL_INTERVAL_MS);
    return () => clearInterval(timer);
  }, [
    cleanupLoading,
    fetchStatus,
    orbitSyncing,
    syncLoading,
    wslChecking,
  ]);

  const renderBadge = (ok, label = '') => (
    <span className={`health-badge ${ok ? 'ok' : 'fail'}`}>
      {ok ? (en ? 'OK' : '正常') : (en ? 'Error' : '异常')}{label ? ` · ${label}` : ''}
    </span>
  );

  const renderSignal = (ok, label, detail = '') => (
    <div className={`health-signal ${ok ? 'ok' : 'fail'}`}>
      <span className="health-signal-label">{label}</span>
      <strong>{ok ? '正常' : '异常'}</strong>
      {detail && <span className="health-signal-detail">{detail}</span>}
    </div>
  );

  const formatIso = (iso) => {
    if (!iso) return en ? 'Unknown' : '未知';
    try {
      return new Date(iso).toLocaleString();
    } catch {
      return iso;
    }
  };

  const formatPathText = (value) => value || (en ? 'Not configured' : '未配置');
  const databaseStatus = status?.database || {};
  const dinsarBridge = asObject(status?.dinsar_bridge);
  const dinsarResultCatalog = asObject(status?.dinsar_result_catalog || status?.result_catalog);
  const timeseriesResultCatalog = asObject(status?.timeseries_result_catalog || status?.psinsar_result_catalog);
  const dinsarCatalogNeedsRebuild =
    typeof dinsarResultCatalog.needs_rebuild === 'boolean' ? dinsarResultCatalog.needs_rebuild : null;
  const timeseriesCatalogNeedsRebuild =
    typeof timeseriesResultCatalog.needs_rebuild === 'boolean' ? timeseriesResultCatalog.needs_rebuild : null;
  const sourceRoots = asObject(status?.source_roots);
  const productPackages = asObject(status?.product_packages);
  const assetInventory = asObject(status?.asset_inventory);
  const hasAssetInventory = Boolean(status?.asset_inventory);
  const assetSourceRoots = asObject(assetInventory.source_roots);
  const assetOrbitRoots = asObject(assetInventory.orbit_roots);
  const sourceAssets = asObject(assetInventory.source_assets);
  const orbitAssets = asObject(assetInventory.orbit_assets);
  const orbitBindings = asObject(assetInventory.bindings);
  const assetIssues = asObject(assetInventory.issues);
  const wslRuntime = asObject(status?.wsl_runtime);
  const wslRuntimeItems = asArray(wslRuntime.runtimes);
  const pairingSystem = asObject(status?.pairing_system);
  const sourceRootItems = asArray(sourceRoots.items);
  const bridgeDiagnosisIssueCount =
    toNumber(dinsarBridge.diagnosis_missing_product_row_count) +
    toNumber(dinsarBridge.diagnosis_product_identity_mismatch_count) +
    toNumber(dinsarBridge.diagnosis_result_product_mismatch_count);
  const bridgeIssueCount =
    toNumber(dinsarBridge.missing_compat_count) +
    toNumber(dinsarBridge.orphan_compat_count) +
    toNumber(dinsarBridge.duplicate_compat_product_count) +
    toNumber(dinsarBridge.annotation_drift_count) +
    bridgeDiagnosisIssueCount;
  const pairingIssueCount =
    toNumber(pairingSystem.duplicate_reverse_pair_count) +
    toNumber(pairingSystem.orphan_edge_count);
  const dbRequiredTables = asArray(databaseStatus.required_tables);
  const dbMissingTables = asArray(databaseStatus.missing_tables);
  const dbExtraTables = asArray(databaseStatus.extra_tables);
  const dbMissingColumns = asObject(databaseStatus.missing_columns);
  const dbExtraColumns = asObject(databaseStatus.extra_columns);
  const dbTypeMismatches = asArray(databaseStatus.type_mismatches);
  const dbNullableMismatches = asArray(databaseStatus.nullable_mismatches);
  const dbSchemaReasons = asArray(databaseStatus.schema_reasons);
  const dbMissingColumnCount = countGroupedColumns(dbMissingColumns);
  const dbExtraColumnCount = countGroupedColumns(dbExtraColumns);
  const dbHasStructureDetails = dbRequiredTables.length > 0 || dbSchemaReasons.length > 0;
  const orbitSource = orbitStatus?.source || {};
  const orbitPools = orbitStatus?.pools || {};
  const orbitConsistency = orbitStatus?.consistency || {};
  const orbitDatabase = orbitStatus?.database || {};
  const orbitMismatchCount = toNumber(orbitConsistency.mismatch_count);
  const orbitDbMissingEnviCount = toNumber(orbitDatabase.stems_missing_in_envi_count);
  const orbitDbMissingPathCount = toNumber(orbitDatabase.db_missing_path_count);
  const orbitDbFlagIssueCount =
    toNumber(orbitDatabase.has_orbit_but_missing_path_count) +
    toNumber(orbitDatabase.without_orbit_but_path_present_count);
  const orbitScanErrorCount =
    (orbitSource.errors?.length || 0) +
    (orbitPools.envi?.errors?.length || 0);
  const orbitDuplicateCount =
    toNumber(orbitSource.duplicate_count) +
    toNumber(orbitPools.envi?.duplicate_count);
  const orbitSuspectBadCount = toNumber(orbitSource.suspect_bad_count);
  const orbitSourceWithoutEnviCount = toNumber(orbitSource.source_without_envi_count);
  const orbitEnviWithoutSourceCount = toNumber(orbitSource.envi_without_source_count);
  const orbitBadSourceSamples = asArray(orbitSource.bad_source_samples).filter(hasOrbitCorruptionSignal);
  const orbitBadSourceSampleCount = toNumber(orbitSource.bad_source_sample_count || orbitBadSourceSamples.length);
  const orbitOverallHealthy = Boolean(
    orbitStatus &&
    orbitMismatchCount === 0 &&
    orbitDbMissingEnviCount === 0 &&
    orbitDbMissingPathCount === 0 &&
    orbitDbFlagIssueCount === 0 &&
    orbitScanErrorCount === 0 &&
    orbitSuspectBadCount === 0 &&
    orbitSourceWithoutEnviCount === 0 &&
    orbitEnviWithoutSourceCount === 0
  );
  const assetInventoryHealthy = Boolean(hasAssetInventory && assetInventory.ok);
  const orbitAssetRiskCount =
    toNumber(orbitAssets.parse_failed_count) +
    toNumber(orbitBindings.missing_count) +
    toNumber(orbitBindings.ambiguous_count);

  const productionBlockingCount = [
    !status?.ok,
    !status?.database?.ok,
    !status?.database?.schema_ok,
    !status?.worker?.ok,
    consistencySummary && consistencySummary.critical > 0,
    hasAssetInventory && !assetInventoryHealthy,
  ].filter(Boolean).length;

  return (
    <div className="health-panel">
      <div className="health-header">
        <div>
          <div className="health-title">运行维护</div>
          <div className="health-subtitle">
            面向生产环境的系统健康、数据一致性和维护操作入口
          </div>
        </div>
        <button className="health-refresh" onClick={() => fetchStatus({ force: true })} disabled={loading}>
          {loading ? '检查中...' : '刷新自检'}
        </button>
      </div>

      {error && <div className="health-error">{en ? 'Check failed: ' : '自检失败：'}{error}</div>}

      {!status && !error && (
        <div className="health-empty">{en ? 'Fetching status...' : '正在获取状态...'}</div>
      )}

      {status && (
        <>
          <div className="health-summary">
            <div className="health-summary-item">
              <span>生产就绪</span>
              {renderBadge(status.ok && productionBlockingCount === 0, productionBlockingCount > 0 ? `${productionBlockingCount} 个阻断项` : '可运行')}
            </div>
            <div className="health-summary-item">
              <span>最近检查</span>
              <span>{lastChecked ? lastChecked.toLocaleString() : formatIso(status.timestamp)}</span>
            </div>
            <div className="health-summary-item">
              <span>一致性异常</span>
              {renderBadge(
                !consistencySummary || consistencySummary.total === 0,
                consistencySummary ? `${consistencySummary.total} 项` : '未知'
              )}
            </div>
            <div className="health-signal-row">
              {renderSignal(!!status.database?.ok && !!status.database?.schema_ok, '数据库')}
              {renderSignal(!!status.worker?.ok, 'Worker', `${status.worker?.worker_count ?? 0} 个`)}
              {renderSignal(!!status.idl?.ok, 'IDL/ENVI')}
              {renderSignal(!!status.nginx?.ok, 'Nginx')}
            </div>
          </div>

          <div className="health-sections">
            <section className="health-section">
              <div className="health-section-header">
                <div>
                  <h3>核心服务</h3>
                  <p>判断系统是否具备基础生产能力：数据库、PostGIS、schema 和任务执行器。</p>
                </div>
              </div>
              <div className="health-grid">
            <div className="health-card">
              <div className="health-card-title">{en ? 'Database' : '数据库'}</div>
              <div className="health-card-row">
                <span>{en ? 'Connection' : '连接'}</span>
                {renderBadge(status.database?.ok)}
              </div>
              <div className="health-card-row">
                <span>PostGIS</span>
                {renderBadge(status.database?.postgis_ok)}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Schema OK' : '结构一致'}</span>
                {renderBadge(status.database?.schema_ok)}
              </div>
              {dbHasStructureDetails && (
                <>
                  <div className="health-card-row">
                    <span>{en ? 'Schema Baseline' : '结构基线'}</span>
                    <span>{en ? 'ORM + migrations' : 'ORM + 迁移'}</span>
                  </div>
                  <div className="health-card-row">
                    <span>{en ? 'Required Tables' : '基线表数'}</span>
                    <span>{toNumber(databaseStatus.required_table_count || dbRequiredTables.length)}</span>
                  </div>
                  <div className="health-card-row">
                    <span>{en ? 'Current Tables' : '当前表数'}</span>
                    <span>{toNumber(databaseStatus.current_table_count)}</span>
                  </div>
                  <div className="health-card-row">
                    <span>{en ? 'Structure Issues' : '结构异常项'}</span>
                    <span>{toNumber(databaseStatus.schema_issue_count || dbSchemaReasons.length)}</span>
                  </div>
                  <details style={{ marginTop: 4 }} open={!databaseStatus.schema_ok}>
                    <summary style={{ cursor: 'pointer', fontSize: '0.8em', color: '#475569' }}>
                      {en ? 'Schema details' : '结构详情'}
                    </summary>
                    <div style={{ display: 'flex', flexDirection: 'column', gap: 6, marginTop: 8 }}>
                      <div className="health-card-note">
                        {en ? 'Required table list: ' : '基线表清单：'}{dbRequiredTables.join(', ')}
                      </div>
                      {dbMissingTables.length > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Missing tables: ' : '缺失表：'}{dbMissingTables.join(', ')}
                        </div>
                      )}
                      {dbExtraTables.length > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Extra tables: ' : '额外表：'}{dbExtraTables.join(', ')}
                        </div>
                      )}
                      {dbMissingColumnCount > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Missing columns: ' : '缺失列：'}{formatGroupedColumns(dbMissingColumns)}
                        </div>
                      )}
                      {dbExtraColumnCount > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Extra columns: ' : '额外列：'}{formatGroupedColumns(dbExtraColumns)}
                        </div>
                      )}
                      {dbTypeMismatches.length > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Type mismatches: ' : '字段类型不一致：'}
                          {formatMismatchList(
                            dbTypeMismatches,
                            (item) => `${item.table}.${item.column}(${item.expected} -> ${item.actual})`
                          )}
                        </div>
                      )}
                      {dbNullableMismatches.length > 0 && (
                        <div className="health-card-note warn">
                          {en ? 'Nullable mismatches: ' : '可空性不一致：'}
                          {formatMismatchList(
                            dbNullableMismatches,
                            (item) => `${item.table}.${item.column}(${String(item.expected)} -> ${String(item.actual)})`
                          )}
                        </div>
                      )}
                      {dbSchemaReasons.length > 0 ? (
                        <div className="health-card-note warn">
                          {en ? 'Detected issues:' : '检测到的问题：'}
                          {dbSchemaReasons.map((reason, index) => (
                            <div key={`${reason}-${index}`}>{`${index + 1}. ${reason}`}</div>
                          ))}
                        </div>
                      ) : (
                        <div className="health-card-note ok">
                          {en ? 'Schema structure matches the application baseline.' : '数据库结构与应用基线一致。'}
                        </div>
                      )}
                    </div>
                  </details>
                </>
              )}
              {!dbHasStructureDetails && !isAdmin && (
                <div className="health-card-note">
                  {en ? 'Log in as admin to view schema structure details.' : '管理员登录后可查看数据库结构详情。'}
                </div>
              )}
              {status.database?.error && (
                <div className="health-card-note error">
                  {status.database.error}
                </div>
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'Task Worker' : '任务执行器'}</div>
              <div className="health-card-row">
                <span>{en ? 'Online' : '在线'}</span>
                {renderBadge(status.worker?.ok)}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Count' : '数量'}</span>
                <span>{status.worker?.worker_count ?? 0}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Timeout' : '超时阈值'}</span>
                <span>{status.worker?.timeout_seconds ?? 0}s</span>
              </div>
              {status.worker?.workers?.length > 0 && (
                <div className="health-card-note">
                  {en ? 'Last heartbeat: ' : '最近心跳：'}{formatIso(status.worker.workers[0].last_seen)}
                </div>
              )}
              {status.worker?.error && (
                <div className="health-card-note error">
                  {status.worker.error}
                </div>
              )}
            </div>
              </div>
            </section>

            <section className="health-section">
              <div className="health-section-header">
                <div>
                  <h3>结果目录与生产索引</h3>
                  <p>检查 D-InSAR、时序 InSAR、配对基础表和兼容视图是否能支撑结果查询与生产流转。</p>
                </div>
              </div>
              <div className="health-grid">
            <div className="health-card">
              <div className="health-card-title">{en ? 'D-InSAR Result Catalog' : 'D-InSAR 结果目录'}</div>
              <div className="health-card-row">
                <span>{en ? 'Catalog status' : '目录状态'}</span>
                {renderBadge(
                  isCatalogHealthy(dinsarResultCatalog),
                  formatCatalogStatusLabel(dinsarResultCatalog, en)
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Needs rebuild' : '需要重建'}</span>
                {renderBadge(
                  dinsarCatalogNeedsRebuild === false,
                  dinsarCatalogNeedsRebuild === null
                    ? (en ? 'Unknown' : '未知')
                    : (dinsarCatalogNeedsRebuild ? (en ? 'Yes' : '是') : (en ? 'No' : '否'))
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Manifest / DB' : 'Manifest / 数据库'}</span>
                <span>
                  {toNumber(dinsarResultCatalog.manifest_count)} / {toNumber(dinsarResultCatalog.db_count)}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Issue count' : '问题数量'}</span>
                <span>{toNumber(dinsarResultCatalog.issue_count)}</span>
              </div>
              <div className="health-card-note">
                {en
                  ? 'Full directory details and maintenance actions remain in the D-InSAR Products workspace.'
                  : '完整目录详情和维护操作已保留在 “D-InSAR 产物工作台”，不再在自检页展开。'}
              </div>
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'Timeseries Result Catalog' : '时序 InSAR 结果目录'}</div>
              <div className="health-card-row">
                <span>{en ? 'Catalog status' : '目录状态'}</span>
                {renderBadge(
                  isCatalogHealthy(timeseriesResultCatalog),
                  formatCatalogStatusLabel(timeseriesResultCatalog, en)
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Needs rebuild' : '需要重建'}</span>
                {renderBadge(
                  timeseriesCatalogNeedsRebuild === false,
                  timeseriesCatalogNeedsRebuild === null
                    ? (en ? 'Unknown' : '未知')
                    : (timeseriesCatalogNeedsRebuild ? (en ? 'Yes' : '是') : (en ? 'No' : '否'))
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Manifest / DB' : 'Manifest / 数据库'}</span>
                <span>
                  {toNumber(timeseriesResultCatalog.manifest_count)} / {toNumber(timeseriesResultCatalog.db_count)}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Issue count' : '问题数量'}</span>
                <span>{toNumber(timeseriesResultCatalog.issue_count)}</span>
              </div>
              <div className="health-card-note">
                {en
                  ? 'Managed timeseries products are indexed from canonical publish manifests.'
                  : '时序 InSAR 产物已按标准发布包 manifest 进行索引和自检。'}
              </div>
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'Pairing System' : '配对系统'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(pairingSystem.ok, pairingSystem.status || (en ? 'Unknown' : '未知'))}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Cache ready' : '缓存就绪'}</span>
                {renderBadge(
                  pairingSystem.cache_ready,
                  pairingSystem.needs_rebuild ? (en ? 'Rebuild required' : '需要重建') : ''
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Scenes / pairs' : '场景 / 候选对'}</span>
                <span>{toNumber(pairingSystem.scene_count)} / {toNumber(pairingSystem.pair_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Dirty scenes' : '脏场景数'}</span>
                <span>{toNumber(pairingSystem.dirty_scene_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Runs / edges' : '网络运行 / 边'}</span>
                <span>{toNumber(pairingSystem.network_run_count)} / {toNumber(pairingSystem.network_edge_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Metric version' : '指标版本'}</span>
                <span>{pairingSystem.metric_version || (en ? 'Unknown' : '未知')}</span>
              </div>
              {!pairingSystem.state_present ? (
                <div className="health-card-note warn">
                  {en ? 'Pairing state row has not been initialized yet.' : '配对状态行尚未初始化。'}
                </div>
              ) : pairingIssueCount > 0 ? (
                <>
                  {toNumber(pairingSystem.duplicate_reverse_pair_count) > 0 && (
                    <div className="health-card-note error">
                      {en
                        ? `Reverse duplicate candidate pairs: ${toNumber(pairingSystem.duplicate_reverse_pair_count)}`
                        : `存在反向重复候选对：${toNumber(pairingSystem.duplicate_reverse_pair_count)}`}
                    </div>
                  )}
                  {toNumber(pairingSystem.orphan_edge_count) > 0 && (
                    <div className="health-card-note error">
                      {en
                        ? `Orphan network edges: ${toNumber(pairingSystem.orphan_edge_count)}`
                        : `存在孤儿网络边：${toNumber(pairingSystem.orphan_edge_count)}`}
                    </div>
                  )}
                </>
              ) : pairingSystem.needs_rebuild ? (
                <div className="health-card-note warn">
                  {en ? 'Pairing cache is marked dirty and needs rebuild or reconcile.' : '配对缓存已标脏，需要重建或增量修复。'}
                </div>
              ) : (
                <div className="health-card-note ok">
                  {en ? 'Pairing foundation state is healthy.' : '配对基础状态正常。'}
                </div>
              )}
              {pairingSystem.error && (
                <div className="health-card-note error">
                  {pairingSystem.error}
                </div>
              )}
              {pairingSystem.needs_rebuild && (
                <div className="health-card-note">
                  {en
                    ? 'Repair entry has moved to Pair Planning. Use the production planning page to repair or rebuild the pairing foundation.'
                    : '配对缓存修复入口已移到“生产规划 -> 配对规划”。请在生产规划页执行配对基础修复或强制全量重建。'}
                </div>
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'D-InSAR Bridge' : 'D-InSAR 桥接一致性'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(
                  dinsarBridge.ok,
                  `${toNumber(dinsarBridge.matched_count)} / ${toNumber(dinsarBridge.catalog_count)}`
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Catalog / compat' : '目录 / 兼容表'}</span>
                <span>{toNumber(dinsarBridge.catalog_count)} / {toNumber(dinsarBridge.compat_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Missing / orphan' : '缺失 / 孤儿记录'}</span>
                <span>{toNumber(dinsarBridge.missing_compat_count)} / {toNumber(dinsarBridge.orphan_compat_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Duplicate / drift' : '重复 / 标注漂移'}</span>
                <span>{toNumber(dinsarBridge.duplicate_compat_product_count)} / {toNumber(dinsarBridge.annotation_drift_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Diagnosis issues' : '诊断链路异常'}</span>
                <span>{bridgeDiagnosisIssueCount}</span>
              </div>
              {bridgeIssueCount === 0 ? (
                <div className="health-card-note ok">
                  {en ? 'Catalog reads and compatibility rows are aligned.' : '目录事实源与兼容视图当前一致。'}
                </div>
              ) : (
                <>
                  {toNumber(dinsarBridge.missing_compat_count) > 0 && (
                    <div className="health-card-note error">
                      {en
                        ? `Catalog products missing compat rows: ${toNumber(dinsarBridge.missing_compat_count)}`
                        : `目录产品缺少兼容行：${toNumber(dinsarBridge.missing_compat_count)}`}
                    </div>
                  )}
                  {toNumber(dinsarBridge.orphan_compat_count) > 0 && (
                    <div className="health-card-note error">
                      {en
                        ? `Compat rows pointing to missing products: ${toNumber(dinsarBridge.orphan_compat_count)}`
                        : `兼容行指向不存在产品：${toNumber(dinsarBridge.orphan_compat_count)}`}
                    </div>
                  )}
                  {toNumber(dinsarBridge.duplicate_compat_product_count) > 0 && (
                    <div className="health-card-note warn">
                      {en
                        ? `Duplicate compat product bindings: ${toNumber(dinsarBridge.duplicate_compat_product_count)}`
                        : `兼容产品绑定重复：${toNumber(dinsarBridge.duplicate_compat_product_count)}`}
                    </div>
                  )}
                  {toNumber(dinsarBridge.annotation_drift_count) > 0 && (
                    <div className="health-card-note warn">
                      {en
                        ? `Annotation drift between catalog and compat rows: ${toNumber(dinsarBridge.annotation_drift_count)}`
                        : `目录与兼容行的标注出现漂移：${toNumber(dinsarBridge.annotation_drift_count)}`}
                    </div>
                  )}
                  {bridgeDiagnosisIssueCount > 0 && (
                    <div className="health-card-note warn">
                      {en
                        ? `Diagnosis linkage anomalies: ${bridgeDiagnosisIssueCount}`
                        : `AI 诊断关联异常：${bridgeDiagnosisIssueCount}`}
                    </div>
                  )}
                </>
              )}
              {dinsarBridge.error && (
                <div className="health-card-note error">
                  {dinsarBridge.error}
                </div>
              )}
            </div>
              </div>
            </section>

            <section className="health-section">
              <div className="health-section-header">
                <div>
                  <h3>数据资产与运行时</h3>
                  <p>检查受管源路径、标准结果包、WSL runtime、IDL/ENVI、D-InSAR 引擎、Ollama 和 Nginx。</p>
                </div>
              </div>
              <div className="health-grid">
            <div className="health-card">
              <div className="health-card-title">{en ? 'Managed Source Roots' : '受管源路径'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(
                  sourceRoots.ok,
                  `${toNumber(sourceRoots.accessible_count)} / ${toNumber(sourceRoots.configured_count)}`
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Configured' : '已配置'}</span>
                <span>{toNumber(sourceRoots.configured_count)}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Accessible / blocked' : '可访问 / 阻塞'}</span>
                <span>{toNumber(sourceRoots.accessible_count)} / {toNumber(sourceRoots.inaccessible_count)}</span>
              </div>
              {toNumber(sourceRoots.inaccessible_count) > 0 && (
                <div className="health-card-note warn">
                  {en
                    ? 'Unified scan will remain empty until all configured source roots become accessible.'
                    : '只要受管源路径不可访问，统一扫描就会保持空目录状态。'}
                </div>
              )}
              {sourceRootItems.length > 0 ? (
                sourceRootItems.map((item, index) => (
                  <div
                    key={`${item.role || 'root'}-${index}`}
                    className={`health-card-note ${item.accessible ? 'ok' : 'error'}`}
                  >
                    <div style={{ fontWeight: 600 }}>
                      {formatSourceRootRole(item.role, en)}: {item.accessible ? (en ? 'OK' : '正常') : (en ? 'Blocked' : '不可访问')}
                    </div>
                    <div style={{ color: '#64748b', wordBreak: 'break-all' }}>{formatPathText(item.path)}</div>
                    {!item.accessible && item.error && (
                      <div style={{ color: '#991b1b', marginTop: 2 }}>{item.error}</div>
                    )}
                  </div>
                ))
              ) : toNumber(sourceRoots.configured_count) > 0 && !isAdmin ? (
                <div className="health-card-note">
                  {en ? 'Log in as admin to view path-level diagnostics.' : '管理员登录后可查看路径级诊断信息。'}
                </div>
              ) : null}
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'Product Packages' : '标准结果包'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(
                  productPackages.ok,
                  `${toNumber(productPackages.valid_schema_count ?? productPackages.canonical_count)} / ${toNumber(productPackages.total_count)}`
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Manifest / publish dir' : 'Manifest / 发布目录'}</span>
                <span>
                  {toNumber(productPackages.missing_manifest_count)} / {toNumber(productPackages.missing_publish_dir_count)}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Processor / runtime' : '处理器 / 运行时'}</span>
                <span>
                  {toNumber(productPackages.missing_processor_count)} / {toNumber(productPackages.missing_runtime_count)}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Native output trace' : '原生输出追踪'}</span>
                <span>{toNumber(productPackages.missing_native_output_count)}</span>
              </div>
              <div className="health-card-note">
                {en
                  ? 'Catalog registration now checks canonical package metadata instead of guessing engine-native directories.'
                  : '目录登记现在直接校验标准包元数据，不再依赖猜测引擎原生目录结构。'}
              </div>
            </div>

            <div className="health-card">
              <div className="health-card-title">{en ? 'WSL Runtime' : 'WSL 运行时'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(
                  wslRuntime.ok,
                  `${toNumber(wslRuntime.healthy_runtime_count)} / ${toNumber(wslRuntime.required_runtime_count)}`
                )}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Broker root' : 'Broker 根目录'}</span>
                {renderBadge(wslRuntime.broker_job_root_exists)}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Shared distro' : '共享发行版'}</span>
                <span>{wslRuntime.shared_distro || '-'}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Shared conda env' : '共享 conda 环境'}</span>
                <span>{wslRuntime.shared_conda_env_name || '-'}</span>
              </div>
              {wslRuntimeItems.length > 0 && (
                wslRuntimeItems.map((item) => (
                  <div
                    key={item.runtime_id || item.engine_code}
                    className={`health-card-note ${item.ok ? 'ok' : (item.required ? 'error' : 'warn')}`}
                  >
                    <div style={{ fontWeight: 600 }}>
                      {item.display_name || item.runtime_id || item.engine_code}
                    </div>
                    <div>
                      {(item.required ? (en ? 'Required' : '必需') : (en ? 'Reserved' : '预留'))}
                      {' · '}
                      {item.runner_exists ? (en ? 'Runner OK' : 'Runner 正常') : (en ? 'Runner missing' : 'Runner 缺失')}
                    </div>
                  </div>
                ))
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">IDL/ENVI</div>
              <div className="health-card-row">
                <span>{en ? 'Installed' : '已安装'}</span>
                {renderBadge(status.idl?.ok)}
              </div>
              <div className="health-card-row">
                <span>{en ? 'Status' : '状态'}</span>
                <span style={{ color: status.idl?.status?.is_running ? '#16a34a' : '#64748b', fontWeight: 500 }}>
                  {status.idl?.status?.is_running ? (en ? 'Open' : '已打开') : (en ? 'Closed' : '未打开')}
                </span>
              </div>
            </div>

            {/* D-InSAR 引擎专项 */}
            <div className="health-card">
              <div className="health-card-title" style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
                <span>{en ? 'D-InSAR Engines' : 'D-InSAR 引擎'}</span>
                {isAdmin && (
                  <button
                    onClick={async () => {
                      setWslChecking(true);
                      setWslReport(null);
                      try {
                        const r = await runWslCheck({ smoke_test: false });
                        setWslReport(r);
                      } catch (e) {
                        setWslReport({ overall_ok: false, distro: '?', checks: [], message: e?.response?.data?.detail || e.message });
                      } finally {
                        setWslChecking(false);
                        await fetchStatus({ force: true });
                      }
                    }}
                    disabled={wslChecking}
                    style={{ fontSize: 11, padding: '2px 8px', borderRadius: 3, border: '1px solid #e2e8f0', cursor: 'pointer', background: '#f8fafc', fontWeight: 400 }}
                  >
                    {wslChecking ? (en ? 'Checking...' : '检查中...') : (en ? 'WSL Check' : 'WSL 详细检查')}
                  </button>
                )}
              </div>
              {enginesLoading ? (
                <div className="health-card-note">{en ? 'Loading...' : '加载中...'}</div>
              ) : dinsarEngines.length === 0 ? (
                <div className="health-card-note">{en ? 'No engines registered' : '未注册引擎'}</div>
              ) : (
                dinsarEngines.map(engine => {
                  const colorMap = { ok: '#22c55e', degraded: '#f59e0b', unavailable: '#ef4444', not_implemented: '#94a3b8', error: '#ef4444' };
                  const labelMap = { ok: en ? 'Available' : '可用', degraded: en ? 'Degraded' : '部分可用', unavailable: en ? 'Unavailable' : '不可用', not_implemented: en ? 'Reserved' : '预留', error: en ? 'Error' : '错误' };
                  const color = colorMap[engine.status] || '#94a3b8';
                  return (
                    <div key={engine.engine_code} className="health-card-row" style={{ alignItems: 'flex-start' }}>
                      <span style={{ display: 'flex', alignItems: 'center', gap: 5 }}>
                        <span style={{ width: 7, height: 7, borderRadius: '50%', background: color, display: 'inline-block', flexShrink: 0 }} />
                        {engine.engine_label}
                      </span>
                      <span style={{ color, fontSize: 12 }}>{labelMap[engine.status] || engine.status}</span>
                    </div>
                  );
                })
              )}
              {wslReport && (
                <div style={{ marginTop: 8, padding: '6px 8px', background: wslReport.overall_ok ? '#f0fdf4' : '#fef2f2', borderRadius: 4, fontSize: 11 }}>
                  <div style={{ fontWeight: 600, color: wslReport.overall_ok ? '#16a34a' : '#dc2626', marginBottom: 4 }}>
                    {wslReport.overall_ok ? (en ? '✓ WSL OK' : '✓ WSL 正常') : (en ? '✗ WSL Issues' : '✗ WSL 存在问题')}
                    <span style={{ color: '#94a3b8', fontWeight: 400, marginLeft: 6 }}>({wslReport.distro})</span>
                  </div>
                  {(wslReport.checks || []).map((c, i) => (
                    <div key={i} style={{ display: 'flex', gap: 6, padding: '2px 0', color: c.skipped ? '#94a3b8' : c.ok ? '#16a34a' : '#dc2626' }}>
                      <span style={{ flexShrink: 0 }}>{c.skipped ? '—' : c.ok ? '✓' : '✗'}</span>
                      <span style={{ flex: 1, color: '#374151' }}>{c.name}</span>
                      <span style={{ color: '#94a3b8', maxWidth: 160, textAlign: 'right', wordBreak: 'break-all' }}>{c.detail}</span>
                    </div>
                  ))}
                  <div style={{ color: '#64748b', marginTop: 4 }}>{wslReport.message}</div>
                </div>
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">Ollama</div>
              <div className="health-card-row">
                <span>{en ? 'Reachable' : '连通'}</span>
                {renderBadge(status.ollama?.ok)}
              </div>
              {status.ollama?.models?.length > 0 && (
                <div className="health-card-note">
                  {en ? 'Models: ' : '模型：'}{status.ollama.models.join(', ')}
                </div>
              )}
              {status.ollama?.error && (
                <div className="health-card-note error">
                  {status.ollama.error}
                </div>
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">Nginx</div>
              <div className="health-card-row">
                <span>{en ? 'Reachable' : '连通'}</span>
                {renderBadge(status.nginx?.ok)}
              </div>
              {status.nginx?.status_code && (
                <div className="health-card-note">
                  {en ? 'Status code: ' : '状态码：'}{status.nginx.status_code}
                </div>
              )}
              {status.nginx?.error && (
                <div className="health-card-note error">
                  {status.nginx.error}
                </div>
              )}
            </div>
              </div>
            </section>

            <section className="health-section">
              <div className="health-section-header">
                <div>
                  <h3>数据资产与精轨</h3>
                  <p>当前生产以 XML 抽取后的源产品、精轨资产和场景绑定为准；旧精轨池核对仅作为过渡诊断。</p>
                </div>
              </div>
              <div className="health-grid health-grid--ops">
            <div className="health-card">
              <div className="health-card-title">源产品资产</div>
              <div className="health-card-row">
                <span>总体状态</span>
                {renderBadge(
                  assetInventoryHealthy,
                  assetInventory ? `${toNumber(sourceAssets.total_count)} 项` : '未知'
                )}
              </div>
              <div className="health-card-row">
                <span>LT-1 / Sentinel-1</span>
                <span>{toNumber(sourceAssets.lt1_count)} / {toNumber(sourceAssets.s1_count)}</span>
              </div>
              <div className="health-card-row">
                <span>解析异常</span>
                <span>{toNumber(sourceAssets.parse_failed_count)}</span>
              </div>
              <div className="health-card-row">
                <span>源数据根</span>
                <span>{toNumber(assetSourceRoots.accessible_count)} / {toNumber(assetSourceRoots.configured_count)}</span>
              </div>
              <div className="health-card-row">
                <span>需复扫</span>
                <span>{toNumber(assetSourceRoots.needs_rescan_count)}</span>
              </div>
              {toNumber(sourceAssets.parse_failed_count) > 0 ? (
                <div className="health-card-note error">
                  存在源产品解析异常，请在“数据资产”中查看开放问题并复扫相关目录。
                </div>
              ) : (
                <div className="health-card-note ok">
                  源产品资产已按 XML/元数据登记。
                </div>
              )}
            </div>

            <div className="health-card">
              <div className="health-card-title">精轨资产状态</div>
              <div className="health-card-row">
                <span>总体状态</span>
                {renderBadge(
                  orbitAssetRiskCount === 0 && assetInventoryHealthy,
                  orbitAssetRiskCount > 0 ? `${orbitAssetRiskCount} 个风险项` : `${toNumber(orbitAssets.total_count)} 项`
                )}
              </div>
              <div className="health-card-row">
                <span>LT-1 / Sentinel-1</span>
                <span>{toNumber(orbitAssets.lt1_count)} / {toNumber(orbitAssets.s1_count)}</span>
              </div>
              <div className="health-card-row">
                <span>解析异常</span>
                <span>{toNumber(orbitAssets.parse_failed_count)}</span>
              </div>
              <div className="health-card-row">
                <span>精轨根</span>
                <span>{toNumber(assetOrbitRoots.accessible_count)} / {toNumber(assetOrbitRoots.configured_count)}</span>
              </div>
              <div className="health-card-row">
                <span>需复扫</span>
                <span>{toNumber(assetOrbitRoots.needs_rescan_count)}</span>
              </div>
              <div className="health-card-note">
                精轨可用性以资产登记和时间窗绑定结果为准，不再以 ISCE2 XML 池作为生产判断。
              </div>
            </div>

            <div className="health-card">
              <div className="health-card-title">场景精轨绑定</div>
              <div className="health-card-row">
                <span>已绑定场景</span>
                <span>{toNumber(orbitBindings.matched_count)} / {toNumber(orbitBindings.scene_count)}</span>
              </div>
              <div className="health-card-row">
                <span>缺失精轨</span>
                <span>{toNumber(orbitBindings.missing_count)}</span>
              </div>
              <div className="health-card-row">
                <span>候选歧义</span>
                <span>{toNumber(orbitBindings.ambiguous_count)}</span>
              </div>
              <div className="health-card-row">
                <span>开放问题</span>
                <span>{toNumber(assetIssues.open_count)}</span>
              </div>
              <div className="health-card-row">
                <span>错误 / 警告</span>
                <span>{toNumber(assetIssues.error_count)} / {toNumber(assetIssues.warning_count)}</span>
              </div>
              {orbitAssetRiskCount > 0 ? (
                <div className="health-card-note warn">
                  请在“数据资产”中复核缺失或歧义精轨；生产配对会优先使用已选定的精轨资产。
                </div>
              ) : (
                <div className="health-card-note ok">
                  当前开放问题未显示精轨绑定风险。
                </div>
              )}
            </div>
            <div className="health-card">
              <div className="health-card-title">{en ? 'Consistency Check' : '一致性检测'}</div>
              <div className="health-card-row">
                <span>{en ? 'Total Issues' : '异常总数'}</span>
                {renderBadge(
                  !consistencySummary || consistencySummary.total === 0,
                  consistencySummary ? `${consistencySummary.total} ${en ? 'items' : '项'}` : (en ? 'Unknown' : '未知')
                )}
              </div>
              {consistencySummary && (
                <>
                  <div className="health-card-row">
                    <span>{en ? 'Critical' : '严重异常'}</span>
                    <span>{consistencySummary.critical}</span>
                  </div>
                  <div className="health-card-row">
                    <span>{en ? 'Warning' : '一般异常'}</span>
                    <span>{consistencySummary.warning}</span>
                  </div>
                  {consistencySummary.issues
                    .filter((item) => item.count > 0)
                    .map((item) => (
                      <div key={item.key} className={`health-card-note ${item.level === 'error' ? 'error' : 'warn'}`}>
                        {item.label}：{item.count} 条
                      </div>
                    ))}
                  {consistencySummary.issues.find(i => i.key === 'water_unregistered' && i.count > 0) && (
                    <div style={{ marginTop: 8 }}>
                      <button
                        onClick={async () => {
                          setSyncLoading(true);
                          setSyncResult(null);
                          try {
                            const res = await syncWaterScenesFromDisk();
                            setSyncResult(en
                              ? `Sync done: inserted ${res.data.inserted}, skipped ${res.data.skipped_already_done}`
                              : `补录完成：新增 ${res.data.inserted} 条，已跳过 ${res.data.skipped_already_done} 条`);
                            await fetchStatus({ force: true });
                          } catch (e) {
                            setSyncResult(en
                              ? `Sync failed: ${e.response?.data?.detail || e.message}`
                              : `补录失败：${e.response?.data?.detail || e.message}`);
                          } finally {
                            setSyncLoading(false);
                          }
                        }}
                        disabled={syncLoading}
                        style={{ padding: '4px 12px', background: '#1890ff', color: '#fff', border: 'none', borderRadius: 4, cursor: 'pointer', fontSize: 12 }}
                      >
                        {syncLoading ? (en ? 'Syncing...' : '补录中...') : (en ? 'Auto Sync' : '一键补录')}
                      </button>
                      {syncResult && <div className="health-card-note" style={{ marginTop: 4 }}>{syncResult}</div>}
                    </div>
                  )}
                  {consistencySummary.total === 0 && (
                    <div className="health-card-note ok">{en ? 'No consistency issues found.' : '未发现一致性异常。'}</div>
                  )}
                </>
              )}
              {consistencyError && (
                <div className="health-card-note error">
                  {en ? 'Failed to fetch consistency stats: ' : '一致性统计获取失败：'}{consistencyError}
                </div>
              )}
            </div>

          {isAdmin && (
            <details className="health-card health-legacy-diagnostic">
              <summary>
                <span>旧精轨池核对</span>
                <button
                  type="button"
                  onClick={(event) => {
                    event.preventDefault();
                    event.stopPropagation();
                    void refreshOrbitStatus();
                  }}
                  disabled={orbitSyncing}
                  className="health-inline-button"
                >
                  {orbitStatus ? '重新核对' : '加载诊断'}
                </button>
              </summary>
              <div className="health-card-note">
                该诊断仅核对源精轨目录与 ENVI/Gamma 生产 TXT 池，用于排查历史目录；生产判断以资产登记与场景绑定为准。
              </div>
              {orbitStatus ? (
                <>
              <div className="health-card-title">{en ? 'Precise Orbit Management' : '文件池状态'}</div>
              <div className="health-card-row">
                <span>{en ? 'Overall' : '总体状态'}</span>
                {renderBadge(
                  orbitOverallHealthy,
                  orbitStatus
                    ? (en ? `${orbitMismatchCount} mismatches` : `${orbitMismatchCount} 项不一致`)
                    : (en ? 'Unknown' : '未知')
                )}
              </div>
              <div className="health-card-row">
                <span>
                  {en ? 'Source / production TXT' : '源目录 / 生产 TXT'}
                </span>
                <span>
                  {`${toNumber(orbitSource.total_source)} / ${toNumber(orbitPools.envi?.total)}`}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'DB expected / missing path' : '数据库期望 / 路径缺失'}</span>
                <span>
                  {toNumber(orbitDatabase.db_expected_stem_count)} / {orbitDbMissingPathCount}
                </span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Pool mismatches' : '池不一致'}</span>
                <span>{orbitMismatchCount}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Source-only' : '仅源存在'}</span>
                <span>{orbitSourceWithoutEnviCount}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Production TXT only' : '仅生产 TXT 存在'}</span>
                <span>{orbitEnviWithoutSourceCount}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'DB missing in production TXT' : '数据库在生产 TXT 缺失'}</span>
                <span>{orbitDbMissingEnviCount}</span>
              </div>
              <div className="health-card-row">
                <span>{en ? 'Duplicate stems / scan errors' : '重复 stem / 扫描异常'}</span>
                <span>{orbitDuplicateCount} / {orbitScanErrorCount}</span>
              </div>

              <div className="health-card-note" style={{ marginTop: 4 }}>
                {en
                  ? 'LT-1 orbit scans synchronize the production TXT pool for ENVI/SARscape and Gamma. S1 EOF files remain registered as source orbit assets.'
                  : 'LT-1 精轨扫描会同步 ENVI/SARscape 与 Gamma 共用的生产 TXT 池；S1 EOF 只登记为源精轨资产。'}
              </div>
              <div className="health-card-note">{en ? 'Source path: ' : '源目录路径：'}{formatPathText(orbitSource.path)}</div>
              <div className="health-card-note">{en ? 'Production TXT pool: ' : '生产 TXT 池：'}{formatPathText(orbitPools.envi?.path)}</div>

              {orbitDuplicateCount > 0 && (
                <div className="health-card-note warn">
                  {en
                    ? `Duplicate stems detected during scan: ${orbitDuplicateCount}`
                    : `扫描时发现重复 stem：${orbitDuplicateCount}`}
                </div>
              )}
              {orbitDbFlagIssueCount > 0 && (
                <div className="health-card-note warn">
                  {en
                    ? `DB flag/path anomalies: has_orbit=true but path missing ${toNumber(orbitDatabase.has_orbit_but_missing_path_count)}, has_orbit=false but path present ${toNumber(orbitDatabase.without_orbit_but_path_present_count)}`
                    : `数据库标记异常：has_orbit_data=true 但路径缺失 ${toNumber(orbitDatabase.has_orbit_but_missing_path_count)} 条，has_orbit_data=false 但路径存在 ${toNumber(orbitDatabase.without_orbit_but_path_present_count)} 条`}
                </div>
              )}
              {orbitDbMissingPathCount > 0 && (
                <div className="health-card-note error">
                  {en
                    ? `DB orbit_file_path missing on disk: ${orbitDbMissingPathCount} / ${toNumber(orbitDatabase.distinct_orbit_path_count)}`
                    : `数据库 orbit_file_path 指向不存在文件：${orbitDbMissingPathCount} / ${toNumber(orbitDatabase.distinct_orbit_path_count)}`}
                </div>
              )}
              {orbitBadSourceSampleCount > 0 && (
                <div className="health-card-note error">
                  {en
                    ? `Sampled source TXT with corruption signals: ${orbitBadSourceSampleCount}`
                    : `抽样检测到损坏信号的源 TXT：${orbitBadSourceSampleCount}`}
                </div>
              )}
              {orbitDatabase.sample_missing_in_envi?.length > 0 && (
                <div className="health-card-note error">
                  {en ? 'DB expected but ENVI pool missing: ' : '数据库期望但 ENVI 池缺失：'}
                  {orbitDatabase.sample_missing_in_envi.slice(0, 5).join(', ')}
                </div>
              )}
              {orbitBadSourceSamples.slice(0, 5).map((item) => (
                <div key={`orbit-bad-source-${item.name}`} className="health-card-note error">
                  {item.name} - {item.error || (en ? 'Corruption signal detected' : '检测到损坏信号')}
                  {renderOrbitSourceIssueDetails(item, en, formatPathText)}
                </div>
              ))}
              {(orbitConsistency.mismatches || []).slice(0, 5).map((item) => (
                <div key={item.name} className="health-card-note error">
                  {item.name} - {item.issue}
                  {item.envi_path && (
                    <div style={{ color: '#64748b' }}>
                      {en ? 'ENVI: ' : 'ENVI：'}{formatPathText(item.envi_path)}
                    </div>
                  )}
                </div>
              ))}
              {orbitConsistency.mismatch_count > 5 && (
                <div className="health-card-note warn">
                  {en
                    ? `...and ${orbitConsistency.mismatch_count - 5} more mismatches`
                    : `...还有 ${orbitConsistency.mismatch_count - 5} 项不一致`}
                </div>
              )}
              {(orbitDatabase.path_errors || []).slice(0, 3).map((item, index) => (
                <div key={`db-path-error-${index}`} className="health-card-note error">
                  {item}
                </div>
              ))}
              {(orbitSource.errors || []).slice(0, 3).map((item, index) => (
                <div key={`orbit-source-error-${index}`} className="health-card-note error">
                  {en ? 'Source scan error: ' : '源目录扫描异常：'}{item}
                </div>
              ))}
              {(orbitPools.envi?.errors || []).slice(0, 3).map((item, index) => (
                <div key={`orbit-envi-error-${index}`} className="health-card-note error">
                  {en ? 'ENVI pool scan error: ' : 'ENVI 池扫描异常：'}{item}
                </div>
              ))}

              <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap', marginTop: 8 }}>
                <button
                  onClick={async () => {
                    setOrbitSyncing(true);
                    setOrbitSyncResult(null);
                    try {
                      const result = await syncOrbitPools();
                      setOrbitSyncResult(result);
                      await refreshOrbitStatus();
                    } catch (e) {
                      setOrbitSyncResult({ error: e.response?.data?.detail || e.message });
                    } finally {
                      setOrbitSyncing(false);
                    }
                  }}
                  disabled={orbitSyncing}
                  style={{ padding: '4px 12px', background: '#1890ff', color: '#fff', border: 'none', borderRadius: 4, cursor: 'pointer', fontSize: 12 }}
                >
                  {orbitSyncing ? (en ? 'Checking...' : '检查中...') : (en ? 'Check Consistency' : '精轨一致性检查')}
                </button>
              </div>

              {orbitSyncResult && (
                <div style={{ marginTop: 8, fontSize: 11, color: '#475569', padding: '8px 10px', background: '#f8fafc', borderRadius: 6 }}>
                  {orbitSyncResult.error ? (
                    <div className="health-card-note error">{orbitSyncResult.error}</div>
                  ) : (
                    <>
                      <div className={`health-card-note ${orbitSyncResult.healthy ? 'ok' : 'error'}`}>
                        {orbitSyncResult.healthy
                          ? (en ? 'Pools are consistent.' : '本地池一致。')
                          : (en ? `Detected ${toNumber(orbitSyncResult.mismatch_count)} mismatches.` : `检测到 ${toNumber(orbitSyncResult.mismatch_count)} 项不一致。`)}
                      </div>
                      <div className="health-card-note">
                        {en
                          ? `TXT ${toNumber(orbitSyncResult.envi?.total)}, scan errors ${toNumber(orbitSyncResult.error_count)}`
                          : `TXT ${toNumber(orbitSyncResult.envi?.total)} 项，扫描异常 ${toNumber(orbitSyncResult.error_count)} 项`}
                      </div>
                      {(orbitSyncResult.mismatches || []).slice(0, 5).map((item, index) => (
                        <div key={`orbit-check-mismatch-${index}`} className="health-card-note error">
                          {item.name} - {item.issue}
                          {item.envi_path && (
                            <div style={{ color: '#64748b' }}>
                              {en ? 'ENVI: ' : 'ENVI：'}{formatPathText(item.envi_path)}
                            </div>
                          )}
                        </div>
                      ))}
                      {(orbitSyncResult.errors || []).slice(0, 3).map((item, index) => (
                        <div key={`orbit-check-error-${index}`} className="health-card-note error">
                          {item}
                        </div>
                      ))}
                    </>
                  )}
                </div>
              )}
                </>
              ) : (
                <div className="health-card-note">展开后点击“加载诊断”获取旧精轨池状态。</div>
              )}
            </details>
          )}
              </div>
            </section>

          {/* 系统维护 */}
            <section className="health-section">
              <div className="health-section-header">
                <div>
                  <h3>维护与审计</h3>
                  <p>低频维护动作与日志审计集中管理，避免与实时健康状态混杂。</p>
                </div>
              </div>
              <div className="health-maintenance-stack">
                {isAdmin && (
                  <div className="health-action-card">
                    <div>
                      <h4>会话记录维护</h4>
                      <p>清理已过期或已撤销的登录会话，不影响当前有效登录。</p>
                      {cleanupResult && (
                        <div className={`health-card-note ${cleanupResult.ok ? 'ok' : 'error'}`}>
                          {cleanupResult.message}
                        </div>
                      )}
                    </div>
                    <button
                      className="health-action-button"
                      onClick={async () => {
                        setCleanupLoading(true);
                        setCleanupResult(null);
                        try {
                          const data = await cleanupSessions();
                          setCleanupResult({ ok: true, message: data.message || `已清理 ${data.deleted_count} 条` });
                        } catch (e) {
                          setCleanupResult({ ok: false, message: e.message || '清理失败' });
                        } finally {
                          setCleanupLoading(false);
                        }
                      }}
                      disabled={cleanupLoading}
                    >
                      {cleanupLoading ? '清理中...' : '执行清理'}
                    </button>
                  </div>
                )}

                {/* 日志管理 */}
                <LogManagementPanel isAdmin={isAdmin} />
              </div>
            </section>
          </div>
        </>
      )}
    </div>
  );
};

export default HealthCheckPanel;