npm - @intranefr/superbackend - Versions diffs - 1.5.2 → 1.6.3 - Mend

@intranefr/superbackend 1.5.2 → 1.6.3

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 (134) hide show

package/cookies.txt +6 -0
package/cookies1.txt +6 -0
package/cookies2.txt +6 -0
package/cookies3.txt +6 -0
package/cookies4.txt +5 -0
package/cookies_old.txt +5 -0
package/cookies_old_test.txt +6 -0
package/cookies_super.txt +5 -0
package/cookies_super_test.txt +6 -0
package/cookies_test.txt +6 -0
package/index.js +9 -0
package/manage.js +745 -0
package/package.json +6 -2
package/plugins/core-waiting-list-migration/README.md +118 -0
package/plugins/core-waiting-list-migration/index.js +438 -0
package/plugins/global-settings-presets/index.js +20 -0
package/plugins/hello-cli/index.js +17 -0
package/plugins/ui-components-seeder/components/suiAlert.js +212 -0
package/plugins/ui-components-seeder/components/suiToast.js +186 -0
package/plugins/ui-components-seeder/index.js +31 -0
package/public/js/admin-ui-components-preview.js +281 -0
package/public/js/admin-ui-components.js +408 -0
package/public/js/llm-provider-model-picker.js +193 -0
package/public/test-iframe-fix.html +63 -0
package/public/test-iframe.html +14 -0
package/src/admin/endpointRegistry.js +68 -0
package/src/controllers/admin.controller.js +36 -10
package/src/controllers/adminAgents.controller.js +37 -0
package/src/controllers/adminDataCleanup.controller.js +45 -0
package/src/controllers/adminLlm.controller.js +19 -8
package/src/controllers/adminLogin.controller.js +269 -0
package/src/controllers/adminMarkdowns.controller.js +157 -0
package/src/controllers/adminPlugins.controller.js +55 -0
package/src/controllers/adminRegistry.controller.js +106 -0
package/src/controllers/adminScripts.controller.js +138 -0
package/src/controllers/adminStats.controller.js +4 -4
package/src/controllers/adminTelegram.controller.js +72 -0
package/src/controllers/markdowns.controller.js +42 -0
package/src/controllers/registry.controller.js +32 -0
package/src/controllers/waitingList.controller.js +52 -74
package/src/helpers/mongooseHelper.js +6 -6
package/src/helpers/scriptBase.js +2 -2
package/src/middleware/auth.js +71 -1
package/src/middleware/rbac.js +62 -0
package/src/middleware.js +584 -176
package/src/models/Agent.js +105 -0
package/src/models/AgentMessage.js +82 -0
package/src/models/GlobalSetting.js +11 -1
package/src/models/Markdown.js +75 -0
package/src/models/ScriptRun.js +8 -0
package/src/models/TelegramBot.js +42 -0
package/src/models/UiComponent.js +2 -0
package/src/models/User.js +1 -1
package/src/routes/admin.routes.js +3 -3
package/src/routes/adminAgents.routes.js +13 -0
package/src/routes/adminAssets.routes.js +11 -11
package/src/routes/adminBlog.routes.js +2 -2
package/src/routes/adminBlogAi.routes.js +2 -2
package/src/routes/adminBlogAutomation.routes.js +2 -2
package/src/routes/adminCache.routes.js +2 -2
package/src/routes/adminConsoleManager.routes.js +2 -2
package/src/routes/adminCrons.routes.js +2 -2
package/src/routes/adminDataCleanup.routes.js +26 -0
package/src/routes/adminDbBrowser.routes.js +2 -2
package/src/routes/adminEjsVirtual.routes.js +2 -2
package/src/routes/adminFeatureFlags.routes.js +6 -6
package/src/routes/adminHeadless.routes.js +2 -2
package/src/routes/adminHealthChecks.routes.js +2 -2
package/src/routes/adminI18n.routes.js +2 -2
package/src/routes/adminJsonConfigs.routes.js +8 -8
package/src/routes/adminLlm.routes.js +8 -7
package/src/routes/adminLogin.routes.js +23 -0
package/src/routes/adminMarkdowns.routes.js +10 -0
package/src/routes/adminMigration.routes.js +12 -12
package/src/routes/adminPages.routes.js +2 -2
package/src/routes/adminPlugins.routes.js +15 -0
package/src/routes/adminProxy.routes.js +2 -2
package/src/routes/adminRateLimits.routes.js +8 -8
package/src/routes/adminRbac.routes.js +2 -2
package/src/routes/adminRegistry.routes.js +24 -0
package/src/routes/adminScripts.routes.js +6 -3
package/src/routes/adminSeoConfig.routes.js +10 -10
package/src/routes/adminTelegram.routes.js +14 -0
package/src/routes/adminTerminals.routes.js +2 -2
package/src/routes/adminUiComponents.routes.js +2 -2
package/src/routes/adminUploadNamespaces.routes.js +7 -7
package/src/routes/blogInternal.routes.js +2 -2
package/src/routes/experiments.routes.js +2 -2
package/src/routes/formsAdmin.routes.js +6 -6
package/src/routes/globalSettings.routes.js +8 -8
package/src/routes/internalExperiments.routes.js +2 -2
package/src/routes/markdowns.routes.js +16 -0
package/src/routes/notificationAdmin.routes.js +7 -7
package/src/routes/orgAdmin.routes.js +16 -16
package/src/routes/pages.routes.js +3 -3
package/src/routes/registry.routes.js +11 -0
package/src/routes/stripeAdmin.routes.js +12 -12
package/src/routes/userAdmin.routes.js +7 -7
package/src/routes/waitingListAdmin.routes.js +2 -2
package/src/routes/workflows.routes.js +3 -3
package/src/services/agent.service.js +546 -0
package/src/services/agentHistory.service.js +345 -0
package/src/services/agentTools.service.js +578 -0
package/src/services/dataCleanup.service.js +286 -0
package/src/services/jsonConfigs.service.js +284 -10
package/src/services/llm.service.js +219 -6
package/src/services/markdowns.service.js +522 -0
package/src/services/plugins.service.js +348 -0
package/src/services/registry.service.js +452 -0
package/src/services/scriptsRunner.service.js +328 -37
package/src/services/telegram.service.js +130 -0
package/src/services/uiComponents.service.js +180 -0
package/src/services/waitingListJson.service.js +401 -0
package/src/utils/rbac/rightsRegistry.js +118 -0
package/test-access.js +63 -0
package/test-iframe-fix.html +63 -0
package/test-iframe.html +14 -0
package/views/admin-403.ejs +92 -0
package/views/admin-agents.ejs +273 -0
package/views/admin-coolify-deploy.ejs +8 -8
package/views/admin-dashboard-home.ejs +52 -2
package/views/admin-dashboard.ejs +179 -7
package/views/admin-data-cleanup.ejs +357 -0
package/views/admin-experiments.ejs +1 -1
package/views/admin-login.ejs +286 -0
package/views/admin-markdowns.ejs +905 -0
package/views/admin-plugins-system.ejs +223 -0
package/views/admin-scripts.ejs +221 -4
package/views/admin-telegram.ejs +269 -0
package/views/admin-ui-components.ejs +82 -402
package/views/admin-users.ejs +207 -11
package/views/partials/dashboard/nav-items.ejs +5 -0
package/views/partials/llm-provider-model-picker.ejs +0 -161
package/analysis-only.skill +0 -0

