feat: 升级结构化计分可信度

app/[locale]/questionnaire/[id]/result/page.tsx

@@ -1,10 +1,10 @@
 'use client';
 
 import { notFound } from 'next/navigation';
-import { useEffect, useState, useMemo, use, useRef } from 'react';
+import { useEffect, useMemo, use, useState } from 'react';
+import Link from 'next/link';
 import { Button } from '@/components/ui/button';
 import { Questionnaire } from '@/types';
-import Link from 'next/link';
 import { ResultContainer } from '@/components/questionnaire/result/public/ResultContainer';
 import { AnswerList } from '@/components/questionnaire/result/public/AnswerList';
 import { ResultAnalysis } from '@/components/questionnaire/result/analysis/ResultAnalysis';
@@ -12,8 +12,7 @@ import { useQuestionnaire } from '@/hooks/useQuestionnaire';
 import { useScopedI18n } from '@/locales/client';
 import { loadResult } from '@/lib/result-storage';
 import { AssessmentRecord } from '@/lib/assessment-types';
-import { getProfiles, getRecords, updateRecordAnalysis } from '@/lib/assessment-db';
-import { syncAnonymousRecord } from '@/lib/anonymous-client';
+import { getProfiles, getRecords } from '@/lib/assessment-db';
 
 export default function QuestionnaireResultPage({
   params,
@@ -25,14 +24,10 @@ export default function QuestionnaireResultPage({
   const [decodedAnswers, setDecodedAnswers] = useState<string[] | null>(null);
   const [record, setRecord] = useState<AssessmentRecord | null>(null);
   const [profileName, setProfileName] = useState('未命名档案');
-  const analysisRef = useRef<HTMLDivElement>(null);
   const t = useScopedI18n('app.questionnaire.result');
 
-  // Get the questionnaire with specified id from questionnaire data
   const questionnaire = useQuestionnaire(id) as Questionnaire;
-  const recordId = record?.id;
 
-  // Load results from tab-local storage. Answers are intentionally not kept in the URL.
   useEffect(() => {
     if (!questionnaire || !questionnaire.details) {
       return;
@@ -40,6 +35,7 @@ export default function QuestionnaireResultPage({
 
     const stored = loadResult(id);
     setDecodedAnswers(stored?.answers || null);
+
     async function loadRecord() {
       if (stored?.profileId) {
         const profiles = await getProfiles();
@@ -51,28 +47,10 @@ export default function QuestionnaireResultPage({
       }
       setLoading(false);
     }
+
     void loadRecord();
   }, [id, questionnaire]);
 
-  useEffect(() => {
-    if (!recordId || !analysisRef.current) return;
-    const timer = window.setTimeout(() => {
-      const text = analysisRef.current?.innerText.trim() || '';
-      if (!text) return;
-      if (record?.analysisText === text) return;
-      const updated = record ? { ...record, analysisText: text } : null;
-      setRecord(updated);
-      void updateRecordAnalysis(recordId, text);
-      if (updated) {
-        void syncAnonymousRecord(updated).catch((error) => {
-          console.error('Failed to sync anonymous record analysis:', error);
-        });
-      }
-    }, 100);
-    return () => window.clearTimeout(timer);
-  }, [record, recordId]);
-
-  // Construct question-option text pairs for copying result data
   const questionnaireResults: Record<string, string> = useMemo(() => {
     if (!questionnaire || !decodedAnswers) return {};
     const obj: Record<string, string> = {};
@@ -80,35 +58,34 @@ export default function QuestionnaireResultPage({
       const val = decodedAnswers[idx];
       if (val === undefined) return;
       const option = questionnaire.renderOptions(q.id).find(
-        (o) => String(o.value) === String(val)
+        (o) => String(o.value) === String(val),
       );
       obj[q.content] = option ? option.content : String(val);
     });
     return obj;
   }, [decodedAnswers, questionnaire]);
 
-  // If data not found, show 404 page
   if (!questionnaire || !questionnaire.details) {
     return notFound();
   }
 
   if (loading) {
     return (
-      <div className="flex justify-center items-center min-h-screen">
-        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500"></div>
+      <div className="flex min-h-screen items-center justify-center">
+        <div className="h-12 w-12 animate-spin rounded-full border-b-2 border-blue-500" />
       </div>
     );
   }
 
   if (!decodedAnswers || decodedAnswers.length !== questionnaire.questions.length) {
     return (
-      <div className="flex justify-center items-center min-h-screen  md:p-4 p-2">
-        <div className="max-w-6xl w-full bg-white rounded-lg shadow-lg md:p-8 p-4 border">
-          <h1 className="text-2xl font-bold mb-6">
+      <div className="flex min-h-screen items-center justify-center p-2 md:p-4">
+        <div className="w-full max-w-6xl rounded-lg border bg-white p-4 shadow-lg md:p-8">
+          <h1 className="mb-6 text-2xl font-bold">
             {questionnaire.title} - {t('resultNotFoundTitle')}
           </h1>
-          <p className="text-gray-700 mb-6">{t('resultNotFoundDesc')}</p>
-          <Button>
+          <p className="mb-6 text-gray-700">{t('resultNotFoundDesc')}</p>
+          <Button asChild>
             <Link href={`/questionnaire/${id}`}>{t('retryTest')}</Link>
           </Button>
         </div>
@@ -117,8 +94,8 @@ export default function QuestionnaireResultPage({
   }
 
   return (
-    <ResultContainer 
-      title={questionnaire.title} 
+    <ResultContainer
+      title={questionnaire.title}
       id={id}
       questionnaire={questionnaire}
       answers={decodedAnswers}
@@ -131,9 +108,7 @@ export default function QuestionnaireResultPage({
         answers={decodedAnswers}
         renderOptions={questionnaire.renderOptions}
       />
-      <div ref={analysisRef}>
-        <ResultAnalysis questionnaireId={id} answers={decodedAnswers} />
-      </div>
+      <ResultAnalysis questionnaireId={id} answers={decodedAnswers} />
     </ResultContainer>
   );
 }