opticore-profiler 1.0.0

package/dist/utils/translations/message.translation.en.json

@@ -0,0 +1,190 @@
+{
+  "common.none": "None",
+  "common.search": "Search",
+  "common.filter_placeholder": "Filter…",
+  "common.search_ellipsis": "search…",
+  "common.key": "Key",
+  "common.value": "Value",
+  "common.header": "Header",
+  "common.name": "Name",
+
+  "home.hero_sub": "API REST Server",
+  "home.hero_desc": "Your server is up and running. Start making requests to your API endpoints.",
+  "home.running_on_port": "Running on port {port}",
+  "home.host_label": "Host",
+  "home.host_sub": "API base URL",
+  "home.node_sub": "Runtime version",
+  "home.app_version_label": "App version",
+  "home.app_version_sub": "Template mysqldb",
+  "home.environment_label": "Environment",
+  "home.debug_toolbar_section": "Web Debug Toolbar",
+  "home.request_profiler_label": "Request Profiler",
+  "home.request_profiler_desc": "All captured requests",
+  "home.latest_request_label": "Latest Request",
+  "home.latest_request_desc": "Jump to the last profile",
+  "home.getting_started": "Getting Started",
+  "home.api_ready_title": "REST API is ready",
+  "home.api_ready_body_1": "This is a REST API server — no UI routes are defined by default.",
+  "home.api_ready_body_2": "Test your endpoints with {code} or use a client like Postman, Insomnia, or curl.",
+  "home.api_ready_body_3": "Each API response includes {token} and {tokenLink} headers pointing to the profiler.",
+
+  "toolbar.profile_token": "Profile token",
+  "toolbar.method": "Method",
+  "toolbar.url": "URL",
+  "toolbar.status": "Status",
+  "toolbar.duration": "Duration",
+  "toolbar.open_profiler": "Open Profiler",
+  "toolbar.total_time": "Total time",
+  "toolbar.application": "Application",
+  "toolbar.database": "Database",
+  "toolbar.performance": "Performance",
+  "toolbar.heap_used": "Heap used",
+  "toolbar.errors": "Errors",
+  "toolbar.warnings": "Warnings",
+  "toolbar.deprecations": "Deprecations",
+  "toolbar.logs": "Logs",
+  "toolbar.routing": "Routing",
+  "toolbar.http_requests": "HTTP requests",
+  "toolbar.last_n_requests": "Last {n} HTTP Requests",
+  "toolbar.view_all": "View all →",
+  "toolbar.no_requests_yet": "No requests yet.",
+  "toolbar.server": "Server",
+  "toolbar.nodejs": "Node.js",
+  "toolbar.environment": "Environment",
+  "toolbar.documentation": "📖 Documentation",
+  "toolbar.help_support": "❓ Help & Support",
+  "toolbar.open_profiler_emoji": "📊 Open Profiler",
+  "toolbar.profiler": "Profiler",
+  "toolbar.minimize": "Minimize toolbar",
+  "toolbar.expand": "Expand toolbar",
+
+  "list.search_placeholder": "search method, URL, status, token or IP",
+  "list.profile_search": "Profile Search",
+  "list.search_profiles": "Search profiles",
+  "list.latest": "Latest",
+  "list.ip": "IP",
+  "list.method": "Method",
+  "list.status": "Status",
+  "list.search_label": "Search",
+  "list.token": "Token",
+  "list.from": "From",
+  "list.until": "Until",
+  "list.results": "Results",
+  "list.search_btn": "Search",
+  "list.settings": "Profiler settings",
+  "list.http_requests_tab": "HTTP Requests",
+  "list.console_commands_tab": "Console Commands",
+  "list.no_commands": "No console commands have been executed yet.",
+  "list.results_found_one": "{n} result found",
+  "list.results_found_other": "{n} results found",
+  "list.col_status": "Status",
+  "list.col_method": "Method",
+  "list.col_url": "URL",
+  "list.col_time": "Time",
+  "list.col_token": "Token",
+  "list.no_requests_found": "No requests found. Try adjusting your filters.",
+  "list.method_any": "Any",
+
+  "message.not_found_title": "Profile Not Found",
+  "message.not_found_heading": "Profile not found",
+  "message.not_found_body": "Token <code>{token}</code> does not exist or has expired.",
+  "message.back_to_list": "← Back to profiler list",
+
+  "panel.request": "Request / Response",
+  "panel.performance": "Performance",
+  "panel.logs": "Log Messages",
+  "panel.routing": "Routing",
+  "panel.configuration": "Configuration",
+  "panel.database": "Database",
+  "panel.exception": "Exception",
+  "panel.routes": "Routes",
+
+  "detail.search_placeholder": "search on opticorejs.com",
+
+  "request.tab_request": "Request",
+  "request.tab_response": "Response",
+  "request.tab_cookies": "Cookies",
+  "request.tab_session": "Session",
+  "request.tab_server": "Server Parameters",
+  "request.get_params": "GET Parameters",
+  "request.post_params": "POST Parameters",
+  "request.uploaded_files": "Uploaded Files",
+  "request.route_params": "Route Parameters",
+  "request.attributes": "Request Attributes",
+  "request.headers": "Request Headers",
+  "request.content": "Request Content",
+  "request.no_body": "No request body.",
+  "request.retry_command": "Retry Command",
+  "request.copy_curl": "Copy as cURL",
+  "request.response_headers": "Response Headers",
+  "request.response_content": "Response Content",
+  "request.no_response_body": "No response body captured.",
+  "request.request_cookies": "Request Cookies",
+  "request.response_cookies": "Response Cookies",
+  "request.session_attributes": "Session Attributes",
+  "request.no_session": "No data related to this section has been collected. This application doesn't use sessions.",
+  "request.server_params": "Server Parameters",
+  "panel.http_status": "HTTP Status",
+  "panel.duration": "Duration",
+  "panel.memory": "Memory",
+  "panel.sql_queries": "SQL Queries",
+
+  "performance.title": "Performance metrics",
+  "performance.total_execution": "Total execution time",
+  "performance.app_time": "Application time",
+  "performance.peak_memory": "Peak memory usage",
+  "performance.execution_timeline": "Execution timeline",
+  "performance.threshold": "Threshold",
+  "performance.threshold_hint": "(timeline only displays events with a duration longer than this threshold)",
+  "performance.application_legend": "application",
+  "performance.database_legend": "database",
+  "performance.no_timing_events": "No timing events recorded for this request.",
+  "performance.process_info": "Process Info",
+
+  "logs.no_logs": "No log entries were recorded for this request.",
+  "logs.hint": "Use {code} to add entries.",
+  "logs.all_messages": "All messages",
+  "logs.errors": "Errors",
+  "logs.deprecations": "Deprecations",
+  "logs.warnings": "Warnings",
+  "logs.time": "Time",
+  "logs.message": "Message",
+  "logs.show_context": "Show context",
+  "logs.hide_context": "Hide context",
+  "logs.show_trace": "Show trace",
+
+  "database.no_queries": "No SQL queries were recorded for this request.",
+  "database.hint": "Use {code} in your repositories.",
+  "database.title": "Database Queries",
+  "database.total_queries": "Total Queries",
+  "database.total_time": "Total Time",
+  "database.avg_per_query": "Avg per Query",
+  "database.sql_queries": "SQL Queries",
+  "database.error_badge": "ERROR",
+  "database.bindings": "Bindings:",
+  "database.error_label": "Error:",
+
+  "exception.title": "Exceptions",
+  "exception.no_exceptions": "No exceptions were thrown during this request.",
+
+  "routes.title": "Routes",
+  "routes.no_routes": "No routes found. Routes are collected after the server starts.",
+  "routes.total_routes": "Total Routes",
+  "routes.app_routes": "App Routes",
+  "routes.application_routes": "Application Routes",
+  "routes.framework_debug_routes": "Framework / Debug Routes",
+  "routes.method": "Method",
+  "routes.path": "Path",
+  "routes.middlewares": "Middlewares",
+  "routes.none": "None",
+
+  "routing.matched_route": "Matched Route",
+  "routing.route_params": "Route Parameters",
+  "routing.query_string": "Query String",
+
+  "configuration.app_info": "App Info",
+  "configuration.env_vars": "Environment Variables",
+  "configuration.environment": "Environment",
+
+  "js.copied": "Copied!"
+}

