Merge pull request #486 from fleetbase/dev-v0.7.25

feat: New SMS service to support multiple SMS providers + framework improvements

Caddyfile

@@ -8,6 +8,7 @@
 http://:8000 {
 	root * /fleetbase/api/public
 	encode zstd br gzip
+	
 	php_server {
 		resolve_root_symlink
 	}

README.md

@@ -125,10 +125,10 @@ Next copy this value to the `APP_KEY` environment variable in the application co
   
 **Routing:** Fleetbase ships with a default OSRM server hosted by `[router.project-osrm.org](https://router.project-osrm.org)` but you’re able to use your own or any other OSRM compatible server. You can modify this in the `console/environments` directory by modifying the .env file of the environment you’re deploying and setting the `OSRM_HOST` to the OSRM server for Fleetbase to use.  
   
-**Services:** There are a few environment variables which need to be set for Fleetbase to function with full features. If you’re deploying with docker then it’s easiest to just create a `docker-compose.override.yml` and supply the environment variables in this file.
+**Services:** There are a few environment variables which need to be set for Fleetbase to function with full features. If you're deploying with docker then it's easiest to just create a `docker-compose.override.yml` and supply the environment variables in this file.
 
 ```yaml
-version: “3.8”
+version: "3.8"
 services:  
   application:  
     environment:  
@@ -141,8 +141,18 @@ services:
       TWILIO_SID:  
       TWILIO_TOKEN:
       TWILIO_FROM:
+
+  socket:
+    environment:
+      # IMPORTANT: Configure WebSocket origins for security
+      # Development (localhost only - include WebSocket protocols):
+      SOCKETCLUSTER_OPTIONS: '{"origins":"http://localhost:*,https://localhost:*,ws://localhost:*,wss://localhost:*"}'
+      # Production (replace with your actual domain):
+      # SOCKETCLUSTER_OPTIONS: '{"origins":"https://yourdomain.com:*,wss://yourdomain.com:*"}'
 ```
 
+**WebSocket Security:** The `SOCKETCLUSTER_OPTIONS` environment variable controls which domains can connect to the WebSocket server. Always restrict origins to your specific domains in production to prevent security vulnerabilities.
+
 You can learn more about full installation, and configuration in the [official documentation](https://docs.fleetbase.io/getting-started/install).
 
 ## 🚀 Deploy on AWS in One Click

RELEASE.md

@@ -1,26 +1,23 @@
-# 🚀 Fleetbase v0.7.13 — 2025-10-28
+# 🚀 Fleetbase v0.7.25 — 2025-12-29
 
-> “Connectivity Module + Positions Playback + Positions & Device Events Drawer”
+> "New SMS service to support multiple SMS providers + framework improvements"
 
 ---
 
 ## ✨ Highlights
-- Introduces the new Connectivity module in Fleet-Ops for managing telematics, devices, sensors with native support for Flespi, Geotab, and Samsara built in.
-- Introduces Position replay for Vehicles
-- Added new live map drawer tabs "Positions", and "Events" to view all trackable resources position data, as well as replay positions
-- Improved the report query builder + fix drag sort on group by/aggregate fn and order by columns
-- Patched entities by destination order view
-- Improved movement tracker service to account for spead, improved bearing/heading for accurate playback and live tracking of assets
-- Improved tracking endpoint for both vehicles and drivers
+- Removed `window.Fleetbase` for improved frontend security
+- Improved query optimizations
+- Added new SMS service to support multiple SMS providers
 
 ---
 
 ## ⚠️ Breaking Changes
-- None
+- None 🙂
 
 ---
 
 ## 🔧 Upgrade Steps
+
 ```bash
 # Pull latest version
 git pull origin main --no-rebase
@@ -33,5 +30,7 @@ docker compose down && docker compose up -d
 docker compose exec application bash -c "./deploy.sh"
 ```
 
+---
+
 ## Need help? 
-Join the discussion on [GitHub Discussions](https://github.com/fleetbase/fleetbase/discussions) or drop by [#fleetbase on Discord](https://discord.com/invite/HnTqQ6zAVn)
+Join the discussion on [GitHub Discussions](https://github.com/fleetbase/ember-ui/discussions) or drop by [#fleetbase on Discord](https://discord.com/invite/HnTqQ6zAVn)

TRANSLATING.md

@@ -0,0 +1,100 @@
+# Contributing to Fleetbase Translations
+
+First off, thank you for considering contributing to Fleetbase translations! Your efforts help make Fleetbase accessible to a global audience. This guide will walk you through the process of adding or updating language translations for the Fleetbase platform and its various extensions.
+
+## Understanding the Structure
+
+Fleetbase is a modular system. The main application, known as Fleetbase Console, has its own set of translations. Additionally, each extension (like FleetOps or Storefront) also contains its own translation files. This means that to provide a complete translation for a specific language, you may need to contribute to multiple repositories.
+
+- **Main Application (`fleetbase/fleetbase`)**: Contains the core translation files for the Fleetbase Console.
+- **Extensions/Modules**: Each extension has its own repository and its own set of translation files.
+
+## File Format and Location
+
+All translation files are in the **YAML** format (`.yaml` or `.yml`). The base language for all translations is American English (`en-us.yaml`).
+
+- In the main `fleetbase/fleetbase` repository, the translation files are located at `./console/translations/`.
+- In each extension repository, the translation files are located at `./translations/`.
+
+Translation files are named using the language and region code, for example:
+
+- `en-us.yaml` (American English)
+- `fr-fr.yaml` (French, France)
+- `zh-cn.yaml` (Chinese, Simplified)
+
+## How to Contribute Translations
+
+Follow these steps to contribute a new translation or update an existing one.
+
+### Step 1: Fork and Clone the Repository
+
+First, you need to fork the repository you want to contribute to. This could be the main `fleetbase/fleetbase` repository or one of the extension repositories. After forking, clone it to your local machine.
+
+### Step 2: Create or Update a Language File
+
+Navigate to the appropriate translations directory (`./console/translations/` or `./translations/`).
+
+- **To add a new language**: Copy the `en-us.yaml` file and rename it to your target language code (e.g., `es-es.yaml`).
+- **To update an existing language**: Open the existing language file. You can compare it with `en-us.yaml` to find missing keys or phrases that need updating.
+
+### Step 3: Translate the Content
+
+Open the YAML file in a text editor. You will see a structure of nested keys and values.
+
+```yaml
+# Example from en-us.yaml
+common:
+  new: New
+  create: Create
+  delete-selected-count: Delete {count} Selected
+```
+
+When translating, you should:
+
+- **Only translate the values**, not the keys. For example, in `new: New`, you would only translate `New`.
+- **Keep placeholders intact**. Some phrases contain placeholders like `{count}` or `{resource}`. These should not be translated. They are used by the application to insert dynamic values.
+
+Here is an example of the French translation for the keys above:
+
+```yaml
+# Example from fr-fr.yaml
+common:
+  new: Nouveau
+  create: Créer
+  delete-selected-count: Supprimer {count} sélectionné(s)
+```
+
+### Step 4: Submit a Pull Request
+
+Once you have finished translating, commit your changes and push them to your forked repository. Then, open a pull request to the original Fleetbase repository.
+
+- Make sure your pull request has a clear title and description of the changes you made.
+- If you are translating an extension, you may need to submit a pull request to the extension's repository. If your changes also affect the main console, a separate PR to the `fleetbase/fleetbase` repository might be necessary.
+
+Your contribution will be reviewed by the Fleetbase team, and once approved, it will be merged into the project.
+
+## Translation Repositories
+
+Here is a list of the primary repositories that accept translation contributions:
+
+| Repository                               | Translation Path              |
+| ---------------------------------------- | ----------------------------- |
+| [fleetbase/fleetbase][1]                 | `./console/translations/`     |
+| [fleetbase/fleetops][2]                  | `./translations/`             |
+| [fleetbase/storefront][3]                | `./translations/`             |
+| [fleetbase/dev-engine][4]                | `./translations/`             |
+| [fleetbase/iam-engine][5]                | `./translations/`             |
+| [fleetbase/pallet][6]                    | `./translations/`             |
+| [fleetbase/ledger][7]                    | `./translations/`             |
+| [fleetbase/registry-bridge][8]           | `./translations/`             |
+
+[1]: https://github.com/fleetbase/fleetbase
+[2]: https://github.com/fleetbase/fleetops
+[3]: https://github.com/fleetbase/storefront
+[4]: https://github.com/fleetbase/dev-engine
+[5]: https://github.com/fleetbase/iam-engine
+[6]: https://github.com/fleetbase/pallet
+[7]: https://github.com/fleetbase/ledger
+[8]: https://github.com/fleetbase/registry-bridge
+
+Thank you again for your contribution to the Fleetbase community!

api/app/Http/Kernel.php

@@ -40,7 +40,6 @@ class Kernel extends HttpKernel
         ],
 
         'api' => [
-            'throttle:api',
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
         ],
     ];

api/composer.json

@@ -18,12 +18,12 @@
         }
     ],
     "require": {
-        "php": "^8.0",
+        "php": ">=8.0 <=8.2.28",
         "appstract/laravel-opcache": "^4.0",
-        "fleetbase/core-api": "^1.6.20",
-        "fleetbase/fleetops-api": "^0.6.21",
-        "fleetbase/registry-bridge": "^0.1.0",
-        "fleetbase/storefront-api": "^0.4.3",
+        "fleetbase/core-api": "^1.6.32",
+        "fleetbase/fleetops-api": "^0.6.32",
+        "fleetbase/registry-bridge": "^0.1.2",
+        "fleetbase/storefront-api": "^0.4.10",
         "guzzlehttp/guzzle": "^7.0.1",
         "laravel/framework": "^10.0",
         "laravel/octane": "^2.3",
@@ -36,6 +36,7 @@
         "psr/http-factory-implementation": "*",
         "resend/resend-php": "^0.14.0",
         "s-ichikawa/laravel-sendgrid-driver": "^4.0",
+        "stripe/stripe-php": "13.13.0",
         "symfony/mailgun-mailer": "^7.1",
         "symfony/postmark-mailer": "^7.1"
     },

api/config/cors.php

@@ -27,7 +27,7 @@ return [
 
     'allowed_headers' => ['*'],
 
-    'exposed_headers' => ['x-compressed-json', 'access-console-sandbox', 'access-console-sandbox-key'],
+    'exposed_headers' => ['x-compressed-json', 'access-console-sandbox', 'access-console-sandbox-key', 'content-disposition'],
 
     'max_age' => 0,
 

api/config/logging.php

@@ -51,7 +51,7 @@ return [
     'channels' => [
         'stack' => [
             'driver' => 'stack',
-            'channels' => ['single'],
+            'channels' => ['single', 'stdout'],
             'ignore_exceptions' => false,
         ],
 

api/config/mail.php

@@ -66,6 +66,18 @@ return [
 
         'resend' => [],
 
+        'microsoft-graph' => [
+            'transport' => 'microsoft-graph',
+            'client_id' => env('MICROSOFT_GRAPH_CLIENT_ID'),
+            'client_secret' => env('MICROSOFT_GRAPH_CLIENT_SECRET'),
+            'tenant_id' => env('MICROSOFT_GRAPH_TENANT_ID'),
+            'from' => [
+                'address' => env('MAIL_FROM_ADDRESS', 'hello@fleetbase.io'),
+                'name' => env('MAIL_FROM_NAME', env('APP_NAME', 'Fleetbase')),
+            ],
+            'save_to_sent_items' =>  env('MAIL_SAVE_TO_SENT_ITEMS', false),
+        ],
+
         'sendmail' => [
             'transport' => 'sendmail',
             'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -t -i'),

api/config/octane.php

@@ -105,8 +105,8 @@ return [
         OperationTerminated::class => [
             FlushOnce::class,
             FlushTemporaryContainerInstances::class,
-            // DisconnectFromDatabases::class,
-            // CollectGarbage::class,
+            DisconnectFromDatabases::class,
+            CollectGarbage::class,    
         ],
 
         WorkerErrorOccurred::class => [

api/config/services.php

@@ -43,4 +43,10 @@ return [
         'secret' => env('STRIPE_SECRET', env('STRIPE_API_SECRET')),
         'webhook_secret' => env('STRIPE_WEBHOOK_SECRET'),
     ],
+
+    'callpromn' => [
+        'api_key' => env('CALLPROMN_API_KEY', ''),
+        'from' => env('CALLPROMN_FROM', ''),
+        'base_url' => env('CALLPROMN_BASE_URL', 'https://api.messagepro.mn' ),
+    ],
 ];

api/resources/lang/es-mx/auth.php

@@ -0,0 +1,20 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used during authentication for various
+    | messages that we need to display to the user. You are free to modify
+    | these language lines according to your application's requirements.
+    |
+    */
+
+    'failed' => 'Estas credenciales no coinciden con nuestros registros.',
+    'password' => 'La contraseña proporcionada es incorrecta.',
+    'throttle' => 'Demasiados intentos de inicio de sesión. Por favor, intenta de nuevo en :seconds segundos.',
+
+];

api/resources/lang/es-mx/pagination.php

@@ -0,0 +1,19 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Pagination Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used by the paginator library to build
+    | the simple pagination links. You are free to change them to anything
+    | you want to customize your views to better match your application.
+    |
+    */
+
+    'previous' => '&laquo; Anterior',
+    'next' => 'Siguiente &raquo;',
+
+];

api/resources/lang/es-mx/passwords.php

@@ -0,0 +1,22 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are the default lines which match reasons
+    | that are given by the password broker for a password update attempt
+    | has failed, such as for an invalid token or invalid new password.
+    |
+    */
+
+    'reset' => '¡Tu contraseña ha sido restablecida!',
+    'sent' => '¡Te hemos enviado por correo el enlace para restablecer tu contraseña!',
+    'throttled' => 'Por favor espera antes de volver a intentar.',
+    'token' => 'Este token de restablecimiento de contraseña es inválido.',
+    'user' => "No podemos encontrar un usuario con esa dirección de correo electrónico.",
+
+];

api/resources/lang/es-mx/validation.php

@@ -0,0 +1,163 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+
+    'accepted' => 'El campo :attribute debe ser aceptado.',
+    'accepted_if' => 'El campo :attribute debe ser aceptado cuando :other sea :value.',
+    'active_url' => 'El campo :attribute no es una URL válida.',
+    'after' => 'El campo :attribute debe ser una fecha posterior a :date.',
+    'after_or_equal' => 'El campo :attribute debe ser una fecha posterior o igual a :date.',
+    'alpha' => 'El campo :attribute solo debe contener letras.',
+    'alpha_dash' => 'El campo :attribute solo debe contener letras, números, guiones y guiones bajos.',
+    'alpha_num' => 'El campo :attribute solo debe contener letras y números.',
+    'array' => 'El campo :attribute debe ser un arreglo.',
+    'before' => 'El campo :attribute debe ser una fecha anterior a :date.',
+    'before_or_equal' => 'El campo :attribute debe ser una fecha anterior o igual a :date.',
+    'between' => [
+        'numeric' => 'El campo :attribute debe estar entre :min y :max.',
+        'file' => 'El campo :attribute debe estar entre :min y :max kilobytes.',
+        'string' => 'El campo :attribute debe tener entre :min y :max caracteres.',
+        'array' => 'El campo :attribute debe tener entre :min y :max elementos.',
+    ],
+    'boolean' => 'El campo :attribute debe ser verdadero o falso.',
+    'confirmed' => 'La confirmación de :attribute no coincide.',
+    'current_password' => 'La contraseña es incorrecta.',
+    'date' => 'El campo :attribute no es una fecha válida.',
+    'date_equals' => 'El campo :attribute debe ser una fecha igual a :date.',
+    'date_format' => 'El campo :attribute no coincide con el formato :format.',
+    'declined' => 'El campo :attribute debe ser rechazado.',
+    'declined_if' => 'El campo :attribute debe ser rechazado cuando :other sea :value.',
+    'different' => 'El campo :attribute y :other deben ser diferentes.',
+    'digits' => 'El campo :attribute debe tener :digits dígitos.',
+    'digits_between' => 'El campo :attribute debe tener entre :min y :max dígitos.',
+    'dimensions' => 'El campo :attribute tiene dimensiones de imagen inválidas.',
+    'distinct' => 'El campo :attribute tiene un valor duplicado.',
+    'email' => 'El campo :attribute debe ser una dirección de correo electrónico válida.',
+    'ends_with' => 'El campo :attribute debe terminar con uno de los siguientes: :values.',
+    'enum' => 'El :attribute seleccionado es inválido.',
+    'exists' => 'El :attribute seleccionado es inválido.',
+    'file' => 'El campo :attribute debe ser un archivo.',
+    'filled' => 'El campo :attribute debe tener un valor.',
+    'gt' => [
+        'numeric' => 'El campo :attribute debe ser mayor que :value.',
+        'file' => 'El campo :attribute debe ser mayor que :value kilobytes.',
+        'string' => 'El campo :attribute debe ser mayor que :value caracteres.',
+        'array' => 'El campo :attribute debe tener más de :value elementos.',
+    ],
+    'gte' => [
+        'numeric' => 'El campo :attribute debe ser mayor o igual a :value.',
+        'file' => 'El campo :attribute debe ser mayor o igual a :value kilobytes.',
+        'string' => 'El campo :attribute debe ser mayor o igual a :value caracteres.',
+        'array' => 'El campo :attribute debe tener :value elementos o más.',
+    ],
+    'image' => 'El campo :attribute debe ser una imagen.',
+    'in' => 'El :attribute seleccionado es inválido.',
+    'in_array' => 'El campo :attribute no existe en :other.',
+    'integer' => 'El campo :attribute debe ser un número entero.',
+    'ip' => 'El campo :attribute debe ser una dirección IP válida.',
+    'ipv4' => 'El campo :attribute debe ser una dirección IPv4 válida.',
+    'ipv6' => 'El campo :attribute debe ser una dirección IPv6 válida.',
+    'json' => 'El campo :attribute debe ser una cadena JSON válida.',
+    'lt' => [
+        'numeric' => 'El campo :attribute debe ser menor que :value.',
+        'file' => 'El campo :attribute debe ser menor que :value kilobytes.',
+        'string' => 'El campo :attribute debe ser menor que :value caracteres.',
+        'array' => 'El campo :attribute debe tener menos de :value elementos.',
+    ],
+    'lte' => [
+        'numeric' => 'El campo :attribute debe ser menor o igual a :value.',
+        'file' => 'El campo :attribute debe ser menor o igual a :value kilobytes.',
+        'string' => 'El campo :attribute debe ser menor o igual a :value caracteres.',
+        'array' => 'El campo :attribute no debe tener más de :value elementos.',
+    ],
+    'mac_address' => 'El campo :attribute debe ser una dirección MAC válida.',
+    'max' => [
+        'numeric' => 'El campo :attribute no debe ser mayor que :max.',
+        'file' => 'El campo :attribute no debe ser mayor que :max kilobytes.',
+        'string' => 'El campo :attribute no debe ser mayor que :max caracteres.',
+        'array' => 'El campo :attribute no debe tener más de :max elementos.',
+    ],
+    'mimes' => 'El campo :attribute debe ser un archivo de tipo: :values.',
+    'mimetypes' => 'El campo :attribute debe ser un archivo de tipo: :values.',
+    'min' => [
+        'numeric' => 'El campo :attribute debe ser al menos :min.',
+        'file' => 'El campo :attribute debe ser al menos :min kilobytes.',
+        'string' => 'El campo :attribute debe tener al menos :min caracteres.',
+        'array' => 'El campo :attribute debe tener al menos :min elementos.',
+    ],
+    'multiple_of' => 'El campo :attribute debe ser un múltiplo de :value.',
+    'not_in' => 'El :attribute seleccionado es inválido.',
+    'not_regex' => 'El formato del campo :attribute es inválido.',
+    'numeric' => 'El campo :attribute debe ser un número.',
+    'password' => 'La contraseña es incorrecta.',
+    'present' => 'El campo :attribute debe estar presente.',
+    'prohibited' => 'El campo :attribute está prohibido.',
+    'prohibited_if' => 'El campo :attribute está prohibido cuando :other sea :value.',
+    'prohibited_unless' => 'El campo :attribute está prohibido a menos que :other esté en :values.',
+    'prohibits' => 'El campo :attribute prohíbe que :other esté presente.',
+    'regex' => 'El formato del campo :attribute es inválido.',
+    'required' => 'El campo :attribute es obligatorio.',
+    'required_array_keys' => 'El campo :attribute debe contener entradas para: :values.',
+    'required_if' => 'El campo :attribute es obligatorio cuando :other sea :value.',
+    'required_unless' => 'El campo :attribute es obligatorio a menos que :other esté en :values.',
+    'required_with' => 'El campo :attribute es obligatorio cuando :values está presente.',
+    'required_with_all' => 'El campo :attribute es obligatorio cuando :values están presentes.',
+    'required_without' => 'El campo :attribute es obligatorio cuando :values no está presente.',
+    'required_without_all' => 'El campo :attribute es obligatorio cuando ninguno de :values están presentes.',
+    'same' => 'El campo :attribute y :other deben coincidir.',
+    'size' => [
+        'numeric' => 'El campo :attribute debe ser :size.',
+        'file' => 'El campo :attribute debe ser :size kilobytes.',
+        'string' => 'El campo :attribute debe tener :size caracteres.',
+        'array' => 'El campo :attribute debe contener :size elementos.',
+    ],
+    'starts_with' => 'El campo :attribute debe comenzar con uno de los siguientes: :values.',
+    'string' => 'El campo :attribute debe ser una cadena de texto.',
+    'timezone' => 'El campo :attribute debe ser una zona horaria válida.',
+    'unique' => 'El campo :attribute ya ha sido tomado.',
+    'uploaded' => 'El campo :attribute falló al subir.',
+    'url' => 'El campo :attribute debe ser una URL válida.',
+    'uuid' => 'El campo :attribute debe ser un UUID válido.',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify custom validation messages for attributes using the
+    | convention "attribute.rule" to name the lines. This makes it quick to
+    | specify a specific custom language line for a given attribute rule.
+    |
+    */
+
+    'custom' => [
+        'attribute-name' => [
+            'rule-name' => 'custom-message',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Validation Attributes
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines are used to swap our attribute placeholder
+    | with something more reader friendly such as "E-Mail Address" instead
+    | of "email". This simply helps us make our message more expressive.
+    |
+    */
+
+    'attributes' => [],
+
+];

api/resources/lang/fa/auth.php

@@ -0,0 +1,15 @@
+<?php
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | خطوط زبان احراز هویت
+    |--------------------------------------------------------------------------
+    |
+    | خطوط زبان زیر در طول احراز هویت برای پیام‌های مختلفی که باید به کاربر نمایش دهیم استفاده می‌شوند.
+    | شما می‌توانید این خطوط زبان را بر اساس نیازهای برنامه خود تغییر دهید.
+    |
+    */
+    'failed' => 'این اطلاعات ورود با سوابق ما مطابقت ندارد.',
+    'password' => 'رمز عبور ارائه‌شده نادرست است.',
+    'throttle' => 'تعداد تلاش‌های ورود بیش از حد زیاد است. لطفاً پس از :seconds ثانیه دوباره تلاش کنید.',
+];

api/resources/lang/fa/pagination.php

@@ -0,0 +1,18 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | خطوط زبان صفحه‌بندی
+    |--------------------------------------------------------------------------
+    |
+    | خطوط زبان زیر توسط کتابخانه صفحه‌بندی برای ساخت لینک‌های صفحه‌بندی ساده استفاده می‌شوند.
+    | شما می‌توانید این خطوط را به دلخواه تغییر دهید تا با نیازهای برنامه خود سازگار شوند.
+    |
+    */
+
+    'previous' => '&laquo; قبلی',
+    'next' => 'بعدی &raquo;',
+
+];

api/resources/lang/fa/passwords.php

@@ -0,0 +1,22 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | خطوط زبان بازنشانی رمز عبور
+    |--------------------------------------------------------------------------
+    |
+    | خطوط زبان زیر خطوط پیش‌فرضی هستند که با دلایلی که توسط کارگزار رمز عبور
+    | برای تلاش‌های ناموفق به‌روزرسانی رمز عبور ارائه می‌شوند، مطابقت دارند،
+    | مانند توکن نامعتبر یا رمز عبور جدید نامعتبر.
+    |
+    */
+
+    'reset' => 'رمز عبور شما بازنشانی شد!',
+    'sent' => 'لینک بازنشانی رمز عبور به ایمیل شما ارسال شد!',
+    'throttled' => 'لطفاً قبل از تلاش مجدد صبر کنید.',
+    'token' => 'این توکن بازنشانی رمز عبور نامعتبر است.',
+    'user' => 'کاربری با این آدرس ایمیل یافت نشد.',
+
+];

