From ec40a8d3cbb2c690e76b5fa274cf466df179cda7 Mon Sep 17 00:00:00 2001
From: Thomas Hallock <thomas@evolutioniq.com>
Date: Wed, 24 Sep 2025 10:53:02 -0500
Subject: [PATCH] fix: position success toast near abacus instead of app nav
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change position from 'fixed' to 'absolute' to be relative to tutorial container
- Move from top-right corner of viewport to top-right of abacus area
- Now appears where users are actually looking instead of distant app nav
- Toast notification is much more noticeable and contextually relevant

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 apps/web/src/components/tutorial/TutorialPlayer.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/tutorial/TutorialPlayer.tsx b/apps/web/src/components/tutorial/TutorialPlayer.tsx
index e8510465..bc74a2b9 100644
--- a/apps/web/src/components/tutorial/TutorialPlayer.tsx
+++ b/apps/web/src/components/tutorial/TutorialPlayer.tsx
@@ -1286,13 +1286,13 @@ function TutorialPlayerContent({
           </div>
         )}
 
-        {/* Success toast - subtle, non-blocking notification */}
+        {/* Success toast - positioned near the abacus */}
         {isStepCompleted && !isSuccessPopupDismissed && (
           <div
             className={css({
-              position: 'fixed',
-              top: '20px',
-              right: '20px',
+              position: 'absolute',
+              top: '10px',
+              right: '10px',
               zIndex: 50,
               pointerEvents: 'none',
               animation: 'slideInRight 0.3s ease-out, fadeOut 0.3s ease-in 2.7s forwards'