@fleetbase/fleetops-engine 0.6.70 → 0.6.71

package/addon/components/order-config-manager/lifecycle.js

@@ -0,0 +1,358 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
+import { isArray } from '@ember/array';
+import { task } from 'ember-concurrency';
+import { underscore } from '@ember/string';
+import generateUUID from '@fleetbase/ember-core/utils/generate-uuid';
+import normalizeOrderConfigFlow, { getOrderConfigFlowRootCode } from '../../utils/normalize-order-config-flow';
+
+/** Keys of `meta.lifecycle` understood by the server (see OrderConfig::lifecycle()). */
+const DEFAULTS = { initial: null, completed: null, canceled: null, terminal: [], dispatch: true, strict_transitions: false };
+
+const NEW_ACTIVITY = { status: '', code: '', details: '', color: '#1f2937' };
+
+/**
+ * Manages an order config's configured lifecycle (`meta.lifecycle`): the activity new orders start
+ * at, the activities that complete, cancel and end an order, whether orders may be dispatched and
+ * whether transitions must follow the flow. Without a configured lifecycle the default dispatch
+ * lifecycle applies.
+ *
+ * The activities themselves (the config's `flow`) can be defined here too, so a lifecycle can be
+ * built from scratch without the graph editor: add or remove activities, set their labels and the
+ * activities each one can move to. Flow and lifecycle are saved together.
+ *
+ * @extends Component
+ */
+export default class OrderConfigManagerLifecycleComponent extends Component {
+    @service modalsManager;
+    @service notifications;
+    @service abilities;
+    @service intl;
+
+    /** The config being managed. */
+    @tracked config;
+
+    /** Working copy of `meta.lifecycle`, or null when the config has none. */
+    @tracked lifecycle = null;
+
+    /** Last saved lifecycle, to tell whether there is anything to save. */
+    @tracked saved = null;
+
+    /** Working copy of the config's flow, keyed by activity code, with next activities as codes. */
+    @tracked flow = {};
+
+    /** Flow as last saved, serialized, to tell whether there is anything to save. */
+    @tracked savedFlow = '{}';
+
+    /** The activity being added. */
+    @tracked newActivity = { ...NEW_ACTIVITY };
+
+    constructor(owner, { config, configManagerContext }) {
+        super(...arguments);
+        this.changeConfig(config);
+
+        configManagerContext.on('onConfigChanged', (newConfig) => {
+            this.changeConfig(newConfig);
+        });
+    }
+
+    get canEdit() {
+        return this.abilities.can('fleet-ops update order-config') && !this.config?.core_service;
+    }
+
+    get enabled() {
+        return this.lifecycle !== null;
+    }
+
+    /** Activities of the flow as select options. */
+    get activities() {
+        return Object.values(this.flow).map((activity) => ({ code: activity.code, label: activity.status || activity.code }));
+    }
+
+    /** Activities with their next activities resolved, for the editor. */
+    get activityRows() {
+        return Object.values(this.flow).map((activity) => ({
+            ...activity,
+            next: (activity.activities ?? []).map((code) => this.option(code)).filter(Boolean),
+            isInitial: this.lifecycle?.initial === activity.code,
+        }));
+    }
+
+    get hasActivities() {
+        return Object.keys(this.flow).length > 0;
+    }
+
+    get newActivityCode() {
+        return underscore((this.newActivity.code || this.newActivity.status || '').trim());
+    }
+
+    get canAddActivity() {
+        const code = this.newActivityCode;
+        return this.canEdit && this.newActivity.status.trim() !== '' && code !== '' && !this.flow[code];
+    }
+
+    get newActivityCodeTaken() {
+        const code = this.newActivityCode;
+        return code !== '' && Boolean(this.flow[code]);
+    }
+
+    get selectedInitial() {
+        return this.option(this.lifecycle?.initial);
+    }
+
+    get selectedCompleted() {
+        return this.option(this.lifecycle?.completed);
+    }
+
+    get selectedCanceled() {
+        return this.option(this.lifecycle?.canceled);
+    }
+
+    get selectedTerminal() {
+        return (this.lifecycle?.terminal ?? []).map((code) => this.option(code)).filter(Boolean);
+    }
+
+    get isDirty() {
+        return JSON.stringify(this.lifecycle) !== JSON.stringify(this.saved) || this.serializeFlow() !== this.savedFlow;
+    }
+
+    /** Problems that make the lifecycle unusable server-side. */
+    get problems() {
+        if (!this.lifecycle) {
+            return [];
+        }
+
+        const problems = [];
+        const codes = this.activities.map((activity) => activity.code);
+        if (codes.length === 0) {
+            problems.push(this.intl.t('order-config-manager.lifecycle.problem-no-activities'));
+        }
+        if (!this.lifecycle.initial) {
+            problems.push(this.intl.t('order-config-manager.lifecycle.problem-initial-required'));
+        }
+
+        const referenced = [this.lifecycle.initial, this.lifecycle.completed, this.lifecycle.canceled, ...(this.lifecycle.terminal ?? [])].filter(Boolean);
+        for (const code of new Set(referenced)) {
+            if (!codes.includes(code)) {
+                problems.push(this.intl.t('order-config-manager.lifecycle.problem-missing-activity', { code }));
+            }
+        }
+
+        return problems;
+    }
+
+    get canSave() {
+        return this.canEdit && this.isDirty && this.problems.length === 0;
+    }
+
+    /** Arrow function so templates can call it as a helper: (this.option code). */
+    option = (code) => {
+        return code ? (this.activities.find((activity) => activity.code === code) ?? { code, label: code }) : null;
+    };
+
+    changeConfig(config) {
+        this.config = config;
+        this.saved = this.normalize(config?.meta?.lifecycle);
+        this.lifecycle = this.normalize(config?.meta?.lifecycle);
+        this.flow = this.readFlow(config?.flow);
+        this.savedFlow = this.serializeFlow();
+        this.newActivity = { ...NEW_ACTIVITY };
+    }
+
+    /** The stored flow as plain activity objects with next activities as codes. */
+    readFlow(flow) {
+        const normalized = normalizeOrderConfigFlow(flow ?? {});
+        const result = {};
+        Object.values(normalized).forEach((activity, index) => {
+            if (!activity || typeof activity !== 'object') {
+                return;
+            }
+            const code = activity.code ?? activity.key;
+            if (!code) {
+                return;
+            }
+            result[code] = {
+                ...activity,
+                code,
+                key: activity.key ?? code,
+                sequence: activity.sequence ?? index,
+                activities: (isArray(activity.activities) ? activity.activities : []).map((next) => (typeof next === 'string' ? next : (next?.code ?? next?.key))).filter(Boolean),
+            };
+        });
+        return result;
+    }
+
+    serializeFlow() {
+        const serialized = {};
+        Object.values(this.flow).forEach((activity) => {
+            // Graph-only state never belongs in the stored flow.
+            // eslint-disable-next-line no-unused-vars
+            const { node, id, parentId, _internalModel, ...stored } = activity;
+            serialized[activity.code] = { ...stored, activities: [...(activity.activities ?? [])] };
+        });
+        return JSON.stringify(serialized);
+    }
+
+    @action setNewActivityField(field, event) {
+        this.newActivity = { ...this.newActivity, [field]: event.target.value };
+    }
+
+    @action addActivity() {
+        if (!this.canAddActivity) {
+            return;
+        }
+
+        const code = this.newActivityCode;
+        const activity = {
+            key: code,
+            code,
+            status: this.newActivity.status.trim(),
+            details: this.newActivity.details.trim(),
+            color: this.newActivity.color || '#1f2937',
+            sequence: Object.keys(this.flow).length,
+            activities: [],
+            events: [],
+            logic: [],
+            actions: [],
+            entities: [],
+            complete: false,
+            require_pod: false,
+            pod_method: 'scan',
+            options: {},
+            internalId: generateUUID(),
+        };
+
+        this.flow = { ...this.flow, [code]: activity };
+        if (this.lifecycle && !this.lifecycle.initial) {
+            this.lifecycle = { ...this.lifecycle, initial: code };
+        }
+        this.newActivity = { ...NEW_ACTIVITY };
+    }
+
+    @action removeActivity(code) {
+        const flow = { ...this.flow };
+        delete flow[code];
+        Object.keys(flow).forEach((key) => {
+            flow[key] = { ...flow[key], activities: flow[key].activities.filter((next) => next !== code) };
+        });
+        this.flow = flow;
+
+        if (this.lifecycle) {
+            const without = (value) => (value === code ? null : value);
+            this.lifecycle = {
+                ...this.lifecycle,
+                initial: without(this.lifecycle.initial),
+                completed: without(this.lifecycle.completed),
+                canceled: without(this.lifecycle.canceled),
+                terminal: this.lifecycle.terminal.filter((item) => item !== code),
+            };
+        }
+    }
+
+    @action setActivityField(code, field, event) {
+        this.flow = { ...this.flow, [code]: { ...this.flow[code], [field]: event.target.value } };
+    }
+
+    @action setNextActivities(code, selected) {
+        this.flow = { ...this.flow, [code]: { ...this.flow[code], activities: (selected ?? []).map((activity) => activity.code) } };
+    }
+
+    /** Drops the default dispatch activities so a lifecycle can be designed from nothing. */
+    @action startBlankFlow() {
+        this.modalsManager.confirm({
+            title: this.intl.t('order-config-manager.lifecycle.blank-flow-title'),
+            body: this.intl.t('order-config-manager.lifecycle.blank-flow-body'),
+            acceptButtonText: this.intl.t('order-config-manager.lifecycle.blank-flow-confirm'),
+            confirm: (modal) => {
+                this.flow = {};
+                if (this.lifecycle) {
+                    this.lifecycle = { ...this.lifecycle, initial: null, completed: null, canceled: null, terminal: [] };
+                }
+                modal.done();
+            },
+        });
+    }
+
+    normalize(lifecycle) {
+        if (!lifecycle || typeof lifecycle !== 'object' || Object.keys(lifecycle).length === 0) {
+            return null;
+        }
+
+        return {
+            ...DEFAULTS,
+            ...lifecycle,
+            terminal: isArray(lifecycle.terminal) ? [...lifecycle.terminal] : [],
+            dispatch: !['false', '0', 0, false].includes(lifecycle.dispatch),
+            strict_transitions: Boolean(lifecycle.strict_transitions),
+        };
+    }
+
+    @action toggleEnabled(enabled) {
+        if (enabled) {
+            const flow = normalizeOrderConfigFlow(this.config?.flow ?? {});
+            this.lifecycle = this.saved ? { ...this.saved, terminal: [...this.saved.terminal] } : { ...DEFAULTS, terminal: [], initial: getOrderConfigFlowRootCode(flow) ?? null };
+            return;
+        }
+
+        if (this.saved) {
+            this.modalsManager.confirm({
+                title: this.intl.t('order-config-manager.lifecycle.remove-title'),
+                body: this.intl.t('order-config-manager.lifecycle.remove-body'),
+                acceptButtonText: this.intl.t('order-config-manager.lifecycle.remove-confirm'),
+                confirm: async (modal) => {
+                    modal.startLoading();
+                    this.lifecycle = null;
+                    await this.save.perform();
+                    modal.done();
+                },
+                decline: (modal) => {
+                    modal.done();
+                },
+            });
+            return;
+        }
+
+        this.lifecycle = null;
+    }
+
+    @action setActivity(key, activity) {
+        this.lifecycle = { ...this.lifecycle, [key]: activity?.code ?? null };
+    }
+
+    @action setTerminal(activities) {
+        this.lifecycle = { ...this.lifecycle, terminal: (activities ?? []).map((activity) => activity.code) };
+    }
+
+    @action setFlag(key, value) {
+        this.lifecycle = { ...this.lifecycle, [key]: Boolean(value) };
+    }
+
+    @task *save() {
+        const meta = { ...(this.config.meta ?? {}) };
+        if (this.lifecycle) {
+            meta.lifecycle = { ...this.lifecycle };
+        } else {
+            delete meta.lifecycle;
+        }
+
+        try {
+            this.config.set('meta', meta);
+            this.config.set('flow', JSON.parse(this.serializeFlow()));
+            yield this.config.save();
+            this.saved = this.normalize(this.lifecycle);
+            this.lifecycle = this.normalize(this.lifecycle);
+            this.savedFlow = this.serializeFlow();
+            this.notifications.success(this.intl.t('order-config-manager.lifecycle.saved', { orderConfigName: this.config.name }));
+            if (typeof this.args.onConfigUpdated === 'function') {
+                this.args.onConfigUpdated(this.config);
+            }
+        } catch (error) {
+            this.config.rollbackAttributes();
+            this.lifecycle = this.normalize(this.config.meta?.lifecycle);
+            this.flow = this.readFlow(this.config.flow);
+            this.notifications.serverError(error);
+        }
+    }
+}

