健康趋势盲点检测器：发现生物标志物和症状中的隐藏模式 | WellAlly康心伴

interface HealthDataPoint {
  timestamp: Date
  biomarker: string
  value: number
  unit: string
  source: 'lab' | 'home_monitoring' | 'wearable' | 'patient_reported'
  fastingStatus?: boolean
  timeOfDay?: 'morning' | 'afternoon' | 'evening'
  notes?: string
}

// 示例标准化数据结构
const exampleData: HealthDataPoint[] = [
  {
    timestamp: new Date('2024-01-15T08:30:00'),
    biomarker: 'fasting_glucose',
    value: 98,
    unit: 'mg/dL',
    source: 'lab',
    fastingStatus: true,
    timeOfDay: 'morning'
  },
  {
    timestamp: new Date('2024-04-20T07:45:00'),
    biomarker: 'fasting_glucose',
    value: 102,
    unit: 'mg/dL',
    source: 'lab',
    fastingStatus: true,
    timeOfDay: 'morning'
  },
  {
    timestamp: new Date('2024-07-16T08:15:00'),
    biomarker: 'fasting_glucose',
    value: 105,
    unit: 'mg/dL',
    source: 'lab',
    fastingStatus: true,
    timeOfDay: 'morning'
  },
  {
    timestamp: new Date('2024-10-22T08:00:00'),
    biomarker: 'fasting_glucose',
    value: 108,
    unit: 'mg/dL',
    source: 'lab',
    fastingStatus: true,
    timeOfDay: 'morning'
  }
]

// 每个数据点标准化为：
// - 实验室参考范围（机构特定）
// - 单位转换（所有值标准化）
// - 空腹状态影响
// - 一天中的时间变异
// - 季节性调整

interface TrendAnalysis {
  biomarker: string
  dataPoints: number
  timeSpan: number // 以月为单位
  current: number
  baseline: number
  absoluteChange: number
  percentChange: number
  annualRateOfChange: number
  trendDirection: 'improving' | 'stable' | 'declining'
  statisticalSignificance: 'significant' | 'suggestive' | 'not_significant'
  clinicalSignificance: 'concerning' | 'monitor' | 'benign'
  predictedValue: {
    oneYear: number
    twoYears: number
    fiveYears: number
  }
  referenceRangeStatus: {
    current: 'within' | 'borderline' | 'outside'
    predicted: 'within' | 'borderline' | 'outside'
  }
}

// 示例趋势分析输出
const exampleAnalysis: TrendAnalysis = {
  biomarker: 'eGFR（肾功能）',
  dataPoints: 8,
  timeSpan: 48, // 4年
  current: 68,
  baseline: 82,
  absoluteChange: -14,
  percentChange: -17.1,
  annualRateOfChange: -3.5, // 每年下降3.5%
  trendDirection: 'declining',
  statisticalSignificance: 'significant',
  clinicalSignificance: 'concerning',
  predictedValue: {
    oneYear: 64,
    twoYears: 60,
    fiveYears: 48 // 将表明3期慢性肾病
  },
  referenceRangeStatus: {
    current: 'within', // 仍然"正常"
    predicted: 'outside' // 5年后将异常
  }
}

// app/trend-blindspot/page.tsx
'use client'

import { useState, useMemo } from 'react'
import { TrendVisualization } from '@/components/trends/visualization'
import { BlindspotReport } from '@/components/trends/blindspot-report'
import { BiomarkerUpload } from '@/components/trends/biomarker-upload'
import { PredictiveModeling } from '@/components/trends/predictive-modeling'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'

interface BiomarkerTrend {
  name: string
  dataPoints: Array<{ date: Date; value: number }>
  trend: 'improving' | 'stable' | 'declining'
  annualRateOfChange: number
  clinicalSignificance: 'concerning' | 'monitor' | 'benign'
  currentWithinRange: boolean
}

