@intranefr/superbackend 1.4.3

package/views/partials/admin-test-sidebar.ejs

@@ -0,0 +1,14 @@
+<div class="w-80 bg-gray-800 text-white p-4 overflow-y-auto">
+  <h1 class="text-2xl font-bold mb-4">API Testing</h1>
+
+  <div class="mb-4">
+    <input
+      id="sidebar-search"
+      type="text"
+      placeholder="Search endpoints..."
+      class="w-full px-3 py-2 rounded bg-gray-900 text-white placeholder-gray-400 border border-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500"
+    />
+  </div>
+
+  <div class="space-y-2" id="endpoint-sidebar"></div>
+</div>

package/views/partials/dashboard/nav-items.ejs

@@ -0,0 +1,66 @@
+<script>
+  (function() {
+    const adminPath = window.ADMIN_PATH || '<%= typeof adminPath !== "undefined" ? adminPath : "/admin" %>';
+    window.NAV_SECTIONS = [
+      {
+        title: 'Dashboard',
+        items: [
+          { id: 'overview', label: 'Overview', path: adminPath + '/stats/dashboard-home', icon: 'ti-layout-dashboard' },
+        ]
+      },
+      {
+        title: 'User Management',
+        items: [
+          { id: 'users', label: 'Users', path: adminPath + '/users', icon: 'ti-users' },
+          { id: 'orgs', label: 'Organizations', path: adminPath + '/organizations', icon: 'ti-building-community' },
+          { id: 'notifications', label: 'Notifications', path: adminPath + '/notifications', icon: 'ti-bell' },
+          { id: 'invites', label: 'Waiting List', path: adminPath + '/waiting-list', icon: 'ti-mail-forward' },
+        ]
+      },
+      {
+        title: 'Content & Config',
+        items: [
+          { id: 'i18n', label: 'I18n Entries', path: adminPath + '/i18n', icon: 'ti-language' },
+          { id: 'locales', label: 'I18n Locales', path: adminPath + '/i18n/locales', icon: 'ti-world' },
+          { id: 'json', label: 'JSON Configs', path: adminPath + '/json-configs', icon: 'ti-braces' },
+          { id: 'seo', label: 'SEO Config', path: adminPath + '/seo-config', icon: 'ti-search' },
+          { id: 'assets', label: 'Assets', path: adminPath + '/assets', icon: 'ti-photo' },
+          { id: 'headless', label: 'Headless CMS', path: adminPath + '/headless', icon: 'ti-table' },
+        ]
+      },
+      {
+        title: 'System & DevOps',
+        items: [
+          { id: 'settings', label: 'Global Settings', path: adminPath + '/global-settings', icon: 'ti-settings' },
+          { id: 'flags', label: 'Feature Flags', path: adminPath + '/feature-flags', icon: 'ti-flag' },
+          { id: 'ejs', label: 'Virtual EJS', path: adminPath + '/ejs-virtual', icon: 'ti-code' },
+          { id: 'migration', label: 'Migration', path: adminPath + '/migration', icon: 'ti-database-export' },
+          { id: 'webhooks', label: 'Webhooks', path: adminPath + '/webhooks', icon: 'ti-webhook' },
+          { id: 'coolify', label: 'Coolify Deploy', path: adminPath + '/coolify-deploy', icon: 'ti-rocket' },
+        ]
+      },
+      {
+        title: 'Monitoring & AI',
+        items: [
+          { id: 'audit', label: 'Audit Logs', path: adminPath + '/audit', icon: 'ti-history' },
+          { id: 'errors', label: 'Error Tracking', path: adminPath + '/errors', icon: 'ti-bug' },
+          { id: 'metrics', label: 'Metrics', path: adminPath + '/metrics', icon: 'ti-chart-bar' },
+          { id: 'llm', label: 'LLM/AI', path: adminPath + '/admin-llm', icon: 'ti-brain' },
+        ]
+      },
+      {
+        title: 'Billing & Forms',
+        items: [
+          { id: 'stripe', label: 'Stripe Pricing', path: adminPath + '/stripe-pricing', icon: 'ti-credit-card' },
+          { id: 'forms', label: 'Forms & Leads', path: adminPath + '/forms', icon: 'ti-forms' },
+        ]
+      },
+      {
+        title: 'Automation',
+        items: [
+          { id: 'workflows', label: 'Workflows', path: adminPath + '/workflows/all', icon: 'ti-robot' },
+        ]
+      }
+    ];
+  })();
+</script>

package/views/partials/dashboard/palette.ejs

