feat(inbox): 素材持久化 CRUD — 数据库表 + API + 前端接入

- 新增 materials 表（id/projectId/description/associatedDate/status/createdAt/updatedAt）
- 新增 4 个后端 API 路由（list/create/get/delete）+ 13 个测试
- 新增 use-materials hooks（TanStack Query）
- 收集箱页面重构为三层架构（InboxPage + MaterialSidebar + MaterialDetailPanel）
- MaterialCard: Popconfirm 删除确认 + 粗粒度时间格式
- MaterialContent: 展示状态标签 + createdAt
- 更新开发文档 backend.md / frontend.md

src/web/features/inbox/components/AddMaterialModal.tsx

@@ -1,11 +1,11 @@
 import { App as AntApp, DatePicker, Form, Input, Modal } from "antd";
 import dayjs from "dayjs";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 
-import type { Material } from "../types";
+import type { CreateMaterialRequest, Material } from "../types";
 
 interface AddMaterialModalProps {
-  onAdd: (material: Material) => void;
+  onAdd: (body: CreateMaterialRequest) => Promise<Material>;
   onOpenChange: (open: boolean) => void;
   open: boolean;
 }
@@ -18,26 +18,34 @@ interface FormValues {
 export function AddMaterialModal({ onAdd, onOpenChange, open }: AddMaterialModalProps) {
   const { message } = AntApp.useApp();
   const [form] = Form.useForm<FormValues>();
+  const [submitting, setSubmitting] = useState(false);
 
   useEffect(() => {
     if (!open) return;
     form.resetFields();
   }, [form, open]);
 
-  const handleFinish = (values: FormValues) => {
-    const material: Material = {
+  const handleFinish = async (values: FormValues) => {
+    const body: CreateMaterialRequest = {
       associatedDate: values.associatedDate.format("YYYY-MM-DD"),
-      createdAt: new Date().toISOString(),
       description: values.description,
-      id: crypto.randomUUID(),
     };
-    onAdd(material);
-    message.success("素材已添加");
-    onOpenChange(false);
+
+    setSubmitting(true);
+    try {
+      await onAdd(body);
+      message.success("素材已添加");
+      onOpenChange(false);
+    } catch (e: unknown) {
+      message.error(`添加失败：${e instanceof Error ? e.message : "未知错误"}`);
+    } finally {
+      setSubmitting(false);
+    }
   };
 
   return (
     <Modal
+      confirmLoading={submitting}
       destroyOnHidden
       okText="确定"
       onCancel={() => onOpenChange(false)}