update:文件后缀、icon添加

frontend/app/features/platform/DataResourceUploadModal.tsx

@@ -7,6 +7,7 @@ import {
   dialogSecondaryButtonClass,
 } from "~/components/common/AppFormDialog";
 import { Button } from "~/components/ui/button";
+import { fileVisualFromName } from "./WorkspaceTree";
 import {
   formFieldClass,
   formHintClass,
@@ -52,6 +53,8 @@ export function DataResourceUploadModal({
   const finalPath = finalTarget
     ? `${finalTarget}/${file?.name ?? ""}`
     : file?.name ?? "";
+  const fileVisual = fileVisualFromName(file?.name ?? resourceName);
+  const FileIcon = fileVisual.Icon;
 
   return (
     <AppFormDialog
@@ -65,8 +68,13 @@ export function DataResourceUploadModal({
       <form className={modalFormClass} onSubmit={onSubmit}>
         <label className={formFieldClass}>
           <span>已选文件</span>
-          <div className="font-normal text-[#283a4e]">
-            {file ? file.name : "未选择文件"}
+          <div className="flex items-center gap-2.5 font-normal text-[#283a4e]">
+            <span
+              className={`grid size-[25px] shrink-0 place-items-center rounded-[5px] ${fileVisual.tone}`}
+            >
+              <FileIcon size={17} />
+            </span>
+            <span className="min-w-0 truncate">{file ? file.name : "未选择文件"}</span>
           </div>
         </label>
         <label className={formFieldClass}>
@@ -75,7 +83,7 @@ export function DataResourceUploadModal({
             className={formInputClass}
             autoFocus
             maxLength={255}
-            placeholder="例如：训练数据"
+            placeholder="例如：训练数据.csv"
             value={resourceName}
             onChange={(event) => onNameChange(event.target.value)}
             required