@@ -0,0 +1,63 @@
+<!-- Command Palette Component -->
+<div v-if="showPalette" class="fixed inset-0 z-[100] flex items-start justify-center pt-[15vh] px-4">
+  <!-- Backdrop -->
+  <div class="fixed inset-0 bg-gray-900/50 backdrop-blur-sm" @click="closePalette"></div>
+  
+  <!-- Palette Modal -->
+  <div class="relative w-full max-w-2xl bg-white rounded-xl shadow-2xl border border-gray-200 overflow-hidden flex flex-col">
+    <!-- Input -->
+    <div class="relative flex items-center px-4 py-4 border-b border-gray-200">
+      <i class="ti ti-search text-gray-400 text-xl mr-3"></i>
+      <input 
+        ref="paletteInput"
+        v-model="paletteQuery"
+        type="text"
+        placeholder="Search modules... (↑↓ to navigate, Enter to select, Esc to close)"
+        class="flex-1 bg-transparent border-none focus:ring-0 text-lg text-gray-800"
+        @keydown.down.prevent="navigatePalette(1)"
+        @keydown.up.prevent="navigatePalette(-1)"
+        @keydown.enter.prevent="selectPaletteItem"
+        @keydown.esc="closePalette"
+      >
+      <div class="flex items-center gap-1 ml-4">
+        <kbd class="px-2 py-1 bg-gray-100 border border-gray-300 rounded text-xs text-gray-500 font-sans">ESC</kbd>
+      </div>
+    </div>
+
+    <!-- Results -->
+    <div class="max-height-[50vh] overflow-y-auto py-2">
+      <div v-if="filteredModules.length === 0" class="px-6 py-10 text-center text-gray-500">
+        <i class="ti ti-search-off text-4xl mb-2 opacity-20"></i>
+        <p>No modules found matching "{{ paletteQuery }}"</p>
+      </div>
+      
+      <div v-else>
+        <button
+          v-for="(item, index) in filteredModules"
+          :key="item.id"
+          ref="resultItems"
+          @click="selectModule(item)"
+          @mouseover="paletteCursor = index"
+          :class="['w-full flex items-center px-6 py-3 text-left transition-colors', paletteCursor === index ? 'bg-blue-50 text-blue-700' : 'text-gray-700 hover:bg-gray-50']"
+        >
+          <i :class="['ti mr-4 text-xl', item.icon, paletteCursor === index ? 'text-blue-600' : 'text-gray-400']"></i>
+          <div class="flex-1">
+            <div class="font-medium">{{ item.label }}</div>
+            <div class="text-xs opacity-60">{{ item.sectionTitle }}</div>
+          </div>
+          <i v-if="paletteCursor === index" class="ti ti-corner-down-left text-blue-400"></i>
+        </button>
+      </div>
+    </div>
+
+    <!-- Footer -->
+    <div class="px-4 py-3 bg-gray-50 border-t border-gray-200 flex items-center justify-between text-[11px] text-gray-400">
+      <div class="flex gap-4">
+        <span><kbd class="bg-white border rounded px-1.5 py-0.5">↑↓</kbd> Navigate</span>
+        <span><kbd class="bg-white border rounded px-1.5 py-0.5">Enter</kbd> Select</span>
+        <span><kbd class="bg-white border rounded px-1.5 py-0.5">Esc</kbd> Close</span>
+      </div>
+      <div>Superbackend <span class="text-[10px] font-normal opacity-60 ml-1">(saasbackend)</span></div>
+    </div>
+  </div>
+</div>

package/views/partials/dashboard/sidebar.ejs

@@ -0,0 +1,21 @@
+<!-- Sidebar Component -->
+<aside class="w-64 bg-white border-r border-gray-200 flex flex-col overflow-y-auto shrink-0">
+  <nav class="flex-1 px-4 py-6 space-y-8">
+    <div v-for="section in navSections" :key="section.title">
+      <h3 class="px-4 text-xs font-semibold text-gray-500 uppercase tracking-wider mb-2">
+        {{ section.title }}
+      </h3>
+      <div class="space-y-1">
+        <button 
+          v-for="item in section.items" 
+          :key="item.id"
+          @click="openTab(item)"
+          :class="['sidebar-link w-full flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-colors', activeTabId === item.id ? 'bg-blue-50 text-blue-700 border-r-4 border-blue-700' : 'text-gray-600 hover:bg-gray-100']"
+        >
+          <i :class="['ti mr-3 text-lg', item.icon]"></i>
+          {{ item.label }}
+        </button>
+      </div>
+    </div>
+  </nav>
+</aside>

package/views/partials/dashboard/tab-bar.ejs

@@ -0,0 +1,26 @@
+<!-- Tab Bar Component -->
+<div class="flex items-center bg-white border-b border-gray-200 overflow-x-auto no-scrollbar shrink-0 h-10 px-2 gap-1">
+  <div 
+    v-for="tab in tabs" 
+    :key="tab.id"
+    @click="activeTabId = tab.id"
+    :class="['group relative flex items-center h-8 min-w-[120px] max-w-[200px] px-3 rounded-t-md cursor-pointer transition-all border-x border-t', 
+             activeTabId === tab.id ? 'bg-gray-50 border-gray-200 text-blue-700' : 'bg-transparent border-transparent text-gray-500 hover:bg-gray-100 hover:text-gray-700']"
+  >
+    <i :class="['ti text-base mr-2', tab.icon]"></i>
+    <span class="text-xs font-medium truncate flex-1 pr-4">{{ tab.label }}</span>
+    <button 
+      @click.stop="closeTab(tab.id)"
+      class="absolute right-1.5 top-1/2 -translate-y-1/2 p-0.5 rounded-full hover:bg-gray-200 text-gray-400 hover:text-gray-600 opacity-0 group-hover:opacity-100 transition-opacity"
+    >
+      <i class="ti ti-x text-[10px]"></i>
+    </button>
+    <!-- Active Indicator -->
+    <div v-if="activeTabId === tab.id" class="absolute bottom-[-1px] left-0 right-0 h-[2px] bg-blue-600"></div>
+  </div>
+  
+  <!-- Empty State Tab Placeholder if needed -->
+  <div v-if="tabs.length === 0" class="flex items-center px-4 text-[11px] text-gray-400 italic">
+    No open tabs
+  </div>
+</div>

package/views/partials/footer.ejs

@@ -0,0 +1,3 @@
+<footer class="mt-8 py-6 border-t border-gray-200 text-center text-sm text-gray-500">
+    Made with ❤️ by <a href="https://intrane.fr" target="_blank" class="hover:text-blue-600 transition-colors">Intrane.fr</a>
+</footer>