@fleetbase/fleetops-engine 0.6.49 → 0.6.51

package/addon/templates/management/contacts/customers/details.hbs

@@ -1,7 +1,7 @@
 <Layout::Resource::Panel
     @resource={{@model}}
     @controller={{this}}
-    @headerComponent={{component "contact/panel-header" resource=@model}}
+    @headerComponent={{component "contact/panel-header" resource=@model actionButtons=this.actionButtons}}
     @headerTitle={{or @model.name}}
     @actionButtons={{this.actionButtons}}
     @onPressCancel={{transition-to "management.contacts.customers"}}

package/addon/templates/management/contacts/index/details.hbs

@@ -1,7 +1,7 @@
 <Layout::Resource::Panel
     @resource={{@model}}
     @controller={{this}}
-    @headerComponent={{component "contact/panel-header" resource=@model}}
+    @headerComponent={{component "contact/panel-header" resource=@model actionButtons=this.actionButtons}}
     @headerTitle={{or @model.name}}
     @actionButtons={{this.actionButtons}}
     @onPressCancel={{transition-to "management.contacts.index"}}

package/addon/templates/management/contacts.hbs

@@ -1,4 +1,4 @@
-<TabNavigation @tabs={{this.tabs}} @size="lg" @tablistClass="next-view-section-subheader-fixed-height pl-2">
+<TabNavigation @tabs={{this.tabs}} @size="lg" @containerClass="tab-navigation-fill" @tablistClass="next-view-section-subheader-fixed-height pl-2">
     <:actions>
         <div class="flex flex-row items-center space-x-1 pr-4">
             <Layout::Resource::TabularActions
@@ -16,4 +16,4 @@
     <:default>
         {{outlet}}
     </:default>
-</TabNavigation>
+</TabNavigation>

package/addon/templates/management/issues/index/details/index.hbs

@@ -1 +1,3 @@
-<Issue::Details @resource={{@model}} />
+<div>
+    <Issue::Details @resource={{@model}} />
+</div>

package/addon/templates/management/issues/index/details.hbs

@@ -1,14 +1,15 @@
 <Layout::Resource::Panel
     @resource={{@model}}
     @controller={{this}}
-    @headerTitle={{or @model.title (concat "Issue reported on " (format-date-fns @model.created_at "dd MMM yy, HH:mm"))}}
+    @headerComponent={{component "issue/panel-header" resource=@model}}
     @actionButtons={{this.actionButtons}}
     @onPressCancel={{transition-to "management.issues.index"}}
     @onOverlayReady={{fn (mut this.overlay)}}
     @headerClass="no-bottom-border"
     @bodyClass="no-scroll"
+    @width="800px"
 >
     <TabNavigation @tabs={{this.tabs}} @contentClass="scrollable" @tablistClass="pl-2">
         {{outlet}}
     </TabNavigation>
-</Layout::Resource::Panel>
+</Layout::Resource::Panel>

package/addon/templates/management/vendors/index/details/personnel.hbs

@@ -1,2 +1 @@
-{{page-title "Personnel"}}
-{{outlet}}
+<Vendor::PersonnelManager @vendor={{@model}} />

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

@@ -1,2 +1,2 @@
-<Order::Details @resource={{@model}} @onActivityChanged={{perform this.parent.refresh}} @isLoadingActivity={{this.parent.refresh.isRunning}} />
-<Spacer @height="300px" />
+<Order::Details @resource={{@model}} @onActivityChanged={{perform this.parent.refresh}} @proofReloadToken={{this.parent.proofReloadToken}} @isLoadingActivity={{this.parent.refresh.isRunning}} />
+<Spacer @height="300px" />

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

@@ -36,7 +36,7 @@
         @bulkSearchValue={{this.bulk_query}}
         @onClearBulkSearch={{fn (mut this.bulk_query)}}
         @onSubmitBulkSearch={{fn (mut this.bulk_query)}}
