✨ Add confirmation modal for deleting DataMate knowledge bases and update UI for delete button in KnowledgeBaseList.

Author: Zhi-a

frontend/app/[locale]/knowledges/KnowledgeBaseConfiguration.tsx

@@ -591,6 +591,22 @@ function DataConfig({ isActive }: DataConfigProps) {
   // Handle knowledge base deletion
   const handleDelete = (id: string) => {
     hasUserInteractedRef.current = true; // Mark user interaction
+
+    // Find the knowledge base to check its source
+    const kb = kbState.knowledgeBases.find((kb) => kb.id === id);
+
+    if (kb?.source === "datamate") {
+      // Show informational message for DataMate knowledge bases
+      Modal.info({
+        title: t("knowledgeBase.modal.deleteDataMate.title", { name: kb.name }),
+        content: t("knowledgeBase.modal.deleteDataMate.content"),
+        okText: t("common.confirm"),
+        centered: true,
+      });
+      return;
+    }
+
+    // Normal delete confirmation for local knowledge bases
     confirm({
       title: t("knowledgeBase.modal.deleteConfirm.title"),
       content: t("knowledgeBase.modal.deleteConfirm.content"),

frontend/app/[locale]/knowledges/components/knowledge/KnowledgeBaseList.tsx

@@ -335,17 +335,15 @@ const KnowledgeBaseList: React.FC<KnowledgeBaseListProps> = ({
                         >
                           {kb.name}
                         </p>
-                        {kb.source !== "datamate" && (
-                          <button
-                            className="text-red-500 hover:text-red-700 text-xs font-medium ml-2"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              onDelete(kb.id);
-                            }}
-                          >
-                            {t("common.delete")}
-                          </button>
-                        )}
+                        <button
+                          className="text-red-500 hover:text-red-700 text-xs font-medium ml-2"
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            onDelete(kb.id);
+                          }}
+                        >
+                          {t("common.delete")}
+                        </button>
                       </div>
                       <div
                         className={`flex flex-wrap items-center ${KB_LAYOUT.TAG_MARGIN} ${KB_LAYOUT.TAG_SPACING}`}

frontend/public/locales/en/common.json

@@ -466,6 +466,8 @@
   "knowledgeBase.list.empty": "No knowledge bases yet, please create one first",
   "knowledgeBase.modal.deleteConfirm.title": "Confirm Delete Knowledge Base",
   "knowledgeBase.modal.deleteConfirm.content": "Are you sure you want to delete this knowledge base? This action cannot be undone.",
+  "knowledgeBase.modal.deleteDataMate.title": "Cannot Delete DataMate Knowledge Base",
+  "knowledgeBase.modal.deleteDataMate.content": "Nexent cannot delete DataMate knowledge bases. Please go to the DataMate page to perform the operation.",
   "knowledgeBase.message.deleteSuccess": "Knowledge base deleted successfully",
   "knowledgeBase.message.deleteError": "Failed to delete knowledge base",
   "knowledgeBase.message.syncSuccess": "Knowledge base synchronized successfully",

frontend/public/locales/zh/common.json

@@ -467,6 +467,8 @@
   "knowledgeBase.list.empty": "暂无知识库，请先创建知识库",
   "knowledgeBase.modal.deleteConfirm.title": "确认删除知识库",
   "knowledgeBase.modal.deleteConfirm.content": "确定要删除这个知识库吗？删除后无法恢复。",
+  "knowledgeBase.modal.deleteDataMate.title": "无法删除DataMate知识库",
+  "knowledgeBase.modal.deleteDataMate.content": "Nexent无法删除DataMate知识库，请前往DataMate页面进行操作。",
   "knowledgeBase.message.deleteSuccess": "删除知识库成功",
   "knowledgeBase.message.deleteError": "删除知识库失败",
   "knowledgeBase.message.syncSuccess": "同步知识库成功",