From 4ce22cb5553e53a0b7583e02a71b0c60881a99fa Mon Sep 17 00:00:00 2001
From: Nitin Awari <nitinawari.dev@gmail.com>
Date: Fri, 20 Feb 2026 23:20:04 +0530
Subject: [PATCH 1/2] feat: show check icon when editing list item

---
 .../selectable-list.component.html                  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/app/component/teams-groups-editor/selectable-list.component.html b/src/app/component/teams-groups-editor/selectable-list.component.html
index 13539642..dfcd5392 100644
--- a/src/app/component/teams-groups-editor/selectable-list.component.html
+++ b/src/app/component/teams-groups-editor/selectable-list.component.html
@@ -44,9 +44,20 @@ <h2>{{ title }}</h2>
       </ng-template>
 
       <span *ngIf="editMode">
-        <button mat-icon-button (click)="startEditItem(name)" title="Rename {{ name }}">
+        <button
+          *ngIf="editingOrgName !== name"
+          mat-icon-button
+          (click)="startEditItem(name)"
+          title="Rename {{ name }}">
           <mat-icon class="material-icons-outlined">edit</mat-icon>
         </button>
+        <button
+          *ngIf="editingOrgName === name"
+          mat-icon-button
+          (click)="saveEditedItem(name)"
+          title="Accept edit for {{ name }}">
+          <mat-icon class="material-icons-outlined">check</mat-icon>
+        </button>
         <button mat-icon-button (click)="deleteListItem(name)" title="Delete {{ name }}">
           <mat-icon class="material-icons-outlined">delete</mat-icon>
         </button>

From bab4f0ef7a1ed9bfe2f10c2c1604da343f9e1b63 Mon Sep 17 00:00:00 2001
From: Nitin Awari <nitinawari.dev@gmail.com>
Date: Tue, 24 Feb 2026 09:51:45 +0530
Subject: [PATCH 2/2] feat:double click to edit name

---
 .../selectable-list.component.html              | 17 +++++++++++++----
 .../selectable-list.component.ts                | 11 +++++++++++
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/app/component/teams-groups-editor/selectable-list.component.html b/src/app/component/teams-groups-editor/selectable-list.component.html
index dfcd5392..c50194fb 100644
--- a/src/app/component/teams-groups-editor/selectable-list.component.html
+++ b/src/app/component/teams-groups-editor/selectable-list.component.html
@@ -35,30 +35,39 @@ <h2>{{ title }}</h2>
         <input
           #editInput
           [(ngModel)]="editingName"
+          (click)="$event.stopPropagation()"
           (keydown.escape)="cancelEditItem(name)"
           (keydown.enter)="saveEditedItem(name)"
           (blur)="saveEditedItem(name)" />
       </ng-template>
       <ng-template #displayItem>
-        <span>{{ name }}</span>
+        <span
+          (dblclick)="$event.stopPropagation(); handleDoubleClick(name)"
+          style="cursor: text"
+          title="Double-click to edit {{ name }}"
+          >{{ name }}</span
+        >
       </ng-template>
 
       <span *ngIf="editMode">
         <button
           *ngIf="editingOrgName !== name"
           mat-icon-button
-          (click)="startEditItem(name)"
+          (click)="$event.stopPropagation(); startEditItem(name)"
           title="Rename {{ name }}">
           <mat-icon class="material-icons-outlined">edit</mat-icon>
         </button>
         <button
           *ngIf="editingOrgName === name"
           mat-icon-button
-          (click)="saveEditedItem(name)"
+          (click)="$event.stopPropagation(); saveEditedItem(name)"
           title="Accept edit for {{ name }}">
           <mat-icon class="material-icons-outlined">check</mat-icon>
         </button>
-        <button mat-icon-button (click)="deleteListItem(name)" title="Delete {{ name }}">
+        <button
+          mat-icon-button
+          (click)="$event.stopPropagation(); deleteListItem(name)"
+          title="Delete {{ name }}">
           <mat-icon class="material-icons-outlined">delete</mat-icon>
         </button>
       </span>
diff --git a/src/app/component/teams-groups-editor/selectable-list.component.ts b/src/app/component/teams-groups-editor/selectable-list.component.ts
index d92fd40a..1cafbe63 100644
--- a/src/app/component/teams-groups-editor/selectable-list.component.ts
+++ b/src/app/component/teams-groups-editor/selectable-list.component.ts
@@ -61,6 +61,17 @@ export class SelectableListComponent {
     });
   }
 
+  handleDoubleClick(name: string) {
+    if (!this.canEdit) {
+      return;
+    }
+    if (!this.editMode) {
+      this.editMode = true;
+      this.editModeChange.emit(this.editMode);
+    }
+    this.startEditItem(name);
+  }
+
   cancelEditItem(oldName: string) {
     console.log(`${perfNow()}: Cancel editing: ${oldName}`);
     this.editingName = '';