Function AuditLogViewCell

frontend/src/react/components/AuditLogTable.tsx:133–170

({ log }: { log: AuditLog })

// response was authorized by an access grant — gives users a trail to the
// grant's approval issue.
function AuditLogViewCell({ log }: { log: AuditLog }) {
  const staticLink = getViewLink(log);

  // Only attempt the grant fallback when no static link is available.
  const grantName = useMemo(() => {
    if (staticLink) return null;
    try {
      const response = JSON.parse(log.response || "{}") as Record<
        string,
        unknown
      >;
      const value = response["appliedAccessGrant"];
      return typeof value === "string" && value ? value : null;
    } catch {
      return null;
    }
  }, [staticLink, log.response]);

  const fetchAccessGrant = useAppStore((s) => s.fetchAccessGrant);
  const grantIssue = useAppStore((s) =>
    grantName ? (s.accessGrantsByName[grantName]?.issue ?? "") : ""
  );

  useEffect(() => {
    if (grantName && !grantIssue) {
      void fetchAccessGrant(grantName);
    }
  }, [grantName, grantIssue, fetchAccessGrant]);

  const target = staticLink || grantIssue || null;
  if (!target) return null;
  const href = target.startsWith("/") ? target : `/${target}`;
  return (
    <RouterLink to={href} target="_blank" rel="noreferrer">
      <ExternalLink className="size-4 text-accent" />
    </RouterLink>
  );
}

function getViewLink(auditLog: AuditLog): string | null {
  let parsedRequest: Record<string, unknown>;