[API View] Feedback mechanism for AI Generated comments

src/dotnet/APIView/APIViewWeb/LeanControllers/CommentsController.cs

@@ -251,6 +251,20 @@ public async Task<ActionResult> ToggleDownUpVoteAsync(string reviewId, string co
             return Ok();
         }
 
+        /// <summary>
+        /// Submit feedback for comment
+        /// </summary>
+        /// <param name="reviewId"></param>
+        /// <param name="commentId"></param>
+        /// <param name="feedback"></param>
+        /// <returns></returns>
+        [HttpPost("{reviewId}/{commentId}/feedback", Name = "SubmitCommentFeedback")]
+        public async Task<ActionResult> SubmitCommentFeedbackAsync(string reviewId, string commentId, [FromBody] CommentFeedbackRequest feedback)
+        {
+            await _commentsManager.AddCommentFeedbackAsync(User, reviewId, commentId, feedback);
+            return Ok();
+        }
+
 
         /// <summary>
         /// Soft Delete a Comment

src/dotnet/APIView/APIViewWeb/LeanModels/CommentFeedbackRequest.cs

@@ -0,0 +1,11 @@
+using System.Collections.Generic;
+
+namespace APIViewWeb.LeanModels
+{
+    public class CommentFeedbackRequest
+    {
+        public List<string> Reasons { get; set; } = new();
+        public string Comment { get; set; } = string.Empty;
+        public bool IsDelete { get; set; } = false;
+    }
+}

src/dotnet/APIView/APIViewWeb/LeanModels/CommentItemModel.cs

@@ -32,6 +32,15 @@ public enum CommentSource
         Diagnostic
     }
 
