From 1e38170420908d61d1e3ba4494e5e1e4f6dd52bc Mon Sep 17 00:00:00 2001
From: MHW <wei2309328087@163.com>
Date: Fri, 17 Apr 2026 14:52:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E6=96=B0=E5=A2=9E=EF=BC=8C?=
 =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=9B=BE=E8=B0=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../behaviour/BehaviortreeController.java     |   2 +-
 .../web/controller/rule/RuleController.java   |  11 +
 .../system/TemplateparameterdefMapper.xml     |   3 +-
 .../domain/config/RuleConfigTaskTypeRow.java  |  16 +
 .../domain/config/vo/RuleGraphEdgeVO.java     |  27 +
 .../domain/config/vo/RuleGraphNodeVO.java     |  33 +
 .../rule/domain/config/vo/RuleGraphVO.java    |  34 +
 .../rule/mapper/RuleConfigMapper.java         |   5 +
 .../rule/service/IRuleConfigService.java      |   6 +
 .../service/impl/RuleConfigServiceImpl.java   | 204 ++++
 .../mapper/rule/RuleConfigMapper.xml          |  39 +
 modeler/package-lock.json                     | 880 +++++++++++++++++-
 modeler/package.json                          |   1 +
 modeler/src/style.less                        | 146 +++
 modeler/src/views/decision/layout.vue         |   7 +-
 .../rule-config/RuleKnowledgeGraph.vue        | 341 +++++++
 modeler/src/views/decision/rule-config/api.ts |   6 +-
 .../views/decision/rule-config/management.vue | 111 ++-
 .../src/views/decision/rule-config/types.ts   |  20 +
 19 files changed, 1867 insertions(+), 25 deletions(-)
 create mode 100644 auto-solution-rule/src/main/java/com/solution/rule/domain/config/RuleConfigTaskTypeRow.java
 create mode 100644 auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphEdgeVO.java
 create mode 100644 auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphNodeVO.java
 create mode 100644 auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphVO.java
 create mode 100644 modeler/src/views/decision/rule-config/RuleKnowledgeGraph.vue

diff --git a/auto-solution-admin/src/main/java/com/solution/web/controller/behaviour/BehaviortreeController.java b/auto-solution-admin/src/main/java/com/solution/web/controller/behaviour/BehaviortreeController.java
index f711569..ba6cee5 100644
--- a/auto-solution-admin/src/main/java/com/solution/web/controller/behaviour/BehaviortreeController.java
+++ b/auto-solution-admin/src/main/java/com/solution/web/controller/behaviour/BehaviortreeController.java
@@ -93,7 +93,7 @@ public class BehaviortreeController extends BaseController
     @PreAuthorize("@ss.hasPermi('system:behaviortree:add')")
     @Log(title = "行为树主", businessType = BusinessType.INSERT)
     @PostMapping
-    public AjaxResult add(@RequestBody Behaviortree behaviortree)
+        public AjaxResult add(@RequestBody Behaviortree behaviortree)
     {
         return toAjax(behaviortreeProcessor.create(behaviortree));
     }
diff --git a/auto-solution-admin/src/main/java/com/solution/web/controller/rule/RuleController.java b/auto-solution-admin/src/main/java/com/solution/web/controller/rule/RuleController.java
index 6b8a2b2..6b9d036 100644
--- a/auto-solution-admin/src/main/java/com/solution/web/controller/rule/RuleController.java
+++ b/auto-solution-admin/src/main/java/com/solution/web/controller/rule/RuleController.java
@@ -9,6 +9,7 @@ import com.solution.rule.domain.Rule;
 import com.solution.rule.domain.config.RuleConfig;
 import com.solution.rule.domain.config.RuleConfigQuery;
 import com.solution.rule.domain.config.RuleParamMeta;
+import com.solution.rule.domain.config.vo.RuleGraphVO;
 import com.solution.rule.service.IRuleService;
 import com.solution.rule.service.IRuleConfigService;
 import io.swagger.annotations.Api;
@@ -77,6 +78,16 @@ import java.util.List;
         return getDataTable(ruleConfigService.selectRuleConfigList(query));
     }
 
+    @PreAuthorize("@ss.hasPermi('system:rule:list')")
+    @GetMapping("/config/graph")
+    @ApiOperation("规则知识图谱（与列表相同的分页与筛选条件）")
+    public AjaxResult configGraph(RuleConfigQuery query) {
+        startPage();
+        List<RuleConfig> list = ruleConfigService.selectRuleConfigList(query);
+        RuleGraphVO graph = ruleConfigService.buildKnowledgeGraph(list);
+        return success(graph);
+    }
+
     @PreAuthorize("@ss.hasPermi('system:rule:query')")
     @GetMapping("/config/{ruleCode}")
     @ApiOperation("查询规则聚合详情")
diff --git a/auto-solution-behaviour/src/main/resources/mapper/system/TemplateparameterdefMapper.xml b/auto-solution-behaviour/src/main/resources/mapper/system/TemplateparameterdefMapper.xml
index 41c1ded..4aa8eef 100644
--- a/auto-solution-behaviour/src/main/resources/mapper/system/TemplateparameterdefMapper.xml
+++ b/auto-solution-behaviour/src/main/resources/mapper/system/TemplateparameterdefMapper.xml
@@ -20,7 +20,8 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 
     <select id="selectTemplateparameterdefList" parameterType="templateparameterdef" resultMap="TemplateparameterdefResult">
         <include refid="selectTemplateparameterdefVo"/>
-        <where>  
+        <where>
+            <if test="id != null"> and id = #{id}</if>
             <if test="templateId != null "> and template_id = #{templateId}</if>
             <if test="paramKey != null  and paramKey != ''"> and param_key = #{paramKey}</if>
             <if test="dataType != null  and dataType != ''"> and data_type = #{dataType}</if>
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/domain/config/RuleConfigTaskTypeRow.java b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/RuleConfigTaskTypeRow.java
new file mode 100644
index 0000000..e5dfe61
--- /dev/null
+++ b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/RuleConfigTaskTypeRow.java
@@ -0,0 +1,16 @@
+package com.solution.rule.domain.config;
+
+import lombok.Data;
+
+import java.io.Serializable;
+
+/**
+ * rule_item_task_type 批量查询行
+ */
+@Data
+public class RuleConfigTaskTypeRow implements Serializable {
+
+    private String ruleCode;
+
+    private String taskTypeCode;
+}
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphEdgeVO.java b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphEdgeVO.java
new file mode 100644
index 0000000..4c179aa
--- /dev/null
+++ b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphEdgeVO.java
@@ -0,0 +1,27 @@
+package com.solution.rule.domain.config.vo;
+
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.Data;
+
+import java.io.Serializable;
+
+@Data
+@ApiModel("规则知识图谱边")
+public class RuleGraphEdgeVO implements Serializable {
+
+    @ApiModelProperty("边 id")
+    private String id;
+
+    @ApiModelProperty("起点节点 id")
+    private String source;
+
+    @ApiModelProperty("终点节点 id")
+    private String target;
+
+    @ApiModelProperty("边类型")
+    private String edgeType;
+
+    @ApiModelProperty("边上展示文案")
+    private String label;
+}
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphNodeVO.java b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphNodeVO.java
new file mode 100644
index 0000000..7b51add
--- /dev/null
+++ b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphNodeVO.java
@@ -0,0 +1,33 @@
+package com.solution.rule.domain.config.vo;
+
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.HashMap;
+import java.util.Map;
+
+@Data
+@ApiModel("规则知识图谱节点")
+public class RuleGraphNodeVO implements Serializable {
+
+    @ApiModelProperty("全局唯一节点 id")
+    private String id;
+
+    @ApiModelProperty("展示标题")
+    private String label;
+
+    @ApiModelProperty("节点类型：level/kind/module/rule/param/taskType")
+    private String nodeType;
+
+    @ApiModelProperty("附加属性（如 ruleCode、paramKey、字典编码等）")
+    private Map<String, Object> payload;
+
+    public Map<String, Object> safePayload() {
+        if (payload == null) {
+            payload = new HashMap<>();
+        }
+        return payload;
+    }
+}
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphVO.java b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphVO.java
new file mode 100644
index 0000000..b55c0fe
--- /dev/null
+++ b/auto-solution-rule/src/main/java/com/solution/rule/domain/config/vo/RuleGraphVO.java
@@ -0,0 +1,34 @@
+package com.solution.rule.domain.config.vo;
+
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.Data;
+
+import java.io.Serializable;
+import java.util.ArrayList;
+import java.util.List;
+
+@Data
+@ApiModel("规则知识图谱数据")
+public class RuleGraphVO implements Serializable {
+
+    @ApiModelProperty("节点列表")
+    private List<RuleGraphNodeVO> nodes;
+
+    @ApiModelProperty("边列表")
+    private List<RuleGraphEdgeVO> edges;
+
+    public List<RuleGraphNodeVO> safeNodes() {
+        if (nodes == null) {
+            nodes = new ArrayList<>();
+        }
+        return nodes;
+    }
+
+    public List<RuleGraphEdgeVO> safeEdges() {
+        if (edges == null) {
+            edges = new ArrayList<>();
+        }
+        return edges;
+    }
+}
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/mapper/RuleConfigMapper.java b/auto-solution-rule/src/main/java/com/solution/rule/mapper/RuleConfigMapper.java
index d13b8cf..a7c8ef4 100644
--- a/auto-solution-rule/src/main/java/com/solution/rule/mapper/RuleConfigMapper.java
+++ b/auto-solution-rule/src/main/java/com/solution/rule/mapper/RuleConfigMapper.java
@@ -3,6 +3,7 @@ package com.solution.rule.mapper;
 import com.solution.rule.domain.config.RuleConfig;
 import com.solution.rule.domain.config.RuleConfigParam;
 import com.solution.rule.domain.config.RuleConfigQuery;
