Fix link display, strip citation artifacts, improve prompt clarity

- Fix dark blue links: remove ChatMessage override that replaced custom
  renderLink with unstyled <a> tags — all links now consistently cyan #66d9ff
- Strip OpenAI Responses API citation artifacts (citeturn*, PUA-bracketed
  citations U+E200-E2FF, 【...】 brackets) in linkifyVfbTerms
- Auto-linkify FBrf IDs to FlyBase (alongside existing VFB_/FBbt_ linking)
- Simplify DISPLAYING RESULTS prompt to avoid LLM outputting literal template
  text like "Thumbnail:" or "link to VFB page"
- Update CITATIONS prompt: use author/year as link text for FBrf references,
  markdown links for DOI and PubMed — never show bare reference IDs
- Bump version to 3.0.4

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Robbie1977

app/api/chat/route.js

@@ -695,9 +695,10 @@ CITATIONS:
 - ONLY cite publications that are explicitly returned in VFB data Publications field or from PubMed/bioRxiv tool results
 - Do NOT generate citations from general knowledge or invent DOIs
 - If no publications are available in VFB data, do not include any citations
-- For publications from VFB data, convert DOI or FBrf IDs to proper links:
-  - DOI format: https://doi.org/XXXXXXX
-  - FBrf format: https://flybase.org/reports/FBrfXXXXXXX
+- For FlyBase references (FBrf IDs), use markdown link format with the citation as link text: [Nern et al., 2025](https://flybase.org/reports/FBrf0262545). Do NOT show the bare FBrf ID — use the author/year as the clickable link text.
+- For DOIs, use markdown link format: [Paper Title](https://doi.org/XXXXXXX)
+- For PubMed results, use markdown link format: [Paper Title](https://pubmed.ncbi.nlm.nih.gov/PMID/)
+- Never show bare reference IDs (FBrf, PMID, DOI) when you have the author names and year — always make the human-readable citation the clickable link.
 - Do not reference "common Drosophila neuroscience papers" unless they appear in the actual VFB data for the specific entity being discussed
 
 VFB TOOLS:
@@ -737,11 +738,11 @@ STRATEGY:
 6. For connectivity queries: If a neuron class (IsClass: true) doesn't have connectivity data, look at individual neuron instances from connectomes.
 7. Construct VFB URLs: https://v2.virtualflybrain.org/org.geppetto.frontend/geppetto?id=<id>&i=<template_id>,<image_ids>
 
-DISPLAYING IMAGES:
-ONLY show thumbnail images when they are actually available AND validated to exist in the VFB data. NEVER make up or invent thumbnail URLs.
-When vfb_get_term_info returns visual data, include thumbnail URLs in your response using markdown image syntax:
-![label](thumbnail_url)
-Do NOT show any images if no validated thumbnail URLs are available in the data. The user's chat interface renders these as compact thumbnails that expand on hover.
+DISPLAYING RESULTS:
+- Use the human-readable name as markdown link text, not bare IDs. Example: [medulla](https://virtualflybrain.org/reports/FBbt_00003748) not FBbt_00003748.
+- When vfb_get_term_info returns thumbnail URLs, include them using markdown image syntax: ![label](thumbnail_url)
+- Only use thumbnail URLs actually present in the tool response data. Never invent URLs.
+- The chat UI renders thumbnails as compact images that expand on hover.
 
 SUGGESTED FOLLOW-UP QUESTIONS:
 At the end of your responses, when appropriate (not always necessary), suggest 2-4 follow-up questions the user might want to ask next. Include these as plain-text URLs in one of these formats:

app/page.js

@@ -38,10 +38,7 @@ const ChatMessage = memo(function ChatMessage({ msg, markdownComponents }) {
         style={msg.role === 'reasoning' ? { fontSize: '0.85em', fontStyle: 'italic', color: '#999' } : {}}
       >
         <ReactMarkdown
-          components={{
-            ...markdownComponents,
-            a: ({ node, ...props }) => <a {...props} target="_blank" rel="noreferrer" />
-          }}
+          components={markdownComponents}
         >
           {msg.content}
         </ReactMarkdown>
@@ -95,15 +92,27 @@ export default function Home() {
   const linkifyVfbTerms = (text) => {
     if (!text) return text
 
+    // Strip OpenAI Responses API citation artifacts in all known formats
+    // Private Use Area chars (U+E200-E2FF) used as citation delimiters by OpenAI
+    let cleaned = text.replace(/[\uE200-\uE2FF]cite[\uE200-\uE2FF]\w*[\uE200-\uE2FF]/g, '') // PUA-bracketed citations e.g. \uE200cite\uE202turn1data\uE201
+    cleaned = cleaned.replace(/\u3010[^\u3011]*\u3011/g, '')    // 【...】 bracketed citations
+    cleaned = cleaned.replace(/[\uE200-\uE2FF]/g, '')           // any remaining PUA chars
+    cleaned = cleaned.replace(/citeturn[\w?]*/g, '')             // bare citeturn artifacts
+    cleaned = cleaned.replace(/\bcite(?=\[|https?:\/\/)/g, '')   // orphaned "cite" before links
+    // Clean up leftover whitespace from stripped artifacts
+    cleaned = cleaned.replace(/ {2,}/g, ' ')
+
     const urlPlaceholders = []
     const URL_PLACEHOLDER = '\x00URL'
-    let result = text.replace(/https?:\/\/[^\s)]+/g, (url) => {
+    let result = cleaned.replace(/https?:\/\/[^\s)]+/g, (url) => {
       urlPlaceholders.push(url)
       return `${URL_PLACEHOLDER}${urlPlaceholders.length - 1}\x00`
     })
 
     // Avoid double-linking IDs that are already inside markdown links.
+    // Link VFB and FBbt IDs to VFB, FBrf IDs to FlyBase
     result = result.replace(/(?<!\[)(?<!\]\()(\b(FBbt_\d{8}|VFB_\d{8})\b)/g, '[$1](https://virtualflybrain.org/reports/$1)')
+    result = result.replace(/(?<!\[)(?<!\]\()(\b(FBrf\d{7})\b)/g, '[$1](https://flybase.org/reports/$1)')
 
     // Restore protected URLs
     result = result.replace(new RegExp(`${URL_PLACEHOLDER}(\\d+)\\x00`, 'g'), (_, idx) => urlPlaceholders[Number(idx)])

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vfb-chat-client",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "private": true,
   "scripts": {
     "dev": "next dev",