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

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

Author: WMC001

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

@@ -366,19 +366,19 @@ const KnowledgeBaseList: React.FC<KnowledgeBaseListProps> = ({
                           })}
                         </span>
 
-                        {/* Only show source, creation date, and model tags when there are valid documents or chunks */}
+                        {/* Always show source tag regardless of document/chunk count */}
+                        <span
+                          className={`inline-flex items-center ${KB_LAYOUT.TAG_PADDING} ${KB_LAYOUT.TAG_ROUNDED} ${KB_LAYOUT.TAG_TEXT} bg-gray-200 text-gray-800 border border-gray-200 mr-1`}
+                        >
+                          {t("knowledgeBase.tag.source", {
+                            source: kb.source,
+                          })}
+                        </span>
+
+                        {/* Only show creation date, model tags when there are valid documents or chunks */}
                         {((kb.documentCount || 0) > 0 ||
                           (kb.chunkCount || 0) > 0) && (
                           <>
-                            {/* Knowledge base source tag */}
-                            <span
-                              className={`inline-flex items-center ${KB_LAYOUT.TAG_PADDING} ${KB_LAYOUT.TAG_ROUNDED} ${KB_LAYOUT.TAG_TEXT} bg-gray-200 text-gray-800 border border-gray-200 mr-1`}
-                            >
-                              {t("knowledgeBase.tag.source", {
-                                source: kb.source,
-                              })}
-                            </span>
-
                             {/* Creation date tag - only show date */}
                             <span
                               className={`inline-flex items-center ${KB_LAYOUT.TAG_PADDING} ${KB_LAYOUT.TAG_ROUNDED} ${KB_LAYOUT.TAG_TEXT} bg-gray-200 text-gray-800 border border-gray-200 mr-1`}

frontend/app/[locale]/knowledges/contexts/KnowledgeBaseContext.tsx

@@ -166,11 +166,22 @@ export const KnowledgeBaseProvider: React.FC<KnowledgeBaseProviderProps> = ({
       if (!state.currentEmbeddingModel) {
         return false;
       }
-      // DataMate knowledge bases are always selectable (even if model doesn't match)
+
+      // Check if knowledge base has content (documents or chunks)
+      const hasContent =
+        (kb.documentCount || 0) > 0 || (kb.chunkCount || 0) > 0;
+
+      // Empty knowledge bases cannot be selected
+      if (!hasContent) {
+        return false;
+      }
+
+      // DataMate knowledge bases are selectable if they have content (even if model doesn't match)
       if (kb.source === "datamate") {
         return true;
       }
-      // Only selectable when knowledge base model exactly matches current model
+
+      // For local knowledge bases, only selectable when model exactly matches current model
       return (
         kb.embeddingModel === "unknown" ||
         kb.embeddingModel === state.currentEmbeddingModel
@@ -433,8 +444,8 @@ export const KnowledgeBaseProvider: React.FC<KnowledgeBaseProviderProps> = ({
   const refreshKnowledgeBaseData = useCallback(
     async (forceRefresh = false) => {
       try {
-        // Get latest knowledge base data directly from server, but don't reload user selections and skip DataMate sync
-        await fetchKnowledgeBases(false, false, false);
+        // Get latest knowledge base data directly from server, but don't reload user selections, include DataMate sync to prevent DataMate KBs from disappearing
+        await fetchKnowledgeBases(false, false, true);
 
         // If there is an active knowledge base, also refresh its document information
         if (state.activeKnowledgeBase) {

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": "同步知识库成功",