From eb05318074e81c24a6313117a9eb471e39c832d6 Mon Sep 17 00:00:00 2001
From: PingChuan <1259732256@qq.com>
Date: Tue, 9 Dec 2025 16:30:33 +0800
Subject: [PATCH 1/3] =?UTF-8?q?style=EF=BC=9A=E8=B0=83=E6=95=B4dify?=
 =?UTF-8?q?=E5=86=85=E5=B5=8C=E4=BE=A7=E8=BE=B9=E6=A0=8F=E3=80=81=E5=8F=AC?=
 =?UTF-8?q?=E5=9B=9E=E6=B5=8B=E8=AF=95=E3=80=81=E9=A2=84=E8=A7=88=E5=9D=97?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/dify-chat/sidebar.tsx          |   4 +-
 .../area-dataset-config.tsx                   |   2 +-
 .../dify-dataset-manager/layout.tsx           |   2 +-
 .../dify-dataset-manager/retrieve-test.tsx    | 151 ++++++------------
 .../components/dify-dataset-manager/index.css |  14 +-
 5 files changed, 67 insertions(+), 106 deletions(-)

diff --git a/app/components/dify-chat/sidebar.tsx b/app/components/dify-chat/sidebar.tsx
index b15d53f..a3eec13 100644
--- a/app/components/dify-chat/sidebar.tsx
+++ b/app/components/dify-chat/sidebar.tsx
@@ -407,7 +407,7 @@ const ChatSidebar = forwardRef<ChatSidebarRef, ChatSidebarProps>(({
                 confirmLoading={renameLoading}
                 okText="确定"
                 cancelText="取消"
-                destroyOnClose
+                destroyOnHidden
             >
                 <div className="py-4">
                     <Input
@@ -437,7 +437,7 @@ const ChatSidebar = forwardRef<ChatSidebarRef, ChatSidebarProps>(({
                 okText="删除"
                 cancelText="取消"
                 okType="danger"
-                destroyOnClose
+                destroyOnHidden
             >
                 <div className="py-4">
                     <p>确定要删除会话 <strong>"{deletingConversation?.name}"</strong> 吗？</p>
diff --git a/app/components/dify-dataset-manager/area-dataset-config.tsx b/app/components/dify-dataset-manager/area-dataset-config.tsx
index f482750..b611f34 100644
--- a/app/components/dify-dataset-manager/area-dataset-config.tsx
+++ b/app/components/dify-dataset-manager/area-dataset-config.tsx
@@ -577,7 +577,7 @@ export default function AreaDatasetConfig() {
                 ),
                 value: ds.id,
               }))}
-              dropdownStyle={{ maxHeight: '300px' }}
+              styles={{ popup: { root: { maxHeight: '300px' } } }}
             />
           </Form.Item>
 
diff --git a/app/components/dify-dataset-manager/layout.tsx b/app/components/dify-dataset-manager/layout.tsx
index dec9eb5..64483e1 100644
--- a/app/components/dify-dataset-manager/layout.tsx
+++ b/app/components/dify-dataset-manager/layout.tsx
@@ -55,7 +55,7 @@ export default function DatasetLayout({
                                 placeholder="选择知识库"
                                 suffixIcon={<SwapOutlined />}
                                 popupMatchSelectWidth={false}
-                                dropdownStyle={{ minWidth: 200 }}
+                                styles={{ popup: { root: { minWidth: 200 } } }}
                             >
                                 {availableDatasets.map(ds => (
                                     <Select.Option key={ds.dataset_id} value={ds.dataset_id}>
diff --git a/app/components/dify-dataset-manager/retrieve-test.tsx b/app/components/dify-dataset-manager/retrieve-test.tsx
index 8a6c7bd..06a8c74 100644
--- a/app/components/dify-dataset-manager/retrieve-test.tsx
+++ b/app/components/dify-dataset-manager/retrieve-test.tsx
@@ -1,5 +1,5 @@
-import { SearchOutlined, FileSearchOutlined } from '@ant-design/icons';
-import { Button, Tag, Input, Slider, Spin, Select, Flex, Switch, InputNumber, Tooltip } from 'antd';
+import { FileSearchOutlined, SearchOutlined } from '@ant-design/icons';
+import { Button, Card, Flex, Input, InputNumber, Select, Slider, Spin, Switch, Tag, Tooltip } from 'antd';
 import type { RetrieveRecord } from '~/api/dify-dataset/type';
 import { useRetrieveTest } from '~/hooks/dify-dataset-manager/retrieve-test';
 import type { RetrieveTestProps } from '~/types/dify-dataset-manager/retrieve-test';
@@ -25,62 +25,46 @@ function ResultItem({ record, index }: { record: RetrieveRecord; index: number }
     const scoreColor = record.score > 0.8 ? '#52c41a' : record.score > 0.5 ? '#faad14' : '#666';
 
     return (
-        <Flex
-            vertical
-            gap={12}
-            style={{
-                padding: 16,
-                background: colors.bgContainer,
-                borderRadius: 8,
-                border: `1px solid ${colors.border}`,
-            }}
-        >
-            <Flex justify="space-between" align="center">
-                <Flex gap={8} align="center">
-                    <Tag style={{ background: scoreColor, color: '#fff', border: 'none' }}>
+        <div className="segment-item">
+            <div className="segment-header">
+                <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                    <Tag style={{ background: scoreColor, color: '#fff', border: 'none', margin: 0 }}>
                         {scorePercent}%
                     </Tag>
-                    <span style={{ color: colors.textSecondary, fontSize: 12 }}>
-                        #{index + 1} · {record.segment.word_count} 字 · 命中 {record.segment.hit_count} 次
+                    <span className="segment-index">#{index + 1}</span>
+                    <span className="segment-chars">
+                        {record.segment.word_count} 字 · 命中 {record.segment.hit_count} 次
                     </span>
-                </Flex>
+                </div>
                 {record.segment.document && (
-                    <span style={{ color: colors.textTertiary, fontSize: 12 }}>
+                    <span className="segment-chars">
                         来源: {record.segment.document.name}
                     </span>
                 )}
-            </Flex>
-            <div style={{
-                color: colors.text,
-                fontSize: 14,
-                lineHeight: 1.6,
-                whiteSpace: 'pre-wrap',
-            }}>
+            </div>
+            <div className="segment-content">
                 {record.segment.content.length > 500
                     ? record.segment.content.substring(0, 500) + '...'
                     : record.segment.content}
             </div>
             {record.segment.answer && (
-                <Flex
-                    vertical
-                    gap={4}
-                    style={{
-                        padding: 12,
-                        background: colors.fillTertiary,
-                        borderRadius: 6,
-                    }}
-                >
-                    <span style={{ color: colors.textSecondary, fontSize: 12 }}>
+                <div style={{
+                    padding: 12,
+                    background: '#f0f0f0',
+                    borderRadius: 6,
+                    marginTop: 8,
+                }}>
+                    <span style={{ color: '#8c8c8c', fontSize: 12, display: 'block', marginBottom: 4 }}>
                         答案:
                     </span>
-                    <span style={{ color: colors.text, fontSize: 14 }}>
+                    <span style={{ color: '#262626', fontSize: 14 }}>
                         {record.segment.answer.length > 200
                             ? record.segment.answer.substring(0, 200) + '...'
                             : record.segment.answer}
                     </span>
-                </Flex>
+                </div>
             )}
-        </Flex>
+        </div>
     );
 }
 
@@ -277,63 +261,32 @@ export default function RetrieveTest({ datasetId }: RetrieveTestProps) {
             </Flex>
 
             {/* 右侧面板 - 结果展示 */}
-            <Flex
-                vertical
-                flex={1}
-                gap={16}
-                style={{
-                    padding: 20,
-                    background: colors.bgElevated,
-                    overflow: 'auto',
-                }}
-            >
-                {retrieving ? (
-                    <Flex
-                        flex={1}
-                        align="center"
-                        justify="center"
-                        vertical
-                        gap={12}
-                    >
-                        <Spin size="large" />
-                        <span style={{ color: colors.textSecondary }}>
-                            检索中...
-                        </span>
-                    </Flex>
-                ) : retrieveResults.length === 0 ? (
-                    <Flex
-                        flex={1}
-                        align="center"
-                        justify="center"
-                        vertical
-                        gap={12}
-                    >
-                        <FileSearchOutlined style={{
-                            fontSize: 48,
-                            color: colors.textQuaternary,
-                        }} />
-                        <span style={{ color: colors.textTertiary }}>
-                            召回测试结果将展示在这里
-                        </span>
-                    </Flex>
-                ) : (
-                    <>
-                        <Flex justify="space-between" align="center">
-                            <span style={{
-                                fontSize: 14,
-                                color: colors.text,
-                                fontWeight: 500,
-                            }}>
-                                检索结果
+            <div className="preview-panel">
+                <Card
+                    title={
+                        <div className="preview-header">
+                            <span>检索结果</span>
+                            <span className="segment-count">
+                                {retrieveResults.length > 0 ? `${retrieveResults.length} 条结果` : '0 条结果'}
                             </span>
-                            <span style={{
-                                fontSize: 13,
-                                color: colors.textSecondary,
-                            }}>
-                                共找到 {retrieveResults.length} 条结果
-                            </span>
-                        </Flex>
-                        <Flex vertical gap={12}>
+                        </div>
+                    }
+                    className="preview-card"
+                >
+                    {retrieving ? (
+                        <div className="preview-loading">
+                            <Spin size="large" />
+                            <div className="loading-text">检索中...</div>
+                        </div>
+                    ) : retrieveResults.length === 0 ? (
+                        <div className="preview-empty">
+                            <div className="empty-icon">
+                                <FileSearchOutlined />
+                            </div>
+                            <p>召回测试结果将展示在这里</p>
+                        </div>
+                    ) : (
+                        <div className="preview-segments">
                             {retrieveResults.map((record, index) => (
                                 <ResultItem
                                     key={record.segment.id}
@@ -341,10 +294,10 @@ export default function RetrieveTest({ datasetId }: RetrieveTestProps) {
                                     index={index}
                                 />
                             ))}
-                        </Flex>
-                    </>
-                )}
-            </Flex>
+                        </div>
+                    )}
+                </Card>
+            </div>
         </Flex>
     );
 }
diff --git a/app/styles/components/dify-dataset-manager/index.css b/app/styles/components/dify-dataset-manager/index.css
index 2238583..c3339c9 100644
--- a/app/styles/components/dify-dataset-manager/index.css
+++ b/app/styles/components/dify-dataset-manager/index.css
@@ -6,7 +6,7 @@
 .dataset-manager-wrapper {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    height:90%;
     max-height: 100%;
     background: #fff;
     overflow: hidden;
@@ -26,13 +26,14 @@
 
 /* 左侧侧边栏 */
 .dataset-sidebar {
-    width: 200px;
-    min-width: 200px;
+    width: 26vh;
+    min-width: 11vh;
     background: #fafafa;
     border-right: 1px solid #f0f0f0;
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    max-height: 90vh;
 }
 
 /* 返回按钮 */
@@ -229,6 +230,7 @@
 /* 右侧主内容区 */
 .dataset-main {
     flex: 1;
+    height: 85vh;
     min-width: 0;
     display: flex;
     flex-direction: column;
@@ -735,6 +737,7 @@
 
 /* 右侧预览面板 */
 .preview-panel {
+    height: 85vh;
     flex: 1;
     min-width: 0;
     background: #f5f5f5;
@@ -852,6 +855,11 @@
     display: flex;
     flex-direction: column;
     gap: 12px;
+    /* 关键修复：添加高度约束和内部滚动 */
+    height: 100%;
+    min-height: 0;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
 
 .segment-item {

From 7ce3acd7718cde3a8763bb57d8e0f67ea0f91d65 Mon Sep 17 00:00:00 2001
From: PingChuan <1259732256@qq.com>
Date: Tue, 9 Dec 2025 16:53:24 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix=EF=BC=9A=E6=B8=85=E9=99=A4=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E5=85=B3=E4=BA=8E=E9=80=9A=E8=BF=87api=E6=8E=A5?=
 =?UTF-8?q?=E5=85=A5dify=E4=B8=8D=E6=94=AF=E6=8C=81=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../area-dataset-config.tsx                   |   4 +-
 .../dify-dataset-manager/dataset-settings.tsx | 116 ++++++++----------
 .../dify-dataset-manager/dataset-settings.ts  |  91 ++++++--------
 3 files changed, 91 insertions(+), 120 deletions(-)

diff --git a/app/components/dify-dataset-manager/area-dataset-config.tsx b/app/components/dify-dataset-manager/area-dataset-config.tsx
index b611f34..0ecf43f 100644
--- a/app/components/dify-dataset-manager/area-dataset-config.tsx
+++ b/app/components/dify-dataset-manager/area-dataset-config.tsx
@@ -594,7 +594,7 @@ export default function AreaDatasetConfig() {
           </Form.Item>
 
           {/* 知识库描述 */}
-          <Form.Item
+          {/* <Form.Item
             name="dataset_description"
             label="知识库描述"
           >
@@ -603,7 +603,7 @@ export default function AreaDatasetConfig() {
               rows={3}
               maxLength={500}
             />
-          </Form.Item>
+          </Form.Item> */}
 
           {/* 高级设置折叠面板 */}
           <div style={{ marginTop: '24px' }}>
diff --git a/app/components/dify-dataset-manager/dataset-settings.tsx b/app/components/dify-dataset-manager/dataset-settings.tsx
index af651ac..53df97f 100644
--- a/app/components/dify-dataset-manager/dataset-settings.tsx
+++ b/app/components/dify-dataset-manager/dataset-settings.tsx
@@ -1,10 +1,8 @@
-import { Form, Input, Button, Card, Spin, Divider, Select, Slider, InputNumber, Tooltip, Checkbox } from 'antd';
-import { SaveOutlined, QuestionCircleOutlined, CheckCircleFilled } from '@ant-design/icons';
+import { CheckCircleFilled, QuestionCircleOutlined, SaveOutlined } from '@ant-design/icons';
+import { Button, Card, Checkbox, Descriptions, Divider, InputNumber, Select, Slider, Spin, Tag, Tooltip } from 'antd';
 import { useDatasetSettings, type SearchMethod } from '~/hooks/dify-dataset-manager/dataset-settings';
 import type { DatasetSettingsProps } from '~/types/dify-dataset-manager/dataset-settings';
 
-const { TextArea } = Input;
-
 // 检索方式选项
 const SEARCH_METHOD_OPTIONS: { label: string; value: SearchMethod; description: string }[] = [
     { label: '向量检索', value: 'semantic_search', description: '基于语义理解的智能检索，适合需要理解上下文的场景' },
@@ -15,23 +13,21 @@ const SEARCH_METHOD_OPTIONS: { label: string; value: SearchMethod; description:
 
 /**
  * 知识库设置组件
- * 用于修改知识库名称和描述
+ * 使用 Descriptions 展示只读的知识库基本信息，提供可编辑的检索设置
+ * 注：Dify API 不支持修改知识库名称和描述，故这些字段仅作只读展示
  */
 export default function DatasetSettings({
     dataset,
     onDatasetUpdated,
 }: DatasetSettingsProps) {
-    const [form] = Form.useForm();
-
     const {
         saving,
         hasChanges,
         retrievalSettings,
-        handleValuesChange,
         handleSave,
         handleReset,
         updateRetrievalSettings,
-    } = useDatasetSettings(dataset, form, onDatasetUpdated);
+    } = useDatasetSettings(dataset, onDatasetUpdated);
 
     // 是否需要显示 Reranking 提示（语义检索和混合检索需要，且强制开启）
     const showRerankingInfo = retrievalSettings.searchMethod === 'semantic_search' || retrievalSettings.searchMethod === 'hybrid_search';
@@ -53,66 +49,56 @@ export default function DatasetSettings({
             <div className="page-header">
                 <h1>设置</h1>
                 <p className="page-description">
-                    管理知识库的基本信息
+                    管理知识库的基本信息和检索配置
                 </p>
             </div>
 
-            {/* 设置表单 */}
-            <Card className="settings-card">
-                <Form
-                    form={form}
-                    layout="vertical"
-                    onValuesChange={handleValuesChange}
+            {/* 知识库基本信息 */}
+            <Card
+                className="settings-card"
+                title={
+                    <span style={{ fontSize: 16, fontWeight: 500 }}>
+                        知识库信息
+                    </span>
+                }
+            >
+                <Descriptions
+                    column={{ xs: 1, sm: 2, md: 2, lg: 3 }}
+                    labelStyle={{
+                        color: '#8c8c8c',
+                        fontWeight: 400,
+                    }}
+                    contentStyle={{
+                        color: '#262626',
+                        fontWeight: 500,
+                    }}
                 >
-                    <Form.Item
-                        name="name"
-                        label="知识库名称"
-                        rules={[
-                            { required: true, message: '请输入知识库名称' },
-                            { max: 100, message: '名称不能超过100个字符' },
-                        ]}
-                    >
-                        <Input placeholder="请输入知识库名称" maxLength={100} />
-                    </Form.Item>
-
-                    <Form.Item
-                        name="description"
-                        label="知识库描述"
-                        extra="描述知识库的用途和内容（仅展示，暂不支持修改）"
-                    >
-                        <TextArea
-                            placeholder="请输入知识库描述"
-                            rows={4}
-                            maxLength={500}
-                            showCount
-                            disabled
-                        />
-                    </Form.Item>
-
-                    {/* 只读信息 */}
-                    <div className="readonly-info">
-                        <div className="info-item">
-                            <span className="info-label">索引方式：</span>
-                            <span className="info-value">
-                                {dataset.indexing_technique === 'high_quality' ? '高质量' : '经济'}
-                            </span>
-                        </div>
-                        <div className="info-item">
-                            <span className="info-label">文档数量：</span>
-                            <span className="info-value">{dataset.document_count}</span>
-                        </div>
-                        <div className="info-item">
-                            <span className="info-label">总字符数：</span>
-                            <span className="info-value">{dataset.word_count?.toLocaleString()}</span>
-                        </div>
-                        <div className="info-item">
-                            <span className="info-label">创建时间：</span>
-                            <span className="info-value">
-                                {new Date(dataset.created_at * 1000).toLocaleString('zh-CN')}
-                            </span>
-                        </div>
-                    </div>
-                </Form>
+                    <Descriptions.Item label="知识库名称" span={3}>
+                        <span style={{ fontSize: 15 }}>{dataset.name}</span>
+                    </Descriptions.Item>
+                    {dataset.description && (
+                        <Descriptions.Item label="描述" span={3}>
+                            <span style={{ color: '#595959' }}>{dataset.description}</span>
+                        </Descriptions.Item>
+                    )}
+                    <Descriptions.Item label="索引方式">
+                        <Tag color={dataset.indexing_technique === 'high_quality' ? 'green' : 'blue'}>
+                            {dataset.indexing_technique === 'high_quality' ? '高质量' : '经济'}
+                        </Tag>
+                    </Descriptions.Item>
+                    <Descriptions.Item label="文档数量">
+                        <span style={{ fontFamily: 'monospace' }}>{dataset.document_count}</span>
+                    </Descriptions.Item>
+                    <Descriptions.Item label="总字符数">
+                        <span style={{ fontFamily: 'monospace' }}>{dataset.word_count?.toLocaleString() || 0}</span>
+                    </Descriptions.Item>
+                    <Descriptions.Item label="创建时间" span={2}>
+                        {new Date(dataset.created_at * 1000).toLocaleString('zh-CN')}
+                    </Descriptions.Item>
+                    <Descriptions.Item label="最后更新">
+                        {new Date(dataset.updated_at * 1000).toLocaleString('zh-CN')}
+                    </Descriptions.Item>
+                </Descriptions>
             </Card>
 
             {/* 检索设置卡片 */}
diff --git a/app/hooks/dify-dataset-manager/dataset-settings.ts b/app/hooks/dify-dataset-manager/dataset-settings.ts
index 0409ab3..ea73e89 100644
--- a/app/hooks/dify-dataset-manager/dataset-settings.ts
+++ b/app/hooks/dify-dataset-manager/dataset-settings.ts
@@ -1,8 +1,7 @@
-import { useState, useEffect, useCallback } from 'react';
 import { message } from 'antd';
-import type { FormInstance } from 'antd';
+import { useCallback, useEffect, useState } from 'react';
+import { fetchDataset, updateDatasetSettings } from '~/api/dify-dataset/api/datasetApi';
 import type { Dataset, RetrievalModel } from '~/api/dify-dataset/type/datasetTypes';
-import { updateDatasetSettings, fetchDataset } from '~/api/dify-dataset/api/datasetApi';
 import { DIFY_CONFIG } from '~/config/api-config';
 
 /**
@@ -75,10 +74,10 @@ function formValuesToRetrievalModel(values: RetrievalSettingsFormValues): Retrie
 
 /**
  * 知识库设置状态管理 Hook
+ * 注：Dify API 不支持修改知识库名称和描述，只支持修改检索设置
  */
 export function useDatasetSettings(
     dataset: Dataset | null,
-    form: FormInstance,
     onDatasetUpdated: (dataset: Dataset) => void
 ) {
     const [saving, setSaving] = useState(false);
@@ -89,18 +88,36 @@ export function useDatasetSettings(
         () => retrievalModelToFormValues(dataset?.retrieval_model_dict)
     );
 
-    // 初始化表单数据
+    // 原始检索设置，用于对比变化
+    const [originalSettings, setOriginalSettings] = useState<RetrievalSettingsFormValues>(
+        () => retrievalModelToFormValues(dataset?.retrieval_model_dict)
+    );
+
+    // 初始化检索设置
     useEffect(() => {
         if (dataset) {
-            form.setFieldsValue({
-                name: dataset.name,
-                description: dataset.description || '',
-            });
             console.log('[DatasetSettings] 初始化检索设置, retrieval_model_dict:', dataset.retrieval_model_dict);
-            setRetrievalSettings(retrievalModelToFormValues(dataset.retrieval_model_dict));
+            const settings = retrievalModelToFormValues(dataset.retrieval_model_dict);
+            setRetrievalSettings(settings);
+            setOriginalSettings(settings);
             setHasChanges(false);
         }
-    }, [dataset, form]);
+    }, [dataset]);
+
+    /**
+     * 检查检索设置是否有变化
+     */
+    const checkRetrievalChanges = useCallback((newSettings: RetrievalSettingsFormValues) => {
+        const hasChanged =
+            newSettings.searchMethod !== originalSettings.searchMethod ||
+            newSettings.topK !== originalSettings.topK ||
+            newSettings.scoreThresholdEnabled !== originalSettings.scoreThresholdEnabled ||
+            newSettings.scoreThreshold !== originalSettings.scoreThreshold ||
+            newSettings.rerankingEnable !== originalSettings.rerankingEnable ||
+            newSettings.weights !== originalSettings.weights;
+
+        setHasChanges(hasChanged);
+    }, [originalSettings]);
 
     /**
      * 更新检索设置
@@ -112,40 +129,14 @@ export function useDatasetSettings(
         setRetrievalSettings(prev => {
             const newSettings = { ...prev, [key]: value };
             // 检查是否有变化
-            checkForChanges(newSettings);
+            checkRetrievalChanges(newSettings);
             return newSettings;
         });
-    }, [dataset]);
-
-    /**
-     * 检查是否有变化
-     */
-    const checkForChanges = useCallback((newRetrievalSettings?: RetrievalSettingsFormValues) => {
-        const values = form.getFieldsValue();
-        const currentRetrieval = newRetrievalSettings || retrievalSettings;
-        const originalRetrieval = retrievalModelToFormValues(dataset?.retrieval_model_dict);
-
-        const nameChanged = values.name !== dataset?.name;
-        const retrievalChanged =
-            currentRetrieval.searchMethod !== originalRetrieval.searchMethod ||
-            currentRetrieval.topK !== originalRetrieval.topK ||
-            currentRetrieval.scoreThresholdEnabled !== originalRetrieval.scoreThresholdEnabled ||
-            currentRetrieval.scoreThreshold !== originalRetrieval.scoreThreshold ||
-            currentRetrieval.rerankingEnable !== originalRetrieval.rerankingEnable ||
-            currentRetrieval.weights !== originalRetrieval.weights;
-
-        setHasChanges(nameChanged || retrievalChanged);
-    }, [form, dataset, retrievalSettings]);
-
-    /**
-     * 处理表单值变化
-     */
-    const handleValuesChange = useCallback(() => {
-        checkForChanges();
-    }, [checkForChanges]);
+    }, [checkRetrievalChanges]);
 
     /**
      * 保存设置
+     * 注：仅保存检索设置，Dify API 不支持修改名称和描述
      */
     const handleSave = useCallback(async () => {
         if (!dataset) {
@@ -154,12 +145,10 @@ export function useDatasetSettings(
         }
 
         try {
-            const values = await form.validateFields();
             setSaving(true);
 
-            // 构建完整的更新请求
+            // 仅更新检索设置
             await updateDatasetSettings(dataset.id, {
-                name: values.name,
                 retrieval_model: formValuesToRetrievalModel(retrievalSettings),
             });
 
@@ -167,8 +156,9 @@ export function useDatasetSettings(
             const fullDataset = await fetchDataset(dataset.id);
             console.log('[DatasetSettings] 保存后获取完整数据:', fullDataset);
 
-            message.success('保存成功');
+            message.success('检索设置保存成功');
             onDatasetUpdated(fullDataset);
+            setOriginalSettings(retrievalSettings);
             setHasChanges(false);
         } catch (err: any) {
             console.error('保存设置失败:', err);
@@ -176,21 +166,17 @@ export function useDatasetSettings(
         } finally {
             setSaving(false);
         }
-    }, [dataset, form, retrievalSettings, onDatasetUpdated]);
+    }, [dataset, retrievalSettings, onDatasetUpdated]);
 
     /**
-     * 重置表单
+     * 重置检索设置
      */
     const handleReset = useCallback(() => {
         if (dataset) {
-            form.setFieldsValue({
-                name: dataset.name,
-                description: dataset.description || '',
-            });
-            setRetrievalSettings(retrievalModelToFormValues(dataset.retrieval_model_dict));
+            setRetrievalSettings(originalSettings);
             setHasChanges(false);
         }
-    }, [dataset, form]);
+    }, [dataset, originalSettings]);
 
     return {
         // 状态
@@ -199,7 +185,6 @@ export function useDatasetSettings(
         retrievalSettings,
 
         // 方法
-        handleValuesChange,
         handleSave,
         handleReset,
         updateRetrievalSettings,

From d60405ceda63667f6441f235fe6812431049d8f8 Mon Sep 17 00:00:00 2001
From: PingChuan <1259732256@qq.com>
Date: Tue, 9 Dec 2025 17:56:45 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E5=A4=8DCollabora?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=AB=98=E4=BA=AE=E4=BC=A0=E5=85=A5=E9=A1=B5?=
 =?UTF-8?q?=E7=A0=81=E6=97=B6=E5=A4=B1=E6=95=88=E7=9A=84=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=BC=BA=E4=B8=A4=E7=A7=8D=E9=AB=98=E4=BA=AE?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95=E7=9A=84=E5=85=BC=E5=AE=B9=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/collabora/CollaboraViewer.tsx | 1196 +++++++++---------
 1 file changed, 620 insertions(+), 576 deletions(-)

diff --git a/app/components/collabora/CollaboraViewer.tsx b/app/components/collabora/CollaboraViewer.tsx
index 43b5663..2856881 100644
--- a/app/components/collabora/CollaboraViewer.tsx
+++ b/app/components/collabora/CollaboraViewer.tsx
@@ -10,25 +10,25 @@
  * @encoding UTF-8
  */
 
-import { useRef, forwardRef, useImperativeHandle, useState, useEffect } from 'react';
-import type { CollaboraViewerProps, CollaboraViewerHandle } from './types';
-import { useCollaboraConfig, useDocumentReady, useCollaboraUnoCommands } from './hooks';
-import { sendUnoCommand } from './Uno';
-import { clearHighlights } from './lib/ClearHighlight';
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { useCollaboraConfig, useCollaboraUnoCommands, useDocumentReady } from './hooks';
 import {
-  unoScrollToTop,
-  requestPageInfo,
   customGotoPage,
-  unoSearchNext,
-  unoReplaceCurrent,
-  unoReplaceAll,
-  unoCancelSearch,
+  highlightText as pythonHighlightText,
   replaceTextInPage,
+  requestPageInfo,
+  unoCancelSearch,
   unoHighlightText,
-  unoClearHighlight,
-  type PageInfo,
-  type GotoPageResponse
+  unoReplaceAll,
+  unoReplaceCurrent,
+  unoScrollToTop,
+  unoSearchNext,
+  type GotoPageResponse,
+  type PageInfo
 } from './lib';
+import { clearHighlights } from './lib/ClearHighlight';
+import type { CollaboraViewerHandle, CollaboraViewerProps } from './types';
+import { sendUnoCommand } from './Uno';
 
 /**
  * Collabora 文档查看器组件
@@ -185,7 +185,9 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
     }), [unoCommands, isDocumentLoaded, mode]);
 
     // 5. 监听 targetPage 和 highlightText 变化，自动跳转并高亮
-    // 使用 UNO 命令实现高亮，不再使用 Python 脚本
+    // 根据是否有 targetPage 参数选择高亮方式：
+    // - 有 targetPage：使用 Python 脚本（支持跨页搜索和精确跳转）
+    // - 无 targetPage：使用 UNO 命令（当前页面高亮，性能更好）
     useEffect(() => {
       // 如果文档未加载完成，不执行跳转和高亮
       if (!isDocumentLoaded || !iframeRef.current?.contentWindow) {
@@ -199,7 +201,7 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
           const textToHighlight = highlightText.trim();
 
           try {
-            // 步骤1：清除之前的所有高亮（调用 Python 脚本）
+            // 步骤1：清除之前的所有高亮
             console.log('[CollaboraViewer] 步骤1：清除旧高亮...');
             await clearHighlights(iframeWindow, {
               color: 16776960, // 黄色
@@ -209,18 +211,36 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
             // 短暂延迟，确保清除操作完成
             await new Promise(resolve => setTimeout(resolve, 100));
 
-            // 步骤2：使用 UNO 命令高亮新文本（搜索 + 设置背景色）
-            console.log(`[CollaboraViewer] 步骤2：高亮文本 "${textToHighlight}"`);
-            unoHighlightText(iframeWindow, textToHighlight, 16776960); // 黄色
+            // 步骤2：根据是否有 targetPage 选择高亮方式
+            if (targetPage !== undefined && targetPage !== null) {
+              // 方案A：有 targetPage - 使用 Python 脚本（跨页搜索 + 高亮 + 跳转）
+              console.log(`[CollaboraViewer] 步骤2A：使用 Python 脚本跳转到第 ${targetPage} 页并高亮 "${textToHighlight}"`);
 
-            // 短暂延迟，确保高亮操作完成
-            await new Promise(resolve => setTimeout(resolve, 100));
+              const result = await pythonHighlightText(iframeWindow, textToHighlight, {
+                color: 16776960, // 黄色
+                page: targetPage,
+              });
 
-            // 步骤3：取消选中状态（避免高亮后文本仍被选中）
-            console.log('[CollaboraViewer] 步骤3：取消选中状态...');
-            sendUnoCommand(iframeWindow, '.uno:Escape', {});
+              if (result.success) {
+                console.log(`[CollaboraViewer] ✓ Python 高亮成功: "${textToHighlight}" (第${targetPage}页, 共${result.highlightedCount}处)`);
+              } else {
+                console.error('[CollaboraViewer] ✗ Python 高亮失败:', result.message);
+              }
+            } else {
+              // 方案B：无 targetPage - 使用 UNO 命令（当前页面高亮）
+              console.log(`[CollaboraViewer] 步骤2B：使用 UNO 命令在当前页高亮 "${textToHighlight}"`);
 
-            console.log(`[CollaboraViewer] ✓ 高亮完成: "${textToHighlight}"`);
+              unoHighlightText(iframeWindow, textToHighlight, 16776960); // 黄色
+
+              // 短暂延迟，确保高亮操作完成
+              await new Promise(resolve => setTimeout(resolve, 100));
+
+              // 取消选中状态（避免高亮后文本仍被选中）
+              console.log('[CollaboraViewer] 步骤3：取消选中状态...');
+              sendUnoCommand(iframeWindow, '.uno:Escape', {});
+
+              console.log(`[CollaboraViewer] ✓ UNO 高亮完成: "${textToHighlight}"`);
+            }
           } catch (error) {
             console.error('[CollaboraViewer] 高亮失败:', error);
           }
@@ -397,442 +417,466 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
       }
     }, [searchText, replaceText, isDocumentLoaded]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  // 加载中状态
-  if (loading) {
-    return (
-      <div className="flex justify-center items-center h-full min-h-[600px]">
-        <div className="text-center">
-          <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
-          <p className="mt-4 text-gray-600">加载文档配置中...</p>
+    // 加载中状态
+    if (loading) {
+      return (
+        <div className="flex justify-center items-center h-full min-h-[600px]">
+          <div className="text-center">
+            <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
+            <p className="mt-4 text-gray-600">加载文档配置中...</p>
+          </div>
         </div>
-      </div>
-    );
-  }
+      );
+    }
 
-  // 错误状态
-  if (error || !config) {
-    return (
-      <div className="flex justify-center items-center h-full min-h-[600px]">
-        <div className="text-center text-red-500">
-          <i className="ri-error-warning-line text-4xl mb-2"></i>
-          <p className="text-lg">{error}</p>
-          {/* <p className="text-sm text-gray-500 mt-2">请刷新页面重试或联系管理员</p> */}
+    // 错误状态
+    if (error || !config) {
+      return (
+        <div className="flex justify-center items-center h-full min-h-[600px]">
+          <div className="text-center text-red-500">
+            <i className="ri-error-warning-line text-4xl mb-2"></i>
+            <p className="text-lg">{error}</p>
+            {/* <p className="text-sm text-gray-500 mt-2">请刷新页面重试或联系管理员</p> */}
+          </div>
         </div>
-      </div>
-    );
-  }
-
-  // 发送 UNO 命令的处理函数（测试用）
-  const sendUno = () => {
-    if (!iframeRef.current?.contentWindow) {
-      setUnoResult('iframe 不可用');
-      return;
+      );
     }
 
-    let args: Record<string, unknown> = {};
-    const raw = (unoArgs || '').trim();
-    if (raw !== '') {
-      try {
-        args = JSON.parse(raw) as Record<string, unknown>;
-      } catch (err) {
-        try {
-          // fallback: replace single quotes with double quotes and parse
-          args = JSON.parse(raw.replace(/'(.*?)'/g, '"$1"')) as Record<string, unknown>;
-        } catch (err2) {
-          console.error('解析 UNO Args 失败:', err2);
-          setUnoResult('Args 解析失败，请使用有效 JSON');
-          return;
-        }
-      }
-    }
-
-    try {
-      // 使用正确的 sendUnoCommand 方法
-      sendUnoCommand(iframeRef.current.contentWindow, unoCmd, args);
-      setUnoResult(`已发送: ${unoCmd}`);
-      console.log('[UNO Debug] 发送命令:', unoCmd, args);
-    } catch (e) {
-      console.error('发送 UNO 失败:', e);
-      setUnoResult('发送失败，请查看控制台');
-    }
-  };
-
-  // 高亮测试处理函数
-  const handleSwitchHighlight = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setHighlightResult('iframe 未就绪');
-      return;
-    }
-
-    if (!highlightTextInput || highlightTextInput.trim() === '') {
-      setHighlightResult('请输入要高亮的文本');
-      return;
-    }
-
-    try {
-      // 解析页码 (可选)
-      const page = highlightPage && highlightPage.trim() !== ''
-        ? parseInt(highlightPage.trim(), 10)
-        : undefined;
-
-      // 验证页码
-      if (page !== undefined && (isNaN(page) || page < 1)) {
-        setHighlightResult('页码必须是大于0的整数');
+    // 发送 UNO 命令的处理函数（测试用）
+    const sendUno = () => {
+      if (!iframeRef.current?.contentWindow) {
+        setUnoResult('iframe 不可用');
         return;
       }
 
-      await performTextHighlight(
-        iframeRef.current.contentWindow,
-        highlightTextInput.trim(),
-        { page }
-      );
-
-      // 更新上一次高亮的文本
-      setPreviousHighlightText(highlightTextInput.trim());
-      const pageInfo = page ? ` (第${page}页)` : '';
-      setHighlightResult(`✓ 已切换高亮: ${highlightTextInput.trim()}${pageInfo}`);
-    } catch (e) {
-      console.error('切换高亮失败:', e);
-      setHighlightResult(`切换失败: ${e instanceof Error ? e.message : '未知错误'}`);
-    }
-  };
-
-  // 滚动到顶部处理函数
-  const handleScrollToTop = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      console.error('iframe 未就绪');
-      return;
-    }
-
-    try {
-      await unoScrollToTop(iframeRef.current.contentWindow);
-      // console.log('[CollaboraViewer] 已滚动到文档顶部');
-    } catch (e) {
-      console.error('滚动到顶部失败:', e);
-    }
-  };
-
-  // 获取页数信息处理函数
-  const handleGetPageInfo = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setPageInfoResult('iframe 未就绪');
-      return;
-    }
-
-    setIsLoadingPageInfo(true);
-    setPageInfoResult('正在获取页数信息...');
-
-    try {
-      const info: PageInfo = await requestPageInfo(iframeRef.current.contentWindow);
-      setPageInfoResult(
-        `✓ 总页数: ${info.totalPages} | 当前页: ${info.currentPage + 1} (索引: ${info.currentPage})`
-      );
-      console.log('[CollaboraViewer] 页数信息:', info);
-
-      // 3秒后清除提示
-      setTimeout(() => {
-        setPageInfoResult(null);
-      }, 3000);
-    } catch (e) {
-      console.error('获取页数信息失败:', e);
-      setPageInfoResult(`✗ 获取失败: ${e instanceof Error ? e.message : '未知错误'}`);
-
-      // 5秒后清除错误提示
-      setTimeout(() => {
-        setPageInfoResult(null);
-      }, 5000);
-    } finally {
-      setIsLoadingPageInfo(false);
-    }
-  };
-
-  // 页面跳转处理函数
-  const handleGotoPage = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setGotoPageResult('iframe 未就绪');
-      return;
-    }
-
-    const pageNumber = parseInt(gotoPageInput.trim(), 10);
-    if (isNaN(pageNumber) || pageNumber < 1) {
-      setGotoPageResult('请输入有效的页码 (大于0的整数)');
-      return;
-    }
-
-    setIsJumping(true);
-    // setGotoPageResult(`正在跳转到第 ${pageNumber} 页...`);
-
-    try {
-      const response: GotoPageResponse = await customGotoPage(
-        iframeRef.current.contentWindow,
-        pageNumber
-      );
-      setGotoPageResult(
-        `✓ 已跳转到第 ${response.pageNumber} 页 (总页数: ${response.totalPages})`
-      );
-      // console.log('[CollaboraViewer] 页面跳转成功:', response);
-
-      // 3秒后清除提示
-      setTimeout(() => {
-        setGotoPageResult(null);
-      }, 3000);
-    } catch (e) {
-      console.error('页面跳转失败:', e);
-      setGotoPageResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
-
-      // 5秒后清除错误提示
-      setTimeout(() => {
-        setGotoPageResult(null);
-      }, 5000);
-    } finally {
-      setIsJumping(false);
-    }
-  };
-
-  // 清除高亮处理函数
-  const handleClearHighlights = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setClearHighlightResult('iframe 未就绪');
-      return;
-    }
-
-    setIsClearing(true);
-    setClearHighlightResult('正在清除高亮...');
-
-    try {
-      const result = await clearHighlights(iframeRef.current.contentWindow, {
-        color: 16776960, // 黄色
-        timeout: 10000,
-      });
-
-      if (result.success) {
-        setClearHighlightResult(`✓ ${result.message}`);
-        // console.log('[CollaboraViewer] 清除高亮成功:', result);
-
-        // 清空之前记录的高亮文本
-        setPreviousHighlightText(null);
-      } else {
-        setClearHighlightResult(`✗ 清除失败: ${result.message}`);
-        console.error('[CollaboraViewer] 清除高亮失败:', result);
-      }
-
-      // 3秒后清除提示
-      setTimeout(() => {
-        setClearHighlightResult(null);
-      }, 3000);
-    } catch (e) {
-      console.error('清除高亮失败:', e);
-      setClearHighlightResult(`✗ 清除失败: ${e instanceof Error ? e.message : '未知错误'}`);
-
-      // 5秒后清除错误提示
-      setTimeout(() => {
-        setClearHighlightResult(null);
-      }, 5000);
-    } finally {
-      setIsClearing(false);
-    }
-  };
-
-  // 搜索下一个处理函数
-  const handleSearchNext = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setSearchReplaceResult('iframe 未就绪');
-      return;
-    }
-
-    if (!searchText.trim()) {
-      setSearchReplaceResult('请输入搜索文本');
-      return;
-    }
-
-    try {
-      const currentSearchText = searchText.trim();
-      const currentPageNumber = searchReplacePageNumber.trim();
-
-      // 判断是否需要跳转页面（搜索文本或页码发生变化）
-      const needsPageJump =
-        lastSearchParams.text !== currentSearchText ||
-        lastSearchParams.page !== currentPageNumber;
-
-      // 如果指定了页码且需要跳转，先跳转到该页
-      if (needsPageJump && currentPageNumber !== '') {
-        const pageNumber = parseInt(currentPageNumber, 10);
-        if (isNaN(pageNumber) || pageNumber < 1) {
-          setSearchReplaceResult('✗ 页码必须是大于0的整数');
-          return;
-        }
-
-        // setSearchReplaceResult(`正在跳转到第 ${pageNumber} 页...`);
+      let args: Record<string, unknown> = {};
+      const raw = (unoArgs || '').trim();
+      if (raw !== '') {
         try {
-          await customGotoPage(iframeRef.current.contentWindow, pageNumber);
-          // 短暂延迟等待页面渲染
+          args = JSON.parse(raw) as Record<string, unknown>;
+        } catch (err) {
+          try {
+            // fallback: replace single quotes with double quotes and parse
+            args = JSON.parse(raw.replace(/'(.*?)'/g, '"$1"')) as Record<string, unknown>;
+          } catch (err2) {
+            console.error('解析 UNO Args 失败:', err2);
+            setUnoResult('Args 解析失败，请使用有效 JSON');
+            return;
+          }
+        }
+      }
+
+      try {
+        // 使用正确的 sendUnoCommand 方法
+        sendUnoCommand(iframeRef.current.contentWindow, unoCmd, args);
+        setUnoResult(`已发送: ${unoCmd}`);
+        console.log('[UNO Debug] 发送命令:', unoCmd, args);
+      } catch (e) {
+        console.error('发送 UNO 失败:', e);
+        setUnoResult('发送失败，请查看控制台');
+      }
+    };
+
+    // 高亮测试处理函数
+    const handleSwitchHighlight = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setHighlightResult('iframe 未就绪');
+        return;
+      }
+
+      if (!highlightTextInput || highlightTextInput.trim() === '') {
+        setHighlightResult('请输入要高亮的文本');
+        return;
+      }
+
+      try {
+        // 解析页码 (可选)
+        const page = highlightPage && highlightPage.trim() !== ''
+          ? parseInt(highlightPage.trim(), 10)
+          : undefined;
+
+        // 验证页码
+        if (page !== undefined && (isNaN(page) || page < 1)) {
+          setHighlightResult('页码必须是大于0的整数');
+          return;
+        }
+
+        const iframeWindow = iframeRef.current.contentWindow;
+        const textToHighlight = highlightTextInput.trim();
+
+        // 先清除旧高亮
+        await clearHighlights(iframeWindow, {
+          color: 16776960,
+          timeout: 5000,
+        });
+
+        await new Promise(resolve => setTimeout(resolve, 100));
+
+        // 根据是否有页码选择高亮方式
+        if (page !== undefined) {
+          // 使用 Python 脚本（跨页搜索 + 高亮 + 跳转）
+          const result = await pythonHighlightText(iframeWindow, textToHighlight, {
+            color: 16776960,
+            page: page,
+          });
+
+          if (result.success) {
+            setPreviousHighlightText(textToHighlight);
+            setHighlightResult(`✓ 已切换高亮: ${textToHighlight} (第${page}页, 共${result.highlightedCount}处)`);
+          } else {
+            setHighlightResult(`✗ 高亮失败: ${result.message}`);
+          }
+        } else {
+          // 使用 UNO 命令（当前页面高亮）
+          unoHighlightText(iframeWindow, textToHighlight, 16776960);
+          await new Promise(resolve => setTimeout(resolve, 100));
+          sendUnoCommand(iframeWindow, '.uno:Escape', {});
+
+          setPreviousHighlightText(textToHighlight);
+          setHighlightResult(`✓ 已切换高亮: ${textToHighlight} (当前页)`);
+        }
+      } catch (e) {
+        console.error('切换高亮失败:', e);
+        setHighlightResult(`切换失败: ${e instanceof Error ? e.message : '未知错误'}`);
+      }
+    };
+
+    // 滚动到顶部处理函数
+    const handleScrollToTop = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        console.error('iframe 未就绪');
+        return;
+      }
+
+      try {
+        await unoScrollToTop(iframeRef.current.contentWindow);
+        // console.log('[CollaboraViewer] 已滚动到文档顶部');
+      } catch (e) {
+        console.error('滚动到顶部失败:', e);
+      }
+    };
+
+    // 获取页数信息处理函数
+    const handleGetPageInfo = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setPageInfoResult('iframe 未就绪');
+        return;
+      }
+
+      setIsLoadingPageInfo(true);
+      setPageInfoResult('正在获取页数信息...');
+
+      try {
+        const info: PageInfo = await requestPageInfo(iframeRef.current.contentWindow);
+        setPageInfoResult(
+          `✓ 总页数: ${info.totalPages} | 当前页: ${info.currentPage + 1} (索引: ${info.currentPage})`
+        );
+        console.log('[CollaboraViewer] 页数信息:', info);
+
+        // 3秒后清除提示
+        setTimeout(() => {
+          setPageInfoResult(null);
+        }, 3000);
+      } catch (e) {
+        console.error('获取页数信息失败:', e);
+        setPageInfoResult(`✗ 获取失败: ${e instanceof Error ? e.message : '未知错误'}`);
+
+        // 5秒后清除错误提示
+        setTimeout(() => {
+          setPageInfoResult(null);
+        }, 5000);
+      } finally {
+        setIsLoadingPageInfo(false);
+      }
+    };
+
+    // 页面跳转处理函数
+    const handleGotoPage = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setGotoPageResult('iframe 未就绪');
+        return;
+      }
+
+      const pageNumber = parseInt(gotoPageInput.trim(), 10);
+      if (isNaN(pageNumber) || pageNumber < 1) {
+        setGotoPageResult('请输入有效的页码 (大于0的整数)');
+        return;
+      }
+
+      setIsJumping(true);
+      // setGotoPageResult(`正在跳转到第 ${pageNumber} 页...`);
+
+      try {
+        const response: GotoPageResponse = await customGotoPage(
+          iframeRef.current.contentWindow,
+          pageNumber
+        );
+        setGotoPageResult(
+          `✓ 已跳转到第 ${response.pageNumber} 页 (总页数: ${response.totalPages})`
+        );
+        // console.log('[CollaboraViewer] 页面跳转成功:', response);
+
+        // 3秒后清除提示
+        setTimeout(() => {
+          setGotoPageResult(null);
+        }, 3000);
+      } catch (e) {
+        console.error('页面跳转失败:', e);
+        setGotoPageResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
+
+        // 5秒后清除错误提示
+        setTimeout(() => {
+          setGotoPageResult(null);
+        }, 5000);
+      } finally {
+        setIsJumping(false);
+      }
+    };
+
+    // 清除高亮处理函数
+    const handleClearHighlights = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setClearHighlightResult('iframe 未就绪');
+        return;
+      }
+
+      setIsClearing(true);
+      setClearHighlightResult('正在清除高亮...');
+
+      try {
+        const result = await clearHighlights(iframeRef.current.contentWindow, {
+          color: 16776960, // 黄色
+          timeout: 10000,
+        });
+
+        if (result.success) {
+          setClearHighlightResult(`✓ ${result.message}`);
+          // console.log('[CollaboraViewer] 清除高亮成功:', result);
+
+          // 清空之前记录的高亮文本
+          setPreviousHighlightText(null);
+        } else {
+          setClearHighlightResult(`✗ 清除失败: ${result.message}`);
+          console.error('[CollaboraViewer] 清除高亮失败:', result);
+        }
+
+        // 3秒后清除提示
+        setTimeout(() => {
+          setClearHighlightResult(null);
+        }, 3000);
+      } catch (e) {
+        console.error('清除高亮失败:', e);
+        setClearHighlightResult(`✗ 清除失败: ${e instanceof Error ? e.message : '未知错误'}`);
+
+        // 5秒后清除错误提示
+        setTimeout(() => {
+          setClearHighlightResult(null);
+        }, 5000);
+      } finally {
+        setIsClearing(false);
+      }
+    };
+
+    // 搜索下一个处理函数
+    const handleSearchNext = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setSearchReplaceResult('iframe 未就绪');
+        return;
+      }
+
+      if (!searchText.trim()) {
+        setSearchReplaceResult('请输入搜索文本');
+        return;
+      }
+
+      try {
+        const currentSearchText = searchText.trim();
+        const currentPageNumber = searchReplacePageNumber.trim();
+
+        // 判断是否需要跳转页面（搜索文本或页码发生变化）
+        const needsPageJump =
+          lastSearchParams.text !== currentSearchText ||
+          lastSearchParams.page !== currentPageNumber;
+
+        // 如果指定了页码且需要跳转，先跳转到该页
+        if (needsPageJump && currentPageNumber !== '') {
+          const pageNumber = parseInt(currentPageNumber, 10);
+          if (isNaN(pageNumber) || pageNumber < 1) {
+            setSearchReplaceResult('✗ 页码必须是大于0的整数');
+            return;
+          }
+
+          // setSearchReplaceResult(`正在跳转到第 ${pageNumber} 页...`);
+          try {
+            await customGotoPage(iframeRef.current.contentWindow, pageNumber);
+            // 短暂延迟等待页面渲染
+            await new Promise(resolve => setTimeout(resolve, 300));
+          } catch (e) {
+            console.error('跳转页面失败:', e);
+            setSearchReplaceResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
+            return;
+          }
+        }
+
+        // 执行搜索（如果是页面内循环查找，会自动找到下一个匹配项）
+        unoSearchNext(iframeRef.current.contentWindow, currentSearchText);
+
+        // 更新搜索参数记录
+        setLastSearchParams({
+          text: currentSearchText,
+          page: currentPageNumber
+        });
+
+        // const pageInfo = currentPageNumber !== ''
+        //   ? ` (第${currentPageNumber}页内循环查找)`
+        //   : '';
+        // const jumpInfo = needsPageJump && currentPageNumber !== '' ? ' [已跳转]' : '';
+        // setSearchReplaceResult(`✓ 搜索: "${currentSearchText}"${pageInfo}${jumpInfo}`);
+
+        // 3秒后清除提示
+        setTimeout(() => setSearchReplaceResult(null), 3000);
+      } catch (e) {
+        console.error('搜索失败:', e);
+        setSearchReplaceResult(`✗ 搜索失败: ${e instanceof Error ? e.message : '未知错误'}`);
+      }
+    };
+
+    // 替换处理函数
+    const handleReplace = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setSearchReplaceResult('iframe 未就绪');
+        return;
+      }
+
+      if (!searchText.trim()) {
+        setSearchReplaceResult('请输入搜索文本');
+        return;
+      }
+
+      try {
+        // 如果指定了页码，先跳转到该页
+        if (searchReplacePageNumber && searchReplacePageNumber.trim() !== '') {
+          const pageNumber = parseInt(searchReplacePageNumber.trim(), 10);
+          if (isNaN(pageNumber) || pageNumber < 1) {
+            setSearchReplaceResult('✗ 页码必须是大于0的整数');
+            return;
+          }
+
+          // setSearchReplaceResult(`正在跳转到第 ${pageNumber} 页...`);
+          try {
+            await customGotoPage(iframeRef.current.contentWindow, pageNumber);
+            // 短暂延迟等待页面渲染
+            await new Promise(resolve => setTimeout(resolve, 300));
+          } catch (e) {
+            console.error('跳转页面失败:', e);
+            setSearchReplaceResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
+            return;
+          }
+        }
+
+        const pageInfo = searchReplacePageNumber && searchReplacePageNumber.trim() !== ''
+          ? ` (第${searchReplacePageNumber}页)`
+          : '';
+
+        if (replaceAllMode) {
+          // 替换全部
+          unoReplaceAll(iframeRef.current.contentWindow, searchText.trim(), replaceText);
+          setSearchReplaceResult(`✓ 已替换全部: "${searchText.trim()}" → "${replaceText}"${pageInfo}`);
+        } else {
+          // 替换当前选中项：先搜索，再替换
+          console.log('[handleReplace] 开始替换流程：先搜索，再替换');
+
+          // 步骤1：先执行搜索，确保文本被选中
+          unoSearchNext(iframeRef.current.contentWindow, searchText.trim());
+
+          // 步骤2：等待搜索完成后执行替换
           await new Promise(resolve => setTimeout(resolve, 300));
-        } catch (e) {
-          console.error('跳转页面失败:', e);
-          setSearchReplaceResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
-          return;
-        }
-      }
 
