fix: format ISO datetimes with Z or offset suffix in roxy-data

Author: ph33nx

packages/ui/src/components/data.ts

@@ -34,7 +34,8 @@ const TITLE_KEYS = ['title', 'name', 'label', 'heading', 'overview', 'summary'];
 const IMAGE_KEYS = ['imageUrl', 'image', 'icon', 'symbol'];
 const SKIP_KEYS = ['imageUrl', 'image']; // rendered separately, not in body rows
 
-const ISO_DATE = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2})?)?$/;
+const ISO_DATE =
+	/^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2}(\.\d+)?)?(Z|[+-]\d{2}:\d{2})?)?$/;
 const ENUM_STRING = /^[A-Z0-9]+(_[A-Z0-9]+)+$/;
 const LINK_STRING = /^https?:\/\//;
 

packages/ui/tests/components.test.ts

@@ -1017,6 +1017,14 @@ describe('roxy-data scalar formatting and structure', () => {
 		el.remove();
 	});
 
+	test('formats UTC-suffixed ISO datetimes', async () => {
+		const el = await mount({ datetime: '2026-07-10T01:09:25Z' });
+		const text = el.shadowRoot?.textContent ?? '';
+		expect(text).toContain('Jul');
+		expect(text).not.toContain('2026-07-10T01:09:25Z');
+		el.remove();
+	});
+
 	test('promotes object values to full-width sections, not dl cells', async () => {
 		const el = await mount({
 			score: 87,