@intranefr/superbackend 1.5.1 → 1.5.3

package/src/services/telegram.service.js

@@ -0,0 +1,130 @@
+const TelegramBot = require('node-telegram-bot-api');
+const TelegramBotModel = require('../models/TelegramBot');
+const Agent = require('../models/Agent');
+const agentService = require('./agent.service');
+
+const activeBots = new Map();
+
+/**
+ * Start a telegram bot by its ID
+ */
+async function startBot(botId) {
+  try {
+    const botDoc = await TelegramBotModel.findById(botId);
+    if (!botDoc) throw new Error('Bot not found');
+
+    if (activeBots.has(botId.toString())) {
+      await stopBot(botId);
+    }
+
+    const bot = new TelegramBot(botDoc.token, { polling: true });
+
+    bot.on('message', async (msg) => {
+      if (!msg.text) return;
+
+      // Security: check if user is allowed
+      if (botDoc.allowedUserIds && botDoc.allowedUserIds.length > 0) {
+        if (!botDoc.allowedUserIds.includes(msg.from.id.toString())) {
+          console.warn(`Unauthorized access attempt from ${msg.from.id} to bot ${botDoc.name}`);
+          return;
+        }
+      }
+
+      console.log(`[TelegramBot: ${botDoc.name}] Received: ${msg.text} from ${msg.from.id}`);
+
+      // Delegate to agent service
+      try {
+        if (msg.text.toLowerCase() === '/start') {
+          await bot.sendMessage(msg.chat.id, 'Hi there! I am your SuperBackend Agent. How can I help you today?');
+          return;
+        }
+
+        if (!botDoc.defaultAgentId) {
+            console.log(`[TelegramBot: ${botDoc.name}] No agent configured, ignoring message from ${msg.from.id}`);
+            return;
+        }
+
+        const response = await agentService.processMessage(botDoc.defaultAgentId, {
+            content: msg.text,
+            senderId: msg.from.id.toString(),
+            chatId: msg.chat.id.toString(),
+            metadata: {
+                firstName: msg.from.first_name,
+                lastName: msg.from.last_name,
+                username: msg.from.username
+            }
+        });
+        
+        await bot.sendMessage(msg.chat.id, response.text || response);
+      } catch (err) {
+        console.error('Error processing message:', err);
+        await bot.sendMessage(msg.chat.id, 'Sorry, I encountered an error processing your request.');
+      }
+    });
+
+    bot.on('polling_error', (err) => {
+      console.error(`Telegram polling error [${botDoc.name}]:`, err);
+    });
+
+    activeBots.set(botId.toString(), bot);
+    
+    botDoc.status = 'running';
+    botDoc.lastError = null;
+    await botDoc.save();
+
+    console.log(`Telegram bot [${botDoc.name}] started`);
+    return true;
+  } catch (err) {
+    console.error(`Failed to start Telegram bot [${botId}]:`, err);
+    const botDoc = await TelegramBotModel.findById(botId);
+    if (botDoc) {
+      botDoc.status = 'error';
+      botDoc.lastError = err.message;
+      await botDoc.save();
+    }
+    throw err;
+  }
+}
+
+/**
+ * Stop a telegram bot
+ */
+async function stopBot(botId) {
+  const bot = activeBots.get(botId.toString());
+  if (bot) {
+    await bot.stopPolling();
+    activeBots.delete(botId.toString());
+  }
+
+  const botDoc = await TelegramBotModel.findById(botId);
+  if (botDoc) {
+    botDoc.status = 'stopped';
+    await botDoc.save();
+  }
+
+  console.log(`Telegram bot [${botId}] stopped`);
+}
+
+/**
+ * Initialize all active bots on startup
+ */
+async function init() {
+  try {
+    const activeBotsDocs = await TelegramBotModel.find({ isActive: true });
+    for (const botDoc of activeBotsDocs) {
+      try {
+        await startBot(botDoc._id);
+      } catch (err) {
+        // Continue with other bots
+      }
+    }
+  } catch (err) {
+    console.error('Failed to initialize Telegram bots:', err);
+  }
+}
+
+module.exports = {
+  startBot,
+  stopBot,
+  init
+};

package/src/utils/rbac/rightsRegistry.js

