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

feat: New SMS service to support multiple SMS providers + framework improvements
updated pnpm lockfile overrides
2026-01-07 23:04:14 +00:00 · 2025-12-29 21:02:03 +08:00 · 2025-12-29 20:48:29 +08:00 · 2025-12-29 20:39:25 +08:00 · 2025-12-29 20:36:43 +08:00 · 2025-12-21 12:05:16 +08:00
29 changed files with 1149 additions and 886 deletions
--- a/13
+++ b/13
@@ -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
 	}
--- a/RELEASE.md
+++ b/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

 ---

--- a/api/composer.json
+++ b/api/composer.json
@@ -20,10 +20,10 @@
    "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/core-api": "^1.6.32",
+        "fleetbase/fleetops-api": "^0.6.32",
        "fleetbase/registry-bridge": "^0.1.2",
-        "fleetbase/storefront-api": "^0.4.9",
+        "fleetbase/storefront-api": "^0.4.10",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel/framework": "^10.0",
        "laravel/octane": "^2.3",
--- a/api/composer.lock
+++ b/api/composer.lock
--- a/api/config/cors.php
+++ b/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,

--- a/api/config/octane.php
+++ b/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 => [
--- a/api/config/services.php
+++ b/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' ),
+    ],
 ];
--- a/console/app/app.js
+++ b/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;
--- a/console/app/components/onboarding/form.hbs
+++ b/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>
--- a/console/app/components/onboarding/verify-email.hbs
+++ b/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>
--- a/console/app/components/onboarding/yield.hbs
+++ b/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">
--- a/console/app/controllers/console/account/index.js
+++ b/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({
--- a/console/app/deprecation-workflow.js
+++ b/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' },
+    ],
+});
--- a/console/app/instance-initializers/set-application-instance.js
+++ b/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) {
--- a/console/app/serializers/user.js
+++ b/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;
--- a/console/app/services/onboarding-orchestrator.js
+++ b/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;
+    }
 }
--- a/console/app/services/onboarding-registry.js
+++ b/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) {
--- a/console/app/templates/console/account/index.hbs
+++ b/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>
--- a/console/app/templates/onboard.hbs
+++ b/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>
--- a/console/config/environment.js
+++ b/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: {
--- a/console/package.json
+++ b/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",
@@ -34,14 +34,14 @@
    "dependencies": {
        "@ember/legacy-built-in-components": "^0.4.2",
        "@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.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.2",
-        "@fleetbase/storefront-engine": "^0.4.9",
+        "@fleetbase/storefront-engine": "^0.4.10",
        "@formatjs/intl-datetimeformat": "^6.18.2",
        "@formatjs/intl-numberformat": "^8.15.6",
        "@formatjs/intl-pluralrules": "^5.4.6",
@@ -93,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",
@@ -149,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": {
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
--- a/docker/Dockerfile
+++ b/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"]
--- a/packages/core-api
+++ b/packages/core-api
--- a/packages/ember-core
+++ b/packages/ember-core
--- a/packages/ember-ui
+++ b/packages/ember-ui
--- a/packages/fleetops
+++ b/packages/fleetops
--- a/packages/fleetops-data
+++ b/packages/fleetops-data
--- a/packages/storefront
+++ b/packages/storefront
Author	SHA1	Message	Date
Ron	b25da51496	Merge pull request #486 from fleetbase/dev-v0.7.25 Some checks failed Fleetbase CI / Build and Start Docker Services (push) Has been cancelled Details feat: New SMS service to support multiple SMS providers + framework improvements	2025-12-29 21:02:03 +08:00
Ronald A. Richardson	7d776f2bd5	updated pnpm lockfile overrides	2025-12-29 20:48:29 +08:00
Ronald A. Richardson	ecfcec72e4	updated override versions	2025-12-29 20:39:25 +08:00
Ronald A. Richardson	ca1741a4b2	feat: New SMS service to support multiple SMS providers + framework improvements	2025-12-29 20:36:43 +08:00
Ron	947565bcf0	Merge pull request #483 from fleetbase/dev-v0.7.24 Some checks failed Fleetbase CI / Build and Start Docker Services (push) Has been cancelled Details Fix: Critical cache key collision bug in ApiModelCache	2025-12-21 12:05:16 +08:00
Ronald A. Richardson	2d4cc5cf66	Fix: Critical cache key collision bug in ApiModelCache	2025-12-21 12:02:53 +08:00
Ronald A. Richardson	53a87d6f38	Hotfix: load iam engine for user-form modal when creating driver Some checks failed Fleetbase CI / Build and Start Docker Services (push) Has been cancelled Details	2025-12-19 23:17:51 +08:00
Ronald A. Richardson	d7f8f87315	Hotfix: onboarding wrapper stylings added back	2025-12-19 22:58:29 +08:00
Ron	36673ef564	Merge pull request #482 from fleetbase/dev-v0.7.23 dev-v0.7.23	2025-12-19 22:41:13 +08:00
Ronald A. Richardson	19341c81e7	Minor tweaks to user model and profile page	2025-12-19 22:39:41 +08:00
Ronald A. Richardson	b4ecf5bda9	bump `FLEETBASE_VERSION` in Dockerfile	2025-12-19 22:24:38 +08:00
Ronald A. Richardson	1b714a7ef8	Release ready	2025-12-19 22:23:39 +08:00
Ron	e41cd62ea5	Merge pull request #481 from fleetbase/feature/onboarding-wrapper-architecture feat: Add wrapper component support to onboarding orchestrator	2025-12-19 15:56:49 +08:00
Ronald A. Richardson	1ca1342052	feat: fixed optimization changes for octane, added deprecation workflow	2025-12-19 15:56:03 +08:00
roncodes	a9b172081a	feat: Add lifecycle hooks support to onboarding orchestrator - Add onFlowWillStart, onFlowDidStart, onStepWillChange, onStepDidChange, onFlowWillEnd, onFlowDidEnd hooks - Hooks are optional and backward compatible with existing flows - Add getCurrentPath() and isStepInPath() helper methods for multi-path flows - Support dynamic next() functions (already existed, now documented) - Maintain full backward compatibility with default@v1 flow	2025-12-11 23:10:23 -05:00
Ronald A. Richardson	a29ca0ecb9	feat: update onboarding-registry service to allow set `default` onboard flow on registration	2025-12-09 09:48:23 +08:00
roncodes	6442644438	feat: Add wrapper component support to onboarding orchestrator - Add wrapper property to OnboardingOrchestratorService - Update onboarding/yield component to render wrapper using lazy-engine-component - Clean up onboard.hbs template to remove styling constraints - Enable extensions to provide custom wrapper components for onboarding flows	2025-12-08 20:38:59 -05:00