npm - cursor-recursive-rag - Versions diffs - 0.2.0-alpha.1 - Mend

cursor-recursive-rag 0.2.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (144) hide show

package/README.md +354 -0
package/bin/cursor-rag.js +18 -0
package/dist/adapters/embeddings/index.d.ts +5 -0
package/dist/adapters/embeddings/index.d.ts.map +1 -0
package/dist/adapters/embeddings/index.js +16 -0
package/dist/adapters/embeddings/index.js.map +1 -0
package/dist/adapters/embeddings/ollama.d.ts +11 -0
package/dist/adapters/embeddings/ollama.d.ts.map +1 -0
package/dist/adapters/embeddings/ollama.js +30 -0
package/dist/adapters/embeddings/ollama.js.map +1 -0
package/dist/adapters/embeddings/openai.d.ts +11 -0
package/dist/adapters/embeddings/openai.d.ts.map +1 -0
package/dist/adapters/embeddings/openai.js +28 -0
package/dist/adapters/embeddings/openai.js.map +1 -0
package/dist/adapters/embeddings/types.d.ts +6 -0
package/dist/adapters/embeddings/types.d.ts.map +1 -0
package/dist/adapters/embeddings/types.js +2 -0
package/dist/adapters/embeddings/types.js.map +1 -0
package/dist/adapters/embeddings/xenova.d.ts +11 -0
package/dist/adapters/embeddings/xenova.d.ts.map +1 -0
package/dist/adapters/embeddings/xenova.js +26 -0
package/dist/adapters/embeddings/xenova.js.map +1 -0
package/dist/adapters/vector/chroma.d.ts +23 -0
package/dist/adapters/vector/chroma.d.ts.map +1 -0
package/dist/adapters/vector/chroma.js +91 -0
package/dist/adapters/vector/chroma.js.map +1 -0
package/dist/adapters/vector/index.d.ts +5 -0
package/dist/adapters/vector/index.d.ts.map +1 -0
package/dist/adapters/vector/index.js +22 -0
package/dist/adapters/vector/index.js.map +1 -0
package/dist/adapters/vector/memory.d.ts +22 -0
package/dist/adapters/vector/memory.d.ts.map +1 -0
package/dist/adapters/vector/memory.js +105 -0
package/dist/adapters/vector/memory.js.map +1 -0
package/dist/adapters/vector/qdrant.d.ts +14 -0
package/dist/adapters/vector/qdrant.d.ts.map +1 -0
package/dist/adapters/vector/qdrant.js +120 -0
package/dist/adapters/vector/qdrant.js.map +1 -0
package/dist/adapters/vector/redis.d.ts +31 -0
package/dist/adapters/vector/redis.d.ts.map +1 -0
package/dist/adapters/vector/redis.js +164 -0
package/dist/adapters/vector/redis.js.map +1 -0
package/dist/adapters/vector/vectorize.d.ts +10 -0
package/dist/adapters/vector/vectorize.d.ts.map +1 -0
package/dist/adapters/vector/vectorize.js +22 -0
package/dist/adapters/vector/vectorize.js.map +1 -0
package/dist/cli/commands/dashboard.d.ts +3 -0
package/dist/cli/commands/dashboard.d.ts.map +1 -0
package/dist/cli/commands/dashboard.js +23 -0
package/dist/cli/commands/dashboard.js.map +1 -0
package/dist/cli/commands/ingest.d.ts +3 -0
package/dist/cli/commands/ingest.d.ts.map +1 -0
package/dist/cli/commands/ingest.js +133 -0
package/dist/cli/commands/ingest.js.map +1 -0
package/dist/cli/commands/search.d.ts +3 -0
package/dist/cli/commands/search.d.ts.map +1 -0
package/dist/cli/commands/search.js +39 -0
package/dist/cli/commands/search.js.map +1 -0
package/dist/cli/commands/setup.d.ts +3 -0
package/dist/cli/commands/setup.d.ts.map +1 -0
package/dist/cli/commands/setup.js +311 -0
package/dist/cli/commands/setup.js.map +1 -0
package/dist/cli/commands/status.d.ts +3 -0
package/dist/cli/commands/status.d.ts.map +1 -0
package/dist/cli/commands/status.js +39 -0
package/dist/cli/commands/status.js.map +1 -0
package/dist/cli/index.d.ts +3 -0
package/dist/cli/index.d.ts.map +1 -0
package/dist/cli/index.js +34 -0
package/dist/cli/index.js.map +1 -0
package/dist/dashboard/public/index.html +819 -0
package/dist/dashboard/server.d.ts +10 -0
package/dist/dashboard/server.d.ts.map +1 -0
package/dist/dashboard/server.js +397 -0
package/dist/dashboard/server.js.map +1 -0
package/dist/integrations/index.d.ts +3 -0
package/dist/integrations/index.d.ts.map +1 -0
package/dist/integrations/index.js +3 -0
package/dist/integrations/index.js.map +1 -0
package/dist/integrations/mcp-gateway.d.ts +91 -0
package/dist/integrations/mcp-gateway.d.ts.map +1 -0
package/dist/integrations/mcp-gateway.js +128 -0
package/dist/integrations/mcp-gateway.js.map +1 -0
package/dist/integrations/openskills.d.ts +67 -0
package/dist/integrations/openskills.d.ts.map +1 -0
package/dist/integrations/openskills.js +223 -0
package/dist/integrations/openskills.js.map +1 -0
package/dist/proxy/index.d.ts +29 -0
package/dist/proxy/index.d.ts.map +1 -0
package/dist/proxy/index.js +124 -0
package/dist/proxy/index.js.map +1 -0
package/dist/server/index.d.ts +2 -0
package/dist/server/index.d.ts.map +1 -0
package/dist/server/index.js +43 -0
package/dist/server/index.js.map +1 -0
package/dist/server/tools/crawl.d.ts +15 -0
package/dist/server/tools/crawl.d.ts.map +1 -0
package/dist/server/tools/crawl.js +97 -0
package/dist/server/tools/crawl.js.map +1 -0
package/dist/server/tools/gateway.d.ts +27 -0
package/dist/server/tools/gateway.d.ts.map +1 -0
package/dist/server/tools/gateway.js +58 -0
package/dist/server/tools/gateway.js.map +1 -0
package/dist/server/tools/index.d.ts +10 -0
package/dist/server/tools/index.d.ts.map +1 -0
package/dist/server/tools/index.js +302 -0
package/dist/server/tools/index.js.map +1 -0
package/dist/server/tools/ingest.d.ts +15 -0
package/dist/server/tools/ingest.d.ts.map +1 -0
package/dist/server/tools/ingest.js +84 -0
package/dist/server/tools/ingest.js.map +1 -0
package/dist/server/tools/list-sources.d.ts +9 -0
package/dist/server/tools/list-sources.d.ts.map +1 -0
package/dist/server/tools/list-sources.js +63 -0
package/dist/server/tools/list-sources.js.map +1 -0
package/dist/server/tools/recursive-query.d.ts +16 -0
package/dist/server/tools/recursive-query.d.ts.map +1 -0
package/dist/server/tools/recursive-query.js +65 -0
package/dist/server/tools/recursive-query.js.map +1 -0
package/dist/server/tools/search.d.ts +15 -0
package/dist/server/tools/search.d.ts.map +1 -0
package/dist/server/tools/search.js +20 -0
package/dist/server/tools/search.js.map +1 -0
package/dist/server/tools/skills.d.ts +30 -0
package/dist/server/tools/skills.d.ts.map +1 -0
package/dist/server/tools/skills.js +85 -0
package/dist/server/tools/skills.js.map +1 -0
package/dist/services/chunker.d.ts +3 -0
package/dist/services/chunker.d.ts.map +1 -0
package/dist/services/chunker.js +75 -0
package/dist/services/chunker.js.map +1 -0
package/dist/services/config.d.ts +8 -0
package/dist/services/config.d.ts.map +1 -0
package/dist/services/config.js +66 -0
package/dist/services/config.js.map +1 -0
package/dist/services/query-decomposer.d.ts +44 -0
package/dist/services/query-decomposer.d.ts.map +1 -0
package/dist/services/query-decomposer.js +79 -0
package/dist/services/query-decomposer.js.map +1 -0
package/dist/types/index.d.ts +93 -0
package/dist/types/index.d.ts.map +1 -0
package/dist/types/index.js +2 -0
package/dist/types/index.js.map +1 -0
package/package.json +56 -0

