feat: 素材处理管线——自动处理、审核流程、6状态机

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

@@ -1,6 +1,6 @@
 import { Card, Descriptions, Tag, Typography } from "antd";
 
-import type { Material } from "../types";
+import type { Material, MaterialStatus, MaterialType } from "../types";
 
 import { formatRelativeTime } from "../../../shared/utils/time";
 
@@ -8,24 +8,46 @@ interface MaterialContentProps {
   material: Material;
 }
 
-const STATUS_MAP: Record<string, { color: string; label: string }> = {
+const STATUS_MAP: Record<MaterialStatus, { color: string; label: string }> = {
   approved: { color: "green", label: "已通过" },
   discarded: { color: "red", label: "已放弃" },
-  pending: { color: "gold", label: "待审核" },
+  failed: { color: "magenta", label: "失败" },
+  pending: { color: "gold", label: "待处理" },
+  processing: { color: "blue", label: "处理中" },
+  review: { color: "orange", label: "待审核" },
+};
+
+const MATERIAL_TYPE_LABELS: Record<MaterialType, string> = {
+  general: "通用",
+  meeting: "会议",
 };
 
 export function MaterialContent({ material }: MaterialContentProps) {
   const statusInfo = STATUS_MAP[material.status] ?? { color: "default", label: material.status };
+  const typeLabel = MATERIAL_TYPE_LABELS[material.materialType] ?? material.materialType;
 
   return (
     <div className="app-inbox-content">
       <Typography.Title level={4}>素材详情</Typography.Title>
       <Card>
         <Typography.Paragraph>{material.description}</Typography.Paragraph>
+        {material.processedContent && (
+          <Typography.Paragraph
+            style={{
+              background: "var(--ant-color-fill-quaternary)",
+              padding: 12,
+              borderRadius: 6,
+              whiteSpace: "pre-wrap",
+            }}
+          >
+            {material.processedContent}
+          </Typography.Paragraph>
+        )}
         <Descriptions column={1} size="small">
           <Descriptions.Item label="状态">
             <Tag color={statusInfo.color}>{statusInfo.label}</Tag>
           </Descriptions.Item>
+          <Descriptions.Item label="素材类型">{typeLabel}</Descriptions.Item>
           <Descriptions.Item label="关联时间">{material.associatedDate}</Descriptions.Item>
           <Descriptions.Item label="创建时间">{formatRelativeTime(material.createdAt)}</Descriptions.Item>
         </Descriptions>