+import com.solution.rule.domain.config.RuleConfigTaskTypeRow;
 import com.solution.rule.domain.config.RuleDictItem;
 import org.apache.ibatis.annotations.Param;
 
@@ -24,12 +25,16 @@ public interface RuleConfigMapper {
 
     List<RuleConfigParam> selectParamsByRuleCode(@Param("ruleCode") String ruleCode);
 
+    List<RuleConfigParam> selectParamsByRuleCodes(@Param("ruleCodes") List<String> ruleCodes);
+
     int deleteParamsByRuleCodes(@Param("ruleCodes") String[] ruleCodes);
 
     int insertParamsBatch(@Param("params") List<RuleConfigParam> params);
 
     List<String> selectTaskTypesByRuleCode(@Param("ruleCode") String ruleCode);
 
+    List<RuleConfigTaskTypeRow> selectTaskTypesByRuleCodes(@Param("ruleCodes") List<String> ruleCodes);
+
     int deleteTaskTypesByRuleCodes(@Param("ruleCodes") String[] ruleCodes);
 
     int insertTaskTypesBatch(@Param("ruleCode") String ruleCode, @Param("taskTypes") List<String> taskTypes);
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/service/IRuleConfigService.java b/auto-solution-rule/src/main/java/com/solution/rule/service/IRuleConfigService.java
index 5d37539..0f7edac 100644
--- a/auto-solution-rule/src/main/java/com/solution/rule/service/IRuleConfigService.java
+++ b/auto-solution-rule/src/main/java/com/solution/rule/service/IRuleConfigService.java
@@ -4,6 +4,7 @@ import com.solution.rule.domain.config.RuleConfig;
 import com.solution.rule.domain.config.RuleConfigQuery;
 import com.solution.rule.domain.config.RuleDictItem;
 import com.solution.rule.domain.config.RuleParamMeta;
+import com.solution.rule.domain.config.vo.RuleGraphVO;
 
 import java.util.List;
 import java.util.Map;
@@ -25,4 +26,9 @@ public interface IRuleConfigService {
     Map<String, Object> loadEnabledGlobalParams();
 
     List<RuleParamMeta> selectParamMetaList();
+
+    /**
+     * 根据当前页规则主数据构建知识图谱（节点与边），参数与任务类型从库批量加载。
+     */
+    RuleGraphVO buildKnowledgeGraph(List<RuleConfig> ruleConfigs);
 }
diff --git a/auto-solution-rule/src/main/java/com/solution/rule/service/impl/RuleConfigServiceImpl.java b/auto-solution-rule/src/main/java/com/solution/rule/service/impl/RuleConfigServiceImpl.java
index 42d1065..14754ab 100644
--- a/auto-solution-rule/src/main/java/com/solution/rule/service/impl/RuleConfigServiceImpl.java
+++ b/auto-solution-rule/src/main/java/com/solution/rule/service/impl/RuleConfigServiceImpl.java
@@ -6,8 +6,12 @@ import com.solution.common.constant.ExceptionConstants;
 import com.solution.rule.domain.config.RuleConfig;
 import com.solution.rule.domain.config.RuleConfigParam;
 import com.solution.rule.domain.config.RuleConfigQuery;
+import com.solution.rule.domain.config.RuleConfigTaskTypeRow;
 import com.solution.rule.domain.config.RuleDictItem;
 import com.solution.rule.domain.config.RuleParamMeta;
+import com.solution.rule.domain.config.vo.RuleGraphEdgeVO;
+import com.solution.rule.domain.config.vo.RuleGraphNodeVO;
+import com.solution.rule.domain.config.vo.RuleGraphVO;
 import com.solution.rule.mapper.RuleConfigMapper;
 import com.solution.rule.service.IRuleConfigService;
 import com.solution.rule.service.RuleDrlSyncService;
@@ -17,6 +21,7 @@ import org.springframework.transaction.annotation.Transactional;
 
 import java.util.*;
 import java.util.regex.Pattern;
+import java.util.stream.Collectors;
 
 @Service
 public class RuleConfigServiceImpl implements IRuleConfigService {
@@ -24,6 +29,18 @@ public class RuleConfigServiceImpl implements IRuleConfigService {
     private static final Pattern RULE_SLOT_KEYS = Pattern.compile("^(blueRuleKeywords|redRuleKeywords|ruleScore)_\\d+$");
     private static final boolean ALLOW_UNKNOWN_PARAM_KEY = false;
 
+    private static final Map<String, String> MODULE_LABELS;
+
+    static {
+        Map<String, String> m = new LinkedHashMap<>();
+        m.put("equipment", "装备匹配");
+        m.put("target", "目标分配");
+        m.put("position", "阵位部署");
+        m.put("track", "航迹生成");
+        m.put("group", "编组");
+        MODULE_LABELS = Collections.unmodifiableMap(m);
+    }
+
     @Autowired
     private RuleConfigMapper ruleConfigMapper;
     @Autowired
@@ -119,6 +136,193 @@ public class RuleConfigServiceImpl implements IRuleConfigService {
         return new ArrayList<>(metaMap().values());
     }
 
+    @Override
+    public RuleGraphVO buildKnowledgeGraph(List<RuleConfig> ruleConfigs) {
+        RuleGraphVO graph = new RuleGraphVO();
+        List<RuleGraphNodeVO> nodes = graph.safeNodes();
+        List<RuleGraphEdgeVO> edges = graph.safeEdges();
+        if (CollUtil.isEmpty(ruleConfigs)) {
+            return graph;
+        }
+        List<String> ruleCodes = ruleConfigs.stream()
+                .map(RuleConfig::getRuleCode)
+                .filter(ObjectUtil::isNotEmpty)
+                .distinct()
+                .collect(Collectors.toList());
+        List<RuleConfigParam> allParams = ruleCodes.isEmpty()
+                ? Collections.emptyList()
+                : ruleConfigMapper.selectParamsByRuleCodes(ruleCodes);
+        List<RuleConfigTaskTypeRow> allTaskRows = ruleCodes.isEmpty()
+                ? Collections.emptyList()
+                : ruleConfigMapper.selectTaskTypesByRuleCodes(ruleCodes);
+
+        Map<String, List<RuleConfigParam>> paramsByRule = allParams.stream()
+                .filter(p -> p != null && ObjectUtil.isNotEmpty(p.getRuleCode()))
+                .collect(Collectors.groupingBy(RuleConfigParam::getRuleCode, LinkedHashMap::new, Collectors.toList()));
+        Map<String, List<String>> taskTypesByRule = new LinkedHashMap<>();
+        for (RuleConfigTaskTypeRow row : allTaskRows) {
+            if (row == null || ObjectUtil.isEmpty(row.getRuleCode()) || ObjectUtil.isEmpty(row.getTaskTypeCode())) {
+                continue;
+            }
+            taskTypesByRule.computeIfAbsent(row.getRuleCode(), k -> new ArrayList<>()).add(row.getTaskTypeCode());
+        }
+
+        List<RuleDictItem> levelDict = safeDict("level");
+        List<RuleDictItem> kindDict = safeDict("kind");
+        List<RuleDictItem> taskTypeDict = safeDict("task_type");
+
+        Map<String, RuleGraphNodeVO> nodeById = new LinkedHashMap<>();
+        Set<String> edgeIds = new LinkedHashSet<>();
+
+        for (RuleConfig rule : ruleConfigs) {
+            if (rule == null || ObjectUtil.isEmpty(rule.getRuleCode())) {
+                continue;
+            }
+            String ruleCode = rule.getRuleCode();
+            String levelCode = ObjectUtil.defaultIfBlank(rule.getLevelCode(), "unknown");
+            String kindCode = ObjectUtil.defaultIfBlank(rule.getKindCode(), "unknown");
+            String moduleCode = ObjectUtil.defaultIfBlank(rule.getModuleCode(), "unknown");
+
+            String levelId = "level:" + levelCode;
+            Map<String, Object> levelPayload = new LinkedHashMap<>();
+            levelPayload.put("dictType", "level");
+            levelPayload.put("dictCode", levelCode);
+            putNode(nodeById, levelId, node(levelId, dictLabel(levelDict, levelCode, levelCode), "level", levelPayload));
+
+            String kindId = "kind:" + levelCode + ":" + kindCode;
+            Map<String, Object> kindPayload = new LinkedHashMap<>();
+            kindPayload.put("levelCode", levelCode);
+            kindPayload.put("kindCode", kindCode);
+            putNode(nodeById, kindId, node(kindId, dictLabel(kindDict, kindCode, kindCode), "kind", kindPayload));
+
+            String moduleId = "module:" + moduleCode;
+            String moduleLabel = MODULE_LABELS.getOrDefault(moduleCode, moduleCode);
+            Map<String, Object> modulePayload = new LinkedHashMap<>();
+            modulePayload.put("moduleCode", moduleCode);
+            putNode(nodeById, moduleId, node(moduleId, moduleLabel, "module", modulePayload));
+
+            String ruleId = "rule:" + ruleCode;
+            String ruleLabel = ObjectUtil.defaultIfBlank(rule.getRuleName(), ruleCode);
+            Map<String, Object> rulePayload = new LinkedHashMap<>();
+            rulePayload.put("ruleCode", ruleCode);
+            rulePayload.put("priorityNo", rule.getPriorityNo());
+            rulePayload.put("moduleCode", moduleCode);
+            rulePayload.put("levelCode", levelCode);
+            rulePayload.put("kindCode", kindCode);
+            if (ObjectUtil.isNotEmpty(rule.getConditionExpr())) {
+                rulePayload.put("conditionExpr", rule.getConditionExpr());
+            }
+            if (ObjectUtil.isNotEmpty(rule.getActionExpr())) {
+                rulePayload.put("actionExpr", rule.getActionExpr());
+            }
+            RuleGraphNodeVO ruleNode = node(ruleId, ruleLabel, "rule", rulePayload);
+            putNode(nodeById, ruleId, ruleNode);
+
+            addEdge(edges, edgeIds, "belongs_level:" + ruleCode, ruleId, levelId, "rule_belongs_level", null);
+            addEdge(edges, edgeIds, "belongs_kind:" + ruleCode, ruleId, kindId, "rule_belongs_kind", null);
+            addEdge(edges, edgeIds, "has_module:" + ruleCode, ruleId, moduleId, "rule_has_module", null);
+
+            List<RuleConfigParam> plist = paramsByRule.getOrDefault(ruleCode, Collections.emptyList());
+            for (RuleConfigParam param : plist) {
+                if (param == null || ObjectUtil.isEmpty(param.getParamKey())) {
+                    continue;
+                }
+                String pk = param.getParamKey();
+                String paramId = "param:" + ruleCode + ":" + pk;
+                String pLabel = ObjectUtil.defaultIfBlank(param.getParamName(), pk);
+                Map<String, Object> paramPayload = new LinkedHashMap<>();
+                paramPayload.put("ruleCode", ruleCode);
+                paramPayload.put("paramKey", pk);
+                paramPayload.put("paramVal", param.getParamVal());
+                paramPayload.put("valType", param.getValType());
+                RuleGraphNodeVO pNode = node(paramId, pLabel, "param", paramPayload);
+                putNode(nodeById, paramId, pNode);
+                addEdge(edges, edgeIds, "has_param:" + ruleCode + ":" + pk, ruleId, paramId, "rule_has_param", null);
+            }
+
+            List<String> tlist = taskTypesByRule.getOrDefault(ruleCode, Collections.emptyList());
+            for (String tt : tlist) {
+                if (ObjectUtil.isEmpty(tt)) {
+                    continue;
+                }
+                String taskId = "task:" + tt;
+                Map<String, Object> taskPayload = new LinkedHashMap<>();
+                taskPayload.put("taskTypeCode", tt);
+                putNode(nodeById, taskId, node(taskId, dictLabel(taskTypeDict, tt, tt), "taskType", taskPayload));
+                addEdge(edges, edgeIds, "applies_task:" + ruleCode + ":" + tt, ruleId, taskId, "rule_applies_task", null);
+            }
+        }
+
+        Comparator<RuleConfig> byPriority = Comparator.comparing(RuleConfig::getPriorityNo,
+                Comparator.nullsLast(Integer::compareTo));
+        Map<String, List<RuleConfig>> execGroups = ruleConfigs.stream()
+                .filter(r -> r != null && ObjectUtil.isNotEmpty(r.getRuleCode()))
+                .collect(Collectors.groupingBy(
+                        r -> ObjectUtil.defaultIfBlank(r.getLevelCode(), "") + "\0" + ObjectUtil.defaultIfBlank(r.getModuleCode(), ""),
+                        LinkedHashMap::new,
+                        Collectors.toList()));
+        for (List<RuleConfig> group : execGroups.values()) {
+            List<RuleConfig> sorted = new ArrayList<>(group);
+            sorted.sort(byPriority);
+            for (int i = 0; i < sorted.size() - 1; i++) {
+                String from = "rule:" + sorted.get(i).getRuleCode();
+                String to = "rule:" + sorted.get(i + 1).getRuleCode();
+                if (from.equals(to)) {
+                    continue;
+                }
+                addEdge(edges, edgeIds, "exec:" + sorted.get(i).getRuleCode() + "->" + sorted.get(i + 1).getRuleCode(),
+                        from, to, "rule_exec_before", "执行顺序");
+            }
+        }
+
+        nodes.addAll(nodeById.values());
+        return graph;
+    }
+
+    private List<RuleDictItem> safeDict(String dictType) {
+        List<RuleDictItem> list = ruleConfigMapper.selectDictByType(dictType);
+        return list != null ? list : Collections.emptyList();
+    }
+
+    private static void putNode(Map<String, RuleGraphNodeVO> map, String id, RuleGraphNodeVO n) {
+        map.putIfAbsent(id, n);
+    }
+
+    private static RuleGraphNodeVO node(String id, String label, String nodeType, Map<String, Object> payload) {
+        RuleGraphNodeVO n = new RuleGraphNodeVO();
+        n.setId(id);
+        n.setLabel(label);
+        n.setNodeType(nodeType);
+        n.setPayload(payload);
+        return n;
+    }
+
+    private static void addEdge(List<RuleGraphEdgeVO> edges, Set<String> edgeIds, String id,
+                                String source, String target, String edgeType, String label) {
+        if (!edgeIds.add(id)) {
+            return;
+        }
+        RuleGraphEdgeVO e = new RuleGraphEdgeVO();
+        e.setId(id);
+        e.setSource(source);
+        e.setTarget(target);
+        e.setEdgeType(edgeType);
+        e.setLabel(label);
+        edges.add(e);
+    }
+
+    private static String dictLabel(List<RuleDictItem> dict, String code, String fallback) {
+        if (CollUtil.isEmpty(dict) || ObjectUtil.isEmpty(code)) {
+            return fallback;
+        }
+        for (RuleDictItem item : dict) {
+            if (item != null && code.equals(item.getDictCode())) {
+                return ObjectUtil.defaultIfBlank(item.getDictName(), fallback);
+            }
+        }
+        return fallback;
+    }
+
     private void saveChildren(RuleConfig ruleConfig) {
         if (CollUtil.isNotEmpty(ruleConfig.getParams())) {
             Set<String> keys = new HashSet<>();
diff --git a/auto-solution-rule/src/main/resources/mapper/rule/RuleConfigMapper.xml b/auto-solution-rule/src/main/resources/mapper/rule/RuleConfigMapper.xml
index ea61496..90b6e19 100644
--- a/auto-solution-rule/src/main/resources/mapper/rule/RuleConfigMapper.xml
+++ b/auto-solution-rule/src/main/resources/mapper/rule/RuleConfigMapper.xml
@@ -41,6 +41,11 @@
         <result property="remark" column="remark"/>
     </resultMap>
 
+    <resultMap id="RuleConfigTaskTypeRowMap" type="com.solution.rule.domain.config.RuleConfigTaskTypeRow">
+        <result property="ruleCode" column="rule_code"/>
+        <result property="taskTypeCode" column="task_type_code"/>
+    </resultMap>
+
     <select id="selectRuleConfigList" resultMap="RuleConfigMap">
         SELECT id, rule_code, rule_name, level_code, kind_code, module_code, priority_no,
                condition_expr, action_expr, version_no, enabled, remark, created_at, updated_at
@@ -123,6 +128,23 @@
         ORDER BY sort_no ASC, id ASC
     </select>
 
+    <select id="selectParamsByRuleCodes" resultMap="RuleConfigParamMap">
+        SELECT rule_code, param_key, param_val, val_type, param_name, sort_no, enabled, remark
+        FROM rule_item_param
+        <where>
+            <if test="ruleCodes != null and ruleCodes.size() &gt; 0">
+                rule_code IN
+                <foreach collection="ruleCodes" item="c" open="(" separator="," close=")">
+                    #{c}
+                </foreach>
+            </if>
+            <if test="ruleCodes == null or ruleCodes.size() == 0">
+                1 = 0
+            </if>
+        </where>
+        ORDER BY rule_code ASC, sort_no ASC, id ASC
+    </select>
+
     <delete id="deleteParamsByRuleCodes">
         DELETE FROM rule_item_param
         WHERE rule_code IN
@@ -148,6 +170,23 @@
         ORDER BY id ASC
     </select>
 
+    <select id="selectTaskTypesByRuleCodes" resultMap="RuleConfigTaskTypeRowMap">
+        SELECT rule_code, task_type_code
+        FROM rule_item_task_type
+        <where>
+            <if test="ruleCodes != null and ruleCodes.size() &gt; 0">
+                rule_code IN
+                <foreach collection="ruleCodes" item="c" open="(" separator="," close=")">
+                    #{c}
+                </foreach>
+            </if>
+            <if test="ruleCodes == null or ruleCodes.size() == 0">
+                1 = 0
+            </if>
+        </where>
+        ORDER BY rule_code ASC, id ASC
+    </select>
+
     <delete id="deleteTaskTypesByRuleCodes">
         DELETE FROM rule_item_task_type
         WHERE rule_code IN
diff --git a/modeler/package-lock.json b/modeler/package-lock.json
index 5087bd2..84d7304 100644
--- a/modeler/package-lock.json
+++ b/modeler/package-lock.json
@@ -8,6 +8,7 @@
       "name": "modeler",
       "version": "0.0.0",
       "dependencies": {
+        "@antv/g6": "^5.0.49",
         "@antv/x6": "^3.1.2",
         "@antv/x6-vue-shape": "^3.0.2",
         "ant-design-vue": "^4.2.6",
@@ -85,6 +86,241 @@
         "vue": ">=3.0.3"
       }
     },
+    "node_modules/@antv/algorithm": {
+      "version": "0.1.26",
+      "resolved": "https://registry.npmmirror.com/@antv/algorithm/-/algorithm-0.1.26.tgz",
+      "integrity": "sha512-DVhcFSQ8YQnMNW34Mk8BSsfc61iC1sAnmcfYoXTAshYHuU50p/6b7x3QYaGctDNKWGvi1ub7mPcSY0bK+aN0qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^2.0.13",
+        "tslib": "^2.0.0"
+      }
+    },
+    "node_modules/@antv/algorithm/node_modules/@antv/util": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmmirror.com/@antv/util/-/util-2.0.17.tgz",
+      "integrity": "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==",
+      "license": "ISC",
+      "dependencies": {
+        "csstype": "^3.0.8",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/@antv/component": {
+      "version": "2.1.11",
+      "resolved": "https://registry.npmmirror.com/@antv/component/-/component-2.1.11.tgz",
+      "integrity": "sha512-dTdz8VAd3rpjOaGEZTluz82mtzrP4XCtNlNQyrxY7VNRNcjtvpTLDn57bUL2lRu1T+iklKvgbE2llMriWkq9vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g": "^6.1.11",
+        "@antv/scale": "^0.4.16",
+        "@antv/util": "^3.3.10",
+        "svg-path-parser": "^1.1.0"
+      }
+    },
+    "node_modules/@antv/event-emitter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmmirror.com/@antv/event-emitter/-/event-emitter-0.1.3.tgz",
+      "integrity": "sha512-4ddpsiHN9Pd4UIlWuKVK1C4IiZIdbwQvy9i7DUSI3xNJ89FPUFt8lxDYj8GzzfdllV0NkJTRxnG+FvLk0llidg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/expr": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/@antv/expr/-/expr-1.0.2.tgz",
+      "integrity": "sha512-vrfdmPHkTuiS5voVutKl2l06w1ihBh9A8SFdQPEE+2KMVpkymzGOF1eWpfkbGZ7tiFE15GodVdhhHomD/hdIwg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/g": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmmirror.com/@antv/g/-/g-6.3.1.tgz",
+      "integrity": "sha512-WYEKqy86LHB2PzTmrZXrIsIe+3Epeds2f68zceQ+BJtRoGki7Sy4IhlC8LrUMztgfT1t3d/0L745NWZwITroKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.7.0",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "html2canvas": "^1.4.1"
+      }
+    },
+    "node_modules/@antv/g-canvas": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmmirror.com/@antv/g-canvas/-/g-canvas-2.2.0.tgz",
+      "integrity": "sha512-h7zVBBo2aO64DuGKvq9sG+yTU3sCUb9DALCVm7nz8qGPs8hhLuFOkKPEzUDNfNYZGJUGzY8UDtJ3QRGRFcvEQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.7.0",
+        "@antv/g-math": "3.1.0",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-lite": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmmirror.com/@antv/g-lite/-/g-lite-2.7.0.tgz",
+      "integrity": "sha512-uSzgHYa5bwR5L2Au7/5tsOhFmXKZKLPBH90+Q9bP9teVs5VT4kOAi0isPSpDI8uhdDC2/VrfTWu5K9HhWI6FWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-math": "3.1.0",
+        "@antv/util": "^3.3.5",
+        "@antv/vendor": "^1.0.3",
+        "@babel/runtime": "^7.25.6",
+        "eventemitter3": "^5.0.1",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-math": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@antv/g-math/-/g-math-3.1.0.tgz",
+      "integrity": "sha512-DtN1Gj/yI0UiK18nSBsZX8RK0LszGwqfb+cBYWgE+ddyTm8dZnW4tPUhV7QXePsS6/A5hHC+JFpAAK7OEGo5ZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-dragndrop": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmmirror.com/@antv/g-plugin-dragndrop/-/g-plugin-dragndrop-2.1.1.tgz",
+      "integrity": "sha512-+aesDUJVQDs6UJ2bOBbDlaGAPCfHmU0MbrMTlQlfpwNplWueqtgVAZ3L57oZ2ZGHRWUHiRwZGPjXMBM3O2LELw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.7.0",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g6": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmmirror.com/@antv/g6/-/g6-5.1.0.tgz",
+      "integrity": "sha512-tvoBDKypL/zWEG99pgwGJLWr2CKA+6zVixYxaVzDOp0+TrPY2cxB1jevxFGPjbTOLBIMYt/vKCh1jnmDtfvtpg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/algorithm": "^0.1.26",
+        "@antv/component": "^2.1.7",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/g": "^6.1.28",
+        "@antv/g-canvas": "^2.0.48",
+        "@antv/g-plugin-dragndrop": "^2.0.38",
+        "@antv/graphlib": "^2.0.4",
+        "@antv/hierarchy": "^0.7.1",
+        "@antv/layout": "^2.0.0",
+        "@antv/util": "^3.3.11",
+        "bubblesets-js": "^2.3.4"
+      }
+    },
+    "node_modules/@antv/graphlib": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmmirror.com/@antv/graphlib/-/graphlib-2.0.4.tgz",
+      "integrity": "sha512-zc/5oQlsdk42Z0ib1mGklwzhJ5vczLFiPa1v7DgJkTbgJ2YxRh9xdarf86zI49sKVJmgbweRpJs7Nu5bIiwv4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3"
+      }
+    },
+    "node_modules/@antv/hierarchy": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmmirror.com/@antv/hierarchy/-/hierarchy-0.7.1.tgz",
+      "integrity": "sha512-7r22r+HxfcRZp79ZjGmsn97zgC1Iajrv0Mm9DIgx3lPfk+Kme2MG/+EKdZj1iEBsN0rJRzjWVPGL5YrBdVHchw==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/layout": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@antv/layout/-/layout-2.0.0.tgz",
+      "integrity": "sha512-aCZ3UdNc40SfT7meFV7QTADY2HCnc0DShVw56CJNTI6oExUIVU736grPuL5Dhb8/JrVaU4Y83QPN/P7KafBzlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/expr": "^1.0.2",
+        "@antv/graphlib": "^2.0.0",
+        "@antv/util": "^3.3.2",
+        "comlink": "^4.4.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-octree": "^1.0.2",
+        "d3-quadtree": "^3.0.1",
+        "dagre": "^0.8.5",
+        "ml-matrix": "^6.10.4",
+        "tslib": "^2.8.1"
+      }
+    },
+    "node_modules/@antv/scale": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmmirror.com/@antv/scale/-/scale-0.4.16.tgz",
+      "integrity": "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/util": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/@antv/util/-/util-3.3.11.tgz",
+      "integrity": "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@antv/vendor": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmmirror.com/@antv/vendor/-/vendor-1.0.11.tgz",
+      "integrity": "sha512-LmhPEQ+aapk3barntaiIxJ5VHno/Tyab2JnfdcPzp5xONh/8VSfed4bo/9xKo5HcUAEydko38vYLfj6lJliLiw==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.2.1",
+        "@types/d3-color": "^3.1.3",
+        "@types/d3-dispatch": "^3.0.6",
+        "@types/d3-dsv": "^3.0.7",
+        "@types/d3-ease": "^3.0.2",
+        "@types/d3-fetch": "^3.0.7",
+        "@types/d3-force": "^3.0.10",
+        "@types/d3-format": "^3.0.4",
+        "@types/d3-geo": "^3.1.0",
+        "@types/d3-hierarchy": "^3.1.7",
+        "@types/d3-interpolate": "^3.0.4",
+        "@types/d3-path": "^3.1.0",
+        "@types/d3-quadtree": "^3.0.6",
+        "@types/d3-random": "^3.0.3",
+        "@types/d3-scale": "^4.0.9",
+        "@types/d3-scale-chromatic": "^3.1.0",
+        "@types/d3-shape": "^3.1.7",
+        "@types/d3-time": "^3.0.4",
+        "@types/d3-timer": "^3.0.2",
+        "d3-array": "^3.2.4",
+        "d3-color": "^3.1.0",
+        "d3-dispatch": "^3.0.1",
+        "d3-dsv": "^3.0.1",
+        "d3-ease": "^3.0.1",
+        "d3-fetch": "^3.0.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-format": "^3.1.0",
+        "d3-geo": "^3.1.1",
+        "d3-geo-projection": "^4.0.0",
+        "d3-hierarchy": "^3.1.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-path": "^3.1.0",
+        "d3-quadtree": "^3.0.1",
+        "d3-random": "^3.0.1",
+        "d3-regression": "^1.3.10",
+        "d3-scale": "^4.0.2",
+        "d3-scale-chromatic": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "d3-time": "^3.1.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
     "node_modules/@antv/x6": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@antv/x6/-/x6-3.1.2.tgz",
