From 84569e409c35c8e7e5b4b3568cd9387958be24b7 Mon Sep 17 00:00:00 2001
From: Syngnat <yangguofeng919@gmail.com>
Date: Thu, 30 Jul 2026 17:46:54 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(database-icons):=20=E5=AE=8C?=
 =?UTF-8?q?=E5=96=84=E6=95=B0=E6=8D=AE=E6=BA=90=E5=93=81=E7=89=8C=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E8=B5=84=E6=BA=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

为连接弹窗导出品牌图标资源路径、容器背景和可用性判断。

补充 Java 与 Nacos SVG，替换 JVM 旧图标，并为 Doris、IoTDB、MongoDB、MQTT、Qdrant、Redis、Sphinx 资源增加品牌色。

更新数据库图标回归测试。
---
 frontend/public/db-icons/diros.svg            |  2 +-
 frontend/public/db-icons/iotdb.svg            |  2 +-
 frontend/public/db-icons/java.svg             |  1 +
 frontend/public/db-icons/mongodb.svg          |  2 +-
 frontend/public/db-icons/mqtt.svg             |  2 +-
 frontend/public/db-icons/nacos.svg            | 10 +++++++
 frontend/public/db-icons/qdrant.svg           |  2 +-
 frontend/public/db-icons/redis.svg            |  2 +-
 frontend/public/db-icons/sphinx.svg           |  2 +-
 .../src/components/DatabaseIcons.test.tsx     |  2 +-
 frontend/src/components/DatabaseIcons.tsx     | 28 ++++++++++++++++++-
 11 files changed, 46 insertions(+), 9 deletions(-)
 create mode 100644 frontend/public/db-icons/java.svg
 create mode 100644 frontend/public/db-icons/nacos.svg

