From ccfa1e7812e04853b3d5db41362fc8bed39c0906 Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Fri, 24 Apr 2026 08:40:23 +0200
Subject: [PATCH 1/2] feat(frontend): ufo settings and snapshots

---
 .../src/lib/components/app/core/Navmenu.svelte | 10 +++++-----
 .../components/ufos/setup/UfoSettings.svelte   | 18 ++++++++++++++++++
 .../src/routes/(split)/ufo/+page.svelte        |  3 ++-
 3 files changed, 25 insertions(+), 6 deletions(-)
 create mode 100644 src/frontend/src/lib/components/ufos/setup/UfoSettings.svelte

diff --git a/src/frontend/src/lib/components/app/core/Navmenu.svelte b/src/frontend/src/lib/components/app/core/Navmenu.svelte
index b3b3e265cf..e00c3645de 100644
--- a/src/frontend/src/lib/components/app/core/Navmenu.svelte
+++ b/src/frontend/src/lib/components/app/core/Navmenu.svelte
@@ -122,11 +122,11 @@
 
 		<div>
 			<a
-					class="link not-themed"
-					class:collapsed={$menuCollapsed}
-					class:selected={isRouteSelected({ routeId, path: 'ufo' })}
-					href={`/ufo${queryParam}`}
-					role="menuitem"
+				class="link not-themed"
+				class:collapsed={$menuCollapsed}
+				class:selected={isRouteSelected({ routeId, path: 'ufo' })}
+				href={`/ufo${queryParam}`}
+				role="menuitem"
 			>
 				<IconUfo size="24px" />
 				<span>{$i18n.ufo.title}</span>
diff --git a/src/frontend/src/lib/components/ufos/setup/UfoSettings.svelte b/src/frontend/src/lib/components/ufos/setup/UfoSettings.svelte
new file mode 100644
index 0000000000..89fa8dd9d1
--- /dev/null
+++ b/src/frontend/src/lib/components/ufos/setup/UfoSettings.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import CanisterSettings from '$lib/components/modules/canister/settings/CanisterSettings.svelte';
+	import Snapshots from '$lib/components/modules/snapshot/Snapshots.svelte';
+	import SatelliteAccessKeys from '$lib/components/satellites/setup/SatelliteAccessKeys.svelte';
+	import { i18n } from '$lib/stores/app/i18n.store';
+	import type { Satellite } from '$lib/types/satellite';
+	import type { Ufo } from '$lib/types/ufo';
+
+	interface Props {
+		ufo: Ufo;
+	}
+
+	let { ufo }: Props = $props();
+</script>
+
+<CanisterSettings canisterId={ufo.ufo_id} segment="ufo" segmentLabel={$i18n.ufo.title} />
+
+<Snapshots canisterId={ufo.ufo_id} segment="ufo" segmentLabel={$i18n.ufo.title} />
diff --git a/src/frontend/src/routes/(split)/ufo/+page.svelte b/src/frontend/src/routes/(split)/ufo/+page.svelte
index 06185a5f9c..78c7a6b62f 100644
--- a/src/frontend/src/routes/(split)/ufo/+page.svelte
+++ b/src/frontend/src/routes/(split)/ufo/+page.svelte
@@ -14,6 +14,7 @@
 		type TabsData
 	} from '$lib/types/tabs.context';
 	import { initTabId } from '$lib/utils/tabs.utils';
+	import UfoSettings from '$lib/components/ufos/setup/UfoSettings.svelte';
 
 	const tabs: Tab[] = [
 		{
@@ -48,7 +49,7 @@
 					{#if $store.tabId === $store.tabs[0].id}
 						<UfoOverview {ufo} />
 					{:else if $store.tabId === $store.tabs[1].id}
-						TODO
+						<UfoSettings {ufo} />
 					{/if}
 				</Tabs>
 			{/snippet}

From 4273241e8e49e26979b95c7e2450e37c824b2c53 Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Fri, 24 Apr 2026 08:56:15 +0200
Subject: [PATCH 2/2] chore: fmt

---
 src/frontend/src/routes/(split)/ufo/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/routes/(split)/ufo/+page.svelte b/src/frontend/src/routes/(split)/ufo/+page.svelte
index 78c7a6b62f..44ffae95fb 100644
--- a/src/frontend/src/routes/(split)/ufo/+page.svelte
+++ b/src/frontend/src/routes/(split)/ufo/+page.svelte
@@ -6,6 +6,7 @@
 	import Warnings from '$lib/components/modules/warning/Warnings.svelte';
 	import UfoGuard from '$lib/components/ufos/guards/UfoGuard.svelte';
 	import UfoOverview from '$lib/components/ufos/overview/UfoOverview.svelte';
+	import UfoSettings from '$lib/components/ufos/setup/UfoSettings.svelte';
 	import Tabs from '$lib/components/ui/Tabs.svelte';
 	import {
 		type Tab,
@@ -14,7 +15,6 @@
 		type TabsData
 	} from '$lib/types/tabs.context';
 	import { initTabId } from '$lib/utils/tabs.utils';
-	import UfoSettings from '$lib/components/ufos/setup/UfoSettings.svelte';
 
 	const tabs: Tab[] = [
 		{