feat: 大量优化和bug修复

app/components/dashboard/QaRecordsTable.vue

@@ -146,7 +146,7 @@ const getQuestionTypeLabel = (type: string) => {
         <template #options="{ row }">
           <TooltipCom side="top" align="start">
             <template #trigger>
-              <div class="max-w-md cursor-default truncate">
+              <div class="max-w-md cursor-pointer truncate">
                 <template v-if="row.options">
                   <template
                     v-for="(line, i) in getOptionLines(
@@ -155,17 +155,18 @@ const getQuestionTypeLabel = (type: string) => {
                     )"
                     :key="i"
                   >
-                    <span v-if="i > 0" class="text-muted-foreground"
-                      >&nbsp;</span
-                    >
+                    <span v-if="i > 0" class="text-muted-foreground">
+                      &nbsp;
+                    </span>
                     <span
                       :class="
                         line.isCorrect
                           ? 'text-green-500 font-medium'
                           : 'text-muted-foreground'
                       "
-                      >{{ line.text }}</span
                     >
+                      {{ line.text }}
+                    </span>
                   </template>
                 </template>
                 <span v-else class="text-muted-foreground">-</span>
@@ -181,6 +182,7 @@ const getQuestionTypeLabel = (type: string) => {
                   row.answer ?? ''
                 )"
                 :key="i"
+                class="whitespace-pre-wrap mb-2 border rounded-lg px-2 py-1 last:mb-0 min-w-16"
                 :class="line.isCorrect ? 'text-green-500 font-medium' : ''"
               >
                 {{ line.text }}

app/components/dashboard/StatsOverview.vue

@@ -5,47 +5,11 @@ import { storeToRefs } from "pinia";
 
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useAnswerStore } from "@/stores/answer";
 
 const answerStore = useAnswerStore();
-const {
-  health,
-  stats,
-  uptimeText,
-  dashboardErrorMessage,
-  statsLoading,
-  cacheClearing
-} = storeToRefs(answerStore);
-
-/** 顶部指标由 store 中的健康状态和统计信息组合而来 */
-const overviewItems = computed(() => [
-  {
-    label: "服务状态",
-    value: health.value?.status === "ok" ? "运行中" : "-",
-    detail: health.value?.version ? `v${health.value.version}` : "-",
-    loading: statsLoading.value && !health.value
-  },
-  {
-    label: "模型",
-    value: stats.value?.model || health.value?.model || "-",
-    detail: "AI 模型",
-    loading: statsLoading.value && !stats.value
-  },
-  {
-    label: "问答记录",
-    value: stats.value?.qa_records_count?.toString() ?? "0",
-    detail: uptimeText.value,
-    loading: statsLoading.value && !stats.value
-  }
-]);
+const { dashboardErrorMessage, recordsLoading, cacheClearing } =
+  storeToRefs(answerStore);
 </script>
 
 <template>
@@ -65,10 +29,13 @@ const overviewItems = computed(() => [
           type="button"
           variant="outline"
           size="sm"
-          :disabled="statsLoading"
+          :disabled="recordsLoading"
           @click="answerStore.loadDashboard"
         >
-          <RefreshCw class="size-4" :class="{ 'animate-spin': statsLoading }" />
+          <RefreshCw
+            class="size-4"
+            :class="{ 'animate-spin': recordsLoading }"
+          />
           <span>刷新</span>
         </Button>
         <Button
@@ -87,27 +54,5 @@ const overviewItems = computed(() => [
     <Alert v-if="dashboardErrorMessage" variant="destructive">
       <AlertDescription>{{ dashboardErrorMessage }}</AlertDescription>
     </Alert>
-
-    <div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
-      <Card v-for="item in overviewItems" :key="item.label" size="sm">
-        <CardHeader>
-          <CardDescription>{{ item.label }}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <template v-if="item.loading">
-            <Skeleton class="mb-2 h-8 w-24" />
-            <Skeleton class="h-4 w-32" />
-          </template>
-          <template v-else>
-            <CardTitle class="truncate text-2xl font-semibold">
-              {{ item.value }}
-            </CardTitle>
-            <div class="mt-1 truncate text-xs text-muted-foreground">
-              {{ item.detail }}
-            </div>
-          </template>
-        </CardContent>
-      </Card>
-    </div>
   </section>
-</template>
+</template>