diff --git a/frontend/public/db-icons/diros.svg b/frontend/public/db-icons/diros.svg
index 7582151c..8093cd20 100644
--- a/frontend/public/db-icons/diros.svg
+++ b/frontend/public/db-icons/diros.svg
@@ -1 +1 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apache Doris</title><path d="M8.666.0001c-.5355-.004-1.068.1072-1.5241.3384-.207.1048-.5749.3802-.8177.6118-1.0278.9803-1.2876 2.5138-.6553 3.8679.205.439.5068.7694 2.8476 3.1166 2.4527 2.4594 2.6352 2.6255 2.8852 2.6258.2446.0003.3647-.099 1.4408-1.19.9367-.9496 1.2306-1.2992 1.4536-1.7286.5966-1.149.6487-2.0513.174-3.014-.2264-.459-.4816-.7514-1.9012-2.176-.9018-.9052-1.7907-1.7496-1.9751-1.8765C10.0488.2005 9.3548.0052 8.666 0ZM3.5518 5.5737c-.2176.0031-.6097.085-.6097.3285v12.0904l.1642.175c.1123.1194.2498.1748.4342.1748.2545 0 .4436-.1738 3.349-3.0786 2.6868-2.6862 3.079-2.909 3.0791-3.305.0002-.3961-.3924-.6194-3.0784-3.306-2.8612-2.8619-3.0968-3.079-3.3384-3.079Zm13.0967.861c-.0481.0184-.112.1636-.1418.3225-.0756.403-.3719 1.109-.6572 1.5663-.1407.2253-2.2392 2.3955-5.049 5.2212-2.7513 2.7667-4.9104 4.9985-5.0468 5.2165-.4552.7275-.5967 1.3905-.4684 2.1964.222 1.3947 1.3263 2.6812 2.5486 2.9693.4667.11 1.618.0927 2.0329-.0305.2084-.062.526-.2112.7055-.3318.5023-.3373 9.341-9.0562 9.6463-9.5154.449-.6753.8356-1.0716.8395-1.9762-.0056-.5935-.1305-1.1138-1.0715-2.306-.5094-.6523-3.2341-3.3723-3.338-3.3324Z"/></svg>
\ No newline at end of file
+<svg role="img" fill="#0050B3" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Apache Doris</title><path d="M8.666.0001c-.5355-.004-1.068.1072-1.5241.3384-.207.1048-.5749.3802-.8177.6118-1.0278.9803-1.2876 2.5138-.6553 3.8679.205.439.5068.7694 2.8476 3.1166 2.4527 2.4594 2.6352 2.6255 2.8852 2.6258.2446.0003.3647-.099 1.4408-1.19.9367-.9496 1.2306-1.2992 1.4536-1.7286.5966-1.149.6487-2.0513.174-3.014-.2264-.459-.4816-.7514-1.9012-2.176-.9018-.9052-1.7907-1.7496-1.9751-1.8765C10.0488.2005 9.3548.0052 8.666 0ZM3.5518 5.5737c-.2176.0031-.6097.085-.6097.3285v12.0904l.1642.175c.1123.1194.2498.1748.4342.1748.2545 0 .4436-.1738 3.349-3.0786 2.6868-2.6862 3.079-2.909 3.0791-3.305.0002-.3961-.3924-.6194-3.0784-3.306-2.8612-2.8619-3.0968-3.079-3.3384-3.079Zm13.0967.861c-.0481.0184-.112.1636-.1418.3225-.0756.403-.3719 1.109-.6572 1.5663-.1407.2253-2.2392 2.3955-5.049 5.2212-2.7513 2.7667-4.9104 4.9985-5.0468 5.2165-.4552.7275-.5967 1.3905-.4684 2.1964.222 1.3947 1.3263 2.6812 2.5486 2.9693.4667.11 1.618.0927 2.0329-.0305.2084-.062.526-.2112.7055-.3318.5023-.3373 9.341-9.0562 9.6463-9.5154.449-.6753.8356-1.0716.8395-1.9762-.0056-.5935-.1305-1.1138-1.0715-2.306-.5094-.6523-3.2341-3.3723-3.338-3.3324Z"/></svg>
\ No newline at end of file
diff --git a/frontend/public/db-icons/iotdb.svg b/frontend/public/db-icons/iotdb.svg
index d7426307..393b6fb0 100644
--- a/frontend/public/db-icons/iotdb.svg
+++ b/frontend/public/db-icons/iotdb.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1"
+<svg version="1.1" fill="#0F766E"
 	 id="Õ_xBA__x2264__x201E__1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 107.7 107.7"
 	 style="enable-background:new 0 0 107.7 107.7;" xml:space="preserve">
diff --git a/frontend/public/db-icons/java.svg b/frontend/public/db-icons/java.svg
new file mode 100644
index 00000000..051bf254
--- /dev/null
+++ b/frontend/public/db-icons/java.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0074BD" d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zm-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"/><path fill="#EA2D2E" d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"/><path fill="#0074BD" d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zm40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"/><path fill="#EA2D2E" d="M76.491 1.587S89.459 14.563 64.188 34.51c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815C58.041 28.42 81.722 22.195 76.491 1.587z"/><path fill="#0074BD" d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"/></svg>
\ No newline at end of file
diff --git a/frontend/public/db-icons/mongodb.svg b/frontend/public/db-icons/mongodb.svg
index a4c81748..d2cc7b3f 100644
--- a/frontend/public/db-icons/mongodb.svg
+++ b/frontend/public/db-icons/mongodb.svg
@@ -1 +1 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MongoDB</title><path d="M17.193 9.555c-1.264-5.58-4.252-7.414-4.573-8.115-.28-.394-.53-.954-.735-1.44-.036.495-.055.685-.523 1.184-.723.566-4.438 3.682-4.74 10.02-.282 5.912 4.27 9.435 4.888 9.884l.07.05A73.49 73.49 0 0111.91 24h.481c.114-1.032.284-2.056.51-3.07.417-.296.604-.463.85-.693a11.342 11.342 0 003.639-8.464c.01-.814-.103-1.662-.197-2.218zm-5.336 8.195s0-8.291.275-8.29c.213 0 .49 10.695.49 10.695-.381-.045-.765-1.76-.765-2.405z"/></svg>
\ No newline at end of file
+<svg role="img" fill="#47A248" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>MongoDB</title><path d="M17.193 9.555c-1.264-5.58-4.252-7.414-4.573-8.115-.28-.394-.53-.954-.735-1.44-.036.495-.055.685-.523 1.184-.723.566-4.438 3.682-4.74 10.02-.282 5.912 4.27 9.435 4.888 9.884l.07.05A73.49 73.49 0 0111.91 24h.481c.114-1.032.284-2.056.51-3.07.417-.296.604-.463.85-.693a11.342 11.342 0 003.639-8.464c.01-.814-.103-1.662-.197-2.218zm-5.336 8.195s0-8.291.275-8.29c.213 0 .49 10.695.49 10.695-.381-.045-.765-1.76-.765-2.405z"/></svg>
\ No newline at end of file
diff --git a/frontend/public/db-icons/mqtt.svg b/frontend/public/db-icons/mqtt.svg
index 20fe3d68..72b84f11 100644
--- a/frontend/public/db-icons/mqtt.svg
+++ b/frontend/public/db-icons/mqtt.svg
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+<svg version="1.2" baseProfile="tiny" fill="#0EA5A4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
 	 y="0px" viewBox="0 0 1100 300" overflow="visible" xml:space="preserve">
 <g id="black_bg" display="none">
 	<rect x="-2384.9" y="-306.8" display="inline" width="4531.8" height="1152"/>
