feat: add mobile tab bar markup and DOM refs

Co-Authored-By: Claude Opus 4.6 <[email protected]>

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");
 
 /**

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>