feat: подготовил дизайн (изменения из другого репозитория)

frontend/src/views/teacher/TeacherAnalyticsView.vue

@@ -0,0 +1,94 @@
+<script setup lang="ts">
+import GlassCard from '@/components/ui/GlassCard.vue'
+import ProgressBar from '@/components/ui/ProgressBar.vue'
+
+const ratingTrend = [4.2, 4.5, 4.6, 4.8, 4.7]
+</script>
+
+<template>
+  <div class="teacher-analytics page-content">
+    <h1 class="page-title">Аналитика преподавателя</h1>
+
+    <div class="grid">
+      <GlassCard>
+        <div class="section-title">Динамика оценок</div>
+        <div class="chart">
+          <div v-for="(value, i) in ratingTrend" :key="i" class="bar">
+            <div class="bar-fill" :style="{ height: `${value * 18}px` }"></div>
+            <span class="bar-label">Нед {{ i + 1 }}</span>
+          </div>
+        </div>
+        <div class="avg">Средняя оценка: 4.6</div>
+      </GlassCard>
+
+      <GlassCard>
+        <div class="section-title">Sentiment-анализ отзывов</div>
+        <div class="sentiment">
+          <div>
+            <div class="sentiment-label">Позитивные 65%</div>
+            <ProgressBar :value="65" :max="100" />
+          </div>
+          <div>
+            <div class="sentiment-label">Нейтральные 25%</div>
+            <ProgressBar :value="25" :max="100" color="linear-gradient(90deg, #7DD3FC, #BAE6FD)" />
+          </div>
+          <div>
+            <div class="sentiment-label">Негативные 10%</div>
+            <ProgressBar :value="10" :max="100" color="linear-gradient(90deg, #FCA5A5, #FECACA)" />
+          </div>
+        </div>
+      </GlassCard>
+    </div>
+
+    <GlassCard>
+      <div class="section-title">LLM-сводка проблем и рекомендаций</div>
+      <p class="summary">
+        Студенты отмечают сильную практическую часть, но хотят больше разборов вопросов из аудитории.
+        Рекомендуется добавить блок с кейсами из реальных проектов и увеличить время на интерактив.
+      </p>
+      <div class="tags">
+        <span class="tag-chip">много практики</span>
+        <span class="tag-chip">понятные примеры</span>
+        <span class="tag-chip">сложный материал</span>
+        <span class="tag-chip">нужны задания</span>
+      </div>
+    </GlassCard>
+
+    <GlassCard>
+      <div class="section-title">Анонимные отзывы</div>
+      <div class="reviews">
+        <div class="review">
+          «Больше кейсов и примеров из реальной жизни, лекция очень понравилась»
+        </div>
+        <div class="review">
+          «Темп быстрый, но структура отличная. Хотелось бы больше практических заданий.»
+        </div>
+        <div class="review">
+          «Отличные слайды и примеры, спасибо за доступное объяснение сложных тем.»
+        </div>
+      </div>
+      <div class="section-title">Топ полезных отзывов</div>
+      <ul class="top-list">
+        <li>«Лабораторная часть помогла понять алгоритмы, пожалуйста, добавьте еще 15 минут»</li>
+        <li>«Понравились интерактивные задания, хочется больше времени на Q&A»</li>
+      </ul>
+    </GlassCard>
+  </div>
+</template>
+
+<style scoped>
+.teacher-analytics { display: flex; flex-direction: column; gap: 18px; }
+.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
+.chart { display: flex; gap: 12px; align-items: flex-end; height: 160px; padding: 10px 0; }
+.bar { display: flex; flex-direction: column; align-items: center; gap: 6px; }
+.bar-fill { width: 26px; border-radius: 6px 6px 0 0; background: linear-gradient(180deg, #22C55E, #86EFAC); }
+.bar-label { font-size: 11px; color: var(--color-text-secondary); }
+.avg { margin-top: 6px; font-weight: 600; }
+.sentiment { display: flex; flex-direction: column; gap: 12px; }
+.sentiment-label { font-size: 12px; color: var(--color-text-secondary); margin-bottom: 4px; }
+.summary { font-size: 14px; color: var(--color-text-secondary); line-height: 1.5; }
+.tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
+.reviews { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
+.review { background: rgba(255,255,255,0.6); border: 1px solid var(--color-border-glass); padding: 10px; border-radius: var(--radius-sm); font-size: 13px; }
+.top-list { padding-left: 18px; color: var(--color-text-secondary); font-size: 13px; }
+</style>