diff --git a/frontend/js/config.js b/frontend/js/config.js
index b3dae0a..2efc1d8 100644
--- a/frontend/js/config.js
+++ b/frontend/js/config.js
@@ -1,6 +1,7 @@
 // config.js — extracted from app.js (3872-4865)
 import { api } from './auth.js';
 import { state } from './state.js';
+import { syncVaultSelectors, setSelectedVaultContext, refreshSidebarForContext, loadVaults, loadTags } from './sidebar.js';
 import {  escapeHtml, safeCreateIcons } from './utils.js';
 
 let _recentTimestampTimer = null;
diff --git a/frontend/js/sidebar.js b/frontend/js/sidebar.js
index 1b8871e..c4b00a7 100644
--- a/frontend/js/sidebar.js
+++ b/frontend/js/sidebar.js
@@ -3,7 +3,7 @@ import { safeCreateIcons, getFileIcon } from './utils.js';
 import { api } from './auth.js';
 import { populateCustomDropdown } from './ui.js';
 import { _populateRecentVaultFilter } from './config.js';
-import { el } from './viewer.js';
+import { el, icon } from './viewer.js';
 
 // ---------------------------------------------------------------------------
 // Vault context switching
diff --git a/frontend/js/viewer.js b/frontend/js/viewer.js
index 24b7d3c..58f6dd6 100644
--- a/frontend/js/viewer.js
+++ b/frontend/js/viewer.js
@@ -622,7 +622,7 @@ export function el(tag, attrs, children) {
   return e;
 }
 
-function icon(name, size) {
+export function icon(name, size) {
   const i = document.createElement("i");
   i.setAttribute("data-lucide", name);
   i.style.width = size + "px";