diff --git a/frontend/js/ui.js b/frontend/js/ui.js
index 2db84f4..0691e12 100644
--- a/frontend/js/ui.js
+++ b/frontend/js/ui.js
@@ -512,7 +512,7 @@ export function initTagResize() {
 // Frontmatter Accent Card Builder
 // ---------------------------------------------------------------------------
 
-function buildFrontmatterCard(frontmatter) {
+export function buildFrontmatterCard(frontmatter) {
   // Helper: format date
   function formatDate(iso) {
     if (!iso) return "—";
diff --git a/frontend/js/viewer.js b/frontend/js/viewer.js
index 8c7c613..0c37405 100644
--- a/frontend/js/viewer.js
+++ b/frontend/js/viewer.js
@@ -2,7 +2,7 @@
 import { api } from './auth.js';
 import { state } from './state.js';
 import { escapeHtml, safeCreateIcons, safeHighlight, getFileIcon } from './utils.js';
-import { TabManager, closeMobileSidebar, ContextMenuManager, RightSidebarManager, showToast } from './ui.js';
+import { TabManager, closeMobileSidebar, ContextMenuManager, RightSidebarManager, showToast, buildFrontmatterCard } from './ui.js';
 import { syncActiveFileTreeItem, searchByTag, TagFilterService } from './sidebar.js';
 import { AutocompleteDropdown } from './search.js';
 import { initDashboardTabs } from './sync.js';