diff --git a/backend/services/data-management-service/src/main/java/com/datamate/datamanagement/DataManagementServiceConfiguration.java b/backend/services/data-management-service/src/main/java/com/datamate/datamanagement/DataManagementServiceConfiguration.java
index 8e2b586c..f502beb6 100644
--- a/backend/services/data-management-service/src/main/java/com/datamate/datamanagement/DataManagementServiceConfiguration.java
+++ b/backend/services/data-management-service/src/main/java/com/datamate/datamanagement/DataManagementServiceConfiguration.java
@@ -1,6 +1,5 @@
 package com.datamate.datamanagement;
 
-import org.springframework.cloud.openfeign.EnableFeignClients;
 import org.springframework.context.annotation.ComponentScan;
 import org.springframework.context.annotation.Configuration;
 import org.springframework.scheduling.annotation.EnableAsync;
@@ -10,7 +9,6 @@
  * 数据管理服务配置类 - 多源接入、元数据、血缘治理
  */
 @Configuration
-@EnableFeignClients(basePackages = "com.datamate.datamanagement.infrastructure.client")
 @EnableAsync
 @ComponentScan(basePackages = {
         "com.datamate.datamanagement",
diff --git a/backend/services/main-application/src/main/java/com/datamate/main/DataMateApplication.java b/backend/services/main-application/src/main/java/com/datamate/main/DataMateApplication.java
index 01a46310..0a0d5a65 100644
--- a/backend/services/main-application/src/main/java/com/datamate/main/DataMateApplication.java
+++ b/backend/services/main-application/src/main/java/com/datamate/main/DataMateApplication.java
@@ -4,6 +4,7 @@
 import org.springframework.boot.SpringApplication;
 import org.springframework.boot.autoconfigure.SpringBootApplication;
 import org.springframework.cache.annotation.EnableCaching;
+import org.springframework.cloud.openfeign.EnableFeignClients;
 import org.springframework.context.annotation.ComponentScan;
 import org.springframework.scheduling.annotation.EnableAsync;
 import org.springframework.scheduling.annotation.EnableScheduling;
@@ -23,6 +24,7 @@
 @EnableAsync
 @EnableScheduling
 @EnableCaching
+@EnableFeignClients(basePackages = "com.datamate.*")
 public class DataMateApplication {
     public static void main(String[] args) {
         SpringApplication.run(DataMateApplication.class, args);
diff --git a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/domain/model/KnowledgeBase.java b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/domain/model/KnowledgeBase.java
index 4a571b3c..b41922c1 100644
--- a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/domain/model/KnowledgeBase.java
+++ b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/domain/model/KnowledgeBase.java
@@ -2,6 +2,7 @@
 
 import com.baomidou.mybatisplus.annotation.TableName;
 import com.datamate.common.domain.model.base.BaseEntity;
+import com.datamate.rag.indexer.interfaces.dto.RagType;
 import lombok.Getter;
 import lombok.Setter;
 
@@ -25,6 +26,11 @@ public class KnowledgeBase extends BaseEntity<String> {
      */
     private String description;
 
+    /**
+     * RAG 类型
+     */
+    private RagType type;
+
     /**
      * 嵌入模型
      */
diff --git a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/client/GraphRagClient.java b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/client/GraphRagClient.java
new file mode 100644
index 00000000..924f4e7d
--- /dev/null
+++ b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/client/GraphRagClient.java
@@ -0,0 +1,23 @@
+package com.datamate.rag.indexer.infrastructure.client;
+
+import com.datamate.common.infrastructure.common.Response;
+import org.springframework.cloud.openfeign.FeignClient;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+
+/**
+ * 知识图谱RAG客户端
+ *
+ * @author dallas
+ * @since 2026-01-15
+ */
+@FeignClient(name = "rag-service", url = "${collection.service.url:http://datamate-backend-python:18000}")
+public interface GraphRagClient {
+    /**
+     * 启动知识图谱RAG任务
+     * @param knowledgeBaseId 知识库ID
+     * @return 任务详情
+     */
+    @PostMapping("/api/rag/process/{id}")
+    Response<?> startGraphRagTask(@PathVariable("id") String knowledgeBaseId);
+}
diff --git a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/event/RagEtlService.java b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/event/RagEtlService.java
index 355e4b2c..4dbfac59 100644
--- a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/event/RagEtlService.java
+++ b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/infrastructure/event/RagEtlService.java
@@ -8,8 +8,10 @@
 import com.datamate.rag.indexer.domain.model.FileStatus;
 import com.datamate.rag.indexer.domain.model.RagFile;
 import com.datamate.rag.indexer.domain.repository.RagFileRepository;
+import com.datamate.rag.indexer.infrastructure.client.GraphRagClient;
 import com.datamate.rag.indexer.infrastructure.milvus.MilvusService;
 import com.datamate.rag.indexer.interfaces.dto.AddFilesReq;
+import com.datamate.rag.indexer.interfaces.dto.RagType;
 import com.google.common.collect.Lists;
 import dev.langchain4j.data.document.Document;
 import dev.langchain4j.data.document.DocumentParser;
@@ -58,6 +60,8 @@ public class RagEtlService {
 
     private final ModelConfigRepository modelConfigRepository;
 
+    private final GraphRagClient graphRagClient;
+
     private final ExecutorService executor = Executors.newVirtualThreadPerTaskExecutor();
 
     @Async
@@ -65,6 +69,11 @@ public class RagEtlService {
     public void processAfterCommit(DataInsertedEvent event) {
         // 执行 RAG 处理流水线
         List<RagFile> ragFiles = ragFileRepository.findNotSuccessByKnowledgeBaseId(event.knowledgeBase().getId());
+        if (RagType.GRAPH.equals(event.knowledgeBase().getType())){
+            log.info("Knowledge base {} is of type GRAPH. Skipping RAG ETL processing.", event.knowledgeBase().getName());
+            graphRagClient.startGraphRagTask(event.knowledgeBase().getId());
+            return;
+        }
 
         ragFiles.forEach(ragFile -> {
                     try {
diff --git a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/KnowledgeBaseCreateReq.java b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/KnowledgeBaseCreateReq.java
index 1f07553a..fd62dc62 100644
--- a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/KnowledgeBaseCreateReq.java
+++ b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/KnowledgeBaseCreateReq.java
@@ -28,6 +28,8 @@ public class KnowledgeBaseCreateReq {
     @Size(max = 512, message = "知识库描述长度必须在 0 到 512 之间")
     private String description;
 
+    private RagType type = RagType.DOCUMENT;
+
     /**
      * 嵌入模型
      */
diff --git a/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/RagType.java b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/RagType.java
new file mode 100644
index 00000000..a0073735
--- /dev/null
+++ b/backend/services/rag-indexer-service/src/main/java/com/datamate/rag/indexer/interfaces/dto/RagType.java
@@ -0,0 +1,19 @@
+package com.datamate.rag.indexer.interfaces.dto;
+
+/**
+ * RAG 类型
+ *
+ * @author dallas
+ * @since 2026-01-15
+ */
+public enum RagType {
+    /**
+     * 文档
+     */
+    DOCUMENT,
+
+    /**
+     * 知识图谱
+     */
+    GRAPH,
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3649d2a5..7f4d20fe 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,9 +15,12 @@
         "lucide-react": "^0.539.0",
         "react": "^18.1.1",
         "react-dom": "^18.1.1",
+        "react-force-graph-3d": "^1.29.0",
         "react-redux": "^9.2.0",
         "react-router": "^7.8.0",
-        "recharts": "2.15.0"
+        "recharts": "2.15.0",
+        "tailwind-merge": "^2.5.2",
+        "three-spritetext": "^1.8.4"
       },
       "devDependencies": {
         "@eslint/js": "^9.33.0",
@@ -188,7 +191,6 @@
       "integrity": "sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.27.1",
@@ -1975,6 +1977,12 @@
         "vite": "^5.2.0 || ^6 || ^7"
       }
     },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "25.0.0",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-25.0.0.tgz",
+      "integrity": "sha512-XKLA6syeBUaPzx4j3qwMqzzq+V4uo72BnlbOjmuljLrRqdsd3qnzvZZoxvMHZ23ndsRS4aufU6JOZYpCbU6T1A==",
+      "license": "MIT"
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -2137,7 +2145,6 @@
       "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.10.0"
       }
@@ -2155,7 +2162,6 @@
       "integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
@@ -2223,7 +2229,6 @@
       "integrity": "sha512-pUXGCuHnnKw6PyYq93lLRiZm3vjuslIy7tus1lIQTYVK9bL8XBgJnCWm8a0KcTtHC84Yya1Q6rtll+duSMj0dg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.39.1",
         "@typescript-eslint/types": "8.39.1",
@@ -2502,6 +2507,22 @@
         "d3-zoom": "^3.0.0"
       }
     },
+    "node_modules/3d-force-graph": {
+      "version": "1.79.0",
+      "resolved": "https://registry.npmjs.org/3d-force-graph/-/3d-force-graph-1.79.0.tgz",
+      "integrity": "sha512-0RUNcfiH12f93loY/iS4wShzhXzdLLN4futvFnintF7eP30DjX+nAdLDAGOZwSflhijQyVwnGtpczNjFrDLUzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "accessor-fn": "1",
+        "kapsule": "^1.16",
+        "three": ">=0.118 <1",
+        "three-forcegraph": "1",
+        "three-render-objects": "^1.35"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/accepts": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
@@ -2516,13 +2537,21 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/accessor-fn": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/accessor-fn/-/accessor-fn-1.5.3.tgz",
+      "integrity": "sha512-rkAofCwe/FvYFUlMB0v0gWmhqtfAtV1IUkdPbfhTUyYniu5LrC0A0UJkTH0Jv3S8SvwkmfuAlY+mQIJATdocMA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2771,7 +2800,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001733",
         "electron-to-chromium": "^1.5.199",
@@ -3077,6 +3105,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/d3-binarytree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-binarytree/-/d3-binarytree-1.0.2.tgz",
+      "integrity": "sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw==",
+      "license": "MIT"
+    },
     "node_modules/d3-color": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
@@ -3117,6 +3151,22 @@
         "node": ">=12"
       }
     },
+    "node_modules/d3-force-3d": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
+      "integrity": "sha512-4tsKHUPLOVkyfEffZo1v6sFHvGFwAIIjt/W8IThbp08DYAsXZck+2pSHEG5W1+gQgEvFLdZkYvmJAbRM2EzMnA==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-binarytree": "1",
+        "d3-dispatch": "1 - 3",
+        "d3-octree": "1",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/d3-format": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
@@ -3138,6 +3188,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/d3-octree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.1.0.tgz",
+      "integrity": "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A==",
+      "license": "MIT"
+    },
     "node_modules/d3-path": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
@@ -3147,6 +3203,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/d3-scale": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
@@ -3163,12 +3228,24 @@
         "node": ">=12"
       }
     },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/d3-selection": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
-      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -3253,12 +3330,23 @@
         "node": ">=12"
       }
     },
+    "node_modules/data-bind-mapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/data-bind-mapper/-/data-bind-mapper-1.0.3.tgz",
+      "integrity": "sha512-QmU3lyEnbENQPo0M1F9BMu4s6cqNNp8iJA+b/HP2sSb7pf3dxwF3+EP1eO69rwBfH9kFJ1apmzrtogAmVt2/Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "accessor-fn": "1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.13",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
       "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/debug": {
       "version": "4.4.1",
@@ -3485,7 +3573,6 @@
       "integrity": "sha512-TS9bTNIryDzStCpJN93aC5VRSW3uTx9sClUn4B87pwiCaJh220otoI0X8mJKr+VcPtniMdN8GKjlwgWGUv5ZKA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3933,6 +4020,20 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/float-tooltip": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/float-tooltip/-/float-tooltip-1.7.5.tgz",
+      "integrity": "sha512-/kXzuDnnBqyyWyhDMH7+PfP8J/oXiAavGzcRxASOMRHFuReDtofizLLJsf7nnDLAfEaMW4pVWaXrAjtnglpEkg==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-selection": "2 - 3",
+        "kapsule": "^1.16",
+        "preact": "10"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -4318,6 +4419,15 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/jerrypick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/jerrypick/-/jerrypick-1.1.2.tgz",
+      "integrity": "sha512-YKnxXEekXKzhpf7CLYA0A+oDP8V0OhICNCr5lv96FvSsDEmrb0GKM776JgQvHTMjr7DTTPEVv/1Ciaw0uEWzBA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/jiti": {
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.5.1.tgz",
@@ -4425,6 +4535,18 @@
         "node": "*"
       }
     },
+    "node_modules/kapsule": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/kapsule/-/kapsule-1.16.3.tgz",
+      "integrity": "sha512-4+5mNNf4vZDSwPhKprKwz3330iisPrb08JyMgbsdFrimBCKNHecua/WBwvVg3n7vwx0C1ARjfhwIpbrbd9n5wg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash-es": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -4723,6 +4845,12 @@
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
       "license": "MIT"
     },
