feat: align UI routes and menu with implemented screens

frontend/src/features/marketData/pages/IngestionStatus.vue.js

@@ -1,33 +1,70 @@
-import { ref } from 'vue';
-// Mock data (real implementation would fetch from API)
-const job = ref({
-    jobId: '550e8400-e29b-41d4-a716-446655440000',
-    status: 'Completed',
-    rowsProcessed: 2048,
-    rowsFailed: 12,
-    durationSeconds: 45,
-    completedAt: new Date().toISOString(),
+import { ref, onMounted } from 'vue';
+const job = ref(null);
+const recentJobs = ref([]);
+const isLoading = ref(true);
+const error = ref(null);
+// Fetch latest job status from API
+const fetchLatestJob = async () => {
+    try {
+        // In a real app, this would fetch from /api/market/ingest/latest
+        // For now, we'll show a loading state
+        const response = await fetch('/api/market/ingest/latest', {
+            headers: {
+                'X-KArtSell-User': 'ingestion-user',
+                'X-KArtSell-Role': 'DataAdmin',
+            },
+        });
+        if (response.ok) {
+            job.value = await response.json();
+        }
+        else if (response.status === 404) {
+            // No jobs yet - that's fine
+            job.value = null;
+        }
+        else {
+            throw new Error(`API error: ${response.status}`);
+        }
+    }
+    catch (err) {
+        console.error('Failed to fetch latest job:', err);
+        // Don't fail the page, just show no data
+        job.value = null;
+    }
+};
+// Fetch recent jobs history
+const fetchRecentJobs = async () => {
+    try {
+        const response = await fetch('/api/market/ingest/history?limit=10', {
+            headers: {
+                'X-KArtSell-User': 'ingestion-user',
+                'X-KArtSell-Role': 'DataAdmin',
+            },
+        });
+        if (response.ok) {
+            recentJobs.value = await response.json();
+        }
+    }
+    catch (err) {
+        console.error('Failed to fetch recent jobs:', err);
+        error.value = 'Failed to load job history';
+    }
+    finally {
+        isLoading.value = false;
+    }
+};
+onMounted(() => {
+    fetchLatestJob();
+    fetchRecentJobs();
+    // Auto-refresh every 10 seconds if there's an active job
+    const interval = setInterval(() => {
+        if (job.value?.status === 'Running' || job.value?.status === 'Queued') {
+            fetchLatestJob();
+        }
+    }, 10000);
+    return () => clearInterval(interval);
 });
-const recentJobs = ref([
-    {
-        jobId: '550e8400-e29b-41d4-a716-446655440000',
-        status: 'Completed',
-        rowsProcessed: 2048,
-        rowsFailed: 12,
-        durationSeconds: 45,
-        completedAt: new Date().toISOString(),
-    },
-    {
-        jobId: '550e8400-e29b-41d4-a716-446655440001',
-        status: 'Completed',
-        rowsProcessed: 2015,
-        rowsFailed: 8,
-        durationSeconds: 38,
-        completedAt: new Date(Date.now() - 86400000).toISOString(),
-    },
-]);
 const calculateQualityScore = (job) => {
-    const total = job.rowsProcessed + job.rowsFailed;
+    const total = job.rowsProcessed + job.rowsFailed + (job.rowsSkipped || 0);
     if (total === 0)
         return 0;
     return Math.round((job.rowsProcessed / total) * 100);