package/addon/components/order-config-manager.js

@@ -14,6 +14,7 @@ import applyContextComponentArguments from '@fleetbase/ember-core/utils/apply-co
 import OrderConfigManagerDetailsComponent from './order-config-manager/details';
 import OrderConfigManagerCustomFieldsComponent from './order-config-manager/custom-fields';
 import OrderConfigManagerActivityFlowComponent from './order-config-manager/activity-flow';
+import OrderConfigManagerLifecycleComponent from './order-config-manager/lifecycle';
 import OrderConfigManagerEntitiesComponent from './order-config-manager/entities';
 import findActiveTab from '../utils/find-active-tab';
 
@@ -45,6 +46,7 @@ export default class OrderConfigManagerComponent extends Component {
             this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.details'), null, { icon: 'circle-info', component: OrderConfigManagerDetailsComponent }),
             this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.custom-fields'), null, { icon: 'rectangle-list', component: OrderConfigManagerCustomFieldsComponent }),
             this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.activity-flow'), null, { icon: 'diagram-project', component: OrderConfigManagerActivityFlowComponent }),
+            this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.lifecycle'), null, { icon: 'arrows-spin', component: OrderConfigManagerLifecycleComponent }),
             this.universe._createMenuItem(this.intl.t('order-config-manager.tabs.entities'), null, { icon: 'boxes-packing', component: OrderConfigManagerEntitiesComponent }),
         ];
 
