@n8n/frontend-module-self-healing 0.0.0-stage → 0.1.0

package/LICENSE.md

@@ -0,0 +1,88 @@
+# License
+
+Portions of this software are licensed as follows:
+
+- Content of branches other than the main branch (i.e. "master") are not licensed.
+- Source code files that contain ".ee." in their filename or ".ee" in their dirname are NOT licensed under
+  the Sustainable Use License.
+  To use source code files that contain ".ee." in their filename or ".ee" in their dirname you must hold a
+	valid n8n Enterprise License specifically allowing you access to such source code files and as defined
+	in "LICENSE_EE.md".
+- All third party components incorporated into the n8n Software are licensed under the original license
+  provided by the owner of the applicable component.
+- Content outside of the above mentioned files or restrictions is available under the "Sustainable Use
+  License" as defined below.
+
+## Sustainable Use License
+
+Version 1.0
+
+### Acceptance
+
+By using the software, you agree to all of the terms and conditions below.
+
+### Copyright License
+
+The licensor grants you a non-exclusive, royalty-free, worldwide, non-sublicensable, non-transferable license
+to use, copy, distribute, make available, and prepare derivative works of the software, in each case subject
+to the limitations below.
+
+### Limitations
+
+You may use or modify the software only for your own internal business purposes or for non-commercial or
+personal use. You may distribute the software or provide it to others only if you do so free of charge for
+non-commercial purposes. You may not alter, remove, or obscure any licensing, copyright, or other notices of
+the licensor in the software. Any use of the licensor’s trademarks is subject to applicable law.
+
+### Patents
+
+The licensor grants you a license, under any patent claims the licensor can license, or becomes able to
+license, to make, have made, use, sell, offer for sale, import and have imported the software, in each case
+subject to the limitations and conditions in this license. This license does not cover any patent claims that
+you cause to be infringed by modifications or additions to the software. If you or your company make any
+written claim that the software infringes or contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If your company makes such a claim, your patent
+license ends immediately for work on behalf of your company.
+
+### Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you also gets a copy of these
+terms. If you modify the software, you must include in any modified copies of the software a prominent notice
+stating that you have modified the software.
+
+### No Other Rights
+
+These terms do not imply any licenses other than those expressly granted in these terms.
+
+### Termination
+
+If you use the software in violation of these terms, such use is not licensed, and your license will
+automatically terminate. If the licensor provides you with a notice of your violation, and you cease all
+violation of this license no later than 30 days after you receive that notice, your license will be reinstated
+retroactively. However, if you violate these terms after such reinstatement, any additional violation of these
+terms will cause your license to terminate automatically and permanently.
+
+### No Liability
+
+As far as the law allows, the software comes as is, without any warranty or condition, and the licensor will
+not be liable to you for any damages arising out of these terms or the use or nature of the software, under
+any kind of legal claim.
+
+### Definitions
+
+The “licensor” is the entity offering these terms.
+
+The “software” is the software the licensor makes available under these terms, including any portion of it.
+
+“You” refers to the individual or entity agreeing to these terms.
+
+“Your company” is any legal entity, sole proprietorship, or other kind of organization that you work for, plus
+all organizations that have control over, are under the control of, or are under common control with that
+organization. Control means ownership of substantially all the assets of an entity, or the power to direct its
+management and policies by vote, contract, or otherwise. Control can be direct or indirect.
+
+“Your license” is the license granted to you for the software under these terms.
+
+“Use” means anything you do with the software requiring your license.
+
+“Trademark” means trademarks, service marks, and similar rights.

package/README.md

@@ -1,3 +1,6 @@
-# Temporary Holding Version
+# Self-healing settings
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+This package owns the configuration list and form in Project Settings.
+The editor shell registers the route through the existing Instance AI module.
+Configuration management requires `project:update` and the existing workflow suggestions flag.
+The backend API owns selection conflicts, reviewer eligibility, and lifecycle changes.

package/biome.jsonc

@@ -0,0 +1,4 @@
+{
+	"$schema": "../../../../node_modules/@biomejs/biome/configuration_schema.json",
+	"extends": ["../../../../biome.jsonc"]
+}

package/eslint.config.mjs

