diff --git a/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj b/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj
index 7512db49..f58fe249 100644
--- a/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj
+++ b/infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj
@@ -377,7 +377,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				DEVELOPMENT_TEAM = 3FS4B734X5;
+				DEVELOPMENT_TEAM = 7F2T2WK6DR;
 				ENABLE_BITCODE = NO;
 				"EXCLUDED_ARCHS[sdk=iphoneos*]" = "arm64-sim x86_64";
 				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = arm64;
@@ -430,7 +430,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				DEVELOPMENT_TEAM = 3FS4B734X5;
+				DEVELOPMENT_TEAM = 7F2T2WK6DR;
 				ENABLE_BITCODE = NO;
 				"EXCLUDED_ARCHS[sdk=iphoneos*]" = "arm64-sim x86_64";
 				"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = arm64;
diff --git a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
index 1b317ea5..a5b4373c 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/scan-qr/+page.svelte
@@ -1,125 +1,134 @@
 <script lang="ts">
-import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
-import { Drawer } from "$lib/ui";
-import * as Button from "$lib/ui/Button";
-import {
-    FlashlightIcon,
-    Image02Icon,
-    QrCodeIcon,
-} from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import {
-    Format,
-    type PermissionState,
-    type Scanned,
-    cancel,
-    checkPermissions,
-    requestPermissions,
-    scan,
-} from "@tauri-apps/plugin-barcode-scanner";
-import { onDestroy, onMount } from "svelte";
-import type { SVGAttributes } from "svelte/elements";
-
-const pathProps: SVGAttributes<SVGPathElement> = {
-    stroke: "white",
-    "stroke-width": 7,
-    "stroke-linecap": "round",
-    "stroke-linejoin": "round",
-};
-
-let codeScannedDrawerOpen = $state(false);
-let loggedInDrawerOpen = $state(false);
-let flashlightOn = $state(false);
-
-let scannedData: Scanned | undefined = $state(undefined);
-
-let scanning = false;
-let loading = false;
-
-let permissions_nullable: PermissionState | null;
-
-async function startScan() {
-    let permissions = await checkPermissions()
-        .then((permissions) => {
-            return permissions;
-        })
-        .catch(() => {
-            return null; // possibly return "denied"? or does that imply that the check has been successful, but was actively denied?
-        });
-
-    // TODO: handle receiving "prompt-with-rationale" (issue: https://github.com/tauri-apps/plugins-workspace/issues/979)
-    if (permissions === "prompt") {
-        permissions = await requestPermissions(); // handle in more detail?
-    }
-
-    permissions_nullable = permissions;
-
-    if (permissions === "granted") {
-        // Scanning parameters
-        const formats = [Format.QRCode];
-        const windowed = true;
-
-        if (scanning) return;
-        scanning = true;
-        scan({ formats, windowed })
-            .then((res) => {
-                console.log("Scan result:", res);
-                scannedData = res;
-                codeScannedDrawerOpen = true;
-            })
-            .catch((error) => {
-                // TODO: display error to user
-                console.error("Scan error:", error);
+    import AppNav from "$lib/fragments/AppNav/AppNav.svelte";
+    import { Drawer } from "$lib/ui";
+    import * as Button from "$lib/ui/Button";
+    import {
+        FlashlightIcon,
+        Image02Icon,
+        QrCodeIcon,
+    } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import {
+        Format,
+        type PermissionState,
+        type Scanned,
+        cancel,
+        checkPermissions,
+        requestPermissions,
+        scan,
+    } from "@tauri-apps/plugin-barcode-scanner";
+    import { onDestroy, onMount } from "svelte";
+    import type { SVGAttributes } from "svelte/elements";
+
+    const pathProps: SVGAttributes<SVGPathElement> = {
+        stroke: "white",
+        "stroke-width": 7,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    };
+
+    let codeScannedDrawerOpen = $state(false);
+    let loggedInDrawerOpen = $state(false);
+    let flashlightOn = $state(false);
+
+    let scannedData: Scanned | undefined = $state(undefined);
+
+    let scanning = false;
+    let loading = false;
+
+    let permissions_nullable: PermissionState | null;
+
+    async function startScan() {
+        let permissions = await checkPermissions()
+            .then((permissions) => {
+                return permissions;
             })
-            .finally(() => {
-                scanning = false;
+            .catch(() => {
+                return null; // possibly return "denied"? or does that imply that the check has been successful, but was actively denied?
             });
-    }
 
-    console.error("Permission denied or not granted");
-    // TODO: consider handling GUI for permission denied
-}
+        // TODO: handle receiving "prompt-with-rationale" (issue: https://github.com/tauri-apps/plugins-workspace/issues/979)
+        if (permissions === "prompt") {
+            permissions = await requestPermissions(); // handle in more detail?
+        }
+
+        permissions_nullable = permissions;
+
+        if (permissions === "granted") {
+            // Scanning parameters
+            const formats = [Format.QRCode];
+            const windowed = true;
+
+            if (scanning) return;
+            scanning = true;
+            scan({ formats, windowed })
+                .then((res) => {
+                    console.log("Scan result:", res);
+                    scannedData = res;
+                    codeScannedDrawerOpen = true;
+                })
+                .catch((error) => {
+                    // TODO: display error to user
+                    console.error("Scan error:", error);
+                })
+                .finally(() => {
+                    scanning = false;
+                });
+        }
+
+        console.error("Permission denied or not granted");
+        // TODO: consider handling GUI for permission denied
+    }
 
-async function cancelScan() {
-    await cancel();
-    scanning = false;
-}
+    async function cancelScan() {
+        await cancel();
+        scanning = false;
+    }
 
-onMount(async () => {
-    startScan();
-});
+    onMount(async () => {
+        startScan();
+    });
 
-onDestroy(async () => {
-    await cancelScan();
-});
+    onDestroy(async () => {
+        await cancelScan();
+    });
 </script>
 
 <AppNav title="Scan QR Code" titleClasses="text-white" iconColor="white" />
 
-<svg class="mx-auto mt-48" width="204" height="215" viewBox="0 0 204 215" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M46 4H15C8.92487 4 4 8.92487 4 15V46" {...pathProps}/>
-    <path d="M158 4H189C195.075 4 200 8.92487 200 15V46" {...pathProps}/>
-    <path d="M46 211H15C8.92487 211 4 206.075 4 200V169" {...pathProps}/>
-    <path d="M158 211H189C195.075 211 200 206.075 200 200V169" {...pathProps}/>
+<svg
+    class="mx-auto mt-48"
+    width="204"
+    height="215"
+    viewBox="0 0 204 215"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+>
+    <path d="M46 4H15C8.92487 4 4 8.92487 4 15V46" {...pathProps} />
+    <path d="M158 4H189C195.075 4 200 8.92487 200 15V46" {...pathProps} />
+    <path d="M46 211H15C8.92487 211 4 206.075 4 200V169" {...pathProps} />
+    <path d="M158 211H189C195.075 211 200 206.075 200 200V169" {...pathProps} />
 </svg>
 
-<h4 class="text-white font-semibold text-center mt-20">Point the camera at the code</h4>
+<h4 class="text-white font-semibold text-center mt-20">
+    Point the camera at the code
+</h4>
 
-<div class="fixed bottom-2 left-1/2 -translate-x-1/2 z-10 flex gap-8 justify-center items-center">
-    <Button.Icon
-        icon={Image02Icon}
-        bgColor="white"
-        bgSize="md"
-    />
+<div
+    class="fixed bottom-2 left-1/2 -translate-x-1/2 z-10 flex gap-8 justify-center items-center"
+>
+    <Button.Icon icon={Image02Icon} bgColor="white" bgSize="md" />
     <Button.Icon
         icon={QrCodeIcon}
         bgColor="white"
         bgSize="lg"
         iconSize="lg"
-        callback={() => { codeScannedDrawerOpen = true; }}
+        callback={() => {
+            codeScannedDrawerOpen = true;
+        }}
     />
     <Button.Icon
-    icon={FlashlightIcon}
+        icon={FlashlightIcon}
         aria-label="Toggle flashlight"
         bgSize="md"
         iconSize={32}
@@ -135,9 +144,15 @@ onDestroy(async () => {
     bind:isPaneOpen={codeScannedDrawerOpen}
     class="flex flex-col gap-4 items-center justify-center"
 >
-    <div class="flex justify-center mb-4 relative items-center overflow-hidden bg-gray rounded-xl p-4 h-[72px] w-[72px]">
-        <div class="bg-white h-[16px] w-[200px] -rotate-45 absolute top-1"></div>
-        <div class="bg-white h-[16px] w-[200px] -rotate-45 absolute bottom-1"></div>
+    <div
+        class="flex justify-center mb-4 relative items-center overflow-hidden bg-gray rounded-xl p-4 h-[72px] w-[72px]"
+    >
+        <div
+            class="bg-white h-[16px] w-[200px] -rotate-45 absolute top-1"
+        ></div>
+        <div
+            class="bg-white h-[16px] w-[200px] -rotate-45 absolute bottom-1"
+        ></div>
         <HugeiconsIcon
             size={40}
             className="z-10"
@@ -152,13 +167,18 @@ onDestroy(async () => {
 
     <div class="bg-gray rounded-2xl w-full p-4 mt-4">
         <h4 class="text-base text-black-700">Website URL</h4>
-        <p class="text-black-700 font-normal underline">{scannedData?.content}</p>
+        <p class="text-black-700 font-normal underline">
+            {scannedData?.content}
+        </p>
     </div>
     <div class="flex justify-center gap-3 items-center mt-4">
         <Button.Action
             variant="danger-soft"
             class="w-full"
-            callback={() => { codeScannedDrawerOpen = false; startScan(); }}
+            callback={() => {
+                codeScannedDrawerOpen = false;
+                startScan();
+            }}
         >
             Decline
         </Button.Action>
@@ -166,8 +186,8 @@ onDestroy(async () => {
             variant="solid"
             class="w-full"
             callback={() => {
-                codeScannedDrawerOpen = false
-                loggedInDrawerOpen = true
+                codeScannedDrawerOpen = false;
+                loggedInDrawerOpen = true;
                 startScan();
             }}
         >
@@ -182,9 +202,15 @@ onDestroy(async () => {
     bind:isPaneOpen={loggedInDrawerOpen}
     class="flex flex-col gap-4 items-center justify-center"
 >
-    <div class="flex justify-center mb-4 relative items-center overflow-hidden bg-gray rounded-xl p-4 h-[72px] w-[72px]">
-        <div class="bg-white h-[16px] w-[200px] -rotate-45 absolute top-1"></div>
-        <div class="bg-white h-[16px] w-[200px] -rotate-45 absolute bottom-1"></div>
+    <div
+        class="flex justify-center mb-4 relative items-center overflow-hidden bg-gray rounded-xl p-4 h-[72px] w-[72px]"
+    >
+        <div
+            class="bg-white h-[16px] w-[200px] -rotate-45 absolute top-1"
+        ></div>
+        <div
+            class="bg-white h-[16px] w-[200px] -rotate-45 absolute bottom-1"
+        ></div>
         <HugeiconsIcon
             size={40}
             className="z-10"
@@ -201,10 +227,19 @@ onDestroy(async () => {
         <Button.Action
             variant="solid"
             class="w-full"
-            callback={() => { loggedInDrawerOpen = false; startScan(); }}
+            callback={() => {
+                loggedInDrawerOpen = false;
+                startScan();
+            }}
         >
             Close
         </Button.Action>
     </div>
 </Drawer>
 
+<style>
+    :global(body, *:not(button)) {
+        background-color: #00000000;
+        overflow-y: hidden;
+    }
+</style>
diff --git a/infrastructure/eid-wallet/src/routes/+layout.svelte b/infrastructure/eid-wallet/src/routes/+layout.svelte
index affe7884..f1e25224 100644
--- a/infrastructure/eid-wallet/src/routes/+layout.svelte
+++ b/infrastructure/eid-wallet/src/routes/+layout.svelte
@@ -1,129 +1,128 @@
 <script lang="ts">
-import SplashScreen from "$lib/fragments/SplashScreen/SplashScreen.svelte";
-import { onMount, setContext } from "svelte";
-import "../app.css";
-import { onNavigate } from "$app/navigation";
-import { GlobalState } from "$lib/global/state";
-
-import { runtime } from "$lib/global/runtime.svelte";
-import { type Status, checkStatus } from "@tauri-apps/plugin-biometric";
-
-const { children } = $props();
-
-let globalState: GlobalState | undefined = $state(undefined);
-
-let showSplashScreen = $state(false);
-let previousRoute = null;
-let navigationStack: string[] = [];
-
-setContext("globalState", () => globalState);
-
-// replace with actual data loading logic
-async function loadData() {
-    await new Promise((resolve) => setTimeout(resolve, 1500));
-}
-
-async function ensureMinimumDelay() {
-    await new Promise((resolve) => setTimeout(resolve, 500));
-}
-
-onMount(async () => {
-    let status: Status | undefined = undefined;
-    try {
-        status = await checkStatus();
-    } catch (error) {
-        status = {
-            biometryType: 0,
-            isAvailable: false,
-        };
-    }
-    runtime.biometry = status.biometryType;
-    try {
-        globalState = await GlobalState.create();
-    } catch (error) {
-        console.error("Failed to initialize global state:", error);
-        // Consider adding fallback behavior or user notification
-    }
+    import SplashScreen from "$lib/fragments/SplashScreen/SplashScreen.svelte";
+    import { onMount, setContext } from "svelte";
+    import "../app.css";
+    import { onNavigate } from "$app/navigation";
+    import { GlobalState } from "$lib/global/state";
+
+    import { runtime } from "$lib/global/runtime.svelte";
+    import { type Status, checkStatus } from "@tauri-apps/plugin-biometric";
+
+    const { children } = $props();
 
-    showSplashScreen = true; // Can't set up the original state to true or animation won't start
-    navigationStack.push(window.location.pathname);
+    let globalState: GlobalState | undefined = $state(undefined);
 
-    await Promise.all([loadData(), ensureMinimumDelay()]);
+    let showSplashScreen = $state(false);
+    let previousRoute = null;
+    let navigationStack: string[] = [];
 
-    showSplashScreen = false;
-});
+    setContext("globalState", () => globalState);
 
-const safeAreaTop = $derived.by(
-    () =>
-        Number.parseFloat(
-            getComputedStyle(document.documentElement).getPropertyValue(
-                "--safe-top",
-            ),
-        ) || 0,
-);
+    // replace with actual data loading logic
+    async function loadData() {
+        await new Promise((resolve) => setTimeout(resolve, 1500));
+    }
 
-$effect(() => console.log("top", safeAreaTop));
+    async function ensureMinimumDelay() {
+        await new Promise((resolve) => setTimeout(resolve, 500));
+    }
 
-onNavigate((navigation) => {
-    if (!document.startViewTransition) return;
+    onMount(async () => {
+        let status: Status | undefined = undefined;
+        try {
+            status = await checkStatus();
+        } catch (error) {
+            status = {
+                biometryType: 0,
+                isAvailable: false,
+            };
+        }
+        runtime.biometry = status.biometryType;
+        try {
+            globalState = await GlobalState.create();
+        } catch (error) {
+            console.error("Failed to initialize global state:", error);
+            // Consider adding fallback behavior or user notification
+        }
+
+        showSplashScreen = true; // Can't set up the original state to true or animation won't start
+        navigationStack.push(window.location.pathname);
+
+        await Promise.all([loadData(), ensureMinimumDelay()]);
+
+        showSplashScreen = false;
+    });
 
-    const from = navigation.from?.url.pathname;
-    const to = navigation.to?.url.pathname;
+    const safeAreaTop = $derived.by(
+        () =>
+            Number.parseFloat(
+                getComputedStyle(document.documentElement).getPropertyValue(
+                    "--safe-top",
+                ),
+            ) || 0,
+    );
 
-    if (!from || !to || from === to) return;
+    $effect(() => console.log("top", safeAreaTop));
 
-    let direction: "left" | "right" = "right";
+    onNavigate((navigation) => {
+        if (!document.startViewTransition) return;
 
-    const fromIndex = navigationStack.lastIndexOf(from);
-    const toIndex = navigationStack.lastIndexOf(to);
+        const from = navigation.from?.url.pathname;
+        const to = navigation.to?.url.pathname;
 
-    if (toIndex !== -1 && toIndex < fromIndex) {
-        // Backward navigation
-        direction = "left";
-        navigationStack = navigationStack.slice(0, toIndex + 1);
-    } else {
-        // Forward navigation (or new path)
-        direction = "right";
-        navigationStack.push(to);
-    }
+        if (!from || !to || from === to) return;
 
-    document.documentElement.setAttribute("data-transition", direction);
-    previousRoute = to;
+        let direction: "left" | "right" = "right";
 
-    return new Promise((resolve) => {
-        document.startViewTransition(async () => {
-            resolve();
-            await navigation.complete;
+        const fromIndex = navigationStack.lastIndexOf(from);
+        const toIndex = navigationStack.lastIndexOf(to);
+
+        if (toIndex !== -1 && toIndex < fromIndex) {
+            // Backward navigation
+            direction = "left";
+            navigationStack = navigationStack.slice(0, toIndex + 1);
+        } else {
+            // Forward navigation (or new path)
+            direction = "right";
+            navigationStack.push(to);
+        }
+
+        document.documentElement.setAttribute("data-transition", direction);
+        previousRoute = to;
+
+        return new Promise((resolve) => {
+            document.startViewTransition(async () => {
+                resolve();
+                await navigation.complete;
+            });
         });
     });
-});
 </script>
 
-<main class={`h-[calc(100dvh-${safeAreaTop}px)] overflow-hidden`}>
-    {#if showSplashScreen}
-        <SplashScreen />
-    {:else}
-        <div class={`bg-white h-[calc(100dvh-${safeAreaTop}px)] overflow-auto`}>
-            {@render children?.()}
-        </div>
-    {/if}
-</main>
-
+{#if showSplashScreen}
+    <SplashScreen />
+{:else}
+    <div class={`bg-white`}>
+        {@render children?.()}
+    </div>
+{/if}
+<!--
 <style>
     :root {
         --safe-bottom: env(safe-area-inset-bottom);
         --safe-top: env(safe-area-inset-top);
     }
 
-     :global(body), * {
-         -webkit-overflow-scrolling: touch; /* keeps momentum scrolling on iOS */
-         scrollbar-width: none;             /* Firefox */
-         -ms-overflow-style: none;          /* IE 10+ */
-     }
-
-     /* Hide scrollbar for WebKit (Chrome, Safari) */
-     :global(body::-webkit-scrollbar),
-     *::-webkit-scrollbar {
-         display: none;
-     }
-</style>
+    :global(body),
+    * {
+        -webkit-overflow-scrolling: touch; /* keeps momentum scrolling on iOS */
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none; /* IE 10+ */
+    }
+
+    /* Hide scrollbar for WebKit (Chrome, Safari) */
+    :global(body::-webkit-scrollbar),
+    *::-webkit-scrollbar {
+        display: none;
+    }
+</style> -->
diff --git a/platforms/metagram/project.inlang/.gitignore b/platforms/metagram/project.inlang/.gitignore
new file mode 100644
index 00000000..5e465967
--- /dev/null
+++ b/platforms/metagram/project.inlang/.gitignore
@@ -0,0 +1 @@
+cache
\ No newline at end of file