show label

app/page.tsx

@@ -97,6 +97,7 @@ const extractEventInfo = (event: Event) => {
     eventTime: event.created_at || event.event_time,
     linkName: event.link_label || linkAttrs?.name || eventAttrs?.link_name || event.link_slug || '-',
     originalUrl: event.link_original_url || eventAttrs?.origin_url || '-',
+    fullUrl: eventAttrs?.full_url || '-',
     eventType: event.event_type || '-',
     visitorId: event.visitor_id?.substring(0, 8) || '-',
     referrer: eventAttrs?.referrer || '-',
@@ -435,6 +436,9 @@ export default function HomePage() {
                 <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                   Original URL
                 </th>
+                <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Full URL
+                </th>
                 <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                   Event Type
                 </th>
@@ -474,6 +478,11 @@ export default function HomePage() {
                         {info.originalUrl}
                       </a>
                     </td>
+                    <td className="px-6 py-4 whitespace-nowrap text-sm text-blue-600">
+                      <a href={info.fullUrl} className="hover:underline truncate max-w-xs block" target="_blank" rel="noopener noreferrer">
+                        {info.fullUrl}
+                      </a>
+                    </td>
                     <td className="px-6 py-4 whitespace-nowrap text-sm">
                       <span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${
                         info.eventType === 'click'