From 922a33354f447ef006357c5d84c5f1f625655d91 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 19 Feb 2026 17:24:42 -0600
Subject: [PATCH] Make commit age text responsive

---
 src/admin/insights/AdminAppInsightsClient.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/admin/insights/AdminAppInsightsClient.tsx b/src/admin/insights/AdminAppInsightsClient.tsx
index c0415fe2..8c8d99ff 100644
--- a/src/admin/insights/AdminAppInsightsClient.tsx
+++ b/src/admin/insights/AdminAppInsightsClient.tsx
@@ -52,6 +52,7 @@ import IconNext from '@/components/icons/IconNext';
 import Link from 'next/link';
 import IconNode from '@/components/icons/IconNode';
 import { formatDistanceToNow } from 'date-fns';
+import ResponsiveText from '@/components/primitives/ResponsiveText';
 
 const DEBUG_COMMIT_SHA = '4cd29ed';
 const DEBUG_COMMIT_MESSAGE = 'Long commit message for debugging purposes';
@@ -286,12 +287,17 @@ export default function AdminAppInsightsClient({
                 {VERCEL_GIT_COMMIT_MESSAGE ?? DEBUG_COMMIT_MESSAGE}
               </span>
               <span className="text-dim">
-                (<span className="truncate">
+                (<ResponsiveText
+                  shortText={formatDistanceToNow(
+                    codeMeta?.commitDate ?? DEBUG_COMMIT_DATE,
+                  )}
+                  className="truncate"
+                >
                   {formatDistanceToNow(
                     codeMeta?.commitDate ?? DEBUG_COMMIT_DATE,
                     { addSuffix: true },
                   )}
-                </span>)
+                </ResponsiveText>)
               </span>
             </a>}
           />