@@ -0,0 +1,4 @@
+import { defineConfig } from 'eslint/config';
+import { frontendConfig } from '@n8n/eslint-config/frontend';
+
+export default defineConfig(frontendConfig);

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@n8n/frontend-module-self-healing",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "type": "module",
+  "main": "src/index.ts",
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@n8n/api-types": "1.45.0",
+    "@n8n/composables": "1.35.0",
+    "@n8n/design-system": "2.44.0",
+    "@n8n/frontend-constants": "0.11.0",
+    "@n8n/i18n": "2.45.0",
+    "@n8n/rest-api-client": "2.45.0",
+    "@n8n/stores": "2.45.0",
+    "pinia": "^2.2.4",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "@iconify/json": "^2.2.488",
+    "@n8n/eslint-config": "0.0.1",
+    "@n8n/frontend-test-utils": "0.1.0",
+    "@n8n/frontend-vite-config": "0.1.0",
+    "@n8n/playwright-janitor": "0.1.0",
+    "@n8n/stylelint-config": "0.0.1",
+    "@n8n/typescript-config": "1.12.0",
+    "@n8n/vitest-config": "1.24.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/vue": "^8.1.0",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitest/coverage-v8": "5.0.1",
+    "eslint": "9.29.0",
+    "jsdom": "23.0.1",
+    "stylelint": "^16.23.0",
+    "typescript": "6.0.2",
+    "unplugin-icons": "^23.0.1",
+    "vite": "^8.1.6",
+    "vite-svg-loader": "5.1.0",
+    "vitest": "5.0.1",
+    "vue-tsc": "^2.2.8"
+  },
+  "license": "LicenseRef-n8n-sustainable-use",
+  "scripts": {
+    "clean": "rimraf .turbo",
+    "typecheck": "vue-tsc --noEmit",
+    "test": "vitest run",
+    "test:changed": "janitor test-scoped",
+    "test:dev": "vitest",
+    "lint": "eslint src --quiet",
+    "lint:fix": "eslint src --fix",
+    "lint:styles": "stylelint \"src/**/*.{scss,sass,vue}\" --cache --allow-empty-input",
+    "lint:styles:fix": "stylelint \"src/**/*.{scss,sass,vue}\" --fix --cache --allow-empty-input",
+    "format": "biome format --write . && prettier --write . --ignore-path ../../../../.prettierignore",
+    "format:check": "biome ci . && prettier --check . --ignore-path ../../../../.prettierignore"
+  }
 }

package/src/__tests__/design-system-icons.test.ts

@@ -0,0 +1,24 @@
+import { N8nIcon } from '@n8n/design-system';
+import { render } from '@testing-library/vue';
+
+/**
+ * A build-config test, not a feature test. `@n8n/design-system` is consumed from source, so its
+ * two icon mechanisms are this package's problem, and each package carries its own
+ * `vite.config.ts`. Both cases fail loudly when a plugin goes missing from that file:
+ *
+ *   - `inbox` comes from `~icons/lucide/inbox`, which only `unplugin-icons` resolves.
+ *   - `webhook` comes from `custom/webhook.svg`, which only `svgLoader` turns into a component.
+ *     Without it the import is a data-URI string, which Vue renders as a tag name.
+ *
+ * Keep this test while the module renders any design-system component.
+ */
+describe('design-system icons', () => {
+	it.each([
+		['a lucide icon', 'inbox'],
+		['a custom svg icon', 'webhook'],
+	])('renders %s', (_case, icon) => {
+		const { container } = render(N8nIcon, { props: { icon } });
+
+		expect(container.querySelector('svg')).not.toBeNull();
+	});
+});

package/src/__tests__/setup.ts

@@ -0,0 +1,4 @@
+// The shared frontend test harness: the jsdom environment, english messages, and a fresh pinia
+// per test. It lives in `@n8n/frontend-test-utils` rather than in `@n8n/vitest-config`, because
+// `@n8n/i18n` devDepends on the latter and importing i18n there closes a cycle in the turbo graph.
+import '@n8n/frontend-test-utils/setup';

package/src/components/ProjectSelfHealingSection.test.ts

