From 0bfec112e84d23f73d3991aa17ca3f83792eec91 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 11:33:35 +0300
Subject: [PATCH 1/6] feat: add marketplace button to eID Wallet page

---
 .../src/routes/(app)/main/+page.svelte        | 202 ++++++++++--------
 1 file changed, 107 insertions(+), 95 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index 3b8387df..4781d46e 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -1,101 +1,102 @@
 <script lang="ts">
-import { goto } from "$app/navigation";
-import { Hero, IdentityCard } from "$lib/fragments";
-import type { GlobalState } from "$lib/global";
-import { Drawer, Toast } from "$lib/ui";
-import * as Button from "$lib/ui/Button";
-import {
-    CircleArrowDataTransferDiagonalFreeIcons,
-    QrCodeIcon,
-    Settings02Icon,
-} from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import { type Snippet, getContext, onMount } from "svelte";
-import { onDestroy } from "svelte";
-import { Shadow } from "svelte-loading-spinners";
-import QrCode from "svelte-qrcode";
-
-let userData: Record<string, unknown> | undefined = $state(undefined);
-let greeting: string | undefined = $state(undefined);
-let ename: string | undefined = $state(undefined);
-let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
-    $state("idle");
-
-let shareQRdrawerOpen = $state(false);
-let statusInterval: ReturnType<typeof setInterval> | undefined =
-    $state(undefined);
-let showToast = $state(false);
-let toastMessage = $state("");
-
-function shareQR() {
-    alert("QR Code shared!");
-    shareQRdrawerOpen = false;
-}
-
-async function copyEName() {
-    if (!ename) return;
-    try {
-        await navigator.clipboard.writeText(ename);
-        toastMessage = "eName copied to clipboard!";
-        showToast = true;
-    } catch (error) {
-        console.error("Failed to copy eName:", error);
-        toastMessage = "Failed to copy eName";
-        showToast = true;
+    import { goto } from "$app/navigation";
+    import { Hero, IdentityCard } from "$lib/fragments";
+    import type { GlobalState } from "$lib/global";
+    import { Drawer, Toast } from "$lib/ui";
+    import * as Button from "$lib/ui/Button";
+    import {
+        LinkSquare02Icon,
+        QrCodeIcon,
+        Settings02Icon,
+    } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import { type Snippet, getContext, onMount } from "svelte";
+    import { onDestroy } from "svelte";
+    import { Shadow } from "svelte-loading-spinners";
+    import QrCode from "svelte-qrcode";
+
+    let userData: Record<string, unknown> | undefined = $state(undefined);
+    let greeting: string | undefined = $state(undefined);
+    let ename: string | undefined = $state(undefined);
+    let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
+        $state("idle");
+
+    let shareQRdrawerOpen = $state(false);
+    let statusInterval: ReturnType<typeof setInterval> | undefined =
+        $state(undefined);
+    let showToast = $state(false);
+    let toastMessage = $state("");
+
+    function shareQR() {
+        alert("QR Code shared!");
+        shareQRdrawerOpen = false;
     }
-}
 
-function handleToastClose() {
-    showToast = false;
-}
+    async function copyEName() {
+        if (!ename) return;
+        try {
+            await navigator.clipboard.writeText(ename);
+            toastMessage = "eName copied to clipboard!";
+            showToast = true;
+        } catch (error) {
+            console.error("Failed to copy eName:", error);
+            toastMessage = "Failed to copy eName";
+            showToast = true;
+        }
+    }
+
+    function handleToastClose() {
+        showToast = false;
+    }
 
-async function retryProfileCreation() {
-    try {
-        await globalState.vaultController.retryProfileCreation();
-    } catch (error) {
-        console.error("Retry failed:", error);
+    async function retryProfileCreation() {
+        try {
+            await globalState.vaultController.retryProfileCreation();
+        } catch (error) {
+            console.error("Retry failed:", error);
+        }
     }
-}
-
-const globalState = getContext<() => GlobalState>("globalState")();
-
-onMount(() => {
-    // Load initial data
-    (async () => {
-        const userInfo = await globalState.userController.user;
-        const isFake = await globalState.userController.isFake;
-        userData = { ...userInfo, isFake };
-        const vaultData = await globalState.vaultController.vault;
-        ename = vaultData?.ename;
-    })();
-
-    // Get initial profile creation status
-    profileCreationStatus = globalState.vaultController.profileCreationStatus;
-    console.log("status current", profileCreationStatus);
-
-    // Set up a watcher for profile creation status changes
-    const checkStatus = () => {
+
+    const globalState = getContext<() => GlobalState>("globalState")();
+
+    onMount(() => {
+        // Load initial data
+        (async () => {
+            const userInfo = await globalState.userController.user;
+            const isFake = await globalState.userController.isFake;
+            userData = { ...userInfo, isFake };
+            const vaultData = await globalState.vaultController.vault;
+            ename = vaultData?.ename;
+        })();
+
+        // Get initial profile creation status
         profileCreationStatus =
             globalState.vaultController.profileCreationStatus;
-    };
-
-    // Check status periodically
-    statusInterval = setInterval(checkStatus, 1000);
-
-    const currentHour = new Date().getHours();
-    greeting =
-        currentHour > 17
-            ? "Good Evening"
-            : currentHour > 12
-              ? "Good Afternoon"
-              : "Good Morning";
-});
-
-onDestroy(() => {
-    if (statusInterval) {
-        clearInterval(statusInterval);
-    }
-});
+        console.log("status current", profileCreationStatus);
+
+        // Set up a watcher for profile creation status changes
+        const checkStatus = () => {
+            profileCreationStatus =
+                globalState.vaultController.profileCreationStatus;
+        };
+
+        // Check status periodically
+        statusInterval = setInterval(checkStatus, 1000);
+
+        const currentHour = new Date().getHours();
+        greeting =
+            currentHour > 17
+                ? "Good Evening"
+                : currentHour > 12
+                  ? "Good Afternoon"
+                  : "Good Morning";
+    });
+
+    onDestroy(() => {
+        if (statusInterval) {
+            clearInterval(statusInterval);
+        }
+    });
 </script>
 
 {#if profileCreationStatus === "loading"}
@@ -135,6 +136,7 @@ onDestroy(() => {
                 Welcome back to your eID Wallet
             {/snippet}
         </Hero>
+
         <Button.Nav href="/settings">
             <HugeiconsIcon
                 size={32}
@@ -166,14 +168,24 @@ onDestroy(() => {
             userData={userData as Record<string, string>}
         />
     {/snippet}
-    {#snippet eVault()}
-        <IdentityCard variant="eVault" usedStorage={0.1} totalStorage={10} />
-    {/snippet}
 
     <main class="pb-12">
         {@render Section("eName", eName)}
         {@render Section("ePassport", ePassport)}
-        {@render Section("eVault", eVault)}
+
+        <Button.Nav
+            href="https://marketplace.w3ds.metastate.foundation/"
+            class="rounded-3xl w-full bg-black-700 text-white p-4 mt-8 flex items-center justify-center gap-3 cursor-pointer hover:bg-gray-200 transition-colors"
+        >
+            <span class="text-lg font-medium flex gap-2"
+                >Discover <img
+                    class="w-12"
+                    src="/images/W3DSLogoWhite.svg"
+                    alt="logo"
+                /> Post Platforms</span
+            >
+            <HugeiconsIcon size={24} strokeWidth={2} icon={LinkSquare02Icon} />
+        </Button.Nav>
     </main>
 
     <Drawer

From d56a7dc6b9c11e18c9d2ce6ae482ca2ead0062a6 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 11:43:42 +0300
Subject: [PATCH 2/6] format

---
 .../src/routes/(app)/main/+page.svelte        | 183 +++++++++---------
 1 file changed, 91 insertions(+), 92 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index 4781d46e..a44a3f6f 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -1,102 +1,101 @@
 <script lang="ts">
-    import { goto } from "$app/navigation";
-    import { Hero, IdentityCard } from "$lib/fragments";
-    import type { GlobalState } from "$lib/global";
-    import { Drawer, Toast } from "$lib/ui";
-    import * as Button from "$lib/ui/Button";
-    import {
-        LinkSquare02Icon,
-        QrCodeIcon,
-        Settings02Icon,
-    } from "@hugeicons/core-free-icons";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import { type Snippet, getContext, onMount } from "svelte";
-    import { onDestroy } from "svelte";
-    import { Shadow } from "svelte-loading-spinners";
-    import QrCode from "svelte-qrcode";
-
-    let userData: Record<string, unknown> | undefined = $state(undefined);
-    let greeting: string | undefined = $state(undefined);
-    let ename: string | undefined = $state(undefined);
-    let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
-        $state("idle");
-
-    let shareQRdrawerOpen = $state(false);
-    let statusInterval: ReturnType<typeof setInterval> | undefined =
-        $state(undefined);
-    let showToast = $state(false);
-    let toastMessage = $state("");
-
-    function shareQR() {
-        alert("QR Code shared!");
-        shareQRdrawerOpen = false;
+import { goto } from "$app/navigation";
+import { Hero, IdentityCard } from "$lib/fragments";
+import type { GlobalState } from "$lib/global";
+import { Drawer, Toast } from "$lib/ui";
+import * as Button from "$lib/ui/Button";
+import {
+    LinkSquare02Icon,
+    QrCodeIcon,
+    Settings02Icon,
+} from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/svelte";
+import { type Snippet, getContext, onMount } from "svelte";
+import { onDestroy } from "svelte";
+import { Shadow } from "svelte-loading-spinners";
+import QrCode from "svelte-qrcode";
+
+let userData: Record<string, unknown> | undefined = $state(undefined);
+let greeting: string | undefined = $state(undefined);
+let ename: string | undefined = $state(undefined);
+let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
+    $state("idle");
+
+let shareQRdrawerOpen = $state(false);
+let statusInterval: ReturnType<typeof setInterval> | undefined =
+    $state(undefined);
+let showToast = $state(false);
+let toastMessage = $state("");
+
+function shareQR() {
+    alert("QR Code shared!");
+    shareQRdrawerOpen = false;
+}
+
+async function copyEName() {
+    if (!ename) return;
+    try {
+        await navigator.clipboard.writeText(ename);
+        toastMessage = "eName copied to clipboard!";
+        showToast = true;
+    } catch (error) {
+        console.error("Failed to copy eName:", error);
+        toastMessage = "Failed to copy eName";
+        showToast = true;
     }
+}
 
-    async function copyEName() {
-        if (!ename) return;
-        try {
-            await navigator.clipboard.writeText(ename);
-            toastMessage = "eName copied to clipboard!";
-            showToast = true;
-        } catch (error) {
-            console.error("Failed to copy eName:", error);
-            toastMessage = "Failed to copy eName";
-            showToast = true;
-        }
-    }
-
-    function handleToastClose() {
-        showToast = false;
-    }
+function handleToastClose() {
+    showToast = false;
+}
 
-    async function retryProfileCreation() {
-        try {
-            await globalState.vaultController.retryProfileCreation();
-        } catch (error) {
-            console.error("Retry failed:", error);
-        }
+async function retryProfileCreation() {
+    try {
+        await globalState.vaultController.retryProfileCreation();
+    } catch (error) {
+        console.error("Retry failed:", error);
     }
-
-    const globalState = getContext<() => GlobalState>("globalState")();
-
-    onMount(() => {
-        // Load initial data
-        (async () => {
-            const userInfo = await globalState.userController.user;
-            const isFake = await globalState.userController.isFake;
-            userData = { ...userInfo, isFake };
-            const vaultData = await globalState.vaultController.vault;
-            ename = vaultData?.ename;
-        })();
-
-        // Get initial profile creation status
+}
+
+const globalState = getContext<() => GlobalState>("globalState")();
+
+onMount(() => {
+    // Load initial data
+    (async () => {
+        const userInfo = await globalState.userController.user;
+        const isFake = await globalState.userController.isFake;
+        userData = { ...userInfo, isFake };
+        const vaultData = await globalState.vaultController.vault;
+        ename = vaultData?.ename;
+    })();
+
+    // Get initial profile creation status
+    profileCreationStatus = globalState.vaultController.profileCreationStatus;
+    console.log("status current", profileCreationStatus);
+
+    // Set up a watcher for profile creation status changes
+    const checkStatus = () => {
         profileCreationStatus =
             globalState.vaultController.profileCreationStatus;
-        console.log("status current", profileCreationStatus);
-
-        // Set up a watcher for profile creation status changes
-        const checkStatus = () => {
-            profileCreationStatus =
-                globalState.vaultController.profileCreationStatus;
-        };
-
-        // Check status periodically
-        statusInterval = setInterval(checkStatus, 1000);
-
-        const currentHour = new Date().getHours();
-        greeting =
-            currentHour > 17
-                ? "Good Evening"
-                : currentHour > 12
-                  ? "Good Afternoon"
-                  : "Good Morning";
-    });
-
-    onDestroy(() => {
-        if (statusInterval) {
-            clearInterval(statusInterval);
-        }
-    });
+    };
+
+    // Check status periodically
+    statusInterval = setInterval(checkStatus, 1000);
+
+    const currentHour = new Date().getHours();
+    greeting =
+        currentHour > 17
+            ? "Good Evening"
+            : currentHour > 12
+              ? "Good Afternoon"
+              : "Good Morning";
+});
+
+onDestroy(() => {
+    if (statusInterval) {
+        clearInterval(statusInterval);
+    }
+});
 </script>
 
 {#if profileCreationStatus === "loading"}

From 393ffb92dc19308e7105693f9dcac0e04b318a9b Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 11:46:41 +0300
Subject: [PATCH 3/6] feat: update marketplace button to open in a new tab with
 security attributes

---
 .../src/routes/(app)/main/+page.svelte        | 180 +++++++++---------
 1 file changed, 91 insertions(+), 89 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index a44a3f6f..c6d626d1 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -1,101 +1,101 @@
 <script lang="ts">
-import { goto } from "$app/navigation";
-import { Hero, IdentityCard } from "$lib/fragments";
-import type { GlobalState } from "$lib/global";
-import { Drawer, Toast } from "$lib/ui";
-import * as Button from "$lib/ui/Button";
-import {
-    LinkSquare02Icon,
-    QrCodeIcon,
-    Settings02Icon,
-} from "@hugeicons/core-free-icons";
-import { HugeiconsIcon } from "@hugeicons/svelte";
-import { type Snippet, getContext, onMount } from "svelte";
-import { onDestroy } from "svelte";
-import { Shadow } from "svelte-loading-spinners";
-import QrCode from "svelte-qrcode";
-
-let userData: Record<string, unknown> | undefined = $state(undefined);
-let greeting: string | undefined = $state(undefined);
-let ename: string | undefined = $state(undefined);
-let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
-    $state("idle");
-
-let shareQRdrawerOpen = $state(false);
-let statusInterval: ReturnType<typeof setInterval> | undefined =
-    $state(undefined);
-let showToast = $state(false);
-let toastMessage = $state("");
-
-function shareQR() {
-    alert("QR Code shared!");
-    shareQRdrawerOpen = false;
-}
-
-async function copyEName() {
-    if (!ename) return;
-    try {
-        await navigator.clipboard.writeText(ename);
-        toastMessage = "eName copied to clipboard!";
-        showToast = true;
-    } catch (error) {
-        console.error("Failed to copy eName:", error);
-        toastMessage = "Failed to copy eName";
-        showToast = true;
+    import { goto } from "$app/navigation";
+    import { Hero, IdentityCard } from "$lib/fragments";
+    import type { GlobalState } from "$lib/global";
+    import { Drawer, Toast } from "$lib/ui";
+    import * as Button from "$lib/ui/Button";
+    import {
+        LinkSquare02Icon,
+        QrCodeIcon,
+        Settings02Icon,
+    } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import { type Snippet, getContext, onMount } from "svelte";
+    import { onDestroy } from "svelte";
+    import { Shadow } from "svelte-loading-spinners";
+    import QrCode from "svelte-qrcode";
+
+    let userData: Record<string, unknown> | undefined = $state(undefined);
+    let greeting: string | undefined = $state(undefined);
+    let ename: string | undefined = $state(undefined);
+    let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
+        $state("idle");
+
+    let shareQRdrawerOpen = $state(false);
+    let statusInterval: ReturnType<typeof setInterval> | undefined =
+        $state(undefined);
+    let showToast = $state(false);
+    let toastMessage = $state("");
+
+    function shareQR() {
+        alert("QR Code shared!");
+        shareQRdrawerOpen = false;
     }
-}
 
-function handleToastClose() {
-    showToast = false;
-}
+    async function copyEName() {
+        if (!ename) return;
+        try {
+            await navigator.clipboard.writeText(ename);
+            toastMessage = "eName copied to clipboard!";
+            showToast = true;
+        } catch (error) {
+            console.error("Failed to copy eName:", error);
+            toastMessage = "Failed to copy eName";
+            showToast = true;
+        }
+    }
+
+    function handleToastClose() {
+        showToast = false;
+    }
 
-async function retryProfileCreation() {
-    try {
-        await globalState.vaultController.retryProfileCreation();
-    } catch (error) {
-        console.error("Retry failed:", error);
+    async function retryProfileCreation() {
+        try {
+            await globalState.vaultController.retryProfileCreation();
+        } catch (error) {
+            console.error("Retry failed:", error);
+        }
     }
-}
 
-const globalState = getContext<() => GlobalState>("globalState")();
+    const globalState = getContext<() => GlobalState>("globalState")();
 
-onMount(() => {
-    // Load initial data
-    (async () => {
-        const userInfo = await globalState.userController.user;
-        const isFake = await globalState.userController.isFake;
-        userData = { ...userInfo, isFake };
-        const vaultData = await globalState.vaultController.vault;
-        ename = vaultData?.ename;
-    })();
+    onMount(() => {
+        // Load initial data
+        (async () => {
+            const userInfo = await globalState.userController.user;
+            const isFake = await globalState.userController.isFake;
+            userData = { ...userInfo, isFake };
+            const vaultData = await globalState.vaultController.vault;
+            ename = vaultData?.ename;
+        })();
 
-    // Get initial profile creation status
+        // Get initial profile creation status
     profileCreationStatus = globalState.vaultController.profileCreationStatus;
-    console.log("status current", profileCreationStatus);
-
-    // Set up a watcher for profile creation status changes
-    const checkStatus = () => {
-        profileCreationStatus =
-            globalState.vaultController.profileCreationStatus;
-    };
-
-    // Check status periodically
-    statusInterval = setInterval(checkStatus, 1000);
-
-    const currentHour = new Date().getHours();
-    greeting =
-        currentHour > 17
-            ? "Good Evening"
-            : currentHour > 12
-              ? "Good Afternoon"
-              : "Good Morning";
-});
-
-onDestroy(() => {
-    if (statusInterval) {
-        clearInterval(statusInterval);
-    }
-});
+        console.log("status current", profileCreationStatus);
+
+        // Set up a watcher for profile creation status changes
+        const checkStatus = () => {
+            profileCreationStatus =
+                globalState.vaultController.profileCreationStatus;
+        };
+
+        // Check status periodically
+        statusInterval = setInterval(checkStatus, 1000);
+
+        const currentHour = new Date().getHours();
+        greeting =
+            currentHour > 17
+                ? "Good Evening"
+                : currentHour > 12
+                  ? "Good Afternoon"
+                  : "Good Morning";
+    });
+
+    onDestroy(() => {
+        if (statusInterval) {
+            clearInterval(statusInterval);
+        }
+    });
 </script>
 
 {#if profileCreationStatus === "loading"}
@@ -174,6 +174,8 @@ onDestroy(() => {
 
         <Button.Nav
             href="https://marketplace.w3ds.metastate.foundation/"
+            target="_blank"
+            rel="noopener noreferrer"
             class="rounded-3xl w-full bg-black-700 text-white p-4 mt-8 flex items-center justify-center gap-3 cursor-pointer hover:bg-gray-200 transition-colors"
         >
             <span class="text-lg font-medium flex gap-2"

From b3db793a58ac6b00a8e257da19812cd57c05bc5b Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 11:47:52 +0300
Subject: [PATCH 4/6] format

---
 .../src/routes/(app)/main/+page.svelte        | 178 +++++++++---------
 1 file changed, 89 insertions(+), 89 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index c6d626d1..204dafb6 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -1,101 +1,101 @@
 <script lang="ts">
-    import { goto } from "$app/navigation";
-    import { Hero, IdentityCard } from "$lib/fragments";
-    import type { GlobalState } from "$lib/global";
-    import { Drawer, Toast } from "$lib/ui";
-    import * as Button from "$lib/ui/Button";
-    import {
-        LinkSquare02Icon,
-        QrCodeIcon,
-        Settings02Icon,
-    } from "@hugeicons/core-free-icons";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import { type Snippet, getContext, onMount } from "svelte";
-    import { onDestroy } from "svelte";
-    import { Shadow } from "svelte-loading-spinners";
-    import QrCode from "svelte-qrcode";
-
-    let userData: Record<string, unknown> | undefined = $state(undefined);
-    let greeting: string | undefined = $state(undefined);
-    let ename: string | undefined = $state(undefined);
-    let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
-        $state("idle");
-
-    let shareQRdrawerOpen = $state(false);
-    let statusInterval: ReturnType<typeof setInterval> | undefined =
-        $state(undefined);
-    let showToast = $state(false);
-    let toastMessage = $state("");
-
-    function shareQR() {
-        alert("QR Code shared!");
-        shareQRdrawerOpen = false;
+import { goto } from "$app/navigation";
+import { Hero, IdentityCard } from "$lib/fragments";
+import type { GlobalState } from "$lib/global";
+import { Drawer, Toast } from "$lib/ui";
+import * as Button from "$lib/ui/Button";
+import {
+    LinkSquare02Icon,
+    QrCodeIcon,
+    Settings02Icon,
+} from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/svelte";
+import { type Snippet, getContext, onMount } from "svelte";
+import { onDestroy } from "svelte";
+import { Shadow } from "svelte-loading-spinners";
+import QrCode from "svelte-qrcode";
+
+let userData: Record<string, unknown> | undefined = $state(undefined);
+let greeting: string | undefined = $state(undefined);
+let ename: string | undefined = $state(undefined);
+let profileCreationStatus: "idle" | "loading" | "success" | "failed" =
+    $state("idle");
+
+let shareQRdrawerOpen = $state(false);
+let statusInterval: ReturnType<typeof setInterval> | undefined =
+    $state(undefined);
+let showToast = $state(false);
+let toastMessage = $state("");
+
+function shareQR() {
+    alert("QR Code shared!");
+    shareQRdrawerOpen = false;
+}
+
+async function copyEName() {
+    if (!ename) return;
+    try {
+        await navigator.clipboard.writeText(ename);
+        toastMessage = "eName copied to clipboard!";
+        showToast = true;
+    } catch (error) {
+        console.error("Failed to copy eName:", error);
+        toastMessage = "Failed to copy eName";
+        showToast = true;
     }
+}
 
-    async function copyEName() {
-        if (!ename) return;
-        try {
-            await navigator.clipboard.writeText(ename);
-            toastMessage = "eName copied to clipboard!";
-            showToast = true;
-        } catch (error) {
-            console.error("Failed to copy eName:", error);
-            toastMessage = "Failed to copy eName";
-            showToast = true;
-        }
-    }
-
-    function handleToastClose() {
-        showToast = false;
-    }
+function handleToastClose() {
+    showToast = false;
+}
 
-    async function retryProfileCreation() {
-        try {
-            await globalState.vaultController.retryProfileCreation();
-        } catch (error) {
-            console.error("Retry failed:", error);
-        }
+async function retryProfileCreation() {
+    try {
+        await globalState.vaultController.retryProfileCreation();
+    } catch (error) {
+        console.error("Retry failed:", error);
     }
+}
 
-    const globalState = getContext<() => GlobalState>("globalState")();
+const globalState = getContext<() => GlobalState>("globalState")();
 
-    onMount(() => {
-        // Load initial data
-        (async () => {
-            const userInfo = await globalState.userController.user;
-            const isFake = await globalState.userController.isFake;
-            userData = { ...userInfo, isFake };
-            const vaultData = await globalState.vaultController.vault;
-            ename = vaultData?.ename;
-        })();
+onMount(() => {
+    // Load initial data
+    (async () => {
+        const userInfo = await globalState.userController.user;
+        const isFake = await globalState.userController.isFake;
+        userData = { ...userInfo, isFake };
+        const vaultData = await globalState.vaultController.vault;
+        ename = vaultData?.ename;
+    })();
 
-        // Get initial profile creation status
+    // Get initial profile creation status
     profileCreationStatus = globalState.vaultController.profileCreationStatus;
-        console.log("status current", profileCreationStatus);
-
-        // Set up a watcher for profile creation status changes
-        const checkStatus = () => {
-            profileCreationStatus =
-                globalState.vaultController.profileCreationStatus;
-        };
-
-        // Check status periodically
-        statusInterval = setInterval(checkStatus, 1000);
-
-        const currentHour = new Date().getHours();
-        greeting =
-            currentHour > 17
-                ? "Good Evening"
-                : currentHour > 12
-                  ? "Good Afternoon"
-                  : "Good Morning";
-    });
-
-    onDestroy(() => {
-        if (statusInterval) {
-            clearInterval(statusInterval);
-        }
-    });
+    console.log("status current", profileCreationStatus);
+
+    // Set up a watcher for profile creation status changes
+    const checkStatus = () => {
+        profileCreationStatus =
+            globalState.vaultController.profileCreationStatus;
+    };
+
+    // Check status periodically
+    statusInterval = setInterval(checkStatus, 1000);
+
+    const currentHour = new Date().getHours();
+    greeting =
+        currentHour > 17
+            ? "Good Evening"
+            : currentHour > 12
+              ? "Good Afternoon"
+              : "Good Morning";
+});
+
+onDestroy(() => {
+    if (statusInterval) {
+        clearInterval(statusInterval);
+    }
+});
 </script>
 
 {#if profileCreationStatus === "loading"}

From b324372d8b0f98b374992ce3e20ec2b9210b376e Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 13:14:13 +0300
Subject: [PATCH 5/6] Remove useless class

---
 infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index 204dafb6..2bc29e32 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -176,7 +176,7 @@ onDestroy(() => {
             href="https://marketplace.w3ds.metastate.foundation/"
             target="_blank"
             rel="noopener noreferrer"
-            class="rounded-3xl w-full bg-black-700 text-white p-4 mt-8 flex items-center justify-center gap-3 cursor-pointer hover:bg-gray-200 transition-colors"
+            class="rounded-3xl w-full bg-black-700 text-white p-4 mt-8 flex items-center justify-center gap-3 cursor-pointer"
         >
             <span class="text-lg font-medium flex gap-2"
                 >Discover <img

From 31c5ce38549e6e908654661d8a62b35eb91d86d9 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 9 Feb 2026 13:15:56 +0300
Subject: [PATCH 6/6] more explicit alt

---
 infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
index 2bc29e32..8c1f7baf 100644
--- a/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
@@ -182,7 +182,7 @@ onDestroy(() => {
                 >Discover <img
                     class="w-12"
                     src="/images/W3DSLogoWhite.svg"
-                    alt="logo"
+                    alt="w3ds logo"
                 /> Post Platforms</span
             >
             <HugeiconsIcon size={24} strokeWidth={2} icon={LinkSquare02Icon} />