@fleetbase/fleetops-engine 0.6.70 → 0.6.71

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

@@ -10,7 +10,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
     @service intl;
 
     /** query params */
-    @tracked queryParams = ['page', 'query', 'limit', 'sort', 'zone', 'service_area'];
+    @tracked queryParams = this.serviceRateActions.queryParamsFor(['page', 'query', 'limit', 'sort', 'zone', 'service_area']);
     @tracked page = 1;
     @tracked limit;
     @tracked query;
@@ -20,11 +20,13 @@ export default class OperationsServiceRatesIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'refresh',
                 icon: 'refresh',
                 onClick: this.serviceRateActions.refresh,
                 helpText: this.intl.t('common.refresh'),
             },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
@@ -32,6 +34,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 permission: 'fleet-ops create service-rate',
             },
             {
+                id: 'export',
                 text: this.intl.t('common.export'),
                 icon: 'long-arrow-up',
                 iconClass: 'rotate-icon-45',
@@ -46,6 +49,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
     get bulkActions() {
         return [
             {
+                id: 'bulk-delete',
                 label: 'Delete selected...',
                 class: 'text-red-500',
                 fn: this.serviceRateActions.bulkDelete,
@@ -58,6 +62,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
     get columns() {
         return [
             {
+                id: 'public-id',
                 sticky: true,
                 label: this.intl.t('column.id'),
                 valuePath: 'public_id',
@@ -70,6 +75,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'service-name',
                 label: this.intl.t('column.service'),
                 valuePath: 'service_name',
                 cellComponent: 'table/cell/base',
@@ -78,6 +84,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 filterable: false,
             },
             {
+                id: 'service-area-name',
                 label: this.intl.t('column.service-area'),
                 valuePath: 'service_area.name',
                 cellComponent: 'cell/service-area-identity',
@@ -93,6 +100,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 model: 'service-area',
             },
             {
+                id: 'zone-name',
                 label: this.intl.t('column.zone'),
                 valuePath: 'zone.name',
                 cellComponent: 'cell/zone-identity',
@@ -107,6 +115,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 model: 'zone',
             },
             {
+                id: 'created-at',
                 label: this.intl.t('column.created-at'),
                 valuePath: 'createdAt',
                 sortParam: 'created_at',
@@ -116,6 +125,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'updated-at',
                 label: this.intl.t('column.updated-at'),
                 valuePath: 'updatedAt',
                 sortParam: 'updated_at',
@@ -126,6 +136,7 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 filterComponent: 'filter/date',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -137,18 +148,21 @@ export default class OperationsServiceRatesIndexController extends Controller {
                 width: 60,
                 actions: [
                     {
+                        id: 'view',
                         label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.service-rate') }),
                         icon: 'eye',
                         fn: this.serviceRateActions.transition.view,
                         permission: 'fleet-ops view service-rate',
                     },
                     {
+                        id: 'edit',
                         label: this.intl.t('common.edit-resource', { resource: this.intl.t('resource.service-rate') }),
                         icon: 'pencil',
                         fn: this.serviceRateActions.transition.edit,
                         permission: 'fleet-ops view service-rate',
                     },
                     {
+                        id: 'delete',
                         label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.service-rate') }),
                         icon: 'trash',
                         fn: this.serviceRateActions.delete,

package/addon/extension.js

@@ -162,6 +162,38 @@ export default {
 
         // Create registries
         this.createRegistries(registryService);
+
+        // Declare the registries extensions can add table columns, actions and
+        // buttons to, e.g. `fleet-ops:driver:table:columns` or `fleet-ops:order:details:menu`.
+        universe
+            .getService('universe/resource-view-service')
+            ?.declare('fleet-ops', [
+                'contact',
+                'customer',
+                'device',
+                'device-event',
+                'driver',
+                'equipment',
+                'fleet',
+                'fuel-report',
+                'fuel-transaction',
+                'inspection-form',
+                'inspection-submission',
+                'integrated-vendor',
+                'issue',
+                'maintenance',
+                'order',
+                'part',
+                'place',
+                'report',
+                'schedule',
+                'sensor',
+                'service-rate',
+                'trailer',
+                'vehicle',
+                'vendor',
+                'work-order',
+            ]);
         registryService.registerRenderableComponent('ai:action-preview:fleet-ops.create_order', new ExtensionComponent('@fleetbase/fleetops-engine', 'ai/create-order-preview'));
 
         // // Register console home guidance

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

@@ -60,6 +60,7 @@ export default class OperationsOrdersIndexDetailsRoute extends Route {
             with: [
                 'payload',
                 'driverAssigned',
+                'vehicleAssigned',
                 'orderConfig',
                 'customer',
                 'facilitator',

package/addon/services/contact-actions.js

@@ -48,6 +48,7 @@ export default class ContactActionsService extends ResourceActionService {
         },
         view: (contact, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 contact,
                 title: contact?.name,
                 header: 'contact/panel-header',

package/addon/services/customer-actions.js

@@ -4,7 +4,7 @@ import { PANEL_DEFAULTS, registeredPanelTabs } from '../utils/context-panel';
 export default class CustomerActionsService extends ContactActionsService {
     constructor() {
         super(...arguments);
-        this.initialize('contact', { defaultAttributes: { type: 'customer', status: 'active' } });
+        this.initialize('contact', { defaultAttributes: { type: 'customer', status: 'active' }, registryResource: 'customer' });
     }
 
     transition = {
@@ -38,6 +38,7 @@ export default class CustomerActionsService extends ContactActionsService {
         },
         view: (customer, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 customer,
                 title: customer?.name,
                 header: 'contact/panel-header',

package/addon/services/device-actions.js

@@ -48,6 +48,7 @@ export default class DeviceActionsService extends ResourceActionService {
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 device,
                 header: 'device/panel-header',
                 title: device.name ?? device.serial_number,

package/addon/services/device-event-actions.js

@@ -17,6 +17,7 @@ export default class DeviceEventActionsService extends ResourceActionService {
     panel = {
         view: (deviceEvent) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 deviceEvent,
                 tabs: [
                     {

package/addon/services/driver-actions.js

@@ -2,9 +2,7 @@ import ResourceActionService, { inject as service } from '@fleetbase/ember-core/
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
 import config from 'ember-get-config';
 import { action } from '@ember/object';
-import { isArray } from '@ember/array';
-import { dasherize } from '@ember/string';
-import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 import { confirmLoginAction, hasInactiveLogin, hasManagedLogin } from '../utils/profile-login-actions';
 
 export default class DriverActionsService extends ResourceActionService {
@@ -13,16 +11,8 @@ export default class DriverActionsService extends ResourceActionService {
     @service issueActions;
 
     get registeredTabs() {
-        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:driver:details');
-        return (isArray(registeredTabs) ? registeredTabs : [])
-            .map((tab) => {
-                delete tab.route;
-                if (!tab.key) {
-                    tab.key = tab.id ?? dasherize(tab.label ?? tab.title);
-                }
-                return tab;
-            })
-            .filter((tab) => !tab.component);
+        // Copies, so the shared registry items keep the \`route\` their routed details view needs.
+        return registeredPanelTabs(this.menuService, 'fleet-ops:component:driver:details');
     }
 
     get panelTabs() {
@@ -125,6 +115,7 @@ export default class DriverActionsService extends ResourceActionService {
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 driver,
                 header: 'driver/panel-header',
                 actionButtons: [

package/addon/services/equipment-actions.js

@@ -47,6 +47,7 @@ export default class EquipmentActionsService extends ResourceActionService {
         },
         view: (equipment, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 equipment,
                 title: equipment?.name,
                 header: 'equipment/panel-header',

package/addon/services/fleet-actions.js

@@ -42,6 +42,7 @@ export default class FleetActionsService extends ResourceActionService {
         },
         view: (fleet, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 fleet,
                 title: fleet?.name,
                 actionButtons: [

package/addon/services/fuel-report-actions.js

@@ -43,6 +43,7 @@ export default class FuelReportActionsService extends ResourceActionService {
         },
         view: (fuelReport, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 fuelReport,
                 title: fuelReport?.name ?? `Fuel reported on ${fuelReport?.createdAt ?? ''}`.trim(),
                 actionButtons: [{ icon: 'pencil', permission: 'fleet-ops update fuel-report', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(fuelReport)) }],

package/addon/services/inspection-form-actions.js

@@ -59,6 +59,7 @@ export default class InspectionFormActionsService extends ResourceActionService
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 form,
                 title: form?.name,
                 get actionButtons() {

package/addon/services/inspection-submission-actions.js

@@ -32,6 +32,7 @@ export default class InspectionSubmissionActionsService extends ResourceActionSe
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 submission,
                 title: this.panelTitle(submission),
                 actionButtons: [

package/addon/services/integrated-vendor-actions.js

@@ -37,6 +37,7 @@ export default class IntegratedVendorActionsService extends ResourceActionServic
         },
         view: (integratedVendor, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 integratedVendor,
                 tabs: [
                     {

package/addon/services/issue-actions.js

@@ -50,6 +50,7 @@ export default class IssueActionsService extends ResourceActionService {
         },
         view: (issue, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 issue,
                 header: 'issue/panel-header',
                 width: '800px',

package/addon/services/maintenance-actions.js

@@ -44,6 +44,7 @@ export default class MaintenanceActionsService extends ResourceActionService {
         },
         view: (maintenance, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 maintenance,
                 title: maintenance?.summary,
                 header: 'maintenance/panel-header',

package/addon/services/maintenance-schedule-actions.js

@@ -11,7 +11,7 @@ export default class MaintenanceScheduleActionsService extends ResourceActionSer
 
     constructor() {
         super(...arguments);
-        this.initialize('maintenance-schedule');
+        this.initialize('maintenance-schedule', { registryResource: 'schedule' });
     }
 
     transition = {
@@ -43,6 +43,7 @@ export default class MaintenanceScheduleActionsService extends ResourceActionSer
         },
         view: (schedule, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 schedule,
                 title: schedule?.name,
                 actionButtons: this.panelActionButtons(schedule, { onDeleted: () => this.resourceContextPanel.closeAll() }),

package/addon/services/order-actions.js

@@ -6,6 +6,7 @@ import { task } from 'ember-concurrency';
 
 export default class OrderActionsService extends ResourceActionService {
     @service store;
+    @service orderPresentation;
     modelNamePath = 'tracking';
 
     constructor() {
@@ -54,6 +55,7 @@ export default class OrderActionsService extends ResourceActionService {
         },
         view: (order, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 order,
                 tabs: [
                     {
@@ -313,6 +315,11 @@ export default class OrderActionsService extends ResourceActionService {
     @action editOrderDetails(order, options = {}) {
         options = options === null ? {} : options;
 
+        // Orders with a presentation profile are edited in the profiled order form, not the fixed modal.
+        if (this.orderPresentation.profileFor(order)) {
+            return this.panel.edit(order, options);
+        }
+
         this.modalsManager.show('modals/order-form', {
             title: this.intl.t('order.actions.edit-order-details'),
             acceptButtonText: this.intl.t('common.save-changes'),

package/addon/services/order-presentation.js

@@ -0,0 +1,129 @@
+import Service, { inject as service } from '@ember/service';
+import { isArray } from '@ember/array';
+
+/**
+ * Resolves an extension-owned presentation profile for an order.
+ *
+ * A profile lets an extension compose the order form, details and actions for orders
+ * whose Order Config opts in via `order_config.meta.presentation_profile`. When no
+ * profile applies every consumer renders the standard Fleet-Ops presentation.
+ *
+ * Extensions register profiles through the registry service so registration does not
+ * depend on the Fleet-Ops engine having loaded:
+ *
+ *   registryService.register('fleet-ops:order-presentation', 'profiles', 'my-profile', {
+ *       id: 'my-profile',
+ *       isEnabled() { return true; },
+ *       form: { sections: ['details', 'route', new ExtensionComponent('@org/engine', 'my-section'), 'notes'] },
+ *       details: { sections: [...] },
+ *       hidden: { fields: ['driver', 'dispatch'], actions: ['dispatch', 'assign-driver'] },
+ *       prepare(order) {},
+ *   });
+ *
+ * Native section names — form: details, route, payload, service-rate, notes, documents,
+ * orchestrator-constraints, metadata, custom-fields. Details: activity, detail, custom-fields,
+ * purchase-rate, tracking, proof, notes, integrated-vendor-details, route, payload,
+ * documents, comments, metadata.
+ *
+ * `hidden.actions` takes built-in action ids, the same ids the order table and details use in
+ * the resource view registries: dispatch, assign-driver, unassign-driver, edit-order-details,
+ * update-activity, view-label, listen-to-socket-channel, view-metadata, cancel, delete.
+ */
+export const ORDER_PRESENTATION_REGISTRY = 'fleet-ops:order-presentation';
+
+export default class OrderPresentationService extends Service {
+    @service('universe/registry-service') registryService;
+
+    get profiles() {
+        return this.registryService.getRegistry(ORDER_PRESENTATION_REGISTRY, 'profiles') ?? [];
+    }
+
+    /**
+     * Returns the presentation profile applying to an order or order config, or null.
+     *
+     * @param {Object} orderOrConfig an order (with `order_config`) or an order-config
+     * @returns {Object|null}
+     */
+    profileFor(orderOrConfig) {
+        const orderConfig = this.#resolveOrderConfig(orderOrConfig);
+        const profileId = orderConfig?.meta?.presentation_profile;
+        if (!profileId) {
+            return null;
+        }
+
+        const profile = this.profiles.find((candidate) => candidate?.id === profileId);
+        if (!profile) {
+            return null;
+        }
+
+        if (typeof profile.isEnabled === 'function' && profile.isEnabled(orderConfig) !== true) {
+            return null;
+        }
+
+        return profile;
+    }
+
+    /**
+     * Returns the ordered sections of a profile surface ("form" or "details").
+     */
+    sectionsFor(profile, surface) {
+        const sections = profile?.[surface]?.sections;
+        return isArray(sections) ? sections : [];
+    }
+
+    /**
+     * Returns renderable section descriptors for a surface ("form" or "details").
+     * Native sections resolve to `order/<surface>/<name>`; anything else is an ExtensionComponent.
+     */
+    renderableSectionsFor(profile, surface) {
+        return this.sectionsFor(profile, surface).map((section, index) => {
+            if (typeof section === 'string') {
+                return { key: `native:${section}`, native: true, name: section, componentName: `order/${surface}/${section}` };
+            }
+
+            return { key: `extension:${section?.path ?? section?.name ?? index}`, native: false, component: section };
+        });
+    }
+
+    /**
+     * Determines if a field or action is hidden by the profile applying to the subject.
+     *
+     * @param {Object} orderOrConfig
+     * @param {String} group "fields" or "actions"
+     * @param {String} key a field key, or a built-in action id
+     */
+    isHidden(orderOrConfig, group, key) {
+        const profile = this.profileFor(orderOrConfig);
+        const hidden = profile?.hidden?.[group];
+        return isArray(hidden) && hidden.includes(key);
+    }
+
+    hiddenFieldsFor(orderOrConfig) {
+        const hidden = this.profileFor(orderOrConfig)?.hidden?.fields;
+        return isArray(hidden) ? hidden : [];
+    }
+
+    /**
+     * Lets the profile normalize an order when it starts to apply (e.g. clear dispatch-only values).
+     */
+    prepare(order) {
+        const profile = this.profileFor(order);
+        if (profile && typeof profile.prepare === 'function') {
+            profile.prepare(order);
+        }
+        return profile;
+    }
+
+    #resolveOrderConfig(orderOrConfig) {
+        if (!orderOrConfig) {
+            return null;
+        }
+
+        // An order-config has a flow; an order references its config.
+        if (orderOrConfig.flow !== undefined && orderOrConfig.order_config === undefined) {
+            return orderOrConfig;
+        }
+
+        return orderOrConfig.order_config ?? null;
+    }
+}

package/addon/services/part-actions.js

@@ -46,6 +46,7 @@ export default class PartActionsService extends ResourceActionService {
         },
         view: (part, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 part,
                 title: part?.name,
                 header: 'part/panel-header',

package/addon/services/place-actions.js

@@ -52,6 +52,7 @@ export default class PlaceActionsService extends ResourceActionService {
             }
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 place,
                 title: place?.name ?? place?.street1,
                 actionButtons: [{ icon: 'pencil', permission: 'fleet-ops update place', fn: () => closePanelsThen(this.resourceContextPanel, () => this.panel.edit(place)) }],

package/addon/services/sensor-actions.js

@@ -35,6 +35,7 @@ export default class SensorActionsService extends ResourceActionService {
         },
         view: (sensor) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 sensor,
                 header: 'sensor/panel-header',
                 tabs: [

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

@@ -41,6 +41,7 @@ export default class ServiceAreaActionsService extends ResourceActionService {
         },
         view: (serviceArea, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 serviceArea,
                 title: serviceArea?.name,
                 actionButtons: [

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

@@ -51,6 +51,7 @@ export default class ServiceRateActionsService extends ResourceActionService {
         },
         view: (serviceRate) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 serviceRate,
                 tabs: [
                     {

package/addon/services/telematic-actions.js

@@ -41,6 +41,7 @@ export default class TelematicActionsService extends ResourceActionService {
         },
         view: (telematic) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 telematic,
                 tabs: [
                     {

package/addon/services/trailer-actions.js

@@ -2,9 +2,7 @@ import ResourceActionService, { inject as service } from '@fleetbase/ember-core/
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
 import config from 'ember-get-config';
 import { action } from '@ember/object';
-import { isArray } from '@ember/array';
-import { dasherize } from '@ember/string';
-import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 
 /**
  * Trailer resource actions.
@@ -32,17 +30,8 @@ export default class TrailerActionsService extends ResourceActionService {
     }
 
     get registeredTabs() {
-        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:trailer:details');
-
-        return (isArray(registeredTabs) ? registeredTabs : [])
-            .map((tab) => {
-                delete tab.route;
-                if (!tab.key) {
-                    tab.key = tab.id ?? dasherize(tab.label ?? tab.title);
-                }
-                return tab;
-            })
-            .filter((tab) => !tab.component);
+        // Copies, so the shared registry items keep the \`route\` their routed details view needs.
+        return registeredPanelTabs(this.menuService, 'fleet-ops:component:trailer:details');
     }
 
     get panelTabs() {
@@ -132,6 +121,7 @@ export default class TrailerActionsService extends ResourceActionService {
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 trailer,
                 header: 'trailer/panel-header',
                 actionButtons: [

package/addon/services/vehicle-actions.js

@@ -2,9 +2,7 @@ import ResourceActionService, { inject as service } from '@fleetbase/ember-core/
 import leafletIcon from '@fleetbase/ember-core/utils/leaflet-icon';
 import config from 'ember-get-config';
 import { action } from '@ember/object';
-import { isArray } from '@ember/array';
-import { dasherize } from '@ember/string';
-import { PANEL_DEFAULTS, closePanelsThen } from '../utils/context-panel';
+import { PANEL_DEFAULTS, closePanelsThen, registeredPanelTabs } from '../utils/context-panel';
 
 export default class VehicleActionsService extends ResourceActionService {
     @service('universe/menu-service') menuService;
@@ -15,16 +13,8 @@ export default class VehicleActionsService extends ResourceActionService {
     @service issueActions;
 
     get registeredTabs() {
-        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:vehicle:details');
-        return (isArray(registeredTabs) ? registeredTabs : [])
-            .map((tab) => {
-                delete tab.route;
-                if (!tab.key) {
-                    tab.key = tab.id ?? dasherize(tab.label ?? tab.title);
-                }
-                return tab;
-            })
-            .filter((tab) => !tab.component);
+        // Copies, so the shared registry items keep the \`route\` their routed details view needs.
+        return registeredPanelTabs(this.menuService, 'fleet-ops:component:vehicle:details');
     }
 
     get panelTabs() {
@@ -148,6 +138,7 @@ export default class VehicleActionsService extends ResourceActionService {
             const service = this;
 
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 vehicle,
                 header: 'vehicle/panel-header',
                 actionButtons: [

package/addon/services/vendor-actions.js

@@ -43,6 +43,7 @@ export default class VendorActionsService extends ResourceActionService {
         },
         view: (vendor, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 vendor,
                 title: vendor?.name,
                 header: 'vendor/panel-header',

package/addon/services/work-order-actions.js

@@ -41,6 +41,7 @@ export default class WorkOrderActionsService extends ResourceActionService {
         },
         view: (workOrder, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 workOrder,
                 title: workOrder?.code ?? workOrder?.subject,
                 header: 'work-order/panel-header',

package/addon/services/zone-actions.js

@@ -36,6 +36,7 @@ export default class ZoneActionsService extends ResourceActionService {
         },
         view: (zone, options = {}) => {
             return this.resourceContextPanel.open({
+                registry: this.detailsRegistry,
                 zone,
                 title: zone?.name,
                 actionButtons: [