temp:临时备份，测试合并兼容性

app/components/reviews/FilePreview.tsx

@@ -5,6 +5,7 @@
 import { useState, useEffect, useRef, ChangeEvent } from 'react';
 import { Document, Page, pdfjs } from 'react-pdf';
 import { DOCUMENT_URL } from '~/api/axios-client';
+import { CollaboraViewer } from '~/components/collabora/CollaboraViewer';
 
 // 设置worker路径为public目录下的worker文件
 // 使用已经下载的兼容版本 (pdfjs-dist v2.12.313)
@@ -73,10 +74,14 @@ interface FilePreviewProps {
   activeReviewPointResultId: string | null;
   targetPage?: number; // 新增目标页码参数
   isStructuredView?: boolean; // 是否显示结构化视图
+  userInfo?: {
+    sub: string;
+    nick_name: string;
+  }; // 用户信息（用于 Collabora）
 }
 
 // export function FilePreview({ fileContent, reviewPoints, activeReviewPointResultId, targetPage }: FilePreviewProps) {
-export function FilePreview({ fileContent, activeReviewPointResultId, targetPage, isStructuredView = false }: FilePreviewProps) {
+export function FilePreview({ fileContent, activeReviewPointResultId, targetPage, isStructuredView = false, userInfo }: FilePreviewProps) {
   const [zoomLevel, setZoomLevel] = useState(100);
   // const [highlightsVisible, setHighlightsVisible] = useState(true);
   const contentRef = useRef<HTMLDivElement>(null);
@@ -461,8 +466,18 @@ export function FilePreview({ fileContent, activeReviewPointResultId, targetPage
       }
       // 普通模式：仅显示PDF
       return renderPdfContent();
+    } else if (fileExtension === 'docx') {
+      // DOCX文件使用Collabora Online预览
+      return (
+        <CollaboraViewer
+          fileId={real_path}
+          mode="view"
+          userId={userInfo?.sub || 'guest'}
+          userName={userInfo?.nick_name || '访客'}
+        />
+      );
     } else {
-      // 非PDF文件显示不支持消息
+      // 非PDF/DOCX文件显示不支持消息
       return (
         <div className="text-gray-500 p-4">
           <p>暂不支持预览此类型的文件：{fileExtension}</p>