@@ -2087,6 +2323,135 @@
         "assertion-error": "^2.0.1"
       }
     },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmmirror.com/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmmirror.com/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmmirror.com/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmmirror.com/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmmirror.com/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmmirror.com/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmmirror.com/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmmirror.com/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmmirror.com/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmmirror.com/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmmirror.com/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
     "node_modules/@types/deep-eql": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
@@ -2101,6 +2466,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmmirror.com/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
     "node_modules/@types/js-cookie": {
       "version": "3.0.6",
       "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-3.0.6.tgz",
@@ -2777,6 +3148,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64-arraybuffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+      "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.9.6",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.6.tgz",
@@ -2866,6 +3246,12 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/bubblesets-js": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmmirror.com/bubblesets-js/-/bubblesets-js-2.3.4.tgz",
+      "integrity": "sha512-DyMjHmpkS2+xcFNtyN00apJYL3ESdp9fTrkDr5+9Qg/GPqFmcWgGsK1akZnttE1XFxJ/VMy4DNNGMGYtmFp1Sg==",
+      "license": "MIT"
+    },
     "node_modules/bundle-require": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/bundle-require/-/bundle-require-4.2.1.tgz",
@@ -2942,6 +3328,22 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmmirror.com/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -2954,6 +3356,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/comlink": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmmirror.com/comlink/-/comlink-4.4.2.tgz",
+      "integrity": "sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g==",
+      "license": "Apache-2.0"
+    },
     "node_modules/commander": {
       "version": "14.0.2",
       "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
@@ -3050,6 +3458,15 @@
         "url": "https://opencollective.com/core-js"
       }
     },
