From 70d62b2da32073ec641f78a224267d321da66e5a Mon Sep 17 00:00:00 2001
From: Jamie Brunton <jamie@jbrunton.co.uk>
Date: Sat, 8 Aug 2026 15:26:40 +0100
Subject: [PATCH] feat(dashboard): route settings and access

---
 apps/dashboard/src/app/router.tsx                |  4 ++--
 apps/dashboard/src/features/placeholder-page.tsx | 15 ---------------
 2 files changed, 2 insertions(+), 17 deletions(-)
 delete mode 100644 apps/dashboard/src/features/placeholder-page.tsx

diff --git a/apps/dashboard/src/app/router.tsx b/apps/dashboard/src/app/router.tsx
index f853f8c..6122d3e 100644
--- a/apps/dashboard/src/app/router.tsx
+++ b/apps/dashboard/src/app/router.tsx
@@ -1,11 +1,11 @@
 import { createBrowserRouter, type RouteObject } from 'react-router-dom';
 import { AppShell } from './app-shell.js';
 import { OverviewPage } from '../features/overview/overview-page.js';
-import { PlaceholderPage } from '../features/placeholder-page.js';
 import { ConversationRoute } from '../features/conversations/conversation-route.js';
 import { MediaPage } from '../features/media/media-page.js';
 import { OperationsPage } from '../features/operations/operations-page.js';
 import { PerformancePage } from '../features/performance/performance-page.js';
+import { SettingsRoute } from '../features/settings/settings-route.js';
 
 export function createDashboardRoutes(): RouteObject[] {
   return [
@@ -19,7 +19,7 @@ export function createDashboardRoutes(): RouteObject[] {
         { path: 'media', element: <MediaPage /> },
         { path: 'performance', element: <PerformancePage /> },
         { path: 'operations', element: <OperationsPage /> },
-        { path: 'settings', element: <PlaceholderPage title="Settings" description="Manage runtime behavior and Reddit access." /> },
+        { path: 'settings', element: <SettingsRoute /> },
       ],
     },
   ];
diff --git a/apps/dashboard/src/features/placeholder-page.tsx b/apps/dashboard/src/features/placeholder-page.tsx
deleted file mode 100644
index 0d4641a..0000000
--- a/apps/dashboard/src/features/placeholder-page.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-interface PlaceholderPageProps {
-  title: string;
-  description: string;
-}
-
-export function PlaceholderPage({ title, description }: PlaceholderPageProps) {
-  return (
-    <div className="page">
-      <header className="page-header">
-        <div><span className="eyebrow">Workspace</span><h1>{title}</h1><p>{description}</p></div>
-      </header>
-      <section className="panel empty-state"><strong>{title} workspace</strong><span>This route is ready for its feature module.</span></section>
-    </div>
-  );
-}