From e59cd2bde4c9855e1d73630cd655bc886773ab6a Mon Sep 17 00:00:00 2001
From: Sahil Garg <me.sahil.gg@gmail.com>
Date: Wed, 3 Jun 2026 18:06:26 +0530
Subject: [PATCH 1/4] fix: heading button collision fix.

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

diff --git a/infrastructure/eid-wallet/src/routes/(public)/recover/+page.svelte b/infrastructure/eid-wallet/src/routes/(public)/recover/+page.svelte
index a041d3766..e03fd1c71 100644
--- a/infrastructure/eid-wallet/src/routes/(public)/recover/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(public)/recover/+page.svelte
@@ -1136,7 +1136,7 @@ onMount(() => {
                     strokeWidth={2}
                 />
             </button>
-            <div class="flex flex-col w-full items-center">
+            <div class="flex flex-col w-full items-center pl-12 sm:pl-0">
                 <h3 class="font-semibold leading-none">Restore DigitalSelf</h3>
             </div>
         </header>

From 7bf896ee97104617d0457cd5464eefa2e4c56040 Mon Sep 17 00:00:00 2001
From: Sahil Garg <me.sahil.gg@gmail.com>
Date: Wed, 3 Jun 2026 19:52:24 +0530
Subject: [PATCH 2/4] fix: lint error.

---
 .../eid-wallet/src/routes/(auth)/verify/steps/passport.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/infrastructure/eid-wallet/src/routes/(auth)/verify/steps/passport.svelte b/infrastructure/eid-wallet/src/routes/(auth)/verify/steps/passport.svelte
index b9d791055..ab61f4ee6 100644
--- a/infrastructure/eid-wallet/src/routes/(auth)/verify/steps/passport.svelte
+++ b/infrastructure/eid-wallet/src/routes/(auth)/verify/steps/passport.svelte
@@ -14,7 +14,7 @@ import {
     verificaitonId,
 } from "../store";
 
-let error: string | undefined;
+let error = $state<string | undefined>(undefined);
 
 let video: HTMLVideoElement;
 let canvas1: HTMLCanvasElement;
@@ -263,7 +263,7 @@ onMount(() => {
                 </p>
             </div>
             <div class="relative flex flex-col items-center justify-center">
-                <!-- svelte-ignore a11y-media-has-caption -->
+                <!-- svelte-ignore a11y_media_has_caption -->
                 <video
                     bind:this={video}
                     autoplay

From f50dfd4b47381f5f49715a9dc5c77d5960709db2 Mon Sep 17 00:00:00 2001
From: Sahil Garg <me.sahil.gg@gmail.com>
Date: Wed, 3 Jun 2026 19:58:38 +0530
Subject: [PATCH 3/4] fix: format error.

---
 .../charts/GroupContributionDonut.svelte      | 14 ++--
 .../components/charts/GroupDonutArcs.svelte   |  9 ++-
 .../control-panel/src/lib/server/evault.ts    |  3 +-
 .../src/lib/server/group-message-buckets.ts   | 20 +++--
 .../lib/server/group-sender-resolve.server.ts | 16 ++--
 .../src/lib/services/cacheService.ts          |  5 +-
 .../src/lib/services/evaultService.ts         |  6 +-
 .../control-panel/src/routes/+page.svelte     |  4 +-
 .../[evaultId]/group-insights/+server.ts      | 14 +++-
 .../[evaultId]/group-messages/+server.ts      | 29 ++++----
 .../routes/evaults/[evaultId]/+page.svelte    | 52 +++++++++----
 .../src/routes/groups/[evaultId]/+page.svelte | 34 ++++++---
 .../routes/(protected)/messages/+page.svelte  | 73 ++++++++++---------
 13 files changed, 167 insertions(+), 112 deletions(-)

diff --git a/infrastructure/control-panel/src/lib/components/charts/GroupContributionDonut.svelte b/infrastructure/control-panel/src/lib/components/charts/GroupContributionDonut.svelte
index ee1894220..f2d41454c 100644
--- a/infrastructure/control-panel/src/lib/components/charts/GroupContributionDonut.svelte
+++ b/infrastructure/control-panel/src/lib/components/charts/GroupContributionDonut.svelte
@@ -1,9 +1,6 @@
 <script lang="ts">
 	import { LayerCake, Svg } from 'layercake';
-	import {
-		GROUP_NO_SENDER_BUCKET_KEY,
-		type GroupSenderRow
-	} from '$lib/services/evaultService';
+	import { GROUP_NO_SENDER_BUCKET_KEY, type GroupSenderRow } from '$lib/services/evaultService';
 	import GroupDonutArcs from './GroupDonutArcs.svelte';
 
 	interface Props {
@@ -127,7 +124,8 @@
 								{#if s.evaultPageId}
 									<a
 										href="/evaults/{encodeURIComponent(s.evaultPageId)}"
-										class="text-blue-600 hover:underline">{s.label}</a>
+										class="text-blue-600 hover:underline">{s.label}</a
+									>
 								{:else}
 									{s.label}
 								{/if}
@@ -135,8 +133,10 @@
 							<div class="truncate font-mono text-xs text-gray-500">{s.sub}</div>
 						</div>
 						<div class="shrink-0 text-right text-gray-700 tabular-nums">
-							<a href={messagesListHref(s.bucketKey)} class="text-blue-600 hover:underline"
-								>{s.value}</a>
+							<a
+								href={messagesListHref(s.bucketKey)}
+								class="text-blue-600 hover:underline">{s.value}</a
+							>
 							<span class="text-gray-400">({pct}%)</span>
 						</div>
 					</li>
diff --git a/infrastructure/control-panel/src/lib/components/charts/GroupDonutArcs.svelte b/infrastructure/control-panel/src/lib/components/charts/GroupDonutArcs.svelte
index 4acd24c4d..0d972ee5a 100644
--- a/infrastructure/control-panel/src/lib/components/charts/GroupDonutArcs.svelte
+++ b/infrastructure/control-panel/src/lib/components/charts/GroupDonutArcs.svelte
@@ -28,7 +28,9 @@
 	const sliceHref = (bucketKey: string) =>
 		`/groups/${encodeURIComponent(groupEvaultId)}/messages?bucket=${encodeURIComponent(bucketKey)}`;
 
-	const pieLayout = pie<DonutSlice>().value((d) => d.value).sort(null);
+	const pieLayout = pie<DonutSlice>()
+		.value((d) => d.value)
+		.sort(null);
 </script>
 
 <g transform="translate({$width / 2},{$height / 2})">
@@ -42,10 +44,11 @@
 		{#if d}
 			<a
 				href={sliceHref(a.data.bucketKey)}
-				class="cursor-pointer outline-none transition-opacity hover:opacity-90 focus-visible:opacity-90"
+				class="cursor-pointer transition-opacity outline-none hover:opacity-90 focus-visible:opacity-90"
 			>
 				<path {d} fill={a.data.color} stroke="#fff" stroke-width="1.5" class="outline-none">
-					<title>{a.data.label} — {a.data.sub}: {a.data.value} messages (open list)</title>
+					<title>{a.data.label} — {a.data.sub}: {a.data.value} messages (open list)</title
+					>
 				</path>
 			</a>
 		{/if}
diff --git a/infrastructure/control-panel/src/lib/server/evault.ts b/infrastructure/control-panel/src/lib/server/evault.ts
index 16ae58ee6..8a90429ac 100644
--- a/infrastructure/control-panel/src/lib/server/evault.ts
+++ b/infrastructure/control-panel/src/lib/server/evault.ts
@@ -177,7 +177,8 @@ class EvaultService {
 			}
 		});
 
-		const allEdges: Array<{ node: { id: string; parsed: Record<string, unknown> | null } }> = [];
+		const allEdges: Array<{ node: { id: string; parsed: Record<string, unknown> | null } }> =
+			[];
 		let afterCursor: string | null = null;
 
 		do {
diff --git a/infrastructure/control-panel/src/lib/server/group-message-buckets.ts b/infrastructure/control-panel/src/lib/server/group-message-buckets.ts
index fe11329d9..94df918c8 100644
--- a/infrastructure/control-panel/src/lib/server/group-message-buckets.ts
+++ b/infrastructure/control-panel/src/lib/server/group-message-buckets.ts
@@ -8,8 +8,7 @@ export function normalizeW3id(s: string): string {
 	return s.trim().replace(/^@+/u, '').toLowerCase();
 }
 
-const UUID_RE =
-	/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 
 export function isLikelyUuid(s: string): boolean {
 	return UUID_RE.test(s.trim());
@@ -63,10 +62,7 @@ export function buildRegistryEnameLookup(vaults: RegistryVault[]): Map<string, s
 	return map;
 }
 
-function firstNonEmptyStringField(
-	parsed: Record<string, unknown>,
-	keys: string[]
-): string | null {
+function firstNonEmptyStringField(parsed: Record<string, unknown>, keys: string[]): string | null {
 	for (const k of keys) {
 		const v = parsed[k];
 		if (typeof v === 'string' && v.trim().length > 0) {
@@ -77,7 +73,9 @@ function firstNonEmptyStringField(
 }
 
 /** Raw sender id from payload (UUID / legacy), not used as the aggregation key when registry resolves. */
-export function rawMessageSenderId(parsed: Record<string, unknown> | null | undefined): string | null {
+export function rawMessageSenderId(
+	parsed: Record<string, unknown> | null | undefined
+): string | null {
 	if (!parsed || typeof parsed !== 'object') {
 		return null;
 	}
@@ -149,7 +147,9 @@ export function senderBucketKey(
 	return NO_SENDER_BUCKET;
 }
 
-export function previewMessageBody(parsed: Record<string, unknown> | undefined): string | undefined {
+export function previewMessageBody(
+	parsed: Record<string, unknown> | undefined
+): string | undefined {
 	if (!parsed) {
 		return undefined;
 	}
@@ -208,9 +208,7 @@ export function findSenderVaultForBucket(
 		}
 	}
 
-	return (
-		vaults.find((x) => x.ename === trimmed || x.ename.toLowerCase() === lower) ?? null
-	);
+	return vaults.find((x) => x.ename === trimmed || x.ename.toLowerCase() === lower) ?? null;
 }
 
 /** Segment for `/evaults/[id]` — matches client list `id === evault || ename`. */
diff --git a/infrastructure/control-panel/src/lib/server/group-sender-resolve.server.ts b/infrastructure/control-panel/src/lib/server/group-sender-resolve.server.ts
index d4b17cf75..cef935ccd 100644
--- a/infrastructure/control-panel/src/lib/server/group-sender-resolve.server.ts
+++ b/infrastructure/control-panel/src/lib/server/group-sender-resolve.server.ts
@@ -124,8 +124,7 @@ function collectLookupKeys(...parts: (string | null | undefined)[]): string[] {
 export function userRegistryRowsForProbe(rows: RegistryEvaultRow[]): RegistryEvaultRow[] {
 	return rows.filter(
 		(r) =>
-			r.type === 'user' &&
-			!(typeof r.name === 'string' && /platform$/i.test(r.name.trim()))
+			r.type === 'user' && !(typeof r.name === 'string' && /platform$/i.test(r.name.trim()))
 	);
 }
 
@@ -231,10 +230,7 @@ async function resolveSenderDisplayName(
 	return bucketKey;
 }
 
-function firstNonEmptyStringField(
-	parsed: Record<string, unknown>,
-	keys: string[]
-): string | null {
+function firstNonEmptyStringField(parsed: Record<string, unknown>, keys: string[]): string | null {
 	for (const k of keys) {
 		const v = parsed[k];
 		if (typeof v === 'string' && v.trim().length > 0) {
@@ -244,7 +240,9 @@ function firstNonEmptyStringField(
 	return null;
 }
 
-export function displayHintFromMessage(parsed: Record<string, unknown> | null | undefined): string | null {
+export function displayHintFromMessage(
+	parsed: Record<string, unknown> | null | undefined
+): string | null {
 	if (!parsed || typeof parsed !== 'object') {
 		return null;
 	}
@@ -315,9 +313,9 @@ export async function resolveSenderRowFields(
 	const v = findSenderVaultForBucket(bucketKey, registryEnameLookup, allVaults);
 	const peeledBucket = unwrapRelationIdDeep(bucketKey.trim());
 	const enameFromPeel = peeledBucket
-		? registryEnameLookup.get(peeledBucket) ??
+		? (registryEnameLookup.get(peeledBucket) ??
 			registryEnameLookup.get(peeledBucket.toLowerCase()) ??
-			registryEnameLookup.get(normalizeW3id(peeledBucket))
+			registryEnameLookup.get(normalizeW3id(peeledBucket)))
 		: undefined;
 	const enameCol =
 		v?.ename?.trim() ??
diff --git a/infrastructure/control-panel/src/lib/services/cacheService.ts b/infrastructure/control-panel/src/lib/services/cacheService.ts
index 839c5341c..8fac7ab13 100644
--- a/infrastructure/control-panel/src/lib/services/cacheService.ts
+++ b/infrastructure/control-panel/src/lib/services/cacheService.ts
@@ -23,7 +23,10 @@ class CacheService {
 	private db: any | null = null;
 	private isInitialized = false;
 	/** Server-only: MetaEnvelope id (message sender global id) → resolved display name; reduces cross-vault probes. */
-	private senderProfileDisplayByGlobalId = new Map<string, { value: string; expiresAt: number }>();
+	private senderProfileDisplayByGlobalId = new Map<
+		string,
+		{ value: string; expiresAt: number }
+	>();
 
 	constructor() {
 		// Only initialize on the server side
diff --git a/infrastructure/control-panel/src/lib/services/evaultService.ts b/infrastructure/control-panel/src/lib/services/evaultService.ts
index 74f08c46b..ff67c751a 100644
--- a/infrastructure/control-panel/src/lib/services/evaultService.ts
+++ b/infrastructure/control-panel/src/lib/services/evaultService.ts
@@ -216,7 +216,11 @@ export class EVaultService {
 	 */
 	static async getBindingDocuments(
 		evaultId: string
-	): Promise<{ documents: BindingDocument[]; socialConnections: SocialConnection[]; eName: string }> {
+	): Promise<{
+		documents: BindingDocument[];
+		socialConnections: SocialConnection[];
+		eName: string;
+	}> {
 		try {
 			const response = await fetch(
 				`/api/evaults/${encodeURIComponent(evaultId)}/binding-documents`
diff --git a/infrastructure/control-panel/src/routes/+page.svelte b/infrastructure/control-panel/src/routes/+page.svelte
index 1df24205d..fa38d9640 100644
--- a/infrastructure/control-panel/src/routes/+page.svelte
+++ b/infrastructure/control-panel/src/routes/+page.svelte
@@ -466,8 +466,8 @@
 </script>
 
 {#snippet ENameWithType(value: unknown)}
-	{@const item = (value as { ename?: string; type?: 'user' | 'group' | 'unknown' } | null) ??
-		null}
+	{@const item =
+		(value as { ename?: string; type?: 'user' | 'group' | 'unknown' } | null) ?? null}
 	{@const ename = item?.ename || 'N/A'}
 	{@const type = item?.type ?? 'unknown'}
 	<div class="flex items-center gap-2 whitespace-nowrap">
diff --git a/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-insights/+server.ts b/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-insights/+server.ts
index 8490d4292..67fb6d12e 100644
--- a/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-insights/+server.ts
+++ b/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-insights/+server.ts
@@ -73,7 +73,11 @@ type SenderRow = {
 	evaultPageId: string | null;
 };
 
-async function mapInChunks<T, R>(items: T[], chunkSize: number, fn: (item: T) => Promise<R>): Promise<R[]> {
+async function mapInChunks<T, R>(
+	items: T[],
+	chunkSize: number,
+	fn: (item: T) => Promise<R>
+): Promise<R[]> {
 	const out: R[] = [];
 	for (let i = 0; i < items.length; i += chunkSize) {
 		const chunk = items.slice(i, i + chunkSize);
@@ -166,8 +170,7 @@ export const GET: RequestHandler = async ({ params, url }) => {
 		if (!manifest) {
 			return json(
 				{
-					error:
-						'Could not load group manifest from this vault (not a group eVault, unreachable, or auth failed).'
+					error: 'Could not load group manifest from this vault (not a group eVault, unreachable, or auth failed).'
 				},
 				{ status: 400 }
 			);
@@ -230,7 +233,10 @@ export const GET: RequestHandler = async ({ params, url }) => {
 							chatId: parsed?.chatId ?? null,
 							isSystemMessage: parsed?.isSystemMessage ?? null,
 							preview: previewMessageBody(parsed),
-							parsedKeys: parsed && typeof parsed === 'object' ? Object.keys(parsed).sort() : []
+							parsedKeys:
+								parsed && typeof parsed === 'object'
+									? Object.keys(parsed).sort()
+									: []
 						})
 					);
 				}
diff --git a/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-messages/+server.ts b/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-messages/+server.ts
index 8c8abd027..7dcad8bed 100644
--- a/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-messages/+server.ts
+++ b/infrastructure/control-panel/src/routes/api/evaults/[evaultId]/group-messages/+server.ts
@@ -99,21 +99,24 @@ export const GET: RequestHandler = async ({ params, url }) => {
 		const hintByBucket = new Map<string, Map<string, number>>();
 		const userRowsForProbe = userRegistryRowsForProbe(registryRows);
 		const probeRequestCache = new Map<string, string | null>();
-		const { displayName: senderDisplayName, ename: senderEname } = await resolveSenderRowFields({
-			bucketKey: filterBucket,
-			allVaults,
-			registryEnameLookup,
-			token,
-			dashboardNameByKey,
-			hintByBucket,
-			userRowsForProbe,
-			probeRequestCache
-		});
+		const { displayName: senderDisplayName, ename: senderEname } = await resolveSenderRowFields(
+			{
+				bucketKey: filterBucket,
+				allVaults,
+				registryEnameLookup,
+				token,
+				dashboardNameByKey,
+				hintByBucket,
+				userRowsForProbe,
+				probeRequestCache
+			}
+		);
 
 		const manifest = await fetchGroupManifestOrFallbackParsed(vault, token);
-		const manifestRec = manifest && typeof manifest === 'object' && !Array.isArray(manifest)
-			? (manifest as Record<string, unknown>)
-			: null;
+		const manifestRec =
+			manifest && typeof manifest === 'object' && !Array.isArray(manifest)
+				? (manifest as Record<string, unknown>)
+				: null;
 		const groupDisplayNameRaw = manifestRec?.name;
 		const groupDisplayName =
 			typeof groupDisplayNameRaw === 'string' && groupDisplayNameRaw.trim()
diff --git a/infrastructure/control-panel/src/routes/evaults/[evaultId]/+page.svelte b/infrastructure/control-panel/src/routes/evaults/[evaultId]/+page.svelte
index 401b2983f..83c3721b7 100644
--- a/infrastructure/control-panel/src/routes/evaults/[evaultId]/+page.svelte
+++ b/infrastructure/control-panel/src/routes/evaults/[evaultId]/+page.svelte
@@ -165,7 +165,8 @@
 					Details
 				</button>
 				<button
-					class="border-b-2 px-1 py-2 text-sm font-medium {selectedTab === 'binding-documents'
+					class="border-b-2 px-1 py-2 text-sm font-medium {selectedTab ===
+					'binding-documents'
 						? 'border-blue-500 text-blue-600'
 						: 'border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700'}"
 					onclick={() => selectTab('binding-documents')}
@@ -266,11 +267,17 @@
 						<div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-slate-200">
 							<h2 class="text-lg font-semibold">Photographs</h2>
 							{#if photoDocuments.length === 0}
-								<p class="mt-2 text-sm text-slate-500">No photograph binding documents.</p>
+								<p class="mt-2 text-sm text-slate-500">
+									No photograph binding documents.
+								</p>
 							{:else}
 								<div class="mt-4 space-y-4">
 									{#each photoDocuments as doc}
-										{@const photoSrc = typeof doc.data?.photoBlob === 'string' && doc.data.photoBlob ? doc.data.photoBlob : null}
+										{@const photoSrc =
+											typeof doc.data?.photoBlob === 'string' &&
+											doc.data.photoBlob
+												? doc.data.photoBlob
+												: null}
 										<div class="rounded-md border border-slate-200 p-3">
 											<p class="text-xs text-slate-500">ID: {doc.id}</p>
 											{#if photoSrc}
@@ -280,7 +287,9 @@
 													alt="Binding"
 												/>
 											{:else}
-												<div class="mt-2 flex max-h-[100px] w-full items-center justify-center rounded bg-slate-100 text-sm text-slate-500">
+												<div
+													class="mt-2 flex max-h-[100px] w-full items-center justify-center rounded bg-slate-100 text-sm text-slate-500"
+												>
 													No image
 												</div>
 											{/if}
@@ -293,7 +302,9 @@
 						<div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-slate-200">
 							<h2 class="text-lg font-semibold">ID Document</h2>
 							{#if idDocuments.length === 0}
-								<p class="mt-2 text-sm text-slate-500">No id_document binding documents.</p>
+								<p class="mt-2 text-sm text-slate-500">
+									No id_document binding documents.
+								</p>
 							{:else}
 								<table class="mt-4 w-full text-left text-sm">
 									<thead class="bg-slate-50 text-slate-600">
@@ -306,9 +317,15 @@
 									<tbody>
 										{#each idDocuments as doc}
 											<tr class="border-t border-slate-200">
-												<td class="px-3 py-2">{getDataValue(doc.data, 'vendor')}</td>
-												<td class="px-3 py-2">{getDataValue(doc.data, 'reference')}</td>
-												<td class="px-3 py-2">{getDataValue(doc.data, 'name')}</td>
+												<td class="px-3 py-2"
+													>{getDataValue(doc.data, 'vendor')}</td
+												>
+												<td class="px-3 py-2"
+													>{getDataValue(doc.data, 'reference')}</td
+												>
+												<td class="px-3 py-2"
+													>{getDataValue(doc.data, 'name')}</td
+												>
 											</tr>
 										{/each}
 									</tbody>
@@ -319,7 +336,9 @@
 						<div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-slate-200">
 							<h2 class="text-lg font-semibold">Self Binding</h2>
 							{#if selfDocuments.length === 0}
-								<p class="mt-2 text-sm text-slate-500">No self binding documents.</p>
+								<p class="mt-2 text-sm text-slate-500">
+									No self binding documents.
+								</p>
 							{:else}
 								<table class="mt-4 w-full text-left text-sm">
 									<thead class="bg-slate-50 text-slate-600">
@@ -331,7 +350,9 @@
 									<tbody>
 										{#each selfDocuments as doc}
 											<tr class="border-t border-slate-200">
-												<td class="px-3 py-2">{getDataValue(doc.data, 'name')}</td>
+												<td class="px-3 py-2"
+													>{getDataValue(doc.data, 'name')}</td
+												>
 												<td class="px-3 py-2">{doc.subject}</td>
 											</tr>
 										{/each}
@@ -345,14 +366,19 @@
 						<div class="rounded-xl bg-white p-5 shadow-sm ring-1 ring-slate-200">
 							<h2 class="text-lg font-semibold">Social Connections</h2>
 							{#if socialConnections.length === 0}
-								<p class="mt-2 text-sm text-slate-500">No social connections found.</p>
+								<p class="mt-2 text-sm text-slate-500">
+									No social connections found.
+								</p>
 							{:else}
 								<div class="mt-4 space-y-3">
 									{#each socialConnections as connection}
 										<div class="rounded-md border border-slate-200 p-3">
-											<p class="font-medium text-gray-900">{connection.name}</p>
+											<p class="font-medium text-gray-900">
+												{connection.name}
+											</p>
 											<p class="text-sm text-slate-600">
-												Witness eName: {connection.witnessEName || 'Unknown'}
+												Witness eName: {connection.witnessEName ||
+													'Unknown'}
 											</p>
 											{#if connection.relationDescription}
 												<p class="mt-2 text-sm text-slate-600 italic">
diff --git a/infrastructure/control-panel/src/routes/groups/[evaultId]/+page.svelte b/infrastructure/control-panel/src/routes/groups/[evaultId]/+page.svelte
index c4af9b379..8e24f8532 100644
--- a/infrastructure/control-panel/src/routes/groups/[evaultId]/+page.svelte
+++ b/infrastructure/control-panel/src/routes/groups/[evaultId]/+page.svelte
@@ -114,8 +114,8 @@
 				<p class="mt-1 text-sm text-gray-600">
 					Scanned {stats.messagesScanned} message envelope(s):{' '}
 					<span class="font-medium text-gray-800">{withSender}</span>
-					with a sender id or resolvable <code class="text-xs">ename</code> (bucketed in the table
-					below),
+					with a sender id or resolvable <code class="text-xs">ename</code> (bucketed in
+					the table below),
 					<span class="font-medium text-gray-800">{withoutSender}</span>
 					with no sender in the payload (system / null).
 				</p>
@@ -136,8 +136,9 @@
 			<div class="border-b border-gray-200 px-5 py-3">
 				<h2 class="text-lg font-semibold text-gray-900">Messages by sender</h2>
 				<p class="text-sm text-gray-500">
-					Real name comes from each sender’s user vault (same fields as the dashboard). eName is the
-					W3ID when we can match the registry; otherwise the raw sender id from the message.
+					Real name comes from each sender’s user vault (same fields as the dashboard).
+					eName is the W3ID when we can match the registry; otherwise the raw sender id
+					from the message.
 				</p>
 			</div>
 			<div class="overflow-x-auto">
@@ -145,9 +146,12 @@
 					<table class="min-w-full divide-y divide-gray-200 text-sm">
 						<thead class="bg-gray-50">
 							<tr>
-								<th class="px-4 py-2 text-left font-medium text-gray-600">Real name</th>
+								<th class="px-4 py-2 text-left font-medium text-gray-600"
+									>Real name</th
+								>
 								<th class="px-4 py-2 text-left font-medium text-gray-600">eName</th>
-								<th class="px-4 py-2 text-right font-medium text-gray-600">Count</th>
+								<th class="px-4 py-2 text-right font-medium text-gray-600">Count</th
+								>
 							</tr>
 						</thead>
 						<tbody class="divide-y divide-gray-100">
@@ -156,8 +160,12 @@
 									<td class="px-4 py-2 text-gray-900">
 										{#if row.evaultPageId}
 											<a
-												href="/evaults/{encodeURIComponent(row.evaultPageId)}"
-												class="font-medium text-blue-600 hover:underline">{row.displayName}</a>
+												href="/evaults/{encodeURIComponent(
+													row.evaultPageId
+												)}"
+												class="font-medium text-blue-600 hover:underline"
+												>{row.displayName}</a
+											>
 										{:else}
 											{row.displayName}
 										{/if}
@@ -165,10 +173,12 @@
 									<td class="px-4 py-2 font-mono text-gray-900">{row.ename}</td>
 									<td class="px-4 py-2 text-right font-medium">
 										<a
-											href="/groups/{encodeURIComponent(evaultId)}/messages?bucket={encodeURIComponent(
-												row.bucketKey
-											)}"
-											class="text-blue-600 hover:underline">{row.messageCount}</a>
+											href="/groups/{encodeURIComponent(
+												evaultId
+											)}/messages?bucket={encodeURIComponent(row.bucketKey)}"
+											class="text-blue-600 hover:underline"
+											>{row.messageCount}</a
+										>
 									</td>
 								</tr>
 							{/each}
diff --git a/platforms/pictique/client/src/routes/(protected)/messages/+page.svelte b/platforms/pictique/client/src/routes/(protected)/messages/+page.svelte
index 19c60bb19..dba9abb66 100644
--- a/platforms/pictique/client/src/routes/(protected)/messages/+page.svelte
+++ b/platforms/pictique/client/src/routes/(protected)/messages/+page.svelte
@@ -53,41 +53,44 @@
 			const newMessages = data.chats
 				.filter((c) => c.participants.length >= 2)
 				.map((c) => {
-				const members = c.participants.filter((u) => u.id !== userData.id);
-				const memberNames = members.map((m) => m.name ?? m.handle ?? m.ename);
-				const isGroup = members.length > 1;
-
-				// Use group avatar for groups, user avatar for direct messages
-				const avatar = isGroup
-					? '/images/group.png'
-					: members[0]?.avatarUrl ||
-						'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/people-fill.svg';
-
-				// For groups (3+ people), prioritize the group name, fallback to member names
-				// For direct messages (2 people), always use the other person's name, never the group name
-				const displayName = isGroup
-					? c.name || memberNames.join(', ') // Group name first, then member names
-					: members[0]?.name || members[0]?.handle || members[0]?.ename || 'Unknown User';
-
-				// Trim system message prefix from preview text
-				let previewText = c.latestMessage?.text ?? 'No message yet';
-				if (
-					typeof previewText === 'string' &&
-					previewText.startsWith('$$system-message$$')
-				) {
-					previewText = previewText.replace('$$system-message$$', '').trim();
-				}
-
-				return {
-					id: c.id,
-					avatar,
-					username: displayName,
-					unread: c.latestMessage ? !c.latestMessage.isRead : false,
-					text: previewText,
-					handle: displayName,
-					name: displayName
-				};
-			});
+					const members = c.participants.filter((u) => u.id !== userData.id);
+					const memberNames = members.map((m) => m.name ?? m.handle ?? m.ename);
+					const isGroup = members.length > 1;
+
+					// Use group avatar for groups, user avatar for direct messages
+					const avatar = isGroup
+						? '/images/group.png'
+						: members[0]?.avatarUrl ||
+							'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/people-fill.svg';
+
+					// For groups (3+ people), prioritize the group name, fallback to member names
+					// For direct messages (2 people), always use the other person's name, never the group name
+					const displayName = isGroup
+						? c.name || memberNames.join(', ') // Group name first, then member names
+						: members[0]?.name ||
+							members[0]?.handle ||
+							members[0]?.ename ||
+							'Unknown User';
+
+					// Trim system message prefix from preview text
+					let previewText = c.latestMessage?.text ?? 'No message yet';
+					if (
+						typeof previewText === 'string' &&
+						previewText.startsWith('$$system-message$$')
+					) {
+						previewText = previewText.replace('$$system-message$$', '').trim();
+					}
+
+					return {
+						id: c.id,
+						avatar,
+						username: displayName,
+						unread: c.latestMessage ? !c.latestMessage.isRead : false,
+						text: previewText,
+						handle: displayName,
+						name: displayName
+					};
+				});
 
 			// Append or replace messages based on pagination
 			if (append) {

From 8a91edbec312db92d9df9c39809833ff317aefb4 Mon Sep 17 00:00:00 2001
From: Sahil Garg <me.sahil.gg@gmail.com>
Date: Wed, 3 Jun 2026 21:00:02 +0530
Subject: [PATCH 4/4] chore: formatting.

---
 .../src/lib/services/evaultService.ts         |   4 +-
 .../src/routes/(auth)/login/+page.svelte      | 247 +++++++++---------
 2 files changed, 124 insertions(+), 127 deletions(-)

diff --git a/infrastructure/control-panel/src/lib/services/evaultService.ts b/infrastructure/control-panel/src/lib/services/evaultService.ts
index ff67c751a..c22580ba5 100644
--- a/infrastructure/control-panel/src/lib/services/evaultService.ts
+++ b/infrastructure/control-panel/src/lib/services/evaultService.ts
@@ -214,9 +214,7 @@ export class EVaultService {
 	/**
 	 * Get binding documents for a specific eVault by evaultId
 	 */
-	static async getBindingDocuments(
-		evaultId: string
-	): Promise<{
+	static async getBindingDocuments(evaultId: string): Promise<{
 		documents: BindingDocument[];
 		socialConnections: SocialConnection[];
 		eName: string;
diff --git a/infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte b/infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte
index ef2e3497d..724448e3b 100644
--- a/infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte
+++ b/infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte
@@ -1,137 +1,136 @@
 <script lang="ts">
-    import { goto } from "$app/navigation";
-    import { keyboardInset } from "$lib/actions/keyboardInset";
-    import type { GlobalState } from "$lib/global";
-    import { LoadingSheet, PinDots } from "$lib/ui";
-    import * as Button from "$lib/ui/Button";
-    import { continueAfterSuccessfulAuth } from "$lib/utils/postLogin";
-    import {
-        type AuthOptions,
-        authenticate,
-        checkStatus,
-    } from "@tauri-apps/plugin-biometric";
-    import { getContext, onMount } from "svelte";
-    import StepHeader from "../onboarding/steps/StepHeader.svelte";
-
-    // Splash sets this when it has already tried biometric over its own screen.
-    // /login then skips re-prompting and just shows the PIN UI.
-    const BIOMETRIC_ATTEMPTED_KEY = "biometricAttemptedOnSplash";
-
-    let pin = $state("");
-    let isError = $state(false);
-    let isPostAuthLoading = $state(false);
-    let hasPendingDeepLink = $state(false);
-    let pinInput = $state<HTMLInputElement | undefined>(undefined);
-
-    // Refocus the hidden PIN input on background taps so the user doesn't have
-    // to aim for the dots themselves to summon the keyboard. We skip taps that
-    // land on interactive elements so their own click handlers (Clear PIN, back
-    // chevron, etc.) still behave normally.
-    function handleBackgroundClick(e: MouseEvent) {
-        const target = e.target as HTMLElement | null;
-        if (target?.closest('button, a, [role="button"]')) return;
-        pinInput?.focus({ preventScroll: true });
-    }
+import { goto } from "$app/navigation";
+import { keyboardInset } from "$lib/actions/keyboardInset";
+import type { GlobalState } from "$lib/global";
+import { LoadingSheet, PinDots } from "$lib/ui";
+import * as Button from "$lib/ui/Button";
+import { continueAfterSuccessfulAuth } from "$lib/utils/postLogin";
+import {
+    type AuthOptions,
+    authenticate,
+    checkStatus,
+} from "@tauri-apps/plugin-biometric";
+import { getContext, onMount } from "svelte";
+import StepHeader from "../onboarding/steps/StepHeader.svelte";
+
+// Splash sets this when it has already tried biometric over its own screen.
+// /login then skips re-prompting and just shows the PIN UI.
+const BIOMETRIC_ATTEMPTED_KEY = "biometricAttemptedOnSplash";
+
+let pin = $state("");
+let isError = $state(false);
+let isPostAuthLoading = $state(false);
+let hasPendingDeepLink = $state(false);
+let pinInput = $state<HTMLInputElement | undefined>(undefined);
+
+// Refocus the hidden PIN input on background taps so the user doesn't have
+// to aim for the dots themselves to summon the keyboard. We skip taps that
+// land on interactive elements so their own click handlers (Clear PIN, back
+// chevron, etc.) still behave normally.
+function handleBackgroundClick(e: MouseEvent) {
+    const target = e.target as HTMLElement | null;
+    if (target?.closest('button, a, [role="button"]')) return;
+    pinInput?.focus({ preventScroll: true });
+}
+
+const getGlobalState = getContext<() => GlobalState | undefined>("globalState");
+let globalState: GlobalState | undefined = $state(undefined);
+
+const authOpts: AuthOptions = {
+    allowDeviceCredential: false,
+    cancelTitle: "Cancel",
+    // iOS
+    fallbackTitle: "Please enter your PIN",
+    // Android
+    title: "Login",
+    subtitle: "Please authenticate to continue",
+    confirmationRequired: true,
+};
+
+async function clearPin() {
+    if (isPostAuthLoading) return;
+    pin = "";
+    isError = false;
+}
+
+async function verifyAndAdvance(currentPin: string) {
+    if (isPostAuthLoading) return;
+    if (!globalState) return;
+    if (currentPin.length !== 4) return;
+
+    isError = false;
+    isPostAuthLoading = true;
+
+    try {
+        const ok = await globalState.securityController.verifyPin(currentPin);
+        if (!ok) {
+            isError = true;
+            pin = "";
+            return;
+        }
 
-    const getGlobalState =
-        getContext<() => GlobalState | undefined>("globalState");
-    let globalState: GlobalState | undefined = $state(undefined);
-
-    const authOpts: AuthOptions = {
-        allowDeviceCredential: false,
-        cancelTitle: "Cancel",
-        // iOS
-        fallbackTitle: "Please enter your PIN",
-        // Android
-        title: "Login",
-        subtitle: "Please authenticate to continue",
-        confirmationRequired: true,
-    };
-
-    async function clearPin() {
-        if (isPostAuthLoading) return;
+        await continueAfterSuccessfulAuth(globalState);
+    } catch (e) {
+        console.error("PIN verification failed", e);
+        isError = true;
         pin = "";
-        isError = false;
+    } finally {
+        isPostAuthLoading = false;
+    }
+}
+
+$effect(() => {
+    if (pin.length === 4) verifyAndAdvance(pin);
+});
+
+onMount(async () => {
+    // Root +layout creates globalState in its own onMount (which runs after
+    // children). Poll until it's available — same pattern as (app)/+layout.
+    let gs = getGlobalState();
+    let retries = 0;
+    while (!gs && retries < 50) {
+        await new Promise((r) => setTimeout(r, 100));
+        gs = getGlobalState();
+        retries++;
+    }
+    if (!gs) {
+        console.error("Global state never became available");
+        await goto("/");
+        return;
+    }
+    globalState = gs;
+
+    const pendingDeepLink = sessionStorage.getItem("pendingDeepLink");
+    hasPendingDeepLink = !!pendingDeepLink;
+
+    // If the splash already prompted biometric over its own screen, skip the
+    // retry here and let the user enter their PIN. The flag survives the
+    // route transition but is single-use.
+    const biometricHandledBySplash =
+        sessionStorage.getItem(BIOMETRIC_ATTEMPTED_KEY) === "true";
+    if (biometricHandledBySplash) {
+        sessionStorage.removeItem(BIOMETRIC_ATTEMPTED_KEY);
+        return;
     }
 
-    async function verifyAndAdvance(currentPin: string) {
-        if (isPostAuthLoading) return;
-        if (!globalState) return;
-        if (currentPin.length !== 4) return;
-
-        isError = false;
-        isPostAuthLoading = true;
-
+    // Try biometric first if available.
+    if (
+        (await gs.securityController.biometricSupport) &&
+        (await checkStatus()).isAvailable
+    ) {
         try {
-            const ok = await globalState.securityController.verifyPin(currentPin);
-            if (!ok) {
-                isError = true;
-                pin = "";
-                return;
-            }
-
-            await continueAfterSuccessfulAuth(globalState);
+            await authenticate(
+                "You must authenticate with PIN first",
+                authOpts,
+            );
+            isPostAuthLoading = true;
+            await continueAfterSuccessfulAuth(gs);
         } catch (e) {
-            console.error("PIN verification failed", e);
-            isError = true;
-            pin = "";
-        } finally {
+            console.error("Biometric authentication failed", e);
             isPostAuthLoading = false;
         }
     }
-
-    $effect(() => {
-        if (pin.length === 4) verifyAndAdvance(pin);
-    });
-
-    onMount(async () => {
-        // Root +layout creates globalState in its own onMount (which runs after
-        // children). Poll until it's available — same pattern as (app)/+layout.
-        let gs = getGlobalState();
-        let retries = 0;
-        while (!gs && retries < 50) {
-            await new Promise((r) => setTimeout(r, 100));
-            gs = getGlobalState();
-            retries++;
-        }
-        if (!gs) {
-            console.error("Global state never became available");
-            await goto("/");
-            return;
-        }
-        globalState = gs;
-
-        const pendingDeepLink = sessionStorage.getItem("pendingDeepLink");
-        hasPendingDeepLink = !!pendingDeepLink;
-
-        // If the splash already prompted biometric over its own screen, skip the
-        // retry here and let the user enter their PIN. The flag survives the
-        // route transition but is single-use.
-        const biometricHandledBySplash =
-            sessionStorage.getItem(BIOMETRIC_ATTEMPTED_KEY) === "true";
-        if (biometricHandledBySplash) {
-            sessionStorage.removeItem(BIOMETRIC_ATTEMPTED_KEY);
-            return;
-        }
-
-        // Try biometric first if available.
-        if (
-            (await gs.securityController.biometricSupport) &&
-            (await checkStatus()).isAvailable
-        ) {
-            try {
-                await authenticate(
-                    "You must authenticate with PIN first",
-                    authOpts,
-                );
-                isPostAuthLoading = true;
-                await continueAfterSuccessfulAuth(gs);
-            } catch (e) {
-                console.error("Biometric authentication failed", e);
-                isPostAuthLoading = false;
-            }
-        }
-    });
+});
 </script>
 
 <!-- The PIN input is the only meaningful interaction here; keyboard users