feat: add description and shortcuts to header menu registration

addon/extension.js

@@ -6,7 +6,43 @@ export default {
         const widgetService = universe.getService('widget');
 
         // Register in header menu
-        menuService.registerHeaderMenuItem('Developers', 'console.developers', { icon: 'code', priority: 2 });
+        menuService.registerHeaderMenuItem('Developers', 'console.developers', {
+            icon: 'code',
+            priority: 2,
+            description: 'API keys, webhooks, socket channels, event logs, and developer tooling.',
+            shortcuts: [
+                {
+                    title: 'API Keys',
+                    description: 'Create and manage API keys for authenticating your integrations.',
+                    icon: 'key',
+                    route: 'console.developers.api-keys',
+                },
+                {
+                    title: 'Webhooks',
+                    description: 'Configure webhook endpoints to receive real-time event notifications.',
+                    icon: 'webhook',
+                    route: 'console.developers.webhooks',
+                },
+                {
+                    title: 'Sockets',
+                    description: 'Monitor active WebSocket channels and connected clients.',
+                    icon: 'plug',
+                    route: 'console.developers.sockets',
+                },
+                {
+                    title: 'Events',
+                    description: 'Browse the full history of platform events and payloads.',
+                    icon: 'bolt',
+                    route: 'console.developers.events',
+                },
+                {
+                    title: 'Logs',
+                    description: 'Inspect API request and response logs for debugging.',
+                    icon: 'terminal',
+                    route: 'console.developers.logs',
+                },
+            ],
+        });
 
         // Register widgets
         const widgets = [

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/dev-engine",
-    "version": "0.2.12",
+    "version": "0.2.13",
     "description": "Fleetbase Developers extension provides a module for managing developer resources such as API keys, webhooks, sockets, events and logs.",
     "fleetbase": {
         "route": "developers"
@@ -42,8 +42,8 @@
     },
     "dependencies": {
         "@babel/core": "^7.23.2",
-        "@fleetbase/ember-core": "^0.3.8",
-        "@fleetbase/ember-ui": "^0.3.14",
+        "@fleetbase/ember-core": "^0.3.17",
+        "@fleetbase/ember-ui": "^0.3.25",
         "@fortawesome/ember-fontawesome": "^2.0.0",
         "@fortawesome/fontawesome-svg-core": "6.4.0",
         "@fortawesome/free-brands-svg-icons": "6.4.0",