From 73ff076cf8f94f0ec5e116c058461af7e776b5a4 Mon Sep 17 00:00:00 2001
From: Nassim Tabchiche <n.tabchiche2@gmail.com>
Date: Fri, 20 Dec 2024 19:10:26 +0100
Subject: [PATCH] Remove breadcrumbObject store

---
 .../components/DetailView/DetailView.svelte   | 29 ++++++++-----------
 frontend/src/lib/utils/stores.ts              |  1 -
 .../[id=uuid]/edit/+page.svelte               |  5 +---
 .../analytics/ComposerSelect.svelte           | 11 ++++---
 .../[id=uuid]/action-plan/+page.svelte        | 11 ++-----
 .../[id=uuid]/flash-mode/+page.svelte         |  9 ++----
 .../ebios-rm/[id=uuid]/+page.svelte           | 17 +++++------
 .../entity-assessments/[id=uuid]/+page.svelte |  5 +---
 .../frameworks/[id=uuid]/+page.svelte         | 12 ++++----
 .../libraries/[id=uuid]/+page.svelte          | 19 ++++--------
 .../risk-assessments/[id=uuid]/+page.svelte   |  5 +---
 .../[id=uuid]/remediation-plan/+page.svelte   |  9 ++----
 .../risk-matrices/[id=uuid]/+page.svelte      |  4 ---
 .../risk-scenarios/[id=uuid]/+page.svelte     |  8 ++---
 .../[id=uuid]/edit/+page.svelte               | 13 +++------
 .../stakeholders/[id=uuid]/edit/+page.svelte  |  5 +---
 .../users/[id=uuid]/edit/+page.svelte         |  2 --
 .../[id=uuid]/edit/+page.svelte               |  5 +---
 .../[id=uuid]/+page.svelte                    |  9 ++----
 .../[id=uuid]/table-mode/+page.svelte         | 23 +++++++--------
 .../evidences/[id=uuid]/+page.svelte          | 20 +++++--------
 .../[id=uuid]/+page.svelte                    | 25 ++++++++--------
 .../[id=uuid]/edit/+page.svelte               |  8 +----
 23 files changed, 89 insertions(+), 166 deletions(-)

diff --git a/frontend/src/lib/components/DetailView/DetailView.svelte b/frontend/src/lib/components/DetailView/DetailView.svelte
index bcd978e68..013f87fb6 100644
--- a/frontend/src/lib/components/DetailView/DetailView.svelte
+++ b/frontend/src/lib/components/DetailView/DetailView.svelte
@@ -1,32 +1,29 @@
 <script lang="ts">
-	import { safeTranslate } from '$lib/utils/i18n';
 	import { page } from '$app/stores';
+	import Anchor from '$lib/components/Anchor/Anchor.svelte';
+	import List from '$lib/components/List/List.svelte';
 	import ConfirmModal from '$lib/components/Modals/ConfirmModal.svelte';
 	import CreateModal from '$lib/components/Modals/CreateModal.svelte';
 	import MissingConstraintsModal from '$lib/components/Modals/MissingConstraintsModal.svelte';
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import { ISO_8601_REGEX } from '$lib/utils/constants';
+	import { URL_MODEL_MAP, checkConstraints } from '$lib/utils/crud';
+	import { getModelInfo } from '$lib/utils/crud.js';
+	import { formatDateOrDateTime } from '$lib/utils/datetime';
+	import { isURL } from '$lib/utils/helpers';
+	import { safeTranslate } from '$lib/utils/i18n';
+	import { toCamelCase } from '$lib/utils/locales.js';
+	import * as m from '$paraglide/messages.js';
+	import { languageTag } from '$paraglide/runtime.js';
 	import type {
 		ModalComponent,
 		ModalSettings,
 		ModalStore,
 		ToastStore
 	} from '@skeletonlabs/skeleton';
