fix ui bugs (#51)

* fix: adjust upload step handling and improve error display in configuration step

Author: chenghh-9609

frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx

@@ -47,7 +47,6 @@ export default function OperatorPluginCreate() {
   const handleFileUpload = async (files: FileList) => {
     setIsUploading(true);
     setParseError(null);
-    setUploadStep("parsing");
     try {
       const fileName = files[0].name;
       await handleUpload({
@@ -67,6 +66,7 @@ export default function OperatorPluginCreate() {
       // 解析文件过程
       const res = await uploadOperatorUsingPost({ fileName });
       setParsedInfo({ ...parsedInfo, ...res.data, fileName });
+      setUploadStep("parsing");
     } catch (err) {
       setParseError("文件解析失败，" + err.data.message);
     } finally {
@@ -92,6 +92,7 @@ export default function OperatorPluginCreate() {
     // 编辑模式，加载已有算子信息逻辑待实现
     const { data } = await queryOperatorByIdUsingGet(operatorId);
     setParsedInfo(data);
+    setUploadStep("configure");
   };
 
   useEffect(() => {

frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx

@@ -8,26 +8,28 @@ export default function ConfigureStep({
   setParsedInfo,
 }) {
   const [form] = Form.useForm();
-  
+
   useEffect(() => {
     form.setFieldsValue(parsedInfo);
   }, [parsedInfo]);
-  
+
   return (
     <>
       {/* 解析结果 */}
       {parseError && (
-        <Alert
-          message="解析过程中发现问题"
-          description={parseError}
-          type="error"
-          showIcon
-        />
+        <div className="mb-4">
+          <Alert
+            message="解析过程中发现问题"
+            description={parseError}
+            type="error"
+            showIcon
+          />
+        </div>
       )}
 
-      {parsedInfo && (
+      {!parseError && parsedInfo && (
         <Form
-        form={form}
+          form={form}
           layout="vertical"
           initialValues={parsedInfo}
           onValuesChange={(_, allValues) => {
@@ -76,7 +78,7 @@ export default function ConfigureStep({
             </div>
           </div>
 
-          <h3 className="text-lg font-semibold text-gray-900 mt-8">高级配置</h3>
+          {/* <h3 className="text-lg font-semibold text-gray-900 mt-8">高级配置</h3> */}
         </Form>
       )}
     </>

frontend/src/pages/OperatorMarket/Home/components/List.tsx

@@ -97,8 +97,8 @@ export function ListView({ operators = [], pagination, operations }) {
         >
           <List.Item.Meta
             avatar={
-              <div className="w-12 h-12 bg-gradient-to-br from-blue-100 to-blue-200 rounded-lg flex items-center justify-center">
-                {operator?.icon}
+              <div className="w-12 h-12 bg-gradient-to-br from-sky-300 to-blue-500 rounded-lg flex items-center justify-center">
+                <div className="w-8 h-8 text-white">{operator?.icon}</div>
               </div>
             }
             title={