<script>
  /**
   * /study/diagnosis — 학습 진단(이드 코치) 전용 페이지.
   *
   * 누적 풀이 약점·학습 태도를 코치 언어로 진단하는 cross-topic 표면. 허브(/study)에서 진입.
   * 패널 본체는 공유 컴포넌트 StudyDiagnosisPanel (/study/topics 상단에도 동일 노출).
   */
  import { ArrowLeft, Activity } from 'lucide-svelte';
  import StudyDiagnosisPanel from '$lib/components/StudyDiagnosisPanel.svelte';
</script>

<svelte:head><title>학습 진단 — 공부</title></svelte:head>

<div class="p-4 md:p-6 max-w-5xl mx-auto">
  <div class="flex items-center gap-2 text-xs md:text-sm mb-3">
    <a href="/study" class="text-dim hover:text-text flex items-center gap-1">
      <ArrowLeft size={14} /> 공부
    </a>
    <span class="text-faint">/</span>
    <span class="text-text font-medium flex items-center gap-1.5">
      <Activity size={14} class="text-accent" /> 학습 진단
    </span>
  </div>

  <header class="mb-4">
    <h1 class="text-lg font-semibold text-text">학습 진단</h1>
    <p class="text-xs text-dim mt-1">누적 풀이 이력을 근거로 약점 토픽과 학습 태도를 코치가 진단합니다. 약점·수치는 매일 새벽 약점 스냅샷에서만 인용되며, 스냅샷에 없는 토픽은 만들지 않습니다.</p>
  </header>

  <StudyDiagnosisPanel />
</div>