@@ -0,0 +1,119 @@
+import type { SelfHealingConfigurationDto } from '@n8n/api-types';
+import { SELF_HEALING_CONFIGURATION_VIEW } from '@n8n/frontend-constants/self-healing';
+import { fireEvent, render, waitFor } from '@testing-library/vue';
+import { createMemoryHistory, createRouter } from 'vue-router';
+
+import { useSelfHealingStore } from '../self-healing.store';
+import ProjectSelfHealingSection from './ProjectSelfHealingSection.vue';
+
+const { confirm } = vi.hoisted(() => ({ confirm: vi.fn() }));
+vi.mock('@n8n/design-system', async (importOriginal) => ({
+	...(await importOriginal<typeof import('@n8n/design-system')>()),
+	useMessage: () => ({ confirm }),
+}));
+
+const configuration: SelfHealingConfigurationDto = {
+	id: 1,
+	projectId: 'project',
+	scope: 'all',
+	workflowIds: [],
+	reviewerIds: ['reviewer'],
+	enabled: false,
+	enabledById: null,
+	lastActivity: null,
+};
+
+async function renderSection() {
+	const store = useSelfHealingStore();
+	store.configurations.project = [{ ...configuration }];
+	store.options.project = {
+		workflows: [],
+		reviewers: [
+			{ id: 'reviewer', firstName: 'Test', lastName: 'Reviewer', email: 'reviewer@example.com' },
+		],
+	};
+	vi.spyOn(store, 'load').mockResolvedValue();
+	const router = createRouter({
+		history: createMemoryHistory(),
+		routes: [
+			{ path: '/projects/:projectId/settings', component: { render: () => null } },
+			{
+				path: '/projects/:projectId/settings/self-healing/:configurationId',
+				name: SELF_HEALING_CONFIGURATION_VIEW,
+				component: { render: () => null },
+			},
+		],
+	});
+	await router.push('/projects/project/settings');
+	const view = render(ProjectSelfHealingSection, {
+		props: { projectId: 'project' },
+		global: { plugins: [router] },
+	});
+	await view.findByText('All workflows');
+	return { view, store, router };
+}
+
+beforeEach(() => vi.clearAllMocks());
+
+it('keeps the active switch unchanged when saving fails and allows another attempt', async () => {
+	const { view, store } = await renderSection();
+	const pending = Promise.withResolvers<undefined>();
+	const setEnabled = vi.spyOn(store, 'setEnabled').mockReturnValueOnce(pending.promise);
+	const toggle = view.getByRole('switch', { name: 'Enable self-healing' });
+	await fireEvent.click(toggle);
+	expect(toggle).toBeDisabled();
+	expect(setEnabled).toHaveBeenCalledWith('project', 1, true);
+	pending.reject(new Error('Could not save'));
+	await waitFor(() => expect(toggle).toBeEnabled());
+	expect(toggle).not.toBeChecked();
+
+	setEnabled.mockImplementationOnce(async () => {
+		store.configurations.project[0].enabled = true;
+	});
+	await fireEvent.click(toggle);
+	await waitFor(() => expect(toggle).toBeChecked());
+});
+
+it('opens the configuration from the action menu', async () => {
+	const { view, router } = await renderSection();
+	await fireEvent.click(view.getByRole('button', { name: 'Actions' }));
+	await fireEvent.click(await view.findByRole('menuitem', { name: 'Edit' }));
+	await waitFor(() =>
+		expect(router.currentRoute.value).toMatchObject({
+			name: SELF_HEALING_CONFIGURATION_VIEW,
+			params: { projectId: 'project', configurationId: '1' },
+		}),
+	);
+});
+
+it('removes a configuration from the action menu only after confirmation', async () => {
+	const { view, store } = await renderSection();
+	const remove = vi.spyOn(store, 'remove').mockResolvedValue();
+	for (const answer of ['cancel', 'confirm']) {
+		confirm.mockResolvedValueOnce(answer);
+		await fireEvent.click(view.getByRole('button', { name: 'Actions' }));
+		await fireEvent.click(await view.findByRole('menuitem', { name: 'Delete' }));
+		await waitFor(() => expect(confirm).toHaveBeenCalled());
+		if (answer === 'cancel') expect(remove).not.toHaveBeenCalled();
+	}
+	await waitFor(() => expect(remove).toHaveBeenCalledWith('project', 1));
+});
+
+it('shows relative last activity and the prototype empty label', async () => {
+	const { view, store } = await renderSection();
+	expect(view.getByText('No failures yet')).toBeVisible();
+	store.configurations.project[0].lastActivity = new Date(Date.now() - 5 * 60_000).toISOString();
+	expect(await view.findByText('5 minutes ago')).toBeVisible();
+	expect(view.queryByText('No failures yet')).not.toBeInTheDocument();
+});
+
+it('opens a new configuration in the current project', async () => {
+	const { view, router } = await renderSection();
+	await fireEvent.click(view.getByTestId('self-healing-create'));
+	await waitFor(() =>
+		expect(router.currentRoute.value).toMatchObject({
+			name: SELF_HEALING_CONFIGURATION_VIEW,
+			params: { projectId: 'project', configurationId: 'new' },
+		}),
+	);
+});