-      // 执行搜索（如果是页面内循环查找，会自动找到下一个匹配项）
-      unoSearchNext(iframeRef.current.contentWindow, currentSearchText);
+          // 步骤3：执行替换
+          unoReplaceCurrent(iframeRef.current.contentWindow, searchText.trim(), replaceText);
 
-      // 更新搜索参数记录
-      setLastSearchParams({
-        text: currentSearchText,
-        page: currentPageNumber
-      });
+          setSearchReplaceResult(`✓ 已替换: "${searchText.trim()}" → "${replaceText}"${pageInfo}`);
 
-      // const pageInfo = currentPageNumber !== ''
-      //   ? ` (第${currentPageNumber}页内循环查找)`
-      //   : '';
-      // const jumpInfo = needsPageJump && currentPageNumber !== '' ? ' [已跳转]' : '';
-      // setSearchReplaceResult(`✓ 搜索: "${currentSearchText}"${pageInfo}${jumpInfo}`);
-
-      // 3秒后清除提示
-      setTimeout(() => setSearchReplaceResult(null), 3000);
-    } catch (e) {
-      console.error('搜索失败:', e);
-      setSearchReplaceResult(`✗ 搜索失败: ${e instanceof Error ? e.message : '未知错误'}`);
-    }
-  };
-
-  // 替换处理函数
-  const handleReplace = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setSearchReplaceResult('iframe 未就绪');
-      return;
-    }
-
-    if (!searchText.trim()) {
-      setSearchReplaceResult('请输入搜索文本');
-      return;
-    }
-
-    try {
-      // 如果指定了页码，先跳转到该页
-      if (searchReplacePageNumber && searchReplacePageNumber.trim() !== '') {
-        const pageNumber = parseInt(searchReplacePageNumber.trim(), 10);
-        if (isNaN(pageNumber) || pageNumber < 1) {
-          setSearchReplaceResult('✗ 页码必须是大于0的整数');
-          return;
+          console.log('[handleReplace] 替换完成');
         }
 
-        // setSearchReplaceResult(`正在跳转到第 ${pageNumber} 页...`);
-        try {
-          await customGotoPage(iframeRef.current.contentWindow, pageNumber);
-          // 短暂延迟等待页面渲染
-          await new Promise(resolve => setTimeout(resolve, 300));
-        } catch (e) {
-          console.error('跳转页面失败:', e);
-          setSearchReplaceResult(`✗ 跳转失败: ${e instanceof Error ? e.message : '未知错误'}`);
-          return;
+        // 3秒后清除提示
+        setTimeout(() => setSearchReplaceResult(null), 3000);
+      } catch (e) {
+        console.error('替换失败:', e);
+        setSearchReplaceResult(`✗ 替换失败: ${e instanceof Error ? e.message : '未知错误'}`);
+      }
+    };
+
+    // 取消搜索处理函数
+    const handleCancelSearch = () => {
+      if (!iframeRef.current?.contentWindow) {
+        return;
+      }
+
+      try {
+        unoCancelSearch(iframeRef.current.contentWindow);
+        // 重置搜索参数记录，下次搜索会重新定位
+        setLastSearchParams({ text: '', page: '' });
+        setSearchReplaceResult('✓ 已取消搜索');
+        setTimeout(() => setSearchReplaceResult(null), 2000);
+      } catch (e) {
+        console.error('取消搜索失败:', e);
+      }
+    };
+
+    // 页面定点替换处理函数
+    const handleReplaceInPage = async () => {
+      if (!iframeRef.current?.contentWindow) {
+        // setReplaceInPageResult('iframe 未就绪');
+        return;
+      }
+
+      const pageNum = parseInt(replaceInPageNumber.trim(), 10);
+      if (isNaN(pageNum) || pageNum < 1) {
+        setReplaceInPageResult('请输入有效的页码 (大于0的整数)');
+        return;
+      }
+
+      if (!replaceInPageSearch.trim()) {
+        setReplaceInPageResult('请输入原文');
+        return;
+      }
+
+      setIsReplacingInPage(true);
+      setReplaceInPageResult(`正在第 ${pageNum} 页执行替换...`);
+
+      try {
+        const result = await replaceTextInPage(
+          iframeRef.current.contentWindow,
+          pageNum,
+          replaceInPageSearch.trim(),
+          replaceInPageReplace
+        );
+
+        if (result.success) {
+          setReplaceInPageResult(`✓ ${result.message}`);
+        } else {
+          setReplaceInPageResult(`✗ ${result.message}`);
         }
+
+        // 5秒后清除提示
+        setTimeout(() => setReplaceInPageResult(null), 5000);
+      } catch (e) {
+        console.error('页面定点替换失败:', e);
+        setReplaceInPageResult(`✗ 执行失败: ${e instanceof Error ? e.message : '未知错误'}`);
+
+        // 5秒后清除错误提示
+        setTimeout(() => setReplaceInPageResult(null), 5000);
+      } finally {
+        setIsReplacingInPage(false);
       }
+    };
 
-      const pageInfo = searchReplacePageNumber && searchReplacePageNumber.trim() !== ''
-        ? ` (第${searchReplacePageNumber}页)`
-        : '';
-
-      if (replaceAllMode) {
-        // 替换全部
-        unoReplaceAll(iframeRef.current.contentWindow, searchText.trim(), replaceText);
-        setSearchReplaceResult(`✓ 已替换全部: "${searchText.trim()}" → "${replaceText}"${pageInfo}`);
-      } else {
-        // 替换当前选中项：先搜索，再替换
-        console.log('[handleReplace] 开始替换流程：先搜索，再替换');
-
-        // 步骤1：先执行搜索，确保文本被选中
-        unoSearchNext(iframeRef.current.contentWindow, searchText.trim());
-
-        // 步骤2：等待搜索完成后执行替换
-        await new Promise(resolve => setTimeout(resolve, 300));
-
-        // 步骤3：执行替换
-        unoReplaceCurrent(iframeRef.current.contentWindow, searchText.trim(), replaceText);
-
-        setSearchReplaceResult(`✓ 已替换: "${searchText.trim()}" → "${replaceText}"${pageInfo}`);
-
-        console.log('[handleReplace] 替换完成');
-      }
-
-      // 3秒后清除提示
-      setTimeout(() => setSearchReplaceResult(null), 3000);
-    } catch (e) {
-      console.error('替换失败:', e);
-      setSearchReplaceResult(`✗ 替换失败: ${e instanceof Error ? e.message : '未知错误'}`);
-    }
-  };
-
-  // 取消搜索处理函数
-  const handleCancelSearch = () => {
-    if (!iframeRef.current?.contentWindow) {
-      return;
-    }
-
-    try {
-      unoCancelSearch(iframeRef.current.contentWindow);
-      // 重置搜索参数记录，下次搜索会重新定位
-      setLastSearchParams({ text: '', page: '' });
-      setSearchReplaceResult('✓ 已取消搜索');
-      setTimeout(() => setSearchReplaceResult(null), 2000);
-    } catch (e) {
-      console.error('取消搜索失败:', e);
-    }
-  };
-
-  // 页面定点替换处理函数
-  const handleReplaceInPage = async () => {
-    if (!iframeRef.current?.contentWindow) {
-      // setReplaceInPageResult('iframe 未就绪');
-      return;
-    }
-
-    const pageNum = parseInt(replaceInPageNumber.trim(), 10);
-    if (isNaN(pageNum) || pageNum < 1) {
-      setReplaceInPageResult('请输入有效的页码 (大于0的整数)');
-      return;
-    }
-
-    if (!replaceInPageSearch.trim()) {
-      setReplaceInPageResult('请输入原文');
-      return;
-    }
-
-    setIsReplacingInPage(true);
-    setReplaceInPageResult(`正在第 ${pageNum} 页执行替换...`);
-
-    try {
-      const result = await replaceTextInPage(
-        iframeRef.current.contentWindow,
-        pageNum,
-        replaceInPageSearch.trim(),
-        replaceInPageReplace
-      );
-
-      if (result.success) {
-        setReplaceInPageResult(`✓ ${result.message}`);
-      } else {
-        setReplaceInPageResult(`✗ ${result.message}`);
-      }
-
-      // 5秒后清除提示
-      setTimeout(() => setReplaceInPageResult(null), 5000);
-    } catch (e) {
-      console.error('页面定点替换失败:', e);
-      setReplaceInPageResult(`✗ 执行失败: ${e instanceof Error ? e.message : '未知错误'}`);
-
-      // 5秒后清除错误提示
-      setTimeout(() => setReplaceInPageResult(null), 5000);
-    } finally {
-      setIsReplacingInPage(false);
-    }
-  };
-
-  return (
-    <div className="collabora-viewer relative w-full h-full min-h-[600px]">
-      {/* UNO 命令测试面板 - 临时隐藏 */}
-      {/* <div className="absolute top-2 right-2 z-50 bg-white bg-opacity-95 px-3 py-2 rounded shadow-lg flex items-center gap-2 border border-gray-200">
+    return (
+      <div className="collabora-viewer relative w-full h-full min-h-[600px]">
+        {/* UNO 命令测试面板 - 临时隐藏 */}
+        {/* <div className="absolute top-2 right-2 z-50 bg-white bg-opacity-95 px-3 py-2 rounded shadow-lg flex items-center gap-2 border border-gray-200">
         <span className="text-xs text-gray-500 font-medium">UNO:</span>
         <input
           className="px-2 py-1 border rounded text-sm w-48 font-mono"
@@ -872,8 +916,8 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
         )}
       </div> */}
 
-      {/* 高亮测试面板 - 临时隐藏 */}
-      {/* <div className="absolute top-2 left-2 z-50 bg-white bg-opacity-90 px-3 py-2 rounded shadow flex items-center gap-2">
+        {/* 高亮测试面板 - 临时隐藏 */}
+        {/* <div className="absolute top-2 left-2 z-50 bg-white bg-opacity-90 px-3 py-2 rounded shadow flex items-center gap-2">
         <input
           className="px-3 py-1.5 border rounded text-sm w-64"
           value={highlightTextInput}
@@ -917,8 +961,8 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
         )}
       </div> */}
 
-      {/* 清除高亮测试面板 - 临时隐藏 */}
-      {/* <div className="absolute top-16 left-2 z-50 bg-white bg-opacity-90 px-3 py-2 rounded shadow flex items-center gap-2">
+        {/* 清除高亮测试面板 - 临时隐藏 */}
+        {/* <div className="absolute top-16 left-2 z-50 bg-white bg-opacity-90 px-3 py-2 rounded shadow flex items-center gap-2">
         <button
           className={`px-4 py-1.5 rounded text-sm font-medium transition-colors ${
             isClearing
@@ -941,86 +985,86 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
         )}
       </div> */}
 
-      {/* 搜索替换测试面板 - 移动到左上角并添加关闭按钮 */}
-      {showSearchReplacePanel && (
-        <div className="absolute top-2 left-2 z-50 bg-white bg-opacity-10 px-3 py-2 rounded shadow-lg border border-gray-200">
-          {/* 标题栏和关闭按钮 */}
-          <div className="flex items-center justify-between mb-2">
-            <span className="text-xs text-gray-700 font-medium">搜索替换</span>
-            <button
-              onClick={() => setShowSearchReplacePanel(false)}
-              className="text-gray-400 hover:text-gray-600 transition-colors"
-              title="关闭面板"
-              aria-label="关闭搜索替换面板"
-            >
-              <i className="ri-close-line text-lg"></i>
-            </button>
-          </div>
+        {/* 搜索替换测试面板 - 移动到左上角并添加关闭按钮 */}
+        {showSearchReplacePanel && (
+          <div className="absolute top-2 left-2 z-50 bg-white bg-opacity-10 px-3 py-2 rounded shadow-lg border border-gray-200">
+            {/* 标题栏和关闭按钮 */}
+            <div className="flex items-center justify-between mb-2">
+              <span className="text-xs text-gray-700 font-medium">搜索替换</span>
+              <button
+                onClick={() => setShowSearchReplacePanel(false)}
+                className="text-gray-400 hover:text-gray-600 transition-colors"
+                title="关闭面板"
+                aria-label="关闭搜索替换面板"
+              >
+                <i className="ri-close-line text-lg"></i>
+              </button>
+            </div>
 
-          <div className="flex items-center gap-2 mb-2">
-          <span className="text-xs text-gray-500 font-medium w-12">搜索:</span>
-          <input
-            className="px-2 py-1 border rounded text-sm w-48"
-            value={searchText}
-            onChange={(e) => setSearchText(e.target.value)}
-            placeholder="输入要搜索的文本"
-            aria-label="搜索文本"
-            onKeyDown={(e) => {
-              if (e.key === 'Enter') {
-                handleSearchNext();
-              }
-            }}
-          />
-          <span className="text-xs text-gray-500 font-medium w-12">页码:</span>
-          <input
-            className="px-2 py-1 border rounded text-sm w-16"
-            value={searchReplacePageNumber}
-            onChange={(e) => setSearchReplacePageNumber(e.target.value)}
-            placeholder="页码"
-            aria-label="页码"
-            type="number"
-            min="1"
-            title="可选：指定搜索/替换的页码"
-          />
-          <button
-            className="px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600 text-sm font-medium disabled:bg-gray-400"
-            onClick={handleSearchNext}
-            disabled={!isDocumentLoaded}
-          >
-            查找
-          </button>
-          <button
-            className="px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600 text-sm font-medium disabled:bg-gray-400"
-            onClick={handleCancelSearch}
-            disabled={!isDocumentLoaded}
-            title="取消搜索选中"
-          >
-            取消搜索选中
-          </button>
-        </div>
-        <div className="flex items-center gap-8 justify-between">
-          <div className="flex items-center gap-2 flex-1">
-            <span className="text-xs text-gray-500 font-medium w-12">替换:</span>
-            <input
-              className="px-2 py-1 border rounded text-sm flex-1"
-              value={replaceText}
-              onChange={(e) => setReplaceText(e.target.value)}
-              placeholder="输入替换后的文本"
-              aria-label="替换文本"
-              onKeyDown={(e) => {
-                if (e.key === 'Enter') {
-                  handleReplace();
-                }
-              }}
-            />
-            <button
-              className="px-3 py-1 bg-green-500 text-white rounded hover:bg-green-600 text-sm font-medium disabled:bg-gray-400"
-              onClick={handleReplace}
-              disabled={!isDocumentLoaded}
-            >
-              {replaceAllMode ? '全部确认替换' : '确认替换'}
-            </button>
-            {/* <label className="flex items-center gap-1 text-xs text-gray-600 cursor-pointer">
+            <div className="flex items-center gap-2 mb-2">
+              <span className="text-xs text-gray-500 font-medium w-12">搜索:</span>
+              <input
+                className="px-2 py-1 border rounded text-sm w-48"
+                value={searchText}
+                onChange={(e) => setSearchText(e.target.value)}
+                placeholder="输入要搜索的文本"
+                aria-label="搜索文本"
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter') {
+                    handleSearchNext();
+                  }
+                }}
+              />
+              <span className="text-xs text-gray-500 font-medium w-12">页码:</span>
+              <input
+                className="px-2 py-1 border rounded text-sm w-16"
+                value={searchReplacePageNumber}
+                onChange={(e) => setSearchReplacePageNumber(e.target.value)}
+                placeholder="页码"
+                aria-label="页码"
+                type="number"
+                min="1"
+                title="可选：指定搜索/替换的页码"
+              />
+              <button
+                className="px-3 py-1 bg-blue-500 text-white rounded hover:bg-blue-600 text-sm font-medium disabled:bg-gray-400"
+                onClick={handleSearchNext}
+                disabled={!isDocumentLoaded}
+              >
+                查找
+              </button>
+              <button
+                className="px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600 text-sm font-medium disabled:bg-gray-400"
+                onClick={handleCancelSearch}
+                disabled={!isDocumentLoaded}
+                title="取消搜索选中"
+              >
+                取消搜索选中
+              </button>
+            </div>
+            <div className="flex items-center gap-8 justify-between">
+              <div className="flex items-center gap-2 flex-1">
+                <span className="text-xs text-gray-500 font-medium w-12">替换:</span>
+                <input
+                  className="px-2 py-1 border rounded text-sm flex-1"
+                  value={replaceText}
+                  onChange={(e) => setReplaceText(e.target.value)}
+                  placeholder="输入替换后的文本"
+                  aria-label="替换文本"
+                  onKeyDown={(e) => {
+                    if (e.key === 'Enter') {
+                      handleReplace();
+                    }
+                  }}
+                />
+                <button
+                  className="px-3 py-1 bg-green-500 text-white rounded hover:bg-green-600 text-sm font-medium disabled:bg-gray-400"
+                  onClick={handleReplace}
+                  disabled={!isDocumentLoaded}
+                >
+                  {replaceAllMode ? '全部确认替换' : '确认替换'}
+                </button>
+                {/* <label className="flex items-center gap-1 text-xs text-gray-600 cursor-pointer">
               <input
                 type="checkbox"
                 checked={replaceAllMode}
@@ -1029,31 +1073,30 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
               />
               全部
             </label> */}
-          </div>
+              </div>
 
-          <button
-            className="px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600 text-sm font-medium transition-colors"
-            onClick={() => setShowSearchReplacePanel(false)}
-            title="关闭搜索替换面板"
-            aria-label="关闭"
-          >
-            关闭
-          </button>
-        </div>
-        {searchReplaceResult && (
-          <div className={`mt-2 text-xs ${
-            searchReplaceResult.startsWith('✓') ? 'text-green-600' :
-            searchReplaceResult.startsWith('✗') ? 'text-red-600' :
-            'text-gray-600'
-          }`}>
-            {searchReplaceResult}
+              <button
+                className="px-3 py-1 bg-gray-500 text-white rounded hover:bg-gray-600 text-sm font-medium transition-colors"
+                onClick={() => setShowSearchReplacePanel(false)}
+                title="关闭搜索替换面板"
+                aria-label="关闭"
+              >
+                关闭
+              </button>
+            </div>
+            {searchReplaceResult && (
+              <div className={`mt-2 text-xs ${searchReplaceResult.startsWith('✓') ? 'text-green-600' :
+                searchReplaceResult.startsWith('✗') ? 'text-red-600' :
+                  'text-gray-600'
+                }`}>
+                {searchReplaceResult}
+              </div>
+            )}
           </div>
         )}
-        </div>
-      )}
 
-      {/* 页面定点替换测试面板 - 临时隐藏 */}
-      {/* <div className="absolute top-56 left-2 z-50 bg-white bg-opacity-95 px-3 py-2 rounded shadow-lg border border-purple-200">
+        {/* 页面定点替换测试面板 - 临时隐藏 */}
+        {/* <div className="absolute top-56 left-2 z-50 bg-white bg-opacity-95 px-3 py-2 rounded shadow-lg border border-purple-200">
         <div className="text-xs text-purple-600 font-medium mb-2">页面定点替换</div>
         <div className="flex items-center gap-2 mb-2">
           <span className="text-xs text-gray-500 font-medium w-12">页码:</span>
@@ -1112,37 +1155,38 @@ export const CollaboraViewer = forwardRef<CollaboraViewerHandle, CollaboraViewer
         )}
       </div> */}
 
-      {/* 文档加载提示 */}
-      {!isDocumentLoaded && (
-        <div className="absolute inset-0 flex items-center justify-center bg-white bg-opacity-90 z-10">
-          <div className="text-center">
-            <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
-            <p className="mt-4 text-gray-600">正在加载文档...</p>
-            <p className="text-sm text-gray-500 mt-2">{config.fileName}</p>
+        {/* 文档加载提示 */}
+        {!isDocumentLoaded && (
+          <div className="absolute inset-0 flex items-center justify-center bg-white bg-opacity-90 z-10">
+            <div className="text-center">
+              <div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-primary"></div>
+              <p className="mt-4 text-gray-600">正在加载文档...</p>
+              <p className="text-sm text-gray-500 mt-2">{config.fileName}</p>
+            </div>
           </div>
-        </div>
-      )}
+        )}
 
-      {/* Collabora iframe - tabIndex is needed for keyboard navigation */}
-      {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}
-      <iframe
-        ref={iframeRef}
-        src={config.iframeUrl}
-        className="w-full h-full border-0"
-        style={{
-          minHeight: '600px',
-          height: '100%',
-        }}
-        allow="clipboard-read; clipboard-write"
-        title={`Collabora Online - ${config.fileName}`}
-        sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-modals"
-        tabIndex={0}
-      />
-      {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}
-    </div>
-  );
-});
+        {/* Collabora iframe - tabIndex is needed for keyboard navigation */}
+        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}
+        <iframe
+          ref={iframeRef}
+          src={config.iframeUrl}
+          className="w-full h-full border-0"
+          style={{
+            minHeight: '600px',
+            height: '100%',
+          }}
+          allow="clipboard-read; clipboard-write"
+          title={`Collabora Online - ${config.fileName}`}
+          sandbox="allow-same-origin allow-scripts allow-forms allow-popups allow-modals"
+          tabIndex={0}
+        />
+        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}
+      </div>
+    );
+  });
 
 // 导出类型和 hook
-export type { CollaboraViewerHandle };
 export { useCollaboraUnoCommands };
+export type { CollaboraViewerHandle };
+