-	import { TabGroup, Tab, getModalStore, getToastStore } from '@skeletonlabs/skeleton';
-	import { breadcrumbObject } from '$lib/utils/stores';
-	import { getModelInfo } from '$lib/utils/crud.js';
-	import { URL_MODEL_MAP } from '$lib/utils/crud';
-	import { isURL } from '$lib/utils/helpers';
-	import { toCamelCase } from '$lib/utils/locales.js';
-	import { checkConstraints } from '$lib/utils/crud';
-	import { languageTag } from '$paraglide/runtime.js';
-	import * as m from '$paraglide/messages.js';
-	import { ISO_8601_REGEX } from '$lib/utils/constants';
-	import { formatDateOrDateTime } from '$lib/utils/datetime';
-	import List from '$lib/components/List/List.svelte';
-	import Anchor from '$lib/components/Anchor/Anchor.svelte';
+	import { Tab, TabGroup, getModalStore, getToastStore } from '@skeletonlabs/skeleton';
 
 	import { onMount } from 'svelte';
-	import { goto } from '$app/navigation';
 
 	const modalStore: ModalStore = getModalStore();
 	const toastStore: ToastStore = getToastStore();
@@ -50,8 +47,6 @@
 		);
 	}
 
-	$: breadcrumbObject.set(data.data);
-
 	let tabSet = 0;
 
 	function handleFormUpdated({
diff --git a/frontend/src/lib/utils/stores.ts b/frontend/src/lib/utils/stores.ts
index 1021afed4..0177bc207 100644
--- a/frontend/src/lib/utils/stores.ts
+++ b/frontend/src/lib/utils/stores.ts
@@ -10,7 +10,6 @@ showNotification.subscribe((val) => {
 	if (browser) return (localStorage.showNotification = val);
 });
 
-export const breadcrumbObject = writable({ id: '', name: '', email: '' });
 export const pageTitle = writable('');
 export const clientSideToast = writable(undefined);
 
diff --git a/frontend/src/routes/(app)/(internal)/[model=urlmodel]/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(internal)/[model=urlmodel]/[id=uuid]/edit/+page.svelte
index 5551caac7..0f6968a74 100644
--- a/frontend/src/routes/(app)/(internal)/[model=urlmodel]/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/[model=urlmodel]/[id=uuid]/edit/+page.svelte
@@ -1,13 +1,10 @@
 <script lang="ts">
-	import type { PageData } from './$types';
 	import ModelForm from '$lib/components/Forms/ModelForm.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
 
 	const customNameDescription = ['operational-scenarios'].includes(data.model.urlModel);
-
-	breadcrumbObject.set(data.object);
 </script>
 
 <ModelForm
diff --git a/frontend/src/routes/(app)/(internal)/analytics/ComposerSelect.svelte b/frontend/src/routes/(app)/(internal)/analytics/ComposerSelect.svelte
index 2978f48ee..0dc02cbf0 100644
--- a/frontend/src/routes/(app)/(internal)/analytics/ComposerSelect.svelte
+++ b/frontend/src/routes/(app)/(internal)/analytics/ComposerSelect.svelte
@@ -1,14 +1,13 @@
 <script lang="ts">
-	import { composerSchema } from '$lib/utils/schemas';
-	import SuperForm from '$lib/components/Forms/Form.svelte';
+	import Anchor from '$lib/components/Anchor/Anchor.svelte';
 	import AutocompleteSelect from '$lib/components/Forms/AutocompleteSelect.svelte';
-	import type { AnyZodObject } from 'zod';
-	import type { SuperValidated } from 'sveltekit-superforms';
-	import { onMount } from 'svelte';
+	import SuperForm from '$lib/components/Forms/Form.svelte';
 	import { getOptions } from '$lib/utils/crud';
+	import { composerSchema } from '$lib/utils/schemas';
 	import * as m from '$paraglide/messages';
+	import { onMount } from 'svelte';
+	import type { SuperValidated } from 'sveltekit-superforms';
 	import { zod } from 'sveltekit-superforms/adapters';
-	import Anchor from '$lib/components/Anchor/Anchor.svelte';
 
 	export let composerForm: SuperValidated<Record<string, any>>;
 
diff --git a/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/action-plan/+page.svelte b/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/action-plan/+page.svelte
index 53d3197bf..416fa1ece 100644
--- a/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/action-plan/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/action-plan/+page.svelte
@@ -1,16 +1,11 @@
 <script lang="ts">
-	import * as m from '$paraglide/messages.js';
-	import type { TableSource } from '$lib/components/ModelTable/types';
-	import { Tab, TabGroup, tableSourceMapper } from '@skeletonlabs/skeleton';
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import type { TableSource } from '$lib/components/ModelTable/types';
+	import * as m from '$paraglide/messages.js';
+	import { tableSourceMapper } from '@skeletonlabs/skeleton';
 
 	export let data;
 
-	breadcrumbObject.set(data.compliance_assessment);
-
-	let tabSet = 0;
-
 	const appliedControlsHead = {
 		name: 'name',
 		status: 'status',
diff --git a/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte b/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte
index af4e66e9a..afc0e56ac 100644
--- a/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/compliance-assessments/[id=uuid]/flash-mode/+page.svelte
@@ -1,14 +1,11 @@
 <script lang="ts">
-	import type { PageData } from './$types';
-	import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
-	import * as m from '$paraglide/messages';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import { complianceResultTailwindColorMap } from '$lib/utils/constants';
+	import * as m from '$paraglide/messages';
+	import { RadioGroup, RadioItem } from '@skeletonlabs/skeleton';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
 
-	breadcrumbObject.set(data.compliance_assessment);
-
 	const possible_options = [
 		{ id: 'not_assessed', label: m.notAssessed() },
 		{ id: 'non_compliant', label: m.nonCompliant() },
diff --git a/frontend/src/routes/(app)/(internal)/ebios-rm/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/ebios-rm/[id=uuid]/+page.svelte
index 03e6db3e1..5ac7c193d 100644
--- a/frontend/src/routes/(app)/(internal)/ebios-rm/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/ebios-rm/[id=uuid]/+page.svelte
@@ -1,25 +1,22 @@
 <script lang="ts">
-	import * as m from '$paraglide/messages';
-	import { safeTranslate } from '$lib/utils/i18n';
-	import Tile from './Tile.svelte';
+	import { goto } from '$app/navigation';
 	import { page } from '$app/stores';
-	import type { PageData, ActionData } from './$types';
-	import { breadcrumbObject } from '$lib/utils/stores';
-	import type { ModalComponent, ModalSettings, ModalStore } from '@skeletonlabs/skeleton';
-	import { getModalStore } from '@skeletonlabs/skeleton';
 	import CreateModal from '$lib/components/Modals/CreateModal.svelte';
 	import MissingConstraintsModal from '$lib/components/Modals/MissingConstraintsModal.svelte';
 	import { checkConstraints } from '$lib/utils/crud';
-	import { goto } from '$app/navigation';
 	import { getSecureRedirect } from '$lib/utils/helpers';
+	import { safeTranslate } from '$lib/utils/i18n';
+	import * as m from '$paraglide/messages';
+	import type { ModalComponent, ModalSettings, ModalStore } from '@skeletonlabs/skeleton';
+	import { getModalStore } from '@skeletonlabs/skeleton';
+	import type { ActionData, PageData } from './$types';
+	import Tile from './Tile.svelte';
 
 	const modalStore: ModalStore = getModalStore();
 
 	export let data: PageData;
 	export let form: ActionData;
 
-	$: breadcrumbObject.set(data.data);
-
 	const workshopsData = {
 		ws1: [
 			{
diff --git a/frontend/src/routes/(app)/(internal)/entity-assessments/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/entity-assessments/[id=uuid]/+page.svelte
index 997e8e059..93640d618 100644
--- a/frontend/src/routes/(app)/(internal)/entity-assessments/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/entity-assessments/[id=uuid]/+page.svelte
@@ -5,14 +5,11 @@
 	import * as m from '$paraglide/messages';
 	import { TreeView, TreeViewItem } from '@skeletonlabs/skeleton';
 	import AuditTableMode from '../../../(third-party)/compliance-assessments/[id=uuid]/table-mode/+page.svelte';
-	import type { PageData, Actions } from './$types';
+	import type { Actions, PageData } from './$types';
 
 	export let data: PageData;
 	export let form: Actions;
 
-	import { breadcrumbObject } from '$lib/utils/stores';
-	breadcrumbObject.set(data.data);
-
 	const mailing =
 		Boolean(data.data.compliance_assessment) && Boolean(data.data.representatives.length);
 </script>
diff --git a/frontend/src/routes/(app)/(internal)/frameworks/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/frameworks/[id=uuid]/+page.svelte
index 847143f3a..a77ae7608 100644
--- a/frontend/src/routes/(app)/(internal)/frameworks/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/frameworks/[id=uuid]/+page.svelte
@@ -1,16 +1,14 @@
 <script lang="ts">
-	import type { PageData } from './$types';
-	import type { TreeViewNode } from '@skeletonlabs/skeleton';
 	import RecursiveTreeView from '$lib/components/TreeView/RecursiveTreeView.svelte';
-	import TreeViewItemContent from './TreeViewItemContent.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import { URL_MODEL_MAP } from '$lib/utils/crud';
-	import * as m from '$paraglide/messages';
-	import { toCamelCase } from '$lib/utils/locales';
 	import { safeTranslate } from '$lib/utils/i18n';
+	import * as m from '$paraglide/messages';
+	import type { TreeViewNode } from '@skeletonlabs/skeleton';
+	import type { PageData } from './$types';
+	import TreeViewItemContent from './TreeViewItemContent.svelte';
 
 	export let data: PageData;
-	breadcrumbObject.set(data.framework);
+
 	const tree = data.tree;
 
 	function transformToTreeView(nodes) {
diff --git a/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.svelte
index 5d6b0998b..faf734a2b 100644
--- a/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/libraries/[id=uuid]/+page.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import { page } from '$app/stores';
+	import Dropdown from '$lib/components/Dropdown/Dropdown.svelte';
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
 	import RiskMatrix from '$lib/components/RiskMatrix/RiskMatrix.svelte';
-	import Dropdown from '$lib/components/Dropdown/Dropdown.svelte';
-	import TreeViewItemContent from '../../frameworks/[id=uuid]/TreeViewItemContent.svelte';
 	import * as m from '$paraglide/messages';
-	import { page } from '$app/stores';
+	import TreeViewItemContent from '../../frameworks/[id=uuid]/TreeViewItemContent.svelte';
 
 	export let data;
 	let loading = { form: false, library: '' };
@@ -14,12 +13,6 @@
 		[key: string]: any;
 	}
 
-	const breadcrumb_library_data = {
-		...data.library,
-		id: data.library.id
-	};
-	$: breadcrumbObject.set(breadcrumb_library_data);
-
 	const libraryObjects: LibraryObjects = data.library.objects ?? [];
 	const riskMatrices = libraryObjects['risk_matrix'] ?? [];
 	const referenceControls = libraryObjects['reference_controls'] ?? [];
@@ -37,10 +30,10 @@
 		});
 	}
 
-	import { ProgressRadial, tableSourceMapper, type TreeViewNode } from '@skeletonlabs/skeleton';
-	import RecursiveTreeView from '$lib/components/TreeView/RecursiveTreeView.svelte';
-	import type { TableSource } from '$lib/components/ModelTable/types';
 	import { enhance } from '$app/forms';
+	import type { TableSource } from '$lib/components/ModelTable/types';
+	import RecursiveTreeView from '$lib/components/TreeView/RecursiveTreeView.svelte';
+	import { ProgressRadial, tableSourceMapper } from '@skeletonlabs/skeleton';
 
 	const riskMatricesTable: TableSource = {
 		head: { name: 'name', description: 'description' },
diff --git a/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/+page.svelte
index 8286307d0..615fcfe4c 100644
--- a/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/+page.svelte
@@ -4,7 +4,6 @@
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
 	import RiskMatrix from '$lib/components/RiskMatrix/RiskMatrix.svelte';
 	import { URL_MODEL_MAP, getModelInfo } from '$lib/utils/crud.js';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import type { RiskMatrixJsonDefinition, RiskScenario } from '$lib/utils/types';
 	import type {
 		ModalComponent,
@@ -17,16 +16,14 @@
 	import { superForm } from 'sveltekit-superforms';
 
 	import RiskScenarioItem from '$lib/components/RiskMatrix/RiskScenarioItem.svelte';
+	import { safeTranslate } from '$lib/utils/i18n.js';
 	import * as m from '$paraglide/messages';
 	import { languageTag } from '$paraglide/runtime';
-	import { safeTranslate } from '$lib/utils/i18n.js';
 
 	export let data;
 	const showRisks = true;
 	const risk_assessment = data.risk_assessment;
 
-	breadcrumbObject.set(risk_assessment);
-
 	const modalStore: ModalStore = getModalStore();
 	const toastStore: ToastStore = getToastStore();
 
diff --git a/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/remediation-plan/+page.svelte b/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/remediation-plan/+page.svelte
index 79e3c9093..9cc1fb8fa 100644
--- a/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/remediation-plan/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/risk-assessments/[id=uuid]/remediation-plan/+page.svelte
@@ -1,15 +1,12 @@
 <script lang="ts">
-	import * as m from '$paraglide/messages.js';
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import type { TableSource } from '$lib/components/ModelTable/types';
 	import { safeTranslate } from '$lib/utils/i18n.js';
 	import { toCamelCase } from '$lib/utils/locales.js';
-	import type { TableSource } from '$lib/components/ModelTable/types';
-	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import * as m from '$paraglide/messages.js';
 
 	export let data;
 
-	breadcrumbObject.set(data.risk_assessment);
-
 	const scenarioTreatmentColorMap = (status: string) => {
 		const map: Record<string, string> = {
 			open: 'bg-orange-200',
diff --git a/frontend/src/routes/(app)/(internal)/risk-matrices/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/risk-matrices/[id=uuid]/+page.svelte
index e5947f4ec..900af7c61 100644
--- a/frontend/src/routes/(app)/(internal)/risk-matrices/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/risk-matrices/[id=uuid]/+page.svelte
@@ -1,13 +1,9 @@
 <script lang="ts">
-	import { page } from '$app/stores';
-	import { breadcrumbObject } from '$lib/utils/stores';
-
 	import RiskMatrix from '$lib/components/RiskMatrix/RiskMatrix.svelte';
 	import { URL_MODEL_MAP } from '$lib/utils/crud.js';
 	const showRisks = true;
 	export let data;
 	const riskMatrix = data.data;
-	breadcrumbObject.set(riskMatrix);
 </script>
 
 <div class="flex flex-row justify-between">
diff --git a/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/+page.svelte
index c48fb9efe..3a60190fa 100644
--- a/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/+page.svelte
@@ -1,21 +1,17 @@
 <script lang="ts">
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import { page } from '$app/stores';
-	import type { PageData } from './$types';
 	import { URL_MODEL_MAP } from '$lib/utils/crud';
+	import type { PageData } from './$types';
 
+	import { safeTranslate } from '$lib/utils/i18n';
 	import * as m from '$paraglide/messages';
 	import { languageTag } from '$paraglide/runtime';
-	import { toCamelCase } from '$lib/utils/locales';
-	import { safeTranslate } from '$lib/utils/i18n';
 
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
 	import { isDark } from '$lib/utils/helpers';
 
 	export let data: PageData;
 
-	$: breadcrumbObject.set(data.scenario);
-
 	const user = $page.data.user;
 	const model = URL_MODEL_MAP['risk-scenarios'];
 	const canEditObject: boolean = Object.hasOwn(user.permissions, `change_${model.name}`);
diff --git a/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/edit/+page.svelte
index c1be10f4b..2694f794e 100644
--- a/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/risk-scenarios/[id=uuid]/edit/+page.svelte
@@ -5,10 +5,10 @@
 	import TextArea from '$lib/components/Forms/TextArea.svelte';
 	import TextField from '$lib/components/Forms/TextField.svelte';
 	import CreateModal from '$lib/components/Modals/CreateModal.svelte';
-	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
 	import { getOptions } from '$lib/utils/crud';
-	import { modelSchema } from '$lib/utils/schemas';
 	import { getSecureRedirect } from '$lib/utils/helpers';
+	import { modelSchema } from '$lib/utils/schemas';
+	import type { StrengthOfKnowledgeEntry } from '$lib/utils/types';
 	import {
 		getModalStore,
 		getToastStore,
@@ -18,23 +18,18 @@
 		type ToastStore
 	} from '@skeletonlabs/skeleton';
 	import type { PageData } from './$types';
-	import type { StrengthOfKnowledgeEntry } from '$lib/utils/types';
 	import RiskLevel from './RiskLevel.svelte';
 
 	import { browser } from '$app/environment';
-	import { breadcrumbObject } from '$lib/utils/stores';
-	import { superForm } from 'sveltekit-superforms';
 	import { page } from '$app/stores';
+	import { superForm } from 'sveltekit-superforms';
 
-	import * as m from '$paraglide/messages';
 	import { safeTranslate } from '$lib/utils/i18n';
-	import { languageTag } from '$paraglide/runtime';
+	import * as m from '$paraglide/messages';
 	import { zod } from 'sveltekit-superforms/adapters';
 
 	export let data: PageData;
 
-	breadcrumbObject.set(data.scenario);
-
 	const schema = modelSchema(data.model.urlModel!);
 
 	const strengthOfKnowledgeFormChoices: { label: string; value: number }[] = (
diff --git a/frontend/src/routes/(app)/(internal)/stakeholders/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(internal)/stakeholders/[id=uuid]/edit/+page.svelte
index 480ae532f..0c09a2ac3 100644
--- a/frontend/src/routes/(app)/(internal)/stakeholders/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/stakeholders/[id=uuid]/edit/+page.svelte
@@ -1,11 +1,8 @@
 <script lang="ts">
-	import type { PageData } from './$types';
 	import ModelForm from '$lib/components/Forms/ModelForm.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
-
-	breadcrumbObject.set(data.object);
 </script>
 
 <ModelForm
diff --git a/frontend/src/routes/(app)/(internal)/users/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(internal)/users/[id=uuid]/edit/+page.svelte
index 5c93bdd49..f354d0623 100644
--- a/frontend/src/routes/(app)/(internal)/users/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/users/[id=uuid]/edit/+page.svelte
@@ -2,13 +2,11 @@
 	import { page } from '$app/stores';
 	import ModelForm from '$lib/components/Forms/ModelForm.svelte';
 	import { UserEditSchema } from '$lib/utils/schemas';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import type { PageData } from './$types';
 
 	import * as m from '$paraglide/messages';
 
 	export let data: PageData;
-	breadcrumbObject.set(data.object);
 </script>
 
 <div class="card bg-white shadow p-4">
diff --git a/frontend/src/routes/(app)/(third-party)/[model=thirdparty_urlmodels]/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(third-party)/[model=thirdparty_urlmodels]/[id=uuid]/edit/+page.svelte
index 04428a987..9bfb2209e 100644
--- a/frontend/src/routes/(app)/(third-party)/[model=thirdparty_urlmodels]/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/[model=thirdparty_urlmodels]/[id=uuid]/edit/+page.svelte
@@ -1,11 +1,8 @@
 <script lang="ts">
-	import type { PageData } from './$types';
 	import ModelForm from '$lib/components/Forms/ModelForm.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
+	import type { PageData } from './$types';
 
 	export let data: PageData;
-
-	breadcrumbObject.set(data.data);
 </script>
 
 <div class="card p-4 bg-white shadow-lg">
diff --git a/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/+page.svelte
index b39fe3ce4..9be58eb9c 100644
--- a/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/+page.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import RecursiveTreeView from '$lib/components/TreeView/RecursiveTreeView.svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import { displayOnlyAssessableNodes } from './store';
 
 	import { onMount } from 'svelte';
@@ -11,14 +10,13 @@
 		ModalSettings,
 		ModalStore,
 		PopupSettings,
-		ToastStore,
 		TreeViewNode
 	} from '@skeletonlabs/skeleton';
 
-	import { getSecureRedirect } from '$lib/utils/helpers';
 	import { goto } from '$app/navigation';
+	import { getSecureRedirect } from '$lib/utils/helpers';
 
-	import { getModalStore, getToastStore, popup, SlideToggle } from '@skeletonlabs/skeleton';
+	import { getModalStore, popup, SlideToggle } from '@skeletonlabs/skeleton';
 	import type { ActionData, PageData } from './$types';
 	import TreeViewItemContent from './TreeViewItemContent.svelte';
 	import TreeViewItemLead from './TreeViewItemLead.svelte';
@@ -38,13 +36,12 @@
 	export let data: PageData;
 	export let form: ActionData;
 
+	import List from '$lib/components/List/List.svelte';
 	import ConfirmModal from '$lib/components/Modals/ConfirmModal.svelte';
 	import { displayScoreColor } from '$lib/utils/helpers';
 	import { expandedNodesState } from '$lib/utils/stores';
 	import { ProgressRadial } from '@skeletonlabs/skeleton';
-	import List from '$lib/components/List/List.svelte';
 
-	$: breadcrumbObject.set(data.compliance_assessment);
 	$: tree = data.tree;
 
 	$: compliance_assessment_donut_values = data.compliance_assessment_donut_values;
diff --git a/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/table-mode/+page.svelte b/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/table-mode/+page.svelte
index 9b72758ac..0b90e5574 100644
--- a/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/table-mode/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/compliance-assessments/[id=uuid]/table-mode/+page.svelte
@@ -1,5 +1,13 @@
 <script lang="ts">
-	import type { PageData, Actions } from '../../table-mode/$types';
+	import CreateModal from '$lib/components/Modals/CreateModal.svelte';
+	import DeleteConfirmModal from '$lib/components/Modals/DeleteConfirmModal.svelte';
+	import {
+		complianceResultTailwindColorMap,
+		complianceStatusTailwindColorMap
+	} from '$lib/utils/constants';
+	import { getModelInfo } from '$lib/utils/crud';
+	import { safeTranslate } from '$lib/utils/i18n';
+	import * as m from '$paraglide/messages';
 	import {
 		Accordion,
 		AccordionItem,
@@ -11,16 +19,7 @@
 		type ModalSettings,
 		type ModalStore
 	} from '@skeletonlabs/skeleton';
-	import * as m from '$paraglide/messages';
-	import { breadcrumbObject } from '$lib/utils/stores';
-	import {
-		complianceResultTailwindColorMap,
-		complianceStatusTailwindColorMap
-	} from '$lib/utils/constants';
-	import CreateModal from '$lib/components/Modals/CreateModal.svelte';
-	import DeleteConfirmModal from '$lib/components/Modals/DeleteConfirmModal.svelte';
-	import { safeTranslate } from '$lib/utils/i18n';
-	import { getModelInfo } from '$lib/utils/crud';
+	import type { Actions, PageData } from '../../table-mode/$types';
 
 	export let data: PageData;
 	export let form: Actions;
@@ -33,8 +32,6 @@
 	export let assessmentOnly: boolean = false;
 	export let invalidateAll: boolean = true;
 
-	if (!shallow) breadcrumbObject.set(data.compliance_assessment);
-
 	const result_options = [
 		{ id: 'not_assessed', label: m.notAssessed() },
 		{ id: 'non_compliant', label: m.nonCompliant() },
diff --git a/frontend/src/routes/(app)/(third-party)/evidences/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(third-party)/evidences/[id=uuid]/+page.svelte
index 484704593..d10866524 100644
--- a/frontend/src/routes/(app)/(third-party)/evidences/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/evidences/[id=uuid]/+page.svelte
@@ -1,23 +1,19 @@
 <script lang="ts">
-	import type { PageData } from './$types';
 	import { page } from '$app/stores';
-	import { onMount } from 'svelte';
-	import { breadcrumbObject } from '$lib/utils/stores';
-	import { URL_MODEL_MAP } from '$lib/utils/crud';
 	import ConfirmModal from '$lib/components/Modals/ConfirmModal.svelte';
-	import type { ModalSettings, ModalComponent, ModalStore } from '@skeletonlabs/skeleton';
-	import { getModalStore, TabGroup, Tab, getToastStore } from '@skeletonlabs/skeleton';
-	import { isURL } from '$lib/utils/helpers';
-	import { getModelInfo } from '$lib/utils/crud.js';
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import { URL_MODEL_MAP } from '$lib/utils/crud';
+	import { getModelInfo } from '$lib/utils/crud.js';
+	import { isURL } from '$lib/utils/helpers';
+	import type { ModalComponent, ModalSettings, ModalStore } from '@skeletonlabs/skeleton';
+	import { getModalStore, Tab, TabGroup } from '@skeletonlabs/skeleton';
+	import { onMount } from 'svelte';
+	import type { PageData } from './$types';
 
-	import * as m from '$paraglide/messages';
-	import { toCamelCase } from '$lib/utils/locales';
 	import { safeTranslate } from '$lib/utils/i18n';
-	import { languageTag } from '$paraglide/runtime';
+	import * as m from '$paraglide/messages';
 
 	export let data: PageData;
-	breadcrumbObject.set(data.evidence);
 
 	interface Attachment {
 		type: string;
diff --git a/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/+page.svelte b/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/+page.svelte
index 58cf6fa78..5ee61eee1 100644
--- a/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/+page.svelte
@@ -1,15 +1,19 @@
 <script lang="ts">
+	import { page } from '$app/stores';
+	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import { complianceResultColorMap, complianceStatusColorMap } from '$lib/utils/constants';
+	import {
+		displayScoreColor,
+		formatScoreValue,
+		getRequirementTitle,
+		getSecureRedirect
+	} from '$lib/utils/helpers';
 	import { safeTranslate } from '$lib/utils/i18n';
-	import type { PageData } from '../[id=uuid]/$types';
-	import { getRequirementTitle } from '$lib/utils/helpers';
-	import { hideSuggestions, breadcrumbObject } from '$lib/utils/stores';
-	import * as m from '$paraglide/messages';
 	import { toCamelCase } from '$lib/utils/locales';
-	import { complianceResultColorMap, complianceStatusColorMap } from '$lib/utils/constants';
-	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
+	import { hideSuggestions } from '$lib/utils/stores';
+	import * as m from '$paraglide/messages';
 	import { ProgressRadial, Tab, TabGroup } from '@skeletonlabs/skeleton';
-	import { displayScoreColor, formatScoreValue, getSecureRedirect } from '$lib/utils/helpers';
-	import { page } from '$app/stores';
+	import type { PageData } from '../[id=uuid]/$types';
 
 	export let data: PageData;
 	const threats = data.requirementAssessment.requirement.associated_threats ?? [];
@@ -31,11 +35,6 @@
 	const title = getRequirementTitle(data.requirement.ref_id, data.requirement.name)
 		? getRequirementTitle(data.requirement.ref_id, data.requirement.name)
 		: getRequirementTitle(data.parent.ref_id, data.parent.name);
-	breadcrumbObject.set({
-		id: data.requirementAssessment.id,
-		name: title ?? 'Requirement assessment',
-		email: ''
-	});
 
 	let requirementAssessmentsList: string[] = $hideSuggestions;
 
diff --git a/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/edit/+page.svelte b/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/edit/+page.svelte
index e03b5b656..749788b4b 100644
--- a/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/edit/+page.svelte
+++ b/frontend/src/routes/(app)/(third-party)/requirement-assessments/[id=uuid]/edit/+page.svelte
@@ -26,7 +26,6 @@
 	import ModelTable from '$lib/components/ModelTable/ModelTable.svelte';
 	import { getOptions } from '$lib/utils/crud';
 	import { getSecureRedirect } from '$lib/utils/helpers';
-	import { breadcrumbObject } from '$lib/utils/stores';
 	import {
 		ProgressRadial,
 		Tab,
@@ -45,10 +44,10 @@
 	import * as m from '$paraglide/messages';
 
 	import Question from '$lib/components/Forms/Question.svelte';
+	import List from '$lib/components/List/List.svelte';
 	import ConfirmModal from '$lib/components/Modals/ConfirmModal.svelte';
 	import { getRequirementTitle } from '$lib/utils/helpers';
 	import { zod } from 'sveltekit-superforms/adapters';
-	import List from '$lib/components/List/List.svelte';
 
 	function cancel(): void {
 		var currentUrl = window.location.href;
@@ -60,11 +59,6 @@
 	const title = getRequirementTitle(data.requirement.ref_id, data.requirement.name)
 		? getRequirementTitle(data.requirement.ref_id, data.requirement.name)
 		: getRequirementTitle(data.parent.ref_id, data.parent.name);
-	breadcrumbObject.set({
-		id: data.requirementAssessment.id,
-		name: title ?? 'Requirement assessment',
-		email: ''
-	});
 
 	const complianceAssessmentURL = `/compliance-assessments/${data.requirementAssessment.compliance_assessment.id}`;
 	const schema = RequirementAssessmentSchema;