From 4d58f68fde1dd5365e68d78fd8d2bd76016efdf7 Mon Sep 17 00:00:00 2001
From: Alexandr Stelnykovych <stenya@gmail.com>
Date: Fri, 7 Nov 2025 16:53:01 +0200
Subject: [PATCH] feat(UI): enhance SPN pause menu to allow time modification
 while paused

---
 .../src/app/layout/navigation/navigation.html     | 15 ++++++++-------
 .../src/app/layout/navigation/navigation.ts       |  1 +
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/desktop/angular/src/app/layout/navigation/navigation.html b/desktop/angular/src/app/layout/navigation/navigation.html
index 57f7e516..09b8e5f9 100644
--- a/desktop/angular/src/app/layout/navigation/navigation.html
+++ b/desktop/angular/src/app/layout/navigation/navigation.html
@@ -229,15 +229,16 @@
         <hr/>
       </div>
 
-      <app-menu-item (click)="pauseSPN($event, 60*3)" *ngIf="spnEnabled" [disabled]="isPausedInterception">Pause SPN for 3 minutes</app-menu-item>
-      <app-menu-item (click)="pauseSPN($event, 60*15)" *ngIf="spnEnabled" [disabled]="isPausedInterception">Pause SPN for 15 minutes</app-menu-item>
-      <app-menu-item (click)="pauseSPN($event, 60*60)" *ngIf="spnEnabled" [disabled]="isPausedInterception">Pause SPN for 1 hour</app-menu-item>
+      <!-- we show 'Pause SPN...' items even when isPausedSPN to allow pause time modification-->
+      <app-menu-item (click)="pauseSPN($event, 60*5)" *ngIf="spnEnabled || isPausedSPN" [disabled]="isPausedInterception">Pause SPN for 5 minutes</app-menu-item>
+      <app-menu-item (click)="pauseSPN($event, 60*15)" *ngIf="spnEnabled || isPausedSPN" [disabled]="isPausedInterception">Pause SPN for 15 minutes</app-menu-item>
+      <app-menu-item (click)="pauseSPN($event, 60*60)" *ngIf="spnEnabled || isPausedSPN" [disabled]="isPausedInterception">Pause SPN for 1 hour</app-menu-item>
       <hr/>
-      <app-menu-item (click)="pause($event, 60*3)">Pause Portmaster for 3 minutes</app-menu-item>
-      <app-menu-item (click)="pause($event, 60*15)">Pause Portmaster for 15 minutes</app-menu-item>
-      <app-menu-item (click)="pause($event, 60*60)">Pause Portmaster for 1 hour</app-menu-item>
+      <app-menu-item (click)="pause($event, 60*5)">Pause for 5 minutes</app-menu-item>
+      <app-menu-item (click)="pause($event, 60*15)">Pause for 15 minutes</app-menu-item>
+      <app-menu-item (click)="pause($event, 60*60)">Pause for 1 hour</app-menu-item>
       <hr/>
-      <app-menu-item (click)="resume($event)" [disabled]="!isPaused">Resume</app-menu-item>
+      <app-menu-item (click)="resume($event)" [disabled]="!isPaused">Resume now</app-menu-item>
   </app-menu>
 
   <!-- Power Menu -->
diff --git a/desktop/angular/src/app/layout/navigation/navigation.ts b/desktop/angular/src/app/layout/navigation/navigation.ts
index bc7f4cd9..48195e5d 100644
--- a/desktop/angular/src/app/layout/navigation/navigation.ts
+++ b/desktop/angular/src/app/layout/navigation/navigation.ts
@@ -39,6 +39,7 @@ export class NavigationComponent implements OnInit {
   pauseState: ControlPauseStateData | null = null;
   get isPaused(): boolean { return this.pauseState?.Interception===true || this.pauseState?.SPN===true; }
   get isPausedInterception(): boolean { return this.pauseState?.Interception===true; }
+  get isPausedSPN(): boolean { return this.pauseState?.SPN===true; }
   get pauseInfo(): string {
     if (this.pauseState?.Interception===true && this.pauseState?.SPN===true) 
       return 'Portmaster and SPN';