fix load crash

Author: ZengXiaoPi

internal/handlers/documents.go

@@ -194,6 +194,9 @@ func ListDocuments(dataStore *store.Store) http.HandlerFunc {
 			platform.WriteError(w, r, http.StatusInternalServerError, "internal_error", "获取文档列表失败")
 			return
 		}
+		if items == nil {
+			items = []store.Document{}
+		}
 
 		platform.WriteSuccess(w, r, http.StatusOK, map[string]any{
 			"items":    items,

internal/handlers/units.go

@@ -46,6 +46,9 @@ func ListTranslationUnits(dataStore *store.Store) http.HandlerFunc {
 			platform.WriteError(w, r, http.StatusInternalServerError, "internal_error", "获取翻译条目列表失败")
 			return
 		}
+		if items == nil {
+			items = []store.TranslationUnit{}
+		}
 
 		platform.WriteSuccess(w, r, http.StatusOK, map[string]any{
 			"items":    items,
@@ -202,6 +205,9 @@ func ListTranslationUnitHistory(dataStore *store.Store) http.HandlerFunc {
 			platform.WriteError(w, r, http.StatusInternalServerError, "internal_error", "获取翻译历史失败")
 			return
 		}
+		if items == nil {
+			items = []store.TranslationUnitHistoryEntry{}
+		}
 
 		platform.WriteSuccess(w, r, http.StatusOK, map[string]any{
 			"items": items,

internal/store/store.go

@@ -633,6 +633,11 @@ func (s *Store) GetProject(ctx context.Context, projectID string) (ProjectOvervi
 			return ProjectOverview{}, err
 		}
 	}
+	for _, status := range []string{"untranslated", "translated", "reviewed", "approved"} {
+		if _, ok := item.StatusCounts[status]; !ok {
+			item.StatusCounts[status] = 0
+		}
+	}
 
 	return item, nil
 }

web/src/features/translation/components/TranslationWorkbench.tsx

@@ -79,15 +79,16 @@ export default function TranslationWorkbench({ projectId, documentId: propDocume
     queryFn: () => api.get<{ items: DocumentItem[] }>(`/projects/${projectId}/documents`),
   });
 
-  const selectedDocument = docsData?.items.find((doc) => doc.id === selectedDocId) ?? null;
+  const documents = Array.isArray(docsData?.items) ? docsData.items : [];
+  const selectedDocument = documents.find((doc) => doc.id === selectedDocId) ?? null;
 
   const { data: unitsData, isLoading: isLoadingUnits } = useQuery({
     queryKey: ['workbench-units', projectId, selectedDocId],
     enabled: Boolean(selectedDocId),
     queryFn: () => api.get<UnitsResponse>(`/projects/${projectId}/units?documentId=${selectedDocId}&page=1&pageSize=1000`),
   });
 
-  const units = unitsData?.items || [];
+  const units = Array.isArray(unitsData?.items) ? unitsData.items : [];
 
   useEffect(() => {
     if (!selectedDocId) {

web/src/routes/project.$projectId.dashboard.tsx

@@ -23,8 +23,13 @@ function Dashboard() {
     );
   }
 
-  const totalUnits = project?.translationUnitCount || 0;
-  const statusCounts = project?.statusCounts || { untranslated: 0, translated: 0, reviewed: 0, approved: 0 };
+  const totalUnits = Number(project?.translationUnitCount ?? 0);
+  const statusCounts = {
+    untranslated: Number(project?.statusCounts?.untranslated ?? 0),
+    translated: Number(project?.statusCounts?.translated ?? 0),
+    reviewed: Number(project?.statusCounts?.reviewed ?? 0),
+    approved: Number(project?.statusCounts?.approved ?? 0),
+  };
 
   const translatedPct = totalUnits > 0 ? (statusCounts.translated / totalUnits) * 100 : 0;
   const reviewedPct = totalUnits > 0 ? (statusCounts.reviewed / totalUnits) * 100 : 0;
@@ -131,16 +136,16 @@ function Dashboard() {
 }
 
 function StatCard({ icon, label, value, bg, isString = false }: { icon: React.ReactNode, label: string, value: string | number, bg: string, isString?: boolean }) {
+  const displayValue = isString ? value : Number(value ?? 0).toLocaleString();
+
   return (
     <div className="bg-white rounded-3xl p-6 border border-slate-200 shadow-sm flex items-center gap-5">
       <div className={`w-14 h-14 rounded-2xl ${bg} flex items-center justify-center shrink-0`}>
         {icon}
       </div>
       <div>
         <div className="text-sm font-semibold text-slate-500 mb-1">{label}</div>
-        <div className="text-2xl font-bold text-slate-900">
-          {isString ? value : (value as number).toLocaleString()}
-        </div>
+        <div className="text-2xl font-bold text-slate-900">{displayValue}</div>
       </div>
     </div>
   );
@@ -153,7 +158,7 @@ function ProgressStat({ dot, label, count }: { dot: string, label: string, count
         <div className={`w-3 h-3 rounded-full ${dot} mr-2`}></div>
         {label}
       </div>
-      <div className="text-2xl font-semibold text-slate-900">{count.toLocaleString()}</div>
+      <div className="text-2xl font-semibold text-slate-900">{Number(count ?? 0).toLocaleString()}</div>
     </div>
   );
-}
+}