+    "node_modules/lodash-es": {
+      "version": "4.17.22",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.22.tgz",
+      "integrity": "sha512-XEawp1t0gxSi9x01glktRZ5HDy0HXqrM0x5pXQM98EaI0NxO6jVM7omDOxsuEo5UIASAnm2bRp1Jt/e0a2XU8Q==",
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4975,6 +5103,44 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/ngraph.events": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ngraph.events/-/ngraph.events-1.4.0.tgz",
+      "integrity": "sha512-NeDGI4DSyjBNBRtA86222JoYietsmCXbs8CEB0dZ51Xeh4lhVl1y3wpWLumczvnha8sFQIW4E0vvVWwgmX2mGw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ngraph.forcelayout": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/ngraph.forcelayout/-/ngraph.forcelayout-3.3.1.tgz",
+      "integrity": "sha512-MKBuEh1wujyQHFTW57y5vd/uuEOK0XfXYxm3lC7kktjJLRdt/KEKEknyOlc6tjXflqBKEuYBBcu7Ax5VY+S6aw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "ngraph.events": "^1.0.0",
+        "ngraph.merge": "^1.0.0",
+        "ngraph.random": "^1.0.0"
+      }
+    },
+    "node_modules/ngraph.graph": {
+      "version": "20.1.1",
+      "resolved": "https://registry.npmjs.org/ngraph.graph/-/ngraph.graph-20.1.1.tgz",
+      "integrity": "sha512-KNtZWYzYe7SMOuG3vvROznU+fkPmL5cGYFsWjqt+Ob1uF5xZz5EjomtsNOZEIwVuD37/zokeEqNK1ghY4/fhDg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "ngraph.events": "^1.4.0"
+      }
+    },
+    "node_modules/ngraph.merge": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/ngraph.merge/-/ngraph.merge-1.0.0.tgz",
+      "integrity": "sha512-5J8YjGITUJeapsomtTALYsw7rFveYkM+lBj3QiYZ79EymQcuri65Nw3knQtFxQBU1r5iOaVRXrSwMENUPK62Vg==",
+      "license": "MIT"
+    },
+    "node_modules/ngraph.random": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/ngraph.random/-/ngraph.random-1.2.0.tgz",
+      "integrity": "sha512-4EUeAGbB2HWX9njd6bP6tciN6ByJfoaAvmVL9QTaZSeXrW46eNGA9GajiXiPBbvFqxUWFkEbyo6x5qsACUuVfA==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/node-releases": {
       "version": "2.0.19",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
@@ -5236,6 +5402,18 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/polished": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz",
+      "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.8"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.5.6",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
@@ -5265,6 +5443,16 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/preact": {
+      "version": "10.28.2",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.28.2.tgz",
+      "integrity": "sha512-lbteaWGzGHdlIuiJ0l2Jq454m6kcpI1zNje6d8MlGAFlYvP2GO4ibnat7P74Esfz4sPTdM6UxtTwh/d3pwM9JA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -6024,7 +6212,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -6037,7 +6224,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -6046,18 +6232,49 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-force-graph-3d": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/react-force-graph-3d/-/react-force-graph-3d-1.29.0.tgz",
+      "integrity": "sha512-YCD4W+SA9oeK7mMXZ9pXAGSbDZ3+6IYxv8nPZcqqYeiP1nqZIB/cbMveD3S2bH9EqsGrUMW5qFXjAm5topSblw==",
+      "license": "MIT",
+      "dependencies": {
+        "3d-force-graph": "^1.79",
+        "prop-types": "15",
+        "react-kapsule": "^2.5"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "license": "MIT"
     },
+    "node_modules/react-kapsule": {
+      "version": "2.5.7",
+      "resolved": "https://registry.npmjs.org/react-kapsule/-/react-kapsule-2.5.7.tgz",
+      "integrity": "sha512-kifAF4ZPD77qZKc4CKLmozq6GY1sBzPEJTIJb0wWFK6HsePJatK3jXplZn2eeAt3x67CDozgi7/rO8fNQ/AL7A==",
+      "license": "MIT",
+      "dependencies": {
+        "jerrypick": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
     "node_modules/react-redux": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
       "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@types/use-sync-external-store": "^0.0.6",
         "use-sync-external-store": "^1.4.0"
@@ -6188,8 +6405,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
       "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/redux-thunk": {
       "version": "3.1.0",
@@ -6675,6 +6891,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/tailwind-merge": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
+      "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz",
@@ -6720,6 +6946,67 @@
         "node": ">=18"
       }
     },
+    "node_modules/three": {
+      "version": "0.182.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.182.0.tgz",
+      "integrity": "sha512-GbHabT+Irv+ihI1/f5kIIsZ+Ef9Sl5A1Y7imvS5RQjWgtTPfPnZ43JmlYI7NtCRDK9zir20lQpfg8/9Yd02OvQ==",
+      "license": "MIT"
+    },
+    "node_modules/three-forcegraph": {
+      "version": "1.43.0",
+      "resolved": "https://registry.npmjs.org/three-forcegraph/-/three-forcegraph-1.43.0.tgz",
+      "integrity": "sha512-1AqLmTCjjjwcuccObG96fCxiRnNJjCLdA5Mozl7XK+ROwTJ6QEJPo2XJ6uxWeuAmPE7ukMhgv4lj28oZSfE4wg==",
+      "license": "MIT",
+      "dependencies": {
+        "accessor-fn": "1",
+        "d3-array": "1 - 3",
+        "d3-force-3d": "2 - 3",
+        "d3-scale": "1 - 4",
+        "d3-scale-chromatic": "1 - 3",
+        "data-bind-mapper": "1",
+        "kapsule": "^1.16",
+        "ngraph.forcelayout": "3",
+        "ngraph.graph": "20",
+        "tinycolor2": "1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.118.3"
+      }
+    },
+    "node_modules/three-render-objects": {
+      "version": "1.40.4",
+      "resolved": "https://registry.npmjs.org/three-render-objects/-/three-render-objects-1.40.4.tgz",
+      "integrity": "sha512-Ukpu1pei3L5r809izvjsZxwuRcYLiyn6Uvy3lZ9bpMTdvj3i6PeX6w++/hs2ZS3KnEzGjb6YvTvh4UQuwHTDJg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tweenjs/tween.js": "18 - 25",
+        "accessor-fn": "1",
+        "float-tooltip": "^1.7",
+        "kapsule": "^1.16",
+        "polished": "4"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.168"
+      }
+    },
+    "node_modules/three-spritetext": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/three-spritetext/-/three-spritetext-1.10.0.tgz",
+      "integrity": "sha512-t08iP1FCU1lQh8T5MmCpdijKgas8GDHJE0LqMGBuVu3xqMMpFnEZhTlih7FlxLPQizHIGoumUSpfOlY1GO/Tgg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "three": ">=0.86.0"
+      }
+    },
     "node_modules/throttle-debounce": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
