Big refactoring

frontend/src/pages/AdminPage.tsx

@@ -1,8 +1,11 @@
 import { useState } from 'react';
 import { DataCleanup } from '../components/admin/DataCleanup';
 import { JobControls } from '../components/admin/JobControls';
+import { PipelineReadinessPanel } from '../components/admin/PipelineReadinessPanel';
+import { RecommendationSettings } from '../components/admin/RecommendationSettings';
 import { SettingsForm } from '../components/admin/SettingsForm';
 import { TickerManagement } from '../components/admin/TickerManagement';
+import { TickerUniverseBootstrap } from '../components/admin/TickerUniverseBootstrap';
 import { UserTable } from '../components/admin/UserTable';
 
 const tabs = ['Users', 'Tickers', 'Settings', 'Jobs', 'Cleanup'] as const;
@@ -39,8 +42,19 @@ export default function AdminPage() {
       <div className="animate-fade-in">
         {activeTab === 'Users' && <UserTable />}
         {activeTab === 'Tickers' && <TickerManagement />}
-        {activeTab === 'Settings' && <SettingsForm />}
-        {activeTab === 'Jobs' && <JobControls />}
+        {activeTab === 'Settings' && (
+          <div className="space-y-4">
+            <TickerUniverseBootstrap />
+            <RecommendationSettings />
+            <SettingsForm />
+          </div>
+        )}
+        {activeTab === 'Jobs' && (
+          <div className="space-y-4">
+            <PipelineReadinessPanel />
+            <JobControls />
+          </div>
+        )}
         {activeTab === 'Cleanup' && <DataCleanup />}
       </div>
     </div>