From d10779dae9c37760eb267dc30922bfb5eedb5e2e Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@chihlas.com>
Date: Sat, 14 Mar 2026 15:38:24 -0400
Subject: [PATCH] fix: add back link to Manage Templates and fix script preview
 scroll

Add 'Back to Script Library' link at top of ScriptTemplateListView.
Change right pane in ScriptLibraryPage from overflow-hidden to
overflow-y-auto so the script preview scrolls for long scripts.

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

diff --git a/frontend/src/components/script-editor/ScriptTemplateListView.tsx b/frontend/src/components/script-editor/ScriptTemplateListView.tsx
index 6774fcd0..42432106 100644
--- a/frontend/src/components/script-editor/ScriptTemplateListView.tsx
+++ b/frontend/src/components/script-editor/ScriptTemplateListView.tsx
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
-import { Plus, Search, Pencil, Trash2, Users, User as UserIcon, Loader2, FileCode } from 'lucide-react'
+import { Plus, Search, Pencil, Trash2, Users, User as UserIcon, Loader2, FileCode, ArrowLeft } from 'lucide-react'
+import { Link } from 'react-router-dom'
 import { cn } from '@/lib/utils'
 import { usePermissions } from '@/hooks/usePermissions'
 import { scriptsApi } from '@/api'
@@ -67,6 +68,15 @@ export function ScriptTemplateListView({ onEdit, onCreate }: Props) {
 
   return (
     <div className="flex flex-col gap-4">
+      {/* Back link */}
+      <Link
+        to="/scripts"
+        className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors w-fit"
+      >
+        <ArrowLeft size={12} />
+        Back to Script Library
+      </Link>
+
       {/* Header row */}
       <div className="flex items-center justify-between">
         <div>
diff --git a/frontend/src/pages/ScriptLibraryPage.tsx b/frontend/src/pages/ScriptLibraryPage.tsx
index e6ff03aa..796a5d28 100644
--- a/frontend/src/pages/ScriptLibraryPage.tsx
+++ b/frontend/src/pages/ScriptLibraryPage.tsx
@@ -88,7 +88,7 @@ export default function ScriptLibraryPage() {
             <p className="text-sm text-muted-foreground">Select a template to get started</p>
           </div>
         ) : (
-          <div className="glass-card-static h-full overflow-hidden p-4">
+          <div className="glass-card-static h-full overflow-y-auto p-4">
             <ScriptPreview />
           </div>
         )}