fix(pagespeed): parse markdown links + handle more audit item fields

- AuditDescription: converts [text](url) to clickable links
- AuditItem: handles href, text/linkText, source.url from PSI API

app/sites/[id]/pagespeed/page.tsx

@@ -590,15 +590,65 @@ function AuditRow({ audit }: { audit: AuditSummary }) {
         </svg>
       </summary>
       <div className="pl-8 pr-2 pb-3 pt-1">
-        {/* Description */}
+        {/* Description with parsed markdown links */}
         {audit.description && (
-          <p className="text-xs text-neutral-500 dark:text-neutral-400 mb-3 leading-relaxed">{audit.description}</p>
+          <p className="text-xs text-neutral-500 dark:text-neutral-400 mb-3 leading-relaxed">
+            <AuditDescription text={audit.description} />
+          </p>
         )}
         {/* Items list */}
         {audit.details && Array.isArray(audit.details) && audit.details.length > 0 && (
           <div className="space-y-2">
             {audit.details.slice(0, 10).map((item: Record<string, any>, idx: number) => (
-              <div key={idx} className="flex items-start gap-3 py-2 border-b border-neutral-100 dark:border-neutral-800 last:border-0 text-xs text-neutral-600 dark:text-neutral-400">
+              <AuditItem key={idx} item={item} />
+            ))}
+            {audit.details.length > 10 && (
+              <p className="text-xs text-neutral-400 mt-1">+ {audit.details.length - 10} more items</p>
+            )}
+          </div>
+        )}
+      </div>
+    </details>
+  )
+}
+
+// * Parse markdown-style links [text](url) into clickable <a> tags
+function AuditDescription({ text }: { text: string }) {
+  const parts = text.split(/(\[[^\]]+\]\([^)]+\))/g)
+  return (
+    <>
+      {parts.map((part, i) => {
+        const match = part.match(/^\[([^\]]+)\]\(([^)]+)\)$/)
+        if (match) {
+          return (
+            <a
+              key={i}
+              href={match[2]}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-brand-orange hover:underline"
+            >
+              {match[1]}
+            </a>
+          )
+        }
+        return <span key={i}>{part}</span>
+      })}
+    </>
+  )
+}
+
+// * Render a single audit detail item — handles various field types from the PSI API
+function AuditItem({ item }: { item: Record<string, any> }) {
+  // * Determine the primary label
+  const label = item.node?.nodeLabel || item.label || item.groupLabel || item.source?.url || null
+  // * URL can be in item.url or item.href
+  const url = item.url || item.href || null
+  // * Text content (used by SEO audits like "link text")
+  const text = item.text || item.linkText || null
+
+  return (
+    <div className="flex items-start gap-3 py-2 border-b border-neutral-100 dark:border-neutral-800 last:border-0 text-xs text-neutral-600 dark:text-neutral-400">
       {/* Element screenshot */}
       {item.node?.screenshot?.data && (
         <img
@@ -609,22 +659,22 @@ function AuditRow({ audit }: { audit: AuditSummary }) {
       )}
       {/* Content */}
       <div className="flex-1 min-w-0">
-                  {/* Label / node explanation */}
-                  {(item.node?.nodeLabel || item.label || item.groupLabel) && (
+        {label && (
           <div className="font-medium text-neutral-900 dark:text-white text-xs mb-0.5">
-                      {item.node?.nodeLabel || item.label || item.groupLabel}
+            {label}
           </div>
         )}
-                  {/* URL */}
-                  {item.url && (
-                    <div className="font-mono text-xs text-neutral-500 dark:text-neutral-400 break-all">{item.url}</div>
+        {url && (
+          <div className="font-mono text-xs text-neutral-500 dark:text-neutral-400 break-all">{url}</div>
+        )}
+        {text && (
+          <div className="text-xs text-neutral-500 dark:text-neutral-400 mt-0.5">{text}</div>
         )}
-                  {/* HTML snippet */}
         {item.node?.snippet && (
           <code className="text-xs bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded break-all mt-1 inline-block">{item.node.snippet}</code>
         )}
-                  {/* Statistic-type items */}
-                  {!item.url && !item.node && item.statistic && (
+        {/* Fallback for items with only string values we haven't handled */}
+        {!label && !url && !text && !item.node && item.statistic && (
           <span>{item.statistic}</span>
         )}
       </div>
@@ -647,14 +697,6 @@ function AuditRow({ audit }: { audit: AuditSummary }) {
         )}
       </div>
     </div>
-            ))}
-            {audit.details.length > 10 && (
-              <p className="text-xs text-neutral-400 mt-1">+ {audit.details.length - 10} more items</p>
-            )}
-          </div>
-        )}
-      </div>
-    </details>
   )
 }