Hotfix: patch dropdown menu item isComponent

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

.github/workflows/cd.yml

@@ -197,7 +197,7 @@ jobs:
         run: |
           echo "STRIPE_KEY=${{ secrets.STRIPE_TEST_KEY }}" >> ./environments/.env.production
           echo "LOGROCKET_APP_ID=${{ secrets.LOGROCKET_APP_ID }}" >> ./environments/.env.production
-          echo "EXTENSIONS=@fleetbase/billing-engine,@fleetbase/internals-engine" >> ./environments/.env.production
+          echo "EXTENSIONS=@fleetbase/billing-engine,@fleetbase/internals-engine,@fleetbase/aws-marketplace" >> ./environments/.env.production
         working-directory: ./console
 
       - name: Set Env Variables for Production
@@ -205,7 +205,8 @@ jobs:
         run: |
           echo "STRIPE_KEY=${{ secrets.STRIPE_KEY }}" >> ./environments/.env.production
           echo "LOGROCKET_APP_ID=${{ secrets.LOGROCKET_APP_ID }}" >> ./environments/.env.production
-          echo "EXTENSIONS=@fleetbase/billing-engine,@fleetbase/internals-engine" >> ./environments/.env.production
+          echo "EXTENSIONS=@fleetbase/billing-engine,@fleetbase/internals-engine,@fleetbase/aws-marketplace" >> ./environments/.env.production
+          echo "DISABLE_RUNTIME_CONFIG=true" >> ./environments/.env.production
         working-directory: ./console
 
       - name: Install dependencies

Caddyfile

@@ -1,9 +1,6 @@
 {
 	frankenphp {
-		# Reduced from 24 to 20 for better resource management
-		# With 4 containers: 20 × 4 = 80 total workers
-		# Requires db.t3.large (591 max connections) or better
-		num_threads 20
+		num_threads 24
 	}
 	order php_server before file_server
 }
@@ -12,14 +9,6 @@ http://:8000 {
 	root * /fleetbase/api/public
 	encode zstd br gzip
 	
-	# Request timeouts to prevent hanging
-	timeouts {
-		read_body 10s
-		read_header 5s
-		write 60s
-		idle 120s
-	}
-	
 	php_server {
 		resolve_root_symlink
 	}

RELEASE.md

@@ -1,14 +1,13 @@
-# 🚀 Fleetbase v0.7.22 — 2025-12-07
+# 🚀 Fleetbase v0.7.25 — 2025-12-29
 
-> "Organizations can now set their own alpha-numeric sender ID for SMS"
+> "New SMS service to support multiple SMS providers + framework improvements"
 
 ---
 
 ## ✨ Highlights
-- **Custom Alphanumeric Sender ID for SMS:**  
-  Organizations can now configure their own **Alphanumeric Sender ID** used when sending verification codes and other SMS notifications.  
-  This feature improves brand recognition, enhances trust, and aligns outbound communication with each organization’s identity.  
-  Supported in regions/carriers where alphanumeric senders are allowed (e.g., Mongolia and others).
+- Removed `window.Fleetbase` for improved frontend security
+- Improved query optimizations
+- Added new SMS service to support multiple SMS providers
 
 ---
 

api/composer.json

