From f988d70bca57e04684874b9111bf511df653d0f8 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Fri, 13 Mar 2026 02:41:19 -0400
Subject: [PATCH] feat: add /scripts route and Script Library nav entry

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/components/layout/AppLayout.tsx | 3 ++-
 frontend/src/components/layout/Sidebar.tsx   | 4 +++-
 frontend/src/router.tsx                      | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/layout/AppLayout.tsx b/frontend/src/components/layout/AppLayout.tsx
index e8ba3bff..848ba746 100644
--- a/frontend/src/components/layout/AppLayout.tsx
+++ b/frontend/src/components/layout/AppLayout.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback } from 'react'
 import { useLocation, useNavigate, Link } from 'react-router-dom'
-import { Menu, X, LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, Settings, LogOut, Shield } from 'lucide-react'
+import { Menu, X, LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, Settings, LogOut, Shield, Terminal } from 'lucide-react'
 import { useAuthStore } from '@/store/authStore'
 import { usePermissions } from '@/hooks/usePermissions'
 import { useUserPreferencesStore } from '@/store/userPreferencesStore'
@@ -57,6 +57,7 @@ export function AppLayout() {
     { path: '/sessions', label: 'Sessions', icon: Clock },
     { path: '/shares', label: 'Exports', icon: FileText },
     { path: '/step-library', label: 'Step Library', icon: Bookmark },
+    { path: '/scripts', label: 'Script Library', icon: Terminal },
     { path: '/account', label: 'Account', icon: Settings },
   ]
 
diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
index 22706069..bec2cce2 100644
--- a/frontend/src/components/layout/Sidebar.tsx
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react'
-import { LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, BarChart3, Settings, PanelLeftClose, PanelLeftOpen, MessageSquareText, BotMessageSquare, BookOpen, Sparkles } from 'lucide-react'
+import { LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, BarChart3, Settings, PanelLeftClose, PanelLeftOpen, MessageSquareText, BotMessageSquare, BookOpen, Sparkles, Terminal } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { useUserPreferencesStore } from '@/store/userPreferencesStore'
 import { usePinnedFlowsStore } from '@/store/pinnedFlowsStore'
@@ -83,6 +83,7 @@ export function Sidebar() {
             <NavItem href="/shares" icon={FileText} label="Exports" collapsed />
             <NavItem href="/assistant" icon={BotMessageSquare} label="AI Assistant" collapsed />
             <NavItem href="/step-library" icon={Bookmark} label="Step Library" collapsed />
+            <NavItem href="/scripts" icon={Terminal} label="Script Library" collapsed />
             <NavItem href="/kb-accelerator" icon={Sparkles} label="KB Accelerator" collapsed />
             <NavItem href="/analytics" icon={BarChart3} label="Analytics" collapsed />
             <NavItem href="/guides" icon={BookOpen} label="User Guides" collapsed />
@@ -116,6 +117,7 @@ export function Sidebar() {
             <NavItem href="/shares" icon={FileText} label="Exports" />
             <NavItem href="/assistant" icon={BotMessageSquare} label="AI Assistant" />
             <NavItem href="/step-library" icon={Bookmark} label="Step Library" />
+            <NavItem href="/scripts" icon={Terminal} label="Script Library" />
             <NavItem href="/kb-accelerator" icon={Sparkles} label="KB Accelerator" />
             <NavItem href="/analytics" icon={BarChart3} label="Analytics" />
           </div>
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index 10b5ad12..d13a2b1a 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -41,6 +41,7 @@ const TeamAnalyticsPage = lazy(() => import('@/pages/TeamAnalyticsPage'))
 const MyAnalyticsPage = lazy(() => import('@/pages/MyAnalyticsPage'))
 const FeedbackPage = lazy(() => import('@/pages/FeedbackPage'))
 const StepLibraryPage = lazy(() => import('@/pages/StepLibraryPage'))
+const ScriptLibraryPage = lazy(() => import('@/pages/ScriptLibraryPage'))
 const AssistantChatPage = lazy(() => import('@/pages/AssistantChatPage'))
 const KBAcceleratorPage = lazy(() => import('@/pages/KBAcceleratorPage'))
 const GuidesHubPage = lazy(() => import('@/pages/GuidesHubPage'))
@@ -160,6 +161,7 @@ export const router = sentryCreateBrowserRouter([
       { path: 'analytics/me', element: page(MyAnalyticsPage) },
       { path: 'feedback', element: page(FeedbackPage) },
       { path: 'step-library', element: page(StepLibraryPage) },
+      { path: 'scripts', element: page(ScriptLibraryPage) },
       { path: 'kb-accelerator', element: page(KBAcceleratorPage) },
       { path: 'assistant', element: page(AssistantChatPage) },
       { path: 'guides', element: page(GuidesHubPage) },