-        @bulkSearchPlaceholder={{t "prompt.order-bulk-search"}}
+        @bulkSearchPlaceholder={{t "order.prompts.order-bulk-search"}}
         @data={{@model}}
         @columns={{this.columns}}
         @page={{this.page}}

package/addon/templates/operations/service-rates/index/edit.hbs

@@ -6,6 +6,7 @@
     @saveTask={{this.save}}
     @onPressCancel={{this.cancel}}
     @onOverlayReady={{fn (mut this.overlay)}}
+     @maxResizeWidth={{1000}}
 >
     <ServiceRate::Form @resource={{@model}} @controller={{this}} />
     <Spacer @height="200px" />

package/addon/templates/operations/service-rates/index/new.hbs

@@ -6,6 +6,7 @@
     @saveTask={{this.save}}
     @onPressCancel={{transition-to "operations.service-rates.index"}}
     @onOverlayReady={{fn (mut this.overlay)}}
+    @maxResizeWidth={{1000}}
 >
     <ServiceRate::Form @resource={{this.serviceRate}} @controller={{this}} />
     <Spacer @height="200px" />

package/addon/templates/settings/payments/onboard.hbs

@@ -1,4 +1,4 @@
-<Layout::Section::Header @title={{t "payment.settings.onboard.header-title"}} />
+<Layout::Section::Header @title={{t "settings.payments.onboard.header-title"}} />
 
 <Layout::Section::Body class="overflow-y-scroll-i h-full">
     <div class="container">
