Frontend Feature add on Dagster

src/pages/AdminPage.jsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { Wrench, Database, UploadCloud, Layers, Inbox } from 'lucide-react';
+import { Wrench, Database, UploadCloud, Layers, Inbox, Workflow } from 'lucide-react';
 import { api } from '../api/client';
 import { NavigationHeader } from '../components/NavigationHeader';
 import { StoreCatalogPanel } from './StoreCatalogPanel';
 import { BatchCatalogPanel } from './BatchCatalogPanel';
 import { InboxPanel } from './InboxPanel';
+import { OrchestrationPanel } from './OrchestrationPanel';
 
 /*
  * The admin panel carries two views: the read-only project overview, and the
@@ -22,6 +23,7 @@ const TABS = [
   { id: 'ingest', label: 'Store Catalog Ingestion', icon: UploadCloud },
   { id: 'batch', label: 'Batch Catalog Ingestion', icon: Layers },
   { id: 'inbox', label: 'Review Inbox', icon: Inbox },
+  { id: 'orchestration', label: 'Dagster Orchestration', icon: Workflow },
 ];
 
 // How often the pending count is refreshed. Slower than the 3s a running batch
@@ -127,6 +129,11 @@ export function AdminPage() {
           />
         )}
 
+        {/* Starts from the same inbox but hands the batch to Dagster, and stays
+            put to show the run rather than handing off to the Batch tab - the
+            stage-by-stage view is the reason to be on this tab at all. */}
+        {activeTab === 'orchestration' && <OrchestrationPanel />}
+
         {activeTab === 'project' && (
         <div className="space-y-6">
           <div className="rounded-2xl border border-ink-900/10 bg-paper-50 p-6 shadow-xs">