fix(kanban/activity): guard create-without-project, resolve NG0600 signal writes, and align My Activity icon chips with app theme

Author: Diogo-Ferraz

src/app/app.component.ts

@@ -65,7 +65,7 @@ export class AppComponent {
         ...prev,
         staticMenuDesktopInactive: sidebarBehavior === 'collapsed'
       }));
-    });
+    }, { allowSignalWrites: true });
   }
 
   isOutsideClicked(event: MouseEvent) {

src/app/core/layout/component/app-topbar/app-topbar.component.ts

@@ -63,7 +63,7 @@ export class AppTopbarComponent {
       }
 
       this.notificationsService.initialize();
-    });
+    }, { allowSignalWrites: true });
   }
 
   toggleDarkMode() {

src/app/core/layout/services/layout.service.ts

@@ -94,7 +94,7 @@ export class LayoutService {
       if (config) {
         this.onConfigUpdate();
       }
-    });
+    }, { allowSignalWrites: true });
 
     effect(() => {
       const config = this.layoutConfig();
@@ -105,7 +105,7 @@ export class LayoutService {
       }
 
       this.handleDarkModeTransition(config);
-    });
+    }, { allowSignalWrites: true });
 
     this.toggleDarkMode(this.layoutConfig());
   }

src/app/features/activity/components/my-activity/my-activity.component.html

@@ -43,8 +43,8 @@ <h3>Activity Timeline</h3>
 
       <div class="activity-list" *ngIf="!isLoading; else loadingState">
         <div class="activity-row" *ngFor="let activity of filteredActivities; let isLast = last" [class.activity-row--last]="isLast">
-          <div class="activity-row__icon" [ngClass]="activity.bgColor">
-            <i class="{{ activity.icon }}" [ngClass]="activity.iconColor"></i>
+          <div class="activity-row__icon" [ngClass]="getActivityIconChipClass(activity.rawEvent.type)">
+            <i class="{{ activity.icon }}"></i>
           </div>
 
           <div class="activity-row__content">

src/app/features/activity/components/my-activity/my-activity.component.scss

@@ -203,13 +203,43 @@
 }
 
 .activity-row__icon {
-  width: 2.5rem;
-  height: 2.5rem;
-  border-radius: 999px;
+  width: 2.45rem;
+  height: 2.45rem;
+  border-radius: 10px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
+  border: 1px solid var(--surface-border);
+  background: color-mix(in srgb, var(--surface-100) 78%, transparent);
+}
+
+.activity-row__icon i {
+  font-size: 1rem;
+}
+
+.activity-row__icon--todo {
+  color: #1976d2;
+  border-color: color-mix(in srgb, #1976d2 35%, var(--surface-border));
+  background: color-mix(in srgb, #1976d2 12%, var(--surface-100));
+}
+
+.activity-row__icon--progress {
+  color: #6f42c1;
+  border-color: color-mix(in srgb, #6f42c1 35%, var(--surface-border));
+  background: color-mix(in srgb, #6f42c1 12%, var(--surface-100));
+}
+
+.activity-row__icon--done {
+  color: #2e7d32;
+  border-color: color-mix(in srgb, #2e7d32 35%, var(--surface-border));
+  background: color-mix(in srgb, #2e7d32 12%, var(--surface-100));
+}
+
+.activity-row__icon--warning {
+  color: #f57c00;
+  border-color: color-mix(in srgb, #f57c00 35%, var(--surface-border));
+  background: color-mix(in srgb, #f57c00 12%, var(--surface-100));
 }
 
 .activity-row__content {

src/app/features/activity/components/my-activity/my-activity.component.ts

@@ -144,6 +144,25 @@ export class MyActivityComponent implements OnInit, OnDestroy {
     return this.typeOptions.find((option) => option.value === type)?.label ?? 'Activity';
   }
 
+  getActivityIconChipClass(type: ActivityType): string {
+    switch (type) {
+      case ActivityType.TaskCreated:
+      case ActivityType.ProjectCreated:
+        return 'activity-row__icon--todo';
+      case ActivityType.TaskStatusChanged:
+      case ActivityType.TaskDueDateChanged:
+      case ActivityType.ProjectRenamed:
+        return 'activity-row__icon--progress';
+      case ActivityType.TaskDeleted:
+      case ActivityType.ProjectDeleted:
+        return 'activity-row__icon--warning';
+      case ActivityType.TaskAssigneeChanged:
+      case ActivityType.TaskRenamed:
+      default:
+        return 'activity-row__icon--done';
+    }
+  }
+
   private loadActivity(): void {
     this.isLoading = true;
     this.errorMessage = null;

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

@@ -335,7 +335,15 @@ <h3>Create 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="Create task" icon="pi pi-plus" [loading]="isSavingTask" [disabled]="!taskForm.title.trim()" (click)="saveCreateTask()"></button>
+        <button
+          pButton
+          type="button"
+          label="Create task"
+          icon="pi pi-plus"
+          [loading]="isSavingTask"
+          [disabled]="!taskForm.title.trim() || !selectedProjectId"
+          (click)="saveCreateTask()">
+        </button>
       </div>
     </div>
   </div>