+    public class CommentFeedback
+    {
+        public List<string> Reasons { get; set; } = new List<string>();
+        public string Comment { get; set; } = string.Empty;
+        public bool IsDelete { get; set; }
+        public string SubmittedBy { get; set; }
+        public DateTime? SubmittedOn { get; set; }
+    }
+
     public class CommentItemModel
     {
         [System.Text.Json.Serialization.JsonPropertyName("id")]
@@ -63,6 +72,7 @@ public class CommentItemModel
         public List<string> MemoryIds { get; set; } = [];
         public float ConfidenceScore { get; set; }
 
+        public List<CommentFeedback> Feedback { get; set; } = [];
         public static CommentSeverity ParseSeverity(string value)
         {
             return value?.ToUpperInvariant() switch

src/dotnet/APIView/APIViewWeb/Managers/CommentsManager.cs

@@ -466,6 +466,29 @@ public async Task ToggleDownvoteAsync(ClaimsPrincipal user, string reviewId, str
             await ToggleVoteAsync(user, comment, FeedbackVote.Down);
         }
 
+        public async Task AddCommentFeedbackAsync(ClaimsPrincipal user, string reviewId, string commentId, CommentFeedbackRequest feedback)
+        {
+            CommentItemModel comment = await _commentsRepository.GetCommentAsync(reviewId, commentId);
+
+            if (comment == null)
+            {
+                _logger.LogWarning($"Comment {commentId} not found for feedback submission");
+                return;
+            }
+
+            string userName = user.GetGitHubLogin();
+            comment.Feedback.Add(new CommentFeedback
+            {
+                Reasons = feedback.Reasons ?? [],
+                Comment = feedback.Comment ?? string.Empty,
+                IsDelete = feedback.IsDelete,
+                SubmittedBy = userName,
+                SubmittedOn = DateTime.UtcNow
+            });
+
+            await _commentsRepository.UpsertCommentAsync(comment);
+        }
+
         public HashSet<GithubUser> GetTaggableUsers() => TaggableUsers;
         private async Task AssertOwnerAsync(ClaimsPrincipal user, CommentItemModel commentModel)
         {

src/dotnet/APIView/APIViewWeb/Managers/Interfaces/ICommentsManager.cs

@@ -25,6 +25,7 @@ public interface ICommentsManager
         public Task UnresolveConversation(ClaimsPrincipal user, string reviewId, string lineId);
         public Task ToggleUpvoteAsync(ClaimsPrincipal user, string reviewId, string commentId);
         public Task ToggleDownvoteAsync(ClaimsPrincipal user, string reviewId, string commentId);
+        public Task AddCommentFeedbackAsync(ClaimsPrincipal user, string reviewId, string commentId, CommentFeedbackRequest feedback);
         public Task RequestAgentReply(ClaimsPrincipal user, CommentItemModel comment, string activeRevisionId);
 
         public HashSet<GithubUser> GetTaggableUsers();

src/dotnet/APIView/ClientSPA/src/app/_components/shared/ai-comment-delete-dialog/ai-comment-delete-dialog.component.html

@@ -0,0 +1,59 @@
+<p-dialog 
+  [(visible)]="visible" 
+  [modal]="true" 
+  [closable]="true"
+  [resizable]="false"
+  [draggable]="false"
+  [dismissableMask]="false"
+  [header]="dialogTitle"
+  [style]="{width: '500px'}"
+  appendTo="body"
+  (onHide)="onHide()">
+
+  <div class="dialog-content">
+    <div class="mb-3">
+      <p class="delete-description">
+        {{ dialogDescription }}
+      </p>
+    </div>
+
+    <!-- Deletion Reason -->
+    <div class="deletion-reason mb-3">
+      <label for="deletionReason" class="form-label fw-semibold">
+        Reason for deletion <span class="text-danger">*</span>
+      </label>
+      <textarea 
+        id="deletionReason"
+        class="form-control" 
+        [(ngModel)]="reason"
+        rows="4"
+        placeholder="Explain why this comment is egregiously wrong and must be deleted..."
+        [attr.aria-required]="true">
+      </textarea>
+    </div>
+
+    <!-- Validation Message -->
+    <div *ngIf="!canDelete && reason.length > 0" class="alert alert-warning py-2 px-3 mb-0" role="alert">
+      <i class="bi bi-exclamation-triangle me-2"></i>
+      <small>Please provide a reason for deletion.</small>
+    </div>
+  </div>
+
+  <ng-template pTemplate="footer">
+    <div class="d-flex justify-content-end gap-2 w-100">
+      <button 
+        type="button" 
+        class="btn btn-outline-secondary" 
+        (click)="onCancel()">
+        Cancel
+      </button>
+      <button 
+        type="button" 
+        class="btn btn-danger" 
+        [disabled]="!canDelete"
+        (click)="onDelete()">
+        OK
+      </button>
+    </div>
+  </ng-template>
+</p-dialog>

src/dotnet/APIView/ClientSPA/src/app/_components/shared/ai-comment-delete-dialog/ai-comment-delete-dialog.component.scss

@@ -0,0 +1,35 @@
+.dialog-content {
+  .delete-description {
+    color: #605e5c;
+    font-size: 14px;
+    line-height: 1.5;
+    margin-bottom: 0;
+  }
+
+  .deletion-reason {
+    .form-label {
+      font-size: 14px;
+      margin-bottom: 8px;
+    }
+
+    textarea {
+      font-size: 14px;
+      resize: vertical;
+      min-height: 100px;
+
+      &::placeholder {
+        color: #a19f9d;
+      }
+
+      &:focus {
+        border-color: #0078d4;
+        box-shadow: 0 0 0 0.2rem rgba(0, 120, 212, 0.25);
+      }
+    }
+  }
+
+  .alert {
+    font-size: 13px;
+    border-radius: 4px;
+  }
+}

src/dotnet/APIView/ClientSPA/src/app/_components/shared/ai-comment-delete-dialog/ai-comment-delete-dialog.component.spec.ts

@@ -0,0 +1,78 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormsModule } from '@angular/forms';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { DialogModule } from 'primeng/dialog';
+import { AICommentDeleteDialogComponent } from './ai-comment-delete-dialog.component';
+
+describe('AICommentDeleteDialogComponent', () => {
+  let component: AICommentDeleteDialogComponent;
+  let fixture: ComponentFixture<AICommentDeleteDialogComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [AICommentDeleteDialogComponent],
+      imports: [
+        FormsModule,
+        DialogModule,
+        NoopAnimationsModule
+      ]
+    });
+    fixture = TestBed.createComponent(AICommentDeleteDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should not allow deletion without a reason', () => {
+    component.reason = '';
+    expect(component.canDelete).toBeFalsy();
+  });
+
+  it('should not allow deletion with only whitespace', () => {
+    component.reason = '   ';
+    expect(component.canDelete).toBeFalsy();
+  });
+
+  it('should not emit deleteConfirm on delete without reason', () => {
+    spyOn(component.deleteConfirm, 'emit');
+    component.commentId = 'test-123';
+    component.reason = '';
+
+    component.onDelete();
+
+    expect(component.deleteConfirm.emit).not.toHaveBeenCalled();
+  });
+
+  it('should reset form after successful delete', () => {
+    component.reason = 'This comment is wrong';
+
+    component.onDelete();
+
+    expect(component.reason).toBe('');
+  });
+
+  it('should reset form on cancel', () => {
+    component.reason = 'Some reason';
+    component.visible = true;
+
+    spyOn(component.visibleChange, 'emit');
+    spyOn(component.cancel, 'emit');
+
+    component.onCancel();
+
+    expect(component.reason).toBe('');
+    expect(component.visible).toBe(false);
+    expect(component.visibleChange.emit).toHaveBeenCalledWith(false);
+    expect(component.cancel.emit).toHaveBeenCalled();
+  });
+
+  it('should reset form on hide', () => {
+    component.reason = 'Some reason';
+
+    spyOn(component.cancel, 'emit');
+
+    component.onHide();
+
+    expect(component.reason).toBe('');
+    expect(component.cancel.emit).toHaveBeenCalled();
+  });
+});

