// ARCHITECTURE CASE FILE — CASE_002
Producive[IN PROGRESS]
[SOURCE_CODE][LIVE_DEPLOYMENT]
System Overview
A tactical firewall for the human mind. Neutralizing algorithmic rabbit holes and re-engineering the DOM to protect cognitive focus.
The modern web is architecturally hostile to deep work. YouTube alone uses thousands of engineering hours to maximize watch time. A simple 'block sites' extension doesn't cut it — you need granular, in-depth control over specific platform behaviors while keeping them usable for legitimate learning.
Target Metrics
- FeaturesYT Control, Focus Clock
- StatusManifest V3 Compliant
Live Architecture Telemetry
Live Telemetry
NODE_TOPOLOGY_ACTIVE
REQ/S42
LATENCY12ms
ERR_RATE0.01%
CLIENT
LB
NODE_01
NODE_02
DB
Visual Evidence
Source_ID: 0x1337
[MEDIA_PENDING_DEPLOY]
STATIC_IMGREF_ID_1
DOM_MOD: Granular YouTube interface manipulation.
Source_ID: 0x266E
[MEDIA_PENDING_DEPLOY]
STATIC_IMGREF_ID_2
UI_OVERLAY: Persistent stopwatch tracking.
Architecture Decisions
01
Manifest V3 with persistent service worker — keeps the focus stopwatch accurate even when the popup is closed.
02
Content scripts inject directly into YouTube's DOM. No iframe wrappers that break on updates.
03
Chrome Storage API for sync across devices. Settings follow the user, not the machine.
04
Modular feature flags — each productivity tool (YT control, site blocker, stopwatch) can be independently enabled.
Challenges & Solutions
INCIDENT_01
YouTube DOM Instability
YouTube's SPA rewrites the DOM constantly. Built mutation observers that re-inject controls after every navigation without performance degradation.
INCIDENT_02
Stopwatch Persistence
Browser extensions lose state on popup close. Moved timing logic to the service worker with chrome.alarms as a heartbeat fallback.
INCIDENT_03
Performance Budget
Extensions share the main thread. Kept total injected JS under 15KB gzipped. No frameworks, no dependencies.
Tech Stack Implementation
[CORE]Chrome Extensions API
[UI]Vanilla JS + CSS
[STORE]Chrome Storage API
[INJECT]Content Scripts
[BG]Service Worker
[TARGET]YouTube DOM API
Impact
[SYSTEM_REPORT]Engineered to dismantle algorithmic addiction by intercepting DOM elements on platforms like YouTube. Designed to reclaim an average of 2-3 focus hours daily per user by injecting modular focus overlays and neutralizing infinitely scrolling rabbit holes before they can hook the user.