api/resources/lang/fa/validation.php

@@ -0,0 +1,163 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | خطوط زبان اعتبارسنجی
+    |--------------------------------------------------------------------------
+    |
+    | خطوط زبان زیر شامل پیام‌های خطای پیش‌فرض استفاده‌شده توسط کلاس اعتبارسنجی هستند.
+    | برخی از این قوانین نسخه‌های متعددی دارند، مانند قوانین مربوط به اندازه.
+    | شما می‌توانید این پیام‌ها را در اینجا به دلخواه تنظیم کنید.
+    |
+    */
+
+    'accepted' => 'فیلد :attribute باید پذیرفته شود.',
+    'accepted_if' => 'فیلد :attribute باید پذیرفته شود وقتی :other برابر با :value باشد.',
+    'active_url' => 'فیلد :attribute یک URL معتبر نیست.',
+    'after' => 'فیلد :attribute باید تاریخی پس از :date باشد.',
+    'after_or_equal' => 'فیلد :attribute باید تاریخی پس از یا برابر با :date باشد.',
+    'alpha' => 'فیلد :attribute فقط باید شامل حروف باشد.',
+    'alpha_dash' => 'فیلد :attribute فقط باید شامل حروف، اعداد، خط تیره و زیرخط باشد.',
+    'alpha_num' => 'فیلد :attribute فقط باید شامل حروف و اعداد باشد.',
+    'array' => 'فیلد :attribute باید یک آرایه باشد.',
+    'before' => 'فیلد :attribute باید تاریخی قبل از :date باشد.',
+    'before_or_equal' => 'فیلد :attribute باید تاریخی قبل از یا برابر با :date باشد.',
+    'between' => [
+        'numeric' => 'فیلد :attribute باید بین :min و :max باشد.',
+        'file' => 'فیلد :attribute باید بین :min و :max کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید بین :min و :max کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید بین :min و :max آیتم داشته باشد.',
+    ],
+    'boolean' => 'فیلد :attribute باید true یا false باشد.',
+    'confirmed' => 'تأیید فیلد :attribute مطابقت ندارد.',
+    'current_password' => 'رمز عبور نادرست است.',
+    'date' => 'فیلد :attribute یک تاریخ معتبر نیست.',
+    'date_equals' => 'فیلد :attribute باید تاریخی برابر با :date باشد.',
+    'date_format' => 'فیلد :attribute با فرمت :format مطابقت ندارد.',
+    'declined' => 'فیلد :attribute باید رد شود.',
+    'declined_if' => 'فیلد :attribute باید رد شود وقتی :other برابر با :value باشد.',
+    'different' => 'فیلد :attribute و :other باید متفاوت باشند.',
+    'digits' => 'فیلد :attribute باید :digits رقم باشد.',
+    'digits_between' => 'فیلد :attribute باید بین :min و :max رقم باشد.',
+    'dimensions' => 'فیلد :attribute دارای ابعاد تصویر نامعتبر است.',
+    'distinct' => 'فیلد :attribute دارای مقدار تکراری است.',
+    'email' => 'فیلد :attribute باید یک آدرس ایمیل معتبر باشد.',
+    'ends_with' => 'فیلد :attribute باید با یکی از مقادیر زیر پایان یابد: :values.',
+    'enum' => 'مقدار انتخاب‌شده برای :attribute نامعتبر است.',
+    'exists' => 'مقدار انتخاب‌شده برای :attribute نامعتبر است.',
+    'file' => 'فیلد :attribute باید یک فایل باشد.',
+    'filled' => 'فیلد :attribute باید دارای مقدار باشد.',
+    'gt' => [
+        'numeric' => 'فیلد :attribute باید بزرگ‌تر از :value باشد.',
+        'file' => 'فیلد :attribute باید بزرگ‌تر از :value کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید بیش از :value کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید بیش از :value آیتم داشته باشد.',
+    ],
+    'gte' => [
+        'numeric' => 'فیلد :attribute باید بزرگ‌تر یا برابر با :value باشد.',
+        'file' => 'فیلد :attribute باید بزرگ‌تر یا برابر با :value کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید بیش از یا برابر با :value کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید :value آیتم یا بیشتر داشته باشد.',
+    ],
+    'image' => 'فیلد :attribute باید یک تصویر باشد.',
+    'in' => 'مقدار انتخاب‌شده برای :attribute نامعتبر است.',
+    'in_array' => 'فیلد :attribute در :other وجود ندارد.',
+    'integer' => 'فیلد :attribute باید یک عدد صحیح باشد.',
+    'ip' => 'فیلد :attribute باید یک آدرس IP معتبر باشد.',
+    'ipv4' => 'فیلد :attribute باید یک آدرس IPv4 معتبر باشد.',
+    'ipv6' => 'فیلد :attribute باید یک آدرس IPv6 معتبر باشد.',
+    'json' => 'فیلد :attribute باید یک رشته JSON معتبر باشد.',
+    'lt' => [
+        'numeric' => 'فیلد :attribute باید کمتر از :value باشد.',
+        'file' => 'فیلد :attribute باید کمتر از :value کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید کمتر از :value کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید کمتر از :value آیتم داشته باشد.',
+    ],
+    'lte' => [
+        'numeric' => 'فیلد :attribute باید کمتر یا برابر با :value باشد.',
+        'file' => 'فیلد :attribute باید کمتر یا برابر با :value کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید کمتر یا برابر با :value کاراکتر باشد.',
+        'array' => 'فیلد :attribute نباید بیش از :value آیتم داشته باشد.',
+    ],
+    'mac_address' => 'فیلد :attribute باید یک آدرس MAC معتبر باشد.',
+    'max' => [
+        'numeric' => 'فیلد :attribute نباید بزرگ‌تر از :max باشد.',
+        'file' => 'فیلد :attribute نباید بزرگ‌تر از :max کیلوبایت باشد.',
+        'string' => 'فیلد :attribute نباید بیش از :max کاراکتر باشد.',
+        'array' => 'فیلد :attribute نباید بیش از :max آیتم داشته باشد.',
+    ],
+    'mimes' => 'فیلد :attribute باید یک فایل از نوع: :values باشد.',
+    'mimetypes' => 'فیلد :attribute باید یک فایل از نوع: :values باشد.',
+    'min' => [
+        'numeric' => 'فیلد :attribute باید حداقل :min باشد.',
+        'file' => 'فیلد :attribute باید حداقل :min کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید حداقل :min کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید حداقل :min آیتم داشته باشد.',
+    ],
+    'multiple_of' => 'فیلد :attribute باید مضربی از :value باشد.',
+    'not_in' => 'مقدار انتخاب‌شده برای :attribute نامعتبر است.',
+    'not_regex' => 'فرمت فیلد :attribute نامعتبر است.',
+    'numeric' => 'فیلد :attribute باید یک عدد باشد.',
+    'password' => 'رمز عبور نادرست است.',
+    'present' => 'فیلد :attribute باید وجود داشته باشد.',
+    'prohibited' => 'فیلد :attribute ممنوع است.',
+    'prohibited_if' => 'فیلد :attribute وقتی :other برابر با :value باشد ممنوع است.',
+    'prohibited_unless' => 'فیلد :attribute ممنوع است مگر اینکه :other در :values باشد.',
+    'prohibits' => 'فیلد :attribute مانع حضور :other می‌شود.',
+    'regex' => 'فرمت فیلد :attribute نامعتبر است.',
+    'required' => 'فیلد :attribute الزامی است.',
+    'required_array_keys' => 'فیلد :attribute باید شامل ورودی‌هایی برای: :values باشد.',
+    'required_if' => 'فیلد :attribute وقتی :other برابر با :value باشد الزامی است.',
+    'required_unless' => 'فیلد :attribute الزامی است مگر اینکه :other در :values باشد.',
+    'required_with' => 'فیلد :attribute وقتی :values وجود دارد الزامی است.',
+    'required_with_all' => 'فیلد :attribute وقتی همه :values وجود دارند الزامی است.',
+    'required_without' => 'فیلد :attribute وقتی :values وجود ندارد الزامی است.',
+    'required_without_all' => 'فیلد :attribute وقتی هیچ‌کدام از :values وجود ندارند الزامی است.',
+    'same' => 'فیلد :attribute و :other باید یکسان باشند.',
+    'size' => [
+        'numeric' => 'فیلد :attribute باید :size باشد.',
+        'file' => 'فیلد :attribute باید :size کیلوبایت باشد.',
+        'string' => 'فیلد :attribute باید :size کاراکتر باشد.',
+        'array' => 'فیلد :attribute باید شامل :size آیتم باشد.',
+    ],
+    'starts_with' => 'فیلد :attribute باید با یکی از مقادیر زیر شروع شود: :values.',
+    'string' => 'فیلد :attribute باید یک رشته باشد.',
+    'timezone' => 'فیلد :attribute باید یک منطقه زمانی معتبر باشد.',
+    'unique' => 'فیلد :attribute قبلاً استفاده شده است.',
+    'uploaded' => 'فیلد :attribute در آپلود ناموفق بود.',
+    'url' => 'فیلد :attribute باید یک URL معتبر باشد.',
+    'uuid' => 'فیلد :attribute باید یک UUID معتبر باشد.',
+
+    /*
+    |--------------------------------------------------------------------------
+    | خطوط زبان اعتبارسنجی سفارشی
+    |--------------------------------------------------------------------------
+    |
+    | در اینجا می‌توانید پیام‌های اعتبارسنجی سفارشی برای ویژگی‌ها را با استفاده از
+    | قرارداد "attribute.rule" برای نام‌گذاری خطوط مشخص کنید. این کار امکان
+    | تعیین سریع یک خط زبان سفارشی برای یک قانون خاص ویژگی را فراهم می‌کند.
+    |
+    */
+
+    'custom' => [
+        'attribute-name' => [
+            'rule-name' => 'پیام سفارشی',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | ویژگی‌های اعتبارسنجی سفارشی
+    |--------------------------------------------------------------------------
+    |
+    | خطوط زبان زیر برای جایگزینی placeholder ویژگی‌های ما با چیزی کاربرپسندتر
+    | مانند "آدرس ایمیل" به جای "email" استفاده می‌شوند. این کار به ما کمک می‌کند
+    | پیام‌هایمان را گویاتر کنیم.
+    |
+    */
+
+    'attributes' => [],
+
+];

console/.gitignore

@@ -26,3 +26,7 @@
 
 # broccoli-debug
 /DEBUG/
+
+# Auto-generated extension files
+/app/extensions/
+/app/utils/extension-loaders.js

console/app/app.js

@@ -2,10 +2,7 @@ import Application from '@ember/application';
 import Resolver from 'ember-resolver';
 import loadInitializers from 'ember-load-initializers';
 import config from '@fleetbase/console/config/environment';
-import loadExtensions from '@fleetbase/ember-core/utils/load-extensions';
-import mapEngines from '@fleetbase/ember-core/utils/map-engines';
-import loadRuntimeConfig from '@fleetbase/console/utils/runtime-config';
-import applyRouterFix from './utils/router-refresh-patch';
+import './deprecation-workflow';
 
 export default class App extends Application {
     modulePrefix = config.modulePrefix;
@@ -13,21 +10,6 @@ export default class App extends Application {
     Resolver = Resolver;
     extensions = [];
     engines = {};
-
-    async ready() {
-        applyRouterFix(this);
-        const extensions = await loadExtensions();
-
-        this.extensions = extensions;
-        this.engines = mapEngines(extensions);
-    }
 }
 
-document.addEventListener('DOMContentLoaded', async () => {
-    await loadRuntimeConfig();
-    loadInitializers(App, config.modulePrefix);
-
-    let fleetbase = App.create();
-    fleetbase.deferReadiness();
-    fleetbase.boot();
-});
+loadInitializers(App, config.modulePrefix);

console/app/components/configure/mail.hbs

@@ -13,6 +13,14 @@
         <InputGroup @name="SMTP Timeout" @value={{this.smtpTimeout}} disabled={{this.loadConfigValues.isRunning}} />
         <InputGroup @name="SMTP Auth Mode" @value={{this.smtpAuth_mode}} disabled={{this.loadConfigValues.isRunning}} />
     {{/if}}
+    {{#if (eq this.mailer "microsoft-graph")}}
+        <InputGroup @name="Client ID" @value={{this.microsoftGraphClient_id}} disabled={{this.loadConfigValues.isRunning}} />
+        <InputGroup @name="Client Secret" @value={{this.microsoftGraphClient_secret}} disabled={{this.loadConfigValues.isRunning}} />
+        <InputGroup @name="Tenant ID" @value={{this.microsoftGraphTenant_id}} disabled={{this.loadConfigValues.isRunning}} />
+        <InputGroup>
+            <Toggle @isToggled={{this.microsoftGraphSave_to_sent_items}} @onToggle={{fn (mut this.microsoftGraphSave_to_sent_items)}} @label="Save to sent items"  />
+        </InputGroup>
+    {{/if}}
     {{#if (eq this.mailer "mailgun")}}
         <InputGroup @name="Mailgun Domain" @value={{this.mailgunDomain}} disabled={{this.loadConfigValues.isRunning}} />
         <InputGroup @name="Mailgun Endpoint" @value={{this.mailgunEndpoint}} disabled={{this.loadConfigValues.isRunning}} />

console/app/components/configure/mail.js

@@ -26,6 +26,10 @@ export default class ConfigureMailComponent extends Component {
     @tracked postmarkToken = null;
     @tracked sendgridApi_key = null;
     @tracked resendKey = null;
+    @tracked microsoftGraphClient_id = null;
+    @tracked microsoftGraphClient_secret = null;
+    @tracked microsoftGraphTenant_id = null;
+    @tracked microsoftGraphSave_to_sent_items = false;
 
     /**
      * Creates an instance of ConfigureFilesystemComponent.
@@ -64,6 +68,19 @@ export default class ConfigureMailComponent extends Component {
         };
     }
 
+    @action serializeMicrosoftGraphConfig() {
+        return {
+            client_id: this.microsoftGraphClient_id,
+            client_secret: this.microsoftGraphClient_secret,
+            tenant_id: this.microsoftGraphTenant_id,
+            save_to_sent_items: this.microsoftGraphSave_to_sent_items,
+            from: {
+                address: this.fromAddress,
+                name: this.fromName,
+            },
+        };
+    }
+
     @action serializeMailgunConfig() {
         return {
             domain: this.mailgunDomain,
@@ -112,6 +129,7 @@ export default class ConfigureMailComponent extends Component {
                 postmark: this.serializePostmarkConfig(),
                 sendgrid: this.serializeSendgridConfig(),
                 resend: this.serializeResendConfig(),
+                microsoftGraph: this.serializeMicrosoftGraphConfig(),
             });
         } catch (error) {
             this.notifications.serverError(error);
@@ -131,6 +149,7 @@ export default class ConfigureMailComponent extends Component {
                 postmark: this.serializePostmarkConfig(),
                 sendgrid: this.serializeSendgridConfig(),
                 resend: this.serializeResendConfig(),
+                microsoftGraph: this.serializeMicrosoftGraphConfig(),
             });
             this.notifications.success('Mail configuration saved.');
         } catch (error) {

console/app/components/dashboard/widget-panel.hbs

@@ -1,31 +0,0 @@
-<Overlay @isOpen={{@isOpen}} @onLoad={{this.setOverlayContext}} @position="right" @noBackdrop={{true}} @fullHeight={{true}} @width={{or this.width @width "400px"}}>
-    <Overlay::Header @title={{t "component.dashboard-widget-panel.select-widgets"}} @hideStatusDot={{true}} @titleWrapperClass="leading-5">
-        <div class="flex flex-1 justify-end">
-            <Button @type="default" @icon="times" @helpText={{t "component.dashboard-widget-panel.close-and-save"}} @onClick={{this.onPressClose}} />
-        </div>
-    </Overlay::Header>
-
-    <Overlay::Body @wrapperClass="new-service-rate-overlay-body px-4 space-y-4 pt-4">
-        <div class="grid grid-cols-1 gap-4 text-xs dark:text-gray-100">
-            {{#each this.availableWidgets as |widget|}}
-                <div
-                    class="rounded-lg border border-gray-300 bg-white dark:border-gray-700 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 transition-all duration-300 ease-in-out shadow-md px-4 py-2 cursor-pointer"
-                    {{on "click" (fn this.addWidgetToDashboard widget)}}
-                >
-                    <div class="flex flex-row items-center leading-6 mb-2.5">
-                        <div class="w-8 flex items-center justify-start">
-                            <FaIcon @icon={{widget.icon}} class="text-lg text-gray-600 dark:text-gray-300" />
-                        </div>
-                        <p class="text-sm truncate font-semibold dark:text-gray-100 text-gray-800">
-                            {{t "component.dashboard-widget-panel.widget-name" widgetName=widget.name}}
-                        </p>
-                    </div>
-                    <div>
-                        <p class="text-xs dark:text-gray-100 text-gray-800">{{widget.description}}</p>
-                    </div>
-                </div>
-            {{/each}}
-        </div>
-        <Spacer @height="300px" />
-    </Overlay::Body>
-</Overlay>

console/app/components/dashboard/widget-panel.js

@@ -1,60 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
-
-export default class DashboardWidgetPanelComponent extends Component {
-    @service universe;
-    @tracked availableWidgets = [];
-    @tracked dashboard;
-    @tracked isOpen = true;
-    @service notifications;
-
-    /**
-     * Constructs the component and applies initial state.
-     */
-    constructor(owner, { dashboard }) {
-        super(...arguments);
-
-        this.availableWidgets = this.universe.getDashboardWidgets();
-        this.dashboard = dashboard;
-    }
-
-    /**
-     * Sets the overlay context.
-     *
-     * @action
-     * @param {OverlayContextObject} overlayContext
-     */
-    @action setOverlayContext(overlayContext) {
-        this.context = overlayContext;
-
-        if (typeof this.args.onLoad === 'function') {
-            this.args.onLoad(...arguments);
-        }
-    }
-
-    @action addWidgetToDashboard(widget) {
-        // If widget is a component definition/class
-        if (typeof widget.component === 'function') {
-            widget.component = widget.component.name;
-        }
-
-        this.args.dashboard.addWidget(widget).catch((error) => {
-            this.notifications.serverError(error);
-        });
-    }
-
-    /**
-     * Handles cancel button press.
-     *
-     * @action
-     */
-    @action onPressClose() {
-        this.isOpen = false;
-
-        if (typeof this.args.onClose === 'function') {
-            this.args.onClose();
-        }
-    }
-}

console/app/components/fleetbase-blog.hbs

@@ -8,7 +8,7 @@
             </a>
         </div>
         <div class="px-4 py-2.5">
-            {{#if this.isLoading}}
+            {{#if this.loadBlogPosts.isRunning}}
                 <Spinner />
             {{else}}
                 <ul class="space-y-2">

console/app/components/fleetbase-blog.js

@@ -1,28 +1,42 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { inject as service } from '@ember/service';
-import { action } from '@ember/object';
+import { isArray } from '@ember/array';
+import { storageFor } from 'ember-local-storage';
+import { add, isPast } from 'date-fns';
+import { task } from 'ember-concurrency';
 
 export default class FleetbaseBlogComponent extends Component {
+    @storageFor('local-cache') localCache;
     @service fetch;
     @tracked posts = [];
-    @tracked isLoading = false;
 
     constructor() {
         super(...arguments);
-        this.loadBlogPosts();
+        this.loadBlogPosts.perform();
     }
 
-    @action loadBlogPosts() {
-        this.isLoading = true;
+    @task *loadBlogPosts() {
+        // Check if cached data and expiration are available
+        const cachedData = this.localCache.get('fleetbase-blog-data');
+        const expiration = this.localCache.get('fleetbase-blog-data-expiration');
 
-        return this.fetch
-            .get('lookup/fleetbase-blog')
-            .then((response) => {
-                this.posts = response;
-            })
-            .finally(() => {
-                this.isLoading = false;
-            });
+        // Check if the cached data is still valid
+        if (cachedData && isArray(cachedData) && expiration && !isPast(new Date(expiration))) {
+            // Use cached data
+            this.posts = cachedData;
+        } else {
+            // Fetch new data
+            try {
+                const data = yield this.fetch.get('lookup/fleetbase-blog');
+                this.posts = isArray(data) ? data : [];
+                if (data) {
+                    this.localCache.set('fleetbase-blog-data', data);
+                    this.localCache.set('fleetbase-blog-data-expiration', add(new Date(), { hours: 6 }));
+                }
+            } catch (err) {
+                debug('Failed to load blog: ' + err.message);
+            }
+        }
     }
 }

console/app/components/github-card.js

@@ -52,7 +52,7 @@ export default class GithubCardComponent extends Component {
             this.data = cachedData;
         } else {
             // Fetch new data
-            const response = yield fetch('https://api.github.com/repos/fleetbase/fleetbase');
+            const response = yield fetch('https://api.github.com/repos/fleetbase/fleetbase', { cache: 'default' });
             if (response.ok) {
                 this.data = yield response.json();
                 this.localCache.set('fleetbase-github-data', this.data);
@@ -72,7 +72,7 @@ export default class GithubCardComponent extends Component {
             this.tags = cachedTags;
         } else {
             // Fetch new tags
-            const response = yield fetch('https://api.github.com/repos/fleetbase/fleetbase/tags');
+            const response = yield fetch('https://api.github.com/repos/fleetbase/fleetbase/tags', { cache: 'default' });
             if (response.ok) {
                 this.tags = yield response.json();
                 this.localCache.set('fleetbase-github-tags', this.tags);

console/app/components/onboarding/form.hbs

@@ -0,0 +1,61 @@
+<div class="flex items-center justify-center h-screen min-h-screen px-4 py-12 bg-gray-50 dark:bg-gray-900 sm:px-6 lg:px-8 overflow-y-scroll">
+    <div class="w-full max-w-md h-screen flex items-center justify-center py-4">
+        <div class="bg-white dark:bg-gray-800 py-5 px-4 shadow rounded-lg w-full">
+            <div class="mb-4">
+                <Image src={{@brand.logo_url}} @fallbackSrc="/images/fleetbase-logo-svg.svg" alt={{t "app.name"}} height="56" class="h-10 object-contain mx-auto" />
+                <div class="mt-2">
+                    <h2 class="text-center text-lg font-extrabold text-gray-900 dark:text-white truncate">
+                        {{t "onboard.index.title"}}
+                    </h2>
+                </div>
+            </div>
+
+            <div class="flex px-3 py-2 mb-4 rounded-md shadow-sm bg-blue-200">
+                <div>
+                    <FaIcon @icon="hand-spock" @size="lg" class="text-blue-900 mr-4" />
+                </div>
+                <p class="flex-1 text-sm text-blue-900 dark:text-blue-900">
+                    {{t "onboard.index.welcome-title" htmlSafe=true companyName=(t "app.name")}}
+                    {{t "onboard.index.welcome-text"}}
+                </p>
+            </div>
+
+            <form {{on "submit" (perform this.onboard)}}>
+                {{#if this.error}}
+                    <InfoBlock @icon="exclamation-triangle" @text={{this.error}} class="mb-6 px-3 py-2 bg-red-300 text-red-900" @textClass="text-red-900" />
+                {{/if}}
+                <InputGroup @name={{t "onboard.index.full-name"}} @value={{this.name}} @helpText={{t "onboard.index.full-name-help-text"}} @inputClass="input-lg" />
+                <InputGroup @name={{t "onboard.index.your-email"}} @type="email" @value={{this.email}} @helpText={{t "onboard.index.your-email-help-text"}} @inputClass="input-lg" />
+                <InputGroup @name={{t "onboard.index.phone"}} @helpText={{t "onboard.index.phone-help-text"}}>
+                    <PhoneInput @onInput={{fn (mut this.phone)}} class="form-input input-lg w-full" />
+                </InputGroup>
+                <InputGroup @name={{t "onboard.index.organization-name"}} @value={{this.organization_name}} @helpText={{t "onboard.index.organization-help-text"}} @inputClass="input-lg" />
+                <InputGroup @name={{t "onboard.index.password"}} @value={{this.password}} @type="password" @helpText={{t "onboard.index.password-help-text"}} @inputClass="input-lg" />
+                <InputGroup
+                    @name={{t "onboard.index.confirm-password"}}
+                    @value={{this.password_confirmation}}
+                    @type="password"
+                    @helpText={{t "onboard.index.confirm-password-help-text"}}
+                    @inputClass="input-lg"
+                />
+
+                <div class="flex items-center justify-end mt-5">
+                    <Button
+                        @buttonType="submit"
+                        @icon="check"
+                        @iconPrefix="fas"
+                        @type="primary"
+                        @size="lg"
+                        @text={{t "onboard.index.continue-button-text"}}
+                        @isLoading={{this.onboard.isRunning}}
+                        @disabled={{not this.filled}}
+                    />
+                </div>
+            </form>
+
+            <RegistryYield @registry="onboard" as |YieldedComponent ctx|>
+                <YieldedComponent @context={{ctx}} />
+            </RegistryYield>
+        </div>
+    </div>
+</div>

console/app/components/onboarding/form.js

@@ -0,0 +1,77 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action, getProperties } from '@ember/object';
+import { isBlank } from '@ember/utils';
+import { task } from 'ember-concurrency';
+import OnboardValidations from '../../validations/onboard';
+import lookupValidator from 'ember-changeset-validations';
+import Changeset from 'ember-changeset';
+
+export default class OnboardingFormComponent extends Component {
+    @service fetch;
+    @service session;
+    @service router;
+    @service notifications;
+    @service urlSearchParams;
+    @tracked name;
+    @tracked email;
+    @tracked phone;
+    @tracked organization_name;
+    @tracked password;
+    @tracked password_confirmation;
+    @tracked error;
+
+    get filled() {
+        // eslint-disable-next-line ember/no-get
+        const input = getProperties(this, 'name', 'email', 'phone', 'organization_name', 'password', 'password_confirmation');
+        return Object.values(input).every((val) => !isBlank(val));
+    }
+
+    @task *onboard(event) {
+        event?.preventDefault?.();
+
+        // eslint-disable-next-line ember/no-get
+        const input = getProperties(this, 'name', 'email', 'phone', 'organization_name', 'password', 'password_confirmation');
+        const changeset = new Changeset(input, lookupValidator(OnboardValidations), OnboardValidations);
+
+        yield changeset.validate();
+
+        if (changeset.get('isInvalid')) {
+            const errorMessage = changeset.errors.firstObject.validation.firstObject;
+
+            this.notifications.error(errorMessage);
+            return;
+        }
+
+        // Set user timezone
+        input.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+
+        try {
+            const { status, skipVerification, token, session } = yield this.fetch.post('onboard/create-account', input);
+            if (status !== 'success') {
+                this.notifications.error('Onboard failed');
+                return;
+            }
+
+            // save session
+            this.args.context.persist('session', session);
+
+            if (skipVerification === true && token) {
+                // only manually authenticate if skip verification
+                this.session.isOnboarding().manuallyAuthenticate(token);
+
+                yield this.router.transitionTo('console');
+                return this.notifications.success('Welcome to Fleetbase!');
+            } else {
+                this.args.orchestrator.next();
+                this.urlSearchParams.setParamsToCurrentUrl({
+                    step: this.args.orchestrator?.current?.id,
+                    session,
+                });
+            }
+        } catch (err) {
+            this.notifications.serverError(err);
+        }
+    }
+}

console/app/components/onboarding/verify-email.hbs

@@ -0,0 +1,82 @@
+{{page-title (t "onboard.verify-email.header-title")}}
+
+<div class="flex items-center justify-center h-screen min-h-screen px-4 py-12 bg-gray-50 dark:bg-gray-900 sm:px-6 lg:px-8 overflow-y-scroll">
+    <div class="w-full max-w-md h-screen flex items-center justify-center py-4">
+        {{#if this.initialized}}
+            <div class="bg-white dark:bg-gray-800 py-8 px-4 shadow rounded-lg w-full">
+                <div class="mb-6">
+                    <LinkTo @route="console" class="flex items-center justify-center">
+                        <LogoIcon @size="12" class="rounded-md" />
+                    </LinkTo>
+                    <h2 class="mt-6 text-center text-lg font-extrabold text-gray-900 dark:text-white truncate">
+                        {{t "onboard.verify-email.title"}}
+                    </h2>
+                </div>
+
+                <InfoBlock @type="info" @icon="shield-halved" @iconSize="lg">
+                    {{t "onboard.verify-email.message-text" htmlSafe=true}}
+                </InfoBlock>
+
+                <form class="mt-8 space-y-6" {{on "submit" (perform this.verify)}}>
+                    <InputGroup
+                        @type="tel"
+                        @name={{t "onboard.verify-email.verification-input-label"}}
+                        @value={{this.code}}
+                        @helpText={{t "onboard.verify-email.verification-code-text"}}
+                        @inputClass="input-lg"
+                        {{on "input" this.verification.validateInput}}
+                        {{did-insert this.verification.validateInput}}
+                    />
+
+                    <div class="flex flex-row items-center space-x-4">
+                        <Button
+                            @icon="check"
+                            @iconPrefix="fas"
+                            @buttonType="submit"
+                            @type="primary"
+                            @size="lg"
+                            @text="Verify & Continue"
+                            @isLoading={{this.verify.isRunning}}
+                            @disabled={{not this.verification.ready}}
+                        />
+                        <a href="#" {{on "click" this.verification.didntReceiveCode}} class="text-sm text-blue-400 hover:text-blue-300">{{t "onboard.verify-email.didnt-receive-a-code"}}</a>
+                    </div>
+
+                    {{#if this.verification.waiting}}
+                        <div class="flex flex-col flex-grow-0 flex-shrink-0 text-sm bg-yellow-800 border border-yellow-600 px-2 py-2 rounded-md text-yellow-100 my-4 transition-all">
+                            <div class="flex flex-row items-start mb-2">
+                                <div class="w-8 flex-grow-0 flex-shrink-0">
+                                    <FaIcon @icon="triangle-exclamation" @size="xl" class="pt-1" />
+                                </div>
+                                <div class="flex-1">
+                                    <div class="flex-1 text-sm text-yellow-100">
+                                        <div>{{t "auth.verification.didnt-receive-a-code" htmlSafe=true}}</div>
+                                        <div>{{t "auth.verification.not-sent.alternative-choice" htmlSafe=true}}</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="flex items-center space-x-2">
+                                <Button
+                                    @text={{t "auth.verification.not-sent.resend-email"}}
+                                    @buttonType="button"
+                                    @type="link"
+                                    class="text-yellow-100"
+                                    @wrapperClass="px-4 py-2 bg-gray-900 bg-opacity-25 hover:opacity-50"
+                                    @onClick={{this.verification.resendEmail}}
+                                />
+                                <Button
+                                    @text={{t "auth.verification.not-sent.send-by-sms"}}
+                                    @buttonType="button"
+                                    @type="link"
+                                    class="text-yellow-100"
+                                    @wrapperClass="px-4 py-2 bg-gray-900 bg-opacity-25 hover:opacity-50"
+                                    @onClick={{this.verification.resendBySms}}
+                                />
+                            </div>
+                        </div>
+                    {{/if}}
+                </form>
+            </div>
+        {{/if}}
+    </div>
+</div>

console/app/components/onboarding/verify-email.js

@@ -0,0 +1,53 @@
+import Component from '@glimmer/component';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { later, next } from '@ember/runloop';
+import { not } from '@ember/object/computed';
+import { task } from 'ember-concurrency';
+
+export default class OnboardingVerifyEmailComponent extends Component {
+    @service('session') authSession;
+    @service('user-verification') verification;
+    @service fetch;
+    @service notifications;
+    @service router;
+    @service urlSearchParams;
+    @tracked code;
+    @tracked session;
+    @tracked initialized = false;
+
+    constructor() {
+        super(...arguments);
+        next(() => this.#initialize());
+    }
+
+    #initialize() {
+        this.code = this.urlSearchParams.get('code');
+        this.session = this.args.context.get('session') ?? this.urlSearchParams.get('session');
+        this.initialized = true;
+        this.verification.start();
+    }
+
+    @task *verify(event) {
+        event?.preventDefault?.();
+
+        try {
+            const { status, token } = yield this.fetch.post('onboard/verify-email', { session: this.session, code: this.code });
+            if (status === 'ok') {
+                this.notifications.success('Email successfully verified!');
+
+                if (token) {
+                    this.notifications.info('Welcome to Fleetbase!');
+                    this.authSession.manuallyAuthenticate(token);
+
+                    return this.router.transitionTo('console');
+                }
+
+                return this.router.transitionTo('auth.login');
+            }
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
+}

console/app/components/onboarding/yield.hbs

@@ -0,0 +1,13 @@
+<section class="onboarding step-host">
+    {{#if this.initialized}}
+        {{#if this.orchestrator.wrapper}}
+            {{component (lazy-engine-component this.orchestrator.wrapper) currentStepComponent=this.currentComponent context=this.context orchestrator=this.orchestrator brand=@brand}}
+        {{else if this.currentComponent}}
+            {{component (lazy-engine-component this.currentComponent) context=this.context orchestrator=this.orchestrator brand=@brand}}
+        {{/if}}
+    {{else}}
+        <div class="flex items-center justify-center min-h-24">
+            <Spinner />
+        </div>
+    {{/if}}
+</section>

console/app/components/onboarding/yield.js

@@ -0,0 +1,27 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { next } from '@ember/runloop';
+
+export default class OnboardingYieldComponent extends Component {
+    @service('onboarding-orchestrator') orchestrator;
+    @service('onboarding-context') context;
+    @tracked initialized = false;
+
+    get currentComponent() {
+        return this.orchestrator.current && this.orchestrator.current.component;
+    }
+
+    constructor(owner, { step, session, code }) {
+        super(...arguments);
+        next(() => this.#initialize(step, session, code));
+    }
+
+    #initialize(step, session, code) {
+        if (step) this.orchestrator.goto(step);
+        if (session) this.context.persist('session', session);
+        if (code) this.context.set('code', code);
+
+        this.initialized = true;
+    }
+}

console/app/controllers/console/account.js

@@ -2,10 +2,6 @@ import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleAccountController extends Controller {
-    /**
-     * Inject the `universe` service.
-     *
-     * @memberof ConsoleAdminController
-     */
+    @service('universe/menu-service') menuService;
     @service universe;
 }

console/app/controllers/console/account/index.js

@@ -68,6 +68,7 @@ export default class ConsoleAccountIndexController extends Controller {
                 subject_uuid: this.user.id,
                 subject_type: 'user',
                 type: 'user_avatar',
+                resize: 'md'
             },
             (uploadedFile) => {
                 this.user.setProperties({

console/app/controllers/console/admin.js

@@ -2,10 +2,6 @@ import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleAdminController extends Controller {
-    /**
-     * Inject the `universe` service.
-     *
-     * @memberof ConsoleAdminController
-     */
+    @service('universe/menu-service') menuService;
     @service universe;
 }

console/app/controllers/console/settings.js

@@ -2,10 +2,6 @@ import Controller from '@ember/controller';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleSettingsController extends Controller {
-    /**
-     * INject the `universe` service
-     *
-     * @memberof ConsoleSettingsController
-     */
+    @service('universe/menu-service') menuService;
     @service universe;
 }

console/app/controllers/console/settings/notifications.js

@@ -6,35 +6,13 @@ import createNotificationKey from '@fleetbase/ember-core/utils/create-notificati
 import { task } from 'ember-concurrency';
 
 export default class ConsoleSettingsNotificationsController extends Controller {
-    /**
-     * Inject the notifications service.
-     *
-     * @memberof ConsoleSettingsNotificationsController
-     */
     @service notifications;
-
-    /**
-     * Inject the fetch service.
-     *
-     * @memberof ConsoleSettingsNotificationsController
-     */
     @service fetch;
-
-    /**
-     * The notification settings value JSON.
-     *
-     * @memberof ConsoleSettingsNotificationsController
-     * @var {Object}
-     */
+    @service store;
+    @service currentUser;
     @tracked notificationSettings = {};
-
-    /**
-     * Notification transport methods enabled.
-     *
-     * @memberof ConsoleSettingsNotificationsController
-     * @var {Array}
-     */
     @tracked notificationTransportMethods = ['email', 'sms'];
+    @tracked company;
 
     /**
      * Creates an instance of ConsoleSettingsNotificationsController.
@@ -45,6 +23,40 @@ export default class ConsoleSettingsNotificationsController extends Controller {
         this.getSettings.perform();
     }
 
+    /**
+     * Toggles the "Alphanumeric Sender ID" feature for the current company.
+     *
+     * Updates the company's `options` object by setting the
+     * `alpha_numeric_sender_id_enabled` flag. This controls whether the
+     * organization uses a custom alphanumeric sender ID when sending SMS.
+     *
+     * @action
+     * @param {boolean} enabled - Whether the feature should be enabled or disabled.
+     * @returns {void}
+     */
+    @action toggleAlphaNumericSenderId(enabled) {
+        const currentOptions = this.company.options ?? {};
+        this.company.set('options', { ...currentOptions, alpha_numeric_sender_id_enabled: enabled });
+    }
+
+    /**
+     * Sets the Alphanumeric Sender ID string for the current company.
+     *
+     * Reads the input's value from the event and updates the company's `options`
+     * object by setting the `alpha_numeric_sender_id` field. This value represents
+     * the sender name that will appear in outbound SMS messages (subject to carrier
+     * support and restrictions).
+     *
+     * @action
+     * @param {Event} event - Input event containing the alphanumeric sender ID value.
+     * @returns {void}
+     */
+    @action setAlphaNumericSenderId(event) {
+        const value = event.target.value;
+        const currentOptions = this.company.options ?? {};
+        this.company.set('options', { ...currentOptions, alpha_numeric_sender_id: value });
+    }
+
     /**
      * Selectes notifiables for settings.
      *
@@ -94,7 +106,8 @@ export default class ConsoleSettingsNotificationsController extends Controller {
         const { notificationSettings } = this;
 
         try {
-            yield this.fetch.post('notifications/save-settings', { notificationSettings });
+            yield this.fetch.post('notifications/save-settings', { notificationSettings: notificationSettings ?? {} });
+            yield this.saveCompanyOptions.perform();
             this.notifications.success('Notification settings successfully saved.');
         } catch (error) {
             this.notifications.serverError(error);
@@ -114,4 +127,26 @@ export default class ConsoleSettingsNotificationsController extends Controller {
             this.notifications.serverError(error);
         }
     }
+
+    /**
+     * Saves the updated company options to the backend.
+     *
+     * This ember-concurrency task attempts to persist the company's modified
+     * `options` object by calling `company.save()`. If the request fails, a server
+     * error notification is displayed. No action is taken if no company is loaded.
+     *
+     * @task
+     * @generator
+     * @yields {Promise} Resolves when the save request completes.
+     * @returns {Promise<void>} Task completion state.
+     */
+    @task *saveCompanyOptions() {
+        if (!this.company) return;
+
+        try {
+            yield this.company.save();
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
 }

console/app/controllers/onboard/index.js

@@ -1,151 +1,8 @@
 import Controller from '@ember/controller';
-import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
-import { action, getProperties } from '@ember/object';
-import OnboardValidations from '../../validations/onboard';
-import lookupValidator from 'ember-changeset-validations';
-import Changeset from 'ember-changeset';
 
 export default class OnboardIndexController extends Controller {
-    /**
-     * Inject the `fetch` service
-     *
-     * @memberof OnboardIndexController
-     */
-    @service fetch;
-
-    /**
-     * Inject the `session` service
-     *
-     * @memberof OnboardIndexController
-     */
-    @service session;
-
-    /**
-     * Inject the `router` service
-     *
-     * @memberof OnboardIndexController
-     */
-    @service router;
-
-    /**
-     * Inject the `notifications` service
-     *
-     * @memberof OnboardIndexController
-     */
-    @service notifications;
-
-    /**
-     * The name input field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked name;
-
-    /**
-     * The email input field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked email;
-
-    /**
-     * The phone input field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked phone;
-
-    /**
-     * The organization_name input field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked organization_name;
-
-    /**
-     * The password input field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked password;
-
-    /**
-     * The name password confirmation field.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked password_confirmation;
-
-    /**
-     * The property for error message.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked error;
-
-    /**
-     * The loading state of the onboard request.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked isLoading = false;
-
-    /**
-     * The ready state for the form.
-     *
-     * @memberof OnboardIndexController
-     */
-    @tracked readyToSubmit = false;
-
-    /**
-     * Start the onboard process.
-     *
-     * @return {Promise}
-     * @memberof OnboardIndexController
-     */
-    @action async startOnboard(event) {
-        event.preventDefault();
-
-        // eslint-disable-next-line ember/no-get
-        const input = getProperties(this, 'name', 'email', 'phone', 'organization_name', 'password', 'password_confirmation');
-        const changeset = new Changeset(input, lookupValidator(OnboardValidations), OnboardValidations);
-
-        await changeset.validate();
-
-        if (changeset.get('isInvalid')) {
-            const errorMessage = changeset.errors.firstObject.validation.firstObject;
-
-            this.notifications.error(errorMessage);
-            return;
-        }
-
-        // Set user timezone
-        input.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-
-        this.isLoading = true;
-
-        return this.fetch
-            .post('onboard/create-account', input)
-            .then(({ status, skipVerification, token, session }) => {
-                if (status === 'success') {
-                    if (skipVerification === true && token) {
-                        // only manually authenticate if skip verification
-                        this.session.isOnboarding().manuallyAuthenticate(token);
-
-                        return this.router.transitionTo('console').then(() => {
-                            this.notifications.success('Welcome to Fleetbase!');
-                        });
-                    }
-
-                    return this.router.transitionTo('onboard.verify-email', { queryParams: { hello: session } });
-                }
-            })
-            .catch((error) => {
-                this.notifications.serverError(error);
-            })
-            .finally(() => {
-                this.isLoading = false;
-            });
-    }
+    @tracked step;
+    @tracked session;
+    @tracked code;
 }

console/app/controllers/virtual.js

@@ -0,0 +1,7 @@
+import Controller from '@ember/controller';
+import { tracked } from '@glimmer/tracking';
+
+export default class VirtualController extends Controller {
+    @tracked view;
+    queryParams = ['view'];
+}

console/app/deprecation-workflow.js

@@ -0,0 +1,9 @@
+import setupDeprecationWorkflow from 'ember-cli-deprecation-workflow';
+
+setupDeprecationWorkflow({
+    workflow: [
+        { handler: 'silence', matchId: 'ember-concurrency.deprecate-decorator-task' },
+        { handler: 'silence', matchId: 'new-helper-names' },
+        { handler: 'silence', matchId: 'ember-data:deprecate-non-strict-relationships' },
+    ],
+});

console/app/index.html

@@ -10,9 +10,11 @@
 
     {{content-for "head"}}
 
-    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-chrome-192x192.png" />
+    <link rel="icon" type="image/png" sizes="256x256" href="/favicon/android-chrome-256x256.png" />
     <link rel="manifest" href="/favicon/site.webmanifest" />
     <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" />
     <link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">

console/app/initializers/load-intl-polyfills.js

@@ -38,4 +38,7 @@ export function initialize(application) {
     })();
 }
 
-export default { initialize };
+export default {
+    name: 'load-intl-polyfills',
+    initialize,
+};

console/app/initializers/load-runtime-config.js

@@ -0,0 +1,41 @@
+import loadRuntimeConfig from '@fleetbase/console/utils/runtime-config';
+import { debug } from '@ember/debug';
+
+/**
+ * Load Runtime Config Initializer
+ *
+ * Loads runtime configuration from fleetbase.config.json before the application boots.
+ * This must run first to ensure all config is available for other initializers.
+ *
+ * Uses `before` to ensure it runs before any other initializers.
+ *
+ * @export
+ * @param {Application} application
+ */
+export function initialize(application) {
+    const startTime = performance.now();
+    debug('[Runtime Config] Loading runtime configuration...');
+
+    // Defer readiness until config is loaded
+    application.deferReadiness();
+    (async () => {
+        try {
+            await loadRuntimeConfig();
+            const endTime = performance.now();
+            debug(`[Runtime Config] Runtime config loaded in ${(endTime - startTime).toFixed(2)}ms`);
+            application.advanceReadiness();
+        } catch (error) {
+            console.error('[Runtime Config] Failed to load runtime config:', error);
+            // Still advance readiness to prevent hanging
+            application.advanceReadiness();
+        }
+    })();
+}
+
+export default {
+    name: 'load-runtime-config',
+    initialize,
+    // Run after intl polyfills are loaded, before socketcluster
+    after: 'load-intl-polyfills',
+    before: 'load-socketcluster-client',
+};

console/app/instance-initializers/apply-router-fix.js

@@ -0,0 +1,38 @@
+import applyRouterFix from '@fleetbase/console/utils/router-refresh-patch';
+import { debug } from '@ember/debug';
+
+/**
+ * Apply Router Fix Instance Initializer
+ *
+ * Applies the Fleetbase router refresh bug fix patch.
+ * This patches the Ember router to handle dynamic segments correctly
+ * when refreshing routes with query parameters.
+ *
+ * Runs as an instance-initializer because it needs access to the
+ * application instance and router service.
+ *
+ * Bug: https://github.com/emberjs/ember.js/issues/19260
+ *
+ * @export
+ * @param {ApplicationInstance} appInstance
+ */
+export function initialize(appInstance) {
+    const startTime = performance.now();
+    debug('[Initializing Router Patch] Applying router refresh bug fix...');
+
+    try {
+        applyRouterFix(appInstance);
+
+        const endTime = performance.now();
+        debug(`[Initializing Router Patch] Router fix applied in ${(endTime - startTime).toFixed(2)}ms`);
+    } catch (error) {
+        console.error('[Initializing Router Patch] Failed to apply router fix:', error);
+    }
+}
+
+export default {
+    name: 'apply-router-fix',
+    initialize,
+    // Run before extension loading to ensure router is patched early
+    before: 'load-extensions',
+};

console/app/instance-initializers/initialize-registries.js

@@ -0,0 +1,20 @@
+import { debug } from '@ember/debug';
+
+/**
+ * Create console-specific registries
+ * Runs after extensions are loaded
+ */
+export function initialize(appInstance) {
+    const registryService = appInstance.lookup('service:universe/registry-service');
+
+    debug('[Initializing Registries] Creating console registries...');
+
+    // Create console-specific registries
+    registryService.createRegistries(['@fleetbase/console', 'auth:login']);
+}
+
+export default {
+    name: 'initialize-registries',
+    after: 'load-extensions',
+    initialize,
+};

console/app/instance-initializers/initialize-widgets.js

@@ -1,36 +1,47 @@
+import { Widget } from '@fleetbase/ember-core/contracts';
 import { faGithub } from '@fortawesome/free-brands-svg-icons';
+import { debug } from '@ember/debug';
 
-export function initialize(application) {
-    const universe = application.lookup('service:universe');
-    const defaultWidgets = [
-        {
-            widgetId: 'fleetbase-blog',
+/**
+ * Register dashboard and widgets for FleetbaseConsole
+ * Runs after extensions are loaded
+ */
+export function initialize(appInstance) {
+    const widgetService = appInstance.lookup('service:universe/widget-service');
+
+    debug('[Initializing Widgets] Registering console dashboard and widgets...');
+
+    // Register the console dashboard
+    widgetService.registerDashboard('dashboard');
+
+    // Create widget definitions
+    const widgets = [
+        new Widget({
+            id: 'fleetbase-blog',
             name: 'Fleetbase Blog',
             description: 'Lists latest news and events from the Fleetbase official team.',
             icon: 'newspaper',
             component: 'fleetbase-blog',
             grid_options: { w: 8, h: 9, minW: 8, minH: 9 },
-            options: {
-                title: 'Fleetbase Blog',
-            },
-        },
-        {
-            widgetId: 'fleetbase-github-card',
+            default: true,
+        }),
+        new Widget({
+            id: 'fleetbase-github-card',
             name: 'Github Card',
             description: 'Displays current Github stats from the official Fleetbase repo.',
             icon: faGithub,
             component: 'github-card',
             grid_options: { w: 4, h: 8, minW: 4, minH: 8 },
-            options: {
-                title: 'Github Card',
-            },
-        },
+            default: true,
+        }),
     ];
 
-    universe.registerDefaultDashboardWidgets(defaultWidgets);
-    universe.registerDashboardWidgets(defaultWidgets);
+    // Register widgets
+    widgetService.registerWidgets('dashboard', widgets);
 }
 
 export default {
+    name: 'initialize-widgets',
+    after: 'load-extensions',
     initialize,
 };

console/app/instance-initializers/load-extensions.js

@@ -1,11 +1,19 @@
-export function initialize(application) {
-    const universe = application.lookup('service:universe');
-    if (universe) {
-        universe.createRegistries(['@fleetbase/console', 'auth:login']);
-        universe.bootEngines(application);
+/**
+ * Load extensions from the API using ExtensionManager
+ * This must run before other initializers that depend on extensions
+ */
+export async function initialize(appInstance) {
+    const application = appInstance.application;
+    const extensionManager = appInstance.lookup('service:universe/extension-manager');
+
+    try {
+        await extensionManager.loadExtensions(application);
+    } catch (error) {
+        console.error('[load-extensions] Error:', error);
     }
 }
 
 export default {
+    name: 'load-extensions',
     initialize,
 };

console/app/instance-initializers/register-default-onboarding-flow.js

@@ -0,0 +1,19 @@
+export function initialize(owner) {
+    const registry = owner.lookup('service:onboarding-registry');
+    if (registry) {
+        const defaultFlow = {
+            id: 'default@v1',
+            entry: 'signup',
+            steps: [
+                { id: 'signup', component: 'onboarding/form', next: 'verify-email' },
+                { id: 'verify-email', component: 'onboarding/verify-email' },
+            ],
+        };
+
+        registry.registerFlow(defaultFlow);
+    }
+}
+
+export default {
+    initialize,
+};

console/app/instance-initializers/set-application-instance.js

@@ -0,0 +1,11 @@
+export function initialize(appInstance) {
+    // Look up UniverseService and set the application instance
+    const universeService = appInstance.lookup('service:universe');
+    if (universeService) {
+        universeService.setApplicationInstance(appInstance);
+    }
+}
+
+export default {
+    initialize
+};

console/app/instance-initializers/setup-extensions.js

@@ -0,0 +1,16 @@
+/**
+ * Setup extensions by loading and executing their extension.js files
+ * Runs after extensions are loaded from API
+ */
+export async function initialize(appInstance) {
+    const universe = appInstance.lookup('service:universe');
+    const extensionManager = appInstance.lookup('service:universe/extension-manager');
+
+    await extensionManager.setupExtensions(appInstance, universe);
+}
+
+export default {
+    name: 'setup-extensions',
+    after: ['load-extensions', 'initialize-registries', 'initialize-widgets'],
+    initialize,
+};

console/app/models/company.js

@@ -24,7 +24,7 @@ export default class Company extends Model {
     @attr('string') logo_url;
     @attr('string') backdrop_url;
     @attr('string') description;
-    @attr('raw') options;
+    @attr('object') options;
     @attr('number') users_count;
     @attr('string') type;
     @attr('string') currency;

console/app/models/schedule-availability.js

@@ -0,0 +1,18 @@
+import Model, { attr } from '@ember-data/model';
+
+export default class ScheduleAvailabilityModel extends Model {
+    @attr('string') subject_uuid;
+    @attr('string') subject_type;
+    @attr('date') start_at;
+    @attr('date') end_at;
+    @attr('boolean', { defaultValue: true }) is_available;
+    @attr('number') preference_level;
+    @attr('string') rrule;
+    @attr('string') reason;
+    @attr('string') notes;
+    @attr('object') meta;
+
+    @attr('date') created_at;
+    @attr('date') updated_at;
+    @attr('date') deleted_at;
+}

console/app/models/schedule-constraint.js

@@ -0,0 +1,23 @@
+import Model, { attr, belongsTo } from '@ember-data/model';
+
+export default class ScheduleConstraintModel extends Model {
+    @attr('string') company_uuid;
+    @attr('string') subject_uuid;
+    @attr('string') subject_type;
+    @attr('string') name;
+    @attr('string') description;
+    @attr('string') type;
+    @attr('string') category;
+    @attr('string') constraint_key;
+    @attr('string') constraint_value;
+    @attr('string') jurisdiction;
+    @attr('number', { defaultValue: 0 }) priority;
+    @attr('boolean', { defaultValue: true }) is_active;
+    @attr('object') meta;
+
+    @belongsTo('company') company;
+
+    @attr('date') created_at;
+    @attr('date') updated_at;
+    @attr('date') deleted_at;
+}

console/app/models/schedule-item.js

@@ -0,0 +1,23 @@
+import Model, { attr, belongsTo } from '@ember-data/model';
+
+export default class ScheduleItemModel extends Model {
+    @attr('string') public_id;
+    @attr('string') schedule_uuid;
+    @attr('string') assignee_uuid;
+    @attr('string') assignee_type;
+    @attr('string') resource_uuid;
+    @attr('string') resource_type;
+    @attr('date') start_at;
+    @attr('date') end_at;
+    @attr('number') duration;
+    @attr('date') break_start_at;
+    @attr('date') break_end_at;
+    @attr('string', { defaultValue: 'pending' }) status;
+    @attr('object') meta;
+
+    @belongsTo('schedule') schedule;
+
+    @attr('date') created_at;
+    @attr('date') updated_at;
+    @attr('date') deleted_at;
+}

console/app/models/schedule-template.js

@@ -0,0 +1,22 @@
+import Model, { attr, belongsTo } from '@ember-data/model';
+
+export default class ScheduleTemplateModel extends Model {
+    @attr('string') public_id;
+    @attr('string') company_uuid;
+    @attr('string') subject_uuid;
+    @attr('string') subject_type;
+    @attr('string') name;
+    @attr('string') description;
+    @attr('string') start_time;
+    @attr('string') end_time;
+    @attr('number') duration;
+    @attr('number') break_duration;
+    @attr('string') rrule;
+    @attr('object') meta;
+
+    @belongsTo('company') company;
+
+    @attr('date') created_at;
+    @attr('date') updated_at;
+    @attr('date') deleted_at;
+}

console/app/models/schedule.js

@@ -0,0 +1,27 @@
+import Model, { attr, hasMany, belongsTo } from '@ember-data/model';
+
+export default class ScheduleModel extends Model {
+    /** @ids */
+    @attr('string') public_id;
+    @attr('string') company_uuid;
+    @attr('string') subject_uuid;
+    @attr('string') subject_type;
+
+    /** @attributes */
+    @attr('string') name;
+    @attr('string') description;
+    @attr('date') start_date;
+    @attr('date') end_date;
+    @attr('string') timezone;
+    @attr('string', { defaultValue: 'draft' }) status;
+    @attr('object') meta;
+
+    /** @relationships */
+    @hasMany('schedule-item') items;
+    @belongsTo('company') company;
+
+    /** @dates */
+    @attr('date') created_at;
+    @attr('date') updated_at;
+    @attr('date') deleted_at;
+}

console/app/routes/application.js

@@ -7,6 +7,8 @@ import pathToRoute from '@fleetbase/ember-core/utils/path-to-route';
 import removeBootLoader from '../utils/remove-boot-loader';
 
 export default class ApplicationRoute extends Route {
+    @service('universe/hook-service') hookService;
+    @service('universe/extension-manager') extensionManager;
     @service session;
     @service theme;
     @service fetch;
@@ -15,7 +17,6 @@ export default class ApplicationRoute extends Route {
     @service intl;
     @service currentUser;
     @service router;
-    @service universe;
     @tracked defaultTheme;
 
     /**
@@ -24,7 +25,7 @@ export default class ApplicationRoute extends Route {
      * @memberof ApplicationRoute
      */
     @action willTransition(transition) {
-        this.universe.callHooks('application:will-transition', this.session, this.router, transition);
+        this.hookService.execute('application:will-transition', this.session, this.router, transition);
     }
 
     /**
@@ -45,7 +46,7 @@ export default class ApplicationRoute extends Route {
      * @memberof ApplicationRoute
      */
     @action loading(transition) {
-        this.universe.callHooks('application:loading', this.session, this.router, transition);
+        this.hookService.execute('application:loading', this.session, this.router, transition);
     }
 
     /**
@@ -79,9 +80,9 @@ export default class ApplicationRoute extends Route {
      */
     async beforeModel(transition) {
         await this.session.setup();
-        await this.universe.booting();
+        await this.extensionManager.waitForBoot();
 
-        this.universe.callHooks('application:before-model', this.session, this.router, transition);
+        this.hookService.execute('application:before-model', this.session, this.router, transition);
 
         const shift = this.urlSearchParams.get('shift');
         if (this.session.isAuthenticated && shift) {
@@ -95,9 +96,7 @@ export default class ApplicationRoute extends Route {
      * @memberof ApplicationRoute
      */
     afterModel() {
-        if (!this.session.isAuthenticated) {
-            removeBootLoader();
-        }
+        if (!this.session.isAuthenticated) removeBootLoader();
     }
 
     /**
@@ -122,11 +121,11 @@ export default class ApplicationRoute extends Route {
      * Initializes the application's locale settings based on the current user's preferences.
      *
      * This method retrieves the user's preferred locale using the `getOption` method from the `currentUser` service.
-     * If no locale is set by the user, it defaults to `'en-us'`. It then sets the application's locale by calling
+     * If no locale is set by the user, it defaults to `'en-US'`. It then sets the application's locale by calling
      * the `setLocale` method of the `intl` service with the retrieved locale.
      */
     initializeLocale() {
-        const locale = this.currentUser.getOption('locale', 'en-us');
+        const locale = this.currentUser.getOption('locale', 'en-US');
         this.intl.setLocale([locale]);
     }
 

console/app/routes/console.js

@@ -5,9 +5,9 @@ import removeBootLoader from '../utils/remove-boot-loader';
 import '@fleetbase/leaflet-routing-machine';
 
 export default class ConsoleRoute extends Route {
+    @service('universe/hook-service') hookService;
     @service store;
     @service session;
-    @service universe;
     @service router;
     @service currentUser;
     @service intl;
@@ -22,7 +22,7 @@ export default class ConsoleRoute extends Route {
     async beforeModel(transition) {
         await this.session.requireAuthentication(transition, 'auth.login');
 
-        this.universe.callHooks('console:before-model', this.session, this.router, transition);
+        this.hookService.execute('console:before-model', this.session, this.router, transition);
 
         if (this.session.isAuthenticated) {
             return this.session.promiseCurrentUser(transition);
@@ -37,7 +37,7 @@ export default class ConsoleRoute extends Route {
      * @memberof ConsoleRoute
      */
     async afterModel(model, transition) {
-        this.universe.callHooks('console:after-model', this.session, this.router, model, transition);
+        this.hookService.execute('console:after-model', this.session, this.router, model, transition);
         removeBootLoader();
     }
 
@@ -47,7 +47,7 @@ export default class ConsoleRoute extends Route {
      * @memberof ConsoleRoute
      */
     @action didTransition() {
-        this.universe.callHooks('console:did-transition', this.session, this.router);
+        this.hookService.execute('console:did-transition', this.session, this.router);
     }
 
     /**

console/app/routes/console/account/virtual.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleAccountVirtualRoute extends Route {
+    @service('universe/menu-service') menuService;
     @service universe;
 
     queryParams = {
@@ -12,6 +13,6 @@ export default class ConsoleAccountVirtualRoute extends Route {
 
     model({ slug }, transition) {
         const view = this.universe.getViewFromTransition(transition);
-        return this.universe.lookupMenuItemFromRegistry('console:account', slug, view);
+        return this.menuService.lookupMenuItem('console:account', slug, view);
     }
 }

console/app/routes/console/admin/virtual.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleAdminVirtualRoute extends Route {
+    @service('universe/menu-service') menuService;
     @service universe;
 
     queryParams = {
@@ -12,6 +13,6 @@ export default class ConsoleAdminVirtualRoute extends Route {
 
     model({ slug }, transition) {
         const view = this.universe.getViewFromTransition(transition);
-        return this.universe.lookupMenuItemFromRegistry('console:admin', slug, view);
+        return this.menuService.lookupMenuItem('console:admin', slug, view);
     }
 }

console/app/routes/console/settings/notifications.js

@@ -5,6 +5,7 @@ import groupBy from '@fleetbase/ember-core/utils/group-by';
 
 export default class ConsoleSettingsNotificationsRoute extends Route {
     @service fetch;
+    @service currentUser;
 
     model() {
         return hash({
@@ -13,10 +14,11 @@ export default class ConsoleSettingsNotificationsRoute extends Route {
         });
     }
 
-    setupController(controller, { registry, notifiables }) {
+    async setupController(controller, { registry, notifiables }) {
         super.setupController(...arguments);
 
         controller.groupedNotifications = groupBy(registry, 'package');
         controller.notifiables = notifiables;
+        controller.company = await this.currentUser.loadCompany();
     }
 }

console/app/routes/console/settings/virtual.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleSettingsVirtualRoute extends Route {
+    @service('universe/menu-service') menuService;
     @service universe;
 
     queryParams = {
@@ -12,6 +13,6 @@ export default class ConsoleSettingsVirtualRoute extends Route {
 
     model({ slug }, transition) {
         const view = this.universe.getViewFromTransition(transition);
-        return this.universe.lookupMenuItemFromRegistry('console:settings', slug, view);
+        return this.menuService.lookupMenuItem('console:settings', slug, view);
     }
 }

console/app/routes/console/virtual.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 export default class ConsoleVirtualRoute extends Route {
+    @service('universe/menu-service') menuService;
     @service universe;
 
     queryParams = {
@@ -12,6 +13,6 @@ export default class ConsoleVirtualRoute extends Route {
 
     model({ slug }, transition) {
         const view = this.universe.getViewFromTransition(transition);
-        return this.universe.lookupMenuItemFromRegistry('console', slug, view);
+        return this.menuService.lookupMenuItem('console', slug, view);
     }
 }

console/app/routes/onboard/index.js

@@ -3,6 +3,17 @@ import { inject as service } from '@ember/service';
 
 export default class OnboardIndexRoute extends Route {
     @service store;
+    @service('onboarding-orchestrator') orchestrator;
+
+    queryParams = {
+        step: { refreshModel: false },
+        session: { refreshModel: false },
+        code: { refreshModel: false },
+    };
+
+    beforeModel() {
+        this.orchestrator.start();
+    }
 
     model() {
         return this.store.findRecord('brand', 1);

console/app/routes/virtual.js

@@ -2,6 +2,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 
 export default class VirtualRoute extends Route {
+    @service('universe/menu-service') menuService;
     @service universe;
 
     queryParams = {
@@ -12,6 +13,6 @@ export default class VirtualRoute extends Route {
 
     model({ slug }, transition) {
         const view = this.universe.getViewFromTransition(transition);
-        return this.universe.lookupMenuItemFromRegistry('auth:login', slug, view);
+        return this.menuService.lookupMenuItem('auth:login', slug, view);
     }
 }

console/app/serializers/user.js

@@ -4,8 +4,6 @@ import { EmbeddedRecordsMixin } from '@ember-data/serializer/rest';
 export default class UserSerializer extends ApplicationSerializer.extend(EmbeddedRecordsMixin) {
     /**
      * Embedded relationship attributes
-     *
-     * @var {Object}
      */
     get attrs() {
         return {
@@ -16,22 +14,45 @@ export default class UserSerializer extends ApplicationSerializer.extend(Embedde
     }
 
     /**
-     * Customize serializer so that the password is never sent to the server via Ember Data
+     * Prevent partial payloads from overwriting fully-loaded
+     * user records in the store.
      *
-     * @param {Snapshot} snapshot
-     * @param {Object} options
-     * @return {Object} json
+     * This runs ONLY on incoming data.
+     */
+    normalize(modelClass, resourceHash, prop) {
+        let normalized = super.normalize(modelClass, resourceHash, prop);
+
+        // Existing user already loaded in the store?
+        let existing = this.store.peekRecord(normalized.data.type, normalized.data.id);
+
+        if (existing) {
+            let attrs = normalized.data.attributes || {};
+
+            for (let key in attrs) {
+                if (attrs[key] === null || attrs[key] === undefined || key === 'avatar_url') {
+                    delete attrs[key];
+                }
+            }
+        }
+
+        return normalized;
+    }
+
+    /**
+     * Customize serializer so that sensitive or server-managed
+     * fields are never sent to the backend.
      */
     serialize() {
         const json = super.serialize(...arguments);
 
-        // delete the password always
+        // Never send password
         delete json.password;
-        // delete verification attributes
+
+        // Verification flags
         delete json.email_verified_at;
         delete json.phone_verified_at;
 
-        // delete server managed dates
+        // Server-managed timestamps
         delete json.deleted_at;
         delete json.created_at;
         delete json.updated_at;

console/app/services/onboarding-context.js

@@ -0,0 +1,39 @@
+import Service, { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class OnboardingContextService extends Service {
+    @service appCache;
+    @tracked data = {};
+
+    get(key) {
+        return this.data[key] ?? this.appCache.get(`onboarding:context:${key}`);
+    }
+
+    getFromCache(key) {
+        return this.appCache.get(`onboarding:context:${key}`);
+    }
+
+    set(key, value, options = {}) {
+        this.data = { ...this.data, [key]: value };
+        if (options?.persist === true) {
+            this.appCache.set(`onboarding:context:${key}`, value);
+        }
+    }
+
+    persist(key, value) {
+        this.set(key, value, { persist: true });
+    }
+
+    del(key) {
+        const { [key]: _drop, ...rest } = this.data; // eslint-disable-line no-unused-vars
+        this.data = rest;
+        this.appCache.set(`onboarding:context:${key}`, undefined);
+    }
+
+    reset() {
+        for (let key in this.data) {
+            this.appCache.set(`onboarding:context:${key}`, undefined);
+        }
+        this.data = {};
+    }
+}

console/app/services/onboarding-orchestrator.js

@@ -0,0 +1,140 @@
+import Service from '@ember/service';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class OnboardingOrchestratorService extends Service {
+    @service onboardingRegistry;
+    @service onboardingContext;
+
+    @tracked flow = null;
+    @tracked wrapper = null;
+    @tracked current = null;
+    @tracked history = [];
+    @tracked sessionId = null;
+
+    async start(flowId = null, opts = {}) {
+        const flow = this.onboardingRegistry.getFlow(flowId ?? this.onboardingRegistry.defaultFlow);
+        if (!flow) throw new Error(`Onboarding flow '${flowId}' not found`);
+        
+        this.flow = flow;
+        this.wrapper = flow.wrapper || null;
+        this.sessionId = opts.sessionId || null;
+        this.history = [];
+
+        // Execute onFlowWillStart hook if defined
+        if (typeof this.flow.onFlowWillStart === 'function') {
+            await this.flow.onFlowWillStart(this.flow, this);
+        }
+
+        await this.goto(flow.entry);
+
+        // Execute onFlowDidStart hook if defined
+        if (typeof this.flow.onFlowDidStart === 'function') {
+            await this.flow.onFlowDidStart(this.flow, this);
+        }
+    }
+
+    async goto(stepId) {
+        if (!this.flow) throw new Error('No active onboarding flow');
+        const step = this.flow.steps.find((s) => s.id === stepId);
+        if (!step) throw new Error(`Step '${stepId}' not found`);
+
+        // Execute onStepWillChange hook if defined
+        const previousStep = this.current;
+        if (typeof this.flow.onStepWillChange === 'function') {
+            await this.flow.onStepWillChange(step, previousStep, this);
+        }
+
+        // Guard function - skip step if guard returns false
+        if (typeof step.guard === 'function' && !step.guard(this.onboardingContext)) {
+            return this.next();
+        }
+
+        // beforeEnter lifecycle hook
+        if (typeof step.beforeEnter === 'function') {
+            await step.beforeEnter(this.onboardingContext);
+        }
+
+        this.current = step;
+
+        // Execute onStepDidChange hook if defined
+        if (typeof this.flow.onStepDidChange === 'function') {
+            await this.flow.onStepDidChange(this.current, previousStep, this);
+        }
+    }
+
+    async next() {
+        if (!this.flow || !this.current) return;
+
+        const leaving = this.current;
+        
+        // afterLeave lifecycle hook
+        if (typeof leaving.afterLeave === 'function') {
+            await leaving.afterLeave(this.onboardingContext);
+        }
+
+        if (!this.history.includes(leaving)) this.history.push(leaving);
+
+        // Support both string and function for next property
+        let nextId;
+        if (typeof leaving.next === 'function') {
+            nextId = leaving.next(this.onboardingContext);
+        } else {
+            nextId = leaving.next;
+        }
+
+        // If no next step, flow is complete
+        if (!nextId) {
+            // Execute onFlowWillEnd hook if defined
+            if (typeof this.flow.onFlowWillEnd === 'function') {
+                await this.flow.onFlowWillEnd(leaving, this);
+            }
+
+            this.current = null; // finished
+
+            // Execute onFlowDidEnd hook if defined
+            if (typeof this.flow.onFlowDidEnd === 'function') {
+                await this.flow.onFlowDidEnd(leaving, this);
+            }
+
+            return;
+        }
+
+        return this.goto(nextId);
+    }
+
+    async back() {
+        if (!this.flow || this.history.length === 0) return;
+        const prev = this.history[this.history.length - 1];
+        if (prev && prev.allowBack === false) return;
+        this.history = this.history.slice(0, -1);
+        await this.goto(prev.id);
+    }
+
+    /**
+     * Get the current path (for flows with multiple paths)
+     * This is a helper method that can be used by flows to determine the current path
+     */
+    getCurrentPath() {
+        if (!this.flow || !this.flow.paths) return null;
+        
+        // Determine path based on context or current step
+        for (const [pathId, pathDef] of Object.entries(this.flow.paths)) {
+            if (pathDef.steps && pathDef.steps.some(s => s.id === this.current?.id)) {
+                return pathDef;
+            }
+        }
+        
+        return null;
+    }
+
+    /**
+     * Check if a step is in the current path
+     */
+    isStepInPath(stepId) {
+        const currentPath = this.getCurrentPath();
+        if (!currentPath) return true; // If no paths defined, all steps are valid
+        
+        return currentPath.steps?.some(s => s.id === stepId) ?? false;
+    }
+}

console/app/services/onboarding-registry.js

@@ -0,0 +1,36 @@
+import Service from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+
+export default class OnboardingRegistryService extends Service {
+    flows = new Map();
+    @tracked defaultFlow = 'default@v1';
+
+    useFlow(flowId) {
+        this.defaultFlow = flowId;
+    }
+
+    registerFlow(flow, options = {}) {
+        if (!flow || !flow.id || !flow.entry || !Array.isArray(flow.steps)) {
+            throw new Error('Invalid FlowDef: id, entry, steps are required');
+        }
+        const ids = new Set(flow.steps.map((s) => s.id));
+        if (!ids.has(flow.entry)) {
+            throw new Error(`Flow '${flow.id}' entry '${flow.entry}' not found in steps`);
+        }
+        for (const s of flow.steps) {
+            if (typeof s.next === 'string' && s.next && !ids.has(s.next)) {
+                throw new Error(`Flow '${flow.id}' step '${s.id}' has unknown next '${s.next}'`);
+            }
+        }
+        this.flows.set(flow.id, flow);
+
+        // If specified, set as default flow
+        if (options.default) {
+            this.defaultFlow = flow.id;
+        }
+    }
+
+    getFlow(id) {
+        return this.flows.get(id);
+    }
+}

console/app/services/user-verification.js

@@ -0,0 +1,118 @@
+import Service, { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { later } from '@ember/runloop';
+import { task } from 'ember-concurrency';
+
+export default class UserVerificationService extends Service {
+    @service fetch;
+    @service notifications;
+    @service modalsManager;
+    @service currentUser;
+    @service router;
+    @service session;
+    @service intl;
+    @tracked token;
+    @tracked code;
+    @tracked ready;
+    @tracked waiting = false;
+
+    @action start(options = {}) {
+        this.#wait(options?.timeout ?? 75000);
+    }
+
+    @action didntReceiveCode() {
+        this.waiting = true;
+    }
+
+    @action validateInput(event) {
+        const value = event instanceof HTMLElement ? event.value : (event?.target?.value ?? '');
+        this.ready = value?.length > 5;
+    }
+
+    @action resendBySms() {
+        this.modalsManager.show('modals/verify-by-sms', {
+            title: 'Verify Account by Phone',
+            acceptButtonText: 'Send',
+            phone: this.currentUser.phone,
+            confirm: async (modal) => {
+                modal.startLoading();
+                const phone = modal.getOption('phone');
+                if (!phone) {
+                    this.notifications.error('No phone number provided.');
+                }
+
+                try {
+                    await this.fetch.post('onboard/send-verification-sms', { phone, session: this.hello });
+                    this.notifications.success('Verification code SMS sent!');
+                    modal.done();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+        });
+    }
+
+    @action resendEmail() {
+        this.modalsManager.show('modals/resend-verification-email', {
+            title: 'Resend Verification Code',
+            acceptButtonText: 'Send',
+            email: this.currentUser.email,
+            confirm: async (modal) => {
+                modal.startLoading();
+                const email = modal.getOption('email');
+                if (!email) {
+                    this.notifications.error('No email number provided.');
+                }
+
+                try {
+                    await this.fetch.post('onboard/send-verification-email', { email, session: this.hello });
+                    this.notifications.success('Verification code email sent!');
+                    modal.done();
+                } catch (error) {
+                    this.notifications.serverError(error);
+                    modal.stopLoading();
+                }
+            },
+        });
+    }
+
+    @task *verifyCode() {
+        try {
+            const { status, token } = yield this.fetch.post('auth/verify-email', { token: this.token, code: this.code, email: this.email, authenticate: true });
+            if (status === 'ok') {
+                this.notifications.success('Email successfully verified!');
+
+                if (token) {
+                    this.notifications.info(`Welcome to ${this.intl.t('app.name')}`);
+                    this.session.manuallyAuthenticate(token);
+
+                    return this.router.transitionTo('console');
+                }
+
+                return this.router.transitionTo('auth.login');
+            }
+        } catch (error) {
+            this.notifications.serverError(error);
+        }
+    }
+
+    setToken(token) {
+        this.token = token;
+    }
+
+    setCode(code) {
+        this.code = code;
+    }
+
+    #wait(timeout = 75000) {
+        return later(
+            this,
+            () => {
+                this.waiting = true;
+            },
+            timeout
+        );
+    }
+}

console/app/templates/console/account.hbs

@@ -4,11 +4,11 @@
         <Layout::Sidebar::Item @route="console.account.index" @icon="user">Profile</Layout::Sidebar::Item>
         <Layout::Sidebar::Item @route="console.account.auth" @icon="key">Auth</Layout::Sidebar::Item>
         <Layout::Sidebar::Item @route="console.account.organizations" @icon="building">Organizations</Layout::Sidebar::Item>
-        {{#each this.universe.accountMenuItems as |menuItem|}}
+        {{#each this.menuService.accountMenuItems as |menuItem|}}
             <Layout::Sidebar::Item @onClick={{fn this.universe.transitionMenuItem "console.account.virtual" menuItem}} @item={{menuItem}} @icon={{menuItem.icon}}>{{menuItem.title}}</Layout::Sidebar::Item>
         {{/each}}
     </Layout::Sidebar::Panel>
-    {{#each this.universe.accountMenuPanels as |menuPanel|}}
+    {{#each this.menuService.accountMenuPanels as |menuPanel|}}
         <Layout::Sidebar::Panel @open={{menuPanel.open}} @title={{menuPanel.title}}>
             {{#each menuPanel.items as |menuItem|}}
                 <Layout::Sidebar::Item @onClick={{fn this.universe.transitionMenuItem "console.account.virtual" menuItem}} @item={{menuItem}} @icon={{menuItem.icon}}>{{menuItem.title}}</Layout::Sidebar::Item>

console/app/templates/console/account/index.hbs

@@ -4,21 +4,27 @@
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto">
             <ContentPanel @title={{t "common.your-profile"}} @open={{true}} @wrapperClass="bordered-classic">
-                <form class="flex flex-col md:flex-row" {{on "submit" (perform this.saveProfile)}}>
+                <form class="flex flex-col items-start md:flex-row" {{on "submit" (perform this.saveProfile)}}>
                     <div class="w-32 flex flex-col justify-center mb-6 mr-6">
-                        <Image src={{this.user.avatar_url}} @fallbackSrc={{config "defaultValues.userImage"}} alt={{this.user.name}} class="w-32 h-32 rounded-md" />
-                        <FileUpload @name={{t "console.account.index.photos"}} @accept="image/*" @onFileAdded={{this.uploadNewPhoto}} @labelClass="flex flex-row items-center justify-center" as |queue|>
+                        <Image src={{this.user.avatar_url}} @fallbackSrc={{config "defaultValues.userImage"}} alt={{this.user.name}} class="w-32 h-32 rounded-md mt-1" />
+                        <FileUpload
+                            @name={{t "console.account.index.photos"}}
+                            @accept="image/*"
+                            @onFileAdded={{this.uploadNewPhoto}}
+                            @labelClass="flex flex-row items-center justify-center"
+                            as |queue|
+                        >
                             <a tabindex={{0}} class="flex items-center px-0 mt-2 text-xs no-underline truncate btn btn-sm btn-default" disabled={{queue.files.length}}>
                                 {{#if queue.files.length}}
                                     <div class="mr-1.5">
                                         <Spinner />
                                     </div>
                                     <span>
-                                        {{t "common.uploading"}}                       
+                                        {{t "common.uploading"}}
                                     </span>
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1.5" />
-                                    <span>                                        
+                                    <span>
                                         {{t "console.account.index.upload-new"}}
                                     </span>
                                 {{/if}}
@@ -34,11 +40,31 @@
                             </InputGroup>
                             <InputGroup @name={{t "common.date-of-birth"}} @type="date" @value={{this.user.date_of_birth}} />
                             <InputGroup @name={{t "common.timezone"}} @helpText={{t "console.account.index.timezone"}}>
-                                <Select @value={{this.user.timezone}} @options={{this.timezones}} @onSelect={{fn (mut this.user.timezone)}} @placeholder={{t "console.account.index.timezone"}} />
+                                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                                    <PowerSelect
+                                        @options={{this.timezones}}
+                                        @selected={{this.user.timezone}}
+                                        @onChange={{fn (mut this.user.timezone)}}
+                                        @placeholder={{t "console.account.index.timezone"}}
+                                        @triggerClass="form-select form-input"
+                                        @searchEnabled={{true}}
+                                        as |option|
+                                    >
+                                        <div>{{option}}</div>
+                                    </PowerSelect>
+                                </div>
                             </InputGroup>
                         </div>
                         <div class="mt-3 flex items-center justify-end">
-                            <Button @buttonType="submit" @type="primary" @size="lg" @icon="save" @text={{t "common.save-changes"}} @onClick={{perform this.saveProfile}} @isLoading={{not this.saveProfile.isIdle}} />
+                            <Button
+                                @buttonType="submit"
+                                @type="primary"
+                                @size="lg"
+                                @icon="save"
+                                @text={{t "common.save-changes"}}
+                                @onClick={{perform this.saveProfile}}
+                                @isLoading={{not this.saveProfile.isIdle}}
+                            />
                         </div>
                     </div>
                 </form>

console/app/templates/console/account/virtual.hbs

@@ -4,7 +4,7 @@
 <Layout::Section::Body class="overflow-y-scroll h-full">
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto space-y-">
-            {{component @model.component params=@model.componentParams}}
+            <LazyEngineComponent @component={{@model.component}} @params={{@model.componentParams}} />
         </div>
     </div>
     <Spacer @height="300px" />

console/app/templates/console/admin.hbs

@@ -6,14 +6,16 @@
     <Layout::Sidebar::Item @route="console.admin.branding" @icon="palette">{{t "console.admin.menu.branding"}}</Layout::Sidebar::Item>
     <Layout::Sidebar::Item @route="console.admin.two-fa-settings" @icon="shield-halved">{{t "console.admin.menu.2fa-config"}}</Layout::Sidebar::Item>
     <Layout::Sidebar::Item @route="console.admin.schedule-monitor" @icon="calendar-check">{{t "console.admin.schedule-monitor.schedule-monitor"}}</Layout::Sidebar::Item>
-    {{#each this.universe.adminMenuItems as |menuItem|}}
+    
+    {{#each this.menuService.adminMenuItems as |menuItem|}}
         <Layout::Sidebar::Item
             @onClick={{fn this.universe.transitionMenuItem "console.admin.virtual" menuItem}}
             @item={{menuItem}}
             @icon={{menuItem.icon}}
         >{{menuItem.title}}</Layout::Sidebar::Item>
     {{/each}}
-    {{#each this.universe.adminMenuPanels as |menuPanel|}}
+
+    {{#each this.menuService.adminMenuPanels as |menuPanel|}}
         <Layout::Sidebar::Panel @open={{menuPanel.open}} @title={{menuPanel.title}}>
             {{#each menuPanel.items as |menuItem|}}
                 <Layout::Sidebar::Item

console/app/templates/console/admin/virtual.hbs

@@ -4,7 +4,7 @@
 <Layout::Section::Body class="overflow-y-scroll h-full">
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto space-y-">
-            {{component @model.component params=@model.componentParams}}
+            <LazyEngineComponent @component={{@model.component}} @params={{@model.componentParams}} />
         </div>
     </div>
     <Spacer @height="300px" />

console/app/templates/console/settings.hbs

@@ -4,7 +4,7 @@
         <Layout::Sidebar::Item @route="console.settings.index" @icon="cog">{{t "common.organization"}}</Layout::Sidebar::Item>
         <Layout::Sidebar::Item @route="console.settings.two-fa" @icon="shield-halved">{{t "common.two-factor"}}</Layout::Sidebar::Item>
         <Layout::Sidebar::Item @route="console.settings.notifications" @icon="bell">{{t "common.notifications"}}</Layout::Sidebar::Item>
-        {{#each this.universe.settingsMenuItems as |menuItem|}}
+        {{#each this.menuService.settingsMenuItems as |menuItem|}}
             <Layout::Sidebar::Item
                 @onClick={{fn this.universe.transitionMenuItem "console.settings.virtual" menuItem}}
                 @item={{menuItem}}
@@ -12,7 +12,7 @@
             >{{menuItem.title}}</Layout::Sidebar::Item>
         {{/each}}
     </Layout::Sidebar::Panel>
-    {{#each this.universe.settingsMenuPanels as |menuPanel|}}
+    {{#each this.menuService.settingsMenuPanels as |menuPanel|}}
         <Layout::Sidebar::Panel @open={{menuPanel.open}} @title={{menuPanel.title}}>
             {{#each menuPanel.items as |menuItem|}}
                 <Layout::Sidebar::Item

console/app/templates/console/settings/notifications.hbs

@@ -17,7 +17,7 @@
                                     @selected={{get this.notificationSettings (concat (get-notification-key notification.definition notification.name) ".notifiables")}}
                                     @onChange={{fn this.onSelectNotifiable notification}}
                                     @placeholder="Select notifiables..."
-                                    @triggerClass="form-select form-input form-input-sm flex-1"
+                                    @triggerClass="form-select form-input flex-1"
                                     as |notifiable|
                                 >
                                     {{notifiable.label}}
@@ -27,6 +27,21 @@
                     {{/each}}
                 </ContentPanel>
             {{/each-in}}
+
+            <ContentPanel @title="SMS Notification Settings" @open={{true}} @wrapperClass="bordered-classic">
+                <Toggle @isToggled={{this.company.options.alpha_numeric_sender_id_enabled}} @onToggle={{this.toggleAlphaNumericSenderId}} @label="Enable Alpha-Numeric Sender ID" @wrapperClass="mb-4" />
+                <InputGroup @name="Alpha-Numeric Sender ID" @value={{this.company.options.alpha_numeric_sender_id}} @helpText="Set the custom alphanumeric name that will appear as the sender for all SMS sent by your organization. Up to 11 letters or numbers. Not supported in all countries." @disabled={{not this.company.options.alpha_numeric_sender_id_enabled}} />
+                <div class="space-y-2 mb-3">
+                    <InfoBlock>
+                        <p>Alphanumeric Sender IDs allow your organization to replace a traditional phone number with a custom text-based sender name when sending SMS notifications (e.g., Fleetbase, MyStore, DispatchHQ). This can improve brand recognition, increase message trust, and enhance deliverability in regions where numeric senders are restricted by local carriers.</p>
+                        <p>When enabled, Fleetbase will use this sender ID for all outbound SMS messages sent on behalf of your organization, including order updates, verification codes, driver notifications, and other automated alerts. Sender IDs can contain up to 11 characters using letters and numbers.</p>
+                        <p>Some countries require or enforce specific messaging rules, and certain carriers may only support alphanumeric senders. Using a Sender ID can significantly improve message delivery in these regions.</p>
+                    </InfoBlock>
+                    <InfoBlock @type="warning">
+                        <p>Delivery of SMS using Alphanumeric Sender IDs depends on local carrier policies. Some regions may restrict or block numeric senders or require the use of alphanumeric senders for successful delivery. While Fleetbase will attempt to deliver all messages using your configured Sender ID, message delivery cannot be guaranteed in countries with carrier-level filtering or regulatory restrictions. Your organization is responsible for ensuring compliance with local messaging regulations in the countries you send SMS to.</p>
+                    </InfoBlock>
+                </div>
+            </ContentPanel>
         </div>
     </div>
     <Spacer @height="300px" />

console/app/templates/console/settings/virtual.hbs

@@ -4,7 +4,7 @@
 <Layout::Section::Body class="overflow-y-scroll h-full">
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto space-y-">
-            {{component @model.component params=@model.componentParams}}
+            <LazyEngineComponent @component={{@model.component}} @params={{@model.componentParams}} />
         </div>
     </div>
     <Spacer @height="300px" />

console/app/templates/console/virtual.hbs

@@ -1,6 +1,6 @@
 {{page-title @model.title}}
 
 <Layout::Section::Body class="overflow-y-scroll h-full">
-    {{component @model.component params=@model.componentParams}}
+    <LazyEngineComponent @component={{@model.component}} @params={{@model.componentParams}} />
     <Spacer @height="300px" />
 </Layout::Section::Body>

console/app/templates/onboard.hbs

@@ -1,6 +1,3 @@
-<div class="flex items-center justify-center h-screen min-h-screen px-4 py-12 bg-gray-50 dark:bg-gray-900 sm:px-6 lg:px-8 overflow-y-scroll">
-    <div class="w-full max-w-md h-screen flex items-center justify-center py-4">
-        {{outlet}}
-    </div>
-    <Spacer @height="300px" />
+<div class="onboard-route-wrapper">
+    {{outlet}}
 </div>

console/app/templates/onboard/index.hbs

@@ -1,42 +1 @@
-<div class="bg-white dark:bg-gray-800 py-5 px-4 shadow rounded-lg w-full">
-    <div class="mb-4">
-        <Image src={{@model.logo_url}} @fallbackSrc="/images/fleetbase-logo-svg.svg" alt={{t "app.name"}} height="56" class="h-10 object-contain mx-auto" />
-        <div class="mt-2">
-            <h2 class="text-center text-lg font-extrabold text-gray-900 dark:text-white truncate">
-                {{t "onboard.index.title"}}
-            </h2>
-        </div>
-    </div>
-
-    <div class="flex px-3 py-2 mb-4 rounded-md shadow-sm bg-blue-200">
-        <div>
-            <FaIcon @icon="hand-spock" @size="lg" class="text-blue-900 mr-4" />
-        </div>
-        <p class="flex-1 text-sm text-blue-900 dark:text-blue-900">
-            {{t "onboard.index.welcome-title" htmlSafe=true companyName=(t "app.name")}}
-            {{t "onboard.index.welcome-text"}}
-        </p>
-    </div>
-
-    <form {{on "submit" this.startOnboard}}>
-        {{#if this.error}}
-            <InfoBlock @icon="exclamation-triangle" @text={{this.error}} class="mb-6 px-3 py-2 bg-red-300 text-red-900" @textClass="text-red-900" />
-        {{/if}}
-        <InputGroup @name={{t "onboard.index.full-name"}} @value={{this.name}} @helpText={{t "onboard.index.full-name-help-text"}} @inputClass="input-lg" />
-        <InputGroup @name={{t "onboard.index.your-email"}} @type="email" @value={{this.email}} @helpText={{t "onboard.index.your-email-help-text"}} @inputClass="input-lg" />
-        <InputGroup @name={{t "onboard.index.phone"}} @helpText={{t "onboard.index.phone-help-text"}}>
-            <PhoneInput @onInput={{fn (mut this.phone)}} class="form-input input-lg w-full" />
-        </InputGroup>
-        <InputGroup @name={{t "onboard.index.organization-name"}} @value={{this.organization_name}} @helpText={{t "onboard.index.organization-help-text"}} @inputClass="input-lg" />
-        <InputGroup @name={{t "onboard.index.password"}} @value={{this.password}} @type="password" @helpText={{t "onboard.index.password-help-text"}} @inputClass="input-lg" />
-        <InputGroup @name={{t "onboard.index.confirm-password"}} @value={{this.password_confirmation}} @type="password" @helpText={{t "onboard.index.confirm-password-help-text"}} @inputClass="input-lg" />
-
-        <div class="flex items-center justify-end mt-5">
-            <Button @icon="check" @iconPrefix="fas" @type="primary" @size="lg" @text={{t "onboard.index.continue-button-text"}} @isLoading={{this.isLoading}} @disabled={{this.readyToSubmit}} @onClick={{this.startOnboard}} />
-        </div>
-    </form>
-
-    <RegistryYield @registry="onboard" as |YieldedComponent ctx|>
-        <YieldedComponent @context={{ctx}} />
-    </RegistryYield>
-</div>
+<Onboarding::Yield @step={{this.step}} @session={{this.session}} @code={{this.code}} @brand={{@model}} />

console/app/templates/virtual.hbs

@@ -1,2 +1,2 @@
 {{page-title @model.title}}
-{{component @model.component params=@model.componentParams}}
+<LazyEngineComponent @component={{@model.component}} @params={{@model.componentParams}} />

console/app/utils/router-refresh-patch.js

@@ -107,8 +107,8 @@ export function suppressRouterRefreshErrors(application) {
         // Global error handler for unhandled promise rejections
         window.addEventListener('unhandledrejection', (event) => {
             const error = event.reason;
-            if (error?.message?.includes("You didn't provide enough string/numeric parameters to satisfy all of the dynamic segments")) {
-                debug('[Fleetbase Router Patch] Suppressed known Ember route refresh bug:', error.message);
+            if (typeof error?.message === 'string' && error?.message.includes("You didn't provide enough string/numeric parameters to satisfy all of the dynamic segments")) {
+                debug('[Fleetbase Router Patch] Suppressed known Ember route refresh bug: ' + error.message);
                 event.preventDefault(); // Prevent the error from being logged
             }
         });
@@ -118,8 +118,8 @@ export function suppressRouterRefreshErrors(application) {
             const originalEmberError = window.Ember.onerror;
 
             window.Ember.onerror = function (error) {
-                if (error?.message?.includes("You didn't provide enough string/numeric parameters to satisfy all of the dynamic segments")) {
-                    debug('[Fleetbase Router Patch] Suppressed known Ember route refresh bug:', error.message);
+                if (typeof error?.message === 'string' && error?.message.includes("You didn't provide enough string/numeric parameters to satisfy all of the dynamic segments")) {
+                    debug('[Fleetbase Router Patch] Suppressed known Ember route refresh bug: ' + error.message);
                     return; // Suppress the error
                 }
 

console/app/utils/runtime-config.js

@@ -17,6 +17,13 @@ const RUNTIME_CONFIG_MAP = {
     EXTENSIONS: 'APP.extensions',
 };
 
+/**
+ * Cache key for localStorage
+ */
+const CACHE_KEY = 'fleetbase_runtime_config';
+const CACHE_VERSION_KEY = 'fleetbase_runtime_config_version';
+const CACHE_TTL = 1000 * 60 * 60; // 1 hour
+
 /**
  * Coerce and sanitize runtime config values based on key.
  *
@@ -53,32 +60,130 @@ export function applyRuntimeConfig(rawConfig = {}) {
             const coercedValue = coerceValue(key, value);
             set(config, configPath, coercedValue);
         } else {
-            debug(`[runtime-config] Ignored unknown key: ${key}`);
+            debug(`[Runtime Config] Ignored unknown key: ${key}`);
         }
     });
 }
 
 /**
- * Load and apply runtime config.
+ * Get cached config from localStorage
+ *
+ * @returns {Object|null} Cached config or null
+ */
+function getCachedConfig() {
+    try {
+        const cached = localStorage.getItem(CACHE_KEY);
+        const cachedVersion = localStorage.getItem(CACHE_VERSION_KEY);
+
+        if (!cached || !cachedVersion) {
+            return null;
+        }
+
+        // Application version has changed
+        if (cachedVersion !== config.APP.version) {
+            debug(`[Runtime Config] Version mismatch (cached: ${cachedVersion}, current: ${config.APP.version})`);
+            return null;
+        }
+
+        const cacheData = JSON.parse(cached);
+        const cacheAge = Date.now() - cacheData.timestamp;
+
+        // Check if cache is still valid (within TTL)
+        if (cacheAge > CACHE_TTL) {
+            debug('[Runtime Config] Cache expired');
+            return null;
+        }
+
+        debug(`[Runtime Config] Using cached config (age: ${Math.round(cacheAge / 1000)}s)`);
+        return cacheData.config;
+    } catch (e) {
+        debug(`[Runtime Config] Failed to read cache: ${e.message}`);
+        return null;
+    }
+}
+
+/**
+ * Save config to localStorage cache
+ *
+ * @param {Object} config Config object
+ */
+function setCachedConfig(runtimeConfig) {
+    try {
+        const cacheData = {
+            config: runtimeConfig,
+            timestamp: Date.now(),
+        };
+        localStorage.setItem(CACHE_KEY, JSON.stringify(cacheData));
+        localStorage.setItem(CACHE_VERSION_KEY, config.APP.version);
+        debug('[Runtime Config] Config cached to localStorage');
+    } catch (e) {
+        debug(`[Runtime Config] Failed to cache config: ${e.message}`);
+    }
+}
+
+/**
+ * Clear cached config
  *
  * @export
- * @return {void}
+ */
+export function clearRuntimeConfigCache() {
+    try {
+        localStorage.removeItem(CACHE_KEY);
+        localStorage.removeItem(CACHE_VERSION_KEY);
+        debug('[Runtime Config] Cache cleared');
+    } catch (e) {
+        debug(`[Runtime Config] Failed to clear cache: ${e.message}`);
+    }
+}
+
+/**
+ * Load and apply runtime config with localStorage caching.
+ *
+ * Strategy:
+ * 1. Check localStorage cache first (instant, no HTTP request)
+ * 2. If cache hit and valid, use it immediately
+ * 3. If cache miss, fetch from server and cache the result
+ * 4. Cache is valid for 1 hour
+ *
+ * @export
+ * @return {Promise<void>}
  */
 export default async function loadRuntimeConfig() {
     if (config.APP.disableRuntimeConfig) {
         return;
     }
 
+    const isProduction = config?.environment === 'production';
+    if (isProduction) {
+        // Try cache first
+        const cachedConfig = getCachedConfig();
+        if (cachedConfig) {
+            applyRuntimeConfig(cachedConfig);
+            return;
+        }
+    }
+
+    // Cache miss - fetch from server
     try {
-        const response = await fetch(`/fleetbase.config.json?_t=${Date.now()}`, { cache: 'no-cache' });
+        const startTime = performance.now();
+        const response = await fetch('/fleetbase.config.json', {
+            cache: 'default', // Use browser cache if available
+        });
+
         if (!response.ok) {
-            debug('No fleetbase.config.json found, using built-in config defaults');
+            debug('[Runtime Config] No fleetbase.config.json found, using built-in config defaults');
             return;
         }
 
         const runtimeConfig = await response.json();
+        const endTime = performance.now();
+
+        debug(`[Runtime Config] Fetched from server in ${(endTime - startTime).toFixed(2)}ms`);
+
+        // Apply and cache
         applyRuntimeConfig(runtimeConfig);
+        setCachedConfig(runtimeConfig);
     } catch (e) {
-        debug(`Failed to load runtime config : ${e.message}`);
+        debug(`[Runtime Config] Failed to load runtime config: ${e.message}`);
     }
 }

console/config/ember-intl.js

@@ -14,7 +14,7 @@ module.exports = function (/* environment */) {
          * @type {String?}
          * @default "null"
          */
-        fallbackLocale: 'en-us',
+        fallbackLocale: 'en-US',
 
         /**
          * Path where translations are stored.  This is relative to the project root.

console/config/environment.js

@@ -21,9 +21,9 @@ module.exports = function (environment) {
         },
 
         APP: {
-            autoboot: false,
+            autoboot: true,
             extensions: asArray(getenv('EXTENSIONS')),
-            disableRuntimeConfig: toBoolean(getenv('DISABLE_RUNTIME_CONFIG')),
+            disableRuntimeConfig: toBoolean(getenv('DISABLE_RUNTIME_CONFIG', environment === 'production')),
         },
 
         API: {

console/ember-cli-build.js

@@ -2,26 +2,17 @@
 
 /** eslint-disable node/no-unpublished-require */
 const EmberApp = require('ember-cli/lib/broccoli/ember-app');
-const FleetbaseExtensionsIndexer = require('fleetbase-extensions-indexer');
 const Funnel = require('broccoli-funnel');
 const writeFile = require('broccoli-file-creator');
-const postcssImport = require('postcss-import');
-const postcssPresetEnv = require('postcss-preset-env');
-const postcssEach = require('postcss-each');
-const postcssMixins = require('postcss-mixins');
-const postcssConditionals = require('postcss-conditionals-renewed');
-const postcssAtRulesVariables = require('postcss-at-rules-variables');
-const autoprefixer = require('autoprefixer');
-const tailwind = require('tailwindcss');
+const mergeTrees = require('broccoli-merge-trees');
 const toBoolean = require('./config/utils/to-boolean');
-const environment = process.env.EMBER_ENV;
 
 module.exports = function (defaults) {
     const app = new EmberApp(defaults, {
         storeConfigInMeta: false,
 
         fingerprint: {
-            exclude: ['leaflet/', 'leaflet-images/', 'socketcluster-client.min.js'],
+            exclude: ['leaflet/', 'leaflet-images/', 'socketcluster-client.min.js', 'fleetbase.config.json', 'extensions.json'],
         },
 
         liveReload: {
@@ -30,31 +21,12 @@ module.exports = function (defaults) {
             },
         },
 
-        'ember-simple-auth': {
-            useSessionSetupMethod: true,
+        intl: {
+            silent: true,
         },
 
-        postcssOptions: {
-            compile: {
-                enabled: true,
-                cacheInclude: [/.*\.(css|scss|hbs)$/, /.*\/tailwind\/config\.js$/, /.*tailwind\.js$/],
-                plugins: [
-                    postcssAtRulesVariables,
-                    postcssImport({
-                        path: ['node_modules'],
-                        plugins: [postcssAtRulesVariables, postcssImport],
-                    }),
-                    postcssMixins,
-                    postcssPresetEnv({ stage: 1 }),
-                    postcssEach,
-                    tailwind('./tailwind.config.js'),
-                    autoprefixer,
-                ],
-            },
-            filter: {
-                enabled: true,
-                plugins: [postcssAtRulesVariables, postcssMixins, postcssEach, postcssConditionals, tailwind('./tailwind.config.js')],
-            },
+        'ember-simple-auth': {
+            useSessionSetupMethod: true,
         },
 
         babel: {
@@ -62,7 +34,6 @@ module.exports = function (defaults) {
         },
     });
 
-    let extensions = new FleetbaseExtensionsIndexer();
     let runtimeConfigTree;
     if (toBoolean(process.env.DISABLE_RUNTIME_CONFIG)) {
         runtimeConfigTree = writeFile('fleetbase.config.json', '{}');
@@ -73,5 +44,5 @@ module.exports = function (defaults) {
         });
     }
 
-    return app.toTree([extensions, runtimeConfigTree].filter(Boolean));
+    return app.toTree([runtimeConfigTree].filter(Boolean));
 };

console/lib/fleetbase-extensions-generator/index.js

@@ -0,0 +1,376 @@
+/* eslint-env node */
+'use strict';
+
+const fg = require('fast-glob');
+const fs = require('fs');
+const path = require('path');
+const recast = require('recast');
+const babelParser = require('recast/parsers/babel');
+const builders = recast.types.builders;
+const chokidar = require('chokidar');
+
+module.exports = {
+    name: require('./package').name,
+
+    getGeneratedFileHeader() {
+        const year = new Date().getFullYear();
+        return `/**
+ * ███████╗██╗     ███████╗███████╗████████╗██████╗  █████╗ ███████╗███████╗
+ * ██╔════╝██║     ██╔════╝██╔════╝╚══██╔══╝██╔══██╗██╔══██╗██╔════╝██╔════╝
+ * █████╗  ██║     █████╗  █████╗     ██║   ██████╔╝███████║███████╗█████╗  
+ * ██╔══╝  ██║     ██╔══╝  ██╔══╝     ██║   ██╔══██╗██╔══██║╚════██║██╔══╝  
+ * ██║     ███████╗███████╗███████╗   ██║   ██████╔╝██║  ██║███████║███████╗
+ * ╚═╝     ╚══════╝╚══════╝╚══════╝   ╚═╝   ╚═════╝ ╚═╝  ╚═╝╚══════╝╚══════╝
+ * 
+ * AUTO-GENERATED FILE - DO NOT EDIT
+ * 
+ * This file is automatically generated by the Fleetbase extension build system.
+ * Any manual changes will be overwritten on the next build.
+ * 
+ * @generated
+ * @copyright © ${year} Fleetbase Pte Ltd. All rights reserved.
+ * @license AGPL-3.0-or-later
+ */
+
+`;
+    },
+
+    included(app) {
+        this._super.included.apply(this, arguments);
+
+        console.log('\n' + '/'.repeat(70));
+        console.log('[Fleetbase] Extension Build System');
+        console.log('/'.repeat(70));
+
+        // Generate files on startup
+        this.generateExtensionFiles();
+
+        // Watch for changes in development
+        this.watchExtensionFiles();
+    },
+
+    async generateExtensionFiles() {
+        // Clean up old/stale extensions directory before generating new files
+        const extensionsDir = path.join(this.project.root, 'app', 'extensions');
+        if (fs.existsSync(extensionsDir)) {
+            console.log('[Fleetbase] Cleaning up old extensions directory...');
+            fs.rmSync(extensionsDir, { recursive: true, force: true });
+        }
+
+        const extensions = await this.getExtensions();
+
+        if (extensions.length === 0) {
+            console.log('[Fleetbase] No extensions found');
+            return;
+        }
+
+        console.log(`[Fleetbase] Discovered ${extensions.length} extension(s)`);
+        extensions.forEach((ext) => {
+            console.log(`[Fleetbase]   - ${ext.name} (v${ext.version})`);
+        });
+        console.log('');
+
+        // Generate extension shims
+        this.generateExtensionShims(extensions);
+
+        // Generate extension loaders
+        this.generateExtensionLoaders(extensions);
+
+        // Generate router
+        this.generateRouter(extensions);
+
+        // Generate manifest
+        this.generateExtensionsManifest(extensions);
+    },
+
+    getExtensions() {
+        return new Promise((resolve, reject) => {
+            const extensions = [];
+            const seenPackages = new Set();
+            const cwd = this.project.root;
+
+            return fg(['node_modules/*/package.json', 'node_modules/*/*/package.json'], { cwd })
+                .then((results) => {
+                    for (let i = 0; i < results.length; i++) {
+                        const packagePath = path.join(cwd, results[i]);
+                        const packageJson = fs.readFileSync(packagePath);
+                        let packageData = null;
+
+                        try {
+                            packageData = JSON.parse(packageJson);
+                        } catch (e) {
+                            console.warn(`Could not parse package.json at ${packagePath}:`, e);
+                            continue;
+                        }
+
+                        if (!packageData || !packageData.keywords || !packageData.keywords.includes('fleetbase-extension') || !packageData.keywords.includes('ember-engine')) {
+                            continue;
+                        }
+
+                        // If we've seen this package before, skip it
+                        if (seenPackages.has(packageData.name)) {
+                            continue;
+                        }
+
+                        seenPackages.add(packageData.name);
+                        extensions.push(this.only(packageData, ['name', 'description', 'version', 'fleetbase', 'keywords', 'license', 'repository']));
+                    }
+
+                    resolve(extensions);
+                })
+                .catch(reject);
+        });
+    },
+
+    only(subject, props = []) {
+        const keys = Object.keys(subject);
+        const result = {};
+
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+
+            if (props.includes(key)) {
+                result[key] = subject[key];
+            }
+        }
+
+        return result;
+    },
+
+    getExtensionMountPath(extensionName) {
+        let extensionNameSegments = extensionName.split('/');
+        let mountName = extensionNameSegments[1];
+
+        if (typeof mountName !== 'string') {
+            mountName = extensionNameSegments[0];
+        }
+
+        return mountName.replace('-engine', '');
+    },
+
+    generateExtensionShims(extensions) {
+        const extensionsDir = path.join(this.project.root, 'app', 'extensions');
+
+        if (!fs.existsSync(extensionsDir)) {
+            fs.mkdirSync(extensionsDir, { recursive: true });
+        }
+
+        extensions.forEach((extension) => {
+            const extensionPath = path.join(this.project.root, 'node_modules', extension.name, 'addon', 'extension.js');
+
+            if (!fs.existsSync(extensionPath)) {
+                return;
+            }
+
+            const extensionContent = fs.readFileSync(extensionPath, 'utf8');
+            const mountPath = extension.fleetbase?.route || this.getExtensionMountPath(extension.name);
+            const shimFile = path.join(extensionsDir, `${mountPath}.js`);
+            const fileContent = this.getGeneratedFileHeader() + extensionContent;
+
+            fs.writeFileSync(shimFile, fileContent, 'utf8');
+            console.log(`[Fleetbase]   ✓ Generated app/extensions/${mountPath}.js`);
+        });
+    },
+
+    generateExtensionLoaders(extensions) {
+        const extensionsDir = path.join(this.project.root, 'app', 'extensions');
+
+        if (!fs.existsSync(extensionsDir)) {
+            fs.mkdirSync(extensionsDir, { recursive: true });
+        }
+
+        const imports = [];
+        const loaders = {};
+
+        extensions.forEach((extension) => {
+            const extensionPath = path.join(this.project.root, 'node_modules', extension.name, 'addon', 'extension.js');
+
+            if (!fs.existsSync(extensionPath)) {
+                return;
+            }
+
+            const mountPath = extension.fleetbase?.route || this.getExtensionMountPath(extension.name);
+            const camelCaseName = mountPath.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+
+            imports.push(`import ${camelCaseName} from './${mountPath}';`);
+            loaders[extension.name] = `() => ${camelCaseName}`;
+        });
+
+        const loadersContent =
+            this.getGeneratedFileHeader() +
+            `${imports.join('\n')}
+
+export const EXTENSION_LOADERS = {
+${Object.entries(loaders)
+    .map(([name, loader]) => `    '${name}': ${loader}`)
+    .join(',\n')}
+};
+
+export const getExtensionLoader = (packageName) => {
+    return EXTENSION_LOADERS[packageName];
+};
+
+export default getExtensionLoader;
+`;
+
+        const loadersFile = path.join(extensionsDir, 'index.js');
+        fs.writeFileSync(loadersFile, loadersContent, 'utf8');
+        console.log(`[Fleetbase]   ✓ Generated app/extensions/index.js`);
+    },
+
+    generateRouter(extensions) {
+        const consoleExtensions = extensions.filter((extension) => !extension.fleetbase || extension.fleetbase.mount !== 'root');
+        const rootExtensions = extensions.filter((extension) => extension.fleetbase && extension.fleetbase.mount === 'root');
+        const routerMapPath = path.join(this.project.root, 'router.map.js');
+        const routerFileContents = fs.readFileSync(routerMapPath, 'utf-8');
+        const ast = recast.parse(routerFileContents, { parser: babelParser });
+
+        recast.visit(ast, {
+            visitCallExpression(path) {
+                if (path.value.type === 'CallExpression' && path.value.callee.property.name === 'route' && path.value.arguments[0].value === 'console') {
+                    let functionExpression;
+
+                    // Find the function expression
+                    path.value.arguments.forEach((arg) => {
+                        if (arg.type === 'FunctionExpression') {
+                            functionExpression = arg;
+                        }
+                    });
+
+                    if (functionExpression) {
+                        // Check and add the new engine mounts
+                        consoleExtensions.forEach((extension) => {
+                            const mountPath = module.exports.getExtensionMountPath(extension.name);
+                            let route = mountPath;
+
+                            if (extension.fleetbase && extension.fleetbase.route) {
+                                route = extension.fleetbase.route;
+                            }
+
+                            // Check if engine is already mounted
+                            const isMounted = functionExpression.body.body.some((expressionStatement) => {
+                                return expressionStatement.expression.arguments[0].value === extension.name;
+                            });
+
+                            // If not mounted, append to the function body
+                            if (!isMounted) {
+                                functionExpression.body.body.push(
+                                    builders.expressionStatement(
+                                        builders.callExpression(builders.memberExpression(builders.thisExpression(), builders.identifier('mount')), [
+                                            builders.literal(extension.name),
+                                            builders.objectExpression([
+                                                builders.property('init', builders.identifier('as'), builders.literal(route)),
+                                                builders.property('init', builders.identifier('path'), builders.literal(route)),
+                                            ]),
+                                        ])
+                                    )
+                                );
+                            }
+                        });
+                    }
+                }
+
+                if (path.value.type === 'CallExpression' && path.value.callee.property.name === 'map') {
+                    let functionExpression;
+
+                    path.value.arguments.forEach((arg) => {
+                        if (arg.type === 'FunctionExpression') {
+                            functionExpression = arg;
+                        }
+                    });
+
+                    if (functionExpression) {
+                        rootExtensions.forEach((extension) => {
+                            const mountPath = module.exports.getExtensionMountPath(extension.name);
+                            let route = mountPath;
+
+                            if (extension.fleetbase && extension.fleetbase.route) {
+                                route = extension.fleetbase.route;
+                            }
+
+                            const isMounted = functionExpression.body.body.some((expressionStatement) => {
+                                return expressionStatement.expression.arguments[0].value === extension.name;
+                            });
+
+                            if (!isMounted) {
+                                functionExpression.body.body.push(
+                                    builders.expressionStatement(
+                                        builders.callExpression(builders.memberExpression(builders.thisExpression(), builders.identifier('mount')), [
+                                            builders.literal(extension.name),
+                                            builders.objectExpression([
+                                                builders.property('init', builders.identifier('as'), builders.literal(route)),
+                                                builders.property('init', builders.identifier('path'), builders.literal(route)),
+                                            ]),
+                                        ])
+                                    )
+                                );
+                            }
+                        });
+                    }
+                }
+
+                this.traverse(path);
+            },
+        });
+
+        const output = recast.print(ast, { quote: 'single' }).code;
+        const routerFile = path.join(this.project.root, 'app/router.js');
+        const fileContent = this.getGeneratedFileHeader() + output;
+        fs.writeFileSync(routerFile, fileContent);
+        console.log(`[Fleetbase]   ✓ Generated app/router.js`);
+    },
+
+    generateExtensionsManifest(extensions) {
+        const publicDir = path.join(this.project.root, 'public');
+
+        if (!fs.existsSync(publicDir)) {
+            fs.mkdirSync(publicDir, { recursive: true });
+        }
+
+        const manifest = extensions.map((ext) => ({
+            name: ext.name,
+            version: ext.version,
+            route: ext.fleetbase?.route,
+        }));
+
+        const manifestFile = path.join(publicDir, 'extensions.json');
+        fs.writeFileSync(manifestFile, JSON.stringify(manifest, null, 2), 'utf8');
+        console.log(`[Fleetbase]   ✓ Generated public/extensions.json`);
+    },
+
+    watchExtensionFiles() {
+        const isDevelopment = process.env.EMBER_ENV !== 'production';
+
+        if (!isDevelopment) {
+            return;
+        }
+
+        const self = this;
+
+        this.getExtensions().then((extensions) => {
+            const extensionFiles = [];
+
+            extensions.forEach((extension) => {
+                const extensionPath = path.join(self.project.root, 'node_modules', extension.name, 'addon', 'extension.js');
+                if (fs.existsSync(extensionPath)) {
+                    extensionFiles.push(extensionPath);
+                }
+            });
+
+            if (extensionFiles.length === 0) {
+                return;
+            }
+
+            const watcher = chokidar.watch(extensionFiles, {
+                persistent: true,
+                ignoreInitial: true,
+            });
+
+            watcher.on('change', (filePath) => {
+                console.log(`\n[Fleetbase] Extension file changed: ${path.basename(filePath)}`);
+                console.log('[Fleetbase] Regenerating extension files...\n');
+                self.generateExtensionFiles();
+            });
+        });
+    },
+};

console/lib/fleetbase-extensions-generator/package.json

@@ -0,0 +1,15 @@
+{
+    "name": "fleetbase-extensions-generator",
+    "version": "0.0.0",
+    "private": true,
+    "keywords": [
+        "ember-addon"
+    ],
+    "ember-addon": {
+        "configPath": "tests/dummy/config"
+    },
+    "dependencies": {
+        "broccoli-funnel": "^5.0.2",
+        "broccoli-merge-trees": "^5.2.1"
+    }
+}

console/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/console",
-    "version": "0.7.13",
+    "version": "0.7.25",
     "private": true,
     "description": "Modular logistics and supply chain operating system (LSOS)",
     "repository": "https://github.com/fleetbase/fleetbase",
@@ -11,8 +11,7 @@
         "test": "tests"
     },
     "scripts": {
-        "prebuild": "node prebuild.js",
-        "build": "pnpm run prebuild && ember build",
+        "build": "ember build",
         "lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
         "lint:css": "stylelint \"**/*.css\"",
         "lint:css:fix": "concurrently \"npm:lint:css -- --fix\"",
@@ -22,22 +21,27 @@
         "lint:js": "eslint . --cache",
         "lint:js:fix": "eslint . --fix",
         "lint:intl": "fleetbase-intl-lint",
-        "start": "pnpm run prebuild && ember serve",
-        "start:dev": "pnpm run prebuild && ember serve --environment development",
+        "start": "ember serve",
+        "start:dev": "ember serve --environment development",
         "test": "concurrently \"npm:lint\" \"npm:test:*\" --names \"lint,test:\"",
         "test:ember": "ember test"
     },
+    "ember-addon": {
+        "paths": [
+            "lib/fleetbase-extensions-generator"
+        ]
+    },
     "dependencies": {
         "@ember/legacy-built-in-components": "^0.4.2",
-        "@fleetbase/dev-engine": "^0.2.10",
-        "@fleetbase/ember-core": "latest",
-        "@fleetbase/ember-ui": "latest",
-        "@fleetbase/fleetops-data": "latest",
-        "@fleetbase/fleetops-engine": "^0.6.21",
-        "@fleetbase/iam-engine": "^0.1.4",
+        "@fleetbase/dev-engine": "^0.2.12",
+        "@fleetbase/ember-core": "^0.3.10",
+        "@fleetbase/ember-ui": "^0.3.17",
+        "@fleetbase/fleetops-data": "^0.1.25",
+        "@fleetbase/fleetops-engine": "^0.6.32",
+        "@fleetbase/iam-engine": "^0.1.6",
         "@fleetbase/leaflet-routing-machine": "^3.2.17",
-        "@fleetbase/registry-bridge-engine": "^0.1.0",
-        "@fleetbase/storefront-engine": "^0.4.3",
+        "@fleetbase/registry-bridge-engine": "^0.1.2",
+        "@fleetbase/storefront-engine": "^0.4.10",
         "@formatjs/intl-datetimeformat": "^6.18.2",
         "@formatjs/intl-numberformat": "^8.15.6",
         "@formatjs/intl-pluralrules": "^5.4.6",
@@ -78,6 +82,8 @@
         "broccoli-asset-rev": "^3.0.0",
         "broccoli-file-creator": "^2.1.1",
         "broccoli-funnel": "^3.0.8",
+        "broccoli-merge-trees": "^4.2.0",
+        "chokidar": "4.0.3",
         "concurrently": "^8.2.2",
         "date-fns": "^2.30.0",
         "dragula": "^3.7.3",
@@ -87,6 +93,7 @@
         "ember-cli-babel": "^8.2.0",
         "ember-cli-clean-css": "^3.0.0",
         "ember-cli-dependency-checker": "^3.3.2",
+        "ember-cli-deprecation-workflow": "^4.0.0",
         "ember-cli-dotenv": "^3.1.0",
         "ember-cli-htmlbars": "^6.3.0",
         "ember-cli-inject-live-reload": "^2.1.0",
@@ -143,9 +150,9 @@
     },
     "pnpm": {
         "overrides": {
-            "@fleetbase/ember-core": "latest",
-            "@fleetbase/ember-ui": "latest",
-            "@fleetbase/fleetops-data": "latest"
+            "@fleetbase/ember-core": "^0.3.10",
+            "@fleetbase/ember-ui": "^0.3.17",
+            "@fleetbase/fleetops-data": "^0.1.24"
         }
     },
     "prettier": {
@@ -162,5 +169,6 @@
                 }
             }
         ]
-    }
+    },
+    "packageManager": "pnpm@9.5.0+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903"
 }

console/prebuild.js

@@ -1,176 +0,0 @@
-const fg = require('fast-glob');
-const fs = require('fs');
-const path = require('path');
-const recast = require('recast');
-const babelParser = require('recast/parsers/babel');
-const builders = recast.types.builders;
-
-function getExtensionMountPath(extensionName) {
-    let extensionNameSegments = extensionName.split('/');
-    let mountName = extensionNameSegments[1];
-
-    if (typeof mountName !== 'string') {
-        mountName = extensionNameSegments[0];
-    }
-
-    return mountName.replace('-engine', '');
-}
-
-function only(subject, props = []) {
-    const keys = Object.keys(subject);
-    const result = {};
-
-    for (let i = 0; i < keys.length; i++) {
-        const key = keys[i];
-
-        if (props.includes(key)) {
-            result[key] = subject[key];
-        }
-    }
-
-    return result;
-}
-
-function getExtensions() {
-    return new Promise((resolve, reject) => {
-        const extensions = [];
-        const seenPackages = new Set();
-
-        return fg(['node_modules/*/package.json', 'node_modules/*/*/package.json'])
-            .then((results) => {
-                for (let i = 0; i < results.length; i++) {
-                    const packagePath = results[i];
-                    const packageJson = fs.readFileSync(packagePath);
-                    let packageData = null;
-
-                    try {
-                        packageData = JSON.parse(packageJson);
-                    } catch (e) {
-                        console.warn(`Could not parse package.json at ${packagePath}:`, e);
-                        continue;
-                    }
-
-                    if (!packageData || !packageData.keywords || !packageData.keywords.includes('fleetbase-extension') || !packageData.keywords.includes('ember-engine')) {
-                        continue;
-                    }
-
-                    // If we've seen this package before, skip it
-                    if (seenPackages.has(packageData.name)) {
-                        continue;
-                    }
-
-                    seenPackages.add(packageData.name);
-                    extensions.push(only(packageData, ['name', 'description', 'version', 'fleetbase', 'keywords', 'license', 'repository']));
-                }
-
-                resolve(extensions);
-            })
-            .catch(reject);
-    });
-}
-
-function getRouterFileContents() {
-    const routerFilePath = path.join(__dirname, 'router.map.js');
-    const routerFileContents = fs.readFileSync(routerFilePath, 'utf-8');
-
-    return routerFileContents;
-}
-
-(async () => {
-    const extensions = await getExtensions();
-    const consoleExtensions = extensions.filter((extension) => !extension.fleetbase || extension.fleetbase.mount !== 'root');
-    const rootExtensions = extensions.filter((extension) => extension.fleetbase && extension.fleetbase.mount === 'root');
-    const routerFileContents = getRouterFileContents();
-    const ast = recast.parse(routerFileContents, { parser: babelParser });
-
-    recast.visit(ast, {
-        visitCallExpression(path) {
-            if (path.value.type === 'CallExpression' && path.value.callee.property.name === 'route' && path.value.arguments[0].value === 'console') {
-                let functionExpression;
-
-                // Find the function expression
-                path.value.arguments.forEach((arg) => {
-                    if (arg.type === 'FunctionExpression') {
-                        functionExpression = arg;
-                    }
-                });
-                if (functionExpression) {
-                    // Check and add the new engine mounts
-                    consoleExtensions.forEach((extension) => {
-                        const mountPath = getExtensionMountPath(extension.name);
-                        let route = mountPath;
-
-                        if (extension.fleetbase && extension.fleetbase.route) {
-                            route = extension.fleetbase.route;
-                        }
-
-                        // Check if engine is already mounted
-                        const isMounted = functionExpression.body.body.some((expressionStatement) => {
-                            return expressionStatement.expression.arguments[0].value === extension.name;
-                        });
-
-                        // If not mounted, append to the function body
-                        if (!isMounted) {
-                            functionExpression.body.body.push(
-                                builders.expressionStatement(
-                                    builders.callExpression(builders.memberExpression(builders.thisExpression(), builders.identifier('mount')), [
-                                        builders.literal(extension.name),
-                                        builders.objectExpression([
-                                            builders.property('init', builders.identifier('as'), builders.literal(route)),
-                                            builders.property('init', builders.identifier('path'), builders.literal(route)),
-                                        ]),
-                                    ])
-                                )
-                            );
-                        }
-                    });
-                }
-            }
-
-            // console.log(path.value.callee.property.name);
-            if (path.value.type === 'CallExpression' && path.value.callee.property.name === 'map') {
-                let functionExpression;
-
-                path.value.arguments.forEach((arg) => {
-                    if (arg.type === 'FunctionExpression') {
-                        functionExpression = arg;
-                    }
-                });
-
-                if (functionExpression) {
-                    rootExtensions.forEach((extension) => {
-                        const mountPath = getExtensionMountPath(extension.name);
-                        let route = mountPath;
-
-                        if (extension.fleetbase && extension.fleetbase.route) {
-                            route = extension.fleetbase.route;
-                        }
-
-                        const isMounted = functionExpression.body.body.some((expressionStatement) => {
-                            return expressionStatement.expression.arguments[0].value === extension.name;
-                        });
-
-                        if (!isMounted) {
-                            functionExpression.body.body.push(
-                                builders.expressionStatement(
-                                    builders.callExpression(builders.memberExpression(builders.thisExpression(), builders.identifier('mount')), [
-                                        builders.literal(extension.name),
-                                        builders.objectExpression([
-                                            builders.property('init', builders.identifier('as'), builders.literal(route)),
-                                            builders.property('init', builders.identifier('path'), builders.literal(route)),
-                                        ]),
-                                    ])
-                                )
-                            );
-                        }
-                    });
-                }
-            }
-
-            this.traverse(path);
-        },
-    });
-
-    const output = recast.print(ast, { quote: 'single' }).code;
-    fs.writeFileSync(path.join(__dirname, 'app/router.js'), output);
-})();

console/public/favicon/site.webmanifest

@@ -1,18 +1,6 @@
 {
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "/favicon/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/favicon/android-chrome-256x256.png",
-            "sizes": "256x256",
-            "type": "image/png"
-        }
-    ],
+    "name": "Fleetbase Console",
+    "short_name": "Fleetbase",
     "theme_color": "#ffffff",
     "background_color": "#ffffff",
     "display": "standalone"

console/router.map.js

@@ -10,7 +10,7 @@ Router.map(function () {
     this.route('virtual', { path: '/:slug' });
     this.route('install');
     this.route('onboard', function () {
-        this.route('verify-email');
+        this.route('index', { path: '/' });
     });
     this.route('auth', function () {
         this.route('login', { path: '/' });

console/tests/integration/components/onboarding/form-test.js

@@ -3,22 +3,22 @@ import { setupRenderingTest } from '@fleetbase/console/tests/helpers';
 import { render } from '@ember/test-helpers';
 import { hbs } from 'ember-cli-htmlbars';
 
-module('Integration | Component | dashboard/widget-panel', function (hooks) {
+module('Integration | Component | onboarding/form', function (hooks) {
     setupRenderingTest(hooks);
 
     test('it renders', async function (assert) {
         // Set any properties with this.set('myProperty', 'value');
         // Handle any actions with this.set('myAction', function(val) { ... });
 
-        await render(hbs`<Dashboard::WidgetPanel />`);
+        await render(hbs`<Onboarding::Form />`);
 
         assert.dom().hasText('');
 
         // Template block usage:
         await render(hbs`
-      <Dashboard::WidgetPanel>
+      <Onboarding::Form>
         template block text
-      </Dashboard::WidgetPanel>
+      </Onboarding::Form>
     `);
 
         assert.dom().hasText('template block text');

console/tests/integration/components/onboarding/verify-email-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from '@fleetbase/console/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | onboarding/verify-email', function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+        // Set any properties with this.set('myProperty', 'value');
+        // Handle any actions with this.set('myAction', function(val) { ... });
+
+        await render(hbs`<Onboarding::VerifyEmail />`);
+
+        assert.dom().hasText('');
+
+        // Template block usage:
+        await render(hbs`
+      <Onboarding::VerifyEmail>
+        template block text
+      </Onboarding::VerifyEmail>
+    `);
+
+        assert.dom().hasText('template block text');
+    });
+});

console/tests/integration/components/onboarding/yield-test.js

@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from '@fleetbase/console/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | onboarding/yield', function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+        // Set any properties with this.set('myProperty', 'value');
+        // Handle any actions with this.set('myAction', function(val) { ... });
+
+        await render(hbs`<Onboarding::Yield />`);
+
+        assert.dom().hasText('');
+
+        // Template block usage:
+        await render(hbs`
+      <Onboarding::Yield>
+        template block text
+      </Onboarding::Yield>
+    `);
+
+        assert.dom().hasText('template block text');
+    });
+});