src/dotnet/APIView/ClientSPA/src/app/_components/shared/ai-comment-delete-dialog/ai-comment-delete-dialog.component.ts

@@ -0,0 +1,61 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+
+export interface AICommentDeleteReason {
+  commentId: string;
+  reason: string;
+}
+
+@Component({
+  selector: 'app-ai-comment-delete-dialog',
+  templateUrl: './ai-comment-delete-dialog.component.html',
+  styleUrls: ['./ai-comment-delete-dialog.component.scss']
+})
+export class AICommentDeleteDialogComponent {
+  @Input() visible: boolean = false;
+  @Input() commentId: string = '';
+  @Output() visibleChange = new EventEmitter<boolean>();
+  @Output() deleteConfirm = new EventEmitter<AICommentDeleteReason>();
+  @Output() cancel = new EventEmitter<void>();
+
+  reason: string = '';
+
+  readonly dialogTitle = "Delete Comment";
+  readonly dialogDescription = "Only delete comments that are egregiously wrong or harmful. Please explain why this comment should be removed.";
+
+  get canDelete(): boolean {
+    return this.reason.trim().length > 0;
+  }
+
+  onDelete(): void {
+    if (!this.canDelete) {
+      return;
+    }
+
+    this.deleteConfirm.emit({
+      commentId: this.commentId,
+      reason: this.reason
+    });
+
+    this.closeDialog();
+  }
+
+  onCancel(): void {
+    this.cancel.emit();
+    this.closeDialog();
+  }
+
+  onHide(): void {
+    this.cancel.emit();
+    this.closeDialog();
+  }
+
+  private closeDialog(): void {
+    this.resetForm();
+    this.visible = false;
+    this.visibleChange.emit(false);
+  }
+
+  private resetForm(): void {
+    this.reason = '';
+  }
+}