+    "node_modules/css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "license": "MIT",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -3069,6 +3486,322 @@
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
       "license": "MIT"
     },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmmirror.com/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-binarytree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force-3d": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmmirror.com/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.2",
+      "resolved": "https://registry.npmmirror.com/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmmirror.com/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz",
+      "integrity": "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "d3-array": "1 - 3",
+        "d3-geo": "1.12.0 - 3"
+      },
+      "bin": {
+        "geo2svg": "bin/geo2svg.js",
+        "geograticule": "bin/geograticule.js",
+        "geoproject": "bin/geoproject.js",
+        "geoquantize": "bin/geoquantize.js",
+        "geostitch": "bin/geostitch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-octree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/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.npmmirror.com/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-regression": {
+      "version": "1.3.10",
+      "resolved": "https://registry.npmmirror.com/d3-regression/-/d3-regression-1.3.10.tgz",
+      "integrity": "sha512-PF8GWEL70cHHWpx2jUQXc68r1pyPHIA+St16muk/XRokETzlegj5LriNKg7o4LR0TySug4nHYPJNNRz/W+/Niw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/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-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmmirror.com/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmmirror.com/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmmirror.com/dagre/-/dagre-0.8.5.tgz",
+      "integrity": "sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "graphlib": "^2.1.8",
+        "lodash": "^4.17.15"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.19",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
@@ -3705,6 +4438,12 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
       "license": "MIT"
     },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmmirror.com/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "license": "MIT"
+    },
     "node_modules/expect-type": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.3.0.tgz",
