代码提交

frontend-web/src/roundtable-planning/components/Step3ReportMode.tsx

@@ -36,6 +36,7 @@ import {
   type ThreadIdMap,
 } from "@/roundtable-planning/api/multi-agent";
 import { ArtifactPreviewModal } from "@/roundtable-planning/components/ArtifactPreviewModal";
+import { ConsensusDocxDownloadButton } from "@/roundtable-planning/components/ConsensusDocxDownloadButton";
 import { ScrollToBottomButton } from "@/roundtable-planning/components/ScrollToBottomButton";
 import { Step2Message } from "@/roundtable-planning/components/Step2Panel";
 import { Step2SandboxLayout } from "@/roundtable-planning/components/Step2SandboxLayout";
@@ -100,6 +101,13 @@ export function Step3ReportMode({
     [seatDeliveries],
   );
 
+  const consensusDocTitle = useMemo(() => {
+    const objective = intentReady?.objective?.trim();
+    if (!objective) return "圆桌总控最终结论";
+    const short = objective.length > 40 ? `${objective.slice(0, 40)}…` : objective;
+    return `圆桌总控结论-${short}`;
+  }, [intentReady?.objective]);
+
   const {
     phase,
     error,
@@ -316,7 +324,16 @@ export function Step3ReportMode({
 
       {/* 弹窗 */}
       {modal === "consensus" && (
-        <ContentModal title="总控最终结论" onClose={() => setModal(null)}>
+        <ContentModal
+          title="总控最终结论"
+          onClose={() => setModal(null)}
+          headerAction={
+            <ConsensusDocxDownloadButton
+              markdown={consensusText}
+              title={consensusDocTitle}
+            />
+          }
+        >
           {consensusText ? (
             <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>
               {consensusText}
@@ -543,10 +560,12 @@ function ContentModal({
   title,
   children,
   onClose,
+  headerAction,
 }: {
   title: string;
   children: React.ReactNode;
   onClose: () => void;
+  headerAction?: React.ReactNode;
 }) {
   return (
     <div
@@ -557,15 +576,18 @@ function ContentModal({
         className="bg-white border border-slate-200 rounded-2xl shadow-xl w-full max-w-2xl max-h-[80vh] flex flex-col overflow-hidden"
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="shrink-0 flex items-center justify-between px-5 py-3.5 border-b border-slate-100 bg-slate-50">
-          <h3 className="text-sm font-bold text-slate-900">{title}</h3>
-          <button
-            type="button"
-            onClick={onClose}
-            className="p-1 text-slate-400 hover:text-slate-600 rounded-md hover:bg-slate-100"
-          >
-            <X className="w-4 h-4" />
-          </button>
+        <div className="shrink-0 flex items-center justify-between gap-2 px-5 py-3.5 border-b border-slate-100 bg-slate-50">
+          <h3 className="text-sm font-bold text-slate-900 min-w-0 truncate">{title}</h3>
+          <div className="flex items-center gap-2 shrink-0">
+            {headerAction}
+            <button
+              type="button"
+              onClick={onClose}
+              className="p-1 text-slate-400 hover:text-slate-600 rounded-md hover:bg-slate-100"
+            >
+              <X className="w-4 h-4" />
+            </button>
+          </div>
         </div>
         <div className="flex-1 overflow-y-auto p-5">{children}</div>
       </div>