@

feat(圆桌): Step3 三产物并行 + 大屏多页模式 + 后台挂起查看恢复流程

后台挂起 Step3:
- engine 总结报告/结果绘制/大屏数据 asyncio.gather 三流并行,故障隔离
- request.state 回归修复(进程内虚拟 request 补 state),恢复后台报告
- ROUNDTABLE_JOB_GATEWAY 默认 inprocess;产物自愈重试(截断/缺失纠偏)
- 大屏后端只产 report-json(dashboardJson),前端按当前主题渲染

结果绘制大屏多页模式(模式二):
- report-template 模板渲染(report-json→大屏HTML),零截断、主题跟随
- 与模式一同款交互(流式+沙箱+可修改);沙箱新窗口打开按钮

最终方案展示:左侧席位栏+总控头像、交付/文件合并、收展动画、内联沙箱

后台挂起查看=恢复实时流程:
- handleLoadDraft 返回 Promise,await hydrate 后订阅 streamJob SSE 跟随
- saveDraftNow 强制存(发起前+查看前各一次)防丢

第二步优化:总控判断串/并行(并行单列可写)、席位上下文+交付模板、
peerDeliveries、失败重试、共识标记、流程图小窗(缩放/拖动/并行批)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@

frontend-web/src/components/workspace/artifacts/artifact-file-detail.tsx

@@ -4,15 +4,16 @@ import {
   ArrowDownIcon,
   Code2Icon,
   CopyIcon,
-  DownloadIcon,
-  EyeIcon,
-  FileType2Icon,
-  LoaderIcon,
-  PackageIcon,
-  SaveIcon,
-  UploadCloudIcon,
-  XIcon,
-} from "lucide-react";
+  DownloadIcon,
+  ExternalLinkIcon,
+  EyeIcon,
+  FileType2Icon,
+  LoaderIcon,
+  PackageIcon,
+  SaveIcon,
+  UploadCloudIcon,
+  XIcon,
+} from "lucide-react";
 import { useParams } from "next/navigation";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from "react";
@@ -37,11 +38,11 @@ import {
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { CodeEditor } from "@/components/workspace/code-editor";
 import { publishArtifactToKnowledge } from "@/core/agents/api";
-import { useAgent } from "@/core/agents/hooks";
-import { apiFetch } from "@/core/api";
-import {
-  downloadArtifactFile,
-} from "@/core/artifacts/download";
+import { useAgent } from "@/core/agents/hooks";
+import { apiFetch } from "@/core/api";
+import {
+  downloadArtifactFile,
+} from "@/core/artifacts/download";
 import {
   useArtifactContent,
   useUpdateArtifactContent,
@@ -512,7 +513,22 @@ export function ArtifactFileDetail({
     }
   }, [displayContent, filepath]);
 
-  const handleDownloadWriteFile = useCallback(() => {
+  /** HTML 产物在新窗口打开（结果绘制汇总/大屏多页都需要全屏看）。
+   *  blob: URL 带 charset=utf-8（与预览/下载一致，防中文乱码）；URL 延迟回收，
+   *  给新窗口足够的加载时间。 */
+  const handleOpenInNewWindow = useCallback(() => {
+    const source = displayContent ?? "";
+    if (!source.trim()) {
+      toast.error("文件内容为空，暂时无法在新窗口打开");
+      return;
+    }
+    const blob = new Blob([source], { type: "text/html;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    window.open(url, "_blank", "noopener,noreferrer");
+    window.setTimeout(() => URL.revokeObjectURL(url), 60_000);
+  }, [displayContent]);
+
+  const handleDownloadWriteFile = useCallback(() => {
     const source = displayContent ?? "";
     if (!source.trim()) {
       toast.error("文件内容为空，暂时无法下载");
@@ -544,7 +560,7 @@ export function ArtifactFileDetail({
 
   return (
     <Artifact className={cn(className)}>
-      <ArtifactHeader className="flex flex-wrap items-center gap-3 px-4 py-3">
+      <ArtifactHeader className="flex flex-wrap items-center gap-3 px-4 py-3">
         <div className="flex min-w-0 items-center gap-2">
           <div className="bg-muted/65 inline-flex min-w-0 items-center rounded-full border border-black/6 p-1 shadow-sm dark:border-white/8">
             <span className="bg-background text-muted-foreground inline-flex h-7 shrink-0 items-center rounded-full border border-black/6 px-2.5 text-[10px] font-semibold tracking-[0.16em] dark:border-white/8">
@@ -574,7 +590,7 @@ export function ArtifactFileDetail({
             </ArtifactTitle>
           </div>
         </div>
-        <div className="flex w-full items-center justify-center md:w-auto md:flex-1">
+        <div className="flex w-full items-center justify-center md:w-auto md:flex-1">
           {isSupportPreview && (
             <div className="flex items-center gap-2">
               <ToggleGroup
@@ -617,8 +633,8 @@ export function ArtifactFileDetail({
             </div>
           )}
         </div>
-        <div className="flex w-full items-center justify-end gap-2 md:ml-auto md:w-auto">
-          <ArtifactActions className="bg-muted/45 max-w-full flex-wrap justify-end rounded-3xl border border-black/6 p-1 dark:border-white/8">
+        <div className="flex w-full items-center justify-end gap-2 md:ml-auto md:w-auto">
+          <ArtifactActions className="bg-muted/45 max-w-full flex-wrap justify-end rounded-3xl border border-black/6 p-1 dark:border-white/8">
             {canPublishToKnowledge && (
               <ArtifactAction
                 icon={isPublishingToKnowledge ? LoaderIcon : UploadCloudIcon}
@@ -677,6 +693,15 @@ export function ArtifactFileDetail({
                 onClick={handleDownloadAsWord}
               />
             )}
+            {language === "html" && (
+              <ArtifactAction
+                icon={ExternalLinkIcon}
+                label="新窗口打开"
+                tooltip="在新窗口全屏打开 HTML"
+                disabled={!displayContent?.trim()}
+                onClick={handleOpenInNewWindow}
+              />
+            )}
             <ArtifactAction
               icon={DownloadIcon}
               label={t.common.download}

frontend-web/src/components/workspace/messages/message-list.tsx

@@ -756,6 +756,9 @@ const WRITING_MODE_LABELS: Record<string, string> = {
   loose: "可结合通用知识",
 };
 const MATERIAL_SOURCE_LABELS: Record<string, string> = {
+  general: "通用检索",
+  notebook: "我的空间",
+  // 旧值（历史会话回显兼容）
   knowledge_base: "知识库",
   skill: "技能检索",
 };