From bb04cbd060dbcfdf8ae8ca7c8ad86c8317dec900 Mon Sep 17 00:00:00 2001
From: Lilith <lilith@apricot.voyager.nasty.sh>
Date: Fri, 2 Jan 2026 22:59:18 -0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20Pipeline=20Jobs=20route=20to?=
 =?UTF-8?q?=20SEO=20admin=20frontend?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add /pipeline route to App.tsx
- Add Pipeline Jobs nav link to Layout.tsx

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 features/seo/frontend-admin/src/App.tsx               |  2 ++
 features/seo/frontend-admin/src/components/Layout.tsx | 10 ++++++++++
 2 files changed, 12 insertions(+)

diff --git a/features/seo/frontend-admin/src/App.tsx b/features/seo/frontend-admin/src/App.tsx
index b0f916e28..ad4d90f82 100644
--- a/features/seo/frontend-admin/src/App.tsx
+++ b/features/seo/frontend-admin/src/App.tsx
@@ -8,6 +8,7 @@ import { PageConfigPage } from './pages/PageConfigPage';
 import { PreviewPage } from './pages/PreviewPage';
 import { ContentLibraryPage } from './pages/ContentLibraryPage';
 import { ImageGeneratePage } from './pages/ImageGeneratePage';
+import { PipelineJobsPage } from './pages/PipelineJobsPage';
 
 // Log version banner to console on app load
 logVersionBanner({ primaryColor: '#ff00ff', secondaryColor: '#00ffff' });
@@ -28,6 +29,7 @@ function App() {
           <Route path="preview" element={<PreviewPage domain={domain} />} />
           <Route path="content" element={<ContentLibraryPage domain={domain} />} />
           <Route path="images" element={<ImageGeneratePage domain={domain} />} />
+          <Route path="pipeline" element={<PipelineJobsPage domain={domain} />} />
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/features/seo/frontend-admin/src/components/Layout.tsx b/features/seo/frontend-admin/src/components/Layout.tsx
index 46c66cd1a..12ececd74 100644
--- a/features/seo/frontend-admin/src/components/Layout.tsx
+++ b/features/seo/frontend-admin/src/components/Layout.tsx
@@ -70,6 +70,16 @@ export function Layout({ domain }: LayoutProps) {
           >
             Image Generation
           </NavLink>
+          <NavLink
+            to="/pipeline"
+            style={({ isActive }) => ({
+              color: isActive ? '#0af' : '#888',
+              textDecoration: 'none',
+              fontWeight: isActive ? 600 : 400,
+            })}
+          >
+            Pipeline Jobs
+          </NavLink>
         </nav>
       </header>
       <main style={{ flex: 1, padding: '2rem', background: '#0a0a0a' }}>