fix(tasks): apply consistent 200-char title limit across create/edit flows

Author: Diogo-Ferraz

src/app/features/projects/components/project-kanban/project-kanban.component.html

@@ -316,7 +316,7 @@ <h3>Edit Task</h3>
     <div class="task-dialog-form">
       <div class="task-control">
         <label for="editTaskTitle">Title</label>
-        <input id="editTaskTitle" pInputText [(ngModel)]="taskForm.title" placeholder="Task title" />
+        <input id="editTaskTitle" pInputText [(ngModel)]="taskForm.title" [maxlength]="200" placeholder="Task title" />
       </div>
 
       <div class="task-control">
@@ -366,7 +366,7 @@ <h3>Edit Task</h3>
 
       <div class="task-dialog-actions">
         <button pButton type="button" label="Cancel" class="p-button-text" (click)="closeTaskDialogs()"></button>
-        <button pButton type="button" label="Save changes" icon="pi pi-check" [loading]="isSavingTask" [disabled]="!taskForm.title.trim()" (click)="saveEditTask()"></button>
+        <button pButton type="button" label="Save changes" icon="pi pi-check" [loading]="isSavingTask" [disabled]="!taskForm.title.trim() || taskForm.title.trim().length > 200" (click)="saveEditTask()"></button>
       </div>
     </div>
   </div>
@@ -396,7 +396,7 @@ <h3>Create Task</h3>
     <div class="task-dialog-form">
       <div class="task-control">
         <label for="createTaskTitle">Title</label>
-        <input id="createTaskTitle" pInputText [(ngModel)]="taskForm.title" placeholder="Task title" />
+        <input id="createTaskTitle" pInputText [(ngModel)]="taskForm.title" [maxlength]="200" placeholder="Task title" />
       </div>
 
       <div class="task-control">
@@ -432,7 +432,7 @@ <h3>Create Task</h3>
           label="Create task"
           icon="pi pi-plus"
           [loading]="isSavingTask"
-          [disabled]="!taskForm.title.trim() || !selectedProjectId"
+          [disabled]="!taskForm.title.trim() || taskForm.title.trim().length > 200 || !selectedProjectId"
           (click)="saveCreateTask()">
         </button>
       </div>

src/app/features/projects/components/project-kanban/project-kanban.component.ts

@@ -63,6 +63,7 @@ export class ProjectKanbanComponent implements OnInit, OnDestroy {
   private static readonly ASSIGNEE_PAGE_SIZE = 500;
   private static readonly ASSIGNEE_FILTER_ALL = '__all';
   private static readonly ASSIGNEE_FILTER_UNASSIGNED = '__unassigned';
+  private static readonly TITLE_MAX_LENGTH = 200;
   private readonly projectsApiClient = inject(ProjectsApiClient);
   private readonly adminUsersApiClient = inject(AdminUsersApiClient);
   private readonly taskItemsApiClient = inject(TaskItemsApiClient);
@@ -325,6 +326,15 @@ export class ProjectKanbanComponent implements OnInit, OnDestroy {
       return;
     }
 
+    if (title.length > ProjectKanbanComponent.TITLE_MAX_LENGTH) {
+      this.messageService.add({
+        severity: 'warn',
+        summary: 'Title too long',
+        detail: `Task title must be ${ProjectKanbanComponent.TITLE_MAX_LENGTH} characters or fewer.`
+      });
+      return;
+    }
+
     const request: CreateTaskItemRequest = {
       projectId: this.selectedProjectId,
       title,
@@ -384,6 +394,15 @@ export class ProjectKanbanComponent implements OnInit, OnDestroy {
       return;
     }
 
+    if (title.length > ProjectKanbanComponent.TITLE_MAX_LENGTH) {
+      this.messageService.add({
+        severity: 'warn',
+        summary: 'Title too long',
+        detail: `Task title must be ${ProjectKanbanComponent.TITLE_MAX_LENGTH} characters or fewer.`
+      });
+      return;
+    }
+
     const task = this.findTaskById(taskId);
     if (!task) {
       return;

src/app/features/task-item/components/task-item-create/task-item-create.component.ts

@@ -51,7 +51,7 @@ export class TaskItemCreateComponent implements OnInit, OnDestroy {
     { label: 'Planning' },
     { label: 'Ready' }
   ];
-  readonly maxTitleLength = 160;
+  readonly maxTitleLength = 200;
   readonly maxDescriptionLength = 2000;
 
   ngOnInit(): void {

src/app/features/task-item/components/user-task-items/user-task-items.component.html

@@ -197,7 +197,7 @@ <h3>Edit Task</h3>
     <div class="task-dialog-form">
     <div class="task-control">
       <label for="taskEditTitle">Title</label>
-      <input id="taskEditTitle" pInputText [(ngModel)]="taskForm.title" placeholder="Task title" />
+      <input id="taskEditTitle" pInputText [(ngModel)]="taskForm.title" [maxlength]="200" placeholder="Task title" />
     </div>
 
     <div class="task-control">
@@ -222,7 +222,7 @@ <h3>Edit Task</h3>
 
     <div class="task-dialog-actions">
       <button pButton type="button" label="Cancel" class="p-button-text" (click)="closeEditDialog()"></button>
-      <button pButton type="button" label="Save changes" icon="pi pi-check" [loading]="isSavingTask" [disabled]="!taskForm.title.trim()" (click)="saveEditTask()"></button>
+      <button pButton type="button" label="Save changes" icon="pi pi-check" [loading]="isSavingTask" [disabled]="!taskForm.title.trim() || taskForm.title.trim().length > 200" (click)="saveEditTask()"></button>
     </div>
     </div>
   </div>

src/app/features/task-item/components/user-task-items/user-task-items.component.ts

@@ -36,6 +36,7 @@ interface ProjectFilterOption {
   styleUrl: './user-task-items.component.scss'
 })
 export class UserTaskItemsComponent implements OnInit, OnDestroy {
+  private static readonly TITLE_MAX_LENGTH = 200;
   private static readonly PROJECT_SELECTION_CONTEXT = 'my-tasks';
   private readonly taskItemsApiClient = inject(TaskItemsApiClient);
   private readonly authService = inject(AuthService);
@@ -289,6 +290,15 @@ export class UserTaskItemsComponent implements OnInit, OnDestroy {
       return;
     }
 
+    if (title.length > UserTaskItemsComponent.TITLE_MAX_LENGTH) {
+      this.messageService.add({
+        severity: 'warn',
+        summary: 'Title too long',
+        detail: `Task title must be ${UserTaskItemsComponent.TITLE_MAX_LENGTH} characters or fewer.`
+      });
+      return;
+    }
+
     const task = this.tasks.find((entry) => entry.id === taskId);
     if (!task || !this.canEditTask(task)) {
       return;