From 09c74aa3e8cee3d6923deda8889a29ae6f0f3955 Mon Sep 17 00:00:00 2001
From: Oliver Kieselbach <oliver.kieselbach@outlook.com>
Date: Tue, 17 Feb 2026 15:36:53 +0100
Subject: [PATCH] truncated session id

---
 .../app/sessions/[sessionId]/page.tsx                  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Web/autopilot-monitor-web/app/sessions/[sessionId]/page.tsx b/src/Web/autopilot-monitor-web/app/sessions/[sessionId]/page.tsx
index 07cfb391..4e982d79 100644
--- a/src/Web/autopilot-monitor-web/app/sessions/[sessionId]/page.tsx
+++ b/src/Web/autopilot-monitor-web/app/sessions/[sessionId]/page.tsx
@@ -575,7 +575,15 @@ export default function SessionDetailPage() {
                   copyText={`${session.manufacturer} ${session.model}`}
                 />
                 <InfoItem label="Serial Number" value={session.serialNumber} copyText={session.serialNumber} />
-                <InfoItem label="Session ID" value={session.sessionId} copyText={session.sessionId} />
+                <InfoItem
+                  label="Session ID"
+                  value={
+                    <span title={session.sessionId} className="cursor-default">
+                      {session.sessionId.split("-").slice(0, 3).join("-")}…
+                    </span>
+                  }
+                  copyText={session.sessionId}
+                />
                 <InfoItem label="Status" value={<StatusBadge status={session.status} failureReason={session.failureReason} />} />
                 <InfoItem label="Events" value={session.eventCount.toString()} />
                 <InfoItem label="Duration" value={enrollmentDurationFromEvents ?? `${Math.round(session.durationSeconds / 60)} min`} />