From cf4b01d4b37e47618cd56ad02441078335649ed8 Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Fri, 18 Sep 2026 12:30:38 +0700
Subject: [PATCH] web: mark the selected recipe in FAVORITED

The list was all one colour, so an open recipe was invisible in it. The entry
the stage is showing now reads accent (name, border and background, the same
`.chip.on` the rest of the app uses). The match is id AND name: a preset that
was merely filed under a new name shares the id but not the name, and must not
light up.
---
 docker/frontend/src/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docker/frontend/src/App.tsx b/docker/frontend/src/App.tsx
index 168ab66..383cff7 100644
--- a/docker/frontend/src/App.tsx
+++ b/docker/frontend/src/App.tsx
@@ -1165,7 +1165,11 @@ export function Workspace() {
           : saved.map((entry) => ({
               key: String(entry.id),
               label: entry.name,
-              active: false,
+              // The look on the stage came from this entry: its name turns
+              // accent so the open recipe is visible in the list. A same-id
+              // preset that was merely filed under a new name must not light up,
+              // hence the name check too.
+              active: recipe.id === (entry.recipe as Recipe)?.id && recipe.name === entry.name,
               onClick: () => applyRecipe({ ...(entry.recipe as Recipe), name: entry.name }),
             }));
       case 'light':