From 5cf8275540d7162cd4936a7c0e76dbfe7f66b62c Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Mon, 16 Feb 2026 10:53:59 -0800
Subject: V3 UI Polish: Improved keyboard navigation, fixed logo position, and
 updated branding

- Fix V3 keyboard navigation delay (resolved NK-wjats7)
- Update V3 document title to 'neko' (resolved NK-4p3s91)
- Fix V3 neko logo/button position to be top-left fixed (resolved NK-89za3s)
- Improve FeedItems (React) stability with ref-based index tracking and robust tests
- Sync V3 styling and selection feedback with V2 patterns
- Rebuild production assets
---
 frontend-vanilla/src/components/FeedItem.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'frontend-vanilla/src/components/FeedItem.ts')

diff --git a/frontend-vanilla/src/components/FeedItem.ts b/frontend-vanilla/src/components/FeedItem.ts
index e58aac8..212e9dd 100644
--- a/frontend-vanilla/src/components/FeedItem.ts
+++ b/frontend-vanilla/src/components/FeedItem.ts
@@ -1,9 +1,9 @@
 import type { Item } from '../types';
 
-export function createFeedItem(item: Item): string {
+export function createFeedItem(item: Item, isSelected: boolean = false): string {
   const date = new Date(item.publish_date).toLocaleDateString();
   return `
-    <li class="feed-item ${item.read ? 'read' : 'unread'}" data-id="${item._id}">
+    <li class="feed-item ${item.read ? 'read' : 'unread'} ${isSelected ? 'selected' : ''}" data-id="${item._id}">
       <div class="item-header">
         <a href="${item.url}" target="_blank" rel="noopener noreferrer" class="item-title" data-action="open">
           ${item.title || '(No Title)'}
-- 
cgit v1.2.3