@@ -106,7 +108,9 @@ export default class OrderConfigManagerComponent extends Component {
      */
     @task *loadOrderConfigs(options = {}) {
         try {
-            const configs = yield this.store.findAll('order-config').then(Array.from);
+            // Always fetch: `findAll` otherwise resolves with whatever subset of configs the store
+            // already holds (e.g. from an order's embedded config) and only refreshes in the background.
+            const configs = yield this.store.findAll('order-config', { reload: true }).then(Array.from);
             let currentConfig;
             if (isArray(configs) && configs.length > 0) {
                 currentConfig = configs.find((c) => c.id === this.args.orderConfig);

package/addon/controllers/analytics/reports/index.js

@@ -8,7 +8,7 @@ export default class AnalyticsReportsIndexController extends Controller {
     @service intl;
 
     /** query params */
-    @tracked queryParams = ['page', 'limit', 'sort', 'query', 'public_id', 'name', 'created_at'];
+    @tracked queryParams = this.reportActions.queryParamsFor(['page', 'limit', 'sort', 'query', 'public_id', 'name', 'created_at']);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -20,11 +20,13 @@ export default class AnalyticsReportsIndexController extends Controller {
     get actionButtons() {
         return [
             {
+                id: 'refresh',
                 icon: 'refresh',
                 onClick: this.reportActions.refresh,
                 helpText: this.intl.t('common.refresh'),
             },
             {
+                id: 'create',
                 text: this.intl.t('common.new'),
                 type: 'primary',
                 icon: 'plus',
@@ -37,6 +39,7 @@ export default class AnalyticsReportsIndexController extends Controller {
     get bulkActions() {
         return [
             {
+                id: 'bulk-delete',
                 label: 'Delete selected...',
                 class: 'text-red-500',
                 fn: this.reportActions.bulkDelete,
@@ -48,6 +51,7 @@ export default class AnalyticsReportsIndexController extends Controller {
     get columns() {
         return [
             {
+                id: 'title',
                 sticky: true,
                 label: 'Title',
                 valuePath: 'title',
@@ -59,6 +63,7 @@ export default class AnalyticsReportsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'public-id',
                 label: 'ID',
                 valuePath: 'public_id',
                 cellComponent: 'click-to-copy',
@@ -69,6 +74,7 @@ export default class AnalyticsReportsIndexController extends Controller {
                 filterComponent: 'filter/string',
             },
             {
+                id: 'row-actions',
                 label: '',
                 cellComponent: 'table/cell/dropdown',
                 ddButtonText: false,
@@ -81,11 +87,13 @@ export default class AnalyticsReportsIndexController extends Controller {
                 width: 60,
                 actions: [
                     {
+                        id: 'view',
                         label: 'View report...',
                         fn: this.reportActions.transition.view,
                         permission: 'iam view report',
                     },
                     {
+                        id: 'edit',
                         label: 'Edit report...',
                         fn: this.reportActions.transition.edit,
                         permission: 'iam update report',
@@ -94,6 +102,7 @@ export default class AnalyticsReportsIndexController extends Controller {
                         separator: true,
                     },
                     {
+                        id: 'delete',
                         label: 'Delete report...',
                         fn: this.reportActions.delete,
                         permission: 'iam delete report',

package/addon/controllers/connectivity/devices/index/details.js

@@ -39,6 +39,7 @@ export default class ConnectivityDevicesIndexDetailsController extends Controlle
                 permission: 'fleet-ops update device',
             },
             {
+                id: 'more',
                 icon: 'ellipsis-h',
                 iconPrefix: 'fas',
                 renderInPlace: true,

package/addon/controllers/connectivity/devices/index.js

@@ -17,7 +17,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
     @service trailerActions;
 
     /** query params */
-    @tracked queryParams = [
+    @tracked queryParams = this.deviceActions.queryParamsFor([
         'name',
         'status',
         'attachment_state',
@@ -36,7 +36,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
         'public_id',
         'created_at',
         'updated_at',
-    ];
+    ]);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -56,11 +56,13 @@ export default class ConnectivityDevicesIndexController extends Controller {
     /** action buttons */
     @tracked actionButtons = [
         {
+            id: 'refresh',
             icon: 'refresh',
             onClick: this.deviceActions.refresh,
             helpText: this.intl.t('common.refresh'),
         },
         {
+            id: 'create',
             text: this.intl.t('common.new'),
             type: 'primary',
             icon: 'plus',
@@ -68,6 +70,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
             permission: 'fleet-ops create device',
         },
         {
+            id: 'import',
             text: this.intl.t('common.import'),
             type: 'magic',
             icon: 'upload',
@@ -75,6 +78,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
             permission: 'fleet-ops import device',
         },
         {
+            id: 'export',
             text: this.intl.t('common.export'),
             icon: 'long-arrow-up',
             iconClass: 'rotate-icon-45',
@@ -87,6 +91,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
     /** bulk action buttons */
     @tracked bulkActions = [
         {
+            id: 'bulk-delete',
             label: 'Delete selected...',
             class: 'text-red-500',
             fn: this.deviceActions.bulkDelete,
@@ -111,6 +116,7 @@ export default class ConnectivityDevicesIndexController extends Controller {
                 separator: true,
             },
             {
+                id: 'delete',
                 label: this.intl.t('common.delete-resource', { resource: this.intl.t('resource.device') }),
                 fn: this.deviceActions.delete,
                 permission: 'fleet-ops delete device',

package/addon/controllers/connectivity/events/index.js

@@ -78,7 +78,20 @@ export default class ConnectivityEventsIndexController extends Controller {
     @service telematicActions;
 
     /** query params */
-    @tracked queryParams = ['page', 'limit', 'sort', 'query', 'telematic', 'device', 'event_type', 'severity', 'processed', 'occurred_at', 'created_at', 'updated_at'];
+    @tracked queryParams = this.deviceEventActions.queryParamsFor([
+        'page',
+        'limit',
+        'sort',
+        'query',
+        'telematic',
+        'device',
+        'event_type',
+        'severity',
+        'processed',
+        'occurred_at',
+        'created_at',
+        'updated_at',
+    ]);
     @tracked page = 1;
     @tracked limit;
     @tracked sort = '-created_at';
@@ -95,6 +108,7 @@ export default class ConnectivityEventsIndexController extends Controller {
     /** action buttons */
     @tracked actionButtons = [
         {
+            id: 'refresh',
             icon: 'refresh',
             onClick: this.deviceEventActions.refresh,
             helpText: this.intl.t('common.refresh'),
@@ -107,6 +121,7 @@ export default class ConnectivityEventsIndexController extends Controller {
     /** columns */
     @tracked columns = [
         {
+            id: 'event-type',
             sticky: true,
             label: 'Event',
             valuePath: 'event_type',
@@ -121,6 +136,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
+            id: 'device-display-name',
             label: 'Device',
             valuePath: 'device.displayName',
             cellComponent: 'cell/device-identity',
@@ -137,6 +153,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             modelNamePath: 'displayName',
         },
         {
+            id: 'provider',
             label: 'Provider',
             valuePath: 'provider',
             cellComponent: 'cell/telematic-identity',
@@ -152,6 +169,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             model: 'telematic',
         },
         {
+            id: 'severity',
             label: 'Severity',
             valuePath: 'severity',
             cellComponent: 'table/cell/status',
@@ -165,12 +183,14 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterOptionValue: 'value',
         },
         {
+            id: 'message',
             label: 'Message',
             valuePath: 'message',
             resizable: true,
             sortable: false,
         },
         {
+            id: 'code',
             label: 'Code',
             valuePath: 'code',
             resizable: true,
@@ -180,6 +200,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
+            id: 'ident',
             label: 'IDENT',
             valuePath: 'ident',
             hidden: true,
@@ -187,6 +208,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             sortable: true,
         },
         {
+            id: 'protocol',
             label: 'Protocol',
             valuePath: 'protocol',
             hidden: true,
@@ -194,6 +216,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             sortable: true,
         },
         {
+            id: 'state',
             label: 'State',
             valuePath: 'state',
             hidden: true,
@@ -201,6 +224,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             sortable: true,
         },
         {
+            id: 'processed-at',
             label: 'Processed',
             valuePath: 'processedAt',
             sortParam: 'processed_at',
@@ -214,6 +238,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterOptionValue: 'value',
         },
         {
+            id: 'occurred-at',
             label: 'Occurred',
             valuePath: 'occurredAt',
             sortParam: 'occurred_at',
@@ -224,6 +249,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterComponent: 'filter/date',
         },
         {
+            id: 'created-at',
             label: this.intl.t('column.created-at'),
             valuePath: 'createdAt',
             sortParam: 'created_at',
@@ -234,6 +260,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             filterComponent: 'filter/date',
         },
         {
+            id: 'updated-at',
             label: this.intl.t('column.updated-at'),
             valuePath: 'updatedAt',
             sortParam: 'updated_at',
@@ -245,6 +272,7 @@ export default class ConnectivityEventsIndexController extends Controller {
             hidden: true,
         },
         {
+            id: 'row-actions',
             label: '',
             cellComponent: 'table/cell/dropdown',
             ddButtonText: false,
@@ -257,11 +285,13 @@ export default class ConnectivityEventsIndexController extends Controller {
             width: 60,
             actions: [
                 {
+                    id: 'view',
                     label: this.intl.t('common.view-resource', { resource: this.intl.t('resource.device-event') }),
                     fn: this.deviceEventActions.transition.view,
                     permission: 'fleet-ops view device-event',
                 },
                 {
+                    id: 'mark-processed',
                     label: 'Mark processed',
                     fn: this.markProcessed,
                     permission: 'fleet-ops update device-event',

package/addon/controllers/connectivity/sensors/index/details.js

@@ -7,7 +7,7 @@ export default class ConnectivitySensorsIndexDetailsController extends Controlle
     @service hostRouter;
 
     get tabs() {
-        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:place:details');
+        const registeredTabs = this.menuService.getMenuItems('fleet-ops:component:sensor:details');
         return [
             {
                 route: 'connectivity.sensors.index.details.index',