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, Schema Editor). 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 →