export default function TrendBlindspotPage() {
  const [biomarkers, setBiomarkers] = useState<BiomarkerTrend[]>([])
  const [view, setView] = useState<'upload' | 'trends' | 'blindspots' | 'predictions'>('upload')

  // 计算汇总统计
  const summary = useMemo(() => {
    const concerning = biomarkers.filter(b => b.clinicalSignificance === 'concerning').length
    const monitoring = biomarkers.filter(b => b.clinicalSignificance === 'monitor').length
    const stable = biomarkers.filter(b => b.trend === 'stable').length
    const improving = biomarkers.filter(b => b.trend === 'improving').length
    const declining = biomarkers.filter(b => b.trend === 'declining').length

    const blindspots = biomarkers.filter(b =>
      b.currentWithinRange && b.clinicalSignificance === 'concerning'
    ).length

    return { concerning, monitoring, stable, improving, declining, blindspots }
  }, [biomarkers])

  return (
    <div className="container mx-auto px-4 py-8 max-w-7xl">
      <div className="mb-8">
        <h1 className="text-3xl font-bold mb-2">
          健康趋势盲点检测器
        </h1>
        <p className="text-gray-600">
          发现您的纵向健康数据中的隐藏模式和早期预警信号
        </p>
      </div>

      {/* 汇总统计 */}
      {biomarkers.length > 0 && (
        <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-6">
          <Card>
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-gray-600">已分析</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold">{biomarkers.length}</div>
              <div className="text-xs text-gray-500">个生物标志物</div>
            </CardContent>
          </Card>

          <Card className="border-red-200">
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-red-600">盲点</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold text-red-600">{summary.blindspots}</div>
              <div className="text-xs text-gray-500">正常值，不良趋势</div>
            </CardContent>
          </Card>

          <Card className="border-orange-200">
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-orange-600">需关注</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold text-orange-600">{summary.concerning}</div>
              <div className="text-xs text-gray-500">需要关注</div>
            </CardContent>
          </Card>

          <Card className="border-yellow-200">
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-yellow-600">监测中</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold text-yellow-600">{summary.monitoring}</div>
              <div className="text-xs text-gray-500">密切观察</div>
            </CardContent>
          </Card>

          <Card className="border-green-200">
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-green-600">改善中</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold text-green-600">{summary.improving}</div>
              <div className="text-xs text-gray-500">积极趋势</div>
            </CardContent>
          </Card>

          <Card>
            <CardHeader className="pb-2">
              <CardTitle className="text-sm font-medium text-gray-600">稳定</CardTitle>
            </CardHeader>
            <CardContent>
              <div className="text-3xl font-bold">{summary.stable}</div>
              <div className="text-xs text-gray-500">无显著变化</div>
            </CardContent>
          </Card>
        </div>
      )}

      {/* 视图切换 */}
      <div className="flex gap-2 mb-6 overflow-x-auto">
        <Button
          variant={view === 'upload' ? 'default' : 'outline'}
          onClick={() => setView('upload')}
        >
          上传数据
        </Button>
        <Button
          variant={view === 'trends' ? 'default' : 'outline'}
          onClick={() => setView('trends')}
          disabled={biomarkers.length === 0}
        >
          查看趋势
        </Button>
        <Button
          variant={view === 'blindspots' ? 'default' : 'outline'}
          onClick={() => setView('blindspots')}
          disabled={biomarkers.length === 0}
        >
          盲点报告
        </Button>
        <Button
          variant={view === 'predictions' ? 'default' : 'outline'}
          onClick={() => setView('predictions')}
          disabled={biomarkers.length ＜ 3}
        >
          预测
        </Button>
      </div>

      {/* 视图内容 */}
      {view === 'upload' && (
        <BiomarkerUpload
          biomarkers={biomarkers}
          onBiomarkersChange={setBiomarkers}
        />
      )}

      {view === 'trends' && (
        <TrendVisualization biomarkers={biomarkers} />
      )}

      {view === 'blindspots' && (
        <BlindspotReport biomarkers={biomarkers} />
      )}

      {view === 'predictions' && (
        <PredictiveModeling biomarkers={biomarkers} />
      )}
    </div>
  )
}