@equinor/fusion-framework-dev-portal 11.0.8 → 11.0.9

package/dist/main.js

@@ -29760,7 +29760,7 @@ var Mh = /* @__PURE__ */ o(((e, t) => {
 	setFilter(e) {
 		return this._set("filter", e), this;
 	}
-}, Lh = "7.1.1", Rh;
+}, Lh = "7.1.2", Rh;
 (function(e) {
 	e[e.Debug = 0] = "Debug", e[e.Information = 1] = "Information", e[e.Warning = 2] = "Warning", e[e.Error = 3] = "Error", e[e.Critical = 4] = "Critical";
 })(Rh ||= {});
@@ -40534,7 +40534,7 @@ var kie = { [Sk.v1]: B({}) }, Aie = { [Sk.v1]: pf() }, jie = (e, t, n) => {
 	}
 }, Tk = (e) => {
 	e.addConfig({ module: wk });
-}, Ek = "8.1.3", Dk = class extends wi {
+}, Ek = "8.1.4", Dk = class extends wi {
 	static className = "FrameworkConfigurator";
 	constructor() {
 		super([
@@ -60744,7 +60744,7 @@ var gX = (e) => _h(e.type), N_e = {
 	setAdapter(e, t) {
 		return this.#t[e] = t, this;
 	}
-}, nve = "3.1.3", rve = class extends rt {
+}, nve = "3.1.4", rve = class extends rt {
 	constructor(e) {
 		super(e.unsubscribe);
 	}
@@ -67531,7 +67531,7 @@ var w$ = (e, t) => {
 	constructor(e, t) {
 		super(e, t), this.name = "DeactivateClaimableRoleAssignmentError";
 	}
-}, ASe = "0.2.0", jSe = class extends pi {
+}, ASe = "0.2.1", jSe = class extends pi {
 	client;
 	dependencies;
 	constructor(e, t = {}) {
@@ -68210,7 +68210,7 @@ var nCe = (e) => {
 	}
 	let r = o1(t);
 	return r ? s1(r.appKey, e ?? void 0) : t;
-}, iCe = "11.0.8", aCe = async (e) => {
+}, iCe = "11.0.9", aCe = async (e) => {
 	tg(e, {
 		attachConfiguratorEvents: !0,
 		configure: (e, t) => {
@@ -79288,16 +79288,7 @@ var vPe = Xae((e) => Zae({
 		"&.active": { zIndex: 1 }
 	},
 	hidden: { opacity: 0 }
-}), { name: "fusion-header-context-selector" }), a9 = "ctx-selector-clear", yPe = class e extends CustomEvent {
-	static eventName = a9;
-	constructor(t) {
-		super(e.eventName, {
-			bubbles: !0,
-			cancelable: !0,
-			detail: t
-		});
-	}
-}, o9 = {
+}), { name: "fusion-header-context-selector" }), a9 = "ctx-selector-clear", o9 = {
 	id: "temp-dev-id",
 	title: "Select Context",
 	subTitle: "Context",
@@ -79401,7 +79392,7 @@ var c9 = () => {
 		clearCurrentApp: (0, j.useMemo)(() => e.clearCurrentApp.bind(e), [e]),
 		error: n
 	};
-}, bPe = () => {
+}, yPe = () => {
 	let { currentApp: e, error: t } = c9(), { value: n, error: r, complete: i } = RY((0, j.useMemo)(() => e ? e.instance$ : Mn(null), [e]), { initial: e === void 0 ? void 0 : e?.instance ?? null });
 	return {
 		modules: n,
@@ -79409,7 +79400,7 @@ var c9 = () => {
 		complete: i
 	};
 }, l9 = (e) => {
-	let { modules: t, error: n, complete: r } = bPe();
+	let { modules: t, error: n, complete: r } = yPe();
 	return {
 		module: (() => {
 			if (t === null) return null;
@@ -79813,7 +79804,7 @@ var c9 = () => {
 	}
 	t.exports = tn;
 })))();
-var xPe = [
+var bPe = [
 	fF`
   :host([color='primary'][variant='filled']) {
     --fwc-chip-ink-color: ${X(q.colors.interactive.primary__resting.getVariable("color"))};
@@ -80007,17 +79998,17 @@ M([Q({
 })], u9.prototype, "removable", void 0), M([Q({
 	type: Boolean,
 	reflect: !0
-})], u9.prototype, "disabled", void 0), u9.styles = xPe;
+})], u9.prototype, "disabled", void 0), u9.styles = bPe;
 //#endregion
 //#region ../../node_modules/.pnpm/@equinor+fusion-wc-chip@1.3.4/node_modules/@equinor/fusion-wc-chip/lib/index.js
-var SPe = "fwc-chip", d9 = class extends u9 {};
-d9 = M([oF(SPe)], d9);
+var xPe = "fwc-chip", d9 = class extends u9 {};
+d9 = M([oF(xPe)], d9);
 //#endregion
 //#region src/ContextSelector/useContextResolver.ts
-function CPe(e) {
+function SPe(e) {
 	return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
 }
-function wPe(e) {
+function CPe(e) {
 	return e === void 0 ? {} : typeof e == "string" ? {
 		graphicType: e.startsWith("<") ? "inline-html" : "eds",
 		graphic: e
@@ -80029,7 +80020,7 @@ function wPe(e) {
 		graphic: e.content
 	};
 }
-function TPe(e) {
+function wPe(e) {
 	return e === void 0 ? {} : typeof e == "string" ? {
 		metaType: e.startsWith("<") ? "inline-html" : "eds",
 		meta: e
@@ -80046,23 +80037,29 @@ var f9 = (e) => e.map((e) => {
 		id: e.id,
 		title: e.title,
 		subTitle: e.subTitle ?? e.type.id,
-		...wPe(e.graphic),
-		...TPe(e.meta)
+		...CPe(e.graphic),
+		...wPe(e.meta)
 	}, n = !!(e.value.taskState && e.value.taskState.toLowerCase() !== "active");
-	return e.type.id === "EquinorTask" && n && (t.meta = `<fwc-chip disabled variant="outlined" value="${e.value.taskState}" />`, t.metaType = "inline-html"), e.type.id === "OrgChart" && (t.graphic = "list", t.graphicType = "eds", e.value.state && e.value.state.toLowerCase() !== "active" && (t.meta = `<fwc-chip disabled variant="outlined" value="${CPe(e.value.state ?? "")}" />`, t.metaType = "inline-html")), t;
+	return e.type.id === "EquinorTask" && n && (t.meta = `<fwc-chip disabled variant="outlined" value="${e.value.taskState}" />`, t.metaType = "inline-html"), e.type.id === "OrgChart" && (t.graphic = "list", t.graphicType = "eds", e.value.state && e.value.state.toLowerCase() !== "active" && (t.meta = `<fwc-chip disabled variant="outlined" value="${SPe(e.value.state ?? "")}" />`, t.metaType = "inline-html")), t;
 }), p9 = (e) => Object.assign({
 	id: "no-such-item",
 	title: "Change me"
-}, e), EPe = () => {
-	let e = Rk(), { currentApp: t } = c9(), n = (0, j.useMemo)(() => t?.instance$ || Zt, [t]), [r, i] = (0, j.useState)(null), { value: a } = RY((0, j.useMemo)(() => r?.currentContext$ || Zt, [r])), o = (0, j.useMemo)(() => a ? f9([a]) : [], [a]), s = (0, j.useCallback)((e) => {
+}, e), TPe = () => {
+	let e = Rk(), { currentApp: t } = c9(), n = (0, j.useMemo)(() => t?.instance$ || Zt, [t]), [r, i] = (0, j.useState)(null), { value: a } = RY((0, j.useMemo)(() => (r?.currentContext$ || Zt).pipe(F((e, t) => ({
+		context: e,
+		revision: t
+	}))), [r])), o = a?.revision ?? 0, s = (0, j.useMemo)(() => {
+		let e = a?.context;
+		return e ? f9([e]) : [];
+	}, [a]), c = (0, j.useCallback)((e) => {
 		let t = e.context;
 		i(t || null);
 	}, []);
-	s_e(n, s, (0, j.useCallback)(() => {
+	s_e(n, c, (0, j.useCallback)(() => {
 		i(null);
-	}, [])), (0, j.useEffect)(() => e.modules.event.addEventListener("onReactAppLoaded", (e) => (console.debug("useContextResolver::onReactAppLoaded", "using legacy register hack method"), s(e.detail.modules))), [e, s]);
-	let c = (0, j.useCallback)((e) => {
-		if (e.name === "QueryClientError") return c(e.cause);
+	}, [])), (0, j.useEffect)(() => e.modules.event.addEventListener("onReactAppLoaded", (e) => (console.debug("useContextResolver::onReactAppLoaded", "using legacy register hack method"), c(e.detail.modules))), [e, c]);
+	let l = (0, j.useCallback)((e) => {
+		if (e.name === "QueryClientError") return l(e.cause);
 		if (e.name === "FusionContextSearchError") {
 			let t = e;
 			return [p9({
@@ -80094,33 +80091,32 @@ var f9 = (e) => e.map((e) => {
 						title: "No results found",
 						graphic: "info_circle",
 						isDisabled: !0
-					})]), Sr((t) => (console.error("PORTAL::ContextResolver", `failed to resolve context for query ${e}`, t, t.cause), Mn(c(t))))));
+					})]), Sr((t) => (console.error("PORTAL::ContextResolver", `failed to resolve context for query ${e}`, t, t.cause), Mn(l(t))))));
 				} catch (t) {
 					let n = t;
-					return console.error("PORTAL::ContextResolver", `unhandled error for [${e}]`, t), c(n);
+					return console.error("PORTAL::ContextResolver", `unhandled error for [${e}]`, t), l(n);
 				}
 			},
-			initialResult: o
+			initialResult: s
 		}, [
 			r,
-			o,
-			c
+			s,
+			l
 		]),
 		provider: r,
-		currentContext: o
+		currentContext: s,
+		currentContextRevision: o
 	};
-}, DPe = (e) => {
-	let t = (0, j.useId)(), { resolver: n, provider: r, currentContext: [i] } = EPe(), a = (0, j.useCallback)((e) => {
+}, EPe = (e) => {
+	let t = (0, j.useId)(), { resolver: n, provider: r, currentContext: [i], currentContextRevision: a } = TPe(), o = (0, j.useCallback)((e) => {
 		if (r) {
 			if (e.type === "select") {
 				let t = e;
 				t.nativeEvent.detail.selected.length && r.contextClient.setCurrentContext(t.nativeEvent.detail.selected[0].id);
 			} else r.clearCurrentContext();
 		}
-	}, [r]), o = (0, j.useMemo)(() => new yPe({ date: Date.now() }), []);
-	return (0, j.useEffect)(() => {
-		i || document.dispatchEvent(o);
-	}, [o, i]), n ? /* @__PURE__ */ (0, K.jsx)("div", {
+	}, [r]);
+	return n ? /* @__PURE__ */ (0, K.jsx)("div", {
 		style: {
 			flex: 1,
 			maxWidth: "480px"
@@ -80133,14 +80129,14 @@ var f9 = (e) => e.map((e) => {
 				initialText: e.initialText ?? "Start typing to search",
 				dropdownHeight: e.dropdownHeight ?? "300px",
 				variant: e.variant ?? "header",
-				onSelect: (e) => a(e),
+				onSelect: (e) => o(e),
 				selectTextOnFocus: !0,
 				previewItem: i,
-				onClearContext: a
-			})
+				onClearContext: o
+			}, `${i?.id ?? "no-context"}:${a}`)
 		})
 	}) : null;
-}, OPe = ({ scale: e = 1, style: t }) => {
+}, DPe = ({ scale: e = 1, style: t }) => {
 	let n = (0, j.useId)(), r = (0, j.useId)();
 	return /* @__PURE__ */ (0, K.jsxs)("svg", {
 		viewBox: "0 0 50 35",
@@ -80207,17 +80203,17 @@ var f9 = (e) => e.map((e) => {
 	"Group by app": (e) => e.appKey,
 	"Created by": (e) => e.createdBy.name,
 	"Group by Context": (e) => e?.context?.name ?? "Unknown"
-}, kPe = (e) => {
+}, OPe = (e) => {
 	let [t, n] = (0, j.useState)(null), [r, i] = (0, j.useState)("Group by app");
 	return {
 		setGroupBy: i,
 		setSearchText: n,
 		searchText: t,
-		bookmarkGroups: APe(e || [], h9[r], t, "name"),
+		bookmarkGroups: kPe(e || [], h9[r], t, "name"),
 		groupingModes: h9,
 		groupByKey: r
 	};
-}, APe = (e, t, n, r) => (e ?? []).map(t).filter((e, t, n) => n.indexOf(e) === t).map((i) => ({
+}, kPe = (e, t, n, r) => (e ?? []).map(t).filter((e, t, n) => n.indexOf(e) === t).map((i) => ({
 	groupingProperty: i,
 	values: e.filter((e) => t(e) === i).filter((e) => {
 		let t = e[r];
@@ -80231,13 +80227,13 @@ Y.div`
         align-items: center;
         justify-content: space-between;
     `;
-var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, groupBy: i }) => (0, K.jsx)(sMe, {
+var APe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, groupBy: i }) => (0, K.jsx)(sMe, {
 	placeholder: "Search in my bookmarks",
 	value: e ?? "",
 	onChange: (e) => {
 		n(e.currentTarget.value.length ? e.currentTarget.value : null);
 	}
-}), MPe = ({ pRef: e, onClose: t, open: n, options: r }) => {
+}), jPe = ({ pRef: e, onClose: t, open: n, options: r }) => {
 	let i = r.map(({ onClick: e, name: n, disabled: r, Icon: i }) => (0, K.jsxs)(d8.Item, {
 		disabled: r,
 		onClick: (n) => {
@@ -80250,11 +80246,11 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 		anchorEl: e.current,
 		children: i
 	});
-}, NPe = Y(R6.Content)`
+}, MPe = Y(R6.Content)`
     display: flex;
     flex-direction: column;
     gap: 1rem;
-`, PPe = ({ isOpen: e, onClose: t }) => {
+`, NPe = ({ isOpen: e, onClose: t }) => {
 	let { provider: n, currentApp: r } = v9(), [i, a] = (0, j.useState)({
 		name: "",
 		description: "",
@@ -80289,7 +80285,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 		open: e,
 		children: [
 			(0, K.jsx)(R6.Header, { children: "Create bookmark" }),
-			(0, K.jsxs)(NPe, { children: [
+			(0, K.jsxs)(MPe, { children: [
 				(0, K.jsxs)("div", { children: [(0, K.jsx)(W8, {
 					htmlFor: o,
 					label: "Name"
@@ -80353,7 +80349,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 			}) })
 		]
 	});
-}, FPe = ({ id: e, displayName: t, isLoading: n }) => (0, K.jsx)(A8, {
+}, PPe = ({ id: e, displayName: t, isLoading: n }) => (0, K.jsx)(A8, {
 	id: e,
 	readOnly: !0,
 	value: t ?? "",
@@ -80379,7 +80375,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
         display: flex;
         gap: 0.2em;
     `
-}, IPe = ({ isOpen: e, onClose: t, bookmarkId: n }) => {
+}, FPe = ({ isOpen: e, onClose: t, bookmarkId: n }) => {
 	let { provider: r, addBookmarkToClipboard: i, currentApp: a } = v9(), [o, s] = (0, j.useState)({
 		name: "",
 		description: "",
@@ -80452,7 +80448,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 				(0, K.jsxs)("div", { children: [(0, K.jsx)(W8, {
 					htmlFor: u,
 					label: "App"
-				}), (0, K.jsx)(FPe, {
+				}), (0, K.jsx)(PPe, {
 					id: u,
 					displayName: h?.displayName,
 					isLoading: _
@@ -80487,10 +80483,10 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 			})] }) })
 		]
 	});
-}, LPe = { Actions: Y.div`
+}, IPe = { Actions: Y.div`
         display: flex;
         gap: 1rem;
-    ` }, RPe = () => {
+    ` }, LPe = () => {
 	let [e, t] = (0, j.useState)(!1), { provider: n, currentUser: r } = v9(), { value: i } = RY((0, j.useMemo)(() => n ? n.currentBookmark$.pipe(I((e) => !!e), Xr((e) => e && e.createdBy.id !== r?.id ? P(n.isBookmarkInFavorites(e.id)).pipe(F((t) => t ? null : e)) : Mn(null))) : Mn(null), [n, r?.id]));
 	(0, j.useEffect)(() => {
 		i && t(!0);
@@ -80510,7 +80506,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 		children: [
 			(0, K.jsx)(R6.Header, { children: "Import bookmark" }),
 			(0, K.jsxs)(R6.Content, { children: [(0, K.jsxs)("p", { children: ["This bookmark was created by ", i.createdBy.name] }), (0, K.jsx)("p", { children: "Would you like to import it?" })] }),
-			(0, K.jsx)(R6.Actions, { children: (0, K.jsxs)(LPe.Actions, { children: [(0, K.jsx)(t6, {
+			(0, K.jsx)(R6.Actions, { children: (0, K.jsxs)(IPe.Actions, { children: [(0, K.jsx)(t6, {
 				onClick: () => t(!1),
 				variant: "ghost",
 				style: { width: "70px" },
@@ -80523,7 +80519,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 			})] }) })
 		]
 	}) : null;
-}, _9 = (0, j.createContext)(null), v9 = () => (0, j.useContext)(_9), zPe = (e) => {
+}, _9 = (0, j.createContext)(null), v9 = () => (0, j.useContext)(_9), RPe = (e) => {
 	let { provider: t, currentApp: n, currentUser: r, children: i } = e, [a, o] = (0, j.useState)(!1), [s, c] = (0, j.useState)(), l = (0, j.useCallback)(() => {
 		o(!0);
 	}, []), [u, d] = (0, j.useState)(""), f = (0, j.useCallback)((e) => {
@@ -80540,16 +80536,16 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 			addBookmarkToClipboard: f
 		},
 		children: [
-			(0, K.jsx)(PPe, {
+			(0, K.jsx)(NPe, {
 				isOpen: a,
 				onClose: o
 			}),
-			s && (0, K.jsx)(IPe, {
+			s && (0, K.jsx)(FPe, {
 				isOpen: !!s,
 				onClose: () => c(void 0),
 				bookmarkId: s
 			}),
-			(0, K.jsx)(RPe, {}),
+			(0, K.jsx)(LPe, {}),
 			(0, K.jsx)(B6, {
 				autoHideDuration: 2e3,
 				onClose: () => d(""),
@@ -80590,7 +80586,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
         justify-content: space-between;
         border-bottom: 1px solid ${d$.colors.ui.background__medium.hex};
     `
-}, BPe = ({ name: e, menuOptions: t, children: n, id: r, menuOpen: i, onMenuOpen: a }) => {
+}, zPe = ({ name: e, menuOptions: t, children: n, id: r, menuOpen: i, onMenuOpen: a }) => {
 	let o = (0, j.useRef)(null), { provider: s } = v9(), c = (0, j.useCallback)((e) => {
 		e.preventDefault(), e.stopPropagation(), s && P(s.setCurrentBookmark(r)).subscribe();
 	}, [s, r]);
@@ -80606,7 +80602,7 @@ var jPe = ({ searchText: e, setGroupBy: t, setSearchText: n, groupingModes: r, g
 				color: d$.colors.interactive.primary__resting.hex,
 				ref: o
 			}),
-			(0, K.jsx)(MPe, {
+			(0, K.jsx)(jPe, {
 				open: i,
 				options: t,
 				onClose: () => {
@@ -80646,7 +80642,7 @@ i6.add({
 	chevron_down: sU,
 	chevron_right: lU
 });
-var VPe = ({ children: e, name: t }) => {
+var BPe = ({ children: e, name: t }) => {
 	let [n, r] = (0, j.useState)(!0);
 	return (0, K.jsxs)("div", { children: [(0, K.jsxs)(b9.Button, {
 		variant: "ghost",
@@ -80669,13 +80665,13 @@ var VPe = ({ children: e, name: t }) => {
         letter-spacing: 0em;
         text-align: right;
     `
-}, HPe = ({ createdBy: e, createdById: t }) => {
+}, VPe = ({ createdBy: e, createdById: t }) => {
 	let n = t === Rk().modules.auth.account?.localAccountId;
 	return (0, K.jsxs)(x9.Row, { children: [!n && (0, K.jsxs)(x9.CreatedBy, { children: ["shared by ", e] }), (0, K.jsx)(i6, {
 		name: "share",
 		color: n ? d$.colors.interactive.primary__resting.hex : d$.colors.interactive.disabled__border.hex
 	})] });
-}, UPe = (e) => e.values.length, WPe = (e, t) => e.name.localeCompare(t.name), GPe = (e) => e.split("-").map((e) => `${e[0].toUpperCase()}${e.slice(1)}`).join(" ");
+}, HPe = (e) => e.values.length, UPe = (e, t) => e.name.localeCompare(t.name), WPe = (e) => e.split("-").map((e) => `${e[0].toUpperCase()}${e.slice(1)}`).join(" ");
 //#endregion
 //#region ../react/components/bookmark/dist/esm/components/sectionList/SectionList.js
 i6.add({
@@ -80685,7 +80681,7 @@ i6.add({
 	close: RL,
 	update: IL
 });
-var KPe = ({ bookmarkGroups: e }) => {
+var GPe = ({ bookmarkGroups: e }) => {
 	let { provider: t, currentApp: n, showEditBookmark: r, addBookmarkToClipboard: i } = v9(), a = m9(), [o, s] = (0, j.useState)(""), c = (0, j.useCallback)((e) => {
 		if (!t) return [];
 		let o = n?.appKey, s = e.id, c = e.createdBy.id === a?.localAccountId, l = {
@@ -80779,9 +80775,9 @@ var KPe = ({ bookmarkGroups: e }) => {
 		a,
 		n?.appKey
 	]);
-	return (0, K.jsx)(K.Fragment, { children: e.filter(UPe).map(({ groupingProperty: e, values: t }) => (0, K.jsx)(VPe, {
-		name: GPe(e),
-		children: t.sort(WPe).map((e) => (0, K.jsx)(BPe, {
+	return (0, K.jsx)(K.Fragment, { children: e.filter(HPe).map(({ groupingProperty: e, values: t }) => (0, K.jsx)(BPe, {
+		name: WPe(e),
+		children: t.sort(UPe).map((e) => (0, K.jsx)(zPe, {
 			menuOptions: c(e),
 			name: e.name,
 			id: e.id,
@@ -80789,13 +80785,13 @@ var KPe = ({ bookmarkGroups: e }) => {
 			onMenuOpen: (e) => {
 				s(e);
 			},
-			children: e.isShared && (0, K.jsx)(HPe, {
+			children: e.isShared && (0, K.jsx)(VPe, {
 				createdById: e.createdBy.id,
 				createdBy: e.createdBy.name
 			})
 		}, e.id))
 	}, e)) });
-}, qPe = (e) => {
+}, KPe = (e) => {
 	switch (e) {
 		case "Error": return {
 			color: d$.colors.interactive.danger__resting.hex,
@@ -80832,8 +80828,8 @@ var KPe = ({ bookmarkGroups: e }) => {
         gap: 0.5rem;
         justify-content: center;
     `
-}, JPe = ({ title: e, type: t = "Info", color: n, children: r }) => {
-	let i = qPe(t);
+}, qPe = ({ title: e, type: t = "Info", color: n, children: r }) => {
+	let i = KPe(t);
 	return (0, K.jsxs)(S9.Wrapper, { children: [(0, K.jsx)(i6, {
 		"data-testid": "icon",
 		size: 40,
@@ -80845,7 +80841,7 @@ var KPe = ({ bookmarkGroups: e }) => {
 		"aria-label": `Title for ${t} message`,
 		children: e
 	}), (0, K.jsx)(x6, { children: r && r })] })] });
-}, YPe = () => (0, K.jsx)("div", {
+}, JPe = () => (0, K.jsx)("div", {
 	style: {
 		display: "flex",
 		alignItems: "center",
@@ -80883,13 +80879,13 @@ var C9 = {
         left: 0px;
         right: 0px;
     `
-}, XPe = () => {
-	let { provider: e } = v9(), { value: t } = RY((0, j.useMemo)(() => e?.bookmarks$ || Zt, [e])), { value: n } = RY((0, j.useMemo)(() => (e?.status$ || Zt).pipe(F((e) => !!e.has("fetch_bookmarks"))), [e]), { initial: !0 }), { bookmarkGroups: r, groupingModes: i, searchText: a, setGroupBy: o, setSearchText: s, groupByKey: c } = kPe(t), l = (0, j.useMemo)(() => n ? (0, K.jsx)(YPe, {}) : r.length === 0 ? (0, K.jsx)(JPe, {
+}, YPe = () => {
+	let { provider: e } = v9(), { value: t } = RY((0, j.useMemo)(() => e?.bookmarks$ || Zt, [e])), { value: n } = RY((0, j.useMemo)(() => (e?.status$ || Zt).pipe(F((e) => !!e.has("fetch_bookmarks"))), [e]), { initial: !0 }), { bookmarkGroups: r, groupingModes: i, searchText: a, setGroupBy: o, setSearchText: s, groupByKey: c } = OPe(t), l = (0, j.useMemo)(() => n ? (0, K.jsx)(JPe, {}) : r.length === 0 ? (0, K.jsx)(qPe, {
 		title: "No Bookmarks",
 		type: "NoContent",
 		children: "You have not created any bookmarks yet."
-	}) : (0, K.jsx)(KPe, { bookmarkGroups: r }), [n, r]);
-	return (0, K.jsxs)(C9.Wrapper, { children: [(0, K.jsx)(jPe, {
+	}) : (0, K.jsx)(GPe, { bookmarkGroups: r }), [n, r]);
+	return (0, K.jsxs)(C9.Wrapper, { children: [(0, K.jsx)(APe, {
 		groupBy: c,
 		groupingModes: Object.keys(i),
 		searchText: a ?? "",
@@ -80899,11 +80895,11 @@ var C9 = {
 }, w9 = ({ children: e, sideSheetRef: t }) => {
 	let n = j.Children.map(e, (e) => (0, j.isValidElement)(e) ? (0, j.cloneElement)(e, { sideSheetRef: t }) : e);
 	return (0, K.jsx)(K.Fragment, { children: n });
-}, ZPe = Y.div`
+}, XPe = Y.div`
   overflow-y: auto;
   height: 100%;
   padding: var(--side-sheet-content-padding, 1rem);
-`, T9 = ({ children: e }) => (0, K.jsx)(ZPe, { children: e });
+`, T9 = ({ children: e }) => (0, K.jsx)(XPe, { children: e });
 //#endregion
 //#region ../../node_modules/.pnpm/@equinor+fusion-react-side-sheet@2.0.8_@equinor+eds-core-react@2.6.2_react-dom@19.2.8_r_0c721266787491a963433c21d46048af/node_modules/@equinor/fusion-react-side-sheet/dist/components/icon/FullscreenIcon.js
 i6.add({
@@ -80916,13 +80912,13 @@ var E9 = () => {
 		let e = () => t(!!document.fullscreenElement);
 		return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
 	}, []), (0, K.jsx)(i6, { name: e ? "fullscreen_exit" : "fullscreen" });
-}, QPe = Y.span`
+}, ZPe = Y.span`
   background-color: ${({ color: e }) => e || "red"};
   height: 3rem;
   width: 8px;
   margin-right: 1rem;
   border-radius: 2px;
-`, D9 = ({ color: e }) => (0, K.jsx)(QPe, { color: e }), O9 = ({ subTitle: e }) => (0, K.jsx)(x6, {
+`, D9 = ({ color: e }) => (0, K.jsx)(ZPe, { color: e }), O9 = ({ subTitle: e }) => (0, K.jsx)(x6, {
 	variant: "meta",
 	children: e
 }), k9 = ({ title: e }) => (0, K.jsx)(x6, {
@@ -80950,7 +80946,7 @@ var E9 = () => {
 	height: "20px",
 	position: "absolute",
 	zIndex: 1
-}, $Pe = {
+}, QPe = {
 	top: A9(A9({}, j9), { top: "-5px" }),
 	right: A9(A9({}, M9), {
 		left: void 0,
@@ -80981,7 +80977,7 @@ var E9 = () => {
 		top: "-10px",
 		cursor: "nw-resize"
 	})
-}, eFe = (0, j.memo)(function(e) {
+}, $Pe = (0, j.memo)(function(e) {
 	var t = e.onResizeStart, n = e.direction, r = e.children, i = e.replaceStyles, a = e.className, o = (0, j.useCallback)(function(e) {
 		t(e, n);
 	}, [t, n]), s = (0, j.useCallback)(function(e) {
@@ -80990,7 +80986,7 @@ var E9 = () => {
 		return A9(A9({
 			position: "absolute",
 			userSelect: "none"
-		}, $Pe[n]), i ?? {});
+		}, QPe[n]), i ?? {});
 	}, [i, n]);
 	return (0, K.jsx)("div", {
 		className: a || void 0,
@@ -80999,7 +80995,7 @@ var E9 = () => {
 		onTouchStart: s,
 		children: r
 	});
-}), tFe = (function() {
+}), eFe = (function() {
 	var e = function(t, n) {
 		return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
 			e.__proto__ = t;
@@ -81020,7 +81016,7 @@ var E9 = () => {
 		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
 		return e;
 	}, P9.apply(this, arguments);
-}, nFe = {
+}, tFe = {
 	width: "auto",
 	height: "auto"
 }, F9 = function(e, t, n) {
@@ -81032,7 +81028,7 @@ var E9 = () => {
 	return new RegExp(e, "i").test(t);
 }, R9 = function(e) {
 	return !!(e.touches && e.touches.length);
-}, rFe = function(e) {
+}, nFe = function(e) {
 	return !!((e.clientX || e.clientX === 0) && (e.clientY || e.clientY === 0));
 }, z9 = function(e, t, n) {
 	n === void 0 && (n = 0);
@@ -81059,17 +81055,17 @@ var E9 = () => {
 		}
 	}
 	return e;
-}, iFe = function(e, t, n, r, i, a, o) {
+}, rFe = function(e, t, n, r, i, a, o) {
 	return r = V9(r, e.width, t, n), i = V9(i, e.height, t, n), a = V9(a, e.width, t, n), o = V9(o, e.height, t, n), {
 		maxWidth: r === void 0 ? void 0 : Number(r),
 		maxHeight: i === void 0 ? void 0 : Number(i),
 		minWidth: a === void 0 ? void 0 : Number(a),
 		minHeight: o === void 0 ? void 0 : Number(o)
 	};
-}, aFe = function(e) {
+}, iFe = function(e) {
 	return Array.isArray(e) ? e : [e, e];
-}, oFe = /* @__PURE__ */ "as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap".split("."), H9 = "__resizable_base__", sFe = function(e) {
-	tFe(t, e);
+}, aFe = /* @__PURE__ */ "as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap".split("."), H9 = "__resizable_base__", oFe = function(e) {
+	eFe(t, e);
 	function t(t) {
 		var n = e.call(this, t) || this;
 		return n.ratio = 1, n.resizable = null, n.parentLeft = 0, n.parentTop = 0, n.resizableLeft = 0, n.resizableRight = 0, n.resizableTop = 0, n.resizableBottom = 0, n.targetLeft = 0, n.targetTop = 0, n.delta = {
@@ -81125,7 +81121,7 @@ var E9 = () => {
 		configurable: !0
 	}), Object.defineProperty(t.prototype, "propsSize", {
 		get: function() {
-			return this.props.size || this.props.defaultSize || nFe;
+			return this.props.size || this.props.defaultSize || tFe;
 		},
 		enumerable: !1,
 		configurable: !0
@@ -81213,7 +81209,7 @@ var E9 = () => {
 			maxHeight: t
 		};
 	}, t.prototype.calculateNewSizeFromDirection = function(e, t) {
-		var n = this.props.scale || 1, r = aFe(this.props.resizeRatio || 1), i = r[0], a = r[1], o = this.state, s = o.direction, c = o.original, l = this.props, u = l.lockAspectRatio, d = l.lockAspectRatioExtraHeight, f = l.lockAspectRatioExtraWidth, p = c.width, m = c.height, h = d || 0, g = f || 0;
+		var n = this.props.scale || 1, r = iFe(this.props.resizeRatio || 1), i = r[0], a = r[1], o = this.state, s = o.direction, c = o.original, l = this.props, u = l.lockAspectRatio, d = l.lockAspectRatioExtraHeight, f = l.lockAspectRatioExtraWidth, p = c.width, m = c.height, h = d || 0, g = f || 0;
 		return L9("right", s) && (p = c.width + (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), L9("left", s) && (p = c.width - (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), L9("bottom", s) && (m = c.height + (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), L9("top", s) && (m = c.height - (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), {
 			newWidth: p,
 			newHeight: m
@@ -81248,7 +81244,7 @@ var E9 = () => {
 	}, t.prototype.onResizeStart = function(e, t) {
 		if (!(!this.resizable || !this.window)) {
 			var n = 0, r = 0;
-			if (e.nativeEvent && rFe(e.nativeEvent) ? (n = e.nativeEvent.clientX, r = e.nativeEvent.clientY) : e.nativeEvent && R9(e.nativeEvent) && (n = e.nativeEvent.touches[0].clientX, r = e.nativeEvent.touches[0].clientY), !(this.props.onResizeStart && this.resizable && this.props.onResizeStart(e, t, this.resizable) === !1)) {
+			if (e.nativeEvent && nFe(e.nativeEvent) ? (n = e.nativeEvent.clientX, r = e.nativeEvent.clientY) : e.nativeEvent && R9(e.nativeEvent) && (n = e.nativeEvent.touches[0].clientX, r = e.nativeEvent.touches[0].clientY), !(this.props.onResizeStart && this.resizable && this.props.onResizeStart(e, t, this.resizable) === !1)) {
 				this.props.size && (this.props.size.height !== void 0 && this.props.size.height !== this.state.height && this.setState({ height: this.props.size.height }), this.props.size.width !== void 0 && this.props.size.width !== this.state.width && this.setState({ width: this.props.size.width })), this.ratio = typeof this.props.lockAspectRatio == "number" ? this.props.lockAspectRatio : this.size.width / this.size.height;
 				var i, a = this.window.getComputedStyle(this.resizable);
 				if (a.flexBasis !== "auto") {
@@ -81280,7 +81276,7 @@ var E9 = () => {
 			if (this.window.TouchEvent && R9(e)) try {
 				e.preventDefault(), e.stopPropagation();
 			} catch {}
-			var n = this.props, r = n.maxWidth, i = n.maxHeight, a = n.minWidth, o = n.minHeight, s = R9(e) ? e.touches[0].clientX : e.clientX, c = R9(e) ? e.touches[0].clientY : e.clientY, l = this.state, u = l.direction, d = l.original, f = l.width, p = l.height, m = this.getParentSize(), h = iFe(m, this.window.innerWidth, this.window.innerHeight, r, i, a, o);
+			var n = this.props, r = n.maxWidth, i = n.maxHeight, a = n.minWidth, o = n.minHeight, s = R9(e) ? e.touches[0].clientX : e.clientX, c = R9(e) ? e.touches[0].clientY : e.clientY, l = this.state, u = l.direction, d = l.original, f = l.width, p = l.height, m = this.getParentSize(), h = rFe(m, this.window.innerWidth, this.window.innerHeight, r, i, a, o);
 			r = h.maxWidth, i = h.maxHeight, a = h.minWidth, o = h.minHeight;
 			var g = this.calculateNewSizeFromDirection(s, c), _ = g.newHeight, v = g.newWidth, y = this.calculateNewMaxFromBoundary(r, i);
 			this.props.snap && this.props.snap.x && (v = z9(v, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (_ = z9(_, this.props.snap.y, this.props.snapGap));
@@ -81351,7 +81347,7 @@ var E9 = () => {
 		var e = this, t = this.props, n = t.enable, r = t.handleStyles, i = t.handleClasses, a = t.handleWrapperStyle, o = t.handleWrapperClass, s = t.handleComponent;
 		if (!n) return null;
 		var c = Object.keys(n).map(function(t) {
-			return n[t] === !1 ? null : (0, K.jsx)(eFe, {
+			return n[t] === !1 ? null : (0, K.jsx)($Pe, {
 				direction: t,
 				onResizeStart: e.onResizeStart,
 				replaceStyles: r && r[t],
@@ -81366,7 +81362,7 @@ var E9 = () => {
 		});
 	}, t.prototype.render = function() {
 		var e = this, t = Object.keys(this.props).reduce(function(t, n) {
-			return oFe.indexOf(n) === -1 && (t[n] = e.props[n]), t;
+			return aFe.indexOf(n) === -1 && (t[n] = e.props[n]), t;
 		}, {}), n = P9(P9(P9({
 			position: "relative",
 			userSelect: this.state.isResizing ? "none" : "auto"
@@ -81418,7 +81414,7 @@ var E9 = () => {
 		resizeRatio: 1,
 		snapGap: 0
 	}, t;
-}(j.PureComponent), cFe = Y(iMe).withConfig({ shouldForwardProp: (e) => e !== "shouldAnimate" })`
+}(j.PureComponent), sFe = Y(iMe).withConfig({ shouldForwardProp: (e) => e !== "shouldAnimate" })`
   animation: ${({ shouldAnimate: e }) => e ? "ScrimAnimation ease 0.3s" : "none"};
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
@@ -81432,7 +81428,7 @@ var E9 = () => {
       opacity: 1;
     }
   }
-`, lFe = Y.div.withConfig({ shouldForwardProp: (e) => e !== "shouldAnimate" })`
+`, cFe = Y.div.withConfig({ shouldForwardProp: (e) => e !== "shouldAnimate" })`
   --side-sheet-height: calc(100vh - var(--header-height, 0px));
   height: var(--custom-side-sheet-height, var(--side-sheet-height, 100%));
   position: fixed;
@@ -81449,20 +81445,20 @@ var E9 = () => {
       right: 0px;
     }
   }
-`, uFe = Y.div`
+`, lFe = Y.div`
   height: 100%;
   background: #fff; // TODO: token
   width: 100%;
-`, U9 = 480, dFe = (e) => {
+`, U9 = 480, uFe = (e) => {
 	let { isOpen: t, onClose: n, isDismissable: r, minWidth: i, children: a, animate: o } = e, [s, c] = (0, j.useState)(i ?? U9), l = o === void 0 || o;
-	return (0, K.jsx)(cFe, {
+	return (0, K.jsx)(sFe, {
 		open: t,
 		onClose: n,
 		isDismissable: r,
 		shouldAnimate: l,
-		children: (0, K.jsx)(lFe, {
+		children: (0, K.jsx)(cFe, {
 			shouldAnimate: l,
-			children: (0, K.jsx)(sFe, {
+			children: (0, K.jsx)(oFe, {
 				size: {
 					width: s,
 					height: "100%"
@@ -81503,16 +81499,16 @@ var E9 = () => {
 					top: "45%",
 					left: "1px"
 				} },
-				children: (0, K.jsx)(uFe, { children: a })
+				children: (0, K.jsx)(lFe, { children: a })
 			})
 		})
 	});
-}, fFe = Lje();
-function pFe(e) {
-	return (0, fFe.isFragment)(e);
+}, dFe = Lje();
+function fFe(e) {
+	return (0, dFe.isFragment)(e);
 }
 function W9(e, t = 0, n = []) {
-	return j.Children.toArray(e).reduce((e, r, i) => (pFe(r) ? e.push.apply(e, W9(r.props.children, t + 1, n.concat(r.key || i))) : (0, j.isValidElement)(r) ? e.push((0, j.cloneElement)(r, { key: n.concat(String(r.key)).join(".") })) : (typeof r == "string" || typeof r == "number" || typeof r == "bigint") && e.push(r), e), []);
+	return j.Children.toArray(e).reduce((e, r, i) => (fFe(r) ? e.push.apply(e, W9(r.props.children, t + 1, n.concat(r.key || i))) : (0, j.isValidElement)(r) ? e.push((0, j.cloneElement)(r, { key: n.concat(String(r.key)).join(".") })) : (typeof r == "string" || typeof r == "number" || typeof r == "bigint") && e.push(r), e), []);
 }
 //#endregion
 //#region ../../node_modules/.pnpm/@equinor+fusion-react-side-sheet@2.0.8_@equinor+eds-core-react@2.6.2_react-dom@19.2.8_r_0c721266787491a963433c21d46048af/node_modules/@equinor/fusion-react-side-sheet/dist/components/SideSheet.js
@@ -81521,14 +81517,14 @@ var G9 = Y.div`
   z-index: 10;
 `, K9 = Y(G9)`
   flex-direction: column;
-`, mFe = Y(K9)`
+`, pFe = Y(K9)`
   background: ${d$.colors.ui.background__default.hex};
   height: 100%;
-`, hFe = Y(G9)`
+`, mFe = Y(G9)`
   height: var(--side-sheet-header-height, 3rem);
   justify-content: space-between;
   padding: var(--side-sheet-header-padding, 1rem);
-`, gFe = Y(G9)`
+`, hFe = Y(G9)`
   justify-content: end;
   height: 0;
   position: absolute;
@@ -81536,9 +81532,9 @@ var G9 = Y.div`
   top: 1rem;
 `;
 i6.add({ close: RL });
-var _Fe = (e) => {
+var gFe = (e) => {
 	let { components: t, enableFullscreen: n, handleFullscreenClick: r, onClose: i } = e;
-	return t.title || t.subTitle ? (0, K.jsxs)(hFe, { children: [(0, K.jsxs)(G9, { children: [t.indicator, (0, K.jsxs)(K9, { children: [t.title, t.subTitle] })] }), (0, K.jsxs)(G9, { children: [
+	return t.title || t.subTitle ? (0, K.jsxs)(mFe, { children: [(0, K.jsxs)(G9, { children: [t.indicator, (0, K.jsxs)(K9, { children: [t.title, t.subTitle] })] }), (0, K.jsxs)(G9, { children: [
 		t.actions,
 		n && (0, K.jsx)(e6, {
 			title: "Full screen",
@@ -81558,7 +81554,7 @@ var _Fe = (e) => {
 				children: (0, K.jsx)(i6, { name: "close" })
 			})
 		})
-	] })] }) : (0, K.jsxs)(gFe, { children: [
+	] })] }) : (0, K.jsxs)(hFe, { children: [
 		t.actions,
 		n && (0, K.jsx)(e6, {
 			title: "Full screen",
@@ -81593,11 +81589,11 @@ var _Fe = (e) => {
 		return e;
 	}, {});
 	if (!o.content) throw Error("Content Component is required child");
-	return (0, K.jsx)(dFe, {
+	return (0, K.jsx)(uFe, {
 		...e,
-		children: (0, K.jsxs)(mFe, {
+		children: (0, K.jsxs)(pFe, {
 			ref: i,
-			children: [(0, K.jsx)(_Fe, {
+			children: [(0, K.jsx)(gFe, {
 				components: o,
 				enableFullscreen: r,
 				handleFullscreenClick: a,
@@ -81626,14 +81622,14 @@ var J9 = (e, t) => {
 			});
 		}, [e])
 	};
-}, vFe = () => {
+}, _Fe = () => {
 	let { module: e, error: t } = l9("featureFlag"), { features: n, toggleFeature: r, error: i } = J9(e);
 	return {
 		features: n,
 		toggleFeature: r,
 		error: i ?? t
 	};
-}, yFe = () => {
+}, vFe = () => {
 	let e = zk("featureFlag");
 	if (!e) throw Error("Feature flagging is not enabled in the framework");
 	return J9(e);
@@ -81664,8 +81660,8 @@ var J9 = (e, t) => {
         justify-content: flex-end;
         transform: scale(0.9);
     `
-}, bFe = () => {
-	let { features: e, toggleFeature: t } = vFe();
+}, yFe = () => {
+	let { features: e, toggleFeature: t } = _Fe();
 	return /* @__PURE__ */ (0, K.jsx)(Y9.SwitchList, { children: e?.map((e) => /* @__PURE__ */ (0, K.jsxs)(Y9.SwitchListItem, {
 		onClick: () => t(e.key),
 		children: [/* @__PURE__ */ (0, K.jsxs)(Y9.SwitchLabel, { children: [/* @__PURE__ */ (0, K.jsx)(x6, {
@@ -81679,8 +81675,8 @@ var J9 = (e, t) => {
 			disabled: e.readonly
 		}) })]
 	}, `feat-${e.key}`)) });
-}, xFe = () => {
-	let { features: e, toggleFeature: t } = yFe();
+}, bFe = () => {
+	let { features: e, toggleFeature: t } = vFe();
 	return /* @__PURE__ */ (0, K.jsx)(Y9.SwitchList, { children: e?.map((e) => /* @__PURE__ */ (0, K.jsxs)(Y9.SwitchListItem, {
 		onClick: () => t(e.key),
 		children: [/* @__PURE__ */ (0, K.jsxs)(Y9.SwitchLabel, { children: [/* @__PURE__ */ (0, K.jsx)(x6, {
@@ -81701,7 +81697,7 @@ i6.add({
 	arrow_back: dU,
 	category: JL
 });
-var SFe = ({ navigate: e }) => {
+var xFe = ({ navigate: e }) => {
 	let [t, n] = (0, j.useState)(0);
 	return /* @__PURE__ */ (0, K.jsxs)("section", { children: [
 		/* @__PURE__ */ (0, K.jsx)("div", { children: /* @__PURE__ */ (0, K.jsx)("div", { children: /* @__PURE__ */ (0, K.jsxs)(t6, {
@@ -81717,7 +81713,7 @@ var SFe = ({ navigate: e }) => {
 		/* @__PURE__ */ (0, K.jsx)("div", { children: /* @__PURE__ */ (0, K.jsxs)(f6, {
 			activeTab: t,
 			onChange: (e) => n(Number(e)),
-			children: [/* @__PURE__ */ (0, K.jsxs)(f6.List, { children: [/* @__PURE__ */ (0, K.jsx)(f6.Tab, { children: "App features" }), /* @__PURE__ */ (0, K.jsx)(f6.Tab, { children: "Portal features" })] }), /* @__PURE__ */ (0, K.jsxs)(f6.Panels, { children: [/* @__PURE__ */ (0, K.jsx)(f6.Panel, { children: /* @__PURE__ */ (0, K.jsx)(bFe, {}) }), /* @__PURE__ */ (0, K.jsx)(f6.Panel, { children: /* @__PURE__ */ (0, K.jsx)(xFe, {}) })] })]
+			children: [/* @__PURE__ */ (0, K.jsxs)(f6.List, { children: [/* @__PURE__ */ (0, K.jsx)(f6.Tab, { children: "App features" }), /* @__PURE__ */ (0, K.jsx)(f6.Tab, { children: "Portal features" })] }), /* @__PURE__ */ (0, K.jsxs)(f6.Panels, { children: [/* @__PURE__ */ (0, K.jsx)(f6.Panel, { children: /* @__PURE__ */ (0, K.jsx)(yFe, {}) }), /* @__PURE__ */ (0, K.jsx)(f6.Panel, { children: /* @__PURE__ */ (0, K.jsx)(bFe, {}) })] })]
 		}) })
 	] });
 };
@@ -81735,7 +81731,7 @@ var X9 = Y.ul`
     padding-left: 0;
 `, Z9 = Y.li`
     margin: 1em 0;
-`, CFe = ({ azureId: e, navigate: t }) => /* @__PURE__ */ (0, K.jsxs)("section", { children: [
+`, SFe = ({ azureId: e, navigate: t }) => /* @__PURE__ */ (0, K.jsxs)("section", { children: [
 	/* @__PURE__ */ (0, K.jsxs)(X9, { children: [/* @__PURE__ */ (0, K.jsx)(Z9, { children: /* @__PURE__ */ (0, K.jsxs)(t6, {
 		variant: "ghost",
 		onClick: () => t("features"),
@@ -81767,7 +81763,7 @@ i6.add({
 	arrow_back: dU,
 	verified_user: GL
 });
-var wFe = ({ navigate: e }) => /* @__PURE__ */ (0, K.jsxs)("section", { children: [
+var CFe = ({ navigate: e }) => /* @__PURE__ */ (0, K.jsxs)("section", { children: [
 	/* @__PURE__ */ (0, K.jsxs)(t6, {
 		variant: "ghost",
 		onClick: () => e(),
@@ -81779,12 +81775,12 @@ var wFe = ({ navigate: e }) => /* @__PURE__ */ (0, K.jsxs)("section", { children
 	}),
 	/* @__PURE__ */ (0, K.jsx)(I6, {}),
 	/* @__PURE__ */ (0, K.jsx)(DNe, { children: /* @__PURE__ */ (0, K.jsx)(mNe, { compact: !0 }) })
-] }), TFe = ({ azureId: e, isOpen: t, onClose: n }) => {
+] }), wFe = ({ azureId: e, isOpen: t, onClose: n }) => {
 	let [r, i] = (0, j.useState)("landing"), a = (0, j.useMemo)(() => {
 		switch (r) {
-			case "features": return SFe;
-			case "roles": return wFe;
-			default: return CFe;
+			case "features": return xFe;
+			case "roles": return CFe;
+			default: return SFe;
 		}
 	}, [r]), o = (0, j.useCallback)((e) => {
 		i(e ?? "landing");
@@ -81811,7 +81807,7 @@ var wFe = ({ navigate: e }) => /* @__PURE__ */ (0, K.jsxs)("section", { children
 			}) })
 		]
 	});
-}, EFe = ({ isOpen: e, onClose: t }) => {
+}, TFe = ({ isOpen: e, onClose: t }) => {
 	let { provider: n, showCreateBookmark: r } = v9();
 	return /* @__PURE__ */ (0, K.jsxs)(q9, {
 		isOpen: e,
@@ -81830,10 +81826,10 @@ var wFe = ({ navigate: e }) => /* @__PURE__ */ (0, K.jsxs)("section", { children
 				},
 				children: [/* @__PURE__ */ (0, K.jsx)(i6, { name: "add" }), " Add Bookmark"]
 			}) }),
-			/* @__PURE__ */ (0, K.jsx)(q9.Content, { children: /* @__PURE__ */ (0, K.jsx)(XPe, {}) })
+			/* @__PURE__ */ (0, K.jsx)(q9.Content, { children: /* @__PURE__ */ (0, K.jsx)(YPe, {}) })
 		]
 	});
-}, DFe = (e) => {
+}, EFe = (e) => {
 	let { toggleBookmark: t, togglePerson: n, userAzureId: r } = e, i = v9();
 	return /* @__PURE__ */ (0, K.jsxs)(A6.Actions, {
 		style: {
@@ -81864,17 +81860,17 @@ i6.add({
 	add: FL,
 	tag: EU
 });
-var OFe = { Title: Y.div`
+var DFe = { Title: Y.div`
         display: flex;
         align-items: center;
         gap: 0.75rem;
         font-size: 1rem;
         font-weight: 500;
-    ` }, kFe = () => {
+    ` }, OFe = () => {
 	let e = m9(), t = (0, j.useId)(), [n, r] = (0, j.useState)(!1), [i, a] = (0, j.useState)(!1), o = (0, j.useCallback)(() => {
 		a(!1);
 	}, []), { currentApp: s } = c9(), { module: c } = l9("bookmark");
-	return /* @__PURE__ */ (0, K.jsxs)(zPe, {
+	return /* @__PURE__ */ (0, K.jsxs)(RPe, {
 		provider: c ?? void 0,
 		currentApp: s ? {
 			appKey: s.appKey,
@@ -81893,20 +81889,20 @@ var OFe = { Title: Y.div`
 					height: 48
 				},
 				children: [
-					/* @__PURE__ */ (0, K.jsx)(A6.Header, { children: /* @__PURE__ */ (0, K.jsxs)(OFe.Title, { children: [/* @__PURE__ */ (0, K.jsx)(OPe, {}), /* @__PURE__ */ (0, K.jsx)("span", { children: "Fusion Framework CLI" })] }) }),
-					/* @__PURE__ */ (0, K.jsx)(DFe, {
+					/* @__PURE__ */ (0, K.jsx)(A6.Header, { children: /* @__PURE__ */ (0, K.jsxs)(DFe.Title, { children: [/* @__PURE__ */ (0, K.jsx)(DPe, {}), /* @__PURE__ */ (0, K.jsx)("span", { children: "Fusion Framework CLI" })] }) }),
+					/* @__PURE__ */ (0, K.jsx)(EFe, {
 						userAzureId: e?.localAccountId,
 						toggleBookmark: a,
 						togglePerson: r
 					}),
-					/* @__PURE__ */ (0, K.jsx)(A6.CustomContent, { children: /* @__PURE__ */ (0, K.jsx)(DPe, {}) })
+					/* @__PURE__ */ (0, K.jsx)(A6.CustomContent, { children: /* @__PURE__ */ (0, K.jsx)(EPe, {}) })
 				]
 			}),
-			/* @__PURE__ */ (0, K.jsx)(EFe, {
+			/* @__PURE__ */ (0, K.jsx)(TFe, {
 				isOpen: i,
 				onClose: o
 			}),
-			/* @__PURE__ */ (0, K.jsx)(TFe, {
+			/* @__PURE__ */ (0, K.jsx)(wFe, {
 				azureId: e?.localAccountId,
 				isOpen: n,
 				onClose: () => r(!n)
@@ -81935,9 +81931,9 @@ var OFe = { Title: Y.div`
         max-width: 100%;
         display: grid;
     `
-}, AFe = [{
+}, kFe = [{
 	path: "/",
-	element: /* @__PURE__ */ (0, K.jsx)(() => (sCe({ resolveAppPath: (e) => `/apps/${e}` }), /* @__PURE__ */ (0, K.jsxs)(Q9.ContentContainer, { children: [/* @__PURE__ */ (0, K.jsx)(Q9.Head, { children: /* @__PURE__ */ (0, K.jsx)(kFe, {}) }), /* @__PURE__ */ (0, K.jsx)(Q9.Main, { children: /* @__PURE__ */ (0, K.jsx)(Jwe, {}) })] })), {}),
+	element: /* @__PURE__ */ (0, K.jsx)(() => (sCe({ resolveAppPath: (e) => `/apps/${e}` }), /* @__PURE__ */ (0, K.jsxs)(Q9.ContentContainer, { children: [/* @__PURE__ */ (0, K.jsx)(Q9.Head, { children: /* @__PURE__ */ (0, K.jsx)(OFe, {}) }), /* @__PURE__ */ (0, K.jsx)(Q9.Main, { children: /* @__PURE__ */ (0, K.jsx)(Jwe, {}) })] })), {}),
 	children: [{
 		path: "apps/:appKey/*",
 		element: /* @__PURE__ */ (0, K.jsx)(() => {
@@ -81945,7 +81941,7 @@ var OFe = { Title: Y.div`
 			return e ? /* @__PURE__ */ (0, K.jsx)(NNe, { appKey: e }) : null;
 		}, {})
 	}]
-}], jFe = () => /* @__PURE__ */ (0, K.jsx)(FTe, { routes: AFe }), MFe = new Blob(["<svg height=\"24px\" width=\"24px\" fill=\"#999\" viewBox=\"0 0 24 24\" title=\"person\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"100%\" height=\"100%\" fill=\"#eee\" /><path d=\"M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm2 4c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm4 10c-.2-.71-3.3-2-6-2-2.69 0-5.77 1.28-6 2h12ZM4 18c0-2.66 5.33-4 8-4s8 1.34 8 4v2H4v-2Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" class=\"sc-dmqHEX eydzYY\"></path></svg>"], { type: "image/svg+xml" }), $9 = (e, t) => {
+}], AFe = () => /* @__PURE__ */ (0, K.jsx)(FTe, { routes: kFe }), jFe = new Blob(["<svg height=\"24px\" width=\"24px\" fill=\"#999\" viewBox=\"0 0 24 24\" title=\"person\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"100%\" height=\"100%\" fill=\"#eee\" /><path d=\"M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm2 4c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm4 10c-.2-.71-3.3-2-6-2-2.69 0-5.77 1.28-6 2h12ZM4 18c0-2.66 5.33-4 8-4s8 1.34 8 4v2H4v-2Z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" class=\"sc-dmqHEX eydzYY\"></path></svg>"], { type: "image/svg+xml" }), $9 = (e, t) => {
 	Le.createRoot(e).render(/* @__PURE__ */ (0, K.jsx)(uI, {
 		theme: q,
 		children: /* @__PURE__ */ (0, K.jsx)(Bk, {
@@ -81953,8 +81949,8 @@ var OFe = { Title: Y.div`
 			parent: t.ref,
 			fallback: /* @__PURE__ */ (0, K.jsx)(EY, { text: "Loading framework" }),
 			children: /* @__PURE__ */ (0, K.jsx)(ege, {
-				options: { fallbackImage: MFe },
-				children: /* @__PURE__ */ (0, K.jsx)(jFe, {})
+				options: { fallbackImage: jFe },
+				children: /* @__PURE__ */ (0, K.jsx)(AFe, {})
 			})
 		})
 	}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-dev-portal",
-  "version": "11.0.8",
+  "version": "11.0.9",
   "description": "",
   "type": "module",
   "module": "./dist/main.js",
@@ -37,7 +37,7 @@
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser-playwright": "^4.1.0",
     "dotenv": "^17.3.1",
-    "playwright": "^1.62.1",
+    "playwright": "^1.63.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
     "rxjs": "^7.8.1",
@@ -48,51 +48,51 @@
     "vite": "^8.0.0",
     "vitest": "^4.1.0",
     "vitest-browser-react": "^2.2.0",
-    "@equinor/fusion-framework": "8.1.3",
-    "@equinor/fusion-framework-app": "13.1.4",
-    "@equinor/fusion-framework-dev-server": "2.1.4",
-    "@equinor/fusion-framework-module-analytics": "3.1.3",
+    "@equinor/fusion-framework": "8.1.4",
+    "@equinor/fusion-framework-app": "13.1.5",
+    "@equinor/fusion-framework-dev-server": "2.1.5",
     "@equinor/fusion-framework-module-ag-grid": "37.1.1",
     "@equinor/fusion-framework-module-app": "8.2.0",
-    "@equinor/fusion-framework-module-context": "9.0.1",
     "@equinor/fusion-framework-module-bookmark": "4.1.2",
+    "@equinor/fusion-framework-module-context": "9.0.1",
     "@equinor/fusion-framework-module-feature-flag": "2.1.1",
+    "@equinor/fusion-framework-module-analytics": "3.1.4",
     "@equinor/fusion-framework-module-navigation": "7.0.10",
+    "@equinor/fusion-framework-module-roles": "^0.2.1",
     "@equinor/fusion-framework-module-services": "8.1.2",
-    "@equinor/fusion-framework-module-telemetry": "7.1.1",
+    "@equinor/fusion-framework-module-telemetry": "7.1.2",
     "@equinor/fusion-framework-plugin-context-navigation": "1.0.3",
-    "@equinor/fusion-framework-module-roles": "^0.2.0",
     "@equinor/fusion-framework-react": "9.0.1",
-    "@equinor/fusion-framework-react-components-roles": "^0.1.0",
-    "@equinor/fusion-framework-react-components-bookmark": "2.0.5",
-    "@equinor/fusion-framework-react-module-bookmark": "7.0.1",
     "@equinor/fusion-framework-react-components-people-provider": "2.0.6",
+    "@equinor/fusion-framework-react-components-roles": "^0.1.1",
+    "@equinor/fusion-framework-react-module-bookmark": "7.0.1",
+    "@equinor/fusion-framework-react-components-bookmark": "2.0.5",
     "@equinor/fusion-framework-react-router": "2.4.4",
-    "@equinor/fusion-observable": "9.2.2",
+    "@equinor/fusion-observable": "9.2.3",
     "@equinor/fusion-query": "7.0.5"
   },
   "peerDependencies": {
-    "@equinor/fusion-framework": "8.1.3",
-    "@equinor/fusion-framework-app": "13.1.4",
-    "@equinor/fusion-framework-dev-server": "2.1.4",
+    "@equinor/fusion-framework": "8.1.4",
+    "@equinor/fusion-framework-app": "13.1.5",
+    "@equinor/fusion-framework-dev-server": "2.1.5",
+    "@equinor/fusion-framework-module-ag-grid": "37.1.1",
+    "@equinor/fusion-framework-module-analytics": "3.1.4",
     "@equinor/fusion-framework-module-app": "8.2.0",
     "@equinor/fusion-framework-module-bookmark": "4.1.2",
-    "@equinor/fusion-framework-module-ag-grid": "37.1.1",
-    "@equinor/fusion-framework-module-context": "9.0.1",
-    "@equinor/fusion-framework-module-analytics": "3.1.3",
     "@equinor/fusion-framework-module-feature-flag": "2.1.1",
-    "@equinor/fusion-framework-module-roles": "^0.2.0",
-    "@equinor/fusion-framework-module-services": "8.1.2",
     "@equinor/fusion-framework-module-navigation": "7.0.10",
-    "@equinor/fusion-framework-module-telemetry": "7.1.1",
-    "@equinor/fusion-framework-plugin-context-navigation": "1.0.3",
+    "@equinor/fusion-framework-module-context": "9.0.1",
+    "@equinor/fusion-framework-module-services": "8.1.2",
     "@equinor/fusion-framework-react": "9.0.1",
+    "@equinor/fusion-framework-module-roles": "^0.2.1",
     "@equinor/fusion-framework-react-components-bookmark": "2.0.5",
+    "@equinor/fusion-framework-plugin-context-navigation": "1.0.3",
+    "@equinor/fusion-framework-react-components-roles": "^0.1.1",
+    "@equinor/fusion-framework-module-telemetry": "7.1.2",
     "@equinor/fusion-framework-react-components-people-provider": "2.0.6",
-    "@equinor/fusion-framework-react-components-roles": "^0.1.0",
-    "@equinor/fusion-observable": "9.2.2",
+    "@equinor/fusion-framework-react-module-bookmark": "7.0.1",
     "@equinor/fusion-query": "7.0.5",
-    "@equinor/fusion-framework-react-module-bookmark": "7.0.1"
+    "@equinor/fusion-observable": "9.2.3"
   },
   "peerDependenciesMeta": {
     "@equinor/fusion-framework": {