@@ -6,6 +6,10 @@ const DEFAULT_RIGHTS = [
   'rbac:grants:read',
   'rbac:grants:write',
   'rbac:test',
+  'experiments:*',
+  'experiments:read',
+  'experiments:events:write',
+  'experiments:admin',
   'file_manager:*',
   'file_manager:access',
   'file_manager:drives:read',

package/views/admin-agents.ejs

@@ -0,0 +1,273 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Agents - SuperBackend</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-50 min-h-screen">
+    <div id="app" class="p-6 max-w-6xl mx-auto" v-cloak>
+        <div class="flex justify-between items-center mb-8">
+            <div>
+                <h1 class="text-2xl font-bold text-gray-800">AI Agents</h1>
+                <p class="text-gray-500">Configure your intelligent agent gateway</p>
+            </div>
+            <button @click="openCreateModal" class="bg-indigo-600 text-white px-4 py-2 rounded-lg flex items-center gap-2 hover:bg-indigo-700 transition">
+                <i class="ti ti-plus"></i>
+                Create Agent
+            </button>
+        </div>
+
+        <!-- Agent List -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <div v-for="agent in agents" :key="agent._id" class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition">
+                <div class="p-6">
+                    <div class="flex justify-between items-start mb-4">
+                        <div class="flex items-center gap-3">
+                            <div class="w-10 h-10 rounded-lg bg-indigo-100 text-indigo-600 flex items-center justify-center text-xl">
+                                <i class="ti ti-robot"></i>
+                            </div>
+                            <div>
+                                <h3 class="font-bold text-gray-800">{{ agent.name }}</h3>
+                                <p class="text-xs text-gray-400">{{ agent.model }}</p>
+                            </div>
+                        </div>
+                        <div class="flex gap-1">
+                            <button @click="editAgent(agent)" class="p-1.5 text-gray-400 hover:text-indigo-600 hover:bg-indigo-50 rounded-md transition">
+                                <i class="ti ti-edit"></i>
+                            </button>
+                            <button @click="confirmDelete(agent)" class="p-1.5 text-gray-400 hover:text-red-600 hover:bg-red-50 rounded-md transition">
+                                <i class="ti ti-trash"></i>
+                            </button>
+                        </div>
+                    </div>
+
+                    <div class="space-y-3 text-sm">
+                        <p class="text-gray-600 line-clamp-2 italic">"{{ agent.systemPrompt }}"</p>
+                        
+                        <div class="flex flex-wrap gap-1 mt-4">
+                            <span v-for="tool in agent.tools" :key="tool" class="px-2 py-0.5 bg-gray-100 text-gray-600 rounded text-xs border border-gray-200">
+                                {{ tool }}
+                            </span>
+                            <span v-if="!agent.tools?.length" class="text-xs text-gray-400">No tools enabled</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Empty State -->
+        <div v-if="agents.length === 0" class="bg-white rounded-xl border-2 border-dashed border-gray-200 p-12 text-center">
+            <i class="ti ti-robot text-6xl text-gray-200 mb-4 inline-block"></i>
+            <h3 class="text-lg font-medium text-gray-800">No agents found</h3>
+            <p class="text-gray-500 mb-6">Create your first AI agent to start automating</p>
+            <button @click="openCreateModal" class="bg-indigo-600 text-white px-6 py-2 rounded-lg hover:bg-indigo-700 transition">
+                Create Agent
+            </button>
+        </div>
+
+        <!-- Modal -->
+        <div v-if="showModal" class="fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4">
+            <div class="bg-white rounded-xl shadow-xl w-full max-w-2xl overflow-hidden max-h-[90vh] flex flex-col">
+                <div class="px-6 py-4 border-b border-gray-100 flex justify-between items-center shrink-0">
+                    <h3 class="font-bold text-gray-800">{{ editingAgent ? 'Edit Agent' : 'Create Agent' }}</h3>
+                    <button @click="showModal = false" class="text-gray-400 hover:text-gray-600">
+                        <i class="ti ti-x"></i>
+                    </button>
+                </div>
+                <form @submit.prevent="saveAgent" class="p-6 space-y-4 overflow-y-auto">
+                    <div class="grid grid-cols-2 gap-4">
+                        <div class="col-span-2">
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Agent Name</label>
+                            <input v-model="formData.name" type="text" required class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none" placeholder="Customer Support AI">
+                        </div>
+                        
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">LLM Provider</label>
+                            <select v-model="formData.providerKey" required class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none">
+                                <option value="">Select Provider</option>
+                                <option v-for="(p, key) in providers" :key="key" :value="key">{{ p.label || key }}</option>
+                            </select>
+                        </div>
+                        
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Model</label>
+                            <input v-model="formData.model" type="text" required class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none" placeholder="gpt-4o, claude-3-5-sonnet...">
+                        </div>
+                    </div>
+
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">System Prompt / Instructions</label>
+                        <textarea v-model="formData.systemPrompt" rows="6" required class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none font-mono text-sm" placeholder="You are a helpful assistant that..."></textarea>
+                    </div>
+
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-2">Enabled Tools</label>
+                        <div class="grid grid-cols-2 gap-2">
+                            <label v-for="tool in availableTools" :key="tool" class="flex items-center gap-2 p-2 border border-gray-200 rounded-lg cursor-pointer hover:bg-gray-50">
+                                <input type="checkbox" :value="tool" v-model="formData.tools" class="w-4 h-4 text-indigo-600 rounded">
+                                <span class="text-sm font-medium text-gray-700">{{ tool }}</span>
+                            </label>
+                        </div>
+                    </div>
+
+                    <div class="grid grid-cols-2 gap-4">
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Temperature ({{ formData.temperature }})</label>
+                            <input v-model.number="formData.temperature" type="range" min="0" max="2" step="0.1" class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-indigo-600">
+                        </div>
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-1">Max Tool Iterations</label>
+                            <input v-model.number="formData.maxIterations" type="number" min="1" max="50" class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 outline-none" placeholder="10">
+                            <p class="text-[10px] text-gray-400 mt-1">Maximum number of tool call loops allowed per message. Default is 10.</p>
+                        </div>
+                    </div>
+                    
+                    <div class="flex gap-3 pt-4 shrink-0">
+                        <button type="button" @click="showModal = false" class="flex-1 px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition">
+                            Cancel
+                        </button>
+                        <button type="submit" :disabled="saving" class="flex-1 px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition disabled:opacity-50">
+                            {{ saving ? 'Saving...' : (editingAgent ? 'Update' : 'Create') }}
+                        </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        const { createApp, ref, onMounted } = Vue;
+
+        createApp({
+            setup() {
+                const agents = ref([]);
+                const providers = ref({});
+                const showModal = ref(false);
+                const editingAgent = ref(null);
+                const saving = ref(false);
+                
+                const availableTools = ['query_database', 'get_system_stats', 'raw_db_query', 'exec'];
+                
+                const formData = ref({
+                    name: '',
+                    systemPrompt: 'You are a helpful assistant.',
+                    providerKey: '',
+                    model: '',
+                    tools: [],
+                    temperature: 0.7,
+                    maxIterations: 10
+                });
+
+                const baseUrl = '<%= baseUrl %>';
+
+                const fetchAgents = async () => {
+                    const res = await fetch(`${baseUrl}/api/admin/agents`);
+                    const data = await res.json();
+                    agents.value = data.items;
+                };
+
+                const fetchLLMConfig = async () => {
+                    // We need an endpoint to get LLM providers. 
+                    // For now, let's try to get it from the LLM admin API if it exists
+                    try {
+                        const res = await fetch(`${baseUrl}/api/admin/llm/providers`);
+                        if (res.ok) {
+                            const data = await res.json();
+                            providers.value = data.providers || {};
+                        }
+                    } catch (e) {
+                        console.warn('Failed to fetch LLM providers');
+                    }
+                };
+
+                const openCreateModal = () => {
+                    editingAgent.value = null;
+                    formData.value = {
+                        name: '',
+                        systemPrompt: 'You are a helpful assistant.',
+                        providerKey: Object.keys(providers.value)[0] || '',
+                        model: '',
+                        tools: [],
+                        temperature: 0.7,
+                        maxIterations: 10
+                    };
+                    showModal.value = true;
+                };
+
+                const editAgent = (agent) => {
+                    editingAgent.value = agent;
+                    formData.value = {
+                        name: agent.name,
+                        systemPrompt: agent.systemPrompt,
+                        providerKey: agent.providerKey,
+                        model: agent.model,
+                        tools: agent.tools || [],
+                        temperature: agent.temperature || 0.7,
+                        maxIterations: agent.maxIterations || 10
+                    };
+                    showModal.value = true;
+                };
+
+                const confirmDelete = async (agent) => {
+                    if (confirm(`Are you sure you want to delete agent ${agent.name}?`)) {
+                        await fetch(`${baseUrl}/api/admin/agents/${agent._id}`, { method: 'DELETE' });
+                        fetchAgents();
+                    }
+                };
+
+                const saveAgent = async () => {
+                    saving.value = true;
+                    try {
+                        const url = editingAgent.value 
+                            ? `${baseUrl}/api/admin/agents/${editingAgent.value._id}`
+                            : `${baseUrl}/api/admin/agents`;
+                        
+                        const method = editingAgent.value ? 'PUT' : 'POST';
+
+                        const res = await fetch(url, {
+                            method,
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify(formData.value)
+                        });
+
+                        if (res.ok) {
+                            showModal.value = false;
+                            fetchAgents();
+                        } else {
+                            const data = await res.json();
+                            alert(data.error || 'Failed to save agent');
+                        }
+                    } catch (err) {
+                        alert(err.message);
+                    } finally {
+                        saving.value = false;
+                    }
+                };
+
+                onMounted(() => {
+                    fetchAgents();
+                    fetchLLMConfig();
+                });
+
+                return {
+                    agents,
+                    providers,
+                    showModal,
+                    editingAgent,
+                    formData,
+                    saving,
+                    availableTools,
+                    openCreateModal,
+                    editAgent,
+                    confirmDelete,
+                    saveAgent
+                };
+            }
+        }).mount('#app');
+    </script>
+</body>
+</html>

package/views/admin-coolify-deploy.ejs

@@ -30,7 +30,7 @@
                 >
                     <i v-if="loading.provisioning" class="ti ti-loader-2 animate-spin"></i>
                     <i v-else class="ti ti-file-code"></i>
-                    Provision manage.sh
+                    Provision manage.js
                 </button>
             </div>
 
@@ -81,24 +81,24 @@ REMOTE_DOMAIN_CONFIG_FILENAME=superlandings.yml</pre>
                         <div>
                             <p class="text-sm font-semibold text-gray-700 mb-2">1. Deploy Application</p>
                             <div class="bg-gray-100 p-2 rounded font-mono text-xs flex justify-between items-center">
-                                <code>./manage.sh deploy</code>
-                                <button @click="copyToClipboard('./manage.sh deploy')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
+                                <code>node manage.js deploy</code>
+                                <button @click="copyToClipboard('node manage.js deploy')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
                             </div>
                             <p class="text-xs text-gray-500 mt-1">Syncs files via rsync and runs docker compose remotely.</p>
                         </div>
                         <div>
                             <p class="text-sm font-semibold text-gray-700 mb-2">2. Setup Traefik Proxy</p>
                             <div class="bg-gray-100 p-2 rounded font-mono text-xs flex justify-between items-center">
-                                <code>./manage.sh proxy</code>
-                                <button @click="copyToClipboard('./manage.sh proxy')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
+                                <code>node manage.js proxy</code>
+                                <button @click="copyToClipboard('node manage.js proxy')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
                             </div>
                             <p class="text-xs text-gray-500 mt-1">Generates the Traefik YAML configuration file locally.</p>
                         </div>
                         <div>
                             <p class="text-sm font-semibold text-gray-700 mb-2">3. Deploy Domain</p>
                             <div class="bg-gray-100 p-2 rounded font-mono text-xs flex justify-between items-center">
-                                <code>./manage.sh domain</code>
-                                <button @click="copyToClipboard('./manage.sh domain')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
+                                <code>node manage.js domain</code>
+                                <button @click="copyToClipboard('node manage.js domain')" class="p-1 hover:text-blue-600"><i class="ti ti-copy"></i></button>
                             </div>
                             <p class="text-xs text-gray-500 mt-1">Uploads the Traefik YAML to the gateway server.</p>
                         </div>
@@ -145,7 +145,7 @@ REMOTE_DOMAIN_CONFIG_FILENAME=superlandings.yml`;
 
                 const provisionScript = async (overwrite = false) => {
                     if (overwrite) {
-                        if (!confirm('Are you sure you want to overwrite the existing manage.sh?')) {
+                        if (!confirm('Are you sure you want to overwrite the existing manage.js?')) {
                             return;
                         }
                     }

package/views/admin-dashboard.ejs

@@ -15,7 +15,7 @@
 <body class="bg-gray-50 overflow-hidden">
     <div id="app" class="h-screen flex flex-col" v-cloak>
         <!-- Top Header -->
-        <header class="bg-white border-b border-gray-200 h-16 flex items-center justify-between px-6 shrink-0">
+        <header v-if="!globalZenMode" class="bg-white border-b border-gray-200 h-16 flex items-center justify-between px-6 shrink-0">
             <div class="flex items-center gap-4">
                 <i class="ti ti-layout-dashboard text-2xl text-blue-600"></i>
                 <h1 class="text-xl font-bold text-gray-800">
@@ -30,6 +30,9 @@
                     <span class="ml-1">to search</span>
                 </div>
                 <div class="flex items-center gap-4">
+                    <button @click="globalZenMode = !globalZenMode" class="text-gray-500 hover:text-blue-600 p-1.5 rounded-lg border border-gray-200 bg-white" title="Toggle Global Zen Mode (ESC ESC to exit)">
+                        <i class="ti ti-maximize"></i>
+                    </button>
                     <span class="text-sm text-gray-500">v1.0.0</span>
                     <a :href="baseUrl + adminBase + '/api/test'" target="_blank" class="text-sm text-blue-600 hover:underline">API Test</a>
                 </div>
@@ -37,11 +40,15 @@
         </header>
 
         <div class="flex-1 flex overflow-hidden">
-            <%- include('partials/dashboard/sidebar') %>
+            <template v-if="!globalZenMode">
+                <%- include('partials/dashboard/sidebar') %>
+            </template>
 
             <!-- Main Content Area -->
             <main class="flex-1 flex flex-col overflow-hidden bg-gray-50">
-                <%- include('partials/dashboard/tab-bar') %>
+                <template v-if="!globalZenMode">
+                    <%- include('partials/dashboard/tab-bar') %>
+                </template>
                 
                 <div class="flex-1 relative">
                     <!-- Iframes -->
@@ -89,6 +96,11 @@
                 // Tabs state
                 const tabs = ref([]);
                 const activeTabId = ref(null);
+                const globalZenMode = ref(false);
+
+                // ESC ESC to exit Zen Mode
+                let escCount = 0;
+                let escTimeout = null;
 
                 // localStorage utilities
                 const STORAGE_KEY = 'adminDashboardTabs';
@@ -222,6 +234,10 @@
                 const paletteQuery = ref('');
                 const paletteCursor = ref(0);
                 const paletteInput = ref(null);
+                
+                // Toggle safeguards and debugging
+                let toggleTimeout = null;
+                let lastToggleTime = 0;
 
                 // Flattened modules for search
                 const allModules = computed(() => {
@@ -285,19 +301,34 @@
                 };
 
                 // Palette methods
-                const togglePalette = () => {
+                const togglePalette = (source = 'unknown') => {
+                    // Prevent rapid successive toggles
+                    const now = Date.now();
+                    if (now - lastToggleTime < 100) {
+                        return;
+                    }
+                    lastToggleTime = now;
+                    
+                    clearTimeout(toggleTimeout);
+                    
                     showPalette.value = !showPalette.value;
                     if (showPalette.value) {
                         paletteQuery.value = '';
                         paletteCursor.value = 0;
-                        nextTick(() => {
-                            if (paletteInput.value) paletteInput.value.focus();
-                        });
+                        // Use setTimeout instead of nextTick for better timing
+                        toggleTimeout = setTimeout(() => {
+                            if (paletteInput.value) {
+                                paletteInput.value.focus();
+                            }
+                        }, 50);
                     }
                 };
 
-                const closePalette = () => {
-                    showPalette.value = false;
+                const closePalette = (source = 'unknown') => {
+                    if (showPalette.value) {
+                        showPalette.value = false;
+                        clearTimeout(toggleTimeout);
+                    }
                 };
 
                 const navigatePalette = (dir) => {
@@ -323,15 +354,34 @@
 
                 // Keyboard events
                 const handleKeydown = (e) => {
+                    if (e.key === 'Escape') {
+                        escCount++;
+                        clearTimeout(escTimeout);
+                        if (escCount >= 2) {
+                            globalZenMode.value = false;
+                            escCount = 0;
+                        } else {
+                            escTimeout = setTimeout(() => {
+                                escCount = 0;
+                            }, 500);
+                        }
+                    }
+
                     if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
                         e.preventDefault();
-                        togglePalette();
+                        e.stopPropagation();
+                        togglePalette('keyboard-ctrl-k');
                     }
                 };
 
                 const handleMessage = (e) => {
-                    if (e.data && e.data.type === 'keydown' && e.data.ctrlK) {
-                        togglePalette();
+                    if (e.data && e.data.type === 'keydown') {
+                        if (e.data.ctrlK) {
+                            togglePalette('iframe-message');
+                        }
+                        if (e.data.key === 'Escape') {
+                            handleKeydown({ key: 'Escape' });
+                        }
                     }
                 };
 
@@ -369,6 +419,7 @@
                     navSections,
                     tabs,
                     activeTabId,
+                    globalZenMode,
                     openTab,
                     closeTab,
                     showPalette,