<script setup lang="ts">
import { computed } from 'vue'
import type { UiGridColumn } from '../../../shared/ui/adapter/contracts'
import DataGridShell from '../../../shared/ui/DataGridShell.vue'
import PageLayout from '../../../shared/ui/layouts/PageLayout.vue'
import type { DataQualityRun } from '../schema'

// Template fixture only. Production data must come from DAT-03 and pass Zod validation.
const rows: DataQualityRun[] = []
const columns = computed<UiGridColumn[]>(() => [
  { field: 'source', header: '소스' },
  { field: 'session', header: '세션' },
  { field: 'status', header: '품질 상태' },
  { field: 'rowCount', header: '전체 행' },
  { field: 'failedRows', header: '실패 행' },
  { field: 'sourceWatermark', header: '워터마크' },
  { field: 'datasetId', header: '데이터셋' },
  { field: 'completedAt', header: '완료 시각' }
])
</script>

<template>
  <PageLayout title="데이터 품질 운영" subtitle="Raw→PIT→DQ→Dataset lineage를 확인합니다. QUARANTINED 데이터는 추천에 사용할 수 없습니다.">
    <DataGridShell
      :rows="rows"
      :columns="columns"
      empty-message="DAT-03 계약이 구현되면 서버 검증 결과가 표시됩니다."
    />
  </PageLayout>
</template>
