refactor(agent): 重构智能体页面布局和样式

-调整了智能体卡片的布局结构，优化了标题和描述的显示方式
- 改进了历史对话的展示样式，增加了滚动指示器
- 统一了标签和图标的样式，提升了视觉一致性
- 优化了搜索框和卡片列表的样式，提高了用户体验

src/views/agent/work-flow/components/DynamicForm.vue

@@ -17,12 +17,20 @@
         />
         <a-textarea
           v-if="field.type === 'textarea'"
-          style="width: 500px; height: 200px;"
+          style="width: 500px; height: 200px"
           v-model="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <ImageUpload v-if="field.type == 'upload_image'" v-model="formData[field.props.name]" :limit="field.props.limit"></ImageUpload>
-        <FileUpload v-if="field.type == 'upload_file'" v-model="formData[field.props.name]" :limit="field.props.limit"></FileUpload>
+        <ImageUpload
+          v-if="field.type == 'upload_image'"
+          v-model="formData[field.props.name]"
+          :limit="field.props.limit"
+        ></ImageUpload>
+        <FileUpload
+          v-if="field.type == 'upload_file'"
+          v-model="formData[field.props.name]"
+          :limit="field.props.limit"
+        ></FileUpload>
         <a-select
           v-else-if="field.type === 'select'"
           v-model="formData[field.props.name]"
@@ -32,10 +40,9 @@
             {{ option.label }}
           </a-option>
         </a-select>
-
       </a-form-item>
     </a-form>
-    <a-button type="primary" :disabled="loading" @click="handleSubmit">提交执行</a-button>
+    <a-button class="submit-btn" type="primary" :disabled="loading" @click="handleSubmit">提交执行</a-button>
   </div>
 </template>
 <script setup>
@@ -72,7 +79,8 @@ const handleSubmit = async () => {
   padding: 24px;
   border: 1px solid #d7d7d9; /* 添加灰色边框 */
   background: var(--BG-White, white);
-  height:70vh;
+  height: 70vh;
+
   :deep(.arco-input-wrapper),
   :deep(.arco-textarea-wrapper) {
     border-radius: 4px;
@@ -92,5 +100,10 @@ const handleSubmit = async () => {
       height: 60px;
     }
   }
+
+  .submit-btn {
+    display: block;
+    margin: 0 auto;
+  }
 }
 </style>