From 56d49f8fe27d5c9a8164eb4354ca7a4be12b8df6 Mon Sep 17 00:00:00 2001
From: Till-JS <101404291+Till-JS@users.noreply.github.com>
Date: Thu, 29 Jan 2026 16:04:50 +0100
Subject: [PATCH] fix(matrix): handle invalid timestamps gracefully

Add validation before formatting dates to prevent "Invalid time value" errors
when messages have undefined or invalid timestamps.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../apps/web/src/lib/components/chat/Message.svelte   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/matrix/apps/web/src/lib/components/chat/Message.svelte b/apps/matrix/apps/web/src/lib/components/chat/Message.svelte
index db4261412..bc78bb1a2 100644
--- a/apps/matrix/apps/web/src/lib/components/chat/Message.svelte
+++ b/apps/matrix/apps/web/src/lib/components/chat/Message.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import type { SimpleMessage } from '$lib/matrix';
 	import { matrixStore } from '$lib/matrix';
-	import { format, isToday, isYesterday } from 'date-fns';
+	import { format, isToday, isYesterday, isValid } from 'date-fns';
 	import { de } from 'date-fns/locale';
 	import {
 		ArrowBendUpLeft,
@@ -88,10 +88,15 @@
 		return `${mins}:${secs.toString().padStart(2, '0')}`;
 	}
 
-	let formattedTime = $derived(format(message.timestamp, 'HH:mm'));
+	let formattedTime = $derived(() => {
+		const date = new Date(message.timestamp);
+		if (!isValid(date)) return '--:--';
+		return format(date, 'HH:mm');
+	});
 
 	let formattedDate = $derived(() => {
 		const date = new Date(message.timestamp);
+		if (!isValid(date)) return '';
 		if (isToday(date)) return 'Heute';
 		if (isYesterday(date)) return 'Gestern';
 		return format(date, 'EEEE, d. MMMM', { locale: de });
@@ -366,7 +371,7 @@
 		<div
 			class="flex items-center gap-2 mt-1.5 px-1 opacity-0 group-hover:opacity-100 transition-opacity"
 		>
-			<span class="text-xs text-muted-foreground">{formattedTime}</span>
+			<span class="text-xs text-muted-foreground">{formattedTime()}</span>
 		</div>
 
 		<!-- Message actions (hover) -->