From 42143fabecafca080df608e820efad22b42a6405 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 3 May 2026 21:22:16 -0400
Subject: [PATCH] feat(ext/settings): import section (opens vault tab)

---
 extension/src/popup/components/settings.ts | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/extension/src/popup/components/settings.ts b/extension/src/popup/components/settings.ts
index 76e30c5..a4021ba 100644
--- a/extension/src/popup/components/settings.ts
+++ b/extension/src/popup/components/settings.ts
@@ -401,7 +401,19 @@ function renderBackupSection(content: HTMLElement): void {
 }
 
 function renderImportSection(content: HTMLElement): void {
-  content.innerHTML = '<p class="muted" style="padding:20px;font-size:12px;">Import — coming soon</p>';
+  content.innerHTML = `
+    <h3 class="settings-section-title">Import</h3>
+    <div class="setting-row">
+      <div class="setting-row__info">
+        <div class="setting-row__title">Import from LastPass</div>
+        <div class="setting-row__desc">Import a LastPass CSV export. Opens in the vault tab for review before committing.</div>
+      </div>
+      <div class="setting-row__control">
+        <button class="btn" id="open-import-tab" style="font-size:11px;">Open import ▸</button>
+      </div>
+    </div>
+  `;
+  document.getElementById('open-import-tab')?.addEventListener('click', () => openVaultTab('import'));
 }
 
 export { renderAutofillSection, renderDisplaySection, renderGeneratorSection,