@@ -6735,6 +7022,12 @@
       "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
       "license": "MIT"
     },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.14",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
@@ -6773,7 +7066,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -6877,7 +7169,6 @@
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -7045,7 +7336,6 @@
       "integrity": "sha512-J0SQBPlQiEXAF7tajiH+rUooJPo0l8KQgyg4/aMunNtrOa7bwuZJsJbDWzeljqQpgftxuq5yNJxQ91O9ts29UQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.6",
@@ -7136,7 +7426,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
diff --git a/frontend/package.json b/frontend/package.json
index d781ac0b..b8b60050 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,9 +18,12 @@
     "lucide-react": "^0.539.0",
     "react": "^18.1.1",
     "react-dom": "^18.1.1",
+    "react-force-graph-3d": "^1.29.0",
     "react-redux": "^9.2.0",
     "react-router": "^7.8.0",
-    "recharts": "2.15.0"
+    "recharts": "2.15.0",
+    "tailwind-merge": "^2.5.2",
+    "three-spritetext": "^1.8.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
diff --git a/frontend/src/components/CardView.tsx b/frontend/src/components/CardView.tsx
index ace44d24..316df21a 100644
--- a/frontend/src/components/CardView.tsx
+++ b/frontend/src/components/CardView.tsx
@@ -6,6 +6,12 @@ import { formatDateTime } from "@/utils/unit";
 import ActionDropdown from "./ActionDropdown";
 import { Database } from "lucide-react";
 
+interface BadgeItem {
+  label: string;
+  color?: string;
+  background?: string;
+}
+
 interface BaseCardDataType {
   id: string | number;
   name: string;
@@ -18,7 +24,7 @@ interface BaseCardDataType {
     color?: string;
   } | null;
   description: string;
-  tags?: string[];
+  tags?: Array<string | BadgeItem>;
   statistics?: { label: string; value: string | number }[];
   updatedAt?: string;
 }
@@ -47,7 +53,7 @@ interface CardViewProps<T> {
 }
 
 // 标签渲染组件
