@fleetbase/fleetops-engine 0.6.43 → 0.6.45

package/addon/components/service-rate/form.hbs

@@ -176,7 +176,7 @@
                             </tr>
                         </thead>
                         <tbody>
-                            {{#each @resource.rate_fees as |rateFee|}}
+                            {{#each @resource.rateFees as |rateFee|}}
                                 <tr>
                                     <td>
                                         <Input
@@ -252,25 +252,38 @@
     {{else if @resource.isAlgorithm}}
         <ContentPanel @title={{t "service-rate.fields.custom-algorithm-title"}} @open={{true}} @wrapperClass="bordered-top">
             <InfoBlock class="mb-5">
-                {{t "service-rate.fields.custom-algorithm-info-message"}}
-                {{t "service-rate.fields.custom-algorithm-info-second-message"}}
+                Define a custom formula for this service rate using variables wrapped in a single pair of curly braces.
 
                 <div class="block my-4 break-text">
                     <ul class="list-disc space-y-2 pl-16">
-                        <li class="leading-5"><i>{{t "service-rate.fields.distance-message"}}</i>
-                            {{t "service-rate.fields.distance-continue-message"}}</li>
-                        <li class="leading-5"><i>{{t "service-rate.fields.time-message"}}</i>
-                            {{t "service-rate.fields.time-continue-message"}}</li>
+                        <li class="leading-5"><code>&#123;distance&#125;</code>, <code>&#123;distance_m&#125;</code>, <code>&#123;distance_km&#125;</code>, <code>&#123;distance_mi&#125;</code>: route distance in meters, kilometers, or miles.</li>
+                        <li class="leading-5"><code>&#123;time&#125;</code>, <code>&#123;time_s&#125;</code>, <code>&#123;time_min&#125;</code>: route time in seconds or minutes.</li>
+                        <li class="leading-5"><code>&#123;stops&#125;</code>: total service stops including pickup, dropoff, and intermediate waypoints.</li>
+                        <li class="leading-5"><code>&#123;waypoints&#125;</code>: intermediate waypoint count only.</li>
+                        <li class="leading-5"><code>&#123;parcels&#125;</code>, <code>&#123;entities&#125;</code>: parcel count and total payload entity count.</li>
+                        <li class="leading-5"><code>&#123;base_fee&#125;</code>: the configured base fee for this service rate.</li>
+                        <li class="leading-5">Supported functions: <code>max(a,b)</code>, <code>min(a,b)</code>, <code>ceil(x)</code>, <code>floor(x)</code>, <code>round(x)</code>.</li>
                     </ul>
                 </div>
 
-                <div>
-                    <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}}</h4>
-                    <div class="mb-3 text-inherit">
-                        {{t "service-rate.fields.example-message"}}
-                        {{t "service-rate.fields.example-second-message"}}
+                <div class="space-y-3">
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 1</h4>
+                        <div class="mb-2 text-inherit">Charge by distance in miles after the first 15 miles, plus the base fee.</div>
+                        <code class="text-xs font-mono">max(&#123;distance_mi&#125; - 15, 0) * 5 + &#123;base_fee&#125;</code>
+                    </div>
+
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 2</h4>
+                        <div class="mb-2 text-inherit">Charge extra for stops after the first 2 service stops.</div>
+                        <code class="text-xs font-mono">max(&#123;stops&#125; - 2, 0) * 10 + &#123;base_fee&#125;</code>
+                    </div>
+
+                    <div>
+                        <h4 class="mb-1 text-sm font-semibold">{{t "service-rate.fields.example"}} 3</h4>
+                        <div class="mb-2 text-inherit">Combine waypoint, parcel, and distance surcharges in one formula.</div>
+                        <code class="text-xs font-mono">max(&#123;waypoints&#125;, 0) * 15 + max(&#123;parcels&#125; - 3, 0) * 2 + max(&#123;distance_km&#125; - 25, 0) * 0.5 + &#123;base_fee&#125;</code>
                     </div>
-                    <code class="text-xs font-mono">(( {distance} / 50 ) * .05 ) + (( {time} / 60 ) * .01)</code>
                 </div>
             </InfoBlock>
 
@@ -287,7 +300,7 @@
     {{else if @resource.isParcelService}}
         <ContentPanel @title={{t "service-rate.fields.percel-fee-title"}} @open={{true}} @wrapperClass="bordered-top">
             <div class="space-y-2">
-                {{#each @resource.parcel_fees as |parcelFee|}}
+                {{#each @resource.parcelFees as |parcelFee|}}
                     <div class="dark:text-gray-100">
                         <div class="grid grid-cols-7">
                             <div class="flex flex-col items-start justify-start pt-3">
@@ -541,4 +554,4 @@
             </InputGroup>
         {{/if}}
     </ContentPanel>
-</div>
+</div>

package/addon/components/zone/form.hbs

@@ -30,4 +30,63 @@
             </InputGroup>
         </div>
     </ContentPanel>
-</div>
+
+    <ContentPanel @title="Geofence Triggers" @open={{true}} @wrapperClass="bordered-top">
+        <div class="space-y-4">
+            <p class="text-sm text-gray-500 dark:text-gray-400">
+                Configure when this zone fires active geofence events. Entry and exit events are dispatched to webhooks,
+                WebSocket channels, and the notification system whenever a driver crosses the zone boundary.
+            </p>
+
+            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+                {{! Entry trigger toggle }}
+                <div class="flex items-start space-x-3 p-3 rounded-lg border border-gray-200 dark:border-gray-700">
+                    <div class="flex-shrink-0 mt-0.5">
+                        <Toggle
+                            @isToggled={{@resource.trigger_on_entry}}
+                            @onToggle={{fn (mut @resource.trigger_on_entry)}}
+                        />
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-900 dark:text-white">Trigger on Entry</p>
+                        <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                            Fire a <code class="font-mono">geofence.entered</code> event when a driver enters this zone.
+                        </p>
+                    </div>
+                </div>
+
+                {{! Exit trigger toggle }}
+                <div class="flex items-start space-x-3 p-3 rounded-lg border border-gray-200 dark:border-gray-700">
+                    <div class="flex-shrink-0 mt-0.5">
+                        <Toggle
+                            @isToggled={{@resource.trigger_on_exit}}
+                            @onToggle={{fn (mut @resource.trigger_on_exit)}}
+                        />
+                    </div>
+                    <div>
+                        <p class="text-sm font-medium text-gray-900 dark:text-white">Trigger on Exit</p>
+                        <p class="text-xs text-gray-500 dark:text-gray-400 mt-0.5">
+                            Fire a <code class="font-mono">geofence.exited</code> event when a driver leaves this zone.
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            <InputGroup
+                @name="Dwell Threshold (minutes)"
+                @value={{@resource.dwell_threshold_minutes}}
+                @type="number"
+                @placeholder="e.g. 10"
+                @helpText="Fire a geofence.dwelled event after a driver has been inside this zone for this many minutes. Leave blank to disable dwell tracking."
+            />
+
+            <InputGroup
+                @name="Speed Limit (km/h)"
+                @value={{@resource.speed_limit_kmh}}
+                @type="number"
+                @placeholder="e.g. 50"
+                @helpText="Optional speed limit enforced within this zone. Leave blank for no limit."
+            />
+        </div>
+    </ContentPanel>
+</div>

package/addon/controllers/operations/orders/index/details/virtual.js

@@ -0,0 +1,5 @@
+import Controller, { inject as controller } from '@ember/controller';
+
+export default class OperationsOrdersIndexDetailsVirtualController extends Controller {
+    @controller('operations.orders.index.details') parent;
+}

package/addon/controllers/operations/orders/index/details.js

@@ -16,6 +16,7 @@ export default class OperationsOrdersIndexDetailsController extends Controller {
     @service universe;
     @service sidebar;
     @tracked routingControl;
+    @tracked routingCompleted = false;
 
     get tabs() {
         const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:order:details');
@@ -109,7 +110,19 @@ export default class OperationsOrdersIndexDetailsController extends Controller {
     @action async setup() {
         // Change to map layout and display order route
         this.index.changeLayout('map');
-        this.routingControl = await this.leafletMapManager.addRoutingControl(this.model.routeWaypoints);
+        this.routingCompleted = false;
+        this.routingControl = await this.leafletMapManager.addRoutingControl(this.model.routeWaypoints, {
+            onRouteFound: () => {
+                this.routingCompleted = true;
+            },
+            onRoutingError: () => {
+                this.routingCompleted = true;
+            },
+        });
+
+        if (!this.routingControl) {
+            this.routingCompleted = true;
+        }
 
         // Hide sidebar
         this.sidebar.hideNow();
@@ -125,7 +138,19 @@ export default class OperationsOrdersIndexDetailsController extends Controller {
             async (_msg, { reloadable }) => {
                 if (reloadable) {
                     await this.hostRouter.refresh();
-                    this.leafletMapManager.replaceRoutingControl(this.model.routeWaypoints, this.routingControl);
+                    this.routingCompleted = false;
+                    this.routingControl = await this.leafletMapManager.replaceRoutingControl(this.model.routeWaypoints, this.routingControl, {
+                        onRouteFound: () => {
+                            this.routingCompleted = true;
+                        },
+                        onRoutingError: () => {
+                            this.routingCompleted = true;
+                        },
+                    });
+
+                    if (!this.routingControl) {
+                        this.routingCompleted = true;
+                    }
                 }
             },
             { debounceMs: 250 }

package/addon/controllers/operations/service-rates/index/edit.js

@@ -22,6 +22,7 @@ export default class OperationsServiceRatesIndexEditController extends Controlle
     @task *save(serviceRate) {
         try {
             yield serviceRate.save();
+            yield serviceRate.reload();
             this.events.trackResourceUpdated(serviceRate);
             this.overlay?.close();
 

package/addon/controllers/operations/service-rates/index/new.js

@@ -16,6 +16,7 @@ export default class OperationsServiceRatesIndexNewController extends Controller
     @task *save(serviceRate) {
         try {
             yield serviceRate.save();
+            yield serviceRate.reload();
             this.events.trackResourceCreated(serviceRate);
             this.overlay?.close();
 

package/addon/helpers/f-to-int.js

@@ -0,0 +1,6 @@
+import { helper } from '@ember/component/helper';
+import numbersOnly from '@fleetbase/ember-core/utils/numbers-only';
+
+export default helper(function fToInt([value]) {
+    return parseInt(numbersOnly(value));
+});

package/addon/routes/application.js

@@ -20,14 +20,14 @@ export default class ApplicationRoute extends Route {
         });
     }
 
-    beforeModel() {
+    async beforeModel() {
         if (this.abilities.cannot('fleet-ops see extension')) {
             this.notifications.warning(this.intl.t('common.unauthorized-access'));
             return this.hostRouter.transitionTo('console');
         }
 
-        this.location.getUserLocation();
-        this.#loadRoutingSettings();
+        await this.location.getUserLocation();
+        await this.#loadRoutingSettings();
     }
 
     async #loadRoutingSettings() {

package/addon/routes/operations/orders/index/details/virtual.js

@@ -19,5 +19,6 @@ export default class OperationsOrdersIndexDetailsVirtualRoute extends Route {
     setupController(controller) {
         super.setupController(...arguments);
         controller.resource = this.modelFor('operations.orders.index.details');
+        controller.detailsController = this.controllerFor('operations.orders.index.details');
     }
 }

package/addon/routes/operations/orders/index/details.js

@@ -15,9 +15,12 @@ export default class OperationsOrdersIndexDetailsRoute extends Route {
     @action willTransition(transition) {
         const fromName = transition.from?.name;
         const toName = transition.to?.name;
+        const orderDetailsRoute = 'console.fleet-ops.operations.orders.index.details';
 
-        // only cleanup when actually leaving this route (not intra-route changes)
-        if (fromName && fromName !== toName) {
+        // only cleanup when leaving the order details route tree entirely
+        const isLeavingOrderDetails = fromName?.startsWith(orderDetailsRoute) && !toName?.startsWith(orderDetailsRoute);
+
+        if (isLeavingOrderDetails) {
             const controller = this.controllerFor('operations.orders.index.details');
             const rc = controller.routingControl;
 
@@ -55,7 +58,20 @@ export default class OperationsOrdersIndexDetailsRoute extends Route {
         return this.store.queryRecord('order', {
             public_id,
             single: true,
-            with: ['payload', 'driverAssigned', 'orderConfig', 'customer', 'facilitator', 'trackingStatuses', 'trackingNumber', 'purchaseRate', 'comments', 'files'],
+            with: [
+                'payload',
+                'driverAssigned',
+                'orderConfig',
+                'customer',
+                'facilitator',
+                'trackingStatuses',
+                'trackingNumber',
+                'purchaseRate',
+                'purchaseRate.serviceQuote',
+                'purchaseRate.serviceQuote.items',
+                'comments',
+                'files',
+            ],
         });
     }
 

package/addon/services/equipment-actions.js

@@ -1,7 +1,9 @@
-import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 
 export default class EquipmentActionsService extends ResourceActionService {
-    @service currentUser;
+    get defaultCurrency() {
+        return this.currentUser?.company?.currency || this.currentUser.currency || 'USD';
+    }
 
     constructor() {
         super(...arguments);
@@ -12,10 +14,6 @@ export default class EquipmentActionsService extends ResourceActionService {
         });
     }
 
-    get defaultCurrency() {
-        return this.currentUser?.company?.currency || 'USD';
-    }
-
     transition = {
         view: (equipment) => this.transitionTo('maintenance.equipment.index.details', equipment),
         edit: (equipment) => this.transitionTo('maintenance.equipment.index.edit', equipment),

package/addon/services/geofence-event-bus.js

@@ -0,0 +1,223 @@
+import Service from '@ember/service';
+import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { debug } from '@ember/debug';
+
+/**
+ * GeofenceEventBus
+ *
+ * A singleton service that subscribes to the company-level geofence WebSocket
+ * channel and maintains a live feed of geofence events (entered, exited, dwelled).
+ *
+ * Other components (e.g. the live map, the geofence events panel) inject this
+ * service and observe `this.events` to react to incoming events.
+ *
+ * Usage:
+ *   @service geofenceEventBus;
+ *
+ *   // In a template: {{#each this.geofenceEventBus.events as |event|}} ...
+ *   // In JS: this.geofenceEventBus.on('geofence.entered', this.handleEntry);
+ */
+export default class GeofenceEventBusService extends Service {
+    @service socket;
+    @service currentUser;
+    @service universe;
+
+    /**
+     * Live event feed — most recent events at the front.
+     * Capped at MAX_EVENTS to prevent unbounded memory growth.
+     *
+     * @type {Array}
+     */
+    @tracked events = [];
+
+    /**
+     * Whether the service has successfully subscribed to the socket channel.
+     *
+     * @type {boolean}
+     */
+    @tracked isSubscribed = false;
+
+    /**
+     * Maximum number of events to retain in the live feed.
+     */
+    MAX_EVENTS = 100;
+
+    /**
+     * The geofence event types to listen for.
+     */
+    GEOFENCE_EVENTS = ['geofence.entered', 'geofence.exited', 'geofence.dwelled'];
+
+    /**
+     * Internal map of event type → array of handler functions.
+     * Supports the simple pub/sub API.
+     *
+     * @type {Map}
+     */
+    #handlers = new Map();
+
+    /**
+     * The active socket channel subscription.
+     */
+    #channel = null;
+
+    /**
+     * Subscribe to the company geofence channel.
+     * Should be called once after the user session is established.
+     *
+     * @param {string} companyUuid - The company UUID to subscribe to
+     */
+    @action
+    async subscribe(companyUuid) {
+        if (this.isSubscribed || !companyUuid) {
+            return;
+        }
+
+        try {
+            const socketInstance = this.socket.instance();
+            const channelId = `company.${companyUuid}`;
+
+            this.#channel = socketInstance.subscribe(channelId);
+            if (this.#channel.state !== 'subscribed') {
+                await this.#channel.subscribe();
+            }
+
+            this.isSubscribed = true;
+            debug(`[GeofenceEventBus] Subscribed to channel: ${channelId}`);
+
+            // Start consuming events from the channel
+            (async () => {
+                for await (const output of this.#channel) {
+                    const { event, data } = output;
+
+                    if (this.GEOFENCE_EVENTS.includes(event)) {
+                        this.#handleIncomingEvent(event, data);
+                    }
+                }
+            })();
+        } catch (error) {
+            debug(`[GeofenceEventBus] Failed to subscribe: ${error.message}`);
+        }
+    }
+
+    /**
+     * Unsubscribe from the geofence channel and clear state.
+     * Called on user logout or session end.
+     */
+    @action
+    unsubscribe() {
+        if (this.#channel) {
+            this.#channel.close();
+            this.#channel = null;
+        }
+        this.isSubscribed = false;
+        this.events = [];
+        this.#handlers.clear();
+        debug('[GeofenceEventBus] Unsubscribed.');
+    }
+
+    /**
+     * Register a handler function for a specific geofence event type.
+     *
+     * @param {string}   eventType - 'geofence.entered' | 'geofence.exited' | 'geofence.dwelled'
+     * @param {Function} handler   - Called with the normalised event object
+     */
+    on(eventType, handler) {
+        if (!this.#handlers.has(eventType)) {
+            this.#handlers.set(eventType, []);
+        }
+        this.#handlers.get(eventType).push(handler);
+    }
+
+    /**
+     * Unregister a previously registered handler.
+     *
+     * @param {string}   eventType
+     * @param {Function} handler
+     */
+    off(eventType, handler) {
+        if (!this.#handlers.has(eventType)) {
+            return;
+        }
+        const handlers = this.#handlers.get(eventType).filter((h) => h !== handler);
+        this.#handlers.set(eventType, handlers);
+    }
+
+    /**
+     * Clear the live event feed.
+     */
+    @action
+    clearFeed() {
+        this.events = [];
+    }
+
+    @action
+    seedEvents(events = []) {
+        this.events = Array.isArray(events) ? events.slice(0, this.MAX_EVENTS).map((event) => ({ ...event, isNew: false })) : [];
+    }
+
+    /**
+     * Process an incoming geofence event from the WebSocket channel.
+     *
+     * @param {string} eventType
+     * @param {Object} data
+     */
+    #handleIncomingEvent(eventType, data) {
+        const normalised = this.normalizeEvent(eventType, data);
+
+        // Prepend and cap
+        this.events = [normalised, ...this.events].slice(0, this.MAX_EVENTS);
+
+        setTimeout(() => {
+            this.events = this.events.map((event) => (event.id === normalised.id ? { ...event, isNew: false } : event));
+        }, 3000);
+
+        debug(`[GeofenceEventBus] ${eventType} — driver: ${normalised.driverName}, geofence: ${normalised.geofenceName}`);
+
+        // Notify registered handlers
+        const handlers = this.#handlers.get(eventType) ?? [];
+        handlers.forEach((handler) => {
+            try {
+                handler(normalised);
+            } catch (e) {
+                debug(`[GeofenceEventBus] Handler error for ${eventType}: ${e.message}`);
+            }
+        });
+
+        // Also emit on the universe bus so any component can react
+        this.universe.trigger(`fleet-ops.geofence.${eventType.replace('geofence.', '')}`, normalised);
+    }
+
+    /**
+     * Normalise a raw WebSocket payload into a consistent display object.
+     *
+     * @param {string} eventType
+     * @param {Object} raw
+     * @returns {Object}
+     */
+    normalizeEvent(eventType, raw) {
+        const subject = raw.subject ?? null;
+        const subjectType = subject?.type ?? (raw.vehicle && !raw.driver ? 'vehicle' : 'driver');
+        const subjectName = subject?.name ?? raw.driver?.name ?? raw.vehicle?.name ?? raw.vehicle?.plate ?? 'Unknown Subject';
+        return {
+            id: raw.id ?? raw.uuid ?? `${Date.now()}-${Math.random()}`,
+            eventType,
+            occurredAt: raw.occurred_at ?? new Date().toISOString(),
+            subjectType,
+            subjectName,
+            driverName: raw.driver?.name ?? null,
+            driverUuid: raw.driver?.uuid ?? null,
+            vehicleName: raw.vehicle?.name ?? null,
+            vehiclePlate: raw.vehicle?.plate ?? null,
+            geofenceName: raw.geofence?.name ?? 'Unknown Geofence',
+            geofenceUuid: raw.geofence?.uuid ?? null,
+            geofenceType: raw.geofence?.type ?? 'zone',
+            orderPublicId: raw.order?.id ?? null,
+            latitude: raw.location?.latitude ?? null,
+            longitude: raw.location?.longitude ?? null,
+            dwellMinutes: raw.dwell_duration_minutes ?? null,
+            isNew: true,
+        };
+    }
+}

package/addon/services/leaflet-map-manager.js

@@ -270,6 +270,10 @@ export default class LeafletMapManagerService extends Service {
             this.route = routes[0];
         });
 
+        routingControl.on('routingerror', (event) => {
+            options?.onRoutingError?.(event);
+        });
+
         this.positionWaypoints(waypoints);
 
         return routingControl;

package/addon/services/maintenance-actions.js

@@ -1,7 +1,9 @@
-import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 
 export default class MaintenanceActionsService extends ResourceActionService {
-    @service currentUser;
+    get defaultCurrency() {
+        return this.currentUser?.company?.currency || this.currentUser.currency || 'USD';
+    }
 
     constructor() {
         super(...arguments);
@@ -12,10 +14,6 @@ export default class MaintenanceActionsService extends ResourceActionService {
         });
     }
 
-    get defaultCurrency() {
-        return this.currentUser?.company?.currency || 'USD';
-    }
-
     transition = {
         view: (maintenance) => this.transitionTo('maintenance.maintenances.index.details', maintenance),
         edit: (maintenance) => this.transitionTo('maintenance.maintenances.index.edit', maintenance),

package/addon/services/part-actions.js

@@ -1,7 +1,9 @@
-import ResourceActionService, { inject as service } from '@fleetbase/ember-core/services/resource-action';
+import ResourceActionService from '@fleetbase/ember-core/services/resource-action';
 
 export default class PartActionsService extends ResourceActionService {
-    @service currentUser;
+    get defaultCurrency() {
+        return this.currentUser?.company?.currency || this.currentUser.currency || 'USD';
+    }
 
     constructor() {
         super(...arguments);
@@ -12,10 +14,6 @@ export default class PartActionsService extends ResourceActionService {
         });
     }
 
-    get defaultCurrency() {
-        return this.currentUser?.company?.currency || 'USD';
-    }
-
     transition = {
         view: (part) => this.transitionTo('maintenance.parts.index.details', part),
         edit: (part) => this.transitionTo('maintenance.parts.index.edit', part),

package/addon/services/service-rate-actions.js

@@ -6,13 +6,17 @@ import serializePayload from '../utils/serialize-payload';
 export default class ServiceRateActionsService extends ResourceActionService {
     modelNamePath = 'service_name';
 
+    get defaultCurrency() {
+        return this.currentUser?.company?.currency || this.currentUser.currency || 'USD';
+    }
+
     constructor() {
         super(...arguments);
         this.initialize('service-rate', {
             defaultAttributes: {
                 rate_calculation_method: 'per_meter',
                 per_meter_unit: 'm',
-                currency: this.currentUser.currency,
+                currency: this.defaultCurrency,
                 parcel_fees: this.#getDefaultParcelFees(),
             },
         });
@@ -118,12 +122,13 @@ export default class ServiceRateActionsService extends ResourceActionService {
 
         const hasFacilitator = !isNone(order.facilitator);
         const facilitatorServiceType = order.facilitator?.get('service_types.firstObject.key') ?? order.type;
+        const routeSummary = order.route?.summary ?? order.route?.details?.summary ?? {};
 
         try {
             const serviceQuotes = yield this.fetch.post('service-quotes/preliminary', {
                 payload: serializePayload(order.payload),
-                distance: order.route.summary?.totalDistance,
-                time: order.route.summary?.totalTime,
+                distance: routeSummary.totalDistance,
+                time: routeSummary.totalTime,
                 service_type: hasFacilitator ? facilitatorServiceType : order.type,
                 facilitator: order.facilitator?.public_id,
                 scheduled_at: order.scheduled_at,

package/addon/templates/operations/orders/index/details/virtual.hbs

@@ -1 +1,7 @@
-{{component (lazy-engine-component @model.component) resource=this.resource order=this.resource params=@model.componentParams}}
+{{#if this.parent.routingCompleted}}
+    {{component (lazy-engine-component @model.component) resource=this.resource order=this.resource params=@model.componentParams}}
+{{else}}
+    <div class="flex items-center justify-center py-12">
+        <Spinner />
+    </div>
+{{/if}}