@@ -13,16 +13,16 @@
                     >
                         <h2 id="title" class="text-base">
                             {{#if this.onboardCompleted}}
-                                {{t "payment.settings.onboard.title-completed"}}
+                                {{t "settings.payments.onboard.title-completed"}}
                             {{else}}
-                                {{t "payment.settings.onboard.title-incomplete"}}
+                                {{t "settings.payments.onboard.title-incomplete"}}
                             {{/if}}
                         </h2>
                         <span id="subtitle">
                             {{#if this.onboardCompleted}}
-                                {{t "payment.settings.onboard.subtitle-completed"}}
+                                {{t "settings.payments.onboard.subtitle-completed"}}
                             {{else}}
-                                {{t "payment.settings.onboard.subtitle-incomplete"}}
+                                {{t "settings.payments.onboard.subtitle-incomplete"}}
                             {{/if}}
                         </span>
                         <div class="mt-4 mb-1">
@@ -31,7 +31,7 @@
                                     @icon="check"
                                     @type="primary"
                                     @size="lg"
-                                    @text={{t "payment.settings.onboard.button-continue"}}
+                                    @text={{t "settings.payments.onboard.button-continue"}}
                                     @onClick={{transition-to "settings.payments.index"}}
                                     @disabled={{this.onboardInProgress}}
                                 />
@@ -40,7 +40,7 @@
                                     @icon="play"
                                     @type="primary"
                                     @size="lg"
-                                    @text={{if this.onboardInProgress (t "payment.settings.onboard.button-in-progress") (t "payment.settings.onboard.button-start")}}
+                                    @text={{if this.onboardInProgress (t "settings.payments.onboard.button-in-progress") (t "settings.payments.onboard.button-start")}}
                                     @onClick={{perform this.startOnboard}}
                                     @isLoading={{this.startOnboard.isRunning}}
                                     @disabled={{this.onboardInProgress}}
@@ -59,4 +59,4 @@
             </div>
         </div>
     </div>
-</Layout::Section::Body>
+</Layout::Section::Body>

package/addon/utils/fleet-ops-options.js

@@ -15,7 +15,7 @@ export const driverTypes = [
 ];
 
 export const driverStatuses = [
-    { label: 'Active', value: 'active', description: 'Driver is available for assignments' },
+    { label: 'Available', value: 'available', description: 'Driver is available for assignments' },
     { label: 'Inactive', value: 'inactive', description: 'Driver is not currently active' },
     { label: 'On Duty', value: 'on_duty', description: 'Driver is working and available' },
     { label: 'Off Duty', value: 'off_duty', description: 'Driver is not working' },
@@ -382,6 +382,7 @@ export const podOptions = [
 export const serviceRateCalculationMethods = [
     { label: 'Per Meter', value: 'per_meter', description: 'Calculate cost based on the number of meters traveled.' },
     { label: 'Fixed Rate', value: 'fixed_meter', description: 'Charge a fixed rate per meter regardless of distance.' },
+    { label: 'Multi-zone Distance', value: 'multi_zone_distance', description: 'Calculate cost by splitting route distance across priced service areas and zones.' },
     { label: 'Parcel Rate', value: 'parcel', description: 'Charge a dynamic rate based on parcel/payload weight and dimensions.' },
     { label: 'Per Drop-off', value: 'per_drop', description: 'Cost applied per drop-off point.' },
     { label: 'Algorithm', value: 'algo', description: 'Cost calculated dynamically using algorithmic logic.' },

package/addon/utils/leaflet-draw-namespace-guard.js

@@ -0,0 +1,22 @@
+export function ensureLeafletDrawEditNamespace(leaflet = null) {
+    const leaflets = [];
+
+    if (leaflet) {
+        leaflets.push(leaflet);
+    }
+
+    if (typeof window !== 'undefined') {
+        leaflets.push(window.leaflet, window.L);
+    }
+
+    const guarded = [];
+    for (const L of leaflets) {
+        if (!L || guarded.includes(L)) continue;
+        L.Edit = L.Edit || {};
+        guarded.push(L);
+    }
+
+    return guarded;
+}
+
+export default ensureLeafletDrawEditNamespace;

package/addon/utils/leaflet-plugin-loader.js

@@ -0,0 +1,219 @@
+import { debug } from '@ember/debug';
+import ensureLeafletDrawEditNamespace from './leaflet-draw-namespace-guard';
+
+const DEFAULT_BASE_PATH = 'engines-dist/leaflet';
+const DEFAULT_SCRIPTS = ['leaflet.contextmenu.js', 'leaflet.draw-src.js'];
+const DEFAULT_STYLESHEETS = ['leaflet.contextmenu.css', 'leaflet.draw.css'];
+const SCRIPT_FLAG = 'fleetopsLeafletPluginLoaded';
+const STYLESHEET_FLAG = 'fleetopsLeafletPluginStylesheet';
+
+let pluginReadyPromise = null;
+
+function normalizePath(path = '') {
+    return `/${path.replace(/^\/+/, '')}`;
+}
+
+function assetPath(basePath, assetName) {
+    return normalizePath(`${basePath ? `${basePath}/` : ''}${assetName}`);
+}
+
+function findAssetElement(tagName, srcAttribute, src) {
+    return Array.from(document.getElementsByTagName(tagName)).find((element) => {
+        const currentSrc = element.getAttribute(srcAttribute);
+        if (currentSrc === src) {
+            return true;
+        }
+
+        try {
+            return new URL(element[srcAttribute], window.location.origin).pathname === src;
+        } catch {
+            return false;
+        }
+    });
+}
+
+function normalizeLeafletGlobal() {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+
+    const leaflet = window.L || window.leaflet;
+    if (!leaflet) {
+        return null;
+    }
+
+    window.L = leaflet;
+    window.leaflet = leaflet;
+    ensureLeafletDrawEditNamespace(leaflet);
+    return leaflet;
+}
+
+function hasLeafletDrawPlugins(leaflet = normalizeLeafletGlobal()) {
+    return Boolean(leaflet?.Edit?.Marker && leaflet?.Edit?.Poly && leaflet?.Control?.Draw);
+}
+
+function hasLeafletContextmenuPlugin(leaflet = normalizeLeafletGlobal()) {
+    return Boolean(leaflet?.Map?.ContextMenu);
+}
+
+export function hasLeafletPluginsReady() {
+    const leaflet = normalizeLeafletGlobal();
+    return Boolean(leaflet && hasLeafletDrawPlugins(leaflet) && hasLeafletContextmenuPlugin(leaflet));
+}
+
+function waitForLeafletGlobal({ timeoutMs = 8000 } = {}) {
+    const leaflet = normalizeLeafletGlobal();
+    if (leaflet) {
+        return Promise.resolve(leaflet);
+    }
+
+    return new Promise((resolve, reject) => {
+        const startedAt = Date.now();
+        const interval = setInterval(() => {
+            const leaflet = normalizeLeafletGlobal();
+            if (leaflet) {
+                clearInterval(interval);
+                resolve(leaflet);
+                return;
+            }
+
+            if (timeoutMs != null && Date.now() - startedAt >= timeoutMs) {
+                clearInterval(interval);
+                reject(new Error('[FleetOps Leaflet] Leaflet global is not available'));
+            }
+        }, 50);
+    });
+}
+
+function appendStylesheet(href) {
+    if (typeof document === 'undefined') {
+        return;
+    }
+
+    const existing = findAssetElement('link', 'href', href);
+    if (existing) {
+        existing.dataset[STYLESHEET_FLAG] = 'true';
+        return;
+    }
+
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = href;
+    link.dataset[STYLESHEET_FLAG] = 'true';
+    document.head.appendChild(link);
+}
+
+function loadScript(src, { timeoutMs = 8000, isReady = null } = {}) {
+    if (typeof document === 'undefined') {
+        return Promise.reject(new Error('[FleetOps Leaflet] document is not available'));
+    }
+
+    const existing = findAssetElement('script', 'src', src);
+    if (existing?.dataset[SCRIPT_FLAG] === 'true' || isReady?.()) {
+        if (existing) {
+            existing.dataset[SCRIPT_FLAG] = 'true';
+        }
+        return Promise.resolve(existing);
+    }
+
+    return new Promise((resolve, reject) => {
+        const script = existing ?? document.createElement('script');
+        let timeoutId;
+
+        const cleanup = () => {
+            script.removeEventListener('load', onLoad);
+            script.removeEventListener('error', onError);
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+            }
+        };
+
+        const onLoad = () => {
+            cleanup();
+            script.dataset[SCRIPT_FLAG] = 'true';
+            normalizeLeafletGlobal();
+            resolve(script);
+        };
+
+        const onError = () => {
+            cleanup();
+            reject(new Error(`[FleetOps Leaflet] Failed to load ${src}`));
+        };
+
+        script.addEventListener('load', onLoad);
+        script.addEventListener('error', onError);
+
+        if (timeoutMs != null) {
+            timeoutId = setTimeout(() => {
+                cleanup();
+                reject(new Error(`[FleetOps Leaflet] Timed out loading ${src}`));
+            }, timeoutMs);
+        }
+
+        if (!existing) {
+            script.src = src;
+            script.async = false;
+            script.dataset.fleetopsLeafletPlugin = 'true';
+            document.body.appendChild(script);
+        }
+    });
+}
+
+export function resetLeafletPluginLoaderForTesting() {
+    pluginReadyPromise = null;
+}
+
+function pluginReadyCheck(script) {
+    if (script.includes('contextmenu')) {
+        return () => hasLeafletContextmenuPlugin();
+    }
+
+    if (script.includes('draw')) {
+        return () => hasLeafletDrawPlugins();
+    }
+
+    return null;
+}
+
+export default function ensureLeafletPluginsReady(options = {}) {
+    const { basePath = DEFAULT_BASE_PATH, scripts = DEFAULT_SCRIPTS, stylesheets = DEFAULT_STYLESHEETS, timeoutMs = 8000, force = false } = options;
+
+    if (!force && hasLeafletPluginsReady()) {
+        window.fleetopsLeafletPluginsLoaded = true;
+        return Promise.resolve(normalizeLeafletGlobal());
+    }
+
+    if (!force && pluginReadyPromise) {
+        return pluginReadyPromise;
+    }
+
+    window.fleetopsLeafletPluginsLoaded = false;
+    stylesheets.forEach((stylesheet) => appendStylesheet(assetPath(basePath, stylesheet)));
+
+    pluginReadyPromise = waitForLeafletGlobal({ timeoutMs })
+        .then(() =>
+            scripts.reduce((promise, script) => {
+                return promise.then(() => {
+                    normalizeLeafletGlobal();
+                    return loadScript(assetPath(basePath, script), { timeoutMs, isReady: pluginReadyCheck(script) });
+                });
+            }, Promise.resolve())
+        )
+        .then(() => {
+            const readyLeaflet = normalizeLeafletGlobal();
+            if (!hasLeafletPluginsReady()) {
+                throw new Error('[FleetOps Leaflet] Leaflet plugins loaded but required Draw/contextmenu APIs are missing');
+            }
+
+            window.fleetopsLeafletPluginsLoaded = true;
+            return readyLeaflet;
+        })
+        .catch((error) => {
+            window.fleetopsLeafletPluginsLoaded = false;
+            pluginReadyPromise = null;
+            debug(error.message);
+            throw error;
+        });
+
+    return pluginReadyPromise;
+}

package/addon/utils/normalize-order-config-flow.js

@@ -0,0 +1,41 @@
+import { isArray } from '@ember/array';
+
+export function getOrderConfigFlowRootCode(flow = {}) {
+    if (flow.created) {
+        return 'created';
+    }
+
+    return Object.keys(flow)[0];
+}
+
+export default function normalizeOrderConfigFlow(flow = {}) {
+    if (isArray(flow)) {
+        return flow.reduce((normalized, activity, index) => {
+            if (!activity || typeof activity !== 'object') {
+                return normalized;
+            }
+
+            const code = activity.code ?? activity.key;
+            if (!code) {
+                return normalized;
+            }
+
+            const nextActivity = flow.slice(index + 1).find((candidate) => candidate && typeof candidate === 'object' && (candidate.code ?? candidate.key));
+
+            normalized[code] = {
+                ...activity,
+                code,
+                key: activity.key ?? code,
+                activities: isArray(activity.activities) ? activity.activities : nextActivity ? [nextActivity.code ?? nextActivity.key] : [],
+            };
+
+            return normalized;
+        }, {});
+    }
+
+    if (flow && typeof flow === 'object') {
+        return flow;
+    }
+
+    return {};
+}

package/addon/utils/place-address-html.js

@@ -11,17 +11,18 @@ function line(content, className = '') {
     return `<div${classAttribute}>${escapeHtml(content)}</div>`;
 }
 
-export default function placeAddressHtml(place) {
+export default function placeAddressHtml(place, options = {}) {
     if (!place) {
         return htmlSafe('');
     }
 
+    const { showTitle = true } = options;
     const name = place.name === place.street1 ? null : place.name;
     const cityStatePostalCode = [place.city, place.province, place.postal_code].filter((value) => !isBlank(value)).join(', ');
     const lines = [];
 
     if (name) {
-        lines.push(line(name, 'font-semibold'));
+        if (showTitle) lines.push(line(name, 'font-semibold'));
         lines.push(line(place.street1));
     } else if (place.street1) {
         lines.push(line(place.street1, 'font-semibold'));

package/addon/utils/route-visualization.js

@@ -8,6 +8,18 @@ export function waypointToPlace(waypoint) {
     return waypoint.place ?? waypoint;
 }
 
+export function endpointTrackingNumberUuid(payload, role) {
+    if (!payload || !role) {
+        return null;
+    }
+
+    return payload[`${role}_tracking_number_uuid`] ?? null;
+}
+
+export function waypointTrackingNumberUuid(waypoint) {
+    return waypoint?.tracking_number_uuid ?? waypoint?.tracking_number?.uuid ?? waypoint?.trackingNumber?.uuid ?? null;
+}
+
 export function buildPlaceAddressTooltip(title, place) {
     if (!place) {
         return title;
@@ -38,30 +50,65 @@ export function buildRoutePointsFromPayload(payload) {
     const waypoints = payload.waypoints ?? [];
 
     if (hasValidCoordinates(payload.pickup)) {
-        points.push({ role: 'pickup', place: payload.pickup });
+        points.push({ role: 'pickup', place: payload.pickup, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'pickup') });
     }
 
     waypoints.forEach((waypoint, index) => {
         const place = waypointToPlace(waypoint);
 
         if (hasValidCoordinates(place)) {
-            points.push({ role: 'waypoint', place, stopNumber: index + 1 });
+            points.push({ role: 'waypoint', place, stopNumber: index + 1, trackingNumberUuid: waypointTrackingNumberUuid(waypoint) });
         }
     });
 
     if (hasValidCoordinates(payload.dropoff)) {
-        points.push({ role: 'dropoff', place: payload.dropoff });
+        points.push({ role: 'dropoff', place: payload.dropoff, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'dropoff') });
+    }
+
+    if (hasValidCoordinates(payload.return)) {
+        points.push({ role: 'return', place: payload.return, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'return') });
     }
 
     return points;
 }
 
+export function buildServiceStopsFromPayload(payload) {
+    if (!payload) {
+        return [];
+    }
+
+    const stops = [];
+    const waypoints = payload.waypoints ?? [];
+
+    if (payload.pickup) {
+        stops.push({ role: 'pickup', place: payload.pickup, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'pickup') });
+    }
+
+    waypoints.forEach((waypoint, index) => {
+        const place = waypointToPlace(waypoint);
+
+        if (place) {
+            stops.push({ role: 'waypoint', place, stopNumber: index + 1, trackingNumberUuid: waypointTrackingNumberUuid(waypoint) });
+        }
+    });
+
+    if (payload.dropoff) {
+        stops.push({ role: 'dropoff', place: payload.dropoff, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'dropoff') });
+    }
+
+    if (payload.return) {
+        stops.push({ role: 'return', place: payload.return, trackingNumberUuid: endpointTrackingNumberUuid(payload, 'return') });
+    }
+
+    return stops;
+}
+
 export function describeRoutePoint(routePoint, routeColor) {
     const role = routePoint?.role;
     const stopNumber = routePoint?.stopNumber ?? 1;
-    const label = role === 'pickup' ? 'P' : role === 'dropoff' ? 'D' : String(stopNumber);
-    const markerColor = role === 'pickup' ? '#22C55E' : role === 'dropoff' ? '#EF4444' : routeColor;
-    const title = role === 'pickup' ? 'Pickup' : role === 'dropoff' ? 'Dropoff' : `Stop ${stopNumber}`;
+    const label = role === 'pickup' ? 'P' : role === 'dropoff' ? 'D' : role === 'return' ? 'R' : String(stopNumber);
+    const markerColor = role === 'pickup' ? '#22C55E' : role === 'dropoff' ? '#EF4444' : role === 'return' ? '#F97316' : routeColor;
+    const title = role === 'pickup' ? 'Pickup' : role === 'dropoff' ? 'Dropoff' : role === 'return' ? 'Return' : `Stop ${stopNumber}`;
 
     return {
         label,
@@ -74,7 +121,7 @@ export function buildRoutePointMarkerPresentation(routePoint, routeColor, option
     const role = routePoint?.role;
     const place = routePoint?.place;
     const { label, markerColor, title } = describeRoutePoint(routePoint, routeColor);
-    const zIndexOffset = role === 'pickup' ? 2200 : role === 'dropoff' ? 2100 : 1800;
+    const zIndexOffset = role === 'pickup' ? 2200 : role === 'dropoff' ? 2100 : role === 'return' ? 2000 : 1800;
 
     return {
         waypointLabel: label,

package/addon/utils/setup-customer-portal.js

@@ -1,10 +1,6 @@
-import CustomerOrdersComponent from '../components/customer/orders';
 import CustomerAdminSettingsComponent from '../components/customer/admin-settings';
-import { MenuItem } from '@fleetbase/ember-core/contracts';
-import { setOwner } from '@ember/application';
-import { debug } from '@ember/debug';
 
-export default function setupCustomerPortal(fleetopsEngine, universe) {
+export default function setupCustomerPortal(_fleetopsEngine, universe) {
     const extensionManager = universe.getService('universe/extension-manager');
     const isCustomerPortalInstalled = extensionManager.isInstalled('@fleetbase/customer-portal-engine');
     if (!isCustomerPortalInstalled) return;
@@ -13,81 +9,25 @@ export default function setupCustomerPortal(fleetopsEngine, universe) {
     if (extensionManager.isEngineLoaded('@fleetbase/customer-portal-engine')) {
         const customerPortalEngine = extensionManager.getEngineInstance('@fleetbase/customer-portal-engine');
         if (customerPortalEngine) {
-            return setup(customerPortalEngine, fleetopsEngine, universe);
+            return setup(customerPortalEngine, universe);
         }
     }
 
     // Otherwise, wait for customer portal engine to load to run setup
     universe.onEngineLoaded('@fleetbase/customer-portal-engine', (customerPortalEngine) => {
-        setup(customerPortalEngine, fleetopsEngine, universe);
+        setup(customerPortalEngine, universe);
     });
 }
 
-function setup(customerPortalEngine, fleetopsEngine, universe) {
+function setup(customerPortalEngine, universe) {
     // If setup already completed don't run again
     if (customerPortalEngine?._fleetopsSetupCompleted === true) return;
 
-    // Alias FleetOps services into Customer Portal before rendering
-    createServiceAlias(fleetopsEngine, customerPortalEngine, [
-        'leaflet-map-manager',
-        'location',
-        'movement-tracker',
-        'leaflet-routing-control',
-        'order-config-actions',
-        'order-creation',
-        'order-validation',
-    ]);
-
-    const menuService = universe.getService('universe/menu-service');
     const registryService = universe.getService('universe/registry-service');
 
-    // Register customer orders from Fleet-Ops
-    menuService.registerMenuItem(
-        'customer-portal:sidebar',
-        new MenuItem({
-            title: 'Orders',
-            route: 'customer-portal.portal.virtual',
-            icon: 'boxes-packing',
-            component: createEngineBoundComponent(customerPortalEngine, CustomerOrdersComponent),
-        })
-    );
-
     // Register registries
     registryService.register('customer-portal:admin-settings', '@fleetbase/customer-portal-engine', CustomerAdminSettingsComponent);
 
     // Flag fleetops setup complete
     customerPortalEngine._fleetopsSetupCompleted = true;
 }
-
-function createServiceAlias(sourceOwner, destOwner, serviceNames) {
-    serviceNames.forEach((name) => {
-        const key = `service:${name}`;
-        if (destOwner.hasRegistration?.(key)) return;
-
-        // alias the fully-wired instance
-        const instance = sourceOwner.lookup?.(key);
-        if (instance) {
-            destOwner.register(key, instance, { instantiate: false });
-            return;
-        }
-
-        // Faillback: only use factories for simple/stateless services
-        const factory = sourceOwner.resolveRegistration?.(key);
-        if (factory) {
-            destOwner.register(key, factory);
-            return;
-        }
-
-        debug(`[alias] missing ${key} on source; not aliased`);
-    });
-}
-
-function createEngineBoundComponent(engineInstance, ComponentClass) {
-    return class EngineBoundComponent extends ComponentClass {
-        constructor(...args) {
-            super(...args);
-            // Ensure DI resolution happens within the engine
-            setOwner(this, engineInstance);
-        }
-    };
-}

package/app/components/home/getting-started-guidance.js

@@ -0,0 +1 @@
+export { default } from '@fleetbase/fleetops-engine/components/home/getting-started-guidance';