package/views/admin-plugins-system.ejs ADDED Viewed

@@ -0,0 +1,223 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Plugins system</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css">
+</head>
+<body class="bg-gray-100">
+  <div id="app" class="min-h-screen p-6">
+    <div class="max-w-6xl mx-auto space-y-6">
+      <header class="bg-white rounded-xl border border-gray-200 p-6">
+        <h1 class="text-2xl font-bold text-gray-900 flex items-center gap-2">
+          <i class="ti ti-puzzle text-blue-600"></i>
+          Plugins system
+        </h1>
+        <p class="text-gray-600 mt-2">Enable, disable, and install local CommonJS plugins from <code class="text-sm bg-gray-100 px-1.5 py-0.5 rounded">cwd/plugins/*</code>.</p>
+      </header>
+      <section class="bg-white rounded-xl border border-gray-200 p-6">
+        <div class="flex items-center justify-between mb-4">
+          <h2 class="text-lg font-semibold text-gray-800">Available plugins</h2>
+          <button @click="loadPlugins" class="px-3 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700 text-sm">
+            Refresh
+          </button>
+        </div>
+        <p v-if="error" class="mb-4 text-sm text-red-600">{{ error }}</p>
+        <div v-if="loading" class="text-sm text-gray-500">Loading plugins...</div>
+        <div v-else-if="plugins.length === 0" class="text-sm text-gray-500 border border-dashed border-gray-300 rounded-lg p-4">
+          No plugins discovered. Create folders under <code>plugins/</code> with an <code>index.js</code> CommonJS export.
+        </div>
+        <div v-else class="space-y-3">
+          <article v-for="plugin in plugins" :key="plugin.id" class="border border-gray-200 rounded-lg p-4 bg-gray-50">
+            <div class="flex items-start justify-between gap-4">
+              <div>
+                <h3 class="font-semibold text-gray-900">{{ plugin.name }} <span class="text-xs text-gray-500">({{ plugin.id }})</span></h3>
+                <p class="text-sm text-gray-600 mt-1">{{ plugin.description || 'No description provided.' }}</p>
+                <div class="mt-2 flex flex-wrap gap-2 text-xs">
+                  <span class="px-2 py-1 rounded bg-white border border-gray-200">version: {{ plugin.version }}</span>
+                  <span class="px-2 py-1 rounded bg-white border border-gray-200">bootstrap: {{ plugin.hooks.bootstrap ? 'yes' : 'no' }}</span>
+                  <span class="px-2 py-1 rounded bg-white border border-gray-200">install: {{ plugin.hooks.install ? 'yes' : 'no' }}</span>
+                  <span class="px-2 py-1 rounded" :class="plugin.enabled ? 'bg-green-100 text-green-800 border border-green-200' : 'bg-gray-200 text-gray-700 border border-gray-300'">
+                    {{ plugin.enabled ? 'enabled' : 'disabled' }}
+                  </span>
+                </div>
+              </div>
+              <div class="flex flex-col gap-2 min-w-[170px]">
+                <button
+                  v-if="!plugin.enabled"
+                  @click="enablePlugin(plugin.id)"
+                  class="px-3 py-2 rounded-lg bg-green-600 text-white hover:bg-green-700 text-sm"
+                >Enable</button>
+                <button
+                  v-else
+                  @click="disablePlugin(plugin.id)"
+                  class="px-3 py-2 rounded-lg bg-gray-700 text-white hover:bg-gray-800 text-sm"
+                >Disable</button>
+                <button
+                  @click="installPlugin(plugin.id)"
+                  class="px-3 py-2 rounded-lg bg-indigo-600 text-white hover:bg-indigo-700 text-sm"
+                >Run install</button>
+              </div>
+            </div>
+          </article>
+        </div>
+      </section>
+      <section class="bg-white rounded-xl border border-gray-200 p-6 space-y-3">
+        <h2 class="text-lg font-semibold text-gray-800">How to create and use plugins</h2>
+        <details class="border border-gray-200 rounded-lg p-4">
+          <summary class="cursor-pointer font-medium text-gray-900">Add a new plugin</summary>
+          <pre class="mt-3 text-xs bg-gray-900 text-gray-100 p-3 rounded overflow-auto">plugins/my-plugin/index.js
+module.exports = {
+  meta: {
+    id: 'my-plugin',
+    name: 'My Plugin',
+    version: '1.0.0',
+    description: 'Example plugin',
+    tags: ['example']
+  },
+  hooks: {
+    bootstrap(ctx) {
+      console.log('[my-plugin] bootstrap', Object.keys(ctx.services || {}));
+    },
+    install(ctx) {
+      console.log('[my-plugin] install');
+    }
+  }
+};</pre>
+        </details>
+        <details class="border border-gray-200 rounded-lg p-4">
+          <summary class="cursor-pointer font-medium text-gray-900">Permissive contract supported</summary>
+          <pre class="mt-3 text-xs bg-gray-900 text-gray-100 p-3 rounded overflow-auto">module.exports = {
+  id: 'top-level-contract',
+  name: 'Top level contract plugin',
+  bootstrap(ctx) {
+    console.log('bootstrap hook with fallback contract');
+  },
+  install(ctx) {
+    console.log('install hook with fallback contract');
+  }
+};</pre>
+        </details>
+        <details class="border border-gray-200 rounded-lg p-4">
+          <summary class="cursor-pointer font-medium text-gray-900">Expose helpers/services programmatically</summary>
+          <pre class="mt-3 text-xs bg-gray-900 text-gray-100 p-3 rounded overflow-auto">module.exports = {
+  meta: { id: 'tools', name: 'Tools plugin' },
+  services: {
+    myService() {
+      return 'hello';
+    }
+  },
+  helpers: {
+    formatLabel(input) {
+      return String(input || '').toUpperCase();
+    }
+  }
+};
+// then available in runtime after enable/bootstrap:
+// superbackend.services.pluginsRuntime.myService()
+// superbackend.helpers.pluginsRuntime.formatLabel('demo')</pre>
+        </details>
+      </section>
+    </div>
+  </div>
+  <script>
+    const { createApp, ref, onMounted } = Vue;
+    createApp({
+      setup() {
+        const baseUrl = '<%= baseUrl %>';
+        const plugins = ref([]);
+        const loading = ref(false);
+        const error = ref('');
+        const loadPlugins = async () => {
+          loading.value = true;
+          error.value = '';
+          try {
+            const response = await fetch(baseUrl + '/api/admin/plugins');
+            const payload = await response.json();
+            if (!response.ok) throw new Error(payload.error || 'Failed to load plugins');
+            plugins.value = payload.items || [];
+          } catch (err) {
+            error.value = err.message || 'Failed to load plugins';
+          } finally {
+            loading.value = false;
+          }
+        };
+        const enablePlugin = async (id) => {
+          error.value = '';
+          try {
+            const response = await fetch(baseUrl + '/api/admin/plugins/' + encodeURIComponent(id) + '/enable', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' }
+            });
+            const payload = await response.json();
+            if (!response.ok) throw new Error(payload.error || 'Enable failed');
+            await loadPlugins();
+          } catch (err) {
+            error.value = err.message || 'Enable failed';
+          }
+        };
+        const disablePlugin = async (id) => {
+          error.value = '';
+          try {
+            const response = await fetch(baseUrl + '/api/admin/plugins/' + encodeURIComponent(id) + '/disable', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' }
+            });
+            const payload = await response.json();
+            if (!response.ok) throw new Error(payload.error || 'Disable failed');
+            await loadPlugins();
+          } catch (err) {
+            error.value = err.message || 'Disable failed';
+          }
+        };
+        const installPlugin = async (id) => {
+          error.value = '';
+          try {
+            const response = await fetch(baseUrl + '/api/admin/plugins/' + encodeURIComponent(id) + '/install', {
+              method: 'POST',
+              headers: { 'Content-Type': 'application/json' }
+            });
+            const payload = await response.json();
+            if (!response.ok) throw new Error(payload.error || 'Install failed');
+          } catch (err) {
+            error.value = err.message || 'Install failed';
+          }
+        };
+        onMounted(loadPlugins);
+        return {
+          plugins,
+          loading,
+          error,
+          loadPlugins,
+          enablePlugin,
+          disablePlugin,
+          installPlugin,
+        };
+      }
+    }).mount('#app');
+  </script>
+</body>
+</html>

package/views/admin-scripts.ejs CHANGED Viewed

@@ -549,11 +549,44 @@ const recentRuns = await ScriptRun.find()
         </div>
         <div class="mt-4 bg-white border border-gray-200 rounded-lg">
-          <div class="p-3 border-b border-gray-200 flex items-center justify-between">
-            <div class="text-sm font-medium text-gray-800">Output</div>
-            <button id="btn-clear-output" class="text-sm text-gray-600 hover:underline">Clear</button>
+          <div class="p-3 border-b border-gray-200">
+            <div class="flex items-center justify-between">
+              <nav class="flex space-x-4">
+                <button class="output-tab active" data-tab="output">Output</button>
+                <button class="output-tab" data-tab="full-logs">Full Console Logs</button>
+              </nav>
+              <div class="flex items-center gap-2">
+                <button id="btn-download-logs" class="text-sm text-gray-600 hover:underline">Download</button>
+                <button id="btn-clear-output" class="text-sm text-gray-600 hover:underline">Clear</button>
+              </div>
+            </div>
+          </div>
+          <!-- Output Tab (JSON Result) -->
+          <div id="output-tab-content" class="output-tab-content">
+            <pre id="output" class="p-3 text-xs font-mono whitespace-pre-wrap max-h-[40vh] overflow-auto"></pre>
+          </div>
+          <!-- Full Console Logs Tab -->
+          <div id="full-logs-tab-content" class="output-tab-content hidden">
+            <!-- Search Bar -->
+            <div class="p-3 border-b border-gray-200">
+              <div class="flex items-center gap-2">
+                <input type="text" id="log-search" placeholder="Search logs..." class="flex-1 px-2 py-1 border rounded text-sm">
+                <select id="log-filter" class="px-2 py-1 border rounded text-sm">
+                  <option value="all">All Logs</option>
+                  <option value="stdout">Stdout</option>
+                  <option value="stderr">Stderr</option>
+                </select>
+                <button id="btn-auto-scroll" class="px-2 py-1 bg-gray-100 rounded text-sm">Auto-scroll</button>
+              </div>
+            </div>
+            <!-- Full Logs Display -->
+            <div class="relative">
+              <pre id="full-logs-content" class="p-3 text-xs font-mono whitespace-pre-wrap" style="height: 60vh; overflow: auto;"></pre>
+            </div>
           </div>
-          <pre id="output" class="p-3 text-xs font-mono whitespace-pre-wrap max-h-[40vh] overflow-auto"></pre>
         </div>
       </div>
     </div>
@@ -571,6 +604,8 @@ const recentRuns = await ScriptRun.find()
       es: null,
     };
+    let currentRunId = null;
     function qs(id) {
       return document.getElementById(id);
     }
@@ -772,8 +807,12 @@ const recentRuns = await ScriptRun.find()
           <div class="text-xs text-gray-500 font-mono">${String(r._id || '').slice(0, 10)} · ${String(r.createdAt || '').replace(/</g,'&lt;')}</div>
         `;
         btn.addEventListener('click', () => {
+          currentRunId = r._id; // Set the current run ID when clicking on a previous run
           setOutput('');
           if (r.outputTail) setOutput(r.outputTail, true);
+          // Load programmatic output for the selected run
+          loadProgrammaticOutput(r._id);
         });
         list.appendChild(btn);
       });
@@ -894,8 +933,16 @@ const recentRuns = await ScriptRun.find()
       setOutput('');
       const res = await api('/api/admin/scripts/' + encodeURIComponent(state.selectedId) + '/run', { method: 'POST' });
+      currentRunId = res.runId; // Set the current run ID
       startSse(res.runId);
       await loadRuns();
+      // Load programmatic output after script starts
+      setTimeout(() => {
+        if (currentRunId) {
+          loadProgrammaticOutput(currentRunId);
+        }
+      }, 1000); // Wait a bit for the script to start producing output
     }
     qs('btn-refresh').addEventListener('click', loadScripts);
@@ -1080,6 +1127,176 @@ const recentRuns = await ScriptRun.find()
       });
     }
+    // Tab switching functionality
+    function switchOutputTab(tabName) {
+      // Hide all tab contents
+      document.querySelectorAll('.output-tab-content').forEach(content => {
+        content.classList.add('hidden');
+      });
+      // Remove active class from all tabs
+      document.querySelectorAll('.output-tab').forEach(tab => {
+        tab.classList.remove('active', 'border-blue-500', 'text-blue-600');
+        tab.classList.add('border-transparent', 'text-gray-500');
+      });
+      // Show selected tab content
+      document.getElementById(`${tabName}-tab-content`).classList.remove('hidden');
+      // Activate selected tab
+      const activeTab = document.querySelector(`[data-tab="${tabName}"]`);
+      activeTab.classList.add('active', 'border-blue-500', 'text-blue-600');
+      activeTab.classList.remove('border-transparent', 'text-gray-500');
+      // Load full logs if switching to full-logs tab
+      if (tabName === 'full-logs' && currentRunId) {
+        loadFullLogs(currentRunId);
+      }
+      // Load programmatic output if switching to output tab
+      if (tabName === 'output' && currentRunId) {
+        loadProgrammaticOutput(currentRunId);
+      }
+    }
+    // Load programmatic output from API
+    async function loadProgrammaticOutput(runId) {
+      try {
+        const response = await fetch(`${window.BASE_URL}/api/admin/scripts/runs/${runId}/programmatic-output`);
+        const data = await response.json();
+        displayProgrammaticOutput(data);
+      } catch (error) {
+        console.error('Failed to load programmatic output:', error);
+        document.getElementById('output').textContent = 'Error loading programmatic output';
+      }
+    }
+    // Display programmatic output with smart formatting
+    function displayProgrammaticOutput(data) {
+      const outputElement = document.getElementById('output');
+      if (data.isJson && data.parsedResult) {
+        // Format JSON for clean display
+        outputElement.textContent = JSON.stringify(data.parsedResult, null, 2);
+        outputElement.className = 'p-3 text-xs font-mono whitespace-pre-wrap max-h-[40vh] overflow-auto json-output';
+      } else {
+        // Display as plain text
+        outputElement.textContent = data.programmaticOutput;
+        outputElement.className = 'p-3 text-xs font-mono whitespace-pre-wrap max-h-[40vh] overflow-auto';
+      }
+    }
+    // Load full logs from API
+    async function loadFullLogs(runId) {
+      try {
+        const response = await fetch(`${window.BASE_URL}/api/admin/scripts/runs/${runId}/full-output`);
+        const data = await response.json();
+        if (data.fullOutput) {
+          displayFullLogs(data.fullOutput);
+        } else {
+          document.getElementById('full-logs-content').textContent = 'No full logs available';
+        }
+      } catch (error) {
+        console.error('Failed to load full logs:', error);
+        document.getElementById('full-logs-content').textContent = 'Error loading full logs';
+      }
+    }
+    // Display full logs with filtering
+    function displayFullLogs(logs) {
+      const content = document.getElementById('full-logs-content');
+      const searchTerm = document.getElementById('log-search').value.toLowerCase();
+      const filterType = document.getElementById('log-filter').value;
+      let filteredLogs = logs;
+      // Apply search filter
+      if (searchTerm) {
+        filteredLogs = logs.split('\n').filter(line =>
+          line.toLowerCase().includes(searchTerm)
+        ).join('\n');
+      }
+      // Apply type filter
+      if (filterType !== 'all') {
+        const lines = filteredLogs.split('\n');
+        filteredLogs = lines.filter(line => {
+          // Simple heuristic to determine log type
+          if (filterType === 'stderr') {
+            return line.includes('❌') || line.includes('🚨') || line.includes('Error') || line.includes('error');
+          }
+          return true; // stdout
+        }).join('\n');
+      }
+      content.textContent = filteredLogs || 'No logs match the current filters';
+      // Auto-scroll if enabled
+      if (document.getElementById('btn-auto-scroll').classList.contains('bg-blue-500')) {
+        content.scrollTop = content.scrollHeight;
+      }
+    }
+    // Download logs functionality
+    async function downloadLogs() {
+      if (!currentRunId) {
+        alert('No script run selected');
+        return;
+      }
+      try {
+        const response = await fetch(`${window.BASE_URL}/api/admin/scripts/runs/${currentRunId}/download`);
+        const blob = await response.blob();
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = response.headers.get('Content-Disposition')?.split('filename=')[1]?.replace(/"/g, '') || 'script-output.txt';
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+        window.URL.revokeObjectURL(url);
+      } catch (error) {
+        console.error('Failed to download logs:', error);
+        alert('Failed to download logs');
+      }
+    }
+    // Add event listeners for new functionality
+    document.querySelectorAll('.output-tab').forEach(tab => {
+      tab.addEventListener('click', () => {
+        switchOutputTab(tab.dataset.tab);
+      });
+    });
+    document.getElementById('btn-download-logs').addEventListener('click', downloadLogs);
+    document.getElementById('log-search').addEventListener('input', () => {
+      if (document.getElementById('full-logs-tab-content').classList.contains('hidden') === false) {
+        const content = document.getElementById('full-logs-content');
+        const currentLogs = content.dataset.originalLogs || content.textContent;
+        content.dataset.originalLogs = currentLogs;
+        displayFullLogs(currentLogs);
+      }
+    });
+    document.getElementById('log-filter').addEventListener('change', () => {
+      if (document.getElementById('full-logs-tab-content').classList.contains('hidden') === false) {
+        const content = document.getElementById('full-logs-content');
+        const currentLogs = content.dataset.originalLogs || content.textContent;
+        content.dataset.originalLogs = currentLogs;
+        displayFullLogs(currentLogs);
+      }
+    });
+    document.getElementById('btn-auto-scroll').addEventListener('click', function() {
+      this.classList.toggle('bg-blue-500');
+      this.classList.toggle('bg-gray-100');
+      this.textContent = this.classList.contains('bg-blue-500') ? 'Auto-scroll ON' : 'Auto-scroll';
+    });
     (async function init() {
       clearForm();
       normalizeRunnerOptions();