ZumiFiles Documentation • Catalog Inventory

📋 Complete Feature & Functionality Inventory

Exhaustive catalog of every single view, button, file previewer, sidecar system, OS integration, and configuration capability.

📊 Feature Comparison 📋 Feature Inventory 📁 File Formats (1,121+)
Showing all sections

01. Core Architecture & Local-First Storage

  • 100% Client-Side Local Processing: Uses the native browser File System Access API (FSA API) to read and manage directories directly on your local storage device. No files or metadata are ever uploaded to an external server or cloud.
  • Zero-Server Standalone Web App: Operates completely inside the browser as a Progressive Web App (PWA) with offline support via service workers (workbox).
  • Dual-Pane Split Screen (paneA & paneB): Independent dual-pane layout allowing simultaneous navigation of two distinct directories, real-time draggable splitter bar (20% to 80% width), cross-pane drag-and-drop file transfers, and independent selection/sorting per pane.
  • Multi-Tab Workspace Navigation: Per-pane tab bar supporting multiple open tabs with full directory path stack history preserved per tab.
  • Workspace & Bookmarks System: Remembers recently opened directory handles with one-click resume shortcuts and a quick access favorites dropdown.

02. Navigation & Path Controls

  • Interactive Breadcrumb Bar: Full hierarchical directory path pills with instant parent folder jumping, root dropdown switcher, and direct text path address editing.
  • Directory Path Stack History: Dedicated Back/Forward history buttons per pane to navigate visited subfolders smoothly.

03. View Modes & Layout Displays

  • Grid View (FileGrid): Responsive auto-filling grid layout with Live Thumbnail Zoom Slider (64px to 320px), lazy image/video frame rendering, file type badges, and item background color tinting.
  • List View: High-density tabular layout displaying Name, Type, Date Modified, Size, and Attributes with multi-column sorting.
  • Filmstrip View: Media curation layout featuring a large central preview pane and a horizontal thumbnail carousel along the bottom edge.
  • Tree View (TreeView): Multi-level collapsible directory tree displaying complete project hierarchies, right-side resizable preview pane, unified keyboard navigation (ArrowUp/ArrowDown/Enter), and "+1 Level" expansion.
  • Data Sheet View: Spreadsheet-style table view for metadata inspection, inline sidecar editing, row filtering, and CSV import/export.
  • Transform Compare View: Side-by-side or stacked visual/text diff view with real-time scroll synchronization.

04. Searching, Filtering & Grouping

  • Per-Pane Search Box: Real-time text filter search box operating on file names and sidecar metadata. Features visual red tint warning feedback when filters yield zero matching files.
  • Smart Filter Empty State Messaging: Dynamic empty state descriptions detailing exact filter parameters when no files match.
  • Quick Type Filter Chips: One-click filter chips for All, Images, Video, Audio, Docs, and Other with live count badges.
  • Grouping Modes: Collapsible grouping by Type or flat folder listing.

05. File Format Matrix & Specialty Viewers (1,121+ Formats)

Images, Professional Graphics & Vector Engines

Standard Web Images (.png, .jpg, .gif, .webp, .svg, .bmp, .ico, .tiff), PostScript Vector Engine (.eps, .ps with stack interpreter & Y-flip SVG transform), HEIC/HEIF (.heic, .heif), Camera RAWs (.cr2, .nef, .arw, .dng, .rw2, .raf), Photoshop PSD/PSB, Affinity Suite (.afphoto, .afdesign, .afpub), Radiance HDR, OpenEXR, JPEG XL (.jxl), and compressed SVGZ/SVGA.

Adobe Creative Suite & Video Production Inspectors

Premiere Pro Projects (.prproj timeline inspector with Web Audio tone synth & video canvas preview), InDesign Layouts (.indd, .idml, .indt), After Effects (.aep, .aepx), Animate / Flash (.fla, .xfl), Motion Templates (.mogrt), Substance 3D (.sbsar), Swatches (.aco, .ase), Photoshop Brushes (.abr), HTML5 Widgets (.oam), and ExtendScript (.jsxbin).

3D Models, CAD & Augmented Reality (AR)

Universal Scene Description AR (.usdz), Apple RealityKit (.reality), AC3D 3D Models (.ac, .aco), glTF/GLB (.glb, .gltf), Wavefront OBJ, STL, FBX, DXF 2D/3D CAD (.dxf), LightWave (.lwo), and Biovision Hierarchy Motion Capture (.bvh).

Documents, eBooks & Navigation Maps

PDF Reader (pdf.js with thumbnails & search), Ebook Reader (.epub), EPUB Navigation Maps (.ncx dual-mode XML & tabular JSON parser with search & collapsible tree), OpenDocument (.odt, .ods, .odp), Apple iWork (.pages, .key, .numbers), Microsoft Office (.docx, .pptx, .xlsx, .docm, .rtf via officeparser & DocMentis WASM) with Markdown/HTML toggles.

Code Mirror 6 Engine (99 Languages / 236 Exts)

CodeMirror 6 Engine — 99 Languages across 236 File Extensions & Editing, lazy code-split grammar loading, line numbers, fold gutters, active line highlighting, and in-browser code editing.

06. Thumbnail Management & Portable Sidecars

  • Automatic Thumbnail Generation: Background worker generates thumbnails for images, video frames, PDFs, Office files, and 3D models.
  • Interactive 4-Corner Focus Crop Modal: Visual crop window with 1:1 aspect mask and draggable handles to save focal thumbnails (.thumbnail.jpg).
  • Portable Sidecars (.{filename}.json & .{foldername}.json): Portable JSON metadata sidecars containing EXIF tags, star ratings (1-5), custom labels, user notes, dimensions, and background color choices that travel across any operating system or cloud drive.

07. In-Panel Inspector & Sidecar Editor

  • Resizable Inspector Panel: Horizontally draggable panel boundary (260px to 800px width).
  • In-Panel Sidecar Editor: Switch between [ View ] and [ Edit Sidecar ] directly inside the right Inspector drawer.
  • Interactive Chip Tag Input: Add and remove tag pills (+ / ×) with zero JSON array syntax required.
  • 10 Preset Default Colors + Custom Color Picker: Curated swatches (Ruby Red, Sunset Orange, Amber Gold, Emerald Green, Teal Cyan, Ocean Blue, Indigo Purple, Deep Violet, Magenta Pink, Cool Slate) + custom color picker + Clear Color button.
  • JSON Schema Key Autocomplete: Key suggestions powered by sidecar.schema.json for standard fields.

08. Bulk Operations & Management Workbenches

  • Advanced Bulk Rename Modal: Regex replacement, prefix/suffix insertion, sequence numbering, case transforms, and live diff table.
  • CSV & JSON Sidecar Bulk Import/Export: Batch import sidecar JSON metadata from CSV spreadsheets across entire directories, and batch export folder metadata.
  • Visual File & Folder Tree Diffing: Native side-by-side text/image file comparison and multi-level folder tree diffing.