feat: add segment label tool (#5164)

extensions/cornerstone/src/customizations/segmentationPanelCustomization.tsx

@@ -38,6 +38,7 @@ export default function getSegmentationPanelCustomization({ commandsManager, ser
       const [previewEdits, setPreviewEdits] = useState(false);
       const [toggleSegmentEnabled, setToggleSegmentEnabled] = useState(false);
       const [useCenterAsSegmentIndex, setUseCenterAsSegmentIndex] = useState(false);
+      const [shouldShowLabelOnHover, setShouldShowLabelOnHover] = useState(false);
       const handlePreviewEditsChange = checked => {
         setPreviewEdits(checked);
         commandsManager.run('toggleSegmentPreviewEdit', { toggle: checked });
@@ -53,6 +54,11 @@ export default function getSegmentationPanelCustomization({ commandsManager, ser
         commandsManager.run('toggleUseCenterSegmentIndex', { toggle: checked });
       };
 
+      const handleToggleShowLabelOnHover = checked => {
+        setShouldShowLabelOnHover(checked);
+        commandsManager.run('toggleSegmentLabel', { toggle: checked });
+      };
+
       return (
         <div className="bg-muted flex flex-col gap-4 border-b border-b-[2px] border-black px-2 py-3">
           <div className="flex items-center gap-2">
@@ -78,6 +84,14 @@ export default function getSegmentationPanelCustomization({ commandsManager, ser
             />
             <span className="text-base text-white">Hover on segment border to activate</span>
           </div>
+
+          <div className="flex items-center gap-2">
+            <Switch
+              checked={shouldShowLabelOnHover}
+              onCheckedChange={handleToggleShowLabelOnHover}
+            />
+            <span className="text-base text-white">Show segment label on mouse hover</span>
+          </div>
         </div>
       );
     },