package/src/components/ProjectSelfHealingSection.vue

@@ -0,0 +1,298 @@
+<script setup lang="ts">
+import type { SelfHealingConfigurationDto } from '@n8n/api-types';
+import {
+	N8nActionToggle,
+	N8nAvatar,
+	N8nButton,
+	N8nDataTableServer,
+	N8nIconButton,
+	N8nSwitch,
+	N8nText,
+	N8nTimeAgo,
+	useMessage,
+	type TableHeader,
+} from '@n8n/design-system';
+import { useToast } from '@n8n/composables/useToast';
+import { useI18n } from '@n8n/i18n';
+import { SELF_HEALING_CONFIGURATION_VIEW } from '@n8n/frontend-constants/self-healing';
+import { useRootStore } from '@n8n/stores/useRootStore';
+import { computed, nextTick, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { useSelfHealingStore } from '../self-healing.store';
+
+const props = defineProps<{ projectId: string }>();
+const store = useSelfHealingStore();
+const rootStore = useRootStore();
+const i18n = useI18n();
+const toast = useToast();
+const message = useMessage();
+const router = useRouter();
+const route = useRoute();
+const sectionRef = ref<HTMLElement | null>(null);
+
+const loading = ref(false);
+const isUpdating = ref(false);
+const failed = ref(false);
+
+const configurations = computed(() => store.configurations[props.projectId] ?? []);
+
+const headers = computed<Array<TableHeader<SelfHealingConfigurationDto>>>(() => [
+	{
+		title: i18n.baseText('selfHealing.config.scope'),
+		key: 'scope',
+		width: 240,
+		disableSort: true,
+	},
+	{
+		title: i18n.baseText('selfHealing.config.peopleToNotify'),
+		key: 'reviewerIds',
+		width: 200,
+		disableSort: true,
+	},
+	{
+		title: i18n.baseText('selfHealing.config.lastActivity'),
+		key: 'lastActivity',
+		width: 200,
+		disableSort: true,
+	},
+	{
+		title: i18n.baseText('selfHealing.config.active'),
+		key: 'enabled',
+		width: 110,
+		disableSort: true,
+	},
+	{ title: '', key: 'actions', align: 'end', width: 46, disableSort: true, value: () => undefined },
+]);
+const configActions = computed(() => [
+	{ label: i18n.baseText('generic.edit'), value: 'edit' },
+	{ label: i18n.baseText('generic.delete'), value: 'delete', destructive: true },
+]);
+const reviewersById = computed(
+	() =>
+		new Map(store.options[props.projectId]?.reviewers.map((reviewer) => [reviewer.id, reviewer])),
+);
+
+function scopeLabel(configuration: SelfHealingConfigurationDto) {
+	if (configuration.scope === 'all') {
+		return i18n.baseText('selfHealing.config.all');
+	}
+
+	return i18n.baseText('selfHealing.config.selectedCount', {
+		adjustToNumber: configuration.workflowIds.length,
+		interpolate: { count: configuration.workflowIds.length },
+	});
+}
+
+async function load() {
+	loading.value = true;
+	failed.value = false;
+
+	try {
+		await store.load(props.projectId);
+	} catch (error) {
+		failed.value = true;
+		toast.showError(error, i18n.baseText('selfHealing.config.loadError'));
+	} finally {
+		loading.value = false;
+		if (route.hash === '#self-healing') {
+			await nextTick();
+			sectionRef.value?.scrollIntoView({ block: 'start' });
+		}
+	}
+}
+
+watch(() => props.projectId, load, { immediate: true });
+
+function edit(id: number | 'new') {
+	void router.push({
+		name: SELF_HEALING_CONFIGURATION_VIEW,
+		params: { projectId: props.projectId, configurationId: String(id) },
+	});
+}
+
+function reviewerName(id: string) {
+	const user = reviewersById.value.get(id);
+	return user
+		? [user.firstName, user.lastName].filter(Boolean).join(' ') || user.email
+		: i18n.baseText('selfHealing.config.unavailableReviewer');
+}
+
+async function toggle(configuration: SelfHealingConfigurationDto) {
+	isUpdating.value = true;
+
+	try {
+		await store.setEnabled(props.projectId, configuration.id, !configuration.enabled);
+	} catch (error) {
+		toast.showError(error, i18n.baseText('selfHealing.config.saveError'));
+	} finally {
+		isUpdating.value = false;
+	}
+}
+
+async function remove(configuration: SelfHealingConfigurationDto) {
+	const answer = await message.confirm(
+		i18n.baseText('selfHealing.config.removeMessage'),
+		i18n.baseText('selfHealing.config.removeTitle'),
+		{
+			confirmButtonText: i18n.baseText('generic.delete'),
+			cancelButtonText: i18n.baseText('generic.cancel'),
+			type: 'warning',
+		},
+	);
+
+	if (answer !== 'confirm') {
+		return;
+	}
+
+	isUpdating.value = true;
+
+	try {
+		await store.remove(props.projectId, configuration.id);
+	} catch (error) {
+		toast.showError(error, i18n.baseText('selfHealing.config.removeError'));
+	} finally {
+		isUpdating.value = false;
+	}
+}
+
+async function onAction(configuration: SelfHealingConfigurationDto, action: string) {
+	if (action === 'edit') {
+		edit(configuration.id);
+	} else if (action === 'delete') {
+		await remove(configuration);
+	}
+}
+</script>
+
+<template>
+	<fieldset id="self-healing" ref="sectionRef" data-test-id="project-self-healing">
+		<h3>
+			<label>{{ i18n.baseText('selfHealing.config.heading') }}</label>
+		</h3>
+		<p v-if="loading">{{ i18n.baseText('selfHealing.config.loading') }}</p>
+		<N8nButton v-else-if="failed" type="button" variant="outline" @click="load">{{
+			i18n.baseText('selfHealing.config.retry')
+		}}</N8nButton>
+		<N8nText
+			v-else-if="!configurations.length"
+			size="small"
+			color="text-light"
+			:class="$style.empty"
+			>{{ i18n.baseText('selfHealing.config.empty') }}</N8nText
+		>
+		<div v-else :class="$style.table">
+			<N8nDataTableServer
+				:items-per-page="configurations.length"
+				:headers="headers"
+				:items="configurations"
+				:items-length="configurations.length"
+				:page-sizes="[configurations.length + 1]"
+			>
+				<template #[`item.scope`]="{ item }">
+					<N8nText size="medium" color="text-dark" data-test-id="self-healing-configuration-row">{{
+						scopeLabel(item)
+					}}</N8nText>
+				</template>
+				<template #[`item.reviewerIds`]="{ item }">
+					<div :class="$style.people">
+						<div v-for="id in item.reviewerIds" :key="id" :class="$style.person">
+							<N8nAvatar
+								:first-name="reviewersById.get(id)?.firstName"
+								:last-name="reviewersById.get(id)?.lastName"
+								size="xsmall"
+							/>
+							<N8nText
+								size="medium"
+								color="text-dark"
+								:class="$style.personName"
+								:title="reviewerName(id)"
+								>{{ reviewerName(id) }}</N8nText
+							>
+						</div>
+					</div>
+				</template>
+				<template #[`item.lastActivity`]="{ item }">
+					<N8nText size="medium" :color="item.lastActivity ? 'text-dark' : 'text-light'">
+						<N8nTimeAgo
+							v-if="item.lastActivity"
+							:date="item.lastActivity"
+							:locale="rootStore.defaultLocale"
+						/>
+						<template v-else>{{ i18n.baseText('selfHealing.config.noActivity') }}</template>
+					</N8nText>
+				</template>
+				<template #[`item.enabled`]="{ item }">
+					<N8nSwitch
+						:model-value="item.enabled"
+						:disabled="isUpdating"
+						:aria-label="i18n.baseText('selfHealing.config.enabled')"
+						data-test-id="self-healing-config-active"
+						@update:model-value="toggle(item)"
+					/>
+				</template>
+				<template #[`item.actions`]="{ item }">
+					<N8nActionToggle
+						:actions="configActions"
+						placement="bottom"
+						:disabled="isUpdating"
+						data-test-id="self-healing-config-actions"
+						@action="onAction(item, $event)"
+					>
+						<N8nIconButton
+							icon="ellipsis"
+							variant="ghost"
+							size="small"
+							:disabled="isUpdating"
+							:aria-label="i18n.baseText('selfHealing.config.actions')"
+						/>
+					</N8nActionToggle>
+				</template>
+			</N8nDataTableServer>
+		</div>
+		<N8nButton
+			variant="outline"
+			size="large"
+			icon="plus"
+			type="button"
+			data-test-id="self-healing-create"
+			@click="edit('new')"
+			>{{ i18n.baseText('selfHealing.config.create') }}</N8nButton
+		>
+	</fieldset>
+</template>
+
+<style module lang="scss">
+.table {
+	margin-bottom: var(--spacing--sm);
+
+	:global(.table-scroll) {
+		scrollbar-gutter: auto;
+	}
+}
+
+.people {
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing--3xs);
+	padding: var(--spacing--2xs) 0;
+}
+
+.person {
+	display: flex;
+	align-items: center;
+	gap: var(--spacing--2xs);
+	min-width: 0;
+}
+
+.personName {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.empty {
+	display: block;
+	margin-bottom: var(--spacing--sm);
+}
+</style>

package/src/index.ts

@@ -0,0 +1,2 @@
+export { default as ProjectSelfHealingSection } from './components/ProjectSelfHealingSection.vue';
+export { default as SelfHealingConfigView } from './views/SelfHealingConfigView.vue';

package/src/self-healing.api.ts

@@ -0,0 +1,48 @@
+import type {
+	SaveSelfHealingConfigurationDto,
+	SelfHealingConfigurationDto,
+	SelfHealingConfigurationOptions,
+	UpdateSelfHealingConfigurationDto,
+} from '@n8n/api-types';
+import { makeRestApiRequest, type IRestApiContext } from '@n8n/rest-api-client';
+
+const path = (projectId: string) => `/projects/${projectId}/self-healing-configurations`;
+
+export const fetchConfigurations = async (
+	context: IRestApiContext,
+	projectId: string,
+): Promise<SelfHealingConfigurationDto[]> =>
+	await makeRestApiRequest(context, 'GET', path(projectId));
+
+export const fetchConfigurationOptions = async (
+	context: IRestApiContext,
+	projectId: string,
+): Promise<SelfHealingConfigurationOptions> =>
+	await makeRestApiRequest(context, 'GET', `${path(projectId)}/options`);
+
+export const saveConfiguration = async (
+	context: IRestApiContext,
+	projectId: string,
+	input: SaveSelfHealingConfigurationDto | UpdateSelfHealingConfigurationDto,
+	id?: number,
+): Promise<SelfHealingConfigurationDto> => {
+	if (id === undefined) {
+		return await makeRestApiRequest(context, 'POST', path(projectId), input);
+	}
+
+	return await makeRestApiRequest(context, 'PATCH', `${path(projectId)}/${id}`, input);
+};
+
+export const setConfigurationEnabled = async (
+	context: IRestApiContext,
+	projectId: string,
+	id: number,
+	enabled: boolean,
+): Promise<SelfHealingConfigurationDto> =>
+	await makeRestApiRequest(context, 'PATCH', `${path(projectId)}/${id}/enabled`, { enabled });
+
+export const removeConfiguration = async (
+	context: IRestApiContext,
+	projectId: string,
+	id: number,
+): Promise<void> => await makeRestApiRequest(context, 'DELETE', `${path(projectId)}/${id}`);