From a629d37c70ba70c2577ff0eeec288e608c22c761 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 24 Jan 2026 09:13:45 +0000
Subject: [PATCH] refactor: use CSS truncation for highlight source preview

- Pass sourceEvent directly for notes instead of extracting content
- Only create synthetic event with title for articles
- CSS line-clamp-1 and overflow-hidden handle truncation
- Media and event embeds remain disabled
---
 .../nostr/kinds/HighlightRenderer.tsx         | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/components/nostr/kinds/HighlightRenderer.tsx b/src/components/nostr/kinds/HighlightRenderer.tsx
index ea22f87..8f143fe 100644
--- a/src/components/nostr/kinds/HighlightRenderer.tsx
+++ b/src/components/nostr/kinds/HighlightRenderer.tsx
@@ -32,13 +32,8 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
   // Load the source event for preview
   const sourceEvent = useNostrEvent(eventPointer || addressPointer);
 
-  // Extract title or content preview from source event (getArticleTitle caches internally)
-  const sourcePreview = (() => {
-    if (!sourceEvent) return null;
-    const title = getArticleTitle(sourceEvent);
-    if (title) return title;
-    return sourceEvent.content || null;
-  })();
+  // Get article title if this is an article (caches internally)
+  const sourceTitle = sourceEvent ? getArticleTitle(sourceEvent) : null;
 
   // Handle click to open source event
   const handleOpenEvent = () => {
@@ -93,18 +88,20 @@ export function Kind9802Renderer({ event }: BaseEventProps) {
               className="text-xs flex-shrink-0 line-clamp-1"
             />
 
-            {/* Title or Content Preview */}
-            {sourcePreview && (
-              <div
-                className="hover:underline hover:decoration-dotted cursor-crosshair text-xs line-clamp-1 break-words"
-                onClick={handleOpenEvent}
-              >
-                <RichText
-                  event={{ ...sourceEvent, content: sourcePreview }}
-                  options={{ showMedia: false, showEventEmbeds: false }}
-                />
-              </div>
-            )}
+            {/* Title or Content Preview - CSS handles truncation */}
+            <div
+              className="hover:underline hover:decoration-dotted cursor-crosshair text-xs line-clamp-1 overflow-hidden min-w-0"
+              onClick={handleOpenEvent}
+            >
+              <RichText
+                event={
+                  sourceTitle
+                    ? { ...sourceEvent, content: sourceTitle }
+                    : sourceEvent
+                }
+                options={{ showMedia: false, showEventEmbeds: false }}
+              />
+            </div>
           </div>
         )}