@@ -3726,7 +4465,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/fast-glob": {
@@ -3774,6 +4512,12 @@
         }
       }
     },
+    "node_modules/fecha": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmmirror.com/fecha/-/fecha-4.2.3.tgz",
+      "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
+      "license": "MIT"
+    },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -3959,6 +4703,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/gl-matrix": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmmirror.com/gl-matrix/-/gl-matrix-3.4.4.tgz",
+      "integrity": "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==",
+      "license": "MIT"
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -3991,6 +4741,15 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmmirror.com/graphlib/-/graphlib-2.1.8.tgz",
+      "integrity": "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
     "node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
@@ -4056,13 +4815,24 @@
       "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
       "license": "MIT"
     },
+    "node_modules/html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
       "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dev": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
@@ -4094,6 +4864,27 @@
         "node": ">=8"
       }
     },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmmirror.com/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-any-array": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/is-any-array/-/is-any-array-3.0.0.tgz",
+      "integrity": "sha512-o4h+tylWykC4BD1vaejp6gDxoM13bwW8FGuNs4yIKpj8xbBJcRxJx8vZpq0dCr7ZDEfeKjmsi/euolKhX6f/ww==",
+      "license": "MIT"
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmmirror.com/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "license": "MIT"
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4770,6 +5561,45 @@
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
       "license": "MIT"
     },
+    "node_modules/ml-array-max": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ml-array-max/-/ml-array-max-2.0.0.tgz",
+      "integrity": "sha512-QQZ4kENwpWmyNb98UXRDFXrmtIXuXtt1+bSbda/2KA85+F+rrJP8hZk6QOkCQXM2Th9mUDYdq/PNByPdT9ID4A==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^3.0.0"
+      }
+    },
+    "node_modules/ml-array-min": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ml-array-min/-/ml-array-min-2.0.0.tgz",
+      "integrity": "sha512-GRj6Ky6sW9vGL6yIjgsHmXZ9YgrdmcQ8nCxPqEGeKc6dkfYg1XDYxGFxADUjNuZyoCd5PUscWAS4N+cFaX6hFg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^3.0.0"
+      }
+    },
+    "node_modules/ml-array-rescale": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/ml-array-rescale/-/ml-array-rescale-2.0.0.tgz",
+      "integrity": "sha512-2GGtKfSno94/kIloWGvpp/U5Q5vLvLrza+SAaGsLeo6Xj4mEbA6Gqx+oTfZFkxnd1grT2X007HfJNs3T5BsiVg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^3.0.0",
+        "ml-array-max": "^2.0.0",
+        "ml-array-min": "^2.0.0"
+      }
+    },
+    "node_modules/ml-matrix": {
+      "version": "6.12.2",
+      "resolved": "https://registry.npmmirror.com/ml-matrix/-/ml-matrix-6.12.2.tgz",
+      "integrity": "sha512-GC+BnW+pBh8Auap8goAxY0senAmF0IEoc3HNVSfnfbvGw0buuDIYb9kAKMS1l+GiwJ1rfK2bzJ8IHhwjzATSFA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^3.0.0",
+        "ml-array-rescale": "^2.0.0"
+      }
+    },
     "node_modules/mlly": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.0.tgz",
@@ -5289,13 +6119,17 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmmirror.com/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/sax": {
       "version": "1.4.3",
@@ -5344,6 +6178,15 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmmirror.com/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/sortablejs": {
       "version": "1.15.6",
       "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.6.tgz",
@@ -5500,6 +6343,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svg-path-parser": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/svg-path-parser/-/svg-path-parser-1.1.0.tgz",
+      "integrity": "sha512-jGCUqcQyXpfe38R7RFfhrMyfXcBmpMNJI/B+4CE9/Unkh98UporAc461GTthv+TVDuZXsBx7/WiwJb1Oh4tt4A==",
+      "license": "MIT"
+    },
     "node_modules/tailwindcss": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