diff --git a/frontend/public/db-icons/nacos.svg b/frontend/public/db-icons/nacos.svg
new file mode 100644
index 00000000..a3ae9725
--- /dev/null
+++ b/frontend/public/db-icons/nacos.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="680 0 960 391">
+  <defs>
+    <linearGradient id="ng" x1="816.73" y1="195.1" x2="1492.16" y2="195.1" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#4190ff"/>
+      <stop offset="1" stop-color="#1be1f6"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#ng)" d="M937.33,390.21c-107.58,0-195.1-87.52-195.1-195.1S829.75,0,937.33,0a193.92,193.92,0,0,1,137.17,56.36l.16.15,52.64,52.64-54.52,54.52-52.56-52.56a118,118,0,1,0,.56,167.43l53.91-53.91,54.52,54.52-53.91,53.91A193.83,193.83,0,0,1,937.33,390.21Z"/>
+  <path fill="url(#ng)" d="M1379.86,390.21a194,194,0,0,1-137-56.17l-.38-.38L1105.28,194.51,1241.9,57.14A193.83,193.83,0,0,1,1379.86,0C1487.44,0,1575,87.52,1575,195.1S1487.44,390.21,1379.86,390.21ZM1297.2,279.31a118,118,0,1,0-.76-167.67l-82.64,83.1Z"/>
+</svg>
diff --git a/frontend/public/db-icons/qdrant.svg b/frontend/public/db-icons/qdrant.svg
index c10ad96f..f34eda61 100644
--- a/frontend/public/db-icons/qdrant.svg
+++ b/frontend/public/db-icons/qdrant.svg
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="Capa_2" data-name="Capa 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 346.42 400">
+<svg id="Capa_2" data-name="Capa 2" fill="#DC244C" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 346.42 400">
   <defs>
     <style>
       .cls-1 {
diff --git a/frontend/public/db-icons/redis.svg b/frontend/public/db-icons/redis.svg
index fc47db86..edfbca33 100644
--- a/frontend/public/db-icons/redis.svg
+++ b/frontend/public/db-icons/redis.svg
@@ -1 +1 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Redis</title><path d="M22.71 13.145c-1.66 2.092-3.452 4.483-7.038 4.483-3.203 0-4.397-2.825-4.48-5.12.701 1.484 2.073 2.685 4.214 2.63 4.117-.133 6.94-3.852 6.94-7.239 0-4.05-3.022-6.972-8.268-6.972-3.752 0-8.4 1.428-11.455 3.685C2.59 6.937 3.885 9.958 4.35 9.626c2.648-1.904 4.748-3.13 6.784-3.744C8.12 9.244.886 17.05 0 18.425c.1 1.261 1.66 4.648 2.424 4.648.232 0 .431-.133.664-.365a100.49 100.49 0 0 0 5.54-6.765c.222 3.104 1.748 6.898 6.014 6.898 3.819 0 7.604-2.756 9.33-8.965.2-.764-.73-1.361-1.261-.73zm-4.349-5.013c0 1.959-1.926 2.922-3.685 2.922-.941 0-1.664-.247-2.235-.568 1.051-1.592 2.092-3.225 3.21-4.973 1.972.334 2.71 1.43 2.71 2.619z"/></svg>
\ No newline at end of file
+<svg role="img" fill="#DC382D" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Redis</title><path d="M22.71 13.145c-1.66 2.092-3.452 4.483-7.038 4.483-3.203 0-4.397-2.825-4.48-5.12.701 1.484 2.073 2.685 4.214 2.63 4.117-.133 6.94-3.852 6.94-7.239 0-4.05-3.022-6.972-8.268-6.972-3.752 0-8.4 1.428-11.455 3.685C2.59 6.937 3.885 9.958 4.35 9.626c2.648-1.904 4.748-3.13 6.784-3.744C8.12 9.244.886 17.05 0 18.425c.1 1.261 1.66 4.648 2.424 4.648.232 0 .431-.133.664-.365a100.49 100.49 0 0 0 5.54-6.765c.222 3.104 1.748 6.898 6.014 6.898 3.819 0 7.604-2.756 9.33-8.965.2-.764-.73-1.361-1.261-.73zm-4.349-5.013c0 1.959-1.926 2.922-3.685 2.922-.941 0-1.664-.247-2.235-.568 1.051-1.592 2.092-3.225 3.21-4.973 1.972.334 2.71 1.43 2.71 2.619z"/></svg>
\ No newline at end of file
diff --git a/frontend/public/db-icons/sphinx.svg b/frontend/public/db-icons/sphinx.svg
index ca577753..33daa120 100644
--- a/frontend/public/db-icons/sphinx.svg
+++ b/frontend/public/db-icons/sphinx.svg
@@ -1 +1 @@
-<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sphinx</title><path d="M16.284 19.861c0-.654.177-1.834.393-2.623.499-1.822.774-4.079.497-4.079-.116 0-.959.762-1.873 1.694-3.472 3.54-7.197 5.543-10.312 5.543-1.778 0-2.987-.45-4.154-1.545C.128 18.186 0 17.858 0 16.703c0-1.188.117-1.468.909-2.175.718-.642 1.171-.813 2.157-.813.76.171 1.21.16 1.457.461.251.296.338 1.265.035 1.832-.162.303-.585.491-1.105.491-.49 0-.77-.116-.669-.278.315-.511-.135-.857-.713-.548-.699.374-.711 1.698-.021 2.322.969.878 3.65 1.208 5.262.648 1.743-.605 4.022-2.061 5.841-3.732l1.6-1.469-2.088-.013c-2.186-.012-3.608-.273-8.211-1.506-1.531-.41-3.003-.765-3.271-.789-.304-.026-.503-.274-.487-.656.027-.646.378-1.127.793-1.308.249-.109 1.977-.274 3.809-.761 7.136-1.898 7.569-1.629 12.323-.426 1.553.393 3.351.821 4.147.835 1.227.022 1.493.124 1.74.666.16.351.291.686.291.745 0 .058-.695.424-1.545.813-3.12 1.428-4.104 2.185-3.088 3.635.421.602.412.666-.14 1.052-.323.227-.59.687-.593 1.022-.009.908-.583 2.856-1.417 3.624l-.732.675v-1.189Zm1.594-8.328c1.242-.346 1.994-.738 3.539-1.562-1.272-.372-4.462-.895-4.462-.895-2.354-.472-2.108-.448-2.214.071a3.475 3.475 0 0 1-.45 1.105c-.541.848-2.521 1.026-3.656.483-.356-.171-.714-.821-.709-1.283.007-.65-.362-.801-.598-.714-.191.07-.813.079-2.179.448-4.514 1.217-5.132 1.078-2.189 1.495.353.05 2.223.572 3.136.815 2.239.597 2.658.641 5.556.581 2.015-.042 2.858-.163 4.226-.544ZM.732 6.258c.056-.577.088-.702 1.692-1.025.919-.185 3.185-.785 5.036-1.333 4.254-1.26 5.462-1.263 9.873-.026 1.904.535 4.037.973 4.74.975 1.097.002 1.668.487 1.668.487.505 1.16.412 1.24-1.558 1.24-1.374 0-2.558-.232-4.385-.857-1.389-.476-3.369-.923-4.451-1.004-1.974-.149-1.971-.15-8.072 1.529-1.072.295-2.553.624-3.29.732l-1.342.196.089-.914Z"/></svg>
\ No newline at end of file
+<svg role="img" fill="#2F5D62" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Sphinx</title><path d="M16.284 19.861c0-.654.177-1.834.393-2.623.499-1.822.774-4.079.497-4.079-.116 0-.959.762-1.873 1.694-3.472 3.54-7.197 5.543-10.312 5.543-1.778 0-2.987-.45-4.154-1.545C.128 18.186 0 17.858 0 16.703c0-1.188.117-1.468.909-2.175.718-.642 1.171-.813 2.157-.813.76.171 1.21.16 1.457.461.251.296.338 1.265.035 1.832-.162.303-.585.491-1.105.491-.49 0-.77-.116-.669-.278.315-.511-.135-.857-.713-.548-.699.374-.711 1.698-.021 2.322.969.878 3.65 1.208 5.262.648 1.743-.605 4.022-2.061 5.841-3.732l1.6-1.469-2.088-.013c-2.186-.012-3.608-.273-8.211-1.506-1.531-.41-3.003-.765-3.271-.789-.304-.026-.503-.274-.487-.656.027-.646.378-1.127.793-1.308.249-.109 1.977-.274 3.809-.761 7.136-1.898 7.569-1.629 12.323-.426 1.553.393 3.351.821 4.147.835 1.227.022 1.493.124 1.74.666.16.351.291.686.291.745 0 .058-.695.424-1.545.813-3.12 1.428-4.104 2.185-3.088 3.635.421.602.412.666-.14 1.052-.323.227-.59.687-.593 1.022-.009.908-.583 2.856-1.417 3.624l-.732.675v-1.189Zm1.594-8.328c1.242-.346 1.994-.738 3.539-1.562-1.272-.372-4.462-.895-4.462-.895-2.354-.472-2.108-.448-2.214.071a3.475 3.475 0 0 1-.45 1.105c-.541.848-2.521 1.026-3.656.483-.356-.171-.714-.821-.709-1.283.007-.65-.362-.801-.598-.714-.191.07-.813.079-2.179.448-4.514 1.217-5.132 1.078-2.189 1.495.353.05 2.223.572 3.136.815 2.239.597 2.658.641 5.556.581 2.015-.042 2.858-.163 4.226-.544ZM.732 6.258c.056-.577.088-.702 1.692-1.025.919-.185 3.185-.785 5.036-1.333 4.254-1.26 5.462-1.263 9.873-.026 1.904.535 4.037.973 4.74.975 1.097.002 1.668.487 1.668.487.505 1.16.412 1.24-1.558 1.24-1.374 0-2.558-.232-4.385-.857-1.389-.476-3.369-.923-4.451-1.004-1.974-.149-1.971-.15-8.072 1.529-1.072.295-2.553.624-3.29.732l-1.342.196.089-.914Z"/></svg>
\ No newline at end of file
diff --git a/frontend/src/components/DatabaseIcons.test.tsx b/frontend/src/components/DatabaseIcons.test.tsx
index 1ed686aa..fb924ad3 100644
--- a/frontend/src/components/DatabaseIcons.test.tsx
+++ b/frontend/src/components/DatabaseIcons.test.tsx
@@ -28,7 +28,7 @@ const BRAND_ICON_CASES: Array<[string, string, string]> = [
   ['chroma', 'Chroma', 'chroma.svg'],
   ['qdrant', 'Qdrant', 'qdrant.svg'],
   ['milvus', 'Milvus', 'milvus.svg'],
-  ['jvm', 'JVM', 'jvm.ico'],
+  ['jvm', 'JVM', 'java.svg'],
 ];
 
 describe('DatabaseIcons', () => {
diff --git a/frontend/src/components/DatabaseIcons.tsx b/frontend/src/components/DatabaseIcons.tsx
index c8d60f2b..0822417c 100644
--- a/frontend/src/components/DatabaseIcons.tsx
+++ b/frontend/src/components/DatabaseIcons.tsx
@@ -69,6 +69,24 @@ const DB_DEFAULT_COLORS: Record<string, string> = {
 export const getDbDefaultColor = (type: string): string =>
     DB_DEFAULT_COLORS[type?.toLowerCase()] || DB_DEFAULT_COLORS.custom;
 
+/**
+ * 获取数据库图标的静态资源路径（用于直接渲染 img 元素）
+ */
+export const getDbIconAssetSrc = (type: string): string => {
+    const config = BRAND_ASSET_CONFIGS[type?.toLowerCase()];
+    return config?.src || `/db-icons/${type?.toLowerCase()}.svg`;
+};
+
+/**
+ * 获取图标容器建议的背景色。
+ * 部分品牌图标（如 RocketMQ / IoTDB / MQTT / StarRocks）需要深色背景；
+ * 其余大多数图标设计为在白色背景上展示。
+ */
+export const getDbIconContainerBg = (type: string): string => {
+    const config = BRAND_ASSET_CONFIGS[type?.toLowerCase()];
+    return config?.background || '#ffffff';
+};
+
 type BrandAssetConfig = {
     background?: string;
     borderColor?: string;
@@ -86,7 +104,7 @@ const BRAND_ASSET_CONFIGS: Record<string, BrandAssetConfig> = {
     redis: { src: '/db-icons/redis.svg' },
     mongodb: { src: '/db-icons/mongodb.svg' },
     elasticsearch: { src: '/db-icons/elasticsearch.svg' },
-    jvm: { src: '/db-icons/jvm.ico', iconScale: 0.72 },
+    jvm: { src: '/db-icons/java.svg', iconScale: 0.68 },
     kingbase: { src: '/db-icons/kingbase.ico', iconScale: 0.72 },
     dameng: { src: '/db-icons/dameng.png', iconScale: 0.72 },
     oracle: { src: '/db-icons/oracle.ico', iconScale: 0.72 },
@@ -121,6 +139,7 @@ const BRAND_ASSET_CONFIGS: Record<string, BrandAssetConfig> = {
     },
     kafka: { src: '/db-icons/kafka.png', iconScale: 0.8 },
     rabbitmq: { src: '/db-icons/rabbitmq.svg', iconScale: 0.74 },
+    nacos: { src: '/db-icons/nacos.svg' },
     chroma: { src: '/db-icons/chroma.svg', iconScale: 0.9 },
     qdrant: { src: '/db-icons/qdrant.svg', iconScale: 0.74 },
     milvus: { src: '/db-icons/milvus.svg', iconScale: 0.74 },
@@ -136,6 +155,13 @@ const BRAND_ASSET_CONFIGS: Record<string, BrandAssetConfig> = {
 
 const BRAND_ASSET_TYPES = new Set(Object.keys(BRAND_ASSET_CONFIGS));
 
+/**
+ * 检查指定数据库类型是否有官方品牌资源配置
+ */
+export const hasDbIconAsset = (type: string): boolean => {
+    return BRAND_ASSET_TYPES.has(type?.toLowerCase());
+};
+
 /** 品牌图标：用 <img> 加载官方 svg/png/ico 资源 */
 const BrandAssetIcon: React.FC<{ type: string; size: number; color?: string }> = ({ type, size, color }) => {
     const config = BRAND_ASSET_CONFIGS[type.toLowerCase()];