feat(error-book): add analytics stats, charts, and error collection

- Add analytics-stats-cards, chapter-weakness-chart, class-error-bar-chart

- Add knowledge-point-weakness-chart, subject-distribution-chart, subject-tabs

- Add class-filter and grouped-student-error-table components

- Add data-access-collection for error aggregation from multiple sources

- Update error-book-detail-dialog, data-access, and types

src/modules/error-book/components/subject-distribution-chart.tsx

@@ -0,0 +1,111 @@
+"use client"
+
+import { Bar, BarChart, CartesianGrid, XAxis, YAxis, Cell } from "recharts"
+import {
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  type ChartConfig,
+} from "@/shared/components/ui/chart"
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/components/ui/card"
+import { cn } from "@/shared/lib/utils"
+
+import type { SubjectErrorDistribution } from "@/modules/error-book/types"
+
+interface SubjectDistributionChartProps {
+  data: SubjectErrorDistribution[]
+  className?: string
+}
+
+const SUBJECT_COLORS = [
+  "var(--color-chart-1)",
+  "var(--color-chart-2)",
+  "var(--color-chart-3)",
+  "var(--color-chart-4)",
+  "var(--color-chart-5)",
+]
+
+/**
+ * 学科错题分布柱状图（管理员视图）
+ * 横轴：学科名称，纵轴：错题数
+ * tooltip 显示已掌握/掌握率
+ */
+export function SubjectDistributionChart({
+  data,
+  className,
+}: SubjectDistributionChartProps) {
+  if (data.length === 0) return null
+
+  const chartData = data.map((d) => ({
+    name: d.subjectName,
+    errorCount: d.errorCount,
+    masteredCount: d.masteredCount,
+    masteryRate: Number((d.masteryRate * 100).toFixed(0)),
+  }))
+
+  const chartConfig: ChartConfig = {
+    errorCount: {
+      label: "错题数",
+      color: "var(--color-chart-1)",
+    },
+  }
+
+  return (
+    <Card className={cn("overflow-hidden", className)}>
+      <CardHeader>
+        <CardTitle className="text-base">各学科错题分布</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <ChartContainer config={chartConfig} className="h-[280px] w-full">
+          <BarChart data={chartData} margin={{ left: 8, right: 8, top: 8, bottom: 8 }}>
+            <CartesianGrid vertical={false} strokeDasharray="4 4" strokeOpacity={0.4} />
+            <XAxis
+              dataKey="name"
+              tickLine={false}
+              axisLine={false}
+              tickMargin={8}
+              tickFormatter={(value: string) =>
+                value.length > 6 ? `${value.slice(0, 6)}...` : value
+              }
+            />
+            <YAxis tickLine={false} axisLine={false} width={36} />
+            <ChartTooltip
+              content={
+                <ChartTooltipContent
+                  className="w-[200px]"
+                  formatter={(payload: unknown) => {
+                    const p = payload as unknown as {
+                      name: string
+                      errorCount: number
+                      masteredCount: number
+                      masteryRate: number
+                    }
+                    return (
+                      <div className="space-y-1.5">
+                        <div className="font-medium">{p.name}</div>
+                        <div className="text-muted-foreground">
+                          错题数：<span className="font-medium text-foreground">{p.errorCount}</span>
+                        </div>
+                        <div className="text-muted-foreground">
+                          已掌握：<span className="font-medium text-emerald-600">{p.masteredCount}</span>
+                        </div>
+                        <div className="text-muted-foreground">
+                          掌握率：<span className="font-medium text-foreground">{p.masteryRate}%</span>
+                        </div>
+                      </div>
+                    )
+                  }}
+                />
+              }
+            />
+            <Bar dataKey="errorCount" radius={[4, 4, 0, 0]}>
+              {chartData.map((_, idx) => (
+                <Cell key={idx} fill={SUBJECT_COLORS[idx % SUBJECT_COLORS.length]} />
+              ))}
+            </Bar>
+          </BarChart>
+        </ChartContainer>
+      </CardContent>
+    </Card>
+  )
+}