@@ -5521,6 +6370,15 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmmirror.com/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "license": "MIT",
+      "dependencies": {
+        "utrie": "^1.0.2"
+      }
+    },
     "node_modules/throttle-debounce": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
@@ -5591,7 +6449,6 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
       "license": "0BSD"
     },
     "node_modules/typescript": {
@@ -5847,6 +6704,15 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmmirror.com/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-arraybuffer": "^1.0.2"
+      }
+    },
     "node_modules/vite": {
       "version": "7.2.7",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.7.tgz",
diff --git a/modeler/package.json b/modeler/package.json
index b24023f..af2e824 100644
--- a/modeler/package.json
+++ b/modeler/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@antv/g6": "^5.0.49",
     "@antv/x6": "^3.1.2",
     "@antv/x6-vue-shape": "^3.0.2",
     "ant-design-vue": "^4.2.6",
diff --git a/modeler/src/style.less b/modeler/src/style.less
index 3d33b61..8ba69bf 100644
--- a/modeler/src/style.less
+++ b/modeler/src/style.less
@@ -1917,3 +1917,149 @@
     padding-left: 5px;
   }
 }
+
+/* rule-config 页：侧栏与主内容区视觉统一（仅带 .rule-config-sidebar 时生效） */
+.rule-config-sidebar.ks-layout-sidebar {
+  background-color: #020a14;
+  background-image:
+    linear-gradient(180deg, rgba(2, 10, 20, 0.94) 0%, rgba(2, 12, 24, 0.9) 50%, rgba(1, 8, 18, 0.92) 100%),
+    url('@/assets/icons/bg-fk.png');
+  background-size: 100% 100%, 100% 100%;
+  background-position: center, center;
+  border-inline-end: 1px solid rgba(55, 126, 173, 0.35);
+
+  .ks-sidebar-header {
+    background: url('@/assets/icons/bg-fk-title.png') center / 100% 100%;
+  }
+
+  .ant-tree {
+    background: transparent;
+    color: #eee;
+
+    .ant-tree-node-content-wrapper {
+      color: #eee;
+
+      &:hover {
+        background: rgba(9, 38, 75, 0.55);
+      }
+    }
+
+    .ant-tree-node-content-wrapper.ant-tree-node-selected {
+      background: rgba(17, 55, 126, 0.65);
+    }
+
+    .ant-tree-switcher {
+      color: #a2b1ba;
+    }
+
+    .ant-tree-title {
+      color: inherit;
+    }
+  }
+
+  .ant-pagination {
+    color: #a2b1ba;
+
+    .ant-pagination-item-link,
+    .ant-pagination-item a {
+      color: #a2b1ba;
+    }
+  }
+}
+
+.rule-config-main-split {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+  overflow: hidden;
+  padding-right: 0;
+}
+
+.rule-config-graph-placeholder {
+  flex-shrink: 0;
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px dashed rgba(55, 126, 173, 0.45);
+  margin: 8px 0 8px 8px;
+  border-radius: 2px;
+  color: #a2b1ba;
+  background: rgba(8, 29, 54, 0.25);
+}
+
+.rule-config-graph-placeholder--chart {
+  align-items: stretch;
+  justify-content: stretch;
+  padding: 6px;
+}
+
+.rule-config-main-split-resizer {
+  flex: 0 0 6px;
+  width: 6px;
+  margin: 8px 0;
+  cursor: col-resize;
+  flex-shrink: 0;
+  border-radius: 2px;
+  background: rgba(55, 126, 173, 0.25);
+
+  &:hover {
+    background: rgba(55, 126, 173, 0.5);
+  }
+}
+
+.rule-config-right-cluster {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  align-items: stretch;
+}
+
+.rule-config-graph-placeholder__text {
+  font-size: 14px;
+}
+
+.rule-config-panel-toggle {
+  flex: 0 0 20px;
+  width: 20px;
+  margin: 8px 0;
+  padding: 0;
+  border: 0;
+  border-radius: 2px 0 0 2px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #eee;
+  background: rgba(9, 38, 75, 0.75);
+
+  &:hover {
+    background: rgba(17, 55, 126, 0.85);
+  }
+}
+
+.rule-config-right-panel {
+  flex: 0 0 min(480px, 42vw);
+  width: min(480px, 42vw);
+  min-width: 320px;
+  max-width: 55%;
+  transition: flex-basis 0.2s ease, width 0.2s ease, opacity 0.2s ease, min-width 0.2s ease;
+  overflow: hidden;
+  border-left: 1px solid rgba(71, 95, 113, 0.6);
+}
+
+.rule-config-right-panel--collapsed {
+  flex: 0 0 0;
+  width: 0;
+  min-width: 0;
+  max-width: 0;
+  opacity: 0;
+  border-left: 0;
+  pointer-events: none;
+}
+
+.rule-config-right-panel__inner {
+  height: 100%;
+  overflow-y: auto;
+  padding: 10px 10px 10px 4px;
+}
diff --git a/modeler/src/views/decision/layout.vue b/modeler/src/views/decision/layout.vue
index 90ef707..8d3e186 100644
--- a/modeler/src/views/decision/layout.vue
+++ b/modeler/src/views/decision/layout.vue
@@ -4,7 +4,7 @@
       <Header />
       <a-layout class="ks-layout-body">
         <slot name="body">
-          <a-layout-sider class="ks-layout-sidebar" width="300">
+          <a-layout-sider class="ks-layout-sidebar" :class="sidebarClass" width="300">
             <slot name="sidebar" />
           </a-layout-sider>
           <a-layout-content class="ks-layout-main">
@@ -21,4 +21,9 @@
 <script lang="ts" setup>
 import { Wrapper } from '@/components/wrapper';
 import Header from './header.vue';
+
+defineProps<{
+  /** 追加在 ks-layout-sidebar 上的类名，用于单页侧栏皮肤 */
+  sidebarClass?: string;
+}>();
 </script>
