Update names in Sidebar

Author: schmidt-sebastian

src/main.ts

@@ -77,9 +77,9 @@ const routes = {
   '/vision/object_detector': {
     setup: setupObjectDetector,
     cleanup: cleanupObjectDetector,
-    label: 'Object Detection',
+    label: 'Object Detector',
   },
-  '/vision/face_detector': { setup: setupFaceDetector, cleanup: cleanupFaceDetector, label: 'Face Detection' },
+  '/vision/face_detector': { setup: setupFaceDetector, cleanup: cleanupFaceDetector, label: 'Face Detector' },
   '/vision/face_landmarker': { setup: setupFaceLandmarker, cleanup: cleanupFaceLandmarker, label: 'Face Landmarker' },
   '/vision/hand_landmarker': { setup: setupHandLandmarker, cleanup: cleanupHandLandmarker, label: 'Hand Landmarker' },
   '/vision/pose_landmarker': { setup: setupPoseLandmarker, cleanup: cleanupPoseLandmarker, label: 'Pose Landmarker' },
@@ -106,9 +106,9 @@ const routes = {
   '/vision/image_segmenter': {
     setup: setupImageSegmenter,
     cleanup: cleanupImageSegmenter,
-    label: 'Image Segmentation',
+    label: 'Image Segmenter',
   },
-  '/vision/image_embedder': { setup: setupImageEmbedder, cleanup: cleanupImageEmbedder, label: 'Image Embedding' },
+  '/vision/image_embedder': { setup: setupImageEmbedder, cleanup: cleanupImageEmbedder, label: 'Image Embedder' },
   '/audio/audio_classifier': {
     setup: setupAudioClassifier,
     cleanup: cleanupAudioClassifier,
@@ -117,14 +117,14 @@ const routes = {
   '/text/text_classifier': {
     setup: setupTextClassifier,
     cleanup: cleanupTextClassifier,
-    label: 'Text Classification',
+    label: 'Text Classifier',
   },
   '/text/language_detector': {
     setup: setupLanguageDetector,
     cleanup: cleanupLanguageDetector,
-    label: 'Language Detection',
+    label: 'Language Detector',
   },
-  '/text/text_embedder': { setup: setupTextEmbedder, cleanup: cleanupTextEmbedder, label: 'Text Embedding' },
+  '/text/text_embedder': { setup: setupTextEmbedder, cleanup: cleanupTextEmbedder, label: 'Text Embedder' },
 };
 
 let currentCleanup: (() => void) | undefined;

src/ui/sidebar.ts

@@ -26,16 +26,16 @@ export function renderSidebar(container: HTMLElement) {
     <nav class="sidebar-nav">
       <div class="category-header">Vision</div>
       <ul>
-        <li><a href="#/vision/face_detector" class="nav-button" data-task="face-detector">Face Detection</a></li>
+        <li><a href="#/vision/face_detector" class="nav-button" data-task="face-detector">Face Detector</a></li>
         <li><a href="#/vision/face_landmarker" class="nav-button" data-task="face-landmarker">Face Landmarker</a></li>
         <li><a href="#/vision/gesture_recognizer" class="nav-button" data-task="gesture-recognizer">Gesture Recognizer</a></li>
         <li><a href="#/vision/hand_landmarker" class="nav-button" data-task="hand-landmarker">Hand Landmarker</a></li>
         <li><a href="#/vision/holistic_landmarker" class="nav-button" data-task="holistic-landmarker">Holistic Landmarker</a></li>
         <li><a href="#/vision/image_classifier" class="nav-button" data-task="image-classifier">Image Classifier</a></li>
-        <li><a href="#/vision/image_embedder" class="nav-button" data-task="image-embedder">Image Embedding</a></li>
-        <li><a href="#/vision/image_segmenter" class="nav-button" data-task="image-segmenter">Image Segmentation</a></li>
+        <li><a href="#/vision/image_embedder" class="nav-button" data-task="image-embedder">Image Embedder</a></li>
+        <li><a href="#/vision/image_segmenter" class="nav-button" data-task="image-segmenter">Image Segmenter</a></li>
         <li><a href="#/vision/interactive_segmenter" class="nav-button" data-task="interactive-segmenter">Interactive Segmenter</a></li>
-        <li><a href="#/vision/object_detector" class="nav-button" data-task="object-detector">Object Detection</a></li>
+        <li><a href="#/vision/object_detector" class="nav-button" data-task="object-detector">Object Detector</a></li>
         <li><a href="#/vision/pose_landmarker" class="nav-button" data-task="pose-landmarker">Pose Landmarker</a></li>
       </ul>
 
@@ -46,9 +46,9 @@ export function renderSidebar(container: HTMLElement) {
 
       <div class="category-header">Text</div>
       <ul>
-        <li><a href="#/text/language_detector" class="nav-button" data-task="language-detector">Language Detection</a></li>
-        <li><a href="#/text/text_classifier" class="nav-button" data-task="text-classifier">Text Classification</a></li>
-        <li><a href="#/text/text_embedder" class="nav-button" data-task="text-embedder">Text Embedding</a></li>
+        <li><a href="#/text/language_detector" class="nav-button" data-task="language-detector">Language Detector</a></li>
+        <li><a href="#/text/text_classifier" class="nav-button" data-task="text-classifier">Text Classifier</a></li>
+        <li><a href="#/text/text_embedder" class="nav-button" data-task="text-embedder">Text Embedder</a></li>
       </ul>
     </nav>
   `;