package/dist/dashboard/public/index.html ADDED Viewed

@@ -0,0 +1,819 @@
+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Cursor RAG Dashboard</title>
+  <script src="https://cdn.tailwindcss.com?plugins=forms"></script>
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: {
+        extend: {
+          colors: {
+            primary: {
+              50: '#f0f9ff',
+              100: '#e0f2fe',
+              200: '#bae6fd',
+              300: '#7dd3fc',
+              400: '#38bdf8',
+              500: '#0ea5e9',
+              600: '#0284c7',
+              700: '#0369a1',
+              800: '#075985',
+              900: '#0c4a6e',
+              950: '#082f49',
+            }
+          }
+        }
+      }
+    }
+  </script>
+  <style>
+    @keyframes pulse-dot {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.5; }
+    }
+    .pulse-dot { animation: pulse-dot 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
+  </style>
+</head>
+<body class="bg-gray-950 text-gray-100 min-h-screen">
+  <div id="app" class="flex">
+    <!-- Sidebar -->
+    <aside class="w-64 bg-gray-900 border-r border-gray-800 min-h-screen p-4 fixed">
+      <div class="flex items-center gap-3 mb-8">
+        <div class="w-10 h-10 bg-primary-600 rounded-lg flex items-center justify-center">
+          <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/>
+          </svg>
+        </div>
+        <div>
+          <h1 class="font-bold text-lg">Cursor RAG</h1>
+          <p class="text-xs text-gray-500">Dashboard</p>
+        </div>
+      </div>
+      <nav class="space-y-1">
+        <a href="#" onclick="showTab('overview')" id="nav-overview" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg bg-gray-800 text-white">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/>
+          </svg>
+          Overview
+        </a>
+        <a href="#" onclick="showTab('search')" id="nav-search" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:bg-gray-800 hover:text-white transition-colors">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+          </svg>
+          Search
+        </a>
+        <a href="#" onclick="showTab('gateway')" id="nav-gateway" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:bg-gray-800 hover:text-white transition-colors">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
+          </svg>
+          MCP Gateway
+        </a>
+        <a href="#" onclick="showTab('skills')" id="nav-skills" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:bg-gray-800 hover:text-white transition-colors">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
+          </svg>
+          OpenSkills
+        </a>
+        <a href="#" onclick="showTab('activity')" id="nav-activity" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:bg-gray-800 hover:text-white transition-colors">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
+          </svg>
+          Activity
+        </a>
+        <a href="#" onclick="showTab('settings')" id="nav-settings" class="nav-link flex items-center gap-3 px-3 py-2 rounded-lg text-gray-400 hover:bg-gray-800 hover:text-white transition-colors">
+          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
+          </svg>
+          Settings
+        </a>
+      </nav>
+      <div class="absolute bottom-4 left-4 right-4">
+        <div class="bg-gray-800 rounded-lg p-3">
+          <div class="flex items-center gap-2 mb-2">
+            <div id="status-dot" class="w-2 h-2 bg-green-500 rounded-full pulse-dot"></div>
+            <span class="text-sm text-gray-400">Server Status</span>
+          </div>
+          <p id="status-text" class="text-xs text-gray-500">Connected to MCP</p>
+        </div>
+      </div>
+    </aside>
+    <!-- Main Content -->
+    <main class="ml-64 flex-1 p-8">
+      <!-- Overview Tab -->
+      <div id="tab-overview" class="tab-content">
+        <h2 class="text-2xl font-bold mb-6">Overview</h2>
+        <!-- Stats Cards -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-center justify-between mb-3">
+              <span class="text-gray-400 text-sm">RAG Chunks</span>
+              <svg class="w-5 h-5 text-primary-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"/>
+              </svg>
+            </div>
+            <p class="text-3xl font-bold" id="stat-chunks">-</p>
+          </div>
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-center justify-between mb-3">
+              <span class="text-gray-400 text-sm">Gateway Tools</span>
+              <svg class="w-5 h-5 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
+              </svg>
+            </div>
+            <p class="text-3xl font-bold" id="stat-gateway-tools">-</p>
+          </div>
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-center justify-between mb-3">
+              <span class="text-gray-400 text-sm">OpenSkills</span>
+              <svg class="w-5 h-5 text-yellow-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
+              </svg>
+            </div>
+            <p class="text-3xl font-bold" id="stat-skills">-</p>
+          </div>
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-center justify-between mb-3">
+              <span class="text-gray-400 text-sm">Gateway Backends</span>
+              <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2"/>
+              </svg>
+            </div>
+            <p class="text-3xl font-bold" id="stat-backends">-</p>
+          </div>
+        </div>
+        <!-- Integration Status -->
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
+              <span id="gateway-status-icon" class="w-3 h-3 bg-gray-500 rounded-full"></span>
+              MCP Gateway
+            </h3>
+            <div id="gateway-status-content" class="text-sm text-gray-400">
+              Checking connection...
+            </div>
+          </div>
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
+              <span id="skills-status-icon" class="w-3 h-3 bg-gray-500 rounded-full"></span>
+              OpenSkills
+            </h3>
+            <div id="skills-status-content" class="text-sm text-gray-400">
+              Checking configuration...
+            </div>
+          </div>
+        </div>
+        <!-- Quick Actions -->
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-6 mb-8">
+          <h3 class="text-lg font-semibold mb-4">Quick Actions</h3>
+          <div class="flex flex-wrap gap-3">
+            <button onclick="showTab('search')" class="px-4 py-2 bg-primary-600 hover:bg-primary-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+              </svg>
+              Search Knowledge Base
+            </button>
+            <button onclick="showTab('gateway')" class="px-4 py-2 bg-purple-600 hover:bg-purple-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/>
+              </svg>
+              Browse Gateway Tools
+            </button>
+            <button onclick="showTab('skills')" class="px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>
+              </svg>
+              Browse Skills
+            </button>
+            <button onclick="refreshAll()" class="px-4 py-2 bg-gray-800 hover:bg-gray-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+              </svg>
+              Refresh All
+            </button>
+          </div>
+        </div>
+        <!-- Recent Activity Preview -->
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+          <div class="flex items-center justify-between mb-4">
+            <h3 class="text-lg font-semibold">Recent Activity</h3>
+            <a href="#" onclick="showTab('activity')" class="text-primary-500 text-sm hover:underline">View all</a>
+          </div>
+          <div id="recent-activity" class="space-y-3">
+            <p class="text-gray-500 text-sm">Loading...</p>
+          </div>
+        </div>
+      </div>
+      <!-- Search Tab -->
+      <div id="tab-search" class="tab-content hidden">
+        <h2 class="text-2xl font-bold mb-6">Search Knowledge Base</h2>
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-6 mb-6">
+          <div class="flex gap-4">
+            <input type="text" id="search-input" placeholder="Search ingested documents..."
+              class="flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:border-primary-500 focus:ring-1 focus:ring-primary-500">
+            <button onclick="performSearch()" class="px-6 py-3 bg-primary-600 hover:bg-primary-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+              </svg>
+              Search
+            </button>
+          </div>
+          <p class="text-xs text-gray-500 mt-2">Searches documents ingested via cursor-rag ingest command</p>
+        </div>
+        <div id="search-results" class="space-y-4">
+          <p class="text-gray-500 text-center py-8">Enter a query to search the knowledge base</p>
+        </div>
+      </div>
+      <!-- MCP Gateway Tab -->
+      <div id="tab-gateway" class="tab-content hidden">
+        <h2 class="text-2xl font-bold mb-6">MCP Gateway Tools</h2>
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-6 mb-6">
+          <div class="flex gap-4">
+            <input type="text" id="gateway-search-input" placeholder="Search tools (e.g., linear, github, filesystem)..."
+              class="flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:border-primary-500 focus:ring-1 focus:ring-primary-500">
+            <button onclick="searchGatewayTools()" class="px-6 py-3 bg-purple-600 hover:bg-purple-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+              </svg>
+              Search
+            </button>
+          </div>
+        </div>
+        <!-- Backend Filter -->
+        <div class="mb-6">
+          <div class="flex flex-wrap gap-2" id="backend-filters">
+            <button onclick="filterBackend('')" class="backend-filter px-3 py-1 bg-gray-800 hover:bg-gray-700 rounded-full text-sm transition-colors active" data-backend="">
+              All
+            </button>
+          </div>
+        </div>
+        <div id="gateway-tools-list" class="space-y-4">
+          <p class="text-gray-500 text-center py-8">Loading gateway tools...</p>
+        </div>
+      </div>
+      <!-- OpenSkills Tab -->
+      <div id="tab-skills" class="tab-content hidden">
+        <h2 class="text-2xl font-bold mb-6">OpenSkills</h2>
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-6 mb-6">
+          <div class="flex gap-4">
+            <input type="text" id="skills-search-input" placeholder="Search skills..."
+              class="flex-1 bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:border-primary-500 focus:ring-1 focus:ring-primary-500">
+            <button onclick="searchSkills()" class="px-6 py-3 bg-yellow-600 hover:bg-yellow-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+              </svg>
+              Search
+            </button>
+          </div>
+        </div>
+        <div id="skills-list" class="space-y-4">
+          <p class="text-gray-500 text-center py-8">Loading skills...</p>
+        </div>
+      </div>
+      <!-- Activity Tab -->
+      <div id="tab-activity" class="tab-content hidden">
+        <h2 class="text-2xl font-bold mb-6">Activity Log</h2>
+        <div class="bg-gray-900 border border-gray-800 rounded-xl overflow-hidden">
+          <div id="activity-log" class="divide-y divide-gray-800">
+            <p class="text-gray-500 text-center py-8">Loading activity...</p>
+          </div>
+        </div>
+      </div>
+      <!-- Settings Tab -->
+      <div id="tab-settings" class="tab-content hidden">
+        <h2 class="text-2xl font-bold mb-6">Settings</h2>
+        <div class="space-y-6">
+          <!-- Vector Store Settings -->
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4">Vector Store</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm text-gray-400 mb-2">Type</label>
+                <select id="config-vectorstore" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
+                  <option value="memory">Memory (File-based)</option>
+                  <option value="chroma">ChromaDB (Server)</option>
+                  <option value="qdrant">Qdrant</option>
+                  <option value="vectorize">Cloudflare Vectorize</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          <!-- Embeddings Settings -->
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4">Embeddings</h3>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm text-gray-400 mb-2">Model</label>
+                <select id="config-embeddings" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
+                  <option value="xenova">Xenova (Local)</option>
+                  <option value="openai">OpenAI</option>
+                  <option value="ollama">Ollama</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          <!-- MCP Gateway Settings -->
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4">MCP Gateway</h3>
+            <div class="space-y-4">
+              <div class="flex items-center gap-3">
+                <input type="checkbox" id="config-gateway-enabled" class="w-4 h-4 rounded bg-gray-800 border-gray-700 text-primary-600 focus:ring-primary-500">
+                <label for="config-gateway-enabled" class="text-sm">Enable MCP Gateway integration</label>
+              </div>
+              <div>
+                <label class="block text-sm text-gray-400 mb-2">Gateway URL</label>
+                <input type="text" id="config-gateway-url" placeholder="http://localhost:3010" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
+              </div>
+            </div>
+          </div>
+          <!-- OpenSkills Settings -->
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4">OpenSkills</h3>
+            <div class="space-y-4">
+              <div class="flex items-center gap-3">
+                <input type="checkbox" id="config-skills-enabled" class="w-4 h-4 rounded bg-gray-800 border-gray-700 text-primary-600 focus:ring-primary-500">
+                <label for="config-skills-enabled" class="text-sm">Enable OpenSkills integration</label>
+              </div>
+              <div class="flex items-center gap-3">
+                <input type="checkbox" id="config-skills-autoingest" class="w-4 h-4 rounded bg-gray-800 border-gray-700 text-primary-600 focus:ring-primary-500">
+                <label for="config-skills-autoingest" class="text-sm">Auto-ingest skills into RAG</label>
+              </div>
+            </div>
+          </div>
+          <!-- Proxy Settings -->
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-6">
+            <h3 class="text-lg font-semibold mb-4">Proxy Configuration</h3>
+            <div class="space-y-4">
+              <div class="flex items-center gap-3">
+                <input type="checkbox" id="config-proxy-enabled" class="w-4 h-4 rounded bg-gray-800 border-gray-700 text-primary-600 focus:ring-primary-500">
+                <label for="config-proxy-enabled" class="text-sm">Enable rotating proxy</label>
+              </div>
+              <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm text-gray-400 mb-2">Driver</label>
+                  <select id="config-proxy-driver" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
+                    <option value="none">None</option>
+                    <option value="packetstream">PacketStream</option>
+                    <option value="smartproxy">SmartProxy</option>
+                  </select>
+                </div>
+                <div>
+                  <label class="block text-sm text-gray-400 mb-2">Host</label>
+                  <input type="text" id="config-proxy-host" placeholder="proxy.packetstream.io" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-2">
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- Save Button -->
+          <div class="flex justify-end">
+            <button onclick="saveSettings()" class="px-6 py-3 bg-primary-600 hover:bg-primary-700 rounded-lg transition-colors flex items-center gap-2">
+              <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+              </svg>
+              Save Settings
+            </button>
+          </div>
+        </div>
+      </div>
+    </main>
+  </div>
+  <script>
+    const API_BASE = '';
+    let gatewayUrl = 'http://localhost:3010';
+    let allGatewayTools = [];
+    let currentBackendFilter = '';
+    // Tab Navigation
+    function showTab(tabId) {
+      document.querySelectorAll('.tab-content').forEach(el => el.classList.add('hidden'));
+      document.querySelectorAll('.nav-link').forEach(el => {
+        el.classList.remove('bg-gray-800', 'text-white');
+        el.classList.add('text-gray-400');
+      });
+      document.getElementById(`tab-${tabId}`).classList.remove('hidden');
+      const navLink = document.getElementById(`nav-${tabId}`);
+      if (navLink) {
+        navLink.classList.add('bg-gray-800', 'text-white');
+        navLink.classList.remove('text-gray-400');
+      }
+      // Load data for specific tabs
+      if (tabId === 'gateway') loadGatewayTools();
+      if (tabId === 'skills') loadSkills();
+    }
+    // Fetch Stats
+    async function fetchStats() {
+      try {
+        const res = await fetch(`${API_BASE}/api/stats`);
+        const stats = await res.json();
+        document.getElementById('stat-chunks').textContent = stats.totalChunks.toLocaleString();
+        // Update gateway URL from config
+        if (stats.mcpGatewayUrl) {
+          gatewayUrl = stats.mcpGatewayUrl;
+        }
+      } catch (e) {
+        console.error('Failed to fetch stats:', e);
+      }
+    }
+    // Fetch Gateway Health (via proxy to avoid CORS)
+    async function fetchGatewayHealth() {
+      try {
+        const res = await fetch(`${API_BASE}/api/gateway/health`);
+        const health = await res.json();
+        document.getElementById('stat-gateway-tools').textContent = health.tools?.enabled || health.tools || 0;
+        document.getElementById('stat-backends').textContent = `${health.backends?.connected || 0}/${health.backends?.total || 0}`;
+        const icon = document.getElementById('gateway-status-icon');
+        const content = document.getElementById('gateway-status-content');
+        if (health.status === 'ok') {
+          icon.className = 'w-3 h-3 bg-green-500 rounded-full';
+          content.innerHTML = `
+            <p>Connected to <strong>${gatewayUrl}</strong></p>
+            <p class="mt-1">${health.tools?.enabled || health.tools} tools available across ${health.backends?.connected} backends</p>
+          `;
+        } else {
+          icon.className = 'w-3 h-3 bg-yellow-500 rounded-full';
+          content.textContent = 'Gateway partially available';
+        }
+      } catch (e) {
+        document.getElementById('stat-gateway-tools').textContent = '-';
+        document.getElementById('stat-backends').textContent = '-';
+        const icon = document.getElementById('gateway-status-icon');
+        const content = document.getElementById('gateway-status-content');
+        icon.className = 'w-3 h-3 bg-red-500 rounded-full';
+        content.innerHTML = `<p class="text-red-400">Not connected</p><p class="text-xs mt-1">Start gateway: cd mcp-gateway && npm start</p>`;
+      }
+    }
+    // Fetch Skills
+    async function fetchSkillsCount() {
+      try {
+        const res = await fetch(`${API_BASE}/api/skills`);
+        const data = await res.json();
+        document.getElementById('stat-skills').textContent = data.skills?.length || 0;
+        const icon = document.getElementById('skills-status-icon');
+        const content = document.getElementById('skills-status-content');
+        if (data.skills && data.skills.length > 0) {
+          icon.className = 'w-3 h-3 bg-green-500 rounded-full';
+          content.innerHTML = `<p>${data.skills.length} skills available</p>`;
+        } else {
+          icon.className = 'w-3 h-3 bg-yellow-500 rounded-full';
+          content.innerHTML = `<p>No skills found</p><p class="text-xs mt-1">Install with: npx openskills install anthropics/skills</p>`;
+        }
+      } catch (e) {
+        document.getElementById('stat-skills').textContent = '-';
+        const icon = document.getElementById('skills-status-icon');
+        const content = document.getElementById('skills-status-content');
+        icon.className = 'w-3 h-3 bg-gray-500 rounded-full';
+        content.textContent = 'OpenSkills integration disabled';
+      }
+    }
+    // Load Gateway Tools (via proxy to avoid CORS)
+    async function loadGatewayTools() {
+      const listEl = document.getElementById('gateway-tools-list');
+      listEl.innerHTML = '<p class="text-gray-500 text-center py-8">Loading tools from MCP Gateway...</p>';
+      try {
+        const res = await fetch(`${API_BASE}/api/gateway/api/code/tools/search?detailLevel=name_description&limit=200`);
+        const data = await res.json();
+        allGatewayTools = data.tools || data || [];
+        // Build backend filters
+        const backends = [...new Set(allGatewayTools.map(t => t.backend || 'unknown'))];
+        const filtersEl = document.getElementById('backend-filters');
+        filtersEl.innerHTML = `
+          <button onclick="filterBackend('')" class="backend-filter px-3 py-1 bg-primary-600 rounded-full text-sm transition-colors" data-backend="">
+            All (${allGatewayTools.length})
+          </button>
+          ${backends.map(b => `
+            <button onclick="filterBackend('${b}')" class="backend-filter px-3 py-1 bg-gray-800 hover:bg-gray-700 rounded-full text-sm transition-colors" data-backend="${b}">
+              ${b} (${allGatewayTools.filter(t => t.backend === b).length})
+            </button>
+          `).join('')}
+        `;
+        renderGatewayTools(allGatewayTools);
+      } catch (e) {
+        listEl.innerHTML = `<p class="text-red-500 text-center py-8">Failed to load gateway tools. Is MCP Gateway running at ${gatewayUrl}?</p>`;
+      }
+    }
+    function filterBackend(backend) {
+      currentBackendFilter = backend;
+      // Update button styles
+      document.querySelectorAll('.backend-filter').forEach(btn => {
+        if (btn.dataset.backend === backend) {
+          btn.classList.remove('bg-gray-800');
+          btn.classList.add('bg-primary-600');
+        } else {
+          btn.classList.remove('bg-primary-600');
+          btn.classList.add('bg-gray-800');
+        }
+      });
+      const filtered = backend ? allGatewayTools.filter(t => t.backend === backend) : allGatewayTools;
+      renderGatewayTools(filtered);
+    }
+    function renderGatewayTools(tools) {
+      const listEl = document.getElementById('gateway-tools-list');
+      if (tools.length === 0) {
+        listEl.innerHTML = '<p class="text-gray-500 text-center py-8">No tools found</p>';
+        return;
+      }
+      listEl.innerHTML = tools.map(tool => `
+        <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+          <div class="flex items-start justify-between mb-2">
+            <h4 class="font-mono text-primary-400">${tool.name}</h4>
+            <span class="text-xs px-2 py-1 bg-gray-800 rounded-full">${tool.backend || 'unknown'}</span>
+          </div>
+          <p class="text-sm text-gray-400">${tool.description || 'No description'}</p>
+        </div>
+      `).join('');
+    }
+    function searchGatewayTools() {
+      const query = document.getElementById('gateway-search-input').value.toLowerCase().trim();
+      if (!query) {
+        filterBackend(currentBackendFilter);
+        return;
+      }
+      const filtered = allGatewayTools.filter(t =>
+        t.name.toLowerCase().includes(query) ||
+        (t.description && t.description.toLowerCase().includes(query)) ||
+        (t.backend && t.backend.toLowerCase().includes(query))
+      );
+      renderGatewayTools(filtered);
+    }
+    // Load Skills
+    async function loadSkills() {
+      const listEl = document.getElementById('skills-list');
+      listEl.innerHTML = '<p class="text-gray-500 text-center py-8">Loading OpenSkills...</p>';
+      try {
+        const res = await fetch(`${API_BASE}/api/skills`);
+        const data = await res.json();
+        const skills = data.skills || [];
+        if (skills.length === 0) {
+          listEl.innerHTML = `
+            <div class="text-center py-8">
+              <p class="text-gray-500 mb-4">No skills installed</p>
+              <p class="text-sm text-gray-600">Install skills with:</p>
+              <code class="text-primary-400 text-sm">npx openskills install anthropics/skills</code>
+            </div>
+          `;
+          return;
+        }
+        listEl.innerHTML = skills.map(skill => `
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-start justify-between mb-2">
+              <h4 class="font-semibold text-yellow-400">${skill.name}</h4>
+              <span class="text-xs px-2 py-1 bg-gray-800 rounded-full">${skill.location || 'local'}</span>
+            </div>
+            <p class="text-sm text-gray-400">${skill.description || 'No description'}</p>
+          </div>
+        `).join('');
+      } catch (e) {
+        listEl.innerHTML = `<p class="text-red-500 text-center py-8">Failed to load skills: ${e.message}</p>`;
+      }
+    }
+    function searchSkills() {
+      const query = document.getElementById('skills-search-input').value.toLowerCase().trim();
+      // For now, just reload and filter client-side
+      loadSkills();
+    }
+    function refreshAll() {
+      fetchStats();
+      fetchGatewayHealth();
+      fetchSkillsCount();
+      fetchActivity();
+    }
+    // Fetch Activity
+    async function fetchActivity() {
+      try {
+        const res = await fetch(`${API_BASE}/api/activity`);
+        const activity = await res.json();
+        const recentEl = document.getElementById('recent-activity');
+        const fullEl = document.getElementById('activity-log');
+        if (activity.length === 0) {
+          recentEl.innerHTML = '<p class="text-gray-500 text-sm">No recent activity</p>';
+          fullEl.innerHTML = '<p class="text-gray-500 text-center py-8">No activity recorded yet</p>';
+          return;
+        }
+        const renderActivity = (items) => items.map(item => `
+          <div class="flex items-start gap-3 p-4">
+            <div class="w-2 h-2 mt-2 rounded-full ${item.type === 'error' ? 'bg-red-500' : item.type === 'search' ? 'bg-blue-500' : 'bg-green-500'}"></div>
+            <div class="flex-1">
+              <p class="text-sm">${item.message}</p>
+              <p class="text-xs text-gray-500 mt-1">${new Date(item.timestamp).toLocaleString()}</p>
+            </div>
+          </div>
+        `).join('');
+        recentEl.innerHTML = renderActivity(activity.slice(0, 5));
+        fullEl.innerHTML = renderActivity(activity);
+      } catch (e) {
+        console.error('Failed to fetch activity:', e);
+      }
+    }
+    // Fetch Config
+    async function fetchConfig() {
+      try {
+        const res = await fetch(`${API_BASE}/api/config`);
+        const config = await res.json();
+        if (config.error) return;
+        document.getElementById('config-vectorstore').value = config.vectorStore || 'memory';
+        document.getElementById('config-embeddings').value = config.embeddings || 'xenova';
+        if (config.mcpGateway) {
+          document.getElementById('config-gateway-enabled').checked = config.mcpGateway.enabled;
+          document.getElementById('config-gateway-url').value = config.mcpGateway.url || 'http://localhost:3010';
+          if (config.mcpGateway.url) gatewayUrl = config.mcpGateway.url;
+        }
+        if (config.openSkills) {
+          document.getElementById('config-skills-enabled').checked = config.openSkills.enabled;
+          document.getElementById('config-skills-autoingest').checked = config.openSkills.autoIngestSkills;
+        }
+        if (config.proxy) {
+          document.getElementById('config-proxy-enabled').checked = config.proxy.enabled;
+          document.getElementById('config-proxy-driver').value = config.proxy.driver || 'none';
+          document.getElementById('config-proxy-host').value = config.proxy.host || '';
+        }
+      } catch (e) {
+        console.error('Failed to fetch config:', e);
+      }
+    }
+    // Save Settings
+    async function saveSettings() {
+      const updates = {
+        vectorStore: document.getElementById('config-vectorstore').value,
+        embeddings: document.getElementById('config-embeddings').value,
+        mcpGateway: {
+          enabled: document.getElementById('config-gateway-enabled').checked,
+          url: document.getElementById('config-gateway-url').value || 'http://localhost:3010'
+        },
+        openSkills: {
+          enabled: document.getElementById('config-skills-enabled').checked,
+          autoIngestSkills: document.getElementById('config-skills-autoingest').checked
+        },
+        proxy: {
+          enabled: document.getElementById('config-proxy-enabled').checked,
+          driver: document.getElementById('config-proxy-driver').value,
+          host: document.getElementById('config-proxy-host').value || undefined
+        }
+      };
+      try {
+        const res = await fetch(`${API_BASE}/api/config`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(updates)
+        });
+        if (res.ok) {
+          alert('Settings saved successfully!');
+          refreshAll();
+        } else {
+          alert('Failed to save settings');
+        }
+      } catch (e) {
+        alert('Failed to save settings: ' + e.message);
+      }
+    }
+    // Search Knowledge Base
+    async function performSearch() {
+      const query = document.getElementById('search-input').value.trim();
+      if (!query) return;
+      const resultsEl = document.getElementById('search-results');
+      resultsEl.innerHTML = '<p class="text-gray-500 text-center py-8">Searching...</p>';
+      try {
+        const res = await fetch(`${API_BASE}/api/search`, {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ query, topK: 10 })
+        });
+        const results = await res.json();
+        if (results.error) {
+          resultsEl.innerHTML = `<p class="text-red-500 text-center py-8">${results.error}</p>`;
+          return;
+        }
+        if (results.length === 0) {
+          resultsEl.innerHTML = '<p class="text-gray-500 text-center py-8">No results found in knowledge base</p>';
+          return;
+        }
+        resultsEl.innerHTML = results.map((result, i) => `
+          <div class="bg-gray-900 border border-gray-800 rounded-xl p-5">
+            <div class="flex items-center justify-between mb-3">
+              <span class="text-sm text-gray-400">Score: ${result.score.toFixed(4)}</span>
+              <span class="text-xs text-gray-500">${result.metadata?.source || 'Unknown source'}</span>
+            </div>
+            <p class="text-sm text-gray-300 whitespace-pre-wrap">${result.content.substring(0, 500)}${result.content.length > 500 ? '...' : ''}</p>
+          </div>
+        `).join('');
+      } catch (e) {
+        resultsEl.innerHTML = `<p class="text-red-500 text-center py-8">Search failed: ${e.message}</p>`;
+      }
+    }
+    // Enter key handlers
+    document.getElementById('search-input').addEventListener('keypress', (e) => {
+      if (e.key === 'Enter') performSearch();
+    });
+    document.getElementById('gateway-search-input').addEventListener('keypress', (e) => {
+      if (e.key === 'Enter') searchGatewayTools();
+    });
+    document.getElementById('skills-search-input').addEventListener('keypress', (e) => {
+      if (e.key === 'Enter') searchSkills();
+    });
+    // Initial load
+    fetchConfig().then(() => {
+      fetchStats();
+      fetchGatewayHealth();
+      fetchSkillsCount();
+      fetchActivity();
+    });
+    // Refresh every 30 seconds
+    setInterval(() => {
+      fetchStats();
+      fetchGatewayHealth();
+      fetchActivity();
+    }, 30000);
+  </script>
+</body>
+</html>