\ No newline at end of file
diff --git a/modeler/src/views/decision/rule-config/RuleKnowledgeGraph.vue b/modeler/src/views/decision/rule-config/RuleKnowledgeGraph.vue
new file mode 100644
index 0000000..13e6d72
--- /dev/null
+++ b/modeler/src/views/decision/rule-config/RuleKnowledgeGraph.vue
@@ -0,0 +1,341 @@
+<!--
+  - This file is part of the kernelstudio package.
+  -
+  - (c) 2014-2026 zlin <admin@kernelstudio.com>
+  -
+  - For the full copyright and license information, please view the LICENSE file
+  - that was distributed with this source code.
+-->
+<template>
+  <div class="rule-knowledge-graph">
+    <div class="rule-knowledge-graph__toolbar">
+      <a-radio-group v-model:value="density" size="small" button-style="solid">
+        <a-radio-button value="overview">简要结构</a-radio-button>
+        <a-radio-button value="full">完整</a-radio-button>
+      </a-radio-group>
+      <span class="rule-knowledge-graph__hint">
+        简要：仅层级→种类→模块→规则；完整：含参数、任务类型与执行顺序边
+      </span>
+    </div>
+    <div v-if="errorMsg" class="rule-knowledge-graph__banner rule-knowledge-graph__banner--error">
+      {{ errorMsg }}
+    </div>
+    <div v-else-if="emptyHint" class="rule-knowledge-graph__banner">
+      {{ emptyHint }}
+    </div>
+    <div v-show="!errorMsg && !emptyHint" ref="hostRef" class="rule-knowledge-graph__host" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Graph } from '@antv/g6';
+import { message } from 'ant-design-vue';
+import { nextTick, onBeforeUnmount, ref, watch } from 'vue';
+import { findRuleConfigGraph } from './api';
+import type { RuleConfigRequest, RuleGraphEdge, RuleGraphNode, RuleGraphPayload } from './types';
+
+const props = defineProps<{
+  query: RuleConfigRequest,
+  refreshKey: number,
+}>();
+
+const hostRef = ref<HTMLDivElement | null>(null);
+const errorMsg = ref<string | null>(null);
+const emptyHint = ref<string | null>(null);
+const density = ref<'overview' | 'full'>('overview');
+const lastPayload = ref<RuleGraphPayload | null>(null);
+
+let graph: Graph | null = null;
+let resizeObserver: ResizeObserver | null = null;
+
+const NODE_COLORS: Record<string, string> = {
+  level: '#5B8FF9',
+  kind: '#61DDAA',
+  module: '#65789B',
+  rule: '#F6903D',
+  param: '#9270CA',
+  taskType: '#269A99',
+};
+
+const str = (v: unknown): string => (v === null || v === undefined ? '' : String(v));
+
+/** 简要：只保留结构主干，边改为 level → kind → module → rule 便于分层布局 */
+const buildOverviewPayload = (payload: RuleGraphPayload): RuleGraphPayload => {
+  const keepTypes = new Set(['level', 'kind', 'module', 'rule']);
+  const nodes = payload.nodes.filter((n) => keepTypes.has(n.nodeType));
+  const nodeIds = new Set(nodes.map((n) => n.id));
+
+  const edgeSeen = new Set<string>();
+  const edges: RuleGraphEdge[] = [];
+
+  const addEdge = (source: string, target: string, suffix: string) => {
+    if (!nodeIds.has(source) || !nodeIds.has(target)) {
+      return;
+    }
+    const key = `${source}|${target}`;
+    if (edgeSeen.has(key)) {
+      return;
+    }
+    edgeSeen.add(key);
+    edges.push({
+      id: `ov:${suffix}:${key}`,
+      source,
+      target,
+      edgeType: 'overview_hierarchy',
+      label: null,
+    });
+  };
+
+  for (const r of nodes) {
+    if (r.nodeType !== 'rule' || !r.payload) {
+      continue;
+    }
+    const levelCode = str(r.payload.levelCode);
+    const kindCode = str(r.payload.kindCode);
+    const moduleCode = str(r.payload.moduleCode);
+    if (!levelCode || !kindCode || !moduleCode) {
+      continue;
+    }
+    const lid = `level:${levelCode}`;
+    const kid = `kind:${levelCode}:${kindCode}`;
+    const mid = `module:${moduleCode}`;
+    addEdge(lid, kid, 'lk');
+    addEdge(kid, mid, 'km');
+    addEdge(mid, r.id, 'mr');
+  }
+
+  return { nodes, edges };
+};
+
+const toGraphData = (payload: RuleGraphPayload) => ({
+  nodes: payload.nodes.map((n) => ({
+    id: n.id,
+    data: {
+      label: n.label,
+      nodeType: n.nodeType,
+      payload: n.payload ?? {},
+    },
+  })),
+  edges: payload.edges.map((e) => ({
+    id: e.id,
+    source: e.source,
+    target: e.target,
+    data: {
+      edgeType: e.edgeType ?? '',
+      label: e.label ?? '',
+    },
+  })),
+});
+
+const disposeGraph = async () => {
+  resizeObserver?.disconnect();
+  resizeObserver = null;
+  if (graph) {
+    try {
+      graph.destroy();
+    } catch {
+      /* ignore */
+    }
+    graph = null;
+  }
+};
+
+const buildGraph = async (payload: RuleGraphPayload, mode: 'overview' | 'full') => {
+  await disposeGraph();
+  const el = hostRef.value;
+  if (!el) {
+    return;
+  }
+  const raw = mode === 'overview' ? buildOverviewPayload(payload) : payload;
+  const data = toGraphData(raw);
+  if (raw.nodes.length === 0) {
+    return;
+  }
+
+  const width = Math.max(el.clientWidth, 280);
+  const height = Math.max(el.clientHeight, 240);
+
+  const layout =
+    mode === 'overview'
+      ? {
+          type: 'antv-dagre' as const,
+          rankdir: 'TB',
+          ranksep: 56,
+          nodesep: 36,
+        }
+      : {
+          type: 'd3-force' as const,
+        };
+
+  graph = new Graph({
+    container: el,
+    width,
+    height,
+    data,
+    layout,
+    node: {
+      style: {
+        size: (d: { data?: { nodeType?: string } }) => {
+          const t = d.data?.nodeType;
+          if (mode === 'overview') {
+            if (t === 'rule') return 20;
+            if (t === 'module') return 18;
+            return 16;
+          }
+          return t === 'param' ? 5 : 11;
+        },
+        fill: (d: { data?: { nodeType?: string } }) => NODE_COLORS[d.data?.nodeType ?? ''] ?? '#8B8B8B',
+        labelText: (d: { data?: { label?: string }; id: string }) => d.data?.label ?? String(d.id),
+        labelFill: '#e8f4f8',
+        labelFontSize: (d: { data?: { nodeType?: string } }) =>
+          (mode === 'overview' ? (d.data?.nodeType === 'rule' ? 11 : 12) : 9),
+        labelMaxWidth: mode === 'overview' ? 200 : 100,
+        labelWordWrap: true,
+        lineWidth: 1.5,
+        stroke: '#0d1f2c',
+      },
+    },
+    edge: {
+      style: {
+        stroke: (d: { data?: { edgeType?: string } }) => {
+          const t = d.data?.edgeType;
+          if (t === 'overview_hierarchy') {
+            return 'rgba(120, 170, 200, 0.55)';
+          }
+          if (t === 'rule_exec_before') {
+            return '#faad14';
+          }
+          return 'rgba(150, 175, 190, 0.35)';
+        },
+        lineWidth: (d: { data?: { edgeType?: string } }) =>
+          (d.data?.edgeType === 'rule_exec_before' ? 2 : 1),
+        endArrow: mode !== 'overview',
+      },
+    },
+    behaviors: ['drag-canvas', 'zoom-canvas', 'drag-element'],
+  });
+  await graph.render();
+  await graph.fitView();
+  resizeObserver = new ResizeObserver(() => {
+    if (!graph || !hostRef.value) {
+      return;
+    }
+    const w = Math.max(hostRef.value.clientWidth, 280);
+    const h = Math.max(hostRef.value.clientHeight, 240);
+    graph.setSize(w, h);
+    void graph.fitView();
+  });
+  resizeObserver.observe(el);
+};
+
+const renderFromCache = async () => {
+  if (!lastPayload.value) {
+    return;
+  }
+  if (!lastPayload.value.nodes?.length) {
+    return;
+  }
+  await nextTick();
+  await buildGraph(lastPayload.value, density.value);
+};
+
+const load = async () => {
+  errorMsg.value = null;
+  emptyHint.value = null;
+  await disposeGraph();
+  try {
+    const r = await findRuleConfigGraph({
+      pageNum: props.query.pageNum,
+      pageSize: props.query.pageSize,
+      ruleCode: props.query.ruleCode ?? undefined,
+      ruleName: props.query.ruleName ?? undefined,
+      levelCode: props.query.levelCode ?? undefined,
+      kindCode: props.query.kindCode ?? undefined,
+      moduleCode: props.query.moduleCode ?? undefined,
+      enabled: props.query.enabled ?? undefined,
+    });
+    if (r.code !== 200 || !r.data) {
+      errorMsg.value = r.msg ?? '加载知识图谱失败';
+      lastPayload.value = null;
+      return;
+    }
+    const payload = r.data;
+    if (!payload.nodes?.length) {
+      emptyHint.value = '当前页无规则数据，图谱为空';
+      lastPayload.value = null;
+      return;
+    }
+    lastPayload.value = payload;
+    await renderFromCache();
+  } catch (e: unknown) {
+    const msg = e instanceof Error ? e.message : String(e);
+    errorMsg.value = `图谱请求失败：${msg}`;
+    lastPayload.value = null;
+    message.error(errorMsg.value);
+  }
+};
+
+watch(
+  () => [props.query.pageNum, props.query.pageSize, props.refreshKey],
+  () => {
+    void load();
+  },
+  { immediate: true },
+);
+
+watch(density, () => {
+  void renderFromCache();
+});
+
+onBeforeUnmount(() => {
+  void disposeGraph();
+});
+</script>
+
+<style scoped lang="less">
+.rule-knowledge-graph {
+  flex: 1;
+  min-height: 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.rule-knowledge-graph__toolbar {
+  flex: 0 0 auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  padding: 0 2px 4px;
+}
+
+.rule-knowledge-graph__hint {
+  font-size: 11px;
+  color: #7a8d96;
+  line-height: 1.35;
+  max-width: 100%;
+}
+
+.rule-knowledge-graph__host {
+  flex: 1;
+  min-height: 200px;
+  position: relative;
+}
+
+.rule-knowledge-graph__banner {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  font-size: 13px;
+  color: #a2b1ba;
+  text-align: center;
+}
+
+.rule-knowledge-graph__banner--error {
+  color: #ff9c9c;
+}
+</style>
diff --git a/modeler/src/views/decision/rule-config/api.ts b/modeler/src/views/decision/rule-config/api.ts
index bb8a6ea..c8f7308 100644
--- a/modeler/src/views/decision/rule-config/api.ts
+++ b/modeler/src/views/decision/rule-config/api.ts
@@ -9,7 +9,7 @@
 
 import { HttpRequestClient } from '@/utils/request';
 import type { ApiDataResponse, BasicResponse } from '@/types';
-import type { RuleConfig, RuleConfigPageableResponse, RuleConfigRequest, RuleDictItem, RuleParamMeta } from './types';
+import type { RuleConfig, RuleConfigPageableResponse, RuleConfigRequest, RuleDictItem, RuleGraphPayload, RuleParamMeta } from './types';
 
 const req = HttpRequestClient.create<BasicResponse>({
   baseURL: '/api',
@@ -42,3 +42,7 @@ export const findRuleDictByType = (dictType: string): Promise<ApiDataResponse<Ru
 export const findRuleParamMeta = (): Promise<ApiDataResponse<RuleParamMeta[]>> => {
   return req.get('/system/rule/config/param-meta');
 };
+
+export const findRuleConfigGraph = (query: Partial<RuleConfigRequest> = {}): Promise<ApiDataResponse<RuleGraphPayload>> => {
+  return req.get('/system/rule/config/graph', query);
+};
diff --git a/modeler/src/views/decision/rule-config/management.vue b/modeler/src/views/decision/rule-config/management.vue
index 0d5479a..4e9ad02 100644
--- a/modeler/src/views/decision/rule-config/management.vue
+++ b/modeler/src/views/decision/rule-config/management.vue
@@ -1,5 +1,5 @@
 <template>
-  <Layout>
+  <Layout sidebar-class="rule-config-sidebar">
     <template #sidebar>
       <div class="ks-sidebar-header">
         <a-flex class="ks-sidebar-title">
@@ -39,9 +39,41 @@
           </a-space>
         </template>
 
-        <div class="ks-scrollable" style="height: 80.5vh;overflow-y: auto;padding-right: 10px">
-          <a-row :gutter="15">
-            <a-col :span="16">
+        <div
+          ref="splitRootRef"
+          class="ks-scrollable rule-config-main-split"
+          style="height: 80.5vh;"
+        >
+          <div
+            class="rule-config-graph-placeholder rule-config-graph-placeholder--chart"
+            :style="{
+              flex: `0 0 ${graphPanePercent}%`,
+              minWidth: '140px',
+              maxWidth: '78%',
+            }"
+          >
+            <RuleKnowledgeGraph :query="query" :refresh-key="graphRevision" />
+          </div>
+          <div
+            class="rule-config-main-split-resizer"
+            title="拖动调节图谱与参数区占比"
+            @mousedown="onGraphSplitMouseDown"
+          />
+          <div class="rule-config-right-cluster">
+            <button
+              type="button"
+              class="rule-config-panel-toggle"
+              :title="rightPanelExpanded ? '收起参数面板' : '展开参数面板'"
+              @click="rightPanelExpanded = !rightPanelExpanded"
+            >
+              <LeftOutlined v-if="rightPanelExpanded" />
+              <RightOutlined v-else />
+            </button>
+            <div
+              class="rule-config-right-panel"
+              :class="{ 'rule-config-right-panel--collapsed': !rightPanelExpanded }"
+            >
+              <div class="rule-config-right-panel__inner">
               <a-form
                 ref="formRef"
                 :label-col="{ span: 6 }"
@@ -138,8 +170,9 @@
                   </a-space>
                 </a-form-item>
               </a-form>
-            </a-col>
-          </a-row>
+              </div>
+            </div>
+          </div>
         </div>
       </a-card>
     </div>
@@ -149,8 +182,9 @@
 <script setup lang="ts">
 import { nextTick, onMounted, ref } from 'vue';
 import { type FormInstance, message } from 'ant-design-vue';
-import { MinusCircleOutlined, PlusCircleOutlined, PlusOutlined } from '@ant-design/icons-vue';
+import { LeftOutlined, MinusCircleOutlined, PlusCircleOutlined, PlusOutlined, RightOutlined } from '@ant-design/icons-vue';
 import Layout from '../layout.vue';
+import RuleKnowledgeGraph from './RuleKnowledgeGraph.vue';
 import { createRuleConfig, deleteRuleConfig, findRuleConfigByCode, findRuleConfigByQuery, findRuleParamMeta, updateRuleConfig } from './api';
 import type { RuleConfig, RuleConfigParam, RuleConfigRequest, RuleParamMeta } from './types';
 
@@ -207,10 +241,45 @@ const paramMetaOptions = ref<{ label: string; value: string }[]>([]);
 
 const levelOptions = [
   { code: 'task', name: '任务级' },
-  { code: 'platform', name: '平台级' },
   { code: 'action', name: '行动级' },
+  { code: 'platform', name: '平台级' },
 ];
 
+const rightPanelExpanded = ref(true);
+
+const GRAPH_PANE_STORAGE_KEY = 'rule-config-graph-pane-percent';
+const GRAPH_PANE_MIN = 18;
+const GRAPH_PANE_MAX = 70;
+const graphPanePercent = ref(32);
+const splitRootRef = ref<HTMLElement | null>(null);
+const graphRevision = ref(0);
+
+const clampGraphPercent = (n: number) =>
+  Math.min(GRAPH_PANE_MAX, Math.max(GRAPH_PANE_MIN, Math.round(n)));
+
+const onGraphSplitMouseDown = (e: MouseEvent) => {
+  e.preventDefault();
+  const root = splitRootRef.value;
+  if (!root) return;
+  const rect = root.getBoundingClientRect();
+  const onMove = (ev: MouseEvent) => {
+    const x = ev.clientX - rect.left;
+    const p = (x / rect.width) * 100;
+    graphPanePercent.value = clampGraphPercent(p);
+  };
+  const onUp = () => {
+    window.removeEventListener('mousemove', onMove);
+    window.removeEventListener('mouseup', onUp);
+    document.body.style.removeProperty('cursor');
+    document.body.style.removeProperty('user-select');
+    sessionStorage.setItem(GRAPH_PANE_STORAGE_KEY, String(graphPanePercent.value));
+  };
+  document.body.style.cursor = 'col-resize';
+  document.body.style.userSelect = 'none';
+  window.addEventListener('mousemove', onMove);
+  window.addEventListener('mouseup', onUp);
+};
+
 const kindOptions = [
   { code: 'select', name: '选择' },
   { code: 'assign', name: '分配' },
@@ -233,12 +302,14 @@ const buildTreeData = () => {
     const params = detail?.params?.filter((item) => item.paramKey) ?? [];
     if (params.length === 0) return;
 
-    group[levelCode] = group[levelCode] ?? {};
-    group[levelCode][kindCode] = group[levelCode][kindCode] ?? [];
+    const levelEntry = group[levelCode] ?? {};
+    group[levelCode] = levelEntry;
+    const kindList = levelEntry[kindCode] ?? [];
+    levelEntry[kindCode] = kindList;
 
     params.forEach((param, index) => {
       const paramTitle = param.paramName || param.paramKey || `参数${index + 1}`;
-      group[levelCode][kindCode].push({
+      kindList.push({
         title: paramTitle,
         key: `param:${rule.ruleCode}:${param.paramKey || index}`,
         isLeaf: true,
@@ -302,6 +373,7 @@ const load = async () => {
       }),
   );
   buildTreeData();
+  graphRevision.value += 1;
 };
 
 const loadParamMeta = async () => {
@@ -476,8 +548,9 @@ const handleChange = async (page: number, pageSize: number) => {
 
 const handleAddParam = () => {
   const row = defaultParam();
-  if (paramMetaOptions.value.length > 0) {
-    row.paramKey = paramMetaOptions.value[0].value;
+  const firstOpt = paramMetaOptions.value[0];
+  if (firstOpt) {
+    row.paramKey = firstOpt.value;
     handleParamKeyChange(row);
   }
   selectedRuleConfig.value.params.push(row);
@@ -494,6 +567,13 @@ const handleMinusParam = (index: number) => {
 };
 
 onMounted(() => {
+  const raw = sessionStorage.getItem(GRAPH_PANE_STORAGE_KEY);
+  if (raw) {
+    const v = Number(raw);
+    if (!Number.isNaN(v)) {
+      graphPanePercent.value = clampGraphPercent(v);
+    }
+  }
   loadParamMeta().then(() => load());
 });
 
@@ -517,7 +597,10 @@ const handleParamKeyChange = (item: RuleConfigParam) => {
   item.valType = 'string';
   if (meta.valueType === 'enum' && Array.isArray(meta.enumOptions) && meta.enumOptions.length > 0) {
     if (!meta.enumOptions.includes(String(item.paramVal ?? ''))) {
-      item.paramVal = meta.enumOptions[0];
+      const first = meta.enumOptions[0];
+      if (first !== undefined) {
+        item.paramVal = first;
+      }
     }
   }
 };
diff --git a/modeler/src/views/decision/rule-config/types.ts b/modeler/src/views/decision/rule-config/types.ts
index 052e94e..a2f6fb9 100644
--- a/modeler/src/views/decision/rule-config/types.ts
+++ b/modeler/src/views/decision/rule-config/types.ts
@@ -86,3 +86,23 @@ export interface RuleConfigRequest extends Partial<RuleConfig> {
 }
 
 export interface RuleConfigPageableResponse extends PageableResponse<RuleConfig> {}
+
+export interface RuleGraphNode {
+  id: string,
+  label: string,
+  nodeType: string,
+  payload?: Record<string, unknown> | null,
+}
+
+export interface RuleGraphEdge {
+  id: string,
+  source: string,
+  target: string,
+  edgeType?: string | null,
+  label?: string | null,
+}
+
+export interface RuleGraphPayload {
+  nodes: RuleGraphNode[],
+  edges: RuleGraphEdge[],
+}