容错显示

frontend-web/src/core/config/index.ts

@@ -1,5 +1,18 @@
 import { env } from "@/env";
 
+/**
+ * 内网知识库「查看原文」详情页地址前缀。
+ * 素材的 recUuid 直接拼接在其后即为完整原文链接。
+ */
+export const INTRANET_SOURCE_URL_BASE =
+  "https://chlib.b.uat.4.cn/knowlibrary/#/knowledge/mid_detail?recUuid=";
+
+/** 由 recUuid 构造内网原文详情页地址；recUuid 为空时返回空串。 */
+export function buildIntranetSourceUrl(recUuid?: string | null): string {
+  if (!recUuid) return "";
+  return `${INTRANET_SOURCE_URL_BASE}${encodeURIComponent(recUuid)}`;
+}
+
 function getBaseOrigin() {
   if (typeof window !== "undefined") {
     return window.location.origin;

frontend-web/src/open-canvas/api/ai-writing.ts

@@ -33,7 +33,7 @@ const SSE_EVENT_TYPES: ProgressEventType[] = [
   'materials_ready', 'outline_chunk', 'outline_ready',
   'draft_chunk', 'draft_ready',
   'review_chunk', 'review_item_done', 'review_ready',
-  'await_user', 'resumed', 'done', 'error',
+  'await_user', 'resumed', 'notice', 'done', 'error',
 ];
 
 // ── 后端返回 snake_case，前端类型是 camelCase，统一在此转换 ──────────────────

frontend-web/src/open-canvas/components/ai-writing/AIWritingTimeline.tsx

@@ -18,6 +18,7 @@ const DISPLAYED_TYPES = new Set([
   'review_ready',
   'await_user',
   'resumed',
+  'notice',
   'done',
   'error',
 ]);

frontend-web/src/open-canvas/components/ai-writing/CompletedInterventionCard.tsx

@@ -4,6 +4,7 @@ import {
   ExternalLink, ListTree, FileText,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import { buildIntranetSourceUrl } from '@/core/config';
 import type { CompletedIntervention } from '../../types/ai-writing';
 import { OutlineCard } from './OutlineCard';
 import { ReviewCard } from './ReviewCard';
@@ -82,11 +83,12 @@ function MaterialCompleted({ record, expanded, onToggle }: { record: CompletedIn
                     </div>
                     <span className={cn('shrink-0 text-[10px]', barColor.replace('bg-', 'text-'))}>{pct}%</span>
                   </div>
-                  {m.url && (
-                    <a href={m.url} target="_blank" rel="noopener noreferrer"
+                  {m.recUuid && (
+                    <button type="button"
+                       onClick={() => window.open(buildIntranetSourceUrl(m.recUuid), '_blank', 'noopener,noreferrer')}
                        className="shrink-0 text-primary hover:underline inline-flex items-center gap-0.5">
                       原文 <ExternalLink className="size-2.5" />
-                    </a>
+                    </button>
                   )}
                 </div>
               </div>

frontend-web/src/open-canvas/components/ai-writing/MaterialItem.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { ChevronRight, ChevronDown, ExternalLink } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import { buildIntranetSourceUrl } from '@/core/config';
 import type { AIMaterial } from '../../types/ai-writing';
 
 interface MaterialItemProps {
@@ -88,16 +89,17 @@ export function MaterialItem({ material, checked, onToggle }: MaterialItemProps)
             {material.content.slice(0, 300)}
             {material.content.length > 300 && '…'}
           </p>
-          {material.url && (
-            <a
-              href={material.url}
-              target="_blank"
-              rel="noopener noreferrer"
+          {material.recUuid && (
+            <button
+              type="button"
+              onClick={() =>
+                window.open(buildIntranetSourceUrl(material.recUuid), '_blank', 'noopener,noreferrer')
+              }
               className="inline-flex items-center gap-1 text-primary hover:underline"
             >
               查看原文
               <ExternalLink className="size-2.5" />
-            </a>
+            </button>
           )}
         </div>
       )}

frontend-web/src/open-canvas/components/ai-writing/TimelineStep.tsx

@@ -1,8 +1,8 @@
-import { CheckCircle2, Circle, Loader2, PauseCircle } from 'lucide-react';
+import { AlertCircle, AlertTriangle, CheckCircle2, Circle, Loader2, PauseCircle } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import type { ProgressEvent } from '../../types/ai-writing';
 
-type StepStatus = 'done' | 'running' | 'paused' | 'waiting';
+type StepStatus = 'done' | 'running' | 'paused' | 'waiting' | 'error' | 'warning';
 
 interface TimelineStepProps {
   event: ProgressEvent;
@@ -11,6 +11,8 @@ interface TimelineStepProps {
 }
 
 function statusOf(event: ProgressEvent, isLast: boolean): StepStatus {
+  if (event.type === 'error') return 'error';
+  if (event.type === 'notice') return 'warning';
   if (event.type === 'await_user') return 'paused';
   // step_start 只有在列表末尾（后续事件还未到达）时才显示转圈，否则已有后续事件说明该步骤已完成
   if (event.type === 'step_start') return isLast ? 'running' : 'done';
@@ -26,6 +28,9 @@ const AGENT_COLOR: Record<string, string> = {
 
 export function TimelineStep({ event, isLast, children }: TimelineStepProps) {
   const status = statusOf(event, isLast ?? true);
+  // notice=非致命告警（如 ES 波动、模型兜底），error=致命错误，两者都展示「标题 + 真实原因」
+  const isAlert = event.type === 'error' || event.type === 'notice';
+  const isError = event.type === 'error';
 
   return (
     <div className="flex gap-3">
@@ -37,19 +42,46 @@ export function TimelineStep({ event, isLast, children }: TimelineStepProps) {
 
       {/* 内容 */}
       <div className={cn('pb-4 flex-1 min-w-0', isLast && 'pb-0')}>
-        <div className="flex items-center gap-1.5 mb-0.5">
-          {event.agentName && (
-            <span
+        {event.agentName && (
+          <span
+            className={cn(
+              'text-xs font-semibold',
+              AGENT_COLOR[event.agentName] ?? 'text-muted-foreground',
+            )}
+          >
+            {event.agentName}
+          </span>
+        )}
+
+        {isAlert ? (
+          <div
+            className={cn(
+              'mt-1 rounded-md border px-2.5 py-1.5',
+              isError
+                ? 'border-red-200 bg-red-50/60 dark:border-red-900/40 dark:bg-red-950/20'
+                : 'border-amber-200 bg-amber-50/60 dark:border-amber-900/40 dark:bg-amber-950/20',
+            )}
+          >
+            <p
               className={cn(
-                'text-xs font-semibold',
-                AGENT_COLOR[event.agentName] ?? 'text-muted-foreground',
+                'text-xs font-medium',
+                isError
+                  ? 'text-red-600 dark:text-red-400'
+                  : 'text-amber-600 dark:text-amber-500',
               )}
             >
-              {event.agentName}
-            </span>
-          )}
-          <span className="text-xs text-muted-foreground">{event.message}</span>
-        </div>
+              {event.title || event.message || (isError ? '出错了' : '提示')}
+            </p>
+            {event.detail && (
+              <p className="mt-0.5 text-[11px] leading-relaxed text-muted-foreground break-words">
+                {event.detail}
+              </p>
+            )}
+          </div>
+        ) : (
+          <span className="ml-1.5 text-xs text-muted-foreground">{event.message}</span>
+        )}
+
         {children}
       </div>
     </div>
@@ -64,6 +96,10 @@ function StatusIcon({ status }: { status: StepStatus }) {
       return <Loader2 className="size-4 text-blue-500 shrink-0 mt-0.5 animate-spin" />;
     case 'paused':
       return <PauseCircle className="size-4 text-yellow-500 shrink-0 mt-0.5" />;
+    case 'error':
+      return <AlertCircle className="size-4 text-red-500 shrink-0 mt-0.5" />;
+    case 'warning':
+      return <AlertTriangle className="size-4 text-amber-500 shrink-0 mt-0.5" />;
     default:
       return <Circle className="size-4 text-muted-foreground/40 shrink-0 mt-0.5" />;
   }

frontend-web/src/open-canvas/hooks/useAIWriting.ts

@@ -223,8 +223,17 @@ export function useAIWriting() {
           case 'done':
             return { ...base, status: 'done', currentPause: null };
 
-          case 'error':
-            return { ...base, status: 'error', error: event.message ?? '未知错误' };
+          case 'error': {
+            // error 事件携带 title（如「模型错误」）+ detail（真实原因），拼成底部状态栏文案
+            const msg = event.detail
+              ? `${event.title ?? '出错了'}：${event.detail}`
+              : (event.message ?? '未知错误');
+            return { ...base, status: 'error', error: msg };
+          }
+
+          // notice：非致命告警（ES 波动 / 模型兜底），仅追加到时间线，不改变写作状态
+          case 'notice':
+            return base;
 
           default:
             return base;

frontend-web/src/open-canvas/types/ai-writing.ts

@@ -78,6 +78,7 @@ export type ProgressEventType =
   | 'review_ready'
   | 'await_user'
   | 'resumed'
+  | 'notice'
   | 'done'
   | 'error';
 
@@ -86,6 +87,9 @@ export interface ProgressEvent {
   sessionId: string;
   agentName?: string;
   message: string;
+  // notice（非致命告警）/ error：标题 + 真实原因
+  title?: string;
+  detail?: string;
   // materials_ready
   materials?: AIMaterial[];
   keywords?: string[];