@@ -3208,7 +3208,7 @@ <h3 class="text-base font-semibold dark:text-gray-100">
32083208 <div id="import-result" class="pt-2">
32093209 <!-- Results will be populated here by JavaScript -->
32103210 </div>
3211-
3211+
32123212 <!-- Import Statistics Display -->
32133213 <div id="import-statistics" class="hidden pt-4">
32143214 <div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4">
@@ -11076,7 +11076,7 @@ <h3 class="text-lg font-bold mb-4">Available Log Files</h3>
1107611076 if (response.ok) {
1107711077 // Update statistics display
1107811078 updateImportStatistics(result);
11079-
11079+
1108011080 if (result.success) {
1108111081 // Complete success
1108211082 showImportSuccess(result);
@@ -11131,7 +11131,7 @@ <h3 class="text-lg font-bold mb-4">Available Log Files</h3>
1113111131 <h3 class="text-sm font-medium text-${textColor}-800 dark:text-${textColor}-200">
1113211132 ${isPartialSuccess ? "Import Partially Completed" : "Import Completed Successfully"}
1113311133 </h3>
11134-
11134+
1113511135 <!-- Import Statistics -->
1113611136 <div class="mt-3 grid grid-cols-3 gap-4 text-center">
1113711137 <div class="bg-white dark:bg-gray-800 rounded-lg p-3 border">
@@ -11196,15 +11196,15 @@ <h3 class="text-sm font-medium text-${textColor}-800 dark:text-${textColor}-200"
1119611196 // Show import error message
1119711197 function showImportError(message, result = null) {
1119811198 const statusDiv = document.getElementById("import-status");
11199-
11199+
1120011200 let errorContent = `<p>${escapeHtml(message)}</p>`;
11201-
11201+
1120211202 // If we have detailed error information, show statistics
1120311203 if (result && (result.failed_count > 0 || result.errors)) {
1120411204 const totalTools = (result.created_count || 0) + (result.failed_count || 0);
1120511205 const successCount = result.created_count || 0;
1120611206 const failedCount = result.failed_count || 0;
11207-
11207+
1120811208 errorContent = `
1120911209 <div class="mb-3 grid grid-cols-3 gap-4 text-center">
1121011210 <div class="bg-white dark:bg-gray-800 rounded-lg p-3 border">
@@ -11223,7 +11223,7 @@ <h3 class="text-sm font-medium text-${textColor}-800 dark:text-${textColor}-200"
1122311223 <p>${escapeHtml(message)}</p>
1122411224 `;
1122511225 }
11226-
11226+
1122711227 statusDiv.innerHTML = `
1122811228 <div class="bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-800 rounded-md p-4">
1122911229 <div class="flex">
@@ -11251,11 +11251,11 @@ <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
1125111251 const totalTools = (result.created_count || 0) + (result.failed_count || 0);
1125211252 const successCount = result.created_count || 0;
1125311253 const failedCount = result.failed_count || 0;
11254-
11254+
1125511255 document.getElementById("stats-total").textContent = totalTools;
1125611256 document.getElementById("stats-success").textContent = successCount;
1125711257 document.getElementById("stats-failed").textContent = failedCount;
11258-
11258+
1125911259 // Show the statistics section
1126011260 document.getElementById("import-statistics").classList.remove("hidden");
1126111261 }
@@ -11406,13 +11406,13 @@ <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
1140611406 };
1140711407
1140811408 window.showDropdownFailedTools = function (errors) {
11409- const failedToolsHtml = errors.map((error, index) =>
11409+ const failedToolsHtml = errors.map((error, index) =>
1141011410 `<div class="text-xs p-2 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700 rounded mb-1">
1141111411 <div class="font-medium text-red-800 dark:text-red-200">${index + 1}. ${escapeHtml(error.name || error.tool_name || "Unnamed Tool")}</div>
1141211412 <div class="text-red-600 dark:text-red-400 mt-1">${escapeHtml(error.error?.message || error.message || "Unknown error")}</div>
1141311413 </div>`
1141411414 ).join('');
11415-
11415+
1141611416 showDropdownStatus("error", `<div class="font-medium mb-2">Failed Tools (${errors.length}):</div><div class="max-h-32 overflow-y-auto">${failedToolsHtml}</div>`);
1141711417 };
1141811418
@@ -11425,7 +11425,7 @@ <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
1142511425 🔄 Execute Import
1142611426 </button>
1142711427 </div>`;
11428-
11428+
1142911429 const statusDiv = document.getElementById("dropdown-status");
1143011430 statusDiv.innerHTML += actionButtonsHtml;
1143111431 };
@@ -11498,22 +11498,22 @@ <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
1149811498 const totalTools = (result.created_count || result.imported || 0) + (result.failed_count || 0);
1149911499 const successCount = result.created_count || result.imported || 0;
1150011500 const failedCount = result.failed_count || 0;
11501-
11501+
1150211502 // Show statistics
1150311503 showDropdownResults(totalTools, successCount, failedCount);
11504-
11504+
1150511505 let statusMessage = `✅ Import completed: ${successCount}/${totalTools} tools imported successfully`;
1150611506 if (failedCount > 0) {
1150711507 statusMessage = `⚠️ Partial success: ${successCount}/${totalTools} tools imported, ${failedCount} failed`;
1150811508 }
11509-
11509+
1151011510 showDropdownStatus("success", statusMessage);
11511-
11511+
1151211512 // Show failed tools if any
1151311513 if (result.errors && result.errors.length > 0) {
1151411514 showDropdownFailedTools(result.errors);
1151511515 }
11516-
11516+
1151711517 // Show close/refresh buttons after import
1151811518 showDropdownActionButtons();
1151911519 } else {
0 commit comments