From 2fa54e21441e5191a439df06d12ededc6c25e715 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Mon, 27 Apr 2026 00:32:16 -0400
Subject: [PATCH] feat(ext/popup): add "View history" link to login detail view

Shows button when item.field_history is non-empty. Navigates to
field-history screen with historyItemId set.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 extension/src/popup/components/types/login.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/extension/src/popup/components/types/login.ts b/extension/src/popup/components/types/login.ts
index 5193fa0..b7de3eb 100644
--- a/extension/src/popup/components/types/login.ts
+++ b/extension/src/popup/components/types/login.ts
@@ -77,6 +77,7 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
       ${renderAttachmentsDisclosure({ itemId: item.id, attachments: item.attachments, mode: 'view' })}
       <div class="form-actions" style="margin-top:14px;">
         <button class="btn" id="back-btn">back</button>
+        ${Object.keys(item.field_history).length > 0 ? '<button class="btn" id="history-btn">view history</button>' : ''}
         <button class="btn" id="edit-btn">edit</button>
         <button class="btn" id="fill-btn">autofill</button>
         <button class="btn danger" id="trash-btn">trash</button>
@@ -91,6 +92,10 @@ export async function renderDetail(app: HTMLElement, item: Item): Promise<void>
     teardown();
     navigate('list');
   });
+  document.getElementById('history-btn')?.addEventListener('click', () => {
+    setState({ historyItemId: item.id });
+    navigate('field-history');
+  });
   document.getElementById('edit-btn')?.addEventListener('click', () => {
     teardown();
     navigate('edit');