✨ feat(models): Revamp EditModelModal UI and UX

This commit significantly refactors the `EditModelModal` component to streamline the user interface and enhance usability, aligning it with the interaction patterns found elsewhere in the application.

- **Consolidated Layout:** Merged the "Vendor Information" and "Feature Configuration" sections into a single "Basic Information" card. This simplifies the form, reduces clutter, and makes all settings accessible in one view.

- **Improved Prefill Groups:** Replaced the separate `Select` dropdowns for tag and endpoint groups with a more intuitive button-based system within the `extraText` of the `TagInput` components.

- **Additive Button Logic:** The prefill group buttons now operate in an additive mode. Users can click multiple group buttons to incrementally add tags or endpoints, with duplicates being automatically handled.

- **Clear Functionality:** Added "Clear" buttons for both tags and endpoints, allowing users to easily reset the fields.

- **Code Cleanup:** Removed the unused `endpointOptions` constant and unnecessary icon imports (`Building`, `Settings`) to keep the codebase clean.

web/src/components/table/models/ModelsActions.jsx

@@ -20,13 +20,15 @@ For commercial licensing, please contact support@quantumnous.com
 import React, { useState } from 'react';
 import MissingModelsModal from './modals/MissingModelsModal.jsx';
 import PrefillGroupManagement from './modals/PrefillGroupManagement.jsx';
-import { Button, Space, Modal } from '@douyinfe/semi-ui';
+import EditPrefillGroupModal from './modals/EditPrefillGroupModal.jsx';
+import { Button, Modal } from '@douyinfe/semi-ui';
+import { showSuccess, showError, copy } from '../../../helpers';
 import CompactModeToggle from '../../common/ui/CompactModeToggle';
-import { showError } from '../../../helpers';
 import SelectionNotification from './components/SelectionNotification.jsx';
 
 const ModelsActions = ({
   selectedKeys,
+  setSelectedKeys,
   setEditingModel,
   setShowEdit,
   batchDeleteModels,
@@ -38,13 +40,11 @@ const ModelsActions = ({
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [showMissingModal, setShowMissingModal] = useState(false);
   const [showGroupManagement, setShowGroupManagement] = useState(false);
+  const [showAddPrefill, setShowAddPrefill] = useState(false);
+  const [prefillInit, setPrefillInit] = useState({ id: undefined });
 
   // Handle delete selected models with confirmation
   const handleDeleteSelectedModels = () => {
-    if (selectedKeys.length === 0) {
-      showError(t('请至少选择一个模型！'));
-      return;
-    }
     setShowDeleteModal(true);
   };
 
@@ -54,6 +54,30 @@ const ModelsActions = ({
     setShowDeleteModal(false);
   };
 
+  // Handle clear selection
+  const handleClearSelected = () => {
+    setSelectedKeys([]);
+  };
+
+  // Handle add selected models to prefill group
+  const handleCopyNames = async () => {
+    const text = selectedKeys.map(m => m.model_name).join(',');
+    if (!text) return;
+    const ok = await copy(text);
+    if (ok) {
+      showSuccess(t('已复制模型名称'));
+    } else {
+      showError(t('复制失败'));
+    }
+  };
+
+  const handleAddToPrefill = () => {
+    // Prepare initial data
+    const items = selectedKeys.map((m) => m.model_name);
+    setPrefillInit({ id: undefined, type: 'model', items });
+    setShowAddPrefill(true);
+  };
+
   return (
     <>
       <div className="flex flex-wrap gap-2 w-full md:w-auto order-2 md:order-1">
@@ -71,7 +95,6 @@ const ModelsActions = ({
           {t('添加模型')}
         </Button>
 
-
         <Button
           type="secondary"
           className="flex-1 md:flex-initial"
@@ -101,6 +124,9 @@ const ModelsActions = ({
         selectedKeys={selectedKeys}
         t={t}
         onDelete={handleDeleteSelectedModels}
+        onAddPrefill={handleAddToPrefill}
+        onClear={handleClearSelected}
+        onCopy={handleCopyNames}
       />
 
       <Modal
@@ -130,6 +156,13 @@ const ModelsActions = ({
         visible={showGroupManagement}
         onClose={() => setShowGroupManagement(false)}
       />
+
+      <EditPrefillGroupModal
+        visible={showAddPrefill}
+        onClose={() => setShowAddPrefill(false)}
+        editingGroup={prefillInit}
+        onSuccess={() => setShowAddPrefill(false)}
+      />
     </>
   );
 };