Feature insertion- File importing

src/pages/AdminPage.jsx

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Wrench, Database, UploadCloud } from 'lucide-react';
+import { Wrench, Database, UploadCloud, Layers } from 'lucide-react';
 import { api } from '../api/client';
 import { NavigationHeader } from '../components/NavigationHeader';
 import { StoreCatalogPanel } from './StoreCatalogPanel';
+import { BatchCatalogPanel } from './BatchCatalogPanel';
 
 /*
  * The admin panel carries two views: the read-only project overview, and the
@@ -18,6 +19,7 @@ import { StoreCatalogPanel } from './StoreCatalogPanel';
 const TABS = [
   { id: 'project', label: 'Project Overview Details', icon: Database },
   { id: 'ingest', label: 'Store Catalog Ingestion', icon: UploadCloud },
+  { id: 'batch', label: 'Batch Catalog Ingestion', icon: Layers },
 ];
 
 export function AdminPage() {
@@ -45,7 +47,7 @@ export function AdminPage() {
     <div className="flex h-screen w-full flex-col overflow-y-auto bg-paper-100 text-ink-950 font-sans">
       <NavigationHeader
         title="Admin Intelligence Panel"
-        subtitle="Brand catalogs, vector tables & store-spreadsheet ingestion"
+        subtitle="Brand catalogs, vector tables & single or batch spreadsheet ingestion"
         icon={Wrench}
       />
 
@@ -68,6 +70,8 @@ export function AdminPage() {
 
         {activeTab === 'ingest' && <StoreCatalogPanel />}
 
+        {activeTab === 'batch' && <BatchCatalogPanel />}
+
         {activeTab === 'project' && (
         <div className="space-y-6">
           <div className="rounded-2xl border border-ink-900/10 bg-paper-50 p-6 shadow-xs">