From 9124348e1ca5b81267bc43617d33841db97ac590 Mon Sep 17 00:00:00 2001
From: Alex-Gilbert <alexp.gilbert@pm.me>
Date: Sat, 21 Feb 2026 13:23:40 -0600
Subject: [PATCH] feat: add mobile tab bar markup and DOM refs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 unredact/static/dom.js     | 2 ++
 unredact/static/index.html | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/unredact/static/dom.js b/unredact/static/dom.js
index 69680ce..2012956 100644
--- a/unredact/static/dom.js
+++ b/unredact/static/dom.js
@@ -54,6 +54,8 @@ export const leftTextInput = /** @type {HTMLInputElement} */ (document.getElemen
 export const rightTextInput = /** @type {HTMLInputElement} */ (document.getElementById("right-text-input"));
 export const redactionMarker = /** @type {HTMLInputElement} */ (document.getElementById("redaction-marker"));
 export const textReset = document.getElementById("text-reset");
+export const mobileTabs = document.getElementById("mobile-tabs");
+export const leftPanel = document.getElementById("left-panel");
 export const toastContainer = document.getElementById("toast-container");
 
 /**
diff --git a/unredact/static/index.html b/unredact/static/index.html
index b09bbc6..34b9e51 100644
--- a/unredact/static/index.html
+++ b/unredact/static/index.html
@@ -33,6 +33,10 @@
       </div>
 
       <div id="workspace">
+        <div id="mobile-tabs" class="mobile-tabs">
+          <button class="mobile-tab active" data-tab="document">Document</button>
+          <button class="mobile-tab" data-tab="redactions">Redactions</button>
+        </div>
         <div id="left-panel">
           <button id="detect-btn" disabled>Detect Redactions</button>
           <div id="ocr-status"></div>