web/app/src/views/TagsView.vue

@@ -38,11 +38,21 @@
         >
           <td>{{ tag.name }}</td>
           <td>{{ tag.description }}</td>
+
+          <!-- Name editing field -->
+          <td>
+            <input
+              type="text"
+              v-if="isSelected(tag)"
+              v-model="tag.name"
+              @blur="updateTagName(tag)"
+            />
+            <span v-else>{{ tag.name }}</span>
+          </td>
         </tr>
       </tbody>
     </table>
 
-    <!-- Show message when no tags found -->
     <div v-else class="dl-no-data">
       <span>No tags found.</span>
     </div>
@@ -173,7 +183,9 @@ export default {
         return;
       }
       // Find the index of the selected tag in the tags array
-      const index = this.tags.findIndex((tag) => tag.id === this.selectedTag.id);
+      const index = this.tags.findIndex(
+        (tag) => tag.id === this.selectedTag.id
+      );
       if (index !== -1) {
         const api = new WorkerMgtApi(getAPIClient());