@allbluecn/web-app 0.19.2 → 0.19.4

package/src/components/design/editor/collaboration/design-agent-panel.tsx

@@ -51,6 +51,7 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu"
+import { Button } from "@/components/ui/button"
 import { AgentInput, type ModelOption } from "./agent-input"
 
 // ===== FS-8.3 流式生成（SSE /api/design/prototype）=====
@@ -232,10 +233,20 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
   const [models, setModels] = useState<ModelOption[]>([])
   const [conversations, setConversations] = useState<ConversationItem[]>([])
   const [conversationId, setConversationId] = useState<string | null>(null)
+  // 当前会话 id 的同步镜像：流式收尾（finishWith）据此判断「UI 消息应落入哪个
+  // 会话视图」——用户已切换会话时跳过 UI 追加（DB 落库仍用正确 convId）
+  const conversationIdRef = useRef<string | null>(null)
+  const updateConversationId = useCallback((id: string | null) => {
+    conversationIdRef.current = id
+    setConversationId(id)
+  }, [])
   const scrollRef = useRef<HTMLDivElement>(null)
   // 流式会话 abort：停止按钮 / 超时 / 卸载 / 切换会话共用同一路径
   const abortRef = useRef<AbortController | null>(null)
   const abortReasonRef = useRef<AbortReason>("user")
+  // handleSend 双发去重哨兵：创建会话的 await 窗口内 loading/streaming 仍为
+  // false，第二次 Enter 可穿过全部守卫重复建会话 + 并发双流
+  const sendingRef = useRef(false)
   // FS-8.3 流式消费需要画布引擎（逐批落画布）与当前选中（目标画板）
   const canvasEngine = useCanvasEngineOptional()
   const selection = useSelection()