-const TagsRenderer = ({ tags }: { tags?: any[] }) => {
+const TagsRenderer = ({ tags }: { tags?: Array<string | BadgeItem> }) => {
   const [visibleTags, setVisibleTags] = useState<any[]>([]);
   const [hiddenTags, setHiddenTags] = useState<any[]>([]);
   const containerRef = useRef<HTMLDivElement>(null);
@@ -75,7 +81,11 @@ const TagsRenderer = ({ tags }: { tags?: any[] }) => {
         const tagElement = document.createElement("span");
         tagElement.className = "ant-tag ant-tag-default";
         tagElement.style.margin = "2px";
-        tagElement.textContent = typeof tag === "string" ? tag : tag.name;
+        if (typeof tag === "string") {
+          tagElement.textContent = tag;
+        } else {
+          tagElement.textContent = tag.label;
+        }
         tempDiv.appendChild(tagElement);
         tagElements.push(tagElement);
 
@@ -126,7 +136,17 @@ const TagsRenderer = ({ tags }: { tags?: any[] }) => {
     <div className="max-w-xs">
       <div className="flex flex-wrap gap-1">
         {hiddenTags.map((tag, index) => (
-          <Tag key={index}>{typeof tag === "string" ? tag : tag.name}</Tag>
+          <Tag
+            key={index}
+            color={typeof tag === "string" ? undefined : tag.color}
+            style={
+              typeof tag === "string"
+                ? undefined
+                : { background: tag.background, color: tag.color }
+            }
+          >
+            {typeof tag === "string" ? tag : tag.label}
+          </Tag>
         ))}
       </div>
     </div>
@@ -135,7 +155,17 @@ const TagsRenderer = ({ tags }: { tags?: any[] }) => {
   return (
     <div ref={containerRef} className="flex flex-wrap gap-1 w-full">
       {visibleTags.map((tag, index) => (
-        <Tag key={index}>{typeof tag === "string" ? tag : tag.name}</Tag>
+        <Tag
+          key={index}
+          color={typeof tag === "string" ? undefined : tag.color}
+          style={
+            typeof tag === "string"
+              ? undefined
+              : { background: tag.background, color: tag.color }
+          }
+        >
+          {typeof tag === "string" ? tag : tag.label}
+        </Tag>
       ))}
       {hiddenTags.length > 0 && (
         <Popover
@@ -215,6 +245,19 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
                         >
                           {item?.name}
                         </h3>
+                        {(item?.tags?.length ?? 0) > 0 &&
+                          item.tags[0] &&
+                          typeof item.tags[0] !== "string" && (
+                            <Tag
+                              color={item.tags[0].color}
+                              style={{
+                                background: item.tags[0].background,
+                                color: item.tags[0].color,
+                              }}
+                            >
+                              {item.tags[0].label}
+                            </Tag>
+                          )}
                         {item?.status && (
                           <Tag color={item?.status?.color}>
                             <div className="flex items-center gap-2 text-xs py-0.5">
@@ -242,7 +285,15 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
 
                 <div className="flex-1 flex flex-col justify-end">
                   {/* Tags */}
-                  <TagsRenderer tags={item?.tags || []} />
+                  <TagsRenderer
+                    tags={
+                      Array.isArray(item?.tags)
+                        ? item.tags.filter((tag, index) =>
+                            typeof tag === "string" || index !== 0
+                          )
+                        : []
+                    }
+                  />
 
                   {/* Description */}
                   <p className="text-gray-400 text-xs text-ellipsis overflow-hidden whitespace-nowrap text-xs line-clamp-2 mt-2">
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 172fcbb1..0496c057 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -72,4 +72,26 @@
   .border-left {
     @apply border-l border-[#f0f0f0];
   }
+  .cosmic-modal-bg {
+    @apply bg-gradient-to-br from-slate-950 via-slate-900 to-black;
+  }
+  .cosmic-modal-panel {
+    background: radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.15), transparent 60%),
+      radial-gradient(circle at 80% 0%, rgba(236, 72, 153, 0.15), transparent 55%),
+      #020617;
+    color: #f8fafc;
+  }
+  .cosmic-btn {
+    @apply border-white/30 text-white/80 hover:text-white active:text-white;
+    background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(147, 51, 234, 0.3));
+    border-color: rgba(255, 255, 255, 0.25) !important;
+  }
+  .cosmic-btn.danger {
+    background: linear-gradient(135deg, rgba(244, 63, 94, 0.35), rgba(59, 130, 246, 0.2));
+  }
+  .cosmic-graph-panel {
+    background: radial-gradient(circle at 50% 20%, rgba(37, 99, 235, 0.25), transparent 55%),
+      radial-gradient(circle at 80% 60%, rgba(236, 72, 153, 0.2), transparent 55%),
+      #01030f;
+  }
 }
diff --git a/frontend/src/mock/knowledgeBase.tsx b/frontend/src/mock/knowledgeBase.tsx
index b2b9fb59..d249ca62 100644
--- a/frontend/src/mock/knowledgeBase.tsx
+++ b/frontend/src/mock/knowledgeBase.tsx
@@ -129,7 +129,7 @@ export const mockKnowledgeBases: KnowledgeBase[] = [
     name: "产品技术文档库",
     description:
       "包含所有产品相关的技术文档和API说明，支持多种格式文档的智能解析和向量化处理",
-    type: "unstructured",
+    type: "DOCUMENT",
     status: "ready",
     fileCount: 45,
     chunkCount: 1250,
@@ -216,7 +216,7 @@ export const mockKnowledgeBases: KnowledgeBase[] = [
     id: 2,
     name: "FAQ结构化知识库",
     description: "客服常见问题的结构化问答对，支持快速检索和智能匹配",
-    type: "structured",
+    type: "DOCUMENT",
     status: "vectorizing",
     fileCount: 12,
     chunkCount: 890,
@@ -251,4 +251,31 @@ export const mockKnowledgeBases: KnowledgeBase[] = [
     ],
     vectorizationHistory: [],
   },
+  {
+    id: 3,
+    name: "企业知识图谱",
+    description: "包含企业人员、项目、合作伙伴等关系的知识图谱",
+    type: "GRAPH",
+    status: "ready",
+    fileCount: 8,
+    chunkCount: 420,
+    vectorCount: 0,
+    size: "32 MB",
+    progress: 100,
+    createdAt: "2024-01-10",
+    lastUpdated: "2024-01-25",
+    vectorDatabase: "neo4j",
+    customEntities: ["人员", "组织", "项目"],
+    config: {
+      embeddingModel: "text-embedding-3-large",
+      chunkSize: 256,
+      overlap: 20,
+      sliceMethod: "paragraph",
+      enableQA: true,
+      vectorDimension: 1536,
+      sliceOperators: ["semantic-split"],
+    },
+    files: [],
+    vectorizationHistory: [],
+  },
 ];
diff --git a/frontend/src/pages/KnowledgeBase/Detail/KnowledgeBaseDetail.tsx b/frontend/src/pages/KnowledgeBase/Detail/KnowledgeBaseDetail.tsx
index ecc197df..8366b342 100644
--- a/frontend/src/pages/KnowledgeBase/Detail/KnowledgeBaseDetail.tsx
+++ b/frontend/src/pages/KnowledgeBase/Detail/KnowledgeBaseDetail.tsx
@@ -5,11 +5,12 @@ import {
   DeleteOutlined,
   EditOutlined,
   ReloadOutlined,
+  CloseOutlined,
 } from "@ant-design/icons";
 import { useNavigate, useParams } from "react-router";
 import DetailHeader from "@/components/DetailHeader";
 import { SearchControls } from "@/components/SearchControls";
-import { KBFile, KnowledgeBaseItem } from "../knowledge-base.model";
+import { KBFile, KnowledgeBaseItem, KnowledgeGraphNode, KnowledgeGraphEdge, KBType } from "../knowledge-base.model";
 import { mapFileData, mapKnowledgeBase } from "../knowledge-base.const";
 import {
   deleteKnowledgeBaseByIdUsingDelete,
@@ -17,10 +18,13 @@ import {
   queryKnowledgeBaseByIdUsingGet,
   queryKnowledgeBaseFilesUsingGet,
   retrieveKnowledgeBaseContent,
+  fetchKnowledgeGraph,
 } from "../knowledge-base.api";
 import useFetchData from "@/hooks/useFetchData";
 import AddDataDialog from "../components/AddDataDialog";
 import CreateKnowledgeBase from "../components/CreateKnowledgeBase";
+import KnowledgeGraphView, { GraphEntitySelection } from "../components/KnowledgeGraphView";
+import { Network } from "lucide-react";
 
 interface StatisticItem {
   icon?: React.ReactNode;
@@ -49,6 +53,10 @@ const KnowledgeBaseDetailPage: React.FC = () => {
   const [recallLoading, setRecallLoading] = useState(false);
   const [recallResults, setRecallResults] = useState<RecallResult[]>([]);
   const [recallQuery, setRecallQuery] = useState("");
+  const [graphVisible, setGraphVisible] = useState(false);
+  const [graphLoading, setGraphLoading] = useState(false);
+  const [graphData, setGraphData] = useState<{ nodes: KnowledgeGraphNode[]; edges: KnowledgeGraphEdge[] }>({ nodes: [], edges: [] });
+  const [graphSelection, setGraphSelection] = useState<GraphEntitySelection | null>(null);
 
   const fetchKnowledgeBaseDetails = async (id: string) => {
     const { data } = await queryKnowledgeBaseByIdUsingGet(id);
@@ -61,6 +69,17 @@ const KnowledgeBaseDetailPage: React.FC = () => {
     }
   }, [id]);
 
+  useEffect(() => {
+    if (!graphVisible) {
+      return;
+    }
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [graphVisible]);
+
   const {
     loading,
     tableData: files,
@@ -119,7 +138,47 @@ const KnowledgeBaseDetailPage: React.FC = () => {
     setRecallLoading(false);
   };
 
-  const operations = [
+  const handleGraphFetch = async () => {
+    if (!knowledgeBase?.id) return;
+    setGraphLoading(true);
+    setGraphSelection(null);
+    try {
+      const { data } = await fetchKnowledgeGraph({ knowledge_base_id: knowledgeBase.id, query: "*" });
+      setGraphData({ nodes: data?.nodes ?? [], edges: data?.edges ?? [] });
+    } catch {
+      setGraphData({ nodes: [], edges: [] });
+    }
+    setGraphLoading(false);
+  };
+
+  const handleOpenGraph = () => {
+    setGraphSelection(null);
+    setGraphVisible(true);
+    if (!graphData.nodes.length) {
+      handleGraphFetch();
+    }
+  };
+
+  const handleCloseGraph = () => {
+    setGraphVisible(false);
+    setGraphSelection(null);
+  };
+
+  const handleGraphRefresh = () => {
+    handleGraphFetch();
+  };
+
+  type DetailOperation = NonNullable<React.ComponentProps<typeof DetailHeader>["operations"][number]>;
+  const graphOperation: DetailOperation | null = knowledgeBase?.type === KBType.GRAPH
+    ? {
+        key: "graph",
+        label: "知识图谱",
+        icon: <Network />,
+        onClick: handleOpenGraph,
+      }
+    : null;
+
+  const baseOperations: DetailOperation[] = [
     {
       key: "edit",
       label: "编辑知识库",
@@ -152,6 +211,8 @@ const KnowledgeBaseDetailPage: React.FC = () => {
     },
   ];
 
+  const operations: DetailOperation[] = [graphOperation, ...baseOperations].filter(Boolean) as DetailOperation[];
+
   const fileOps = [
     {
       key: "delete",
@@ -256,6 +317,101 @@ const KnowledgeBaseDetailPage: React.FC = () => {
         onUpdate={handleRefreshPage}
         onClose={() => setShowEdit(false)}
       />
+      {graphVisible && (
+        <div className="fixed inset-0 z-[2000] cosmic-modal-bg">
+          <div className="absolute inset-0 flex flex-col cosmic-modal-panel">
+            <div className="flex items-center justify-between px-6 py-4 border-b border-white/10 backdrop-blur">
+              <div>
+                <div className="text-lg font-semibold text-white/90">知识图谱</div>
+                <div className="text-xs text-white/50">{knowledgeBase?.name}</div>
+              </div>
+              <div className="flex gap-2">
+                <Button
+                  ghost
+                  type="primary"
+                  icon={<ReloadOutlined />}
+                  onClick={handleGraphRefresh}
+                  loading={graphLoading}
+                  className="cosmic-btn"
+                >
+                  刷新
+                </Button>
+                <Button
+                  type="primary"
+                  icon={<CloseOutlined />}
+                  onClick={handleCloseGraph}
+                  className="cosmic-btn danger"
+                >
+                  关闭
+                </Button>
+              </div>
+            </div>
+            <div className="flex-1 relative">
+              {graphLoading ? (
+                <div className="absolute inset-0 flex items-center justify-center">
+                  <Spin size="large" />
+                </div>
+              ) : (
+                <KnowledgeGraphView
+                  nodes={graphData.nodes}
+                  edges={graphData.edges}
+                  height="100%"
+                  onSelectEntity={setGraphSelection}
+                />
+              )}
+              {graphSelection && (
+                <div className="absolute bottom-4 right-4 w-80 max-h-[65vh] overflow-auto rounded-lg bg-slate-900/95 text-white shadow-[0_10px_50px_rgba(15,23,42,0.7)] border border-white/15 p-4">
+                  <div className="text-sm font-semibold mb-1 text-white">
+                    {graphSelection.type === "node" ? "节点详情" : "边详情"}
+                  </div>
+                  <div className="text-xs text-white/70 mb-3">ID: {graphSelection.data.id}</div>
+                  {graphSelection.type === "edge" && (
+                    <div className="space-y-1 text-xs mb-3">
+                      <div className="flex justify-between gap-2">
+                        <span className="text-white/60">类型</span>
+                        <span className="text-right break-all text-white">{graphSelection.data.type}</span>
+                      </div>
+                      <div className="flex justify-between gap-2">
+                        <span className="text-white/60">源节点</span>
+                        <span className="text-right break-all text-white">{graphSelection.data.source}</span>
+                      </div>
+                      <div className="flex justify-between gap-2">
+                        <span className="text-white/60">目标节点</span>
+                        <span className="text-right break-all text-white">{graphSelection.data.target}</span>
+                      </div>
+                      <div className="border-t border-white/15 my-2" />
+                    </div>
+                  )}
+                  {graphSelection.type === "node" && (
+                    <div className="space-y-1 text-xs mb-3">
+                      <div className="flex justify-between gap-2">
+                        <span className="text-white/60">标签</span>
+                        <span className="text-right break-all text-white">
+                          {graphSelection.data.labels?.join(", ") || "-"}
+                        </span>
+                      </div>
+                      <div className="border-t border-white/15 my-2" />
+                    </div>
+                  )}
+                  <div className="space-y-1 text-xs">
+                    {Object.entries(graphSelection.data.properties ?? {}).map(([key, value]) => (
+                      <div key={key} className="flex justify-between gap-2">
+                        <span className="text-white/60">{key}</span>
+                        <span className="text-right break-all text-white">
+                          {typeof value === "object" ? JSON.stringify(value) : String(value ?? "-")}
+                        </span>
+                      </div>
+                    ))}
+                    {!Object.keys(graphSelection.data.properties ?? {}).length && (
+                      <div className="text-white/60">暂无属性</div>
+                    )}
+                  </div>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      )}
       <div className="flex-1 border-card p-6 mt-4">
         <div className="flex items-center justify-between mb-4 gap-3">
           <div className="flex items-center gap-2">
diff --git a/frontend/src/pages/KnowledgeBase/components/AddDataDialog.tsx b/frontend/src/pages/KnowledgeBase/components/AddDataDialog.tsx
index 9fa96477..86826a80 100644
--- a/frontend/src/pages/KnowledgeBase/components/AddDataDialog.tsx
+++ b/frontend/src/pages/KnowledgeBase/components/AddDataDialog.tsx
@@ -15,6 +15,7 @@ import { addKnowledgeBaseFilesUsingPost } from "../knowledge-base.api";
 import DatasetFileTransfer from "@/components/business/DatasetFileTransfer";
 import { DescriptionsItemType } from "antd/es/descriptions";
 import { DatasetFileCols } from "../knowledge-base.const";
+import { DatasetType } from "@/pages/DataManagement/dataset.model";
 
 const sliceOptions = [
   { label: "默认分块", value: "DEFAULT_CHUNK" },
diff --git a/frontend/src/pages/KnowledgeBase/components/CreateKnowledgeBase.tsx b/frontend/src/pages/KnowledgeBase/components/CreateKnowledgeBase.tsx
index c0a16f6a..b1fe1abd 100644
--- a/frontend/src/pages/KnowledgeBase/components/CreateKnowledgeBase.tsx
+++ b/frontend/src/pages/KnowledgeBase/components/CreateKnowledgeBase.tsx
@@ -1,5 +1,7 @@
-import { Button, Form, Input, message, Modal, Select } from "antd";
-import { PlusOutlined } from "@ant-design/icons";
+import { Button, Form, Input, message, Modal, Select, Tooltip } from "antd";
+import RadioCard from "@/components/RadioCard";
+import { InfoCircleOutlined, PlusOutlined } from "@ant-design/icons";
+import { Share2, BookOpen } from "lucide-react";
 import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
 import { queryModelListUsingGet } from "@/pages/SettingsPage/settings.apis";
@@ -8,7 +10,7 @@ import {
   createKnowledgeBaseUsingPost,
   updateKnowledgeBaseByIdUsingPut,
 } from "../knowledge-base.api";
-import { KnowledgeBaseItem } from "../knowledge-base.model";
+import { KnowledgeBaseItem, KBType } from "../knowledge-base.model";
 import { showSettings } from "@/store/slices/settingsSlice";
 
 export default function CreateKnowledgeBase({
@@ -60,18 +62,29 @@ export default function CreateKnowledgeBase({
         description: data.description,
         embeddingModel: data.embeddingModel,
         chatModel: data.chatModel,
+        type: data.type ?? KBType.DOCUMENT,
+        customEntities: data.customEntities ?? [],
       });
+    } else {
+      form.setFieldsValue({ type: KBType.DOCUMENT, customEntities: [] });
     }
   }, [isEdit, data, form]);
 
+  const typeValue = Form.useWatch("type", form);
+  const isGraphKB = typeValue === KBType.GRAPH;
+
   const handleCreateKnowledgeBase = async () => {
     try {
       const values = await form.validateFields();
+      const payload = {
+        ...values,
+        customEntities: values.type === KBType.GRAPH ? values.customEntities : undefined,
+      };
       if (isEdit && data) {
-        await updateKnowledgeBaseByIdUsingPut(data.id!, values);
+        await updateKnowledgeBaseByIdUsingPut(data.id!, payload);
         message.success("知识库更新成功");
       } else {
-        await createKnowledgeBaseUsingPost(values);
+        await createKnowledgeBaseUsingPost(payload);
         message.success("知识库创建成功");
       }
       setOpen(false);
@@ -110,6 +123,50 @@ export default function CreateKnowledgeBase({
         onOk={handleCreateKnowledgeBase}
       >
         <Form form={form} layout="vertical">
+          <Form.Item
+            label="知识库类型"
+            name="type"
+            rules={[{ required: true, message: "请选择知识库类型" }]}
+          >
+            <RadioCard
+              value={typeValue}
+              onChange={(val) => form.setFieldValue("type", val)}
+              options={[
+                {
+                  value: KBType.DOCUMENT,
+                  label: "向量知识库",
+                  description: "适用于文档类知识，支持召回+生成",
+                  icon: BookOpen,
+                },
+                {
+                  value: KBType.GRAPH,
+                  label: "知识图谱",
+                  description: "自定义实体/关系，强化结构化推理",
+                  icon: Share2,
+                },
+              ]}
+            />
+          </Form.Item>
+          {isGraphKB && (
+            <Form.Item
+              label={
+                <div className="flex items-center gap-2">
+                  <span>识别实体（可多选）</span>
+                  <Tooltip title="实体信息将作为图谱节点，支持多维关系追踪">
+                    <InfoCircleOutlined className="text-gray-400" />
+                  </Tooltip>
+                </div>
+              }
+              name="customEntities"
+              rules={[{ type: "array" }]}
+            >
+              <Select
+                mode="tags"
+                placeholder="输入实体名称并按回车添加，如 人物、组织、事件"
+                tokenSeparators={[",", " "]}
+              />
+            </Form.Item>
+          )}
           <Form.Item
             label="知识库名称"
             name="name"
diff --git a/frontend/src/pages/KnowledgeBase/components/KnowledgeGraphView.tsx b/frontend/src/pages/KnowledgeBase/components/KnowledgeGraphView.tsx
new file mode 100644
index 00000000..3539747e
--- /dev/null
+++ b/frontend/src/pages/KnowledgeBase/components/KnowledgeGraphView.tsx
@@ -0,0 +1,371 @@
+import { useMemo, useRef, useEffect, useCallback } from "react";
+import ForceGraph3D, { ForceGraphMethods } from "react-force-graph-3d";
+import type { KnowledgeGraphEdge, KnowledgeGraphNode } from "../knowledge-base.model";
+import { Empty } from "antd";
+import * as THREE from "three";
+import SpriteText from "three-spritetext";
+
+export type GraphEntitySelection =
+  | { type: "node"; data: KnowledgeGraphNode }
+  | { type: "edge"; data: KnowledgeGraphEdge };
+
+interface KnowledgeGraphViewProps {
+  nodes: KnowledgeGraphNode[];
+  edges: KnowledgeGraphEdge[];
+  height?: number | string;
+  onSelectEntity?: (selection: GraphEntitySelection | null) => void;
+}
+
+const KnowledgeGraphView: React.FC<KnowledgeGraphViewProps> = ({
+  nodes,
+  edges,
+  height = 520,
+  onSelectEntity,
+}) => {
+  const graphRef = useRef<ForceGraphMethods>();
+  const lightingInitializedRef = useRef(false);
+
+  const degreeMap = useMemo(() => {
+    const map = new Map<string, number>();
+    edges.forEach((edge) => {
+      map.set(String(edge.source), (map.get(String(edge.source)) || 0) + 1);
+      map.set(String(edge.target), (map.get(String(edge.target)) || 0) + 1);
+    });
+    return map;
+  }, [edges]);
+
+  const graphData = useMemo(
+    () => ({
+      nodes: nodes.map((node) => ({ ...node })),
+      links: edges.map((edge) => {
+        const enrichedEdge = {
+          ...edge,
+          source: edge.source,
+          target: edge.target,
+          keywords: edge.properties?.keywords || edge.type,
+        } as any;
+        enrichedEdge.__originalEdge = edge;
+        return enrichedEdge;
+      }),
+    }),
+    [nodes, edges]
+  );
+
+  const handleLinkSelect = useCallback(
+    (link: any) => {
+      onSelectEntity?.({ type: "edge", data: normalizeLinkData(link) });
+    },
+    [onSelectEntity]
+  );
+
+  useEffect(() => {
+    graphRef.current?.zoomToFit(800);
+  }, [graphData]);
+
+  useEffect(() => {
+    if (lightingInitializedRef.current) return;
+    const graph = graphRef.current;
+    const scene = graph?.scene?.();
+    if (!scene) return;
+
+    const ambient = new THREE.AmbientLight(0xffffff, 0.35);
+    const key = new THREE.DirectionalLight(0xffffff, 0.8);
+    key.position.set(120, 160, 220);
+    const rim = new THREE.DirectionalLight(0x3b82f6, 0.5);
+    rim.position.set(-140, -120, -180);
+    const fill = new THREE.DirectionalLight(0xffffff, 0.45);
+    fill.position.set(-60, 40, 140);
+
+    ambient.name = "kg-ambient-light";
+    key.name = "kg-key-light";
+    rim.name = "kg-rim-light";
+    fill.name = "kg-fill-light";
+
+    scene.add(ambient, key, rim, fill);
+    lightingInitializedRef.current = true;
+
+    return () => {
+      scene.remove(ambient);
+      scene.remove(key);
+      scene.remove(rim);
+      scene.remove(fill);
+      lightingInitializedRef.current = false;
+    };
+  }, [graphData]);
+
+  if (!nodes.length) {
+    return (
+      <div style={{ width: "100%", height }} className="flex items-center justify-center bg-slate-950/80">
+        <Empty description="暂无图谱数据" />
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ width: "100%", height }} className="cosmic-graph-panel">
+      <ForceGraph3D
+        ref={graphRef}
+        graphData={graphData}
+        backgroundColor="#01030f"
+        linkOpacity={0.85}
+        linkColor={() => "rgba(14,165,233,0.9)"}
+        linkWidth={(link: any) => {
+          const weight = Number(link.properties?.weight ?? link.properties?.score ?? 1);
+          return Math.min(1.2 + weight * 0.4, 4);
+        }}
+        linkDirectionalParticles={2}
+        linkDirectionalParticleWidth={3.5}
+        linkDirectionalParticleSpeed={0.0035}
+        linkDirectionalParticleColor={() => "rgba(248,250,252,0.85)"}
+        linkCurvature={0.25}
+        d3VelocityDecay={0.18}
+        linkDistance={(link: any) => computeLinkDistance(link, degreeMap)}
+        nodeAutoColorBy={(node: any) => node.properties?.entity_type || "default"}
+        nodeOpacity={1}
+        nodeLabel={(node: any) => node.id}
+        linkLabel={(link: any) => link.keywords}
+        nodeThreeObject={(node: any) => {
+          const radius = getNodeRadius(node.id, degreeMap);
+          const color = node.color || "#60a5fa";
+          const group = new THREE.Group();
+          const sphereRadius = getSphereDisplayRadius(radius);
+          const baseColor = new THREE.Color(color);
+
+          const litSphere = new THREE.Mesh(getSphereGeometry(sphereRadius), getSphereMaterial(baseColor));
+          group.add(litSphere);
+
+          const innerSphere = new THREE.Mesh(
+            getSphereGeometry(Math.max(sphereRadius * 0.65, 0.6)),
+            new THREE.MeshLambertMaterial({
+              color: baseColor.clone().offsetHSL(0, 0, 0.15),
+              emissive: baseColor.clone().multiplyScalar(0.2),
+              transparent: true,
+              opacity: 0.75,
+            })
+          );
+          innerSphere.renderOrder = 2;
+          group.add(innerSphere);
+
+          const highlightOrb = createHighlightOrb(sphereRadius, baseColor);
+          if (highlightOrb) {
+            group.add(highlightOrb);
+          }
+
+          const label = new SpriteText(node.id || "", 1, "#f8fafc");
+          label.center.set(0.5, 0.5);
+          label.material.depthWrite = false;
+          label.material.depthTest = false;
+          label.renderOrder = 50;
+          const maxDiameter = radius * 0.95;
+          const fontRatio = Math.max(Math.min((radius / 18) * 5, 5), 1.5) * 1.15;
+          label.textHeight = Math.min(maxDiameter, radius * 0.7) / fontRatio;
+          label.position.set(0, 0, sphereRadius + label.textHeight * 0.95);
+          group.add(label);
+
+          return group;
+        }}
+        linkThreeObjectExtend={true}
+        linkThreeObject={(link: any) => {
+          const text = String(link.keywords || "").trim();
+          if (!text) {
+            return new THREE.Object3D();
+          }
+          const label = new SpriteText(text, 1, "#e2e8f0");
+          label.center.set(0.5, 0.5);
+          label.material.depthWrite = false;
+          label.material.depthTest = false;
+          label.renderOrder = 15;
+          label.textHeight = 4;
+          (label as any).__graphObjType = "link";
+          (label as any).__data = link;
+          label.userData.normalizedEdge = normalizeLinkData(link);
+          return label;
+        }}
+        linkPositionUpdate={(sprite, { start, end }) => {
+          const middlePos = {
+            x: start.x + (end.x - start.x) / 2,
+            y: start.y + (end.y - start.y) / 2,
+            z: start.z + (end.z - start.z) / 2,
+          };
+          Object.assign(sprite.position, middlePos);
+          const dx = end.x - start.x;
+          const dy = end.y - start.y;
+          const angle = Math.atan2(dy, dx);
+          const material = (sprite as SpriteText).material as THREE.SpriteMaterial | undefined;
+          if (material) {
+            material.rotation = angle;
+          }
+        }}
+        onNodeClick={(node: any) => onSelectEntity?.({ type: "node", data: node })}
+        onLinkClick={handleLinkSelect}
+        onBackgroundClick={() => onSelectEntity?.(null)}
+      />
+    </div>
+  );
+};
+
+export default KnowledgeGraphView;
+
+const circleTextureCache = new Map<string, THREE.Texture>();
+const sphereMaterialCache = new Map<string, THREE.MeshPhongMaterial>();
+const sphereGeometryCache = new Map<number, THREE.SphereGeometry>();
+
+function getCircleTexture(color: string, opacity = 1, soft = false) {
+  const key = `${color}-${opacity}-${soft}`;
+  if (circleTextureCache.has(key)) {
+    return circleTextureCache.get(key)!;
+  }
+  const size = 512;
+  const canvas = document.createElement("canvas");
+  canvas.width = size;
+  canvas.height = size;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+
+  ctx.clearRect(0, 0, size, size);
+  if (soft) {
+    const gradient = ctx.createRadialGradient(size / 2, size / 2, size / 3, size / 2, size / 2, size / 2);
+    gradient.addColorStop(0, hexToRgba(color, opacity * 0.15));
+    gradient.addColorStop(1, hexToRgba(color, 0));
+    ctx.fillStyle = gradient;
+    ctx.fillRect(0, 0, size, size);
+  } else {
+    ctx.fillStyle = hexToRgba(color, opacity);
+    ctx.beginPath();
+    ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2);
+    ctx.closePath();
+    ctx.fill();
+  }
+
+  const texture = new THREE.CanvasTexture(canvas);
+  texture.needsUpdate = true;
+  circleTextureCache.set(key, texture);
+  return texture;
+}
+
+function hexToRgba(hex: string, alpha: number) {
+  const parsedHex = hex.replace("#", "");
+  const bigint = Number.parseInt(parsedHex.length === 3 ? parsedHex.repeat(2) : parsedHex, 16);
+  const r = (bigint >> 16) & 255;
+  const g = (bigint >> 8) & 255;
+  const b = bigint & 255;
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+function createNodeLabelTexture(text: string, radius: number) {
+  return null;
+}
+
+function createEdgeLabelTexture(text: string) {
+  return createTextTexture(text, {
+    fontSize: 10,
+    paddingX: 4,
+    paddingY: 2,
+    backgroundFill: null,
+    textFill: "rgba(241,245,249,0.9)",
+    maxWidth: 60,
+  });
+}
+
+function getNodeRadius(nodeId: string, degreeMap: Map<string, number>) {
+  const degree = degreeMap.get(nodeId) || 1;
+  return Math.min(12 + degree * 4, 64);
+}
+
+function getSphereDisplayRadius(nodeRadius: number) {
+  return Math.max(nodeRadius * 0.16, 2.2);
+}
+
+function getSphereGeometry(radius: number) {
+  const key = Number(radius.toFixed(2));
+  if (!sphereGeometryCache.has(key)) {
+    sphereGeometryCache.set(key, new THREE.SphereGeometry(radius, 48, 48));
+  }
+  return sphereGeometryCache.get(key)!;
+}
+
+function getSphereMaterial(color: THREE.Color) {
+  const key = color.getHexString();
+  if (!sphereMaterialCache.has(key)) {
+    const specular = new THREE.Color(1, 1, 1).lerp(color.clone(), 0.35);
+    sphereMaterialCache.set(
+      key,
+      new THREE.MeshPhongMaterial({
+        color: color.clone(),
+        emissive: color.clone().multiplyScalar(0.12),
+        specular,
+        shininess: 85,
+        reflectivity: 0.4,
+      })
+    );
+  }
+  return sphereMaterialCache.get(key)!;
+}
+
+function createHighlightOrb(sphereRadius: number, baseColor: THREE.Color) {
+  const orbRadius = Math.max(sphereRadius * 0.28, 0.4);
+  const geometry = getSphereGeometry(orbRadius);
+  const material = new THREE.MeshBasicMaterial({
+    color: baseColor.clone().offsetHSL(0, 0, 0.35),
+    transparent: true,
+    opacity: 0.85,
+  });
+  const orb = new THREE.Mesh(geometry, material);
+  orb.position.set(sphereRadius * 0.45, sphereRadius * 0.5, sphereRadius * 0.65);
+  orb.renderOrder = 6;
+  return orb;
+}
+
+function normalizeLinkData(link: any): KnowledgeGraphEdge {
+  if (!link) {
+    return {
+      id: "",
+      type: "",
+      source: "",
+      target: "",
+      properties: {},
+    };
+  }
+
+  if ((link as any).__normalizedEdge) {
+    return (link as any).__normalizedEdge as KnowledgeGraphEdge;
+  }
+
+  const normalized: KnowledgeGraphEdge = {
+    id: String(link.id ?? link.__id ?? ""),
+    type: String(link.type ?? ""),
+    source: extractNodeId(link.source),
+    target: extractNodeId(link.target),
+    properties: { ...(link.properties ?? {}) },
+  };
+
+  if (link.keywords && !normalized.properties.keywords) {
+    (normalized.properties as Record<string, unknown>).keywords = link.keywords;
+  }
+
+  (link as any).__normalizedEdge = normalized;
+  return normalized;
+}
+
+function extractNodeId(nodeRef: any) {
+  if (nodeRef == null) return "";
+  if (typeof nodeRef === "string" || typeof nodeRef === "number") {
+    return String(nodeRef);
+  }
+  return String(nodeRef.id ?? nodeRef.__id ?? nodeRef.name ?? "");
+}
+
+function computeLinkDistance(link: any, degreeMap: Map<string, number>) {
+  const sourceId = extractNodeId(link.source);
+  const targetId = extractNodeId(link.target);
+  const sourceRadius = getNodeRadius(sourceId, degreeMap);
+  const targetRadius = getNodeRadius(targetId, degreeMap);
+  const minimumGap = (sourceRadius + targetRadius) * 5;
+
+  const degreeBoost = ((degreeMap.get(sourceId) || 1) + (degreeMap.get(targetId) || 1)) / 2;
+  const weight = Number(link.properties?.weight ?? link.properties?.score ?? 1);
+  const base = 260;
+  const dynamicDistance = base + degreeBoost * 55 + weight * 40;
+
+  return Math.min(Math.max(dynamicDistance, minimumGap) * 100, 500);
+}
diff --git a/frontend/src/pages/KnowledgeBase/knowledge-base.api.ts b/frontend/src/pages/KnowledgeBase/knowledge-base.api.ts
index 18dc34d0..5741b5d3 100644
--- a/frontend/src/pages/KnowledgeBase/knowledge-base.api.ts
+++ b/frontend/src/pages/KnowledgeBase/knowledge-base.api.ts
@@ -40,6 +40,10 @@ export function deleteKnowledgeBaseFileByIdUsingDelete(baseId: string, data: obj
   return (del as unknown as (url: string, data?: object | null) => Promise<unknown>)(`/api/knowledge-base/${baseId}/files`, data ?? null);
 }
 
+export function fetchKnowledgeGraph(data: { knowledge_base_id: string; query: string }) {
+  return post("/api/rag/query", data);
+}
+
 // 检索知识库内容
 export function retrieveKnowledgeBaseContent(data: {
   query: string;
diff --git a/frontend/src/pages/KnowledgeBase/knowledge-base.const.tsx b/frontend/src/pages/KnowledgeBase/knowledge-base.const.tsx
index c11b0902..b876dc9e 100644
--- a/frontend/src/pages/KnowledgeBase/knowledge-base.const.tsx
+++ b/frontend/src/pages/KnowledgeBase/knowledge-base.const.tsx
@@ -10,6 +10,8 @@ import {
   File,
   VectorSquare,
   XCircle,
+  Share2,
+  Network,
 } from "lucide-react";
 import {
   KBFile,
@@ -47,19 +49,29 @@ export const KBFileStatusMap = {
 };
 
 export const KBTypeMap = {
-  [KBType.STRUCTURED]: {
-    value: KBType.STRUCTURED,
-    label: "结构化",
-    icon: Database,
-    iconColor: "blue",
-    description: "用于处理和分析文本数据的数据集",
-  },
-  [KBType.UNSTRUCTURED]: {
-    value: KBType.UNSTRUCTURED,
-    label: "非结构化",
+  [KBType.DOCUMENT]: {
+    value: KBType.DOCUMENT,
+    label: "向量知识库",
     icon: BookOpen,
-    iconColor: "green",
-    description: "适用于存储和管理各种格式的文件",
+    iconColor: "#1d4ed8",
+    description: "面向非结构化文档的检索问答",
+    tag: {
+      label: "向量知识库",
+      color: "#1d4ed8",
+      background: "#e0edff",
+    },
+  },
+  [KBType.GRAPH]: {
+    value: KBType.GRAPH,
+    label: "知识图谱",
+    icon: Share2,
+    iconColor: "#9333ea",
+    description: "管理实体与关系的图谱知识",
+    tag: {
+      label: "知识图谱",
+      color: "#9333ea",
+      background: "#f3e8ff",
+    },
   },
 };
 
@@ -67,10 +79,13 @@ export function mapKnowledgeBase(
   kb: KnowledgeBaseItem,
   showModelFields: boolean = true
 ): KnowledgeBaseItem {
+  const typeMeta = KBTypeMap[kb.type as keyof typeof KBTypeMap];
+
   return {
     ...kb,
     icon: <BookOpenText className="w-full h-full" />,
     description: kb.description,
+    tags: typeMeta?.tag ? [typeMeta.tag] : undefined,
     statistics: [
       ...(showModelFields
         ? [
diff --git a/frontend/src/pages/KnowledgeBase/knowledge-base.model.ts b/frontend/src/pages/KnowledgeBase/knowledge-base.model.ts
index 4e0c3a3a..53fb2e7e 100644
--- a/frontend/src/pages/KnowledgeBase/knowledge-base.model.ts
+++ b/frontend/src/pages/KnowledgeBase/knowledge-base.model.ts
@@ -6,8 +6,8 @@ export enum KBFileStatus {
 }
 
 export enum KBType {
-  UNSTRUCTURED = "unstructured",
-  STRUCTURED = "structured",
+  DOCUMENT = "DOCUMENT",
+  GRAPH = "GRAPH",
 }
 
 export interface KnowledgeBaseItem {
@@ -23,6 +23,7 @@ export interface KnowledgeBaseItem {
   chunkCount: number;
   embedding: never;
   chat: never;
+  customEntities?: string[];
 }
 
 export interface KBFile {
@@ -40,6 +41,48 @@ export interface KBFile {
   createdBy: string;
 }
 
+export interface KnowledgeGraphNodeProperties {
+  entity_id: string;
+  entity_type: string;
+  description: string;
+  source_id: string;
+  file_path: string;
+  created_at: number;
+  truncate: string;
+  [key: string]: unknown;
+}
+
+export interface KnowledgeGraphNode {
+  id: string;
+  labels: string[];
+  properties: KnowledgeGraphNodeProperties;
+}
+
+export interface KnowledgeGraphEdgeProperties {
+  weight: number;
+  description: string;
+  keywords: string;
+  source_id: string;
+  file_path: string;
+  created_at: number;
+  truncate: string;
+  [key: string]: unknown;
+}
+
+export interface KnowledgeGraphEdge {
+  id: string;
+  type: string;
+  source: string;
+  target: string;
+  properties: KnowledgeGraphEdgeProperties;
+}
+
+export interface KnowledgeGraphResponse {
+  nodes: KnowledgeGraphNode[];
+  edges: KnowledgeGraphEdge[];
+  is_truncated: boolean;
+}
+
 interface Chunk {
   id: number;
   content: string;
diff --git a/runtime/datamate-python/app/db/models/knowledge_gen.py b/runtime/datamate-python/app/db/models/knowledge_gen.py
new file mode 100644
index 00000000..423ae224
--- /dev/null
+++ b/runtime/datamate-python/app/db/models/knowledge_gen.py
@@ -0,0 +1,47 @@
+"""
+Tables of RAG Management Module
+"""
+import uuid
+from sqlalchemy import Column, String, TIMESTAMP, Text, Integer, JSON
+from sqlalchemy.sql import func
+from app.db.session import Base
+
+
+class RagKnowledgeBase(Base):
+    """知识库模型"""
+    __tablename__ = "t_rag_knowledge_base"
+
+    id = Column(String(36), primary_key=True, default=lambda: str(uuid.uuid4()), comment="UUID")
+    name = Column(String(255), nullable=False, comment="知识库名称")
+    type = Column(String(50), nullable=False, comment="知识库类型")
+    description = Column(String(512), nullable=True, comment="知识库描述")
+    embedding_model = Column(String(255), nullable=False, comment="嵌入模型")
+    chat_model = Column(String(255), nullable=True, comment="聊天模型")
+    created_at = Column(TIMESTAMP, server_default=func.current_timestamp(), comment="创建时间")
+    updated_at = Column(TIMESTAMP, server_default=func.current_timestamp(), onupdate=func.current_timestamp(),
+                      comment="更新时间")
+    created_by = Column(String(255), nullable=True, comment="创建者")
+    updated_by = Column(String(255), nullable=True, comment="更新者")
+
+    def __repr__(self):
+        return f"<RagKnowledgeBase(id={self.id}, name={self.name}, type={self.type})>"
+
+
+class RagFile(Base):
+    """知识库文件模型"""
+    __tablename__ = "t_rag_file"
+
+    id = Column(String(36), primary_key=True, default=lambda: str(uuid.uuid4()), comment="UUID")
+    knowledge_base_id = Column(String(36), nullable=False, comment="知识库ID")
+    file_name = Column(String(255), nullable=False, comment="文件名")
+    file_id = Column(String(255), nullable=False, comment="文件ID")
+    chunk_count = Column(Integer, nullable=True, comment="切片数")
+    file_metadata = Column("metadata", JSON, nullable=True, comment="元数据")
+    status = Column(String(50), nullable=True, comment="文件状态")
+    err_msg = Column(Text, nullable=True, comment="错误信息")
+    created_at = Column(TIMESTAMP, server_default=func.current_timestamp(), comment="创建时间")
+    updated_at = Column(TIMESTAMP, server_default=func.current_timestamp(), onupdate=func.current_timestamp(),
+                      comment="更新时间")
+    created_by = Column(String(255), nullable=True, comment="创建者")
+    updated_by = Column(String(255), nullable=True, comment="更新者")
+
diff --git a/runtime/datamate-python/app/module/__init__.py b/runtime/datamate-python/app/module/__init__.py
index 74ae7c2d..7d3c482b 100644
--- a/runtime/datamate-python/app/module/__init__.py
+++ b/runtime/datamate-python/app/module/__init__.py
@@ -6,6 +6,7 @@
 from .generation.interface import router as generation_router
 from .evaluation.interface import router as evaluation_router
 from .collection.interface import router as collection_route
+from .rag.interface.rag_interface import router as rag_router
 
 router = APIRouter(
     prefix="/api"
@@ -17,5 +18,6 @@
 router.include_router(generation_router)
 router.include_router(evaluation_router)
 router.include_router(collection_route)
+router.include_router(rag_router)
 
 __all__ = ["router"]
diff --git a/runtime/datamate-python/app/module/rag/__init__.py b/runtime/datamate-python/app/module/rag/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/runtime/datamate-python/app/module/rag/interface/__init__.py b/runtime/datamate-python/app/module/rag/interface/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/runtime/datamate-python/app/module/rag/interface/rag_interface.py b/runtime/datamate-python/app/module/rag/interface/rag_interface.py
new file mode 100644
index 00000000..d7bd907b
--- /dev/null
+++ b/runtime/datamate-python/app/module/rag/interface/rag_interface.py
@@ -0,0 +1,38 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.ext.asyncio import AsyncSession
+
+from app.db.session import get_db
+from app.module.rag.service.rag_service import RAGService
+from app.module.shared.schema import StandardResponse
+from ..schema.rag_schema import QueryRequest
+
+router = APIRouter(prefix="/rag", tags=["rag"])
+
+@router.post("/process/{knowledge_base_id}")
+async def process_knowledge_base(knowledge_base_id: str, db: AsyncSession = Depends(get_db)):
+    """
+    Process all unprocessed files in a knowledge base.
+    """
+    try:
+        await RAGService(db).init_graph_rag(knowledge_base_id)
+        return StandardResponse(
+            code=200,
+            message="Processing started for knowledge base.",
+            data=None
+        )
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+@router.post("/query")
+async def query_knowledge_graph(payload: QueryRequest, db: AsyncSession = Depends(get_db)):
+    """
+    Query the knowledge graph with the given query text and knowledge base ID.
+    """
+    try:
+        rag_service = RAGService(db)
+        result = await rag_service.query_rag(payload.query, payload.knowledge_base_id)
+        return StandardResponse(code=200, message="success", data=result)
+    except HTTPException:
+        raise
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
diff --git a/runtime/datamate-python/app/module/rag/schema/rag_schema.py b/runtime/datamate-python/app/module/rag/schema/rag_schema.py
new file mode 100644
index 00000000..00046194
--- /dev/null
+++ b/runtime/datamate-python/app/module/rag/schema/rag_schema.py
@@ -0,0 +1,8 @@
+from pydantic import BaseModel
+
+class ProcessRequest(BaseModel):
+    knowledge_base_id: str
+
+class QueryRequest(BaseModel):
+    knowledge_base_id: str
+    query: str
diff --git a/runtime/datamate-python/app/module/rag/service/__init__.py b/runtime/datamate-python/app/module/rag/service/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/runtime/datamate-python/app/module/rag/service/graph_rag.py b/runtime/datamate-python/app/module/rag/service/graph_rag.py
new file mode 100644
index 00000000..4c366c5e
--- /dev/null
+++ b/runtime/datamate-python/app/module/rag/service/graph_rag.py
@@ -0,0 +1,65 @@
+import os
+from typing import Awaitable, Callable, Optional
+
+import numpy as np
+from lightrag import LightRAG
+from lightrag.constants import DEFAULT_ENTITY_TYPES
+from lightrag.kg.shared_storage import initialize_pipeline_status
+from lightrag.llm.openai import openai_embed, openai_complete_if_cache
+from lightrag.utils import setup_logger, EmbeddingFunc, get_env_value
+
+setup_logger("lightrag", level="INFO")
+DEFAULT_WORKING_DIR = os.path.join(os.getcwd(), "rag_storage")
+
+
+async def build_llm_model_func(model_name: str, base_url: str, api_key: str) -> Callable[..., Awaitable[str]]:
+    async def _llm_model(
+        prompt, system_prompt=None, history_messages=None, **kwargs
+    ) -> str:
+        history_messages = history_messages or []
+        return await openai_complete_if_cache(
+            model_name,
+            prompt,
+            system_prompt=system_prompt,
+            history_messages=history_messages,
+            api_key=api_key,
+            base_url=base_url,
+            **kwargs,
+        )
+
+    return _llm_model
+
+
+async def build_embedding_func(
+    model_name: str, base_url: str, api_key: str, embedding_dim: int
+) -> EmbeddingFunc:
+    async def _embedding_func(texts: list[str]) -> np.ndarray:
+        return await openai_embed.func(
+            texts,
+            model=model_name,
+            api_key=api_key,
+            base_url=base_url,
+        )
+
+    return EmbeddingFunc(embedding_dim=embedding_dim, func=_embedding_func, max_token_size=8192)
+
+
+async def initialize_rag(
+    llm_callable: Callable[..., Awaitable[str]],
+    embedding_callable: EmbeddingFunc,
+    working_dir: Optional[str] = None,
+):
+    target_dir = working_dir or DEFAULT_WORKING_DIR
+    os.makedirs(target_dir, exist_ok=True)
+    rag = LightRAG(
+        working_dir=target_dir,
+        llm_model_func=llm_callable,
+        embedding_func=embedding_callable,
+        addon_params={
+            "language": "Chinese",
+            "entity_types": get_env_value("ENTITY_TYPES", DEFAULT_ENTITY_TYPES, list),
+        }
+    )
+    await rag.initialize_storages()
+    await initialize_pipeline_status()
+    return rag
diff --git a/runtime/datamate-python/app/module/rag/service/rag_service.py b/runtime/datamate-python/app/module/rag/service/rag_service.py
new file mode 100644
index 00000000..adf5dae6
--- /dev/null
+++ b/runtime/datamate-python/app/module/rag/service/rag_service.py
@@ -0,0 +1,138 @@
+import os
+import asyncio
+from typing import Optional, Sequence
+
+from fastapi import BackgroundTasks, Depends
+from sqlalchemy import select
+from sqlalchemy.ext.asyncio import AsyncSession
+
+from app.core.logging import get_logger
+from app.db.models.dataset_management import DatasetFiles
+from app.db.models.knowledge_gen import RagFile, RagKnowledgeBase
+from app.db.models.model_config import ModelConfig
+from app.db.session import get_db, AsyncSessionLocal
+from app.module.shared.common.document_loaders import load_documents
+from .graph_rag import (
+    DEFAULT_WORKING_DIR,
+    build_embedding_func,
+    build_llm_model_func,
+    initialize_rag,
+)
+
+logger = get_logger(__name__)
+
+
+class RAGService:
+    def __init__(
+        self,
+        db: AsyncSession = Depends(get_db),
+        background_tasks: BackgroundTasks | None = None,
+    ):
+        self.db = db
+        self.background_tasks = background_tasks
+        self.rag = None
+
+    async def get_unprocessed_files(self, knowledge_base_id: str) -> Sequence[RagFile]:
+        result = await self.db.execute(
+            select(RagFile).where(
+                RagFile.knowledge_base_id == knowledge_base_id,
+                RagFile.status != "PROCESSED",
+            )
+        )
+        return result.scalars().all()
+
+    async def init_graph_rag(self, knowledge_base_id: str):
+        kb = await self._get_knowledge_base(knowledge_base_id)
+        embedding_model = await self._get_model_config(kb.embedding_model)
+        chat_model = await self._get_model_config(kb.chat_model)
+
+        llm_callable = await build_llm_model_func(
+            chat_model.model_name, chat_model.base_url, chat_model.api_key
+        )
+        embedding_callable = await build_embedding_func(
+            embedding_model.model_name,
+            embedding_model.base_url,
+            embedding_model.api_key,
+            embedding_dim=embedding_model.embedding_dim if hasattr(embedding_model, "embedding_dim") else 1024,
+        )
+
+        kb_working_dir = os.path.join(DEFAULT_WORKING_DIR, kb.name)
+        self.rag = await initialize_rag(llm_callable, embedding_callable, kb_working_dir)
+
+        await self._schedule_file_processing(knowledge_base_id)
+
+        return {"status": "initialized", "knowledge_base_id": knowledge_base_id}
+
+    async def _schedule_file_processing(self, knowledge_base_id: str):
+        if self.background_tasks is not None:
+            self.background_tasks.add_task(self._process_with_fresh_session, knowledge_base_id, self.rag)
+        else:
+            asyncio.create_task(self._process_with_fresh_session(knowledge_base_id, self.rag))
+
+    @staticmethod
+    async def _process_with_fresh_session(knowledge_base_id: str, rag_instance):
+        async with AsyncSessionLocal() as session:
+            service = RAGService(session)
+            service.rag = rag_instance
+            await service._process_pending_files(knowledge_base_id)
+
+    async def _process_pending_files(self, knowledge_base_id: str):
+        rag_files = await self.get_unprocessed_files(knowledge_base_id)
+        if not rag_files:
+            logger.info(f"No pending files to process for knowledge base {knowledge_base_id}")
+            return
+
+        for rag_file in rag_files:
+            await self._process_single_file(rag_file)
+
+    async def _process_single_file(self, rag_file: RagFile):
+        try:
+            await self._mark_file_status(rag_file, "PROCESSING")
+            dataset_file = await self._get_dataset_file(rag_file.file_id)
+            documents = load_documents(dataset_file.file_path)
+            for doc in documents:
+                logger.info(f"Processing document {doc.page_content}")
+                await self.rag.ainsert(input=doc.page_content, file_paths=[dataset_file.file_path])
+        except Exception:  # noqa: BLE001
+            logger.exception("Failed to process rag file %s", rag_file.id)
+            await self._mark_file_status(rag_file, "PROCESS_FAILED")
+            return
+        await self._mark_file_status(rag_file, "PROCESSED")
+
+    async def _get_dataset_file(self, file_id: str) -> DatasetFiles:
+        result = await self.db.execute(
+            select(DatasetFiles).where(DatasetFiles.id == file_id)
+        )
+        dataset_file = result.scalars().first()
+        if not dataset_file:
+            raise ValueError(f"Dataset file with ID {file_id} not found.")
+        return dataset_file
+
+    async def _mark_file_status(self, rag_file: RagFile, status: str):
+        rag_file.status = status
+        self.db.add(rag_file)
+        await self.db.commit()
+        await self.db.refresh(rag_file)
+
+    async def _get_knowledge_base(self, knowledge_base_id: str):
+        result = await self.db.execute(
+            select(RagKnowledgeBase).where(RagKnowledgeBase.id == knowledge_base_id)
+        )
+        knowledge_base = result.scalars().first()
+        if not knowledge_base:
+            raise ValueError(f"Knowledge base with ID {knowledge_base_id} not found.")
+        return knowledge_base
+
+    async def _get_model_config(self, model_id: Optional[str]):
+        if not model_id:
+            raise ValueError("Model ID is required for initializing RAG.")
+        result = await self.db.execute(select(ModelConfig).where(ModelConfig.id == model_id))
+        model = result.scalars().first()
+        if not model:
+            raise ValueError(f"Model config with ID {model_id} not found.")
+        return model
+
+    async def query_rag(self, query: str, knowledge_base_id: str) -> str:
+        if not self.rag:
+            await self.init_graph_rag(knowledge_base_id)
+        return await self.rag.get_knowledge_graph(query)
diff --git a/scripts/db/rag-management-init.sql b/scripts/db/rag-management-init.sql
index 9486d2e2..1877284e 100644
--- a/scripts/db/rag-management-init.sql
+++ b/scripts/db/rag-management-init.sql
@@ -6,6 +6,7 @@ CREATE TABLE IF NOT EXISTS t_rag_knowledge_base
 (
     id              VARCHAR(36) PRIMARY KEY,
     name            VARCHAR(255) NOT NULL,
+    type            VARCHAR(50) NOT NULL,
     description     VARCHAR(512),
     embedding_model VARCHAR(255) NOT NULL,
     chat_model      VARCHAR(255),
@@ -19,6 +20,7 @@ CREATE TABLE IF NOT EXISTS t_rag_knowledge_base
 COMMENT ON TABLE t_rag_knowledge_base IS '知识库表';
 COMMENT ON COLUMN t_rag_knowledge_base.id IS 'UUID';
 COMMENT ON COLUMN t_rag_knowledge_base.name IS '知识库名称';
+COMMENT ON COLUMN t_rag_knowledge_base.type IS '知识库类型';
 COMMENT ON COLUMN t_rag_knowledge_base.description IS '知识库描述';
 COMMENT ON COLUMN t_rag_knowledge_base.embedding_model IS '嵌入模型';
 COMMENT ON COLUMN t_rag_knowledge_base.chat_model IS '聊天模型';