diff --git a/web/src/pages/AuditLog.tsx b/web/src/pages/AuditLog.tsx
index e51f379..9176350 100644
--- a/web/src/pages/AuditLog.tsx
+++ b/web/src/pages/AuditLog.tsx
@@ -1,6 +1,22 @@
 import { useEffect, useState } from "react";
 import { api, type AuditLogEntry } from "../api/client";
 
+function targetLabel(e: AuditLogEntry): string {
+  if (!e.targetType) return "—";
+  let detail: Record<string, unknown> | null = null;
+  if (e.detail) {
+    try {
+      detail = JSON.parse(e.detail);
+    } catch {
+      detail = null;
+    }
+  }
+  const name = detail?.name ?? detail?.targetLabel ?? detail?.ipAddress;
+  const typeLabel = e.targetType.replace(/_/g, " ");
+  if (typeof name === "string" && name) return `${typeLabel} "${name}"`;
+  return `${typeLabel}${e.targetId ? ` #${e.targetId}` : ""}`;
+}
+
 export default function AuditLog() {
   const [entries, setEntries] = useState<AuditLogEntry[] | null>(null);
   const [error, setError] = useState<string | null>(null);
@@ -37,9 +53,7 @@ export default function AuditLog() {
                     <span className="badge bg-blue-lt">{e.category}</span>
                   </td>
                   <td>{e.action}</td>
-                  <td>
-                    {e.targetType ? `${e.targetType}${e.targetId ? ` #${e.targetId}` : ""}` : "—"}
-                  </td>
+                  <td>{targetLabel(e)}</td>
                 </tr>
               ))}
               {entries?.length === 0 && (