From 16011e73bf4260c8c94032c95423b5f57f30fb5c Mon Sep 17 00:00:00 2001
From: Ronald Roy <gsdwig@gmail.com>
Date: Sun, 18 Jan 2026 07:39:19 -0800
Subject: [PATCH] feat: use semantic article element for viewer content

Wrap the viewer content in <article> instead of <div> to help
Safari Reader Mode recognize the content as readable article text.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/components/BrowseMode.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/BrowseMode.tsx b/frontend/src/components/BrowseMode.tsx
index 8f4ab67a..96c1a684 100644
--- a/frontend/src/components/BrowseMode.tsx
+++ b/frontend/src/components/BrowseMode.tsx
@@ -803,7 +803,7 @@ export function BrowseMode(): React.ReactNode {
             {browser.currentPath || "No file selected"}
           </span>
         </div>
-        <div className="browse-mode__viewer-content">
+        <article className="browse-mode__viewer-content">
           {isImageFile(browser.currentPath) ? (
             <ImageViewer path={browser.currentPath} assetBaseUrl={assetBaseUrl} />
           ) : isVideoFile(browser.currentPath) ? (
@@ -821,7 +821,7 @@ export function BrowseMode(): React.ReactNode {
           ) : (
             <DownloadViewer path={browser.currentPath} assetBaseUrl={assetBaseUrl} />
           )}
-        </div>
+        </article>
         {/* Recall Widgets - collapsible panel shown when viewing files that match widget source patterns */}
         {browser.currentPath && (widgets.isRecallLoading || widgets.recallError || (widgets.recallWidgets.length > 0 && widgets.recallFilePath === browser.currentPath)) && (
           <div className={`browse-mode__recall-widgets ${isWidgetsPanelCollapsed ? "browse-mode__recall-widgets--collapsed" : ""}`}>