Engineering Journal
Pdf Processor
Pdf Processor

Hot Take: Your Batch UI Doesn't Need a Dedicated View Tab

2026-08-06

TLDR

Dedicated top-level tabs for batch operations fragment user workflows. When batch processing sits in a separate primary tab, users are forced to constantly tab-switch between managing files and inspecting results. Moving the batch engine into an embedded navigation panel view (nav-view-batch) keeps file queuing contextual, allows background extraction off-thread, and turns multi-document processing into a focused navigation drawer.
Design ApproachUI Layout LocationContext Switching CostWorkflow Impact
Legacy Batch TabMain view tab bar (#view-batch)High — obscures active editor/PDF viewFragmented workspace
Embedded Nav DrawerNavigation panel (#nav-view-batch)Zero — stays visible alongside active viewFluid context switching

Problem statement: the top-level tab anti-pattern

Top-level tabs should represent primary workspace view modes (PDF Viewer, Doc Editor, Visual Diff, Construct). Putting secondary utility tools—like batch file dropzones—into the top tab strip introduces three architectural defects:

  1. Workspace Displacement: Opening the batch manager hides the document currently being inspected or edited.
  2. Context Loss: Users cannot monitor queue progress while reading or diffing extracted documents.
  3. Redundant Top Navigation: The header tab bar becomes cluttered with utility tools rather than active document views.

Technical architecture: navigation panel queue integration

Shift the batch queue into the left navigation panel as a dedicated navigation tab (data-tab="batch"):

<!-- Nav Panel Tab Button -->
<button class="nav-tab-btn" data-tab="batch" title="Batch Documents & Queue">
  <span class="iconify" data-icon="material-symbols:folder-zip-outline"></span>
</button>
// navPanel.js — Lazy UI rendering on navigation tab activation
export function renderNavPanel() {
    const activeTab = getActiveNavTab();
    
    if (activeTab === 'batch') {
        // Hydrate compact batch UI only when panel drawer is open
        updateBatchUI();
    }
}

Why embedded navigation drawers win

Rule of thumb: Reserve top-level header tabs for document view surfaces. Place document management, queues, and metadata drawers inside navigation panels.
Read this post in the full Engineering Journal →