From 3e5e76e754d62e25e40b9f68092db891bc9fdcee Mon Sep 17 00:00:00 2001
From: Rizumu Ayaka <rizumu@ayaka.moe>
Date: Fri, 23 Jan 2026 21:09:11 +0800
Subject: [PATCH] fix: add tooltips for various settings in the right side
 panel

---
 src/components/rightSidePanel/settings/LayoutField.vue      | 5 +++++
 .../rightSidePanel/settings/TabGlobalSettings.vue           | 6 ++++++
 src/locales/en/main.json                                    | 4 ++++
 3 files changed, 15 insertions(+)

diff --git a/src/components/rightSidePanel/settings/LayoutField.vue b/src/components/rightSidePanel/settings/LayoutField.vue
index 7596b00ed..c23c7f951 100644
--- a/src/components/rightSidePanel/settings/LayoutField.vue
+++ b/src/components/rightSidePanel/settings/LayoutField.vue
@@ -32,6 +32,11 @@ defineProps<{
       "
     >
       {{ label }}
+
+      <span
+        v-if="tooltip"
+        class="icon-[lucide--info] size-3 ml-1 relative top-[1px]"
+      />
     </span>
     <slot />
   </div>
diff --git a/src/components/rightSidePanel/settings/TabGlobalSettings.vue b/src/components/rightSidePanel/settings/TabGlobalSettings.vue
index d283c2e41..e02cfb800 100644
--- a/src/components/rightSidePanel/settings/TabGlobalSettings.vue
+++ b/src/components/rightSidePanel/settings/TabGlobalSettings.vue
@@ -108,10 +108,12 @@ function openFullSettings() {
         <FieldSwitch
           v-model="showToolbox"
           :label="t('rightSidePanel.globalSettings.showToolbox')"
+          :tooltip="t('rightSidePanel.globalSettings.showToolboxTooltip')"
         />
         <FieldSwitch
           v-model="nodes2Enabled"
           :label="t('rightSidePanel.globalSettings.nodes2')"
+          :tooltip="t('rightSidePanel.globalSettings.nodes2Tooltip')"
         />
       </div>
     </PropertiesAccordionItem>
@@ -152,6 +154,7 @@ function openFullSettings() {
         <FieldSwitch
           v-model="snapToGrid"
           :label="t('rightSidePanel.globalSettings.snapNodesToGrid')"
+          :tooltip="t('rightSidePanel.globalSettings.snapNodesToGridTooltip')"
         />
       </div>
     </PropertiesAccordionItem>
@@ -183,6 +186,9 @@ function openFullSettings() {
         <FieldSwitch
           v-model="showConnectedLinks"
           :label="t('rightSidePanel.globalSettings.showConnectedLinks')"
+          :tooltip="
+            t('rightSidePanel.globalSettings.showConnectedLinksTooltip')
+          "
         />
       </div>
     </PropertiesAccordionItem>
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index bc582140a..202d3854b 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -2673,11 +2673,15 @@
       "showAdvancedTooltip": "This is an important setting that when set to TRUE, reveals all advanced parameters for nodes",
       "showInfoBadges": "Show info badges",
       "showToolbox": "Show toolbox on selection",
+      "showToolboxTooltip": "Display a floating toolbar when nodes are selected, providing quick access to common actions",
       "nodes2": "Nodes 2.0",
+      "nodes2Tooltip": "Modern: DOM-based rendering with enhanced interactivity, native browser features, and updated visual design. Classic: Traditional canvas rendering",
       "gridSpacing": "Grid spacing",
       "snapNodesToGrid": "Snap nodes to grid",
+      "snapNodesToGridTooltip": "When enabled, nodes will automatically align to the grid when moved or resized",
       "linkShape": "Link shape",
       "showConnectedLinks": "Show connected links",
+      "showConnectedLinksTooltip": "Toggle visibility of connection links between nodes on the canvas",
       "viewAllSettings": "View all settings"
     },
     "groupSettings": "Group Settings",