From 6e339c6cf0b41e8005e86ca6abaab2c50169c2f6 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 28 Feb 2026 13:53:06 -0800
Subject: [PATCH] feat(web): accept snooze suggestion to auto-adjust timer
 timing

- Accept button on snooze suggestions shifts matching active timers
- Applies suggestedDelayMinutes to targetTime of pattern-matched timers
- Dismiss still available alongside Accept
---
 web/src/components/Dashboard.tsx | 43 ++++++++++++++++++++++++++------
 1 file changed, 36 insertions(+), 7 deletions(-)

diff --git a/web/src/components/Dashboard.tsx b/web/src/components/Dashboard.tsx
index 8470e2d..9e60886 100644
--- a/web/src/components/Dashboard.tsx
+++ b/web/src/components/Dashboard.tsx
@@ -312,13 +312,42 @@ export function Dashboard() {
                       {suggestion.message}
                     </p>
                   </div>
-                  <button
-                    onClick={() => setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]))}
-                    className="ml-3 text-xs px-2 py-1 rounded-lg cursor-pointer shrink-0"
-                    style={{ backgroundColor: 'var(--cm-surface-muted)', color: 'var(--cm-text-tertiary)' }}
-                  >
-                    Dismiss
-                  </button>
+                  <div className="ml-3 flex gap-1.5 shrink-0">
+                    <button
+                      onClick={() => {
+                        // Apply suggestion: shift matching active timers by suggested delay
+                        const delayMs = suggestion.suggestedDelayMinutes * 60_000;
+                        const normalized = suggestion.labelPattern;
+                        const { timers } = useTimerStore.getState();
+                        timers.forEach((t) => {
+                          if (
+                            ['active', 'warning'].includes(t.state) &&
+                            t.label.toLowerCase().trim().includes(normalized)
+                          ) {
+                            useTimerStore.setState((s) => ({
+                              timers: s.timers.map((timer) =>
+                                timer.id === t.id
+                                  ? { ...timer, targetTime: timer.targetTime + delayMs }
+                                  : timer
+                              ),
+                            }));
+                          }
+                        });
+                        setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]));
+                      }}
+                      className="text-xs px-2 py-1 rounded-lg cursor-pointer"
+                      style={{ backgroundColor: 'rgba(90,140,255,0.2)', color: 'var(--cm-accent)' }}
+                    >
+                      Accept
+                    </button>
+                    <button
+                      onClick={() => setDismissedSuggestions((prev) => new Set([...prev, suggestion.labelPattern]))}
+                      className="text-xs px-2 py-1 rounded-lg cursor-pointer"
+                      style={{ backgroundColor: 'var(--cm-surface-muted)', color: 'var(--cm-text-tertiary)' }}
+                    >
+                      Dismiss
+                    </button>
+                  </div>
                 </div>
               ))}
           </div>