fix: move bgp brief markdown into a modal workspace

frontend/src/pages/BGP/BGP.tsx

@@ -6,6 +6,7 @@ import {
   Card,
   Col,
   Descriptions,
+  Modal,
   Row,
   Select,
   Space,
@@ -343,6 +344,7 @@ function BGP() {
   const [briefOptions, setBriefOptions] = useState<BGPBriefRecordSummary[]>([])
   const [selectedBriefId, setSelectedBriefId] = useState<string | null>(null)
   const [briefListLoaded, setBriefListLoaded] = useState(false)
+  const [briefModalOpen, setBriefModalOpen] = useState(false)
   const tableRegionRef = useRef<HTMLDivElement | null>(null)
 
   useEffect(() => {
@@ -537,14 +539,22 @@ function BGP() {
               onChange={(value) => void handleBriefSelectionChange(value)}
               disabled={briefLoading || briefDetailLoading || briefOptions.length === 0}
             />
-            <Button
-              type="primary"
-              icon={<ReloadOutlined />}
-              loading={briefLoading}
-              onClick={() => void handleGenerateBrief()}
-            >
-              生成 AI 简报
-            </Button>
+            <div className="bgp-page__brief-buttons">
+              <Button
+                onClick={() => setBriefModalOpen(true)}
+                disabled={!brief || briefLoading || briefDetailLoading}
+              >
+                查看
+              </Button>
+              <Button
+                type="primary"
+                icon={<ReloadOutlined />}
+                loading={briefLoading}
+                onClick={() => void handleGenerateBrief()}
+              >
+                生成 AI 简报
+              </Button>
+            </div>
           </div>
         </div>
 
@@ -565,9 +575,6 @@ function BGP() {
                 {formatDateTimeZhCN(brief.generated_at)}
               </Descriptions.Item>
             </Descriptions>
-            <div className="bgp-page__brief-content">
-              <MarkdownRenderer markdown={brief.content_markdown} />
-            </div>
           </div>
         ) : (
           <div className="bgp-page__brief-empty">
@@ -706,6 +713,26 @@ function BGP() {
             </Card>
           </Space>
         </div>
+
+        <Modal
+          title="BGP AI 简报"
+          open={briefModalOpen}
+          onCancel={() => setBriefModalOpen(false)}
+          footer={null}
+          width={920}
+          className="bgp-page__brief-modal"
+          style={{ top: 24 }}
+          styles={{ body: { paddingTop: 12 } }}
+          destroyOnHidden
+        >
+          {brief ? (
+            <div className="bgp-page__brief-modal-body">
+              <MarkdownRenderer markdown={brief.content_markdown} />
+            </div>
+          ) : (
+            <Text type="secondary">当前没有可查看的简报内容。</Text>
+          )}
+        </Modal>
       </div>
     </AppLayout>
   )