@@ -20,10 +20,19 @@
     "require": {
         "php": ">=8.0 <=8.2.28",
         "appstract/laravel-opcache": "^4.0",
-        "fleetbase/core-api": "^1.6.28",
-        "fleetbase/fleetops-api": "^0.6.29",
+        "fleetbase/aws-marketplace": "^0.0.8",
+        "fleetbase/billing-api": "^0.1.12",
+        "fleetbase/core-api": "^1.6.32",
+        "fleetbase/customer-portal-api": "^0.0.10",
+        "fleetbase/fleetops-api": "^0.6.32",
+        "fleetbase/flespi-integration": "^0.1.16",
+        "fleetbase/internals-api": "^0.0.23",
         "fleetbase/registry-bridge": "^0.1.2",
-        "fleetbase/storefront-api": "^0.4.9",
+        "fleetbase/samsara-api": "^0.0.3",
+        "fleetbase/solid-api": "^0.0.7",
+        "fleetbase/storefront-api": "^0.4.10",
+        "fleetbase/valhalla-api": "^0.0.3",
+        "fleetbase/vroom-api": "^0.0.3",
         "guzzlehttp/guzzle": "^7.0.1",
         "laravel/framework": "^10.0",
         "laravel/octane": "^2.3",
@@ -52,6 +61,14 @@
         {
             "type": "composer",
             "url": "https://registry.fleetbase.io"
+        },
+        {
+            "type": "vcs",
+            "url": "https://github.com/fleetbase/aws-marketplace"
+        },
+        {
+            "type": "vcs",
+            "url": "https://github.com/fleetbase/internals"
         }
     ],
     "autoload": {

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/octane.php

@@ -105,8 +105,8 @@ return [
         OperationTerminated::class => [
             FlushOnce::class,
             FlushTemporaryContainerInstances::class,
-            DisconnectFromDatabases::class,  // ✅ Release DB connections after each request
-            CollectGarbage::class,           // ✅ Prevent memory leaks
+            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' ),
+    ],
 ];

console/app/app.js

@@ -2,6 +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 './deprecation-workflow';
 
 export default class App extends Application {
     modulePrefix = config.modulePrefix;

console/app/components/onboarding/form.hbs

@@ -1,42 +1,61 @@
-<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 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 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>

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

@@ -1,78 +1,82 @@
 {{page-title (t "onboard.verify-email.header-title")}}
 
-{{#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>
+<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>
+                <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}}
-            />
+                <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>
+                    <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>
+                    {{#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>
-                    </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>
+                    {{/if}}
+                </form>
+            </div>
+        {{/if}}
     </div>
-{{/if}}
+</div>

console/app/components/onboarding/yield.hbs

@@ -1,7 +1,9 @@
 <section class="onboarding step-host">
     {{#if this.initialized}}
-        {{#if this.currentComponent}}
-            {{component this.currentComponent context=this.context orchestrator=this.orchestrator brand=@brand}}
+        {{#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">

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/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/instance-initializers/set-application-instance.js

@@ -1,10 +1,4 @@
 export function initialize(appInstance) {
-    // Set window.Fleetbase to the application instance for global access
-    // This is used by services and engines to access the root application instance
-    if (typeof window !== 'undefined') {
-        window.Fleetbase = appInstance;
-    }
-
     // Look up UniverseService and set the application instance
     const universeService = appInstance.lookup('service:universe');
     if (universeService) {

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-orchestrator.js

@@ -7,17 +7,31 @@ export default class OnboardingOrchestratorService extends Service {
     @service onboardingContext;
 
     @tracked flow = null;
+    @tracked wrapper = null;
     @tracked current = null;
     @tracked history = [];
     @tracked sessionId = null;
 
-    start(flowId = null, opts = {}) {
+    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 = [];
-        this.goto(flow.entry);
+
+        // 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) {
@@ -25,27 +39,43 @@ export default class OnboardingOrchestratorService extends Service {
         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);
@@ -53,8 +83,20 @@ export default class OnboardingOrchestratorService extends Service {
             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;
         }
 
@@ -68,4 +110,31 @@ export default class OnboardingOrchestratorService extends Service {
         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

@@ -9,7 +9,7 @@ export default class OnboardingRegistryService extends Service {
         this.defaultFlow = flowId;
     }
 
-    registerFlow(flow) {
+    registerFlow(flow, options = {}) {
         if (!flow || !flow.id || !flow.entry || !Array.isArray(flow.steps)) {
             throw new Error('Invalid FlowDef: id, entry, steps are required');
         }
@@ -23,6 +23,11 @@ export default class OnboardingRegistryService extends Service {
             }
         }
         this.flows.set(flow.id, flow);
+
+        // If specified, set as default flow
+        if (options.default) {
+            this.defaultFlow = flow.id;
+        }
     }
 
     getFlow(id) {

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/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/config/environment.js

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

console/environments/.env.production

@@ -1,8 +1,9 @@
-API_HOST=
+API_HOST=https://api.fleetbase.io
 API_NAMESPACE=int/v1
 API_SECURE=true
 SOCKETCLUSTER_PATH=/socketcluster/
-SOCKETCLUSTER_HOST=
+SOCKETCLUSTER_HOST=socket.fleetbase.io
 SOCKETCLUSTER_SECURE=true
-SOCKETCLUSTER_PORT=38000
-OSRM_HOST=https://router.project-osrm.org
+SOCKETCLUSTER_PORT=8000
+OSRM_HOST=https://router.project-osrm.org
+DISABLE_RUNTIME_CONFIG=true

console/environments/.env.qa

@@ -0,0 +1,9 @@
+API_HOST=https://api.qa.fleetbase.io
+API_NAMESPACE=int/v1
+API_SECURE=true
+SOCKETCLUSTER_PATH=/socketcluster/
+SOCKETCLUSTER_HOST=socket.qa.fleetbase.io
+SOCKETCLUSTER_SECURE=true
+SOCKETCLUSTER_PORT=8000
+OSRM_HOST=https://router.project-osrm.org
+DISABLE_RUNTIME_CONFIG=true

console/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/console",
-    "version": "0.7.22",
+    "version": "0.7.25",
     "private": true,
     "description": "Modular logistics and supply chain operating system (LSOS)",
     "repository": "https://github.com/fleetbase/fleetbase",
@@ -33,15 +33,24 @@
     },
     "dependencies": {
         "@ember/legacy-built-in-components": "^0.4.2",
+        "@fleetbase/aws-marketplace": "^0.0.8",
+        "@fleetbase/billing-engine": "^0.1.12",
+        "@fleetbase/customer-portal-engine": "^0.0.10",
         "@fleetbase/dev-engine": "^0.2.12",
-        "@fleetbase/ember-core": "^0.3.8",
-        "@fleetbase/ember-ui": "^0.3.14",
-        "@fleetbase/fleetops-data": "^0.1.23",
-        "@fleetbase/fleetops-engine": "^0.6.29",
+        "@fleetbase/ember-core": "^0.3.10",
+        "@fleetbase/ember-ui": "^0.3.18",
+        "@fleetbase/fleetops-data": "^0.1.25",
+        "@fleetbase/fleetops-engine": "^0.6.32",
+        "@fleetbase/flespi-engine": "^0.1.16",
         "@fleetbase/iam-engine": "^0.1.6",
+        "@fleetbase/internals-engine": "^0.0.23",
         "@fleetbase/leaflet-routing-machine": "^3.2.17",
         "@fleetbase/registry-bridge-engine": "^0.1.2",
-        "@fleetbase/storefront-engine": "^0.4.9",
+        "@fleetbase/samsara-engine": "^0.0.3",
+        "@fleetbase/solid-engine": "^0.0.7",
+        "@fleetbase/storefront-engine": "^0.4.10",
+        "@fleetbase/valhalla-engine": "^0.0.3",
+        "@fleetbase/vroom-engine": "^0.0.3",
         "@formatjs/intl-datetimeformat": "^6.18.2",
         "@formatjs/intl-numberformat": "^8.15.6",
         "@formatjs/intl-pluralrules": "^5.4.6",
@@ -93,6 +102,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",
@@ -149,9 +159,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.18",
+            "@fleetbase/fleetops-data": "^0.1.24"
         }
     },
     "prettier": {

docker/Dockerfile

@@ -75,7 +75,7 @@ ENV QUEUE_CONNECTION=redis
 ENV CADDYFILE_PATH=/fleetbase/Caddyfile
 ENV CONSOLE_PATH=/fleetbase/console
 ENV OCTANE_SERVER=frankenphp
-ENV FLEETBASE_VERSION=0.7.22
+ENV FLEETBASE_VERSION=0.7.25
 
 # Set environment
 ARG ENVIRONMENT=production
@@ -158,14 +158,14 @@ CMD ["php", "artisan", "queue:work"]
 # Application dev stage
 FROM base AS app-dev
 ENTRYPOINT ["docker-php-entrypoint"]
-CMD ["sh", "-c", "php artisan octane:frankenphp --workers=20 --max-requests=1000 --port=8000 --host=0.0.0.0 --watch"]
+CMD ["sh", "-c", "php artisan octane:frankenphp --max-requests=1000 --port=8000 --host=0.0.0.0 --watch"]
 
 # Application release stage
 FROM base AS app-release
 ENTRYPOINT ["docker-php-entrypoint"]
-CMD ["sh", "-c", "php artisan octane:frankenphp --workers=20 --max-requests=1000 --port=8000 --host=0.0.0.0"] 
+CMD ["sh", "-c", "php artisan octane:frankenphp --max-requests=1000 --port=8000 --host=0.0.0.0"] 
 
 # Application stage
 FROM base AS app
 ENTRYPOINT ["/sbin/ssm-parent", "-c", ".ssm-parent.yaml", "run", "--", "docker-php-entrypoint"]
-CMD ["sh", "-c", "php artisan octane:frankenphp --workers=20 --max-requests=1000 --port=8000 --host=0.0.0.0"]
+CMD ["sh", "-c", "php artisan octane:frankenphp --max-requests=1000 --port=8000 --host=0.0.0.0"]