feat: implement AI-powered Human-in-the-Loop Norm Builder interface and standard CRUD endpoints

App.tsx

@@ -10,7 +10,7 @@ import { ReportDisplay } from './components/ReportDisplay';
 import { PrintableReport } from './components/PrintableReport';
 import { DownloadIcon, EyeIcon, CogIcon } from './components/Icons';
 import { ApiKeySetup } from './components/ApiKeySetup';
-import { AdminCategories } from './components/AdminCategories';
+import { AdminPanel } from './components/AdminPanel';
 
 const App: React.FC = () => {
   const [viewMode, setViewMode] = useState<'analysis' | 'admin'>('analysis');
@@ -219,7 +219,12 @@ const App: React.FC = () => {
             <span className="w-10 h-10 border-4 border-blue-500 border-t-transparent rounded-full animate-spin"></span>
           </div>
         ) : viewMode === 'admin' ? (
-          <AdminCategories />
+          <AdminPanel 
+            provider={provider} 
+            apiKey={apiKey} 
+            model={model} 
+            endpoint={endpoint} 
+          />
         ) : (!hasKey || showSetup) ? (
           <ApiKeySetup onKeySave={handleKeySave} onCancel={hasKey ? () => setShowSetup(false) : undefined} />
         ) : !reportsData ? (