feat: 完善会商产物提交匹配与流式写文件预览

席位流程图按已提交 Markdown 对齐；流式未命名产物不再误请求 artifacts API，并兼容临时文件名路径。同时补强会话流中断识别与 8BF/岗位会商展示。

Co-authored-by: Cursor <cursoragent@cursor.com>

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

@@ -1,21 +1,21 @@
 import type { Message } from "@langchain/langgraph-sdk";
 import {
-  BookOpenTextIcon,
-  CheckCircle2Icon,
-  ChevronDownIcon,
-  ChevronUp,
+  BookOpenTextIcon,
+  CheckCircle2Icon,
+  ChevronDownIcon,
+  ChevronUp,
   FolderOpenIcon,
   GlobeIcon,
-  LightbulbIcon,
-  ListTodoIcon,
-  Loader2Icon,
+  LightbulbIcon,
+  ListTodoIcon,
+  Loader2Icon,
   MessageCircleQuestionMarkIcon,
   NotebookPenIcon,
   SearchIcon,
   SquareTerminalIcon,
   WrenchIcon,
 } from "lucide-react";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 
 import {
   ChainOfThought,
@@ -31,20 +31,20 @@ import {
   CollapsibleContent,
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
-import {
-  Dialog,
+import {
+  Dialog,
   DialogContent,
   DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import {
-  buildWriteFileVirtualUrl,
-  hasCompleteArtifactExtension,
-  normalizeStreamingArtifactPath,
-  provisionalWriteFilePath,
-} from "@/core/artifacts/streaming-write-preview";
-import { useI18n } from "@/core/i18n/hooks";
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  buildWriteFileVirtualUrl,
+  hasCompleteArtifactExtension,
+  normalizeStreamingArtifactPath,
+  provisionalWriteFilePath,
+} from "@/core/artifacts/streaming-write-preview";
+import { useI18n } from "@/core/i18n/hooks";
 import {
   normalizeSearchResults,
   resolveSearchQuery,
@@ -58,13 +58,13 @@ import { useRehypeSplitWordsIntoSpans } from "@/core/rehype";
 import { useLocalSettings } from "@/core/settings";
 import { useSkills } from "@/core/skills/hooks";
 import {
-  buildSkillDisplayMap,
-  findDisplayConfigForTool,
-  isDisplaySamplePayload,
-  normalizeDefaultDisplaySources,
-  shouldUseDefaultCitationMode,
-  type RuntimeDisplaySource,
-} from "@/core/skill-display/runtime";
+  buildSkillDisplayMap,
+  findDisplayConfigForTool,
+  isDisplaySamplePayload,
+  normalizeDefaultDisplaySources,
+  shouldUseDefaultCitationMode,
+  type RuntimeDisplaySource,
+} from "@/core/skill-display/runtime";
 import { normalizeDisplaySources } from "@/core/skill-display/display-adapter";
 import { extractTitleFromMarkdown } from "@/core/utils/markdown";
 import { env } from "@/env";
@@ -235,7 +235,7 @@ export function MessageGroup({
   );
 }
 
-function ToolCall({
+function ToolCall({
   id,
   messageId,
   name,
@@ -257,45 +257,45 @@ function ToolCall({
   ragModeEnabled?: boolean;
 }) {
   const { t } = useI18n();
-  const displayMatch =
-    result !== undefined && isDisplaySamplePayload(result)
-      ? null
-      : (findDisplayConfigForTool(name, skillDisplayMap, args) ??
-        null);
+  const displayMatch =
+    result !== undefined && isDisplaySamplePayload(result)
+      ? null
+      : (findDisplayConfigForTool(name, skillDisplayMap, args) ??
+        null);
   const displayItems =
     displayMatch && result !== undefined
-      ? normalizeDisplaySources(result, displayMatch.display).map((item, index) => ({
-          ...item,
-          index: index + 1,
-          skillName: displayMatch.skillName,
-          mode: item.displayMode ?? displayMatch.display.mode,
-        }))
+      ? normalizeDisplaySources(result, displayMatch.display).map((item, index) => ({
+          ...item,
+          index: index + 1,
+          skillName: displayMatch.skillName,
+          mode: item.displayMode ?? displayMatch.display.mode,
+        }))
       : [];
-  if (displayItems.length > 0) {
+  if (displayItems.length > 0) {
     return (
       <ChainOfThoughtStep
         key={id}
-        label={
-          displayMatch?.display.mode === "citation" || !displayMatch
-            ? "检索参考来源"
-            : `获取 ${displayItems.length} 条结果`
-        }
+        label={
+          displayMatch?.display.mode === "citation" || !displayMatch
+            ? "检索参考来源"
+            : `获取 ${displayItems.length} 条结果`
+        }
         icon={SearchIcon}
       >
         <DisplayResultsList results={displayItems} />
       </ChainOfThoughtStep>
     );
-  }
-
-  // Deep Research uses a virtual tool call for each durable writing phase.
-  // Rendering it here keeps its lifecycle in the very same ChainOfThought
-  // component as ordinary Q&A retrieval and sandbox tool calls.
-  if (name === "deep_research_progress") {
-    return <DeepResearchProgressStep id={id} args={args} />;
-  }
-
-  const searchItems = normalizeSearchResults(result);
-  if (ragModeEnabled && shouldUseDefaultCitationMode(name, result, args) && searchItems.length > 0) {
+  }
+
+  // Deep Research uses a virtual tool call for each durable writing phase.
+  // Rendering it here keeps its lifecycle in the very same ChainOfThought
+  // component as ordinary Q&A retrieval and sandbox tool calls.
+  if (name === "deep_research_progress") {
+    return <DeepResearchProgressStep id={id} args={args} />;
+  }
+
+  const searchItems = normalizeSearchResults(result);
+  if (ragModeEnabled && shouldUseDefaultCitationMode(name, result, args) && searchItems.length > 0) {
     const defaultItems = normalizeDefaultDisplaySources(result).map((item, index) => ({
       ...item,
       index: index + 1,
@@ -308,19 +308,19 @@ function ToolCall({
       </ChainOfThoughtStep>
     );
   }
-  if (name === "web_search" || searchItems.length > 0) {
-    const query = resolveSearchQuery(args, result);
-    let label: React.ReactNode = t.toolCalls.searchForRelatedInfo;
-    if (query) {
-      label =
-        name === "web_search"
-          ? `知识库检索 "${query}"`
-          : t.toolCalls.searchFor(query);
-    } else if (name === "web_search") {
-      label = "知识库检索";
-    }
-    return (
-      <ChainOfThoughtStep key={id} label={label} icon={SearchIcon}>
+  if (name === "web_search" || searchItems.length > 0) {
+    const query = resolveSearchQuery(args, result);
+    let label: React.ReactNode = t.toolCalls.searchForRelatedInfo;
+    if (query) {
+      label =
+        name === "web_search"
+          ? `知识库检索 "${query}"`
+          : t.toolCalls.searchFor(query);
+    } else if (name === "web_search") {
+      label = "知识库检索";
+    }
+    return (
+      <ChainOfThoughtStep key={id} label={label} icon={SearchIcon}>
         {searchItems.length > 0 && (
           <WebSearchResultsList results={searchItems} />
         )}
@@ -437,18 +437,18 @@ function ToolCall({
     if (!description) {
       description = t.toolCalls.writeFile;
     }
-    return (
-      <ArtifactWriteToolCall
-        id={id}
-        messageId={messageId}
-        name={name}
-        args={args}
-        result={result}
-        description={description}
-        isLast={isLast}
-        isLoading={isLoading}
-      />
-    );
+    return (
+      <ArtifactWriteToolCall
+        id={id}
+        messageId={messageId}
+        name={name}
+        args={args}
+        result={result}
+        description={description}
+        isLast={isLast}
+        isLoading={isLoading}
+      />
+    );
   } else if (name === "bash") {
     const description: string | undefined = (args as { description: string })
       ?.description;
@@ -509,161 +509,164 @@ function ToolCall({
         icon={WrenchIcon}
       ></ChainOfThoughtStep>
     );
-  }
-}
-
-function DeepResearchProgressStep({
-  id,
-  args,
-}: {
-  id?: string;
-  args: Record<string, unknown>;
-}) {
-  const label = typeof args.label === "string" && args.label.trim()
-    ? args.label
-    : "正在撰写研究报告";
-  const detail = typeof args.detail === "string" ? args.detail.trim() : "";
-  const thinking = typeof args.thinking === "string" ? args.thinking.trim() : "";
-  const active = args.status !== "complete";
-  const [thinkingOpen, setThinkingOpen] = useState(false);
-
-  useEffect(() => {
-    if (active && thinking) setThinkingOpen(true);
-  }, [active, thinking]);
-
-  return (
-    <ChainOfThoughtStep
-      key={id}
-      status={active ? "active" : "complete"}
-      icon={active
-        ? <Loader2Icon className="text-primary size-4 animate-spin" />
-        : <CheckCircle2Icon className="size-4 text-emerald-600 dark:text-emerald-400" />}
-      label={
-        <span className="flex flex-wrap items-center gap-x-2 gap-y-0.5">
-          <span>{label}</span>
-          <span className={active ? "text-primary text-xs" : "text-muted-foreground text-xs"}>
-            {active ? "进行中" : "已完成"}
-          </span>
-        </span>
-      }
-    >
-      {detail && (
-        <div className="text-muted-foreground text-xs leading-5">
-          {detail}
-        </div>
-      )}
-      {thinking && (
-        <Collapsible className="mt-2" onOpenChange={setThinkingOpen} open={thinkingOpen}>
-          <CollapsibleTrigger asChild>
-            <Button
-              aria-label={thinkingOpen ? "收起模型思考" : "展开模型思考"}
-              className="h-7 gap-1.5 px-2 text-xs"
-              size="sm"
-              type="button"
-              variant="ghost"
-            >
-              <LightbulbIcon className="size-3.5 text-amber-600 dark:text-amber-300" />
-              <span>模型思考</span>
-              <span className="text-muted-foreground">{active ? "思考中" : "已完成"}</span>
-              <ChevronDownIcon className={cn("size-3.5 transition-transform", thinkingOpen && "rotate-180")} />
-            </Button>
-          </CollapsibleTrigger>
-          <CollapsibleContent>
-            <p aria-live={active ? "polite" : undefined} className="sr-only" role={active ? "status" : undefined}>
-              {active ? "模型思考内容正在更新" : "模型思考内容已完成"}
-            </p>
-            <pre className="bg-muted/45 text-muted-foreground mt-1 max-h-56 overflow-auto rounded-lg border px-3 py-2 text-xs leading-5 whitespace-pre-wrap break-words">
-              {thinking}
-            </pre>
-          </CollapsibleContent>
-        </Collapsible>
-      )}
-    </ChainOfThoughtStep>
-  );
-}
-
-function ArtifactWriteToolCall({
-  id,
-  messageId,
-  name,
-  args,
-  result,
-  description,
-  isLast,
-  isLoading,
-}: {
-  id?: string;
-  messageId?: string;
-  name: "write_file" | "str_replace";
-  args: Record<string, unknown>;
-  result?: string | Record<string, unknown>;
-  description: string;
-  isLast: boolean;
-  isLoading: boolean;
-}) {
-  const artifacts = useArtifactsOptional();
-  const openStreamedArtifact = artifacts?.openStreamedArtifact;
-  const rawPath = typeof args.path === "string" ? args.path : "";
-  const content = typeof args.content === "string" ? args.content : "";
-  const normalizedPath = normalizeStreamingArtifactPath(rawPath);
-  const hasUsablePath =
-    Boolean(normalizedPath) && hasCompleteArtifactExtension(normalizedPath);
-  const sourcePath = hasUsablePath
-    ? normalizedPath
-    : name === "write_file" && content.trim()
-      ? provisionalWriteFilePath(content)
-      : null;
-  const previewKey = messageId && id ? `${messageId}:${id}` : null;
-  const artifactPath =
-    sourcePath && name === "write_file" && messageId && id
-      ? buildWriteFileVirtualUrl({ path: sourcePath, messageId, toolCallId: id })
-      : sourcePath;
-
-  useEffect(() => {
-    if (
-      !openStreamedArtifact ||
-      !artifactPath ||
-      !previewKey ||
-      !isLoading ||
-      !isLast ||
-      result !== undefined
-    ) {
-      return;
-    }
-    openStreamedArtifact(artifactPath, previewKey);
-  }, [
-    artifactPath,
-    isLast,
-    isLoading,
-    openStreamedArtifact,
-    previewKey,
-    result,
-  ]);
-
-  return (
-    <ChainOfThoughtStep
-      key={id}
-      className={cn(artifactPath && "cursor-pointer")}
-      label={description}
-      icon={NotebookPenIcon}
-      onClick={() => {
-        if (!artifactPath || !artifacts) return;
-        artifacts.select(artifactPath);
-        artifacts.setOpen(true);
-      }}
-    >
-      {(normalizedPath || sourcePath) && (
-        <ChainOfThoughtSearchResult className="cursor-pointer">
-          {normalizedPath || sourcePath}
-        </ChainOfThoughtSearchResult>
-      )}
-    </ChainOfThoughtStep>
-  );
-}
-
-interface GenericCoTStep<T extends string = string> {
-  id?: string;
-  messageId?: string;
+  }
+}
+
+function DeepResearchProgressStep({
+  id,
+  args,
+}: {
+  id?: string;
+  args: Record<string, unknown>;
+}) {
+  const label = typeof args.label === "string" && args.label.trim()
+    ? args.label
+    : "正在撰写研究报告";
+  const detail = typeof args.detail === "string" ? args.detail.trim() : "";
+  const thinking = typeof args.thinking === "string" ? args.thinking.trim() : "";
+  const active = args.status !== "complete";
+  const [thinkingOpen, setThinkingOpen] = useState(false);
+
+  useEffect(() => {
+    if (active && thinking) setThinkingOpen(true);
+  }, [active, thinking]);
+
+  return (
+    <ChainOfThoughtStep
+      key={id}
+      status={active ? "active" : "complete"}
+      icon={active
+        ? <Loader2Icon className="text-primary size-4 animate-spin" />
+        : <CheckCircle2Icon className="size-4 text-emerald-600 dark:text-emerald-400" />}
+      label={
+        <span className="flex flex-wrap items-center gap-x-2 gap-y-0.5">
+          <span>{label}</span>
+          <span className={active ? "text-primary text-xs" : "text-muted-foreground text-xs"}>
+            {active ? "进行中" : "已完成"}
+          </span>
+        </span>
+      }
+    >
+      {detail && (
+        <div className="text-muted-foreground text-xs leading-5">
+          {detail}
+        </div>
+      )}
+      {thinking && (
+        <Collapsible className="mt-2" onOpenChange={setThinkingOpen} open={thinkingOpen}>
+          <CollapsibleTrigger asChild>
+            <Button
+              aria-label={thinkingOpen ? "收起模型思考" : "展开模型思考"}
+              className="h-7 gap-1.5 px-2 text-xs"
+              size="sm"
+              type="button"
+              variant="ghost"
+            >
+              <LightbulbIcon className="size-3.5 text-amber-600 dark:text-amber-300" />
+              <span>模型思考</span>
+              <span className="text-muted-foreground">{active ? "思考中" : "已完成"}</span>
+              <ChevronDownIcon className={cn("size-3.5 transition-transform", thinkingOpen && "rotate-180")} />
+            </Button>
+          </CollapsibleTrigger>
+          <CollapsibleContent>
+            <p aria-live={active ? "polite" : undefined} className="sr-only" role={active ? "status" : undefined}>
+              {active ? "模型思考内容正在更新" : "模型思考内容已完成"}
+            </p>
+            <pre className="bg-muted/45 text-muted-foreground mt-1 max-h-56 overflow-auto rounded-lg border px-3 py-2 text-xs leading-5 whitespace-pre-wrap break-words">
+              {thinking}
+            </pre>
+          </CollapsibleContent>
+        </Collapsible>
+      )}
+    </ChainOfThoughtStep>
+  );
+}
+
+function ArtifactWriteToolCall({
+  id,
+  messageId,
+  name,
+  args,
+  result,
+  description,
+  isLast,
+  isLoading,
+}: {
+  id?: string;
+  messageId?: string;
+  name: "write_file" | "str_replace";
+  args: Record<string, unknown>;
+  result?: string | Record<string, unknown>;
+  description: string;
+  isLast: boolean;
+  isLoading: boolean;
+}) {
+  const artifacts = useArtifactsOptional();
+  const openStreamedArtifact = artifacts?.openStreamedArtifact;
+  const rawPath = typeof args.path === "string" ? args.path : "";
+  const content = typeof args.content === "string" ? args.content : "";
+  const normalizedPath = normalizeStreamingArtifactPath(rawPath);
+  const hasUsablePath =
+    Boolean(normalizedPath) && hasCompleteArtifactExtension(normalizedPath);
+  const sourcePath = hasUsablePath
+    ? normalizedPath
+    : name === "write_file" && content.trim()
+      ? provisionalWriteFilePath(content)
+      : null;
+  const previewKey = messageId && id ? `${messageId}:${id}` : null;
+  // Never select a bare provisional name like `未命名文件.md` — the artifacts
+  // API only serves `/mnt/user-data/...` paths and would 400. Wait until the
+  // tool call has ids so we can open a write-file: memory preview instead.
+  const artifactPath =
+    sourcePath && name === "write_file" && messageId && id
+      ? buildWriteFileVirtualUrl({ path: sourcePath, messageId, toolCallId: id })
+      : null;
+
+  useEffect(() => {
+    if (
+      !openStreamedArtifact ||
+      !artifactPath ||
+      !previewKey ||
+      !isLoading ||
+      !isLast ||
+      result !== undefined
+    ) {
+      return;
+    }
+    openStreamedArtifact(artifactPath, previewKey);
+  }, [
+    artifactPath,
+    isLast,
+    isLoading,
+    openStreamedArtifact,
+    previewKey,
+    result,
+  ]);
+
+  return (
+    <ChainOfThoughtStep
+      key={id}
+      className={cn(artifactPath && "cursor-pointer")}
+      label={description}
+      icon={NotebookPenIcon}
+      onClick={() => {
+        if (!artifactPath || !artifacts) return;
+        artifacts.select(artifactPath);
+        artifacts.setOpen(true);
+      }}
+    >
+      {(normalizedPath || sourcePath) && (
+        <ChainOfThoughtSearchResult className="cursor-pointer">
+          {normalizedPath || sourcePath}
+        </ChainOfThoughtSearchResult>
+      )}
+    </ChainOfThoughtStep>
+  );
+}
+
+interface GenericCoTStep<T extends string = string> {
+  id?: string;
+  messageId?: string;
   type: T;
 }
 
@@ -766,7 +769,7 @@ function DisplayResultsList({ results }: { results: RuntimeDisplaySource[] }) {
             open && "rotate-180",
           )}
         />
-        <span>{results.length} 条真实返回结果</span>
+        <span>{results.length} 条真实返回结果</span>
       </CollapsibleTrigger>
       <CollapsibleContent className="mt-2 flex flex-col gap-2">
         {results.map((item) => (