Inside the Labs

Engineering & Insights

Deep dives into local-first system design, on-device machine learning, sandboxed components, and high-performance browser tools.

Abstract high-tech vector illustration showing flowcharts, arrow connections, and WebAssembly structures inside a web browser frame
ZumiFiles July 20, 2026

Visio Vector Woes: How We Brought High-Fidelity Flowcharts to the Browser Sandbox

Rendering Microsoft Visio (.vsdx) diagrams client-side without servers or desktop applications is a local-first dream. Here is our engineering journey from flat XML fallbacks and WebAssembly filesystem crashes to a clean programmatic iframe integration.

8 min read Read Article
Abstract illustration of a WebAssembly binary tangled across browser, bundler, and sandbox layers during debugging
ZumiFiles July 18, 2026

Wasm Woes: What Integrating One WebAssembly Library Actually Took

Adding RAW photo support to a browser file manager should have taken an afternoon. It took most of a day, six independently reasonable failures deep. Here is each one, and why the symptoms all looked identical.

10 min read Read Article
Abstract illustration of OmniCapt stitching multiple screenshot panels into one continuous full-page capture
OmniCapt June 28, 2026

Master the Fold: The Mechanics of Scroll-and-Stitch Full-Page Screenshot Captures

Snapping what is visible on screen is easy. Stitching a dynamic, infinite-scrolling dashboard down to the pixel-without crashing the browser or losing absolute header positions-is where the real engineering starts.

7 min read Read Article
Abstract illustration of OmniCapt capturing many browser tabs in parallel in the background via the Chrome DevTools Protocol
OmniCapt June 24, 2026

Silent Operations: Using Chrome DevTools Protocol (CDP) for Focus-Free Batch Captures

How do you screenshot 50 open tabs in the background without reloading pages or forcing active focus? Inside OmniCapt's extension-level DevTools Protocol bridge.

9 min read Read Article
Abstract illustration of OmniCapt clearing cookie banners and overlays from a page before a screenshot
OmniCapt June 18, 2026

No More Cookie Banners: Implementing Pre-Capture CSS Injections for Clean Layouts

Screenshots of web designs are useless if covered in GDPR popups, sticky alerts, and chat bubbles. Learn how OmniCapt sweeps layers out of the frame using dynamic CSS injection rules.

5 min read Read Article
Abstract illustration of OmniCapt compositing video panels on a canvas and recording them into one clip
OmniCapt June 12, 2026

Browser-Native Video Merging: Compositing Video with Canvas & MediaRecorder

Recording video clips is only half the battle. Bringing multiple recordings together side-by-side or sequentially, entirely locally in Chrome, represents the ultimate developer video utility.

8 min read Read Article
Abstract illustration of OmniBrief running Chrome's on-device Gemini Nano AI model inside the browser
OmniBrief July 14, 2026

The Rise of On-Device AI: Running Gemini Nano Locally in Google Chrome

Cloud LLM APIs are fast, but they cost money, add latency, and compromise data privacy. Here is how OmniBrief orchestrates Chrome's built-in Summarizer and LanguageModel APIs (Gemini Nano) for offline research.

8 min read Read Article
Abstract illustration of OmniBrief performing offline semantic vector search over embedded documents
OmniBrief July 09, 2026

Semantic Web Search: Building an Offline Vector Database in Your Browser

Keyword search fails when you forget specific phrasing. Discover how we built client-side dense vector math using ONNX runtime and MV3 offscreen documents for private research indexing.

10 min read Read Article
Abstract illustration of OmniBrief turning a web page's JSON-LD into structured data cards
OmniBrief July 04, 2026

Parsing the Web: Extracting Structured Presentation Data from JSON-LD schemas

Web pages are more than prose. Learn how OmniBrief captures Schema.org metadata blocks to render native tabs for TV series cast, recipe details, events, and shopping lists without LLM cost.

6 min read Read Article
Abstract illustration of OmniBrief's encrypted local key vault using PBKDF2 and AES-GCM
OmniBrief June 29, 2026

Cryptographic Lockbox: Secure API Key Storage with Web Crypto API and Local PINs

Using custom cloud LLM keys shouldn't compromise your local environment. Here is how we implemented PIN-derived PBKDF2 and AES-GCM local storage encryption.

7 min read Read Article
Abstract illustration of ZumiFiles connecting the browser to the local filesystem via the File System Access API
ZumiFiles July 15, 2026

Local-First Revolution: Unleashing the File System Access API in Web Apps

The web browser is no longer a sandboxed viewport with no hard disk options. Explore how ZumiFiles recursively loads, creates, and mutates directory structures using the File System Access API (a WICG standard in Chromium-based browsers).

9 min read Read Article
Abstract illustration of a ZumiFiles React app isolated inside a Shadow DOM web component
ZumiFiles July 11, 2026

Under the Shadow: Isolating Vite React and Tailwind inside a Distributable Web Component

Need to drop a multi-pane file manager into any web project without breaking style layouts? How ZumiFiles packages React, state channels, and Tailwind CSS styles inside a single custom element.

8 min read Read Article
Abstract illustration of ZumiFiles pairing each file with a companion JSON sidecar metadata card
ZumiFiles July 06, 2026

