fix: Game detection improvements

toju-app/src/app/features/settings/settings-modal/general-settings/general-settings.component.html

@@ -139,4 +139,61 @@
       </div>
     </div>
   </section>
+
+  @if (isElectron) {
+    <section>
+      <div class="flex items-center gap-2 mb-3">
+        <h4 class="text-sm font-semibold text-foreground">Game detection</h4>
+      </div>
+
+      <div class="rounded-lg border border-border bg-secondary/20 p-4 space-y-3">
+        <p class="text-xs text-muted-foreground">
+          MetoYou prefers the currently focused window when detecting your game. Add process names here to permanently hide
+          apps that get mistakenly identified as games (e.g. "spotify", "obs64"). Entries are matched case-insensitively
+          against the executable name without its extension.
+        </p>
+
+        <div class="flex items-center gap-2">
+          <input
+            type="text"
+            class="flex-1 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary"
+            placeholder="Process name (e.g. spotify)"
+            [value]="ignoredProcessDraft()"
+            (input)="onIgnoredProcessDraftChange($event)"
+            (keydown.enter)="addIgnoredProcess()"
+            aria-label="Process name to ignore"
+          />
+          <button
+            type="button"
+            class="rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+            [disabled]="savingIgnoredGameProcesses() || !ignoredProcessDraft().trim()"
+            (click)="addIgnoredProcess()"
+          >
+            Add
+          </button>
+        </div>
+
+        @if (ignoredGameProcesses().length === 0) {
+          <p class="text-xs text-muted-foreground italic">No ignored processes yet.</p>
+        } @else {
+          <ul class="flex flex-wrap gap-2">
+            @for (entry of ignoredGameProcesses(); track entry) {
+              <li class="inline-flex items-center gap-1 rounded-md bg-secondary/40 px-2 py-1 text-xs text-foreground">
+                <span>{{ entry }}</span>
+                <button
+                  type="button"
+                  class="text-muted-foreground hover:text-foreground"
+                  [disabled]="savingIgnoredGameProcesses()"
+                  (click)="removeIgnoredProcess(entry)"
+                  [attr.aria-label]="'Remove ' + entry + ' from ignore list'"
+                >
+                  ×
+                </button>
+              </li>
+            }
+          </ul>
+        }
+      </div>
+    </section>
+  }
 </div>

toju-app/src/app/features/settings/settings-modal/general-settings/general-settings.component.ts

@@ -36,12 +36,16 @@ export class GeneralSettingsComponent {
   closeToTray = signal(true);
   savingAutoStart = signal(false);
   savingCloseToTray = signal(false);
+  ignoredGameProcesses = signal<string[]>([]);
+  ignoredProcessDraft = signal('');
+  savingIgnoredGameProcesses = signal(false);
 
   constructor() {
     this.loadGeneralSettings();
 
     if (this.isElectron) {
       void this.loadDesktopSettings();
+      void this.loadIgnoredGameProcesses();
     }
   }
 
@@ -131,4 +135,61 @@ export class GeneralSettingsComponent {
     this.autoStart.set(snapshot.autoStart);
     this.closeToTray.set(snapshot.closeToTray);
   }
+
+  onIgnoredProcessDraftChange(event: Event): void {
+    const input = event.target as HTMLInputElement;
+
+    this.ignoredProcessDraft.set(input.value);
+  }
+
+  async addIgnoredProcess(): Promise<void> {
+    const draft = this.ignoredProcessDraft().trim();
+
+    if (!draft) {
+      return;
+    }
+
+    const next = Array.from(new Set([...this.ignoredGameProcesses(), draft]));
+
+    await this.saveIgnoredGameProcesses(next);
+    this.ignoredProcessDraft.set('');
+  }
+
+  async removeIgnoredProcess(name: string): Promise<void> {
+    const next = this.ignoredGameProcesses().filter((entry) => entry !== name);
+
+    await this.saveIgnoredGameProcesses(next);
+  }
+
+  private async loadIgnoredGameProcesses(): Promise<void> {
+    const api = this.electronBridge.getApi();
+
+    if (!api?.getIgnoredGameProcesses) {
+      return;
+    }
+
+    try {
+      const list = await api.getIgnoredGameProcesses();
+
+      this.ignoredGameProcesses.set(list);
+    } catch {}
+  }
+
+  private async saveIgnoredGameProcesses(list: string[]): Promise<void> {
+    const api = this.electronBridge.getApi();
+
+    if (!api?.setIgnoredGameProcesses) {
+      return;
+    }
+
+    this.savingIgnoredGameProcesses.set(true);
+
+    try {
+      const normalized = await api.setIgnoredGameProcesses(list);
+
+      this.ignoredGameProcesses.set(normalized);
+    } finally {
+      this.savingIgnoredGameProcesses.set(false);
+    }
+  }
 }