@@ -265,13 +276,13 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
   // 会话列表变化时，默认选中最新（第一个）会话；无会话则 conversationId=null（空状态）
   useEffect(() => {
     if (conversations.length > 0 && !conversationId) {
-      setConversationId(conversations[0].id)
+      updateConversationId(conversations[0].id)
     }
     if (conversations.length === 0 && conversationId) {
-      setConversationId(null)
+      updateConversationId(null)
       setMessages([])
     }
-  }, [conversations])
+  }, [conversations, conversationId, updateConversationId])
 
   // 切换会话时加载消息；流式进行中切换走同一 abort 路径（保留已生成内容）
   useEffect(() => {
@@ -284,11 +295,11 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
     getAgentMessagesFn({ data: { conversationId } })
       .then((msgs: unknown[]) => {
         setMessages(
-          (msgs as Array<{ id: string; role: string; content: string; isError: boolean }>).map((m) => ({
-            id: m.id,
-            role: m.role as "user" | "assistant",
-            content: m.content,
-            isError: m.isError,
+          (msgs as Array<{ id: string; role: string; content: string; isError: boolean }>).map((msg) => ({
+            id: msg.id,
+            role: msg.role as "user" | "assistant",
+            content: msg.content,
+            isError: msg.isError,
           })),
         )
       })
@@ -309,12 +320,18 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
     }
   }, [messages])
 
+  // 模型列表一次拉取：selectedModel/onModelChange 经 ref 读取最新值，
+  // 避免 effect 闭包陈旧（deps [] 读到挂载初值）
+  const selectedModelRef = useRef(selectedModel)
+  selectedModelRef.current = selectedModel
+  const onModelChangeRef = useRef(onModelChange)
+  onModelChangeRef.current = onModelChange
   useEffect(() => {
     listEnabledModelsFn()
       .then((data: ModelOption[]) => {
         const typed = data as ModelOption[]
         setModels(typed)
-        if (typed.length > 0 && !selectedModel) onModelChange(typed[0].model)
+        if (typed.length > 0 && !selectedModelRef.current) onModelChangeRef.current(typed[0].model)
       })
       .catch(() => {})
   }, [])
@@ -332,9 +349,10 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
     const generatingFrameIds = new Set<string>()
     const accumulated: SceneNode[] = []
     let replacedCount = 0
-    const mapBatch = createBatchMapper(new Set(engine.getDoc().nodes.map((node) => node.id)))
-
+    // 引擎 doc 快照取一次复用（id 集合与上下文推导同源）
     const doc = engine.getDoc()
+    const mapBatch = createBatchMapper(new Set(doc.nodes.map((node) => node.id)))
+
     // FS-8.4 regenerate：选中元素 → 选中子树 + 父画板上下文；
     // FS-8.1 generate：单选 frame → 在其内生成（不新建 frame）
     const regenerate = regenSelection.length > 0
@@ -403,6 +421,9 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
               nodes?: SceneNode[]
               removeIds?: unknown
               message?: unknown
+              /** canvas/done 状态码（服务端协议化：completed / interrupted） */
+              status?: unknown
+              reason?: unknown
             }
           | undefined
         switch (chunk.name) {
@@ -445,8 +466,17 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
           }
           case "canvas/done": {
             sawDone = true
-            doneMessage =
+            // 服务端只下发状态码（completed / interrupted + 技术原因），用户文案在此渲染
+            const llmSummary =
               typeof value?.message === "string" && value.message ? value.message : null
+            if (llmSummary) {
+              doneMessage = llmSummary
+            } else if (value?.status === "interrupted") {
+              const reason = typeof value?.reason === "string" && value.reason ? value.reason : "unknown"
+              doneMessage = m.canvas_ai_interrupted({ reason })
+            } else {
+              doneMessage = m.canvas_ai_doneFallback()
+            }
             break
           }
           default:
@@ -476,10 +506,14 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
     setStreaming(false)
 
     const finishWith = async (content: string, isError?: boolean) => {
-      setMessages((prev) => [
-        ...prev,
-        { id: `a_${Date.now()}`, role: "assistant", content, isError },
-      ])
+      // 用户已切换到其他会话：DB 落库仍用正确 convId，但 UI 消息不追加到
+      // 当前视图的消息列表尾部（避免跨会话串消息）
+      if (conversationIdRef.current === convId) {
+        setMessages((prev) => [
+          ...prev,
+          { id: `a_${Date.now()}`, role: "assistant", content, isError },
+        ])
+      }
       await saveAgentMessageFn({
         data: {
           conversationId: convId,
@@ -525,8 +559,18 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
 
   const handleSend = async () => {
     const trimmed = input.trim()
-    if (!trimmed || loading || streaming) return
+    if (!trimmed || loading || streaming || sendingRef.current) return
+    // 创建会话的 await 窗口内 loading/streaming 仍为 false——ref 哨兵先落位，
+    // 阻断第二次 Enter 重复建会话 + 并发双流
+    sendingRef.current = true
+    try {
+      await sendAfterGuard(trimmed)
+    } finally {
+      sendingRef.current = false
+    }
+  }
 
+  const sendAfterGuard = async (trimmed: string) => {
     // 确保 conversationId 存在
     let convId = conversationId
     if (!convId) {
@@ -535,7 +579,7 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
           data: { designId, title: trimmed.slice(0, 20) },
         })
         convId = (conv as { id: string }).id
-        setConversationId(convId)
+        updateConversationId(convId)
         refreshConversations()
       } catch (err) {
         const errMsg = err instanceof Error ? err.message : m.agent_createFailed()
@@ -618,7 +662,15 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
       {/* 会话选择器 */}
       <div className="shrink-0 flex items-center gap-1 px-2 py-1.5 border-b">
         <DropdownMenu>
-          <DropdownMenuTrigger render={<button className="flex flex-1 items-center gap-1 rounded-md px-1.5 py-1 text-xs text-muted-foreground hover:bg-muted min-w-0" />}>
+          <DropdownMenuTrigger
+            render={
+              <Button
+                type="button"
+                variant="ghost"
+                className="flex flex-1 items-center gap-1 rounded-md px-1.5 py-1 font-normal text-xs text-muted-foreground hover:bg-muted min-w-0"
+              />
+            }
+          >
               <MessageSquare className="size-3 shrink-0" />
               <span className="truncate">
                 {conversationId
@@ -636,22 +688,30 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
                     <DropdownMenuItem
                       key={conv.id}
                       className="group/item flex items-center justify-between rounded text-xs"
-                      onClick={() => setConversationId(conv.id)}
+                      onClick={() => updateConversationId(conv.id)}
                     >
                       <span className="truncate">{conv.title}</span>
-                      <button
+                      <Button
                         type="button"
+                        variant="ghost"
+                        size="icon-xs"
+                        aria-label={m.agent_deleteConv()}
                         className="ml-1 shrink-0 rounded p-0.5 opacity-0 group-hover/item:opacity-100 hover:bg-destructive/10 hover:text-destructive"
                         onClick={(e) => {
                           e.stopPropagation()
-                          deleteAgentConversationFn({ data: { id: conv.id } }).then(() => {
-                            if (conversationId === conv.id) setConversationId(null)
-                            refreshConversations()
-                          })
+                          deleteAgentConversationFn({ data: { id: conv.id } })
+                            .then(() => {
+                              if (conversationIdRef.current === conv.id) updateConversationId(null)
+                              refreshConversations()
+                            })
+                            .catch((err: unknown) => {
+                              const errMsg = err instanceof Error ? err.message : undefined
+                              toast.error(m.agent_deleteConvFailed(), { description: errMsg })
+                            })
                         }}
                       >
                         <Trash2 className="size-3" />
-                      </button>
+                      </Button>
                     </DropdownMenuItem>
                   ))}
                 </DropdownMenuGroup>
@@ -664,7 +724,7 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
             <DropdownMenuItem
               className="rounded text-xs text-muted-foreground"
               onClick={() => {
-                setConversationId(null)
+                updateConversationId(null)
                 setMessages([])
               }}
             >
@@ -674,11 +734,16 @@ export function DesignAgentPanel({ designId, onSceneGenerated, selectedModel, on
               <DropdownMenuItem
                 className="rounded text-xs text-destructive"
                 onClick={() => {
-                  clearAgentConversationsFn({ data: { designId } }).then(() => {
-                    setConversationId(null)
-                    setMessages([])
-                    refreshConversations()
-                  })
+                  clearAgentConversationsFn({ data: { designId } })
+                    .then(() => {
+                      updateConversationId(null)
+                      setMessages([])
+                      refreshConversations()
+                    })
+                    .catch((err: unknown) => {
+                      const errMsg = err instanceof Error ? err.message : undefined
+                      toast.error(m.agent_clearConvFailed(), { description: errMsg })
+                    })
                 }}
               >
                 <Trash2 className="size-3" /> {m.agent_clearAll()}

package/src/components/design/editor/collaboration/design-comment-review-panel.tsx

@@ -26,7 +26,7 @@ import { useSession } from "@/components/shared-kit/auth/auth-client";
 import { maskEmail, formatTime, formatEditedTime } from "@/lib/comment-utils";
 import { UserAvatar } from "@/components/shared-kit";
 import type { AvatarConfig } from "@allbluecn/kernel";
-import { listCommentsFn, ignoreCommentFn } from "@/server/serverFns/design/comments";
+import { listCommentsFn, ignoreCommentFn, resolveCommentFn } from "@/server/serverFns/design/comments";
 import { m } from "@/paraglide/messages.js";
 
 const SUBTABS = [
@@ -37,7 +37,7 @@ const SUBTABS = [
 interface CommentUser {
   id: string;
   username: string;
-  email: string;
+  email: string | null;
   avatarConfig?: AvatarConfig | null;
   bgShape?: string | null;
   bgColor?: string | null;
@@ -48,9 +48,37 @@ interface Comment {
   content: string;
   createdAt: string;
   updatedAt: string;
+  /** 已采纳/已忽略（DB 同为 resolved 标记，UI 以 ignoredIds 区分展示态） */
+  resolved?: boolean;
   user: CommentUser;
 }
 
+/** serverFn 返回 DTO（类型静态推导，替代 (c: any) 绕过检查） */
+type CommentDto = Awaited<ReturnType<typeof listCommentsFn>>[number];
+
+/** DTO → 面板模型：Date 序列化为 ISO 字符串，avatarConfig 从 Prisma Json 收窄 */
+function toComment(c: CommentDto): Comment {
+  return {
+    ...c,
+    createdAt: c.createdAt.toISOString(),
+    updatedAt: c.updatedAt.toISOString(),
+    user: {
+      id: c.user.id,
+      username: c.user.username,
+      email: c.user.email,
+      // SAFETY: avatarConfig 存 Prisma Json，运行时形状为 AvatarConfig（写入侧保证），
+      // 类型系统无法从 JsonValue 收窄
+      avatarConfig: c.user.avatarConfig as AvatarConfig | null,
+      bgShape: c.user.bgShape,
+      bgColor: c.user.bgColor,
+    },
+  };
+}
+
+/** 「已编辑」判定：updatedAt 与 createdAt 相差 > 1s（1s 内的更新视为同版本，
+ *  过滤保存流程触发的同刻更新） */
+const EDITED_DIFF_MS = 1000;
+
 interface DesignCommentReviewPanelProps {
   designId: string;
 }
@@ -65,17 +93,22 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
   useEffect(() => {
     if (!session?.user?.id) {
       listCommentsFn({ data: { designId } })
-        .then((all: Awaited<ReturnType<typeof listCommentsFn>>) => setComments(all.map((c: any) => ({ ...c, createdAt: c.createdAt.toISOString(), updatedAt: c.updatedAt?.toISOString() ?? '', user: { ...c.user, avatarConfig: c.user.avatarConfig as AvatarConfig | null, bgShape: c.user.bgShape, bgColor: c.user.bgColor } }))))
-        .catch(() => {});
+        .then((all: Awaited<ReturnType<typeof listCommentsFn>>) => setComments(all.map(toComment)))
+        .catch(() => {
+          // 加载失败给反馈：面板静默空白会让用户误以为没有评论
+          toast.error(m.comment_loadFailed());
+        });
       return;
     }
     listCommentsFn({ data: { designId, includeResolved: true } })
       .then((all: Awaited<ReturnType<typeof listCommentsFn>>) => {
-        const mapped = all.map((c: any) => ({ ...c, createdAt: c.createdAt.toISOString(), updatedAt: c.updatedAt?.toISOString() ?? '', user: { ...c.user, avatarConfig: c.user.avatarConfig as AvatarConfig | null, bgShape: c.user.bgShape, bgColor: c.user.bgColor } }));
-        setComments(mapped.filter((c: any) => !c.resolved));
-        setIgnoredIds(new Set(mapped.filter((c: any) => c.resolved).map((c: any) => c.id)));
+        const mapped = all.map(toComment);
+        setComments(mapped.filter((c) => !c.resolved));
+        setIgnoredIds(new Set(mapped.filter((c) => c.resolved).map((c) => c.id)));
       })
-      .catch(() => {});
+      .catch(() => {
+        toast.error(m.comment_loadFailed());
+      });
   }, [designId, session?.user?.id]);
 
   const toggleIgnore = async (id: string) => {
@@ -92,14 +125,33 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
       return next;
     });
     try {
-      await ignoreCommentFn({ data: { id } });
-    } catch {
+      // 忽略/取消忽略都映射到 resolved 标记：取消忽略若仍调 ignoreCommentFn
+      //（恒 resolved=true），UI 取消但服务端仍为已处理，刷新后状态回跳
+      if (willIgnore) await ignoreCommentFn({ data: { id } });
+      else await resolveCommentFn({ data: { id, resolved: false } });
+    } catch (err) {
       setIgnoredIds((prev) => {
         const next = new Set(prev);
         if (willIgnore) next.delete(id);
         else next.add(id);
         return next;
       });
+      toast.error(m.comment_loadFailed(), {
+        description: err instanceof Error ? err.message : undefined,
+      });
+    }
+  };
+
+  /** 采纳评论：落库 resolved 标记（此前仅弹成功 toast，无任何状态变更） */
+  const acceptComment = async (id: string) => {
+    try {
+      await resolveCommentFn({ data: { id, resolved: true } });
+      setIgnoredIds((prev) => new Set(prev).add(id));
+      toast.success(m.comment_accepted());
+    } catch (err) {
+      toast.error(m.comment_acceptFailed(), {
+        description: err instanceof Error ? err.message : undefined,
+      });
     }
   };
 
@@ -118,11 +170,14 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
     <div className="flex flex-col h-full">
       <div className="shrink-0 flex items-center h-10 mt-2 ">
         {SUBTABS.map((tab) => (
-          <button
+          <Button
             key={tab.key}
+            type="button"
+            variant="ghost"
+            aria-pressed={activeSubTab === tab.key}
             onClick={() => setActiveSubTab(tab.key)}
             className={cn(
-              "flex-1 flex items-center justify-center h-full transition-colors",
+              "flex-1 h-full rounded-none px-0 font-medium transition-colors",
               activeSubTab === tab.key
                 ? "text-foreground"
                 : "text-muted-foreground hover:text-foreground"
@@ -139,7 +194,7 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
                 </Tooltip>
               )}
             </span>
-          </button>
+          </Button>
         ))}
       </div>
 
@@ -152,7 +207,7 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
             <div className="space-y-3">
               {comments.map((c) => {
                 const editedDiffMs = new Date(c.updatedAt).getTime() - new Date(c.createdAt).getTime();
-                const isEdited = editedDiffMs > 1000;
+                const isEdited = editedDiffMs > EDITED_DIFF_MS;
                 const isIgnored = ignoredIds.has(c.id);
                 const isExpanded = expandedIds.has(c.id);
                 return (
@@ -165,14 +220,19 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
                       className="size-7"
                     />
                     {isIgnored && !isExpanded ? (
-                      <button onClick={() => toggleExpand(c.id)} className="flex-1 min-w-0 flex items-center gap-1.5 text-left cursor-pointer hover:bg-muted/30 rounded px-1 -mx-1 py-0.5 transition-colors">
+                      <Button
+                        type="button"
+                        variant="ghost"
+                        onClick={() => toggleExpand(c.id)}
+                        className="flex-1 min-w-0 h-auto justify-start gap-1.5 text-left font-normal hover:bg-muted/30 rounded px-1 -mx-1 py-0.5 transition-colors"
+                      >
                         <span className="text-sm font-medium">{c.user.username}</span>
                         <span className="text-[10px] text-muted-foreground">{maskEmail(c.user.email)}</span>
                         <Badge variant="outline" className="text-[9px] h-3.5 px-1 leading-none font-normal text-muted-foreground">{m.prd_comment_ignored()}</Badge>
                         <span className="text-[10px] text-muted-foreground ml-auto">
                           {isEdited ? formatEditedTime(c.updatedAt) : formatTime(c.createdAt)}
                         </span>
-                      </button>
+                      </Button>
                     ) : (
                       <div className="flex-1 min-w-0 space-y-0.5">
                         <div className="flex items-center gap-1.5 flex-wrap">
@@ -190,7 +250,7 @@ export function DesignCommentReviewPanel({ designId }: DesignCommentReviewPanelP
                         <span className="text-[10px] text-muted-foreground block">{maskEmail(c.user.email)}</span>
                         <p className=" break-words">{c.content}</p>
                         <div className="flex items-center gap-1 pt-0.5">
-                          <Button variant="ghost" size="sm" className="h-5 text-[10px] px-1.5 gap-0.5 text-muted-foreground hover:text-green-600 disabled:opacity-40" disabled={isIgnored} onClick={() => toast.success(m.comment_accepted())}>
+                          <Button variant="ghost" size="sm" className="h-5 text-[10px] px-1.5 gap-0.5 text-muted-foreground hover:text-green-600 disabled:opacity-40" disabled={isIgnored} onClick={() => acceptComment(c.id)}>
                             <Check className="size-2.5" />
                             {m.comment_accept()}
                           </Button>

package/src/components/design/editor/dashboard/create-design-dialog.tsx

@@ -67,14 +67,23 @@ export function CreateDesignDialog({ open, onOpenChange, onSuccess }: CreateDesi
       onOpenChange(false);
       onSuccess?.();
       emitEvent(AppEvents.prd.created);
-      await (router as any).navigate({ to: "/design/canvas/$id", params: { id: prd.id } });
+      await router.navigate({ to: "/design/canvas/$id", params: { id: prd.id } });
     } catch (err) {
-      setError(err instanceof Error ? err.message : m.prd_dialog_createFailed());
+      console.error(err instanceof Error ? err.message : "unknown");
+      setError(m.prd_dialog_createFailed());
     } finally {
       setLoading(false);
     }
   };
 
+  // 弹窗快捷键：Enter 提交（textarea 内 Shift+Enter 换行）
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && !loading) {
+      e.preventDefault();
+      void handleSubmit();
+    }
+  };
+
   const handleOpenChange = (newOpen: boolean) => {
     if (newOpen) {
       form.setFieldValue("icon", "");
@@ -93,7 +102,7 @@ export function CreateDesignDialog({ open, onOpenChange, onSuccess }: CreateDesi
         </DialogHeader>
 
         <div className="space-y-3 overflow-y-auto px-4 py-2 max-h-[60vh]">
-          <div className="flex gap-2">
+          <div className="flex gap-2" onKeyDown={handleKeyDown}>
             <form.Field name="icon" children={(field) => {
               const IconPicker = getIconPicker();
               return IconPicker ? (
@@ -117,7 +126,7 @@ export function CreateDesignDialog({ open, onOpenChange, onSuccess }: CreateDesi
           </div>
 
           <form.Field name="description" children={(field) => (
-            <div className="notion-full-width min-h-50 max-h-150 flex flex-col overflow-y-auto border rounded-md border-border">
+            <div className="notion-full-width min-h-50 max-h-150 flex flex-col overflow-y-auto border rounded-md border-border" onKeyDown={handleKeyDown}>
               <textarea
                 value={field.value ?? ""}
                 onChange={(e) => field.handleChange(e.target.value)}

package/src/components/design/editor/dashboard/design-dashboard.tsx

@@ -26,6 +26,7 @@ import { Input } from "@/components/ui/input";
 import { GridPattern } from "@/components/shared-kit/decorative/grid-pattern";
 import { LayoutPanelTopIcon } from "@/components/shared-kit/layout/layout-panel-top";
 import { ConfirmDialog } from "@/components/confirm-dialog";
+import { toast } from "@/components/ui/toast";
 import { CreateDesignDialog } from "./create-design-dialog";
 import { ICON_MAP, type Design } from "@allbluecn/kernel";
 import { listDesignsFn, deleteDesignFn } from "@/server/serverFns/design/designs";
@@ -48,7 +49,7 @@ interface DesignItem extends Design {
 }
 
 interface StatCard {
-  title: string;
+  title: () => string;
   value: number;
   accent: string;
 }
@@ -67,12 +68,6 @@ function formatRelative(dateStr: string, timezone: string): string {
   return formatDate(date, timezone, 'yyyy-MM-dd');
 }
 
-const STAT_LABELS: Record<string, () => string> = {
-  "dashboard:dashboard.totalCount": m.dashboard_dashboard_totalCount,
-  "dashboard:dashboard.weekNew": m.dashboard_dashboard_weekNew,
-  "dashboard:dashboard.updated24h": m.dashboard_dashboard_updated24h,
-};
-
 export function DesignDashboard() {
   const [prds, setDesigns] = useState<DesignItem[]>([]);
   const [loading, setLoading] = useState(true);
@@ -118,7 +113,8 @@ export function DesignDashboard() {
       emitEvent(AppEvents.prd.deleted);
       setPendingDeleteId(null);
     } catch (error) {
-      console.error("Failed to delete PRD:", error);
+      console.error(error instanceof Error ? error.message : "unknown");
+      toast.error(m.prd_deleteFailed());
     } finally {
       setDeleting(false);
     }
@@ -140,14 +136,14 @@ export function DesignDashboard() {
     const dayAgo = new Date();
     dayAgo.setDate(dayAgo.getDate() - 1);
     return [
-      { title: "dashboard:dashboard.totalCount", value: prds.length, accent: "text-foreground" },
+      { title: m.dashboard_dashboard_totalCount, value: prds.length, accent: "text-foreground" },
       {
-        title: "dashboard:dashboard.weekNew",
+        title: m.dashboard_dashboard_weekNew,
         value: prds.filter((p) => new Date(p.createdAt) >= weekAgo).length,
         accent: "text-emerald-600 dark:text-emerald-400",
       },
       {
-        title: "dashboard:dashboard.updated24h",
+        title: m.dashboard_dashboard_updated24h,
         value: prds.filter((p) => new Date(p.updatedAt) >= dayAgo).length,
         accent: "text-sky-600 dark:text-sky-400",
       },
@@ -195,9 +191,9 @@ export function DesignDashboard() {
         </div>
 
         <div className="grid gap-4 sm:grid-cols-3">
-          {stats.map((stat) => (
-            <Card key={stat.title} className="p-5">
-              <p className="text-sm font-medium text-muted-foreground">{STAT_LABELS[stat.title]?.() ?? stat.title}</p>
+          {stats.map((stat, i) => (
+            <Card key={i} className="p-5">
+              <p className="text-sm font-medium text-muted-foreground">{stat.title()}</p>
               <div className={`mt-2 text-3xl font-bold ${stat.accent}`}>{stat.value}</div>
             </Card>
           ))}

package/src/components/design/editor/dashboard/schemas/create-design.ts

@@ -18,7 +18,7 @@
 import { z } from "zod";
 
 export const createDesignSchema = z.object({
-  name: z.string().min(1, "Please enter a PRD name"),
+  name: z.string().trim().min(1).max(100),
   description: z.string(),
   icon: z.string(),
 });

package/src/components/design/editor/layout/__tests__/collab-param-wiring.test.tsx

@@ -10,7 +10,7 @@
 // 未配置 WS）时两者收到 false——全短路零开销。
 
 import React, { createContext } from 'react'
-import { render, waitFor } from '@testing-library/react'
+import { act, render, waitFor } from '@testing-library/react'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 
 const envState = vi.hoisted(() => ({ enabled: true }))
@@ -142,12 +142,16 @@ describe('DesignEditorLayout collab 参数链（任务 30 装配）', () => {
   it('CanvasPresenceLayer 收到 pageLoaded 门控（canvasLoadedRef 镜像，审查 C1）', async () => {
     // loadPage 仅在 localStorage 有 lastPage 时自启（use-design-page-load）：
     // 渲染前种入 → 挂载首帧 loadPage 已发起（canvasLoadedRef=false，编辑面
-    // 门控关闭）→ loadPage 落定（mock 拒绝 → catch 分支 + canvasLoadedRef=true）
+    // 门控关闭）→ mock 拒绝 → 加载失败，保存闸门保持关闭（🟠 数据丢失防护：
+    // 失败后自动保存不得以空/旧内容写库，catch 分支不再置 canvasLoadedRef=true）
     localStorage.setItem('lastPage_design_1', 'page-1')
     render(<DesignEditorLayout prd={designFixture} />)
     expect(captured.presence[0]?.pageLoaded).toBe(false)
     await waitFor(() => {
-      expect(captured.presence.some((p) => p.pageLoaded === true)).toBe(true)
+      expect(captured.presence.length).toBeGreaterThan(1)
     })
+    // 冲刷 loadPage rejection 微任务（catch + toast 已执行）
+    await act(async () => {})
+    expect(captured.presence.some((p) => p.pageLoaded === true)).toBe(false)
   })
 })