Silent Sidecars: Automated Asset Metadata Tracking Without Backends

How do you save custom file descriptions, tags, and workspace notes without a database or backend API? Explore ZumiFiles' atomic sidecar JSON metadata synchronization mechanics.

6 min read Read Article
Abstract illustration of ZumiFiles trimming a video clip in the browser using WebCodecs
ZumiFiles June 30, 2026

In-Browser Video Trimming: Frame-Accurate Clip Extraction with WebCodecs

Processing binary video shouldn't require third-party servers. Discover how ZumiFiles uses the browser's built-in WebCodecs API (via mediabunny) to trim and split videos instantly, entirely on-device.

7 min read Read Article
Abstract illustration of arrows, boxes, and blur redaction being drawn over a captured screenshot on a canvas
OmniCapt July 07, 2026

Annotate Before You Save: A Canvas Drawing Layer for Screenshots

Arrows, boxes, and blur-outs turn a raw screenshot into a usable report. OmniCapt overlays a canvas drawing surface and flattens the annotations into the final image.

7 min read Read Article
Abstract illustration of one web page captured at desktop, tablet, and mobile viewport sizes in a batch
OmniCapt July 08, 2026

One Shot, Every Viewport: Multi-Resolution Screenshots via CDP Device Emulation

Designers need the same page at desktop, tablet, and mobile widths - captured consistently, not by hand-resizing. OmniCapt drives the DevTools Protocol Emulation domain to do it.

7 min read Read Article
Abstract illustration of animated click-ripple highlights following a cursor across a screen recording
OmniCapt July 10, 2026

Show the Click: Recording Cursor and Click Highlights over Screen Captures

A bug-repro recording is far more useful when viewers can see exactly where you clicked. OmniCapt paints an animated highlight layer synced to real pointer events.

7 min read Read Article
Abstract illustration of a text brief being converted into spoken audio waves inside the browser
OmniBrief July 12, 2026

Reading Briefs Aloud: Browser Text-to-Speech with the Web Speech API

Every summary in OmniBrief can be listened to, not just read - with zero audio files and no cloud TTS bill. The Web Speech API makes it possible, quirks and all.

6 min read Read Article
Abstract illustration of a local language model emitting structured JSON constrained by a schema
OmniBrief July 13, 2026

Reliable JSON from a Local LLM: Structured Output with the Prompt API

Coaxing clean, parseable JSON out of a small on-device model is the hard part of any local-AI feature. OmniBrief uses the Prompt API's responseConstraint to make it deterministic.

6 min read Read Article
Abstract illustration of a hidden offscreen browser document running WebAssembly and file work beside a service worker
OmniBrief July 16, 2026

Beyond the Service Worker: MV3 Offscreen Documents for WASM, PDF, and OPFS

Manifest V3 service workers can't touch the DOM, run long, or reliably host WebAssembly. OmniBrief runs its heavy work in an offscreen document instead - here's how.

9 min read Read Article
Abstract illustration of one interface routing to eight different local and cloud AI model engines
OmniBrief July 17, 2026

One Interface, Eight Engines: A Provider Adapter Pattern for Local and Cloud LLMs

OmniBrief can summarize with on-device Gemini Nano, a local Ollama server, or five cloud APIs - all behind one call. Here is the adapter pattern that makes models hot-swappable.

8 min read Read Article
Abstract illustration of two folder trees compared side by side with added, removed, and changed files highlighted
ZumiFiles July 02, 2026

Diffing Two Folders in the Browser with the File System Access API

Comparing two directory trees - what was added, removed, or changed - is a classic desktop task ZumiFiles does entirely client-side, without reading every byte upfront.

7 min read Read Article
Abstract illustration of a single video frame being grabbed and turned into a thumbnail poster image
ZumiFiles July 03, 2026

Frame Grabs Without a Server: Generating Video Thumbnails in the Browser

Rendering a poster image for every local video usually means an upload or a bundled media engine. ZumiFiles decodes a single frame with the browser's own pipeline instead.

6 min read Read Article
Abstract illustration of a file streaming directly between two browsers over a peer-to-peer data channel
ZumiFiles July 05, 2026

Peer-to-Peer in the Browser: Direct File Transfer with WebRTC Data Channels

ZumiFiles can send a file straight from one browser to another with no server in the middle. WebRTC data channels make the transfer direct, chunked, and private.

9 min read Read Article
Abstract illustration of a bookmark set automatically switching based on the active browser tab's domain
CABE July 01, 2026

Context-Aware Bookmarks: Auto-Switching Links by Active Domain

CABE is a Chrome extension whose bookmark set changes automatically based on the site you're on - Jira links in Jira, docs in GitHub. Here's how it tracks context and resolves dynamic links.

7 min read Read Article
Abstract illustration of a Node.js facade holding API keys server-side and gating client uploads with a JWT
CloudSend June 26, 2026

Keep Your API Keys Off the Client: A JWT-Gated Upload Facade in Node.js

Shipping third-party API keys to the browser is a liability. CloudSend is a small Node.js service that holds the credentials and exposes one authenticated endpoint to many targets.

8 min read Read Article

No articles found matching your criteria.