fix: add tooltips for various settings in the right side panel

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>

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>

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",