Merge branch 'resolve-ticket' into resolve-ticket

Author: vk-playground

cookies.txt

@@ -0,0 +1,3 @@
+# Netscape HTTP Cookie File
+# https://curl.se/docs/http-cookies.html
+# This file was generated by libcurl! Edit at your own risk.

headers.txt

@@ -0,0 +1,5 @@
+HTTP/1.1 307 Temporary Redirect
+date: Wed, 13 Aug 2025 05:39:40 GMT
+server: uvicorn
+content-length: 0
+location: http://localhost:4444/admin/

mcpgateway/static/admin.js

@@ -7133,3 +7133,73 @@ function setupBulkImportModal() {
         });
     }
 }
+
+// BULK IMPORT MODAL WIRING
+// ===================================================================
+
+function clearBulkImportResult() {
+    const resultEl = safeGetElement("import-result", true);
+    if (resultEl) {
+        resultEl.innerHTML = "";
+    }
+    const indicator = safeGetElement("import-indicator", true);
+    if (indicator) {
+        indicator.classList.add("hidden");
+    }
+}
+
+function setupBulkImportModal() {
+    const openBtn = safeGetElement("open-bulk-import", true);
+    const modal = safeGetElement("bulk-import-modal", true);
+    const backdrop = safeGetElement("bulk-import-backdrop", true);
+    const closeBtn = safeGetElement("close-bulk-import", true);
+
+    if (!openBtn || !modal) {
+        return;
+    }
+    if (openBtn.dataset.wired === "1") {
+        return; // prevent double wiring
+    }
+    openBtn.dataset.wired = "1";
+
+    // OPEN → clear results, open modal, focus JSON/FILE
+    openBtn.addEventListener("click", (e) => {
+        e.preventDefault();
+        clearBulkImportResult();
+        openModal("bulk-import-modal");
+        setTimeout(() => {
+            const ta = modal.querySelector('textarea[name="tools_json"]');
+            const file = modal.querySelector('input[type="file"]');
+            (ta || file)?.focus?.();
+        }, 0);
+    });
+
+    // CLOSE BUTTON → close & clear
+    if (closeBtn) {
+        closeBtn.addEventListener("click", (e) => {
+            e.preventDefault();
+            closeModal("bulk-import-modal", "import-result");
+        });
+    }
+
+    // BACKDROP → close & clear
+    if (backdrop) {
+        backdrop.addEventListener("click", () => {
+            closeModal("bulk-import-modal", "import-result");
+        });
+    }
+
+    // ESC → close & clear
+    document.addEventListener("keydown", (e) => {
+        if (e.key === "Escape" && AppState.isModalActive("bulk-import-modal")) {
+            closeModal("bulk-import-modal", "import-result");
+        }
+    });
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+    try {
+        setupBulkImportModal();
+    } catch (_) {}
+});
+

mcpgateway/templates/admin.html

@@ -1324,6 +1324,61 @@ <h3 class="text-lg font-bold dark:text-gray-200">Add New Tool</h3>
             </div>
           </form>
         </div>
+        <!-- Modal -->
+        <div id="bulk-import-modal" class="fixed inset-0 z-[60] hidden">
+          <div id="bulk-import-backdrop" class="absolute inset-0 bg-black/50"></div>
+          <div role="dialog" aria-modal="true"
+              class="relative mx-auto my-12 w-full max-w-2xl rounded-xl bg-white p-0 shadow-xl dark:bg-gray-900">
+            <div class="flex items-center justify-between border-b px-5 py-3 dark:border-gray-700">
+              <h3 class="text-base font-semibold dark:text-gray-100">Bulk Import Tools</h3>
+              <button id="close-bulk-import" data-close-bulk-import
+                      class="rounded p-1 text-gray-500 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"
+                      aria-label="Close">✕</button>
+            </div>
+
+            <form id="bulk-import-form"
+                  hx-post="{{ root_path }}/admin/tools/import"
+                  hx-target="#bulk-import-result"
+                  hx-swap="innerHTML"
+                  hx-indicator="#bulk-import-indicator"
+                  enctype="multipart/form-data"
+                  class="space-y-4 p-5">
+              <p class="text-sm text-gray-600 dark:text-gray-400">
+                Paste a JSON array or upload a <code>.json</code> file. Max 200 tools.
+              </p>
+
+              <label class="block text-sm font-medium dark:text-gray-300" for="tools_json">JSON Data</label>
+              <textarea id="tools_json" name="tools_json" rows="8"
+                class="mt-1 block w-full rounded-md border border-gray-300 font-mono text-sm shadow-sm
+                      focus:border-indigo-500 focus:ring-indigo-500 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300"
+                placeholder="[{&quot;name&quot;:&quot;tool_name&quot;,&quot;url&quot;:&quot;https://...&quot;,&quot;integration_type&quot;:&quot;REST&quot;,&quot;request_type&quot;:&quot;GET&quot;}]"></textarea>
+
+              <div>
+                <label class="block text-sm font-medium dark:text-gray-300" for="tools_file">Or upload JSON file</label>
+                <input id="tools_file" name="tools_file" type="file" accept="application/json,.json"
+                      class="mt-1 block w-full text-sm dark:text-gray-300" />
+              </div>
+
+              <div class="flex items-center gap-3 pt-1">
+                <button type="submit"
+                  class="inline-flex justify-center rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white
+                        hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500">
+                  Import Tools
+                </button>
+                <span id="bulk-import-indicator" class="htmx-indicator items-center text-sm text-gray-500 dark:text-gray-400" style="display: none;">
+                  <svg class="mr-2 h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none">
+                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
+                    <path class="opacity-75" fill="currentColor"
+                          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+                  </svg>
+                  Processing...
+                </span>
+              </div>
+
+              <div id="bulk-import-result" class="pt-2"></div>
+            </form>
+          </div>
+        </div>
       </div>
 
       <!-- Bulk Import Modal -->

tools.json

@@ -0,0 +1,19 @@
+[
+  {
+    "name": "list_users",
+    "url": "https://api.example.com/users",
+    "integration_type": "REST",
+    "request_type": "GET"
+  },
+  {
+    "name": "create_user",
+    "url": "https://api.example.com/users",
+    "integration_type": "REST",
+    "request_type": "POST",
+    "input_schema": {
+      "type": "object",
+      "properties": { "body": { "type": "object" } },
+      "required": ["body"]
+    }
+  }
+]