feat: 优化定时任务 Markdown 阅读页

frontend-web/src/pages/PublicScheduledTaskPage.tsx

@@ -24,6 +24,11 @@ import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
 import {
   Dialog,
   DialogContent,
@@ -43,13 +48,13 @@ import {
 } from "@/components/ui/tooltip";
 import { MarkdownContent } from "@/components/workspace/messages/markdown-content";
 import { HtmlPreviewFrame } from "@/components/html-preview-frame";
+import { ReportMarkdownView } from "@/components/wiki/ReportMarkdownView";
 import { getBackendBaseURL } from "@/core/config";
 import { usePublicBackground } from "@/core/embed/background";
 import { downloadMarkdownAsDocx } from "@/core/scheduled-tasks/markdown-docx";
 import { reasoningPlugins } from "@/core/streamdown";
 import { createMarkdownAnchorResolver } from "@/core/utils/markdown";
 import { cn } from "@/lib/utils";
-import "@/components/wiki/wiki.css";
 
 type PublicTask = {
   task_id: string;
@@ -875,13 +880,10 @@ function PublicFullscreenPreviewContent({ preview }: { preview: PublicFullscreen
   }
   if (preview.mode === "markdown") {
     return (
-      <KnowledgeMarkdownView
+      <ReportMarkdownView
         className="max-w-none"
         content={preview.content || "无正文内容"}
         title={preview.title}
-        isLoading={false}
-        remarkPlugins={reasoningPlugins.remarkPlugins}
-        rehypePlugins={reasoningPlugins.rehypePlugins}
       />
     );
   }
@@ -889,13 +891,10 @@ function PublicFullscreenPreviewContent({ preview }: { preview: PublicFullscreen
     const content = preview.file.content || "无文件内容";
     if (isMarkdownFile(preview.file)) {
       return (
-        <KnowledgeMarkdownView
+        <ReportMarkdownView
           className="max-w-none"
           content={content}
           title={preview.title}
-          isLoading={false}
-          remarkPlugins={reasoningPlugins.remarkPlugins}
-          rehypePlugins={reasoningPlugins.rehypePlugins}
         />
       );
     }
@@ -920,6 +919,7 @@ function publicFullscreenHref(taskId: string, runId: string, tab: ContentTab): s
 function RunDetailPane({ run, taskId }: { run: PublicRun; taskId: string }) {
   const queryClient = useQueryClient();
   const [fullscreenPreview, setFullscreenPreview] = useState<PublicFullscreenPreview | null>(null);
+  const [runMetaOpen, setRunMetaOpen] = useState(false);
 
   // HTML page run: render a sandboxed iframe preview instead of the MD tabs.
   const isHtmlRun =
@@ -1159,7 +1159,29 @@ function RunDetailPane({ run, taskId }: { run: PublicRun; taskId: string }) {
               </TooltipContent>
             )}
           </Tooltip>
-          <p className="text-muted-foreground mt-1 text-xs">
+          <Collapsible open={runMetaOpen} onOpenChange={setRunMetaOpen} className="mt-2">
+            <CollapsibleTrigger asChild>
+              <Button
+                type="button"
+                variant="ghost"
+                size="sm"
+                className="text-muted-foreground hover:text-foreground h-7 px-2 text-xs"
+              >
+                <ChevronRight
+                  className={cn("size-3.5 transition-transform", runMetaOpen && "rotate-90")}
+                />
+                运行信息
+              </Button>
+            </CollapsibleTrigger>
+            <CollapsibleContent>
+              <div className="mt-2 grid gap-1 rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground sm:grid-cols-3">
+                <div className="min-w-0 break-all">计划：{formatDate(run.scheduled_for)}</div>
+                <div>开始：{formatDate(run.started_at)}</div>
+                <div>完成：{formatDate(run.finished_at)}</div>
+              </div>
+            </CollapsibleContent>
+          </Collapsible>
+          <p className="hidden">
             开始：{formatDate(run.started_at)} · 完成：{formatDate(run.finished_at)}
           </p>
         </div>
@@ -1311,7 +1333,7 @@ function RunDetailPane({ run, taskId }: { run: PublicRun; taskId: string }) {
                       无内容。点击「编辑」开始添加。
                     </div>
                   ) : (
-                    <KnowledgeMarkdownView
+                    <ReportMarkdownView
                       className="max-w-none pr-2"
                       content={activeSource}
                       title={
@@ -1319,10 +1341,6 @@ function RunDetailPane({ run, taskId }: { run: PublicRun; taskId: string }) {
                           ? stripExtension(activeTabMeta.fileName || "")
                           : run.result?.title
                       }
-                      subtitle={`执行时间：${formatDate(run.scheduled_for)}`}
-                      isLoading={false}
-                      remarkPlugins={reasoningPlugins.remarkPlugins}
-                      rehypePlugins={reasoningPlugins.rehypePlugins}
                     />
                   )}
                 </ScrollArea>

frontend-web/src/pages/ScheduledTaskRunDetailPage.tsx

@@ -20,6 +20,7 @@ import {
 } from "@/components/workspace/workspace-container";
 import { MarkdownContent } from "@/components/workspace/messages/markdown-content";
 import { HtmlPreviewFrame } from "@/components/html-preview-frame";
+import { ReportMarkdownView } from "@/components/wiki/ReportMarkdownView";
 import {
   downloadScheduledTaskRun,
   downloadScheduledTaskRunFile,
@@ -91,11 +92,12 @@ function RenderPreview({ file }: { file: ScheduledTaskResultFileContent }) {
   }
   if (isMarkdownFile(file)) {
     return (
-      <MarkdownContent
+      <ReportMarkdownView
         className="max-w-none"
         content={file.content}
-        isLoading={false}
-        rehypePlugins={[]}
+        title={file.name.replace(/\.(md|markdown)$/i, "")}
+        badgeLabel="结果文件"
+        compactHeader
       />
     );
   }
@@ -114,11 +116,11 @@ function FullscreenPreviewContent({ preview }: { preview: FullscreenPreview }) {
   }
   if (preview.mode === "markdown") {
     return (
-      <MarkdownContent
+      <ReportMarkdownView
         className="max-w-none"
         content={preview.content || "无正文内容"}
-        isLoading={false}
-        rehypePlugins={[]}
+        title={preview.title}
+        badgeLabel="正文预览"
       />
     );
   }
@@ -653,11 +655,12 @@ export default function ScheduledTaskRunDetailPage() {
                     </Button>
                   </div>
                   {result.format === "markdown" || result.format === "mixed" ? (
-                    <MarkdownContent
+                    <ReportMarkdownView
                       className="max-w-none"
                       content={result.content || "无正文内容"}
-                      isLoading={false}
-                      rehypePlugins={[]}
+                      title={result.title || "正文预览"}
+                      subtitle={`计划时间：${formatDate(run.scheduled_for)}`}
+                      badgeLabel="任务报告"
                     />
                   ) : (
                     <pre className="whitespace-pre-wrap break-words text-sm">