From 2b1fd032a27431922310aa8a86bbef292be8e85e Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@chihlas.com>
Date: Sat, 14 Mar 2026 15:19:29 -0400
Subject: [PATCH] fix: improve Manage Templates link visibility and editor
 scroll bug

Add pulsing cyan dot + hover gear rotation to make the link noticeable.
Add overflow-y-auto to ScriptManagePage so the editor form scrolls.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/ScriptLibraryPage.tsx | 7 +++++--
 frontend/src/pages/ScriptManagePage.tsx  | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/ScriptLibraryPage.tsx b/frontend/src/pages/ScriptLibraryPage.tsx
index cd411f2b..88060194 100644
--- a/frontend/src/pages/ScriptLibraryPage.tsx
+++ b/frontend/src/pages/ScriptLibraryPage.tsx
@@ -53,9 +53,12 @@ export default function ScriptLibraryPage() {
         {isEngineer && (
           <Link
             to="/scripts/manage"
-            className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mt-2"
+            className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors mt-2 group"
           >
-            <Settings size={12} />
+            <span className="relative">
+              <Settings size={12} className="group-hover:rotate-90 transition-transform duration-300" />
+              <span className="absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-primary animate-pulse" />
+            </span>
             Manage Templates
           </Link>
         )}
diff --git a/frontend/src/pages/ScriptManagePage.tsx b/frontend/src/pages/ScriptManagePage.tsx
index a7aa12fc..f38028ad 100644
--- a/frontend/src/pages/ScriptManagePage.tsx
+++ b/frontend/src/pages/ScriptManagePage.tsx
@@ -27,7 +27,7 @@ export default function ScriptManagePage() {
   }
 
   return (
-    <div className="p-6 max-w-5xl mx-auto">
+    <div className="p-6 max-w-5xl mx-auto h-full overflow-y-auto">
       {mode === 'list' ? (
         <ScriptTemplateListView onEdit={handleEdit} onCreate={handleCreate} />
       ) : (