package/dist/utils/translations/message.translation.fr.json

@@ -0,0 +1,190 @@
+{
+  "common.none": "Aucun",
+  "common.search": "Rechercher",
+  "common.filter_placeholder": "Filtrer…",
+  "common.search_ellipsis": "rechercher…",
+  "common.key": "Clé",
+  "common.value": "Valeur",
+  "common.header": "En-tête",
+  "common.name": "Nom",
+
+  "home.hero_sub": "Serveur API REST",
+  "home.hero_desc": "Votre serveur est opérationnel. Commencez à effectuer des requêtes vers vos points de terminaison API.",
+  "home.running_on_port": "En cours d'exécution sur le port {port}",
+  "home.host_label": "Hôte",
+  "home.host_sub": "URL de base de l'API",
+  "home.node_sub": "Version du runtime",
+  "home.app_version_label": "Version de l'application",
+  "home.app_version_sub": "Modèle mysqldb",
+  "home.environment_label": "Environnement",
+  "home.debug_toolbar_section": "Barre d'outils de débogage web",
+  "home.request_profiler_label": "Profileur de requêtes",
+  "home.request_profiler_desc": "Toutes les requêtes capturées",
+  "home.latest_request_label": "Dernière requête",
+  "home.latest_request_desc": "Accéder au dernier profil",
+  "home.getting_started": "Pour commencer",
+  "home.api_ready_title": "L'API REST est prête",
+  "home.api_ready_body_1": "Ceci est un serveur API REST — aucune route d'interface utilisateur n'est définie par défaut.",
+  "home.api_ready_body_2": "Testez vos points de terminaison avec {code} ou utilisez un client comme Postman, Insomnia ou curl.",
+  "home.api_ready_body_3": "Chaque réponse de l'API inclut les en-têtes {token} et {tokenLink} pointant vers le profileur.",
+
+  "toolbar.profile_token": "Jeton de profil",
+  "toolbar.method": "Méthode",
+  "toolbar.url": "URL",
+  "toolbar.status": "Statut",
+  "toolbar.duration": "Durée",
+  "toolbar.open_profiler": "Ouvrir le profileur",
+  "toolbar.total_time": "Temps total",
+  "toolbar.application": "Application",
+  "toolbar.database": "Base de données",
+  "toolbar.performance": "Performance",
+  "toolbar.heap_used": "Mémoire utilisée",
+  "toolbar.errors": "Erreurs",
+  "toolbar.warnings": "Avertissements",
+  "toolbar.deprecations": "Dépréciations",
+  "toolbar.logs": "Journaux",
+  "toolbar.routing": "Routage",
+  "toolbar.http_requests": "Requêtes HTTP",
+  "toolbar.last_n_requests": "{n} dernières requêtes HTTP",
+  "toolbar.view_all": "Voir tout →",
+  "toolbar.no_requests_yet": "Aucune requête pour le moment.",
+  "toolbar.server": "Serveur",
+  "toolbar.nodejs": "Node.js",
+  "toolbar.environment": "Environnement",
+  "toolbar.documentation": "📖 Documentation",
+  "toolbar.help_support": "❓ Aide & Support",
+  "toolbar.open_profiler_emoji": "📊 Ouvrir le profileur",
+  "toolbar.profiler": "Profileur",
+  "toolbar.minimize": "Réduire la barre d'outils",
+  "toolbar.expand": "Agrandir la barre d'outils",
+
+  "list.search_placeholder": "rechercher méthode, URL, statut, jeton ou IP",
+  "list.profile_search": "Recherche de profils",
+  "list.search_profiles": "Rechercher des profils",
+  "list.latest": "Dernier",
+  "list.ip": "IP",
+  "list.method": "Méthode",
+  "list.status": "Statut",
+  "list.search_label": "Recherche",
+  "list.token": "Jeton",
+  "list.from": "Du",
+  "list.until": "Au",
+  "list.results": "Résultats",
+  "list.search_btn": "Rechercher",
+  "list.settings": "Paramètres du profileur",
+  "list.http_requests_tab": "Requêtes HTTP",
+  "list.console_commands_tab": "Commandes console",
+  "list.no_commands": "Aucune commande console n'a encore été exécutée.",
+  "list.results_found_one": "{n} résultat trouvé",
+  "list.results_found_other": "{n} résultats trouvés",
+  "list.col_status": "Statut",
+  "list.col_method": "Méthode",
+  "list.col_url": "URL",
+  "list.col_time": "Heure",
+  "list.col_token": "Jeton",
+  "list.no_requests_found": "Aucune requête trouvée. Essayez d'ajuster vos filtres.",
+  "list.method_any": "Tous",
+
+  "message.not_found_title": "Profil introuvable",
+  "message.not_found_heading": "Profil introuvable",
+  "message.not_found_body": "Le token <code>{token}</code> n'existe pas ou a expiré.",
+  "message.back_to_list": "← Retour à la liste du profileur",
+
+  "panel.request": "Requête / Réponse",
+  "panel.performance": "Performance",
+  "panel.logs": "Journaux",
+  "panel.routing": "Routage",
+  "panel.configuration": "Configuration",
+  "panel.database": "Base de données",
+  "panel.exception": "Exception",
+  "panel.routes": "Routes",
+
+  "detail.search_placeholder": "rechercher sur opticorejs.com",
+
+  "request.tab_request": "Requête",
+  "request.tab_response": "Réponse",
+  "request.tab_cookies": "Cookies",
+  "request.tab_session": "Session",
+  "request.tab_server": "Paramètres serveur",
+  "request.get_params": "Paramètres GET",
+  "request.post_params": "Paramètres POST",
+  "request.uploaded_files": "Fichiers téléversés",
+  "request.route_params": "Paramètres de route",
+  "request.attributes": "Attributs de la requête",
+  "request.headers": "En-têtes de la requête",
+  "request.content": "Contenu de la requête",
+  "request.no_body": "Aucun corps de requête.",
+  "request.retry_command": "Commande de réessai",
+  "request.copy_curl": "Copier en cURL",
+  "request.response_headers": "En-têtes de réponse",
+  "request.response_content": "Contenu de la réponse",
+  "request.no_response_body": "Aucun corps de réponse capturé.",
+  "request.request_cookies": "Cookies de requête",
+  "request.response_cookies": "Cookies de réponse",
+  "request.session_attributes": "Attributs de session",
+  "request.no_session": "Aucune donnée liée à cette section n'a été collectée. Cette application n'utilise pas de sessions.",
+  "request.server_params": "Paramètres serveur",
+  "panel.http_status": "Statut HTTP",
+  "panel.duration": "Durée",
+  "panel.memory": "Mémoire",
+  "panel.sql_queries": "Requêtes SQL",
+
+  "performance.title": "Statistiques de performance",
+  "performance.total_execution": "Temps d'exécution total",
+  "performance.app_time": "Temps applicatif",
+  "performance.peak_memory": "Utilisation mémoire maximale",
+  "performance.execution_timeline": "Chronologie d'exécution",
+  "performance.threshold": "Seuil",
+  "performance.threshold_hint": "(la chronologie n'affiche que les événements dont la durée dépasse ce seuil)",
+  "performance.application_legend": "application",
+  "performance.database_legend": "base de données",
+  "performance.no_timing_events": "Aucun événement de temporisation enregistré pour cette requête.",
+  "performance.process_info": "Informations sur le processus",
+
+  "logs.no_logs": "Aucune entrée de journal n'a été enregistrée pour cette requête.",
+  "logs.hint": "Utilisez {code} pour ajouter des entrées.",
+  "logs.all_messages": "Tous les messages",
+  "logs.errors": "Erreurs",
+  "logs.deprecations": "Dépréciations",
+  "logs.warnings": "Avertissements",
+  "logs.time": "Heure",
+  "logs.message": "Message",
+  "logs.show_context": "Afficher le contexte",
+  "logs.hide_context": "Masquer le contexte",
+  "logs.show_trace": "Afficher la trace",
+
+  "database.no_queries": "Aucune requête SQL n'a été enregistrée pour cette requête.",
+  "database.hint": "Utilisez {code} dans vos repositories.",
+  "database.title": "Requêtes de base de données",
+  "database.total_queries": "Requêtes totales",
+  "database.total_time": "Temps total",
+  "database.avg_per_query": "Moyenne par requête",
+  "database.sql_queries": "Requêtes SQL",
+  "database.error_badge": "ERREUR",
+  "database.bindings": "Paramètres :",
+  "database.error_label": "Erreur :",
+
+  "exception.title": "Exceptions",
+  "exception.no_exceptions": "Aucune exception n'a été levée pendant cette requête.",
+
+  "routes.title": "Routes",
+  "routes.no_routes": "Aucune route trouvée. Les routes sont collectées après le démarrage du serveur.",
+  "routes.total_routes": "Routes totales",
+  "routes.app_routes": "Routes de l'application",
+  "routes.application_routes": "Routes de l'application",
+  "routes.framework_debug_routes": "Routes framework / débogage",
+  "routes.method": "Méthode",
+  "routes.path": "Chemin",
+  "routes.middlewares": "Middlewares",
+  "routes.none": "Aucune",
+
+  "routing.matched_route": "Route correspondante",
+  "routing.route_params": "Paramètres de route",
+  "routing.query_string": "Chaîne de requête",
+
+  "configuration.app_info": "Infos application",
+  "configuration.env_vars": "Variables d'environnement",
+  "configuration.environment": "Environnement",
+
+  "js.copied": "Copié !"
+}

package/dist/views/templates/home.njk

@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>OptiCoreJs</title>
+<link rel="stylesheet" href="/_profiler/assets/css/home-page.css">
+</head>
+<body class="{{ 'has-toolbar' if showToolbar }}">
+<div class="page">
+  <div class="container">
+
+    <!-- HERO -->
+    <div class="hero">
+      <div class="hero-logo">
+        <div class="hero-icon">OP</div>
+        <div>
+          <div class="hero-name">OptiCoreJs</div>
+          <div class="hero-sub">API REST Server</div>
+        </div>
+      </div>
+      <div class="hero-desc">{{ t('home.hero_desc') }}</div>
+    </div>
+
+    <!-- STATUS -->
+    <div class="status-row">
+      <div class="status-pill">
+        <span class="status-dot"></span>
+        {{ t('home.running_on_port', { port: port }) }}
+      </div>
+    </div>
+
+    <!-- CARDS -->
+    <div class="cards">
+      <div class="card">
+        <div class="card-label">{{ t('home.host_label') }}</div>
+        <div class="card-value">{{ host }}:{{ port }}</div>
+        <div class="card-sub">{{ t('home.host_sub') }}</div>
+      </div>
+      <div class="card">
+        <div class="card-label">{{ t('toolbar.nodejs') }}</div>
+        <div class="card-value">{{ nodeVersion }}</div>
+        <div class="card-sub">{{ t('home.node_sub') }}</div>
+      </div>
+      <div class="card">
+        <div class="card-label">{{ t('home.app_version_label') }}</div>
+        <div class="card-value">v{{ appVersion }}</div>
+        <div class="card-sub">{{ t('home.app_version_sub') }}</div>
+      </div>
+      <div class="card">
+        <div class="card-label">{{ t('home.environment_label') }}</div>
+        <div class="card-value card-value--{{ 'prod' if isProd else 'dev' }}">{{ environment }}</div>
+        <div class="card-sub">NODE_ENV</div>
+      </div>
+    </div>
+
+    {% if showToolbar %}
+    <!-- PROFILER QUICK LINKS -->
+    <div class="section">
+      <div class="section-title">{{ t('home.debug_toolbar_section') }}</div>
+      <div class="quick-links">
+        <a href="/_profiler" class="quick-link">
+          <div class="quick-link-icon" style="background:#FDE8D4;">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#FAC68E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="22"/><polygon points="12,5 19,5 22,9 19,13 12,13"/><polygon points="12,14 5,14 2,18 5,21 12,21"/></svg>
+          </div>
+          <div>
+            <div class="quick-link-label">{{ t('home.request_profiler_label') }}</div>
+            <div class="quick-link-desc">{{ t('home.request_profiler_desc') }}</div>
+          </div>
+        </a>
+        <a href="/_profiler/latest" class="quick-link">
+          <div class="quick-link-icon" style="background:#FDE8D4;">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#FAC68E" stroke-width="2"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
+          </div>
+          <div>
+            <div class="quick-link-label">{{ t('home.latest_request_label') }}</div>
+            <div class="quick-link-desc">{{ t('home.latest_request_desc') }}</div>
+          </div>
+        </a>
+      </div>
+    </div>
+    {% endif %}
+
+    <!-- API NOTICE -->
+    <div class="section">
+      <div class="section-title">{{ t('home.getting_started') }}</div>
+      <div class="api-notice">
+        <div class="api-notice-icon">🚀</div>
+        <div>
+          <div class="api-notice-title">{{ t('home.api_ready_title') }}</div>
+          <div class="api-notice-body">
+            {{ t('home.api_ready_body_1') }}
+            {{ t('home.api_ready_body_2', { code: safeHtml('<code>GET http://' + host + ':' + port + '/users</code>') }) | safe }}
+            {% if showToolbar %}{{ t('home.api_ready_body_3', { token: safeHtml('<code>X-Debug-Token</code>'), tokenLink: safeHtml('<code>X-Debug-Token-Link</code>') }) | safe }}{% endif %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- CANVAS particules sable/désert -->
+<canvas id="op-canvas" aria-hidden="true"></canvas>
+
+<!-- VAGUES SVG : 3 couches à profondeurs différentes, phase décalée -->
+<div class="op-waves" aria-hidden="true">
+  <svg class="op-wave op-wave-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2880 500" preserveAspectRatio="none">
+    <path d="M 0,0 L 2880,0 L 2880,360 C 2640,470 2400,470 2160,360 C 1920,195 1680,195 1440,360 C 1200,470 960,470 720,360 C 480,195 240,195 0,360 Z" fill="#FAC68E" fill-opacity="0.38"/>
+  </svg>
+  <svg class="op-wave op-wave-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2880 500" preserveAspectRatio="none">
+    <path d="M 0,0 L 2880,0 L 2880,265 C 2640,375 2400,375 2160,265 C 1920,130 1680,130 1440,265 C 1200,375 960,375 720,265 C 480,130 240,130 0,265 Z" fill="#FAC68E" fill-opacity="0.32"/>
+  </svg>
+  <svg class="op-wave op-wave-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2880 500" preserveAspectRatio="none">
+    <path d="M 0,0 L 2880,0 L 2880,165 C 2640,265 2400,265 2160,165 C 1920,60 1680,60 1440,165 C 1200,265 960,265 720,165 C 480,60 240,60 0,165 Z" fill="#FAC68E" fill-opacity="0.45"/>
+  </svg>
+</div>
+
+<script src="/_profiler/assets/js/home-particles.js"></script>
+</body>
+</html>

package/dist/views/templates/macros/icons.njk

@@ -0,0 +1,19 @@
+{% macro icon(name) %}
+{%- if name == "clock" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+{%- elif name == "db" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>
+{%- elif name == "route" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="2" x2="12" y2="22"/><polygon points="12,5 19,5 22,9 19,13 12,13"/><polygon points="12,14 5,14 2,18 5,21 12,21"/></svg>
+{%- elif name == "log" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+{%- elif name == "perf" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
+{%- elif name == "config" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14"/></svg>
+{%- elif name == "exception" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+{%- elif name == "map" -%}
+<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="1 6 1 22 8 18 16 22 23 18 23 2 16 6 8 2 1 6"/><line x1="8" y1="2" x2="8" y2="18"/><line x1="16" y1="6" x2="16" y2="22"/></svg>
+{%- endif -%}
+{% endmacro %}

package/dist/views/templates/macros/tables.njk

@@ -0,0 +1,17 @@
+{% macro kv_table(rows, emptyLabel=None, headers=None) %}
+{%- if rows.length == 0 -%}
+<div class="empty-state"><div class="empty-text">{{ emptyLabel if emptyLabel else t('common.none') }}</div></div>
+{%- else -%}
+<table class="data-table">
+  {%- if headers %}<thead><tr>{% for h in headers %}<th>{{ h }}</th>{% endfor %}</tr></thead>{% endif %}
+  <tbody>
+    {%- for row in rows %}
+    <tr>
+      <td class="key-col">{{ row.key }}</td>
+      <td class="val-col"{% if row.title %} title="{{ row.title }}"{% endif %}{% if row.truncate %} style="max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"{% endif %}>{% if row.badge %}<span class="badge badge-{{ row.badge.variant }}">{{ row.badge.text }}</span>{% elif row.code %}<code>{{ row.value }}</code>{% else %}{{ row.value }}{% endif %}</td>
+    </tr>
+    {%- endfor %}
+  </tbody>
+</table>
+{%- endif -%}
+{% endmacro %}

package/dist/views/templates/message.njk

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>{{ t(titleKey) if titleKey else title }}</title>
+<link rel="stylesheet" href="/_profiler/assets/css/debug-message.css">
+</head>
+<body>
+  {% if headingKey or heading %}<div class="msg-title">{{ t(headingKey) if headingKey else heading }}</div>{% endif %}
+  <div>{{ (t(messageKey, messageParams) if messageKey else message) | safe }}</div>
+  {% if link %}<a href="{{ link.href }}">{{ t(link.labelKey) if link.labelKey else link.label }}</a>{% endif %}
+</body>
+</html>

package/dist/views/templates/panels/configuration.njk

@@ -0,0 +1,16 @@
+{% import "macros/icons.njk" as icons %}
+{% from "macros/tables.njk" import kv_table with context %}
+<div class="panel-title">{{ icons.icon("config") }} {{ t('panel.configuration') }}</div>
+
+<div class="panel-section">
+  <div class="panel-section-title">{{ t('configuration.app_info') }}</div>
+  <div class="table-wrap">{{ kv_table(panelData.appInfo) }}</div>
+</div>
+
+<div class="panel-section">
+  <div class="panel-section-title">{{ t('configuration.env_vars') }} <span class="badge badge-muted">{{ panelData.envCount }}</span></div>
+  <div class="table-wrap">
+    <div class="table-wrap-title">{{ t('configuration.environment') }} <input type="search" class="table-search" placeholder="{{ t('common.filter_placeholder') }}" oninput="filterTable(this)"></div>
+    {{ kv_table(panelData.envRows, headers=[t('common.key'), t('common.value')]) }}
+  </div>
+</div>

package/dist/views/templates/panels/database.njk

@@ -0,0 +1,36 @@
+{% import "macros/icons.njk" as icons %}
+{% if not panelData.hasQueries %}
+<div class="panel-title">{{ icons.icon("db") }} {{ t('panel.database') }}</div>
+<div class="empty-state">
+  <div class="empty-icon">🗄</div>
+  <div class="empty-text">{{ t('database.no_queries') }}</div>
+  <div style="font-size:12px;color:#555;margin-top:8px;">
+    {{ t('database.hint', { code: safeHtml('<code>sqlCollector.record(token, { sql, duration })</code>') }) | safe }}
+  </div>
+</div>
+{% else %}
+<div class="panel-title">{{ icons.icon("db") }} {{ t('database.title') }}</div>
+
+<div class="stats-grid">
+  <div class="stat-card"><div class="stat-value">{{ panelData.totalCount }}</div><div class="stat-label">{{ t('database.total_queries') }}</div></div>
+  <div class="stat-card"><div class="stat-value">{{ panelData.totalTimeFormatted }}</div><div class="stat-label">{{ t('database.total_time') }}</div></div>
+  <div class="stat-card"><div class="stat-value">{{ panelData.avgFormatted }}</div><div class="stat-label">{{ t('database.avg_per_query') }}</div></div>
+</div>
+
+<div class="table-wrap">
+  <div class="table-wrap-title">{{ icons.icon("db") }} {{ t('database.sql_queries') }} <span class="badge badge-info">{{ panelData.totalCount }}</span></div>
+  {% for q in panelData.queries %}
+  <div class="sql-block">
+    <div class="sql-meta">
+      <span class="sql-type sql-type-{{ q.type }}">{{ q.type }}</span>
+      <span style="color:#666;font-size:11px;">#{{ q.index }}</span>
+      {% if q.hasError %}<span class="badge badge-warn">{{ t('database.error_badge') }}</span>{% endif %}
+      <span class="sql-duration">{{ icons.icon("clock") }} {{ q.durationFormatted }}</span>
+    </div>
+    <pre class="sql-code">{{ q.sql }}</pre>
+    {% if q.bindingsJson %}<div style="margin-top:6px;font-size:11px;color:#666;">{{ t('database.bindings') }} <code>{{ q.bindingsJson }}</code></div>{% endif %}
+    {% if q.error %}<div style="color:#e74c3c;font-size:11px;margin-top:4px;">{{ t('database.error_label') }} {{ q.error }}</div>{% endif %}
+  </div>
+  {% endfor %}
+</div>
+{% endif %}

package/dist/views/templates/panels/exception.njk

@@ -0,0 +1,26 @@
+{% import "macros/icons.njk" as icons %}
+<div class="panel-title">{{ icons.icon("exception") }} {{ t('exception.title') }}</div>
+{% if panelData.noException %}
+<div class="empty-state">
+  <div class="empty-icon">✅</div>
+  <div class="empty-text">{{ t('exception.no_exceptions') }}</div>
+</div>
+{% else %}
+  {% if panelData.showBanner %}
+  <div style="background:var(--warn-bg);border:1px solid #c62828;border-radius:6px;padding:16px 20px;margin-bottom:20px;">
+    <div style="font-weight:700;font-size:13px;color:#e74c3c;margin-bottom:6px;">
+      {{ icons.icon("exception") }} HTTP {{ panelData.statusCode }} — {{ panelData.statusMessage }}
+    </div>
+    <div style="font-family:monospace;font-size:12px;color:#999;">
+      {{ panelData.method }} {{ panelData.url }}
+    </div>
+  </div>
+  {% endif %}
+  {% for l in panelData.errLogs %}
+  <div style="background:#1e1a1a;border:1px solid #c62828;border-radius:6px;padding:14px 18px;margin-bottom:12px;">
+    <div style="font-weight:700;font-size:13px;color:#e74c3c;margin-bottom:6px;">{{ l.levelUpper }}</div>
+    <pre style="font-size:12px;color:#e0e0e0;white-space:pre-wrap;">{{ l.message }}</pre>
+    {% if l.contextJson %}<pre class="json-pre" style="margin-top:10px;">{{ l.contextJson | safe }}</pre>{% endif %}
+  </div>
+  {% endfor %}
+{% endif %}