{"id":"gen-1785019677-TcSWKWQPH4YouCC9qqpK","choices":[{"finish_reason":"stop","index":0,"logprobs":null,"message":{"content":"Here's a complete, deeply-customizable Firefox/Zen extension. Zen is Firefox-based, so this is a standard WebExtension (Manifest V2) that installs directly.\n\n**How it works:** it intercepts paste events on any text field, swallows the instant paste, and re-types the text keystroke-by-keystroke with a full human-timing model — log-normal keystroke variance, digraph speedups, same-finger penalties, Shift-key overhead, burst rhythm, thinking pauses, distractions, fat-finger typos with realistic backspace corrections, and speed that can drift, oscillate, or randomly hop over time.\n\n### File structure\n```\nhuman-typer/\n├── manifest.json\n├── background.js\n├── icons/icon.svg\n├── lib/profiles.js ← presets + defaults (shared)\n├── content/engine.js ← the human-typing engine\n├── content/content.js ← paste hijack + HUD overlay\n├── popup/popup.html ← toolbar UI\n├── popup/popup.js\n├── options/options.html ← advanced editor\n└── options/options.js\n```\n\n\n{\n \"manifest_version\": 2,\n \"name\": \"HumanTyper — Paste → Human Typing\",\n \"version\": \"1.0.0\",\n \"description\": \"Intercepts pasted text and re-types it with deeply customizable, human-like timing: bursts, typos, corrections, distractions, and speed curves.\",\n \"permissions\": [\"storage\", \"activeTab\", \"tabs\", \"\"],\n \"background\": {\n \"scripts\": [\"background.js\"],\n \"persistent\": true\n },\n \"content_scripts\": [\n {\n \"matches\": [\"\"],\n \"js\": [\"lib/profiles.js\", \"content/engine.js\", \"content/content.js\"],\n \"run_at\": \"document_idle\",\n \"all_frames\": true\n }\n ],\n \"browser_action\": {\n \"default_popup\": \"popup/popup.html\",\n \"default_icon\": \"icons/icon.svg\",\n \"default_title\": \"HumanTyper\"\n },\n \"options_ui\": {\n \"page\": \"options/options.html\",\n \"open_in_tab\": true\n },\n \"icons\": {\n \"48\": \"icons/icon.svg\",\n \"96\": \"icons/icon.svg\"\n },\n \"browser_specific_settings\": {\n \"gecko\": {\n \"id\": \"humantyper@localhost\",\n \"strict_min_version\": \"109.0\"\n }\n }\n}\n\n\n\n/* HumanTyper — background relay.\n Lets one frame tell all other frames to disarm (used when arming\n manual typing from the popup in pages that contain iframes). */\n'use strict';\n\nbrowser.runtime.onMessage.addListener((msg, sender) => {\n if (msg && msg.type === 'HT_RELAY' && sender.tab && sender.tab.id != null) {\n return browser.tabs\n .sendMessage(sender.tab.id, msg.payload)\n .catch(() => {});\n }\n return undefined;\n});\n\n\n\n\n\n\n\n/* HumanTyper — shared profile data & helpers.\n Loaded by content scripts, the popup, and the options page. */\n(function () {\n 'use strict';\n const HT = (globalThis.HT = globalThis.HT || {});\n\n /* ---------------- utilities ---------------- */\n const isObj = (v) => v && typeof v === 'object' && !Array.isArray(v);\n\n function deepMerge(target, source) {\n const out = Object.assign({}, target);\n for (const k in source) {\n const v = source[k];\n if (isObj(v) && isObj(out[k])) out[k] = deepMerge(out[k], v);\n else if (isObj(v)) out[k] = deepMerge({}, v);\n else out[k] = v;\n }\n return out;\n }\n\n HT.deepMerge = deepMerge;\n HT.clone = (o) => JSON.parse(JSON.stringify(o));\n HT.uid = () => 'p' + Date.now().toString(36) + Math.random().toString(36).slice(2, 7);\n\n /* ---------------- default profile (baseline human) ---------------- */\n const DEFAULT_PROFILE = {\n id: 'balanced',\n name: 'Balanced',\n icon: '🎛️',\n builtin: true,\n desc: 'Middle-of-the-road human. Random-walk speed, burst rhythm, ~3% typos.',\n randomize: false,\n speed: { wpm: 60, sigma: 0.32, minMs: 30, maxMs: 1500 },\n curve: { mode: 'walk', amplitude: 0.12, periodSec: 60, hopMinSec: 6, hopMaxSec: 20 },\n bursts: { enabled: true, meanWords: 6, spreadWords: 3, pauseMinMs: 150, pauseMaxMs: 650 },\n pauses: {\n wordMinMs: 10, wordMaxMs: 80,\n sentenceMinMs: 220, sentenceMaxMs: 700,\n commaMinMs: 100, commaMaxMs: 350,\n paragraphMinMs: 500, paragraphMaxMs: 1800,\n enterMinMs: 120, enterMaxMs: 450,\n thinkProb: 0.02, thinkMinMs: 700, thinkMaxMs: 3000,\n distractProb: 0.003, distractMinMs: 2500, distractMaxMs: 9000\n },\n typos: {\n rate: 0.03,\n wAdjacent: 0.6, wTranspose: 0.2, wDouble: 0.12, wOmit: 0.08,\n uncorrectedProb: 0.05,\n correctionSpeedMult: 1.8,\n realizeMinMs: 120, realizeMaxMs: 500,\n noticeW0: 0.55, noticeW1: 0.25, noticeW2: 0.12, noticeW3: 0.08,\n fatigueLink: 0\n },\n keys: {\n shiftMinMs: 60, shiftMaxMs: 150,\n symbolMult: 1.3, digitMult: 1.2,\n sameFingerMult: 1.25, digraphMult: 0.88\n },\n session: { skillJitterPct: 5 }\n };\n\n /* ---------------- built-in presets (partials merged over defaults) ---------------- */\n const BUILTIN_PROFILES = [\n DEFAULT_PROFILE,\n\n {\n id: 'hunt-peck', name: 'Hunt & Peck', icon: '🐢', builtin: true,\n desc: 'Slow two-finger typing. Long key hunts, keyboard-staring pauses, clumsy corrections.',\n speed: { wpm: 26, sigma: 0.48, maxMs: 2500 },\n curve: { mode: 'walk', amplitude: 0.18 },\n bursts: { meanWords: 3, spreadWords: 1, pauseMinMs: 350, pauseMaxMs: 1100 },\n pauses: {\n wordMinMs: 40, wordMaxMs: 140,\n sentenceMinMs: 400, sentenceMaxMs: 1100,\n thinkProb: 0.05, thinkMinMs: 900, thinkMaxMs: 3500,\n distractProb: 0.006, distractMinMs: 3000, distractMaxMs: 10000\n },\n typos: {\n rate: 0.055, wAdjacent: 0.7, wTranspose: 0.1,\n uncorrectedProb: 0.1, correctionSpeedMult: 1.1,\n realizeMinMs: 300, realizeMaxMs: 900,\n noticeW0: 0.35, noticeW1: 0.3, noticeW2: 0.2, noticeW3: 0.15\n },\n keys: { shiftMinMs: 140, shiftMaxMs: 320, symbolMult: 1.7, digitMult: 1.5, sameFingerMult: 1.45, digraphMult: 0.95 }\n },\n\n {\n id: 'casual', name: 'Casual Texter', icon: '🙂', builtin: true,\n desc: 'Everyday typing. Loose rhythm, some typos left in, occasional daydreaming.',\n speed: { wpm: 44, sigma: 0.4 },\n bursts: { meanWords: 5, spreadWords: 3, pauseMinMs: 200, pauseMaxMs: 800 },\n pauses: { thinkProb: 0.03, distractProb: 0.005 },\n typos: { rate: 0.045, uncorrectedProb: 0.18 }\n },\n\n {\n id: 'professional', name: 'Professional', icon: '💼', builtin: true,\n desc: 'Competent touch typist. Tight rhythm, rare and quickly-fixed errors.',\n speed: { wpm: 70, sigma: 0.27 },\n pauses: { thinkProb: 0.012, distractProb: 0.0015 },\n typos: {\n rate: 0.02, uncorrectedProb: 0.01, correctionSpeedMult: 2.2,\n realizeMinMs: 90, realizeMaxMs: 300,\n noticeW0: 0.7, noticeW1: 0.2, noticeW2: 0.07, noticeW3: 0.03\n }\n },\n\n {\n id: 'speed-demon', name: 'Speed Demon', icon: '⚡', builtin: true,\n desc: 'Very fast but still human. Short pauses, quick corrections, tight variance.',\n speed: { wpm: 115, sigma: 0.22, minMs: 18 },\n bursts: { meanWords: 9, spreadWords: 4, pauseMinMs: 100, pauseMaxMs: 400 },\n pauses: {\n sentenceMinMs: 150, sentenceMaxMs: 450,\n thinkProb: 0.006, thinkMinMs: 400, thinkMaxMs: 1500,\n distractProb: 0.0008\n },\n typos: { rate: 0.014, uncorrectedProb: 0.01, correctionSpeedMult: 2.8, realizeMinMs: 60, realizeMaxMs: 180 },\n keys: { shiftMinMs: 30, shiftMaxMs: 80, symbolMult: 1.15 }\n },\n\n {\n id: 'erratic', name: 'Erratic', icon: '🌊', builtin: true,\n desc: 'All over the place. Wild speed swings, sudden stops, random distractions.',\n speed: { wpm: 55, sigma: 0.45 },\n curve: { mode: 'walk', amplitude: 0.45 },\n bursts: { meanWords: 4, spreadWords: 3, pauseMinMs: 200, pauseMaxMs: 1400 },\n pauses: {\n thinkProb: 0.05, thinkMinMs: 800, thinkMaxMs: 4000,\n distractProb: 0.012, distractMinMs: 2500, distractMaxMs: 12000\n },\n typos: { rate: 0.05, uncorrectedProb: 0.08 }\n },\n\n {\n id: 'rollercoaster', name: 'Rollercoaster', icon: '🎢', builtin: true,\n desc: 'Speed waves smoothly between slow and fast on a ~35s cycle. Distinctly odd.',\n speed: { wpm: 65, sigma: 0.25 },\n curve: { mode: 'sine', amplitude: 0.5, periodSec: 35 }\n },\n\n {\n id: 'hare-tortoise', name: 'Hare & Tortoise', icon: '🐇', builtin: true,\n desc: 'Randomly hops between crawling and sprinting every 6–18 seconds.',\n speed: { wpm: 72, sigma: 0.3 },\n curve: { mode: 'chaos', amplitude: 0.65, hopMinSec: 6, hopMaxSec: 18 }\n },\n\n {\n id: 'out-of-steam', name: 'Out of Steam', icon: '📉', builtin: true,\n desc: 'Starts strong at 85 WPM, fades ~50% over 4 minutes, makes more mistakes as it tires.',\n speed: { wpm: 85, sigma: 0.3 },\n curve: { mode: 'fatigue', amplitude: 0.5, periodSec: 240 },\n typos: { rate: 0.025, fatigueLink: 1.6 },\n pauses: { thinkProb: 0.03, distractProb: 0.006 }\n },\n\n {\n id: 'perfectionist', name: 'Perfectionist', icon: '🧐', builtin: true,\n desc: 'Deliberate and clean. Every error noticed instantly and fixed. Nothing left wrong.',\n speed: { wpm: 58, sigma: 0.3 },\n bursts: { meanWords: 5, spreadWords: 2, pauseMinMs: 250, pauseMaxMs: 800 },\n pauses: { thinkProb: 0.015 },\n typos: {\n rate: 0.03, uncorrectedProb: 0, correctionSpeedMult: 2,\n realizeMinMs: 70, realizeMaxMs: 220,\n noticeW0: 0.9, noticeW1: 0.1, noticeW2: 0, noticeW3: 0\n }\n },\n\n {\n id: 'typewriter', name: 'Typewriter', icon: '⌨️', builtin: true,\n desc: 'Steady metronome cadence with dramatic carriage-return pauses at line breaks.',\n speed: { wpm: 52, sigma: 0.09 },\n curve: { mode: 'constant' },\n pauses: {\n enterMinMs: 700, enterMaxMs: 1600,\n paragraphMinMs: 800, paragraphMaxMs: 2000,\n thinkProb: 0.008, distractProb: 0\n },\n typos: { rate: 0.02, wDouble: 0, wTranspose: 0.05, uncorrectedProb: 0.1, correctionSpeedMult: 1.4 }\n },\n\n {\n id: 'dice-goblin', name: 'Dice Goblin', icon: '🎲', builtin: true,\n desc: 'Re-rolls nearly every parameter at random on each run. Expect the unexpected.',\n randomize: true\n }\n ];\n\n /* ---------------- global settings ---------------- */\n const DEFAULT_SETTINGS = {\n hijackEnabled: true,\n minChars: 8,\n shiftBypass: true,\n countdownSec: 2,\n stopKey: 'Escape',\n pauseWhenHidden: false,\n hudPosition: 'bottom-right',\n fireEnterEvents: true,\n selectedProfileId: 'professional',\n tweaks: { speedMult: 1, typoMult: 1, varianceMult: 1 }\n };\n\n /* ---------------- profile assembly ---------------- */\n const rnd = (a, b) => a + Math.random() * (b - a);\n const pick = (arr) => arr[Math.floor(Math.random() * arr.length)];\n\n HT.randomizeProfile = function (p) {\n p.speed.wpm = rnd(22, 130);\n p.speed.sigma = rnd(0.08, 0.6);\n p.curve.mode = pick(['constant', 'walk', 'walk', 'sine', 'chaos', 'warmup', 'fatigue']);\n p.curve.amplitude = rnd(0.1, 0.7);\n p.curve.periodSec = rnd(20, 180);\n p.curve.hopMinSec = rnd(3, 10);\n p.curve.hopMaxSec = rnd(10, 30);\n p.typos.rate = rnd(0.005, 0.08);\n p.typos.uncorrectedProb = rnd(0, 0.2);\n p.pauses.thinkProb = rnd(0, 0.08);\n p.pauses.distractProb = rnd(0, 0.015);\n p.bursts.meanWords = rnd(2, 12);\n p.session.skillJitterPct = rnd(0, 10);\n return p;\n };\n\n // Fill in every missing field with defaults (no randomization) — used by editors.\n HT.materialize = (profile) => deepMerge(DEFAULT_PROFILE, profile || {});\n\n // Full runtime profile: defaults + preset + optional randomize + popup tweaks.\n HT.prepareProfile = function (profile, tweaks) {\n const p = HT.materialize(profile);\n if (p.randomize) HT.randomizeProfile(p);\n if (tweaks) {\n if (tweaks.speedMult) p.speed.wpm = Math.min(220, Math.max(5, p.speed.wpm * tweaks.speedMult));\n if (tweaks.varianceMult) p.speed.sigma = Math.min(1, Math.max(0.02, p.speed.sigma * tweaks.varianceMult));\n if (tweaks.typoMult) p.typos.rate = Math.min(0.25, Math.max(0, p.typos.rate * tweaks.typoMult));\n }\n return p;\n };\n\n HT.DEFAULT_PROFILE = DEFAULT_PROFILE;\n HT.BUILTIN_PROFILES = BUILTIN_PROFILES;\n HT.DEFAULT_SETTINGS = DEFAULT_SETTINGS;\n\n HT.mergeSettings = (s) => {\n const merged = deepMerge(DEFAULT_SETTINGS, s || {});\n merged.tweaks = deepMerge(DEFAULT_SETTINGS.tweaks, (s && s.tweaks) || {});\n return merged;\n };\n\n HT.allProfiles = (customs) => BUILTIN_PROFILES.concat(Array.isArray(customs) ? customs : []);\n HT.findProfile = (list, id) => list.find((p) => p.id === id) || null;\n})();\n\n\n\n/* HumanTyper — engine: human-like keystroke timing model + DOM dispatch.\n Exposes globalThis.HT.Engine.Session. No DOM access happens until typing starts,\n so this file is also safe to load in the options page for previews. */\n(function () {\n 'use strict';\n const HT = (globalThis.HT = globalThis.HT || {});\n HT.Engine = HT.Engine || {};\n\n /* ================= RNG ================= */\n function gauss() {\n let u = 0, v = 0;\n while (!u) u = Math.random();\n while (!v) v = Math.random();\n return Math.sqrt(-2 * Math.log(u)) * Math.cos(2 * Math.PI * v);\n }\n const rand = (a, b) => a + Math.random() * (b - a);\n const clamp = (v, a, b) => Math.min(b, Math.max(a, v));\n function weighted(pairs) {\n let total = 0;\n for (const p of pairs) total += p[1];\n let r = Math.random() * total;\n for (const p of pairs) { r -= p[1]; if (r <= 0) return p[0]; }\n return pairs[pairs.length - 1][0];\n }\n const logN = (s) => Math.exp(s * gauss());\n const rawSleep = (ms) => new Promise((r) => setTimeout(r, ms));\n\n /* ================= keyboard model (QWERTY) ================= */\n const ROWS = ['`1234567890-=', 'qwertyuiop[]\\\\', \"asdfghjkl;'\", 'zxcvbnm,./'];\n const NEIGHBORS = {};\n ROWS.forEach((row, r) => {\n [...row].forEach((ch, i) => {\n const s = new Set();\n const add = (rr, ii) => { if (ROWS[rr] && ROWS[rr][ii] !== undefined) s.add(ROWS[rr][ii]); };\n add(r, i - 1); add(r, i + 1);\n add(r - 1, i - 1); add(r - 1, i);\n add(r + 1, i); add(r + 1, i + 1);\n s.delete(ch);\n NEIGHBORS[ch] = [...s];\n });\n });\n\n const FINGER_GROUPS = ['`1qaz', '2wsx', '3edc', '4rfv5tgb', '6yhn7ujm', '8ik,', '9ol.', \"0p;/-='[]\\\\\"];\n const FINGER_OF = {};\n FINGER_GROUPS.forEach((g, gi) => { for (const c of g) FINGER_OF[c] = gi; });\n\n const DIGRAPHS = new Set(\n 'th he in er an re on at en nd ti es or te of ed is it al ar st to nt ng se ha as ou io le ve co me de hi ri ro ic ne ea ra ce li ch ll be ma si om ur'.split(' ')\n );\n\n const SHIFTED = {\n '~': '`', '!': '1', '@': '2', '#': '3', '$': '4', '%': '5', '^': '6', '&': '7',\n '*': '8', '(': '9', ')': '0', '_': '-', '+': '=', '{': '[', '}': ']', '|': '\\\\',\n ':': ';', '\"': \"'\", '<': ',', '>': '.', '?': '/'\n };\n const PUNCT_KEYCODE = { ',': 188, '.': 190, '/': 191, ';': 186, \"'\": 222, '[': 219, ']': 221, '\\\\': 220, '-': 189, '=': 187, '`': 192, ' ': 32 };\n const CODE_OF = { ',': 'Comma', '.': 'Period', '/': 'Slash', ';': 'Semicolon', \"'\": 'Quote', '[': 'BracketLeft', ']': 'BracketRight', '\\\\': 'Backslash', '-': 'Minus', '=': 'Equal', '`': 'Backquote', ' ': 'Space' };\n\n const isLetter = (c) => /[a-z]/i.test(c);\n const isDigit = (c) => /[0-9]/.test(c);\n const isSymbol = (c) => !isLetter(c) && !isDigit(c) && c !== ' ' && c !== '\\n' && c !== '\\t';\n const needsShift = (c) => /[A-Z]/.test(c) || !!SHIFTED[c];\n const sameFinger = (a, b) => {\n a = (a || '').toLowerCase(); b = (b || '').toLowerCase();\n return FINGER_OF[a] !== undefined && FINGER_OF[a] === FINGER_OF[b];\n };\n function neighborOf(ch) {\n const n = NEIGHBORS[ch.toLowerCase()];\n return n && n.length ? n[Math.floor(Math.random() * n.length)] : ch.toLowerCase();\n }\n\n /* ================= DOM event dispatch ================= */\n function keyInfo(ch) {\n if (ch === '\\n' || ch === 'Enter') return { key: 'Enter', code: 'Enter', keyCode: 13, shift: false };\n if (ch === 'Backspace') return { key: 'Backspace', code: 'Backspace', keyCode: 8, shift: false };\n if (ch === '\\t') return { key: 'Tab', code: 'Tab', keyCode: 9, shift: false };\n if (ch === ' ') return { key: ' ', code: 'Space', keyCode: 32, shift: false };\n const shift = needsShift(ch);\n const base = SHIFTED[ch] || ch.toLowerCase();\n let code;\n if (/[a-z]/.test(base)) code = 'Key' + base.toUpperCase();\n else if (/[0-9]/.test(base)) code = 'Digit' + base;\n else code = CODE_OF[base] || 'Unidentified';\n const keyCode = /[a-z0-9]/.test(base) ? base.toUpperCase().charCodeAt(0) : (PUNCT_KEYCODE[base] || 0);\n return { key: ch, code, keyCode, shift };\n }\n\n function fireKey(el, type, ch) {\n const info = keyInfo(ch);\n const ev = new KeyboardEvent(type, {\n key: info.key, code: info.code,\n bubbles: true, cancelable: true, composed: true,\n shiftKey: info.shift\n });\n Object.defineProperty(ev, 'keyCode', { get: () => info.keyCode });\n Object.defineProperty(ev, 'which', { get: () => info.keyCode });\n el.dispatchEvent(ev);\n }\n\n function fireBeforeInput(el, inputType, data) {\n el.dispatchEvent(new InputEvent('beforeinput', {\n bubbles: true, cancelable: true, composed: true, inputType, data\n }));\n }\n\n function fireInput(el, inputType, data) {\n el.dispatchEvent(new InputEvent('input', {\n bubbles: true, cancelable: false, composed: true, inputType, data\n }));\n }\n\n function getSel(el) {\n let s = null, e = null;\n try { s = el.selectionStart; e = el.selectionEnd; } catch (_) { /* number inputs etc. */ }\n if (s == null) { s = el.value.length; e = s; }\n return [s, e == null ? s : e];\n }\n\n function nativeSetter(el) {\n const proto = el.tagName === 'TEXTAREA' ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;\n return Object.getOwnPropertyDescriptor(proto, 'value').set;\n }\n\n function insertValue(el, ch) {\n const [start, end] = getSel(el);\n const next = el.value.slice(0, start) + ch + el.value.slice(end);\n if (el.maxLength > 0 && next.length > el.maxLength) {\n throw { htStop: 'Field is full (maxlength)' };\n }\n nativeSetter(el).call(el, next);\n try { el.selectionStart = el.selectionEnd = start + ch.length; } catch (_) {}\n }\n\n function deleteBackward(el) {\n const [start, end] = getSel(el);\n if (start === 0 && end === 0) return false;\n const next = start === end\n ? el.value.slice(0, start - 1) + el.value.slice(start)\n : el.value.slice(0, start) + el.value.slice(end);\n const caret = start === end ? start - 1 : start;\n nativeSetter(el).call(el, next);\n try { el.selectionStart = el.selectionEnd = caret; } catch (_) {}\n return true;\n }\n\n /* ================= Session ================= */\n class Session {\n constructor(opts) {\n this.hooks = opts.hooks || {};\n this.target = opts.target;\n this.fireEnter = opts.fireEnter !== false;\n this.p = HT.prepareProfile(opts.profile, opts.tweaks);\n\n let text = String(opts.text || '').replace(/\\r\\n?/g, '\\n');\n if (this.target && this.target.tagName === 'INPUT') text = text.replace(/\\n+/g, ' ');\n this.text = text;\n\n this.i = 0;\n this.running = false;\n this.paused = false;\n this.finished = false;\n this.status = 'typing';\n\n this.activeMs = 0; // typing time (drives speed curves), excludes pauses\n this.wallStart = 0;\n this.charsTyped = 0; // every inserted char, including wrong ones\n this.times = []; // recent char timestamps for live WPM\n\n this.skill = 1 + gauss() * (this.p.session.skillJitterPct / 100);\n this.walkState = 1;\n this.hopTarget = 1;\n this.nextHopAt = 0;\n this.lastMult = 1;\n this.wordsLeft = this.rollBurst();\n }\n\n /* ---------- public controls ---------- */\n stop() { this.running = false; }\n pause() { this.paused = true; }\n resume() { this.paused = false; }\n\n getState() {\n return {\n status: this.status, i: this.i, len: this.text.length,\n charsTyped: this.charsTyped, wpm: this.liveWpm(), paused: this.paused\n };\n }\n\n /* ---------- speed model ---------- */\n rollBurst() {\n const b = this.p.bursts;\n return Math.max(1, Math.round(b.meanWords + gauss() * b.spreadWords));\n }\n\n speedMult() {\n const c = this.p.curve;\n const a = c.amplitude;\n const t = this.activeMs / 1000;\n switch (c.mode) {\n case 'constant': return 1;\n case 'sine': return 1 + a * Math.sin((2 * Math.PI * t) / Math.max(1, c.periodSec));\n case 'warmup': { const k = clamp(t / Math.max(1, c.periodSec), 0, 1); return (1 - a) + a * k; }\n case 'fatigue': { const k = clamp(t / Math.max(1, c.periodSec), 0, 1); return 1 - a * k; }\n case 'chaos':\n if (t >= this.nextHopAt) {\n this.hopTarget = rand(1 - a, 1 + a);\n this.nextHopAt = t + rand(c.hopMinSec, c.hopMaxSec);\n }\n return this.hopTarget;\n case 'walk':\n default:\n this.walkState = clamp(this.walkState + gauss() * 0.05, 1 - a, 1 + a);\n return this.walkState;\n }\n }\n\n fatigueTypoBoost() {\n const link = this.p.typos.fatigueLink || 0;\n return 1 + link * Math.max(0, 1 - this.lastMult);\n }\n\n nextDelay(prev, ch) {\n const p = this.p;\n const mult = this.speedMult();\n this.lastMult = mult;\n const base = 60000 / (p.speed.wpm * 5 * this.skill * Math.max(0.05, mult));\n let d = base * logN(p.speed.sigma);\n if (prev) {\n const pair = (prev + ch).toLowerCase();\n if (DIGRAPHS.has(pair)) d *= p.keys.digraphMult;\n if (sameFinger(prev, ch)) d *= p.keys.sameFingerMult;\n }\n if (needsShift(ch)) d += rand(p.keys.shiftMinMs, p.keys.shiftMaxMs);\n if (isDigit(ch)) d *= p.keys.digitMult;\n if (isSymbol(ch)) d *= p.keys.symbolMult;\n return clamp(d, p.speed.minMs, p.speed.maxMs);\n }\n\n bsDelay() {\n return clamp(rand(55, 130) / this.p.typos.correctionSpeedMult, 22, 400) * logN(0.15);\n }\n\n rollNotice() {\n const t = this.p.typos;\n return weighted([[0, t.noticeW0], [1, t.noticeW1], [2, t.noticeW2], [3, t.noticeW3]]);\n }\n\n isTypoable(ch) { return isLetter(ch) || isDigit(ch); }\n\n /* ---------- interruptible sleep (pause-aware, feeds curve clock) ---------- */\n async sleep(ms) {\n let end = performance.now() + ms;\n while (this.running) {\n const now = performance.now();\n if (now >= end) { this.activeMs += ms; return; }\n if (this.paused) {\n const ps = performance.now();\n await rawSleep(120);\n end += performance.now() - ps;\n continue;\n }\n await rawSleep(Math.min(80, end - now));\n }\n }\n\n setStatus(s) {\n this.status = s;\n if (this.hooks.onState) this.hooks.onState(s);\n }\n\n async longPause(kind, ms) {\n this.setStatus(kind);\n await this.sleep(ms);\n if (this.running) this.setStatus('typing');\n }\n\n liveWpm() {\n if (this.times.length < 2) return 0;\n const span = (this.times[this.times.length - 1] - this.times[0]) / 60000;\n return span > 0 ? Math.round(this.times.length / 5 / span) : 0;\n }\n\n tick() {\n if (this.hooks.onTick) {\n this.hooks.onTick({\n i: this.i, len: this.text.length, charsTyped: this.charsTyped,\n wpm: this.liveWpm(), activeMs: this.activeMs, status: this.status\n });\n }\n }\n\n /* ---------- keystrokes ---------- */\n keyAndInsert(ch) {\n const el = this.target;\n if (!el || el.isConnected === false) throw { htStop: 'Target element was removed' };\n const isNL = ch === '\\n';\n const skipKeys = isNL && !this.fireEnter;\n\n if (!skipKeys) {\n fireKey(el, 'keydown', ch);\n fireKey(el, 'keypress', ch);\n }\n if (el.isContentEditable) {\n el.focus();\n if (isNL) {\n if (!document.execCommand('insertLineBreak')) document.execCommand('insertParagraph');\n } else {\n document.execCommand('insertText', false, ch);\n }\n } else {\n fireBeforeInput(el, isNL ? 'insertParagraph' : 'insertText', isNL ? null : ch);\n insertValue(el, ch);\n fireInput(el, isNL ? 'insertParagraph' : 'insertText', isNL ? null : ch);\n }\n if (!skipKeys) fireKey(el, 'keyup', ch);\n\n this.charsTyped++;\n this.times.push(performance.now());\n if (this.times.length > 40) this.times.shift();\n }\n\n backspaceOnce() {\n const el = this.target;\n fireKey(el, 'keydown', 'Backspace');\n if (el.isContentEditable) {\n el.focus();\n document.execCommand('delete');\n } else {\n fireBeforeInput(el, 'deleteContentBackward', null);\n if (deleteBackward(el)) fireInput(el, 'deleteContentBackward', null);\n }\n fireKey(el, 'keyup', 'Backspace');\n }\n\n /* ---------- typo simulation ---------- */\n async doTypo() {\n const t = this.p.typos;\n const ch = this.text[this.i];\n let kind = weighted([\n ['adjacent', t.wAdjacent], ['transpose', t.wTranspose],\n ['double', t.wDouble], ['omit', t.wOmit]\n ]);\n if (kind === 'transpose' && this.i + 1 >= this.text.length) kind = 'adjacent';\n if (kind === 'omit') {\n if (Math.random() < Math.min(1, t.uncorrectedProb * 2)) { this.i++; return; }\n kind = 'adjacent';\n }\n const leaveIt = Math.random() < t.uncorrectedProb;\n const prev = this.i ? this.text[this.i - 1] : '';\n\n if (kind === 'adjacent') {\n const wrong = /[A-Z]/.test(ch) ? neighborOf(ch).toUpperCase() : neighborOf(ch);\n await this.sleep(this.nextDelay(prev, wrong));\n if (!this.running) return;\n this.keyAndInsert(wrong);\n if (leaveIt) { this.i++; return; }\n const extra = Math.min(this.rollNotice(), this.text.length - this.i - 1);\n for (let k = 0; k < extra; k++) {\n const c2 = this.text[this.i + 1 + k];\n await this.sleep(this.nextDelay(k === 0 ? wrong : this.text[this.i + k], c2));\n if (!this.running) return;\n this.keyAndInsert(c2);\n }\n await this.sleep(rand(t.realizeMinMs, t.realizeMaxMs));\n this.setStatus('fixing typo ⌫');\n for (let k = 0; k < 1 + extra; k++) {\n await this.sleep(this.bsDelay());\n if (!this.running) return;\n this.backspaceOnce();\n }\n for (let k = 0; k <= extra; k++) {\n const c2 = this.text[this.i + k];\n await this.sleep(this.nextDelay(k === 0 ? '' : this.text[this.i + k - 1], c2) / t.correctionSpeedMult);\n if (!this.running) return;\n this.keyAndInsert(c2);\n }\n this.i += 1 + extra;\n this.setStatus('typing');\n return;\n }\n\n if (kind === 'double') {\n await this.sleep(this.nextDelay(prev, ch));\n if (!this.running) return;\n this.keyAndInsert(ch);\n this.keyAndInsert(ch); // machine-gun double strike\n if (leaveIt) { this.i++; return; }\n const extra = Math.min(this.rollNotice(), this.text.length - this.i - 1);\n for (let k = 0; k < extra; k++) {\n const c2 = this.text[this.i + 1 + k];\n await this.sleep(this.nextDelay(this.text[this.i + k], c2));\n if (!this.running) return;\n this.keyAndInsert(c2);\n }\n await this.sleep(rand(t.realizeMinMs, t.realizeMaxMs));\n this.setStatus('fixing typo ⌫');\n for (let k = 0; k < 1 + extra; k++) {\n await this.sleep(this.bsDelay());\n if (!this.running) return;\n this.backspaceOnce();\n }\n for (let k = 0; k < extra; k++) {\n const c2 = this.text[this.i + 1 + k];\n await this.sleep(this.nextDelay(this.text[this.i + k], c2) / t.correctionSpeedMult);\n if (!this.running) return;\n this.keyAndInsert(c2);\n }\n this.i += 1 + extra;\n this.setStatus('typing');\n return;\n }\n\n if (kind === 'transpose') {\n const a = ch, b = this.text[this.i + 1];\n await this.sleep(this.nextDelay(prev, b));\n if (!this.running) return;\n this.keyAndInsert(b);\n await this.sleep(this.nextDelay(b, a));\n if (!this.running) return;\n this.keyAndInsert(a);\n if (leaveIt) { this.i += 2; return; }\n await this.sleep(rand(t.realizeMinMs, t.realizeMaxMs));\n this.setStatus('fixing typo ⌫');\n for (let k = 0; k < 2; k++) {\n await this.sleep(this.bsDelay());\n if (!this.running) return;\n this.backspaceOnce();\n }\n await this.sleep(this.nextDelay('', a) / t.correctionSpeedMult);\n if (!this.running) return;\n this.keyAndInsert(a);\n await this.sleep(this.nextDelay(a, b) / t.correctionSpeedMult);\n if (!this.running) return;\n this.keyAndInsert(b);\n this.i += 2;\n this.setStatus('typing');\n }\n }\n\n async afterChar(ch) {\n const pa = this.p.pauses;\n if ('.!?'.includes(ch)) await this.sleep(rand(pa.sentenceMinMs, pa.sentenceMaxMs));\n else if (',;:'.includes(ch)) await this.sleep(rand(pa.commaMinMs, pa.commaMaxMs));\n else if (ch === '\\n' && this.text[this.i] === '\\n') await this.sleep(rand(pa.paragraphMinMs, pa.paragraphMaxMs));\n }\n\n finish(reason) {\n if (this.finished) return;\n this.finished = true;\n this.running = false;\n if (this.hooks.onDone) {\n this.hooks.onDone(reason, {\n i: this.i, len: this.text.length, charsTyped: this.charsTyped,\n wallMs: performance.now() - this.wallStart\n });\n }\n }\n\n /* ---------- main loop ---------- */\n async run() {\n if (!this.text.length) { this.finish('Nothing to type'); return; }\n this.running = true;\n this.wallStart = performance.now();\n this.setStatus('typing');\n const pa = this.p.pauses;\n\n try {\n while (this.i < this.text.length && this.running) {\n if (this.paused) { await rawSleep(150); continue; }\n const ch = this.text[this.i];\n const prev = this.i ? this.text[this.i - 1] : '';\n\n if (Math.random() < pa.distractProb) {\n await this.longPause('distracted 😶‍🌫️', rand(pa.distractMinMs, pa.distractMaxMs));\n continue;\n }\n\n if (ch === ' ') {\n if (this.p.bursts.enabled && --this.wordsLeft <= 0) {\n this.wordsLeft = this.rollBurst();\n await this.longPause('gathering thoughts 💭', rand(this.p.bursts.pauseMinMs, this.p.bursts.pauseMaxMs));\n } else if (Math.random() < pa.thinkProb) {\n await this.longPause('thinking 💭', rand(pa.thinkMinMs, pa.thinkMaxMs));\n }\n }\n if (!this.running) break;\n\n const typoRate = this.p.typos.rate * this.fatigueTypoBoost();\n if (this.isTypoable(ch) && Math.random() < typoRate) {\n await this.doTypo();\n this.tick();\n continue;\n }\n\n let d = this.nextDelay(prev, ch);\n if (ch === ' ') d += rand(pa.wordMinMs, pa.wordMaxMs);\n if (ch === '\\n') d += rand(pa.enterMinMs, pa.enterMaxMs);\n await this.sleep(d);\n if (!this.running) break;\n\n this.keyAndInsert(ch);\n this.i++;\n await this.afterChar(ch);\n this.tick();\n }\n } catch (err) {\n if (err && err.htStop) { this.finish(err.htStop); return; }\n this.finish('Error: ' + (err && err.message ? err.message : String(err)));\n return;\n }\n this.finish(this.i >= this.text.length ? 'done' : 'stopped');\n }\n }\n\n HT.Engine.Session = Session;\n})();\n\n\n\n/* HumanTyper — content script: paste hijack, arming, HUD overlay, messaging. */\n(function () {\n 'use strict';\n if (window.__htLoaded) return;\n window.__htLoaded = true;\n\n const HT = globalThis.HT;\n if (!HT || !HT.Engine) return;\n\n let settings = HT.mergeSettings(null);\n let profiles = HT.allProfiles(null);\n let session = null;\n let armed = false;\n let countdownToken = 0;\n let hudHideTimer = null;\n\n /* ================= storage ================= */\n browser.storage.local.get(null).then((data) => {\n settings = HT.mergeSettings(data.settings);\n profiles = HT.allProfiles(data.customProfiles);\n });\n browser.storage.onChanged.addListener((chg) => {\n if (chg.settings) settings = HT.mergeSettings(chg.settings.newValue);\n if (chg.customProfiles) profiles = HT.allProfiles(chg.customProfiles.newValue);\n });\n\n /* ================= helpers ================= */\n function editableFrom(node) {\n if (!node || node.nodeType !== 1) return null;\n const el = node.closest\n ? node.closest('input, textarea, [contenteditable]')\n : null;\n if (!el) return null;\n if (el.tagName === 'INPUT') {\n const bad = ['checkbox', 'radio', 'button', 'submit', 'range', 'color', 'file', 'password', 'hidden'];\n if (bad.includes((el.type || 'text').toLowerCase())) return null;\n }\n if (el.disabled || el.readOnly) return null;\n if (el.hasAttribute('contenteditable') && !el.isContentEditable) return null;\n return el;\n }\n\n const sleep = (ms) => new Promise((r) => setTimeout(r, ms));\n\n /* ================= HUD (shadow DOM) ================= */\n let hudHost = null, el = {};\n\n function ensureHud() {\n if (hudHost && hudHost.isConnected) return;\n hudHost = document.createElement('div');\n hudHost.id = '__ht_hud__';\n const sh = hudHost.attachShadow({ mode: 'open' });\n sh.innerHTML = `\n \n

\n \n HumanTyper\n idle\n

0 / 0— wpm—

`;\n (document.documentElement || document.body).appendChild(hudHost);\n\n el = {\n card: sh.getElementById('card'), dot: sh.getElementById('dot'),\n title: sh.getElementById('title'), status: sh.getElementById('status'),\n fill: sh.getElementById('fill'), counts: sh.getElementById('counts'),\n wpm: sh.getElementById('wpm'), eta: sh.getElementById('eta'),\n pause: sh.getElementById('pause'), stop: sh.getElementById('stop')\n };\n el.pause.addEventListener('click', () => {\n if (!session) return;\n session.paused = !session.paused;\n el.pause.textContent = session.paused ? '▶ Resume' : '⏸ Pause';\n setDot(session.paused ? 'paused' : 'typing');\n });\n el.stop.addEventListener('click', () => stopAll());\n positionHud();\n }\n\n function positionHud() {\n if (!el.card) return;\n const map = { 'bottom-right': 'br', 'bottom-left': 'bl', 'top-right': 'tr', 'top-left': 'tl' };\n el.card.className = 'card ' + (map[settings.hudPosition] || 'br');\n }\n\n function setDot(cls) { if (el.dot) el.dot.className = 'dot ' + cls; }\n\n function mapStatus(s) {\n if (s === 'typing') return 'typing';\n if (s.indexOf('typo') !== -1) return 'correcting';\n if (/think|thoughts|distract/.test(s)) return 'think';\n return s;\n }\n\n function setHud(statusText, dotClass) {\n ensureHud();\n clearTimeout(hudHideTimer);\n el.status.textContent = statusText;\n setDot(dotClass);\n }\n\n function hideHudSoon(ms) {\n clearTimeout(hudHideTimer);\n hudHideTimer = setTimeout(() => { if (hudHost) hudHost.remove(); hudHost = null; el = {}; }, ms);\n }\n\n function fmtTime(ms) {\n const s = Math.max(0, Math.round(ms / 1000));\n return Math.floor(s / 60) + ':' + String(s % 60).padStart(2, '0');\n }\n\n /* ================= session lifecycle ================= */\n function currentProfile() {\n return HT.findProfile(profiles, settings.selectedProfileId) || profiles[0];\n }\n\n function beginSession(target, text) {\n if (session && session.running) return;\n const prof = currentProfile();\n ensureHud();\n el.title.textContent = 'HumanTyper · ' + (prof.icon ? prof.icon + ' ' : '') + prof.name;\n el.counts.textContent = '0 / ' + text.length;\n el.fill.style.width = '0%';\n el.pause.textContent = '⏸ Pause';\n\n session = new HT.Engine.Session({\n text, profile: prof, tweaks: settings.tweaks, target,\n fireEnter: settings.fireEnterEvents,\n hooks: {\n onState: (s) => setHud(s, mapStatus(s)),\n onTick: (t) => {\n el.counts.textContent = t.i + ' / ' + t.len;\n el.fill.style.width = ((t.i / Math.max(1, t.len)) * 100).toFixed(1) + '%';\n el.wpm.textContent = (t.wpm || '—') + ' wpm';\n if (t.wpm > 0) {\n const remChars = t.len - t.i;\n el.eta.textContent = '~' + fmtTime((remChars / 5 / t.wpm) * 60000) + ' left';\n } else el.eta.textContent = '—';\n },\n onDone: (reason) => {\n setHud(reason === 'done' ? 'done ✓' : String(reason), 'done');\n if (reason === 'done') el.fill.style.width = '100%';\n session = null;\n hideHudSoon(5000);\n }\n }\n });\n session.run();\n }\n\n function stopAll() {\n countdownToken++;\n disarm();\n if (session) session.stop();\n }\n\n /* ================= manual arming (from popup) ================= */\n let armListener = null;\n\n function arm(text) {\n if (session && session.running) return { ok: false, error: 'Already typing' };\n disarm();\n armed = true;\n setHud('click a text field… (Esc cancels)', 'armed');\n el.counts.textContent = '0 / ' + text.length;\n\n armListener = (e) => {\n const target = editableFrom(e.target);\n if (!target) {\n setHud('that is not a text field — try again', 'armed');\n return;\n }\n e.preventDefault();\n e.stopPropagation();\n disarm();\n target.focus();\n // tell other frames to disarm\n browser.runtime.sendMessage({ type: 'HT_RELAY', payload: { type: 'HT_DISARM' } }).catch(() => {});\n countdownThen(target, text);\n };\n document.addEventListener('pointerdown', armListener, true);\n return { ok: true };\n }\n\n function disarm() {\n armed = false;\n if (armListener) document.removeEventListener('pointerdown', armListener, true);\n armListener = null;\n }\n\n async function countdownThen(target, text) {\n const t = ++countdownToken;\n const n0 = Math.max(0, Math.round(settings.countdownSec));\n for (let n = n0; n > 0; n--) {\n if (t !== countdownToken) return;\n setHud('starting in ' + n + '…', 'armed');\n await sleep(1000);\n }\n if (t !== countdownToken) return;\n beginSession(target, text);\n }\n\n /* ================= paste hijack ================= */\n async function onPaste(e) {\n if (!settings.hijackEnabled) return;\n if (e.defaultPrevented) return;\n if (settings.shiftBypass && e.shiftKey) return;\n\n const target = editableFrom(e.target);\n if (!target) return;\n\n const cd = e.clipboardData;\n if (!cd) return;\n const text = cd.getData('text/plain');\n if (!text || !text.trim()) return;\n if (text.length < settings.minChars) return;\n\n if (session && session.running) {\n setHud('busy — pasted normally', 'paused');\n hideHudSoon(2000);\n return; // allow native paste rather than queueing\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n ensureHud();\n setHud('pasted — retyping…', 'armed');\n el.title.textContent = 'HumanTyper';\n el.counts.textContent = '0 / ' + text.replace(/\\r\\n?/g, '\\n').length;\n\n // brief \"human reaction\" beat before typing starts\n await sleep(150 + Math.random() * 300);\n beginSession(target, text);\n }\n\n document.addEventListener('paste', onPaste, true);\n\n /* ================= keys ================= */\n window.addEventListener('keydown', (e) => {\n if (e.key === (settings.stopKey || 'Escape') && (session || armed)) {\n e.stopPropagation();\n stopAll();\n setHud('stopped', 'done');\n hideHudSoon(1500);\n }\n }, true);\n\n document.addEventListener('visibilitychange', () => {\n if (document.hidden && settings.pauseWhenHidden && session && session.running && !session.paused) {\n session.pause();\n if (el.pause) el.pause.textContent = '▶ Resume';\n setHud('paused (tab hidden)', 'paused');\n }\n });\n\n /* ================= messaging ================= */\n browser.runtime.onMessage.addListener((msg) => {\n if (!msg || !msg.type) return undefined;\n switch (msg.type) {\n case 'HT_START':\n return Promise.resolve(arm(String(msg.text || '')));\n case 'HT_DISARM':\n disarm();\n return Promise.resolve({ ok: true });\n case 'HT_STOP':\n stopAll();\n return Promise.resolve({ ok: true });\n case 'HT_STATUS':\n return Promise.resolve(session\n ? Object.assign({ active: true, name: currentProfile().name }, session.getState())\n : { active: false, armed });\n default:\n return undefined;\n }\n });\n})();\n\n\n\n\n\n\n\n\n\n\n

⌨️ HumanTyper

Paste normally — it gets re-typed like a human.

\n\n

\n \n Hijack paste & re-type (Shift+Paste = normal paste)\n

\n\n Typing personality\n \n

\n\n

Speed×1.00

\n \n

Typo frequency×1.0

\n \n

Wildness×1.00

\n \n

\n\n

\n …or type this text manually\n \n

0 chars

\n \n

Esc stops typing at any time.

\n\n

\n \n\n \n \n\n\n\n\n\n/* HumanTyper — popup logic */\n(function () {\n 'use strict';\n const HT = globalThis.HT;\n const $ = (id) => document.getElementById(id);\n\n let settings = HT.mergeSettings(null);\n let profiles = HT.allProfiles(null);\n\n const save = () => browser.storage.local.set({ settings });\n\n async function activeTab() {\n const tabs = await browser.tabs.query({ active: true, currentWindow: true });\n return tabs && tabs[0];\n }\n\n function currentProfile() {\n return HT.findProfile(profiles, settings.selectedProfileId) || profiles[0];\n }\n\n /* ---------- preset UI ---------- */\n function buildPresetList() {\n const sel = $('preset');\n sel.innerHTML = '';\n for (const p of profiles) {\n const o = document.createElement('option');\n o.value = p.id;\n o.textContent = (p.icon ? p.icon + ' ' : '') + p.name + (p.builtin ? '' : ' ★');\n sel.appendChild(o);\n }\n sel.value = settings.selectedProfileId;\n }\n\n function renderPresetInfo() {\n const p = HT.prepareProfile(currentProfile(), settings.tweaks);\n $('desc').textContent = currentProfile().desc || '';\n const curveNames = { constant: 'steady', walk: 'random-walk', sine: 'wave', chaos: 'hopping', warmup: 'warm-up', fatigue: 'fading' };\n $('chips').innerHTML = '';\n const chips = [\n Math.round(p.speed.wpm) + ' wpm',\n 'σ ' + p.speed.sigma.toFixed(2),\n (p.typos.rate * 100).toFixed(1) + '% typos',\n curveNames[p.curve.mode] || p.curve.mode\n ];\n for (const c of chips) {\n const s = document.createElement('span');\n s.className = 'chip';\n s.textContent = c;\n $('chips').appendChild(s);\n }\n }\n\n /* ---------- tweaks ---------- */\n function bindTweaks() {\n const t = settings.tweaks;\n $('tSpeed').value = t.speedMult; $('tTypo').value = t.typoMult; $('tVar').value = t.varianceMult;\n const upd = () => {\n $('vSpeed').textContent = '×' + Number($('tSpeed').value).toFixed(2) +\n ' (' + Math.round(HT.materialize(currentProfile()).speed.wpm * $('tSpeed').value) + ' wpm)';\n $('vTypo').textContent = '×' + Number($('tTypo').value).toFixed(1);\n $('vVar').textContent = '×' + Number($('tVar').value).toFixed(2);\n };\n const onInput = () => {\n settings.tweaks = {\n speedMult: Number($('tSpeed').value),\n typoMult: Number($('tTypo').value),\n varianceMult: Number($('tVar').value)\n };\n save(); upd(); renderPresetInfo();\n };\n for (const id of ['tSpeed', 'tTypo', 'tVar']) $(id).addEventListener('input', onInput);\n upd();\n }\n\n /* ---------- manual typing ---------- */\n function bindManual() {\n const ta = $('text'), btn = $('type');\n ta.addEventListener('input', () => {\n $('count').textContent = ta.value.length + ' chars';\n btn.disabled = !ta.value.trim();\n });\n btn.addEventListener('click', async () => {\n $('warn').textContent = '';\n const tab = await activeTab();\n if (!tab) return;\n try {\n const res = await browser.tabs.sendMessage(tab.id, { type: 'HT_START', text: ta.value });\n if (res && res.ok === false) $('warn').textContent = res.error || 'Could not start.';\n else window.close(); // go click the target field\n } catch (e) {\n $('warn').textContent = 'Cannot run on this page (browser pages and the add-ons site are off-limits).';\n }\n });\n }\n\n /* ---------- live status ---------- */\n async function pollStatus() {\n try {\n const tab = await activeTab();\n if (!tab) return;\n const s = await browser.tabs.sendMessage(tab.id, { type: 'HT_STATUS' });\n if (s && s.active) {\n $('live').textContent = '● ' + (s.paused ? 'paused' : s.status) + ' ' + s.i + '/' + s.len + (s.wpm ? ' · ' + s.wpm + ' wpm' : '');\n } else if (s && s.armed) {\n $('live').textContent = '◌ armed — click a field';\n } else {\n $('live').textContent = '';\n }\n } catch (e) { $('live').textContent = ''; }\n }\n\n /* ---------- init ---------- */\n (async function init() {\n const data = await browser.storage.local.get(null);\n settings = HT.mergeSettings(data.settings);\n profiles = HT.allProfiles(data.customProfiles);\n\n buildPresetList();\n renderPresetInfo();\n bindTweaks();\n bindManual();\n\n $('hijack').checked = settings.hijackEnabled;\n $('hijack').addEventListener('change', () => { settings.hijackEnabled = $('hijack').checked; save(); });\n\n $('preset').addEventListener('change', () => {\n settings.selectedProfileId = $('preset').value;\n save(); renderPresetInfo(); bindTweaks();\n });\n\n $('adv').addEventListener('click', () => { browser.runtime.openOptionsPage(); window.close(); });\n\n pollStatus();\n setInterval(pollStatus, 700);\n })();\n})();\n\n\n\n\n\n\n\nHumanTyper — Settings\n\n\n\n

⌨️ HumanTyper — Settings & Preset Editor

Every aspect of the fake human, tunable. Changes save automatically.

\n\n

Preset

\n \n \n \n \n \n \n \n

\n Name \n Icon \n Description \n

\n\n

Preview — speed over time & keystroke delay spread

Effective speed (2 min)

Keystroke delay histogram

\n\n

Import / Export

\n \n \n \n \n

\n\n

Global settings

\n\n

Notes & limitations

\n • Keystrokes are synthetic events (isTrusted=false). Sites that explicitly verify trusted input\n (e.g. most typing-test sites, Google Docs' key handler) may ignore them; rich editors that accept\n execCommand input generally work.
\n • Keep the tab visible while typing — browsers throttle timers in hidden tabs.
\n • Esc (configurable) stops typing instantly.
\n • Single-line inputs get newlines converted to spaces. Shift+Paste always does a real paste.\n

\n\n\n\n\n\n\n\n\n\n/* HumanTyper — options page: schema-driven preset editor, global settings, previews. */\n(function () {\n 'use strict';\n const HT = globalThis.HT;\n const $ = (id) => document.getElementById(id);\n\n let settings = HT.mergeSettings(null);\n let customs = [];\n let working = null; // profile object being edited\n let saveTimer = null;\n\n const allProfiles = () => HT.allProfiles(customs);\n const isBuiltin = () => !!working.builtin;\n const saveAll = () => browser.storage.local.set({ settings, customProfiles: customs });\n const scheduleSave = () => { clearTimeout(saveTimer); saveTimer = setTimeout(saveAll, 250); };\n\n /* ---------------- path helpers ---------------- */\n const getPath = (o, p) => p.split('.').reduce((a, k) => (a ? a[k] : undefined), o);\n function setPath(o, p, v) {\n const ks = p.split('.');\n let a = o;\n for (let i = 0; i < ks.length - 1; i++) a = a[ks[i]];\n a[ks[ks.length - 1]] = v;\n }\n\n /* ---------------- field schema ---------------- */\n const N = (path, label, min, max, step, hint) => ({ type: 'number', path, label, min, max, step, hint });\n const C = (path, label, hint) => ({ type: 'checkbox', path, label, hint });\n const S = (path, label, options, hint) => ({ type: 'select', path, label, options, hint });\n\n const GROUPS = [\n { title: '🏃 Speed', fields: [\n N('speed.wpm', 'Base speed (WPM)', 1, 220, 0.1, 'Average words per minute'),\n N('speed.sigma', 'Keystroke wildness (σ)', 0.02, 1, 0.01, 'Timing spread. 0.1 = metronome, 0.5+ = chaotic'),\n N('speed.minMs', 'Fastest keystroke (ms)', 5, 500, 1),\n N('speed.maxMs', 'Slowest keystroke (ms)', 200, 6000, 10, 'Hard ceiling for a single key gap'),\n N('session.skillJitterPct', 'Daily skill swing (%)', 0, 30, 0.5, 'Each run is randomly a bit faster/slower')\n ]},\n { title: '📈 Speed curve over time (the “weird rates”)', fields: [\n S('curve.mode', 'Curve mode', ['constant', 'walk', 'sine', 'chaos', 'warmup', 'fatigue'],\n 'constant: flat · walk: drunk drift · sine: smooth waves · chaos: random hops · warmup: ramps up · fatigue: fades'),\n N('curve.amplitude', 'Amplitude (± fraction)', 0, 0.95, 0.01, '0.5 on sine at 60 WPM → swings 30–90 WPM'),\n N('curve.periodSec', 'Period / duration (s)', 5, 900, 1, 'Sine period, or warm-up/fade length'),\n N('curve.hopMinSec', 'Chaos: min seconds per hop', 1, 120, 1),\n N('curve.hopMaxSec', 'Chaos: max seconds per hop', 2, 300, 1)\n ]},\n { title: '🥁 Burst rhythm', fields: [\n C('bursts.enabled', 'Type in word bursts', 'Humans type a few words, then micro-pause'),\n N('bursts.meanWords', 'Words per burst (avg)', 1, 25, 0.5),\n N('bursts.spreadWords', 'Burst length spread', 0, 12, 0.5),\n N('bursts.pauseMinMs', 'Burst pause min (ms)', 0, 5000, 10),\n N('bursts.pauseMaxMs', 'Burst pause max (ms)', 0, 10000, 10)\n ]},\n { title: '⏸ Pauses', fields: [\n N('pauses.wordMinMs', 'Word gap min (ms)', 0, 1000, 5),\n N('pauses.wordMaxMs', 'Word gap max (ms)', 0, 2000, 5),\n N('pauses.sentenceMinMs', 'After sentence min', 0, 3000, 10),\n N('pauses.sentenceMaxMs', 'After sentence max', 0, 5000, 10),\n N('pauses.commaMinMs', 'After comma min', 0, 2000, 10),\n N('pauses.commaMaxMs', 'After comma max', 0, 3000, 10),\n N('pauses.paragraphMinMs', 'Paragraph min', 0, 6000, 10),\n N('pauses.paragraphMaxMs', 'Paragraph max', 0, 10000, 10),\n N('pauses.enterMinMs', 'Enter/linebreak min', 0, 3000, 10),\n N('pauses.enterMaxMs', 'Enter/linebreak max', 0, 5000, 10),\n N('pauses.thinkProb', 'Think-pause chance / word', 0, 0.3, 0.001),\n N('pauses.thinkMinMs', 'Think min (ms)', 100, 10000, 50),\n N('pauses.thinkMaxMs', 'Think max (ms)', 100, 20000, 50),\n N('pauses.distractProb', 'Distraction chance / char', 0, 0.05, 0.0005),\n N('pauses.distractMinMs', 'Distraction min (ms)', 500, 30000, 100),\n N('pauses.distractMaxMs', 'Distraction max (ms)', 500, 60000, 100)\n ]},\n { title: '❌ Typos & corrections', fields: [\n N('typos.rate', 'Typo chance per char', 0, 0.25, 0.001, '0.03 = 3% of keystrokes'),\n N('typos.wAdjacent', 'Weight: fat-finger neighbor key', 0, 1, 0.01),\n N('typos.wTranspose', 'Weight: swapped letters (“teh”)', 0, 1, 0.01),\n N('typos.wDouble', 'Weight: double-struck key', 0, 1, 0.01),\n N('typos.wOmit', 'Weight: dropped character', 0, 1, 0.01),\n N('typos.uncorrectedProb', 'Chance typo is left in', 0, 1, 0.01),\n N('typos.correctionSpeedMult', 'Correction speed ×', 0.5, 5, 0.1, 'Backspacing/fixing is usually faster than typing'),\n N('typos.realizeMinMs', 'Realize-error min (ms)', 20, 2000, 10),\n N('typos.realizeMaxMs', 'Realize-error max (ms)', 20, 4000, 10),\n N('typos.noticeW0', 'Notice instantly (weight)', 0, 1, 0.01),\n N('typos.noticeW1', 'Notice 1 char late', 0, 1, 0.01),\n N('typos.noticeW2', 'Notice 2 chars late', 0, 1, 0.01),\n N('typos.noticeW3', 'Notice 3 chars late', 0, 1, 0.01),\n N('typos.fatigueLink', 'Fatigue → typos link', 0, 3, 0.1, 'Typos increase as speed fades (fatigue curve)')\n ]},\n { title: '⌨️ Keyboard physics', fields: [\n N('keys.shiftMinMs', 'Shift overhead min (ms)', 0, 1000, 5, 'Capitals & shifted symbols take longer'),\n N('keys.shiftMaxMs', 'Shift overhead max (ms)', 0, 1000, 5),\n N('keys.symbolMult', 'Symbol slowdown ×', 1, 3, 0.05),\n N('keys.digitMult', 'Number-row slowdown ×', 1, 3, 0.05),\n N('keys.sameFingerMult', 'Same-finger slowdown ×', 1, 3, 0.05, 'e.g. “ed”, “rt”, “ik” are slower'),\n N('keys.digraphMult', 'Common-pair speedup ×', 0.5, 1.2, 0.01, 'e.g. “th”, “he” roll out faster (<1)')\n ]}\n ];\n\n const GLOBAL_FIELDS = [\n C('hijackEnabled', 'Hijack paste & re-type', 'Master switch for the paste interceptor'),\n N('minChars', 'Min chars to hijack', 1, 500, 1, 'Short pastes (e.g. a URL) pass through normally'),\n C('shiftBypass', 'Shift+Paste = real paste'),\n N('countdownSec', 'Manual-mode countdown (s)', 0, 10, 1),\n S('stopKey', 'Panic-stop key', ['Escape', 'F8', 'F9', 'F10', 'F12']),\n C('pauseWhenHidden', 'Pause when tab is hidden'),\n S('hudPosition', 'HUD position', ['bottom-right', 'bottom-left', 'top-right', 'top-left']),\n C('fireEnterEvents', 'Send Enter key events', 'Disable if Enter submits forms mid-typing')\n ];\n\n /* ---------------- profile selection ---------------- */\n function loadWorking(id) {\n const p = HT.findProfile(allProfiles(), id) || HT.DEFAULT_PROFILE;\n working = HT.clone(p);\n renderAll();\n }\n\n function ensureCustom() {\n // Editing a built-in auto-duplicates it into a custom copy.\n if (!working.builtin) return;\n const copy = HT.clone(working);\n copy.id = HT.uid();\n copy.builtin = false;\n copy.name = 'Copy of ' + copy.name;\n customs.push(copy);\n working = copy;\n buildSelect(copy.id);\n scheduleSave();\n }\n\n function mergedWorking() { return HT.materialize(working); }\n\n /* ---------------- rendering ---------------- */\n function buildSelect(selectId) {\n const sel = $('pselect');\n sel.innerHTML = '';\n for (const p of allProfiles()) {\n const o = document.createElement('option');\n o.value = p.id;\n o.textContent = (p.icon ? p.icon + ' ' : '') + p.name;\n sel.appendChild(o);\n }\n sel.value = selectId || working.id;\n }\n\n function renderHeader() {\n buildSelect();\n $('pbadge').innerHTML = working.builtin\n ? 'built-in'\n : 'custom';\n $('pname').value = working.name;\n $('picon').value = working.icon || '';\n $('pdesc').value = working.desc || '';\n $('pnote').textContent = working.builtin\n ? 'Built-ins are read-only — any edit below auto-creates an editable copy.'\n : 'Custom preset. Auto-saved.';\n $('del').disabled = working.builtin;\n $('del').style.opacity = working.builtin ? 0.4 : 1;\n const active = settings.selectedProfileId === working.id;\n $('setActive').textContent = active ? '⭐ Active preset' : '⭐ Set as active';\n }\n\n function renderGroups() {\n const host = $('groups');\n host.innerHTML = '';\n const m = mergedWorking();\n for (const g of GROUPS) {\n const panel = document.createElement('div');\n panel.className = 'panel';\n const h = document.createElement('h2');\n h.textContent = g.title;\n panel.appendChild(h);\n const grid = document.createElement('div');\n grid.className = 'grid';\n for (const f of g.fields) grid.appendChild(renderField(f, m));\n panel.appendChild(grid);\n host.appendChild(panel);\n }\n }\n\n function renderField(f, m) {\n const wrap = document.createElement('div');\n wrap.className = 'fld';\n const lab = document.createElement('label');\n lab.innerHTML = f.label + (f.hint ? '' + f.hint + '' : '');\n wrap.appendChild(lab);\n\n let input;\n if (f.type === 'checkbox') {\n input = document.createElement('input');\n input.type = 'checkbox';\n input.checked = !!getPath(m, f.path);\n input.addEventListener('change', () => onField(f, input.checked));\n } else if (f.type === 'select') {\n input = document.createElement('select');\n for (const o of f.options) {\n const op = document.createElement('option');\n op.value = o; op.textContent = o;\n input.appendChild(op);\n }\n input.value = getPath(m, f.path);\n input.addEventListener('change', () => onField(f, input.value));\n } else {\n input = document.createElement('input');\n input.type = 'number';\n input.min = f.min; input.max = f.max; input.step = f.step;\n input.value = getPath(m, f.path);\n input.addEventListener('input', () => {\n let v = Number(input.value);\n if (isNaN(v)) return;\n v = Math.min(f.max, Math.max(f.min, v));\n onField(f, v);\n });\n }\n wrap.appendChild(input);\n return wrap;\n }\n\n function onField(f, v) {\n ensureCustom();\n // write into the working profile at the same path (creating structure)\n const m = HT.clone(HT.materialize(working));\n setPath(m, f.path, v);\n for (const k of Object.keys(working)) if (!['id', 'name', 'icon', 'desc', 'builtin'].includes(k)) delete working[k];\n Object.assign(working, HT.clone(m), { id: working.id, name: working.name, icon: working.icon, desc: working.desc, builtin: false });\n working.randomize = m.randomize;\n const idx = customs.findIndex((p) => p.id === working.id);\n if (idx >= 0) customs[idx] = HT.clone(working);\n scheduleSave();\n drawPreview();\n }\n\n function renderGlobals() {\n const host = $('globals');\n host.innerHTML = '';\n for (const f of GLOBAL_FIELDS) {\n const wrap = document.createElement('div');\n wrap.className = 'fld';\n const lab = document.createElement('label');\n lab.innerHTML = f.label + (f.hint ? '' + f.hint + '' : '');\n wrap.appendChild(lab);\n let input;\n if (f.type === 'checkbox') {\n input = document.createElement('input');\n input.type = 'checkbox';\n input.checked = !!settings[f.path];\n input.addEventListener('change', () => { settings[f.path] = input.checked; saveAll(); });\n } else if (f.type === 'select') {\n input = document.createElement('select');\n for (const o of f.options) {\n const op = document.createElement('option');\n op.value = o; op.textContent = o;\n input.appendChild(op);\n }\n input.value = settings[f.path];\n input.addEventListener('change', () => { settings[f.path] = input.value; saveAll(); });\n } else {\n input = document.createElement('input');\n input.type = 'number';\n input.min = f.min; input.max = f.max; input.step = f.step;\n input.value = settings[f.path];\n input.addEventListener('input', () => {\n const v = Number(input.value);\n if (!isNaN(v)) { settings[f.path] = Math.min(f.max, Math.max(f.min, v)); saveAll(); }\n });\n }\n wrap.appendChild(input);\n host.appendChild(wrap);\n }\n }\n\n /* ---------------- preview charts ---------------- */\n const STUB = { tagName: 'TEXTAREA', isContentEditable: false, isConnected: true };\n\n function drawPreview() {\n const prof = mergedWorking();\n // --- speed curve ---\n const cv = $('cvCurve'), ctx = cv.getContext('2d');\n ctx.clearRect(0, 0, cv.width, cv.height);\n const s = new HT.Engine.Session({ text: 'x', profile: prof, target: STUB, hooks: {} });\n const T = 120, pts = [];\n for (let t = 0; t <= T; t += 1) { s.activeMs = t * 1000; pts.push(s.speedMult()); }\n const lo = Math.min(...pts), hi = Math.max(...pts);\n const span = Math.max(0.05, hi - lo);\n ctx.strokeStyle = '#3ddc84'; ctx.lineWidth = 2; ctx.beginPath();\n pts.forEach((m, i) => {\n const x = (i / (pts.length - 1)) * cv.width;\n const y = cv.height - 6 - ((m - lo) / span) * (cv.height - 12);\n i ? ctx.lineTo(x, y) : ctx.moveTo(x, y);\n });\n ctx.stroke();\n ctx.fillStyle = '#717a90'; ctx.font = '10px monospace';\n ctx.fillText((prof.speed.wpm * hi).toFixed(0) + ' wpm', 4, 12);\n ctx.fillText((prof.speed.wpm * lo).toFixed(0) + ' wpm', 4, cv.height - 4);\n\n // --- delay histogram ---\n const cv2 = $('cvHist'), c2 = cv2.getContext('2d');\n c2.clearRect(0, 0, cv2.width, cv2.height);\n const s2 = new HT.Engine.Session({ text: 'x', profile: prof, target: STUB, hooks: {} });\n const sample = 'the quick brown fox jumps over the lazy dog. then he rested a while, thinking. ';\n const delays = [];\n let prev = '';\n for (let i = 0; i < 400; i++) {\n const ch = sample[i % sample.length];\n const d = s2.nextDelay(prev, ch);\n s2.activeMs += d;\n delays.push(d);\n prev = ch;\n }\n const max = Math.min(prof.speed.maxMs, Math.max(...delays));\n const BINS = 26, bins = new Array(BINS).fill(0);\n for (const d of delays) bins[Math.min(BINS - 1, Math.floor((d / max) * BINS))]++;\n const peak = Math.max(...bins);\n const bw = cv2.width / BINS;\n c2.fillStyle = '#6a5cff';\n bins.forEach((b, i) => {\n const h = (b / peak) * (cv2.height - 14);\n c2.fillRect(i * bw + 1, cv2.height - h - 12, bw - 2, h);\n });\n c2.fillStyle = '#717a90'; c2.font = '10px monospace';\n c2.fillText('0', 2, cv2.height - 2);\n c2.fillText(Math.round(max) + 'ms', cv2.width - 46, cv2.height - 2);\n }\n\n /* ---------------- buttons ---------------- */\n function bindButtons() {\n $('pselect').addEventListener('change', () => loadWorking($('pselect').value));\n $('setActive').addEventListener('click', () => {\n settings.selectedProfileId = working.id;\n saveAll(); renderHeader();\n });\n $('dup').addEventListener('click', () => {\n const copy = HT.clone(HT.materialize(working));\n copy.id = HT.uid(); copy.builtin = false;\n copy.name = 'Copy of ' + working.name;\n customs.push(copy);\n working = HT.clone(copy);\n saveAll(); renderAll();\n });\n $('reset').addEventListener('click', () => {\n if (working.builtin) return;\n const keep = { id: working.id, name: working.name, icon: working.icon, desc: working.desc };\n working = Object.assign(HT.clone(HT.DEFAULT_PROFILE), keep, { builtin: false });\n const idx = customs.findIndex((p) => p.id === working.id);\n if (idx >= 0) customs[idx] = HT.clone(working);\n saveAll(); renderAll();\n });\n $('del').addEventListener('click', () => {\n if (working.builtin) return;\n customs = customs.filter((p) => p.id !== working.id);\n if (settings.selectedProfileId === working.id) settings.selectedProfileId = 'balanced';\n saveAll();\n loadWorking(settings.selectedProfileId);\n });\n $('pname').addEventListener('input', () => { ensureCustom(); working.name = $('pname').value; syncCustom(); });\n $('picon').addEventListener('input', () => { ensureCustom(); working.icon = $('picon').value; syncCustom(); });\n $('pdesc').addEventListener('input', () => { ensureCustom(); working.desc = $('pdesc').value; syncCustom(); });\n\n $('export').addEventListener('click', () => {\n const blob = new Blob([JSON.stringify(HT.materialize(working), null, 2)], { type: 'application/json' });\n const a = document.createElement('a');\n a.href = URL.createObjectURL(blob);\n a.download = working.name.replace(/\\W+/g, '-').toLowerCase() + '.humantyper.json';\n a.click();\n URL.revokeObjectURL(a.href);\n });\n $('importBtn').addEventListener('click', () => $('importFile').click());\n $('importFile').addEventListener('change', async (e) => {\n const file = e.target.files[0];\n if (!file) return;\n try {\n const obj = JSON.parse(await file.text());\n if (!obj.speed || !obj.typos) throw new Error('not a preset');\n obj.id = HT.uid(); obj.builtin = false;\n obj.name = (obj.name || 'Imported') + ' (imported)';\n customs.push(obj);\n saveAll();\n working = HT.clone(obj);\n renderAll();\n $('importMsg').textContent = 'Imported ✓';\n } catch (err) {\n $('importMsg').textContent = 'Import failed: ' + err.message;\n }\n e.target.value = '';\n });\n }\n\n function syncCustom() {\n const idx = customs.findIndex((p) => p.id === working.id);\n if (idx >= 0) customs[idx] = HT.clone(working);\n buildSelect(working.id);\n scheduleSave();\n }\n\n function renderAll() {\n renderHeader();\n renderGroups();\n renderGlobals();\n drawPreview();\n }\n\n /* ---------------- init ---------------- */\n (async function init() {\n const data = await browser.storage.local.get(null);\n settings = HT.mergeSettings(data.settings);\n customs = Array.isArray(data.customProfiles) ? data.customProfiles : [];\n bindButtons();\n loadWorking(settings.selectedProfileId);\n })();\n})();\n\n\n---\n\n## Install on Zen Browser\n\n**Quick / development (temporary):**\n1. Save the files above into the folder structure shown.\n2. In Zen, go to `about:debugging` → **This Zen Browser** → **Load Temporary Add-on…** → select `manifest.json`.\n3. It stays installed until you restart the browser.\n\n**Permanent:** temporary add-ons vanish on restart, and release-channel Firefox/Zen enforces signing. The standard route is self-distribution signing:\n```bash\nnpm i -g web-ext\nweb-ext sign --api-key --api-secret --channel unlisted\n```\nGet API keys at addons.mozilla.org → Tools → Manage API Keys. This produces a signed `.xpi` you can install permanently via `about:addons` → ⚙ → **Install Add-on From File** (it's \"unlisted\" — just for you, not public).\n\n## Usage\n- **Automatic (main mode):** click into any text field on any site and **Ctrl+V as usual**. The extension eats the instant paste and types it out human-style. `Shift+Paste` bypasses for a real paste; pastes under 8 chars pass through (configurable).\n- **Manual:** toolbar button → paste text → **▶ Type it** → click the target field → countdown → typing starts.\n- **HUD:** live WPM, progress, ETA, pause/resume, stop. **Esc** = instant stop.\n- **Presets:** 12 built-ins — 🐢 Hunt & Peck (26 WPM), 💼 Professional (70), ⚡ Speed Demon (115), plus the \"weird rate\" ones you asked for: 🎢 Rollercoaster (sine-wave speed), 🐇 Hare & Tortoise (random speed hops), 📉 Out of Steam (fatigue decay + rising typos), ⌨️ Typewriter (metronome), 🎲 Dice Goblin (re-randomizes every parameter each run).\n- **Advanced editor** (⚙ button): ~50 tunable parameters across speed, speed curves, burst rhythm, 8 pause types, typo weights/correction behavior, and keyboard physics — with **live preview charts** showing the speed curve and keystroke-delay histogram, plus JSON import/export and unlimited custom presets.\n\n## Honest limitations\n- Extensions **cannot generate trusted keystrokes** (`isTrusted=false`) — this is a hard browser boundary, not a code gap. Sites that explicitly verify trusted input (Monkeytype and most typing-test sites, Google Docs' key handler) will reject or ignore synthetic typing. Rich editors and ordinary inputs/textareas (including React/Vue controlled inputs, via the native-setter trick) work fine, as does defeating paste-blockers.\n- Keep the tab visible while typing — browsers throttle timers in background tabs.\n- If a form submits on Enter, disable \"Send Enter key events\" in settings.\n\nOne sentence of caution: this is great for QA, demos, accessibility tooling, and paste-blocked forms — don't use it to misrepresent human work where that's prohibited (exams, typing tests, anti-cheat systems).","refusal":null,"role":"assistant","annotations":null,"audio":null,"function_call":null,"tool_calls":null,"reasoning":"The user wants a browser extension for Zen Browser. Zen Browser is a Firefox-based browser, so extensions for it would be Firefox extensions (WebExtensions API, Manifest V2 or V3 — Firefox supports both, with MV2 still supported which gives more capabilities).\n\nThe goal: auto-type after pasting in a block of text, at \"weird and uncommon human-like rates.\" So basically a \"human-like typing simulator\" — paste text, then it types it out character by character with variable delays, typos, corrections, pauses, bursts, etc.\n\nLet me think about what \"highest level possible with good customization and presets\" means:\n\n**Core features:**\n1. Paste text into the extension (popup or sidebar or a dedicated page)\n2. Click into a target field, then trigger typing\n3. Types character-by-character with human-like timing:\n - Variable WPM with natural variance\n - Per-character delay distributions (not uniform — use distributions like log-normal or Gaussian)\n - Digraph/trigraph timing (common letter pairs typed faster)\n - Burst typing (humans type in bursts of words, then pause)\n - Pause after punctuation (sentence-ending pauses, comma pauses)\n - Thinking pauses at random points\n - Typo simulation with backspace correction\n - Fat-finger adjacent key typos\n - Word-level rhythm\n4. Customization:\n - Base WPM / CPS\n - Variance amount\n - Typo frequency\n - Correction behavior (immediate vs delayed notice)\n - Pause frequencies and durations\n - Presets: \"Hunt and peck\", \"Average typist\", \"Professional\", \"Speed demon\", \"Erratic\", \"Careful/perfect\", \"Distracted\"\n5. Dispatch real keyboard events so sites see it as genuine typing — this is the tricky part. Extensions can't truly inject trusted key events into page content. Content scripts can dispatch synthetic KeyboardEvents and InputEvents, but they're `isTrusted: false`. Many sites (e.g., Google Docs, typing tests, some editors) check for isTrusted or use beforeinput. For a typing test site, synthetic events may be rejected.\n\nApproaches:\n- Content script that dispatches keydown/keypress/beforeinput/input/keyup events on the focused element. For simple input/textarea fields, inserting into `.value` and dispatching InputEvent with `inputType: 'insertText'` works on most sites.\n- For contenteditable, use `document.execCommand('insertText', ...)` which triggers proper input events and is more \"native-like\" (it goes through the browser's input pipeline, creating trusted-ish input events — actually execCommand input events are still not isTrusted but they're processed by the editor's own handlers).\n- Advanced: use the debugger protocol (Chrome DevTools Protocol Input.dispatchKeyEvent) — in Firefox this isn't available. Firefox WebExtensions don't have an equivalent to Chrome's `chrome.debugger` for input synthesis that produces trusted events... Actually Firefox has `chrome.debugger`? No — Firefox has limited debugger support. Firefox doesn't support the Input domain of CDP. So we can't get truly trusted events in Firefox.\n\nSo realistically: best effort synthetic events. For typing-test sites like Monkeytype, they specifically check `event.isTrusted === false` and reject. But the user says \"weird and uncommon human-like rates\" — maybe they want it for typing tests or for filling forms in a human way, or to defeat \"paste detection\" in text boxes (like some sites block paste). This is a common use case: sites that disable paste (some exam/homework sites, some forms). A human-typer defeats paste-blocking.\n\nI should mention limitations honestly: truly trusted events aren't possible from a WebExtension; some sites detect synthetic input. Also mention ethical note lightly? The user could use this to cheat on typing tests or exams. I should probably include a brief note about responsible use without being preachy. The request itself is a legitimate dev task (human-like typing simulation has many legit uses: accessibility, QA testing, demos, screencasts, defeating paste-blockers).\n\n**Architecture for Firefox/Zen (MV2 or MV3?):**\nZen Browser is Firefox-based. Firefox supports MV3 now but MV2 still works and is more permissive. For maximum compatibility with Zen, MV2 is safe. But Mozilla is pushing MV3. Firefox MV3 supports service workers? Firefox MV3 uses event pages (background scripts non-persistent) — actually Firefox MV3 supports background service workers as of recent versions? Firefox supports MV3 with background scripts as event pages; service worker support arrived later (Firefox 121+? Actually background service workers in Firefox are still behind... let me think. As of Firefox 109+, MV3 supported with non-persistent background pages, not service workers. Service worker support came around Firefox 121? I recall Firefox does NOT support service workers in MV3 for a long time; they implemented event pages instead. Recent Firefox (127+?) added MV3 service worker support experimentally. Safer: use MV2 for Zen Browser — Zen is based on Firefox and MV2 works fine, and sideloading unsigned extensions requires either temporary install via about:debugging or using Developer/Nightly with xpinstall.signatures.required=false. Zen Browser — can you install unsigned extensions? Zen is based on Firefox release; installing unsigned XPI requires about:debugging \"Load Temporary Add-on\" (temporary, removed on restart) or signing via AMO (self-distribution). I'll explain both: temporary for dev, and how to get it signed (web-ext sign with AMO API keys) for permanent install.\n\n**Design the extension:**\n\nFiles:\n- `manifest.json`\n- `background.js` (handles messaging, maybe orchestration)\n- `content.js` (the typing engine injected into pages)\n- `popup.html` / `popup.js` / `popup.css` (UI: paste text, settings, presets, start/stop)\n- `options.html` / `options.js` (advanced settings, custom presets saved to storage)\n- `icon(s)`\n- `engine.js` shared — the human-like timing model\n\nBetter: keep the typing engine in content script since it needs DOM access. Popup sends \"start typing with profile X and text Y\" to content script. Content script types into the currently focused element, or user picks target via element picker.\n\n**Typing engine details — make it genuinely sophisticated:**\n\nTiming model:\n1. Base speed: WPM → convert to per-char interval. Average char = 5 chars/word. interval = 60000 / (WPM * 5).\n2. Distribution: humans' inter-key intervals follow roughly a log-normal distribution. Sample: delay = base * lognormal(0, sigma). Clamp min/max.\n3. Context modifiers:\n - Digraph speed: common bigrams (\"th\", \"he\", \"in\", \"er\", \"an\", \"ou\") typed faster (factor ~0.8), awkward ones (cross-hand alternation vs same-finger) slower. Could embed a small table of same-finger key pairs on QWERTY to slow those down (e.g., \"ed\", \"rt\", \"ik\" same finger sequences are slower).\n - Same-finger bigrams slower by factor 1.3.\n - Hand alternation faster.\n - Capital letters: add shift overhead (+80-150ms for the shifted char).\n - Numbers/symbols slower (reaching): factor 1.4.\n - Space after word: slight pause; space after sentence-ending punctuation: longer pause.\n4. Rhythm/bursts: type in bursts — sample burst length from distribution (e.g., 3–8 words), then a \"thinking pause\" sampled from another distribution. Probability of long pause increases at paragraph boundaries.\n5. Fatigue: optional drift — WPM decreases/increases slowly over time (random walk), or speed up as you \"warm up.\"\n6. Typos:\n - Probability per char (default ~2-5%).\n - Typo types: adjacent key substitution (QWERTY neighbor map), transposition (\"teh\" → type \"te\", notice \"ht\"... actually transposition: type \"teh\" when meant \"the\", then backspace twice and fix), omission (skip char, notice later), double-strike (\"thhe\").\n - Correction model: probability of noticing after N chars (geometric distribution — most noticed immediately, some 1-4 chars later, some never / noticed at word end). Then press backspace N times (with realistic backspace cadence, faster burst), retype.\n - \"Perfect mode\": no typos.\n7. Pause model:\n - Micro-pauses (50-150ms) randomly.\n - Word-boundary pauses.\n - Sentence pauses (200-600ms).\n - Paragraph pauses (500-2000ms).\n - \"Distracted\" long pauses (2-10s) at configurable rarity.\n8. Special keys: Enter for newlines (dispatch Enter key events; in contenteditable execCommand insertParagraph), Tab handling.\n\nEvent dispatch per keystroke:\n- keydown (with key, code, keyCode legacy props, bubbles, cancelable)\n- beforeinput (InputEvent, inputType: 'insertText' or 'deleteContentBackward')\n- then mutate DOM: for input/textarea — splice into value at selectionStart, update selection; for contenteditable — use execCommand('insertText') which handles mutation + events mostly itself; for other elements, skip.\n- input event\n- keypress (deprecated but some sites listen) — keypress only for printable chars\n- keyup\n\nFor backspace: keydown Backspace, beforeinput deleteContentBackward, mutate value, input, keyup.\n\nReact/framework compatibility: setting `input.value` directly doesn't trigger React's onChange properly; the known trick is using the native setter: `Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set.call(input, val)` then dispatch input event with bubbles — React picks it up. Include that.\n\nPaste-in then type: user pastes text into popup textarea. Popup stores it (storage.local or direct message). Then \"Arm\" mode: user clicks target field in page; content script counts down (configurable countdown 3s) then types. Controls: pause/resume, stop, panic hotkey (Esc to stop). Overlay HUD in page showing progress, current WPM, status — nice touch. Show progress bar and allow pause.\n\nPresets (built-in):\n- 🐢 Hunt & Peck: 25 WPM, high variance, long pauses before capitals/symbols, no touch-typing patterns, frequent corrections, pauses to look at keyboard.\n- 🙂 Average Joe: 45 WPM, moderate everything, ~3% typos.\n- 💼 Professional: 75 WPM, lower variance, 2% typos, quick corrections.\n- ⚡ Speed Demon: 110 WPM, low variance, rare typos, fast corrections — still human-plausible.\n- 🌊 Erratic / Chaotic: wildly varying speed (bursts 30-130 WPM), distracted pauses, mood swings.\n- 🧐 Perfectionist: 60 WPM, zero uncorrected errors, corrects everything immediately, deliberate.\n- 😴 Tired / Late-night: slow drift down, more errors over time, long micro-sleeps.\n- 🎲 Random Chaos: randomizes all parameters each run within sane bounds (this is the \"weird and uncommon\" request — give them truly unusual profiles like \"typewriter rhythm\" (metronome + occasional jam), \"burst typer\" (all-or-nothing), \"morse\" (weird rhythmic patterns)).\n\nMaybe include a \"Custom profile\" editor in options page: sliders/numbers for every parameter:\n- Base WPM (min, max, distribution shape)\n- Variance (sigma)\n- Burst length mean/spread\n- Think-pause probability & duration range\n- Distraction probability & duration\n- Typo rate, per-typo-type weights\n- Correction speed multiplier, notice-delay distribution\n- Punctuation pause multipliers\n- Capital overhead\n- Fatigue/warmup drift settings\n- Speed oscillation (period & amplitude) — makes WPM wave over time for \"uncommon rates\"\n- Random seed option for reproducibility\n\nAlso \"weird and uncommon human-like rates\": they want unusual WPM like 73.4 or oscillating speeds. Provide a fine-grained WPM field (decimals), plus \"speed curve\" options: constant, random walk, sine wave oscillation, warm-up ramp, fatigue decay, sudden bursts mode. That's distinctive.\n\nAlso: per-session \"humanize\" — at start, sample a session skill multiplier (some days you type faster).\n\n**HUD / controls:**\n- In-page overlay (Shadow DOM to avoid CSS conflicts): status, progress, elapsed, current effective WPM, chars remaining, pause/stop buttons.\n- Keyboard shortcuts: Esc = stop, Ctrl+Shift+P? careful conflicts. Use Esc stop and maybe `Alt+P` pause toggle. Configurable.\n\n**Messaging flow:**\n- Popup: user pastes text, picks preset, tweaks quick sliders, clicks \"Start\". Popup sends message to active tab content script with {text, profile}. Content script injects HUD, waits for user to click target (or uses document.activeElement), optional countdown, then runs engine loop.\n- Engine loop uses setTimeout chains with self-correcting drift (performance.now based). Handles page visibility (pause when tab hidden? or keep going — configurable; keep going is default for typing tests? Actually tab hidden throttles timers; mention using alarms won't help for ms timing. Keep a note: keep tab focused).\n- Pause/resume via messages; stop cancels.\n\nEdge cases:\n- maxlength on inputs: respect or overflow? Respect, warn.\n- Places that reject synthetic events: fallback modes. Provide \"Compatibility mode\" selector: Auto / execCommand / value-set+events / events-only.\n- Multi-line: Enter key events; for input (single-line), replace newlines with spaces or stop.\n- Clipboard capture alternative: content script can listen for the paste event on the page — user pastes normally, extension intercepts, prevents it, and re-types it human-like. That's actually a killer feature matching \"auto type after pasting in a block of text\" — literally: you Ctrl+V, and instead of instant paste, it types it out. Implement \"Paste Hijack mode\": intercept paste events on editable elements, preventDefault, take clipboardData text, type it out. Toggleable per-site or globally with a toolbar toggle. That's exactly what the user asked: \"auto type after pasting in a block of text.\" So the flow is: paste as normal → extension intercepts → types it human-like. Plus popup mode for manual.\n\nGreat. Implement both:\n1. **Paste Hijack (default)**: on any paste into editable field, extension takes over and re-types. Toggle in popup, per-site enable list maybe.\n2. **Manual mode**: paste text into popup, click \"Type it\", then click target field.\n\n**Security/permissions:** `activeTab`, `storage`, content scripts on `` for hijack mode. Keep permissions minimal: storage, activeTab, contextMenus maybe. Use `browser` API (Firefox). Wrap in a `browser`/`chrome` polyfill-ish (just use `browser`, Zen is Firefox).\n\nZen Browser specifics: Zen is Firefox-based, supports Firefox extensions from AMO and .xpi. Temporary install via about:debugging. I'll give install instructions: about:debugging → This Firefox → Load Temporary Add-on → select manifest.json. Note temporary = removed on restart; for permanent, get it signed via AMO self-hosted (web-ext sign) — unlisted signing gives an .xpi you can install permanently. Also note `xpinstall.signatures.required` can't be flipped on release Firefox; Zen might allow? Zen is based on Firefox release — I believe it enforces signatures like release. Provide signing instructions.\n\n**Manifest V2 vs V3:** For Zen (Firefox), MV2 with persistent background is fine and simpler, and content scripts + paste interception work the same. I'll go MV2 for max compatibility, mention MV3 conversion is easy. Actually Mozilla will deprecate MV2 eventually but Firefox has committed to keeping MV2 (they said they'll continue supporting it, unlike Chrome). MV2 it is.\n\nNow, write the code. This will be long. Structure:\n\n```\nzen-human-typer/\n├── manifest.json\n├── background.js\n├── content/\n│ ├── content.js (bridge: listens messages, paste hijack)\n│ ├── engine.js (typing engine + human model)\n│ ├── hud.js (overlay UI)\n│ └── hud.css (optional; maybe inline styles in shadow DOM)\n├── popup/\n│ ├── popup.html\n│ ├── popup.css\n│ └── popup.js\n├── options/\n│ ├── options.html\n│ ├── options.css\n│ └── options.js\n├── lib/\n│ ├── profiles.js (presets + defaults)\n│ └── qwerty.js (key maps, digraph data)\n└── icons/\n ├── icon-48.png (can't create binary; provide SVG icon)\n```\n\nFirefox supports SVG icons in manifest? Firefox supports SVG icons for extensions, yes (action icons SVG ok). Use one SVG.\n\nI'll consolidate to reduce file count but keep it organized: maybe merge qwerty data into engine.js, profiles into lib/profiles.js shared by popup/options/content (content scripts need it too — load it as content script before engine).\n\nContent scripts order: profiles.js, engine.js, hud.js, content.js.\n\n**Engine implementation sketch:**\n\n```js\nclass HumanTyper {\n constructor(profile) { this.p = profile; ... state }\n async typeInto(element, text) { loop }\n // scheduler: nextDelay(charContext) computes ms\n}\n```\n\nKey parts:\n\n```js\nfunction sampleLogNormal(mean, sigma) { // via Box-Muller\n const u = Math.random(), v = Math.random();\n const z = Math.sqrt(-2*Math.log(u))*Math.cos(2*Math.PI*v);\n return mean * Math.exp(sigma * z);\n}\n```\n\nSpeed curve: effectiveWPM(t):\n```js\nbase * warmup(t) * fatigue(t) * oscillation(t) * walk(t) * burstFactor\n```\n\nContext delay for char c given prev char:\n```js\nlet d = baseInterval * sampleLogNormal-ish;\nif (isUpper(c) && profile.shiftOverhead) d += rand(shiftMin, shiftMax);\nif (sameFinger(prev, c)) d *= sameFingerPenalty;\nif (commonDigraph(prev+c)) d *= digraphBonus;\nif (isSymbol(c)) d *= symbolPenalty;\nif (c === ' ') d += spacePause(prevChar was '.' ? sentencePause : wordPause)\npunctuation pauses...\n```\n\nTypo injection: before typing intended char, roll typo chance. If typo: pick type, generate wrong sequence, type it, then decide notice delay (0-4 chars later — implement as: type wrong char(s), maybe continue typing a few correct chars, then backspace burst, then resume). Simplest robust model: when a typo occurs, type wrong char; then with notice-roll type 0–3 more correct chars (actually those correct chars are the intended subsequent chars), then stop, pause (realization pause 100-400ms), backspace (wrong + the extra correct chars typed after it), retype them correctly. Mark \"pending correction\" state in engine.\n\nAlso uncorrected typos: with small probability, leave typo in (for realism in chat-typing profile; for \"perfect\" mode set to 0).\n\nImplementation approach: precompute nothing; run a generator-like loop. I'll write an async loop with a queue-ish state machine:\n\n```js\nwhile (i < text.length) {\n if (stopped) break;\n if (paused) await waitForResume();\n const ch = text[i];\n // maybe start burst\n // typo roll\n if (roll(typoRate) && isTypoable(ch)) {\n await performTypo(ch, ...); // types wrong, maybe extra chars, corrects\n i advanced appropriately\n } else {\n await typeChar(ch);\n i++;\n }\n await sleep(nextDelay(...));\n}\n```\n\nperformTypo: choose wrong char from neighbors; type wrong char (with delay); then extra = sample from {0:0.5,1:0.25,2:0.15,3:0.1} (limited by remaining text); type text[i+1..i+extra]; realization pause; backspace (1+extra) times with fast cadence; then continue normal loop from i (retyping correct chars). If \"leave uncorrected\" roll: just count wrong char as typed for ch and move on (i++). Transposition: if next char exists, type next char then current char, then backspace 2, retype both — equivalent handling.\n\nDOM insertion:\n\n```js\nfunction insertChar(el, ch) {\n if (el.isContentEditable) { document.execCommand('insertText', false, ch); }\n else {\n const proto = el instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;\n const setter = Object.getOwnPropertyDescriptor(proto, 'value').set;\n const s = el.selectionStart, e = el.selectionEnd;\n setter.call(el, el.value.slice(0,s) + ch + el.value.slice(e));\n el.selectionStart = el.selectionEnd = s + ch.length;\n el.dispatchEvent(new InputEvent('input', {bubbles:true, inputType:'insertText', data: ch}));\n }\n}\n```\n\nKey events wrapper around that: keydown → beforeinput → mutate+input → keypress? order: keydown, keypress, beforeinput, input, keyup is the real browser order (keypress before beforeinput historically; modern browsers: keydown, beforeinput, input, keyup; keypress deprecated but still fired before beforeinput? Real order: keydown, keypress (if printable), beforeinput, input, keyup). I'll dispatch keydown, keypress (printable only), beforeinput, mutate, input, keyup. Newline: Enter key events and insert '\\n' in textarea; contenteditable: execCommand('insertParagraph') or insertLineBreak.\n\nBackspace: keydown (Backspace), beforeinput deleteContentBackward, mutate (remove char before caret), input, keyup.\n\nHandle `maxlength` on input: check and stop with HUD warning.\n\nPaste hijack:\n\n```js\ndocument.addEventListener('paste', (e) => {\n if (!settings.hijackEnabled) return;\n const el = e.target.closest?.('input, textarea, [contenteditable]');\n if (!el) return;\n const text = e.clipboardData.getData('text/plain');\n if (!text) return;\n e.preventDefault(); e.stopPropagation();\n startTyping(el, text, currentProfile);\n}, true);\n```\n\nAlso ignore tiny pastes (< 3 chars? configurable threshold) — pasting a single word shouldn't trigger; add setting \"minimum length to hijack\" default e.g. 2? Hmm, user wants paste→type; but hijacking every paste including passwords/short things is annoying. Default threshold maybe 10 chars, configurable. Also modifier: hold Shift while pasting to bypass hijack (or hold Alt to force when below threshold). Nice touch.\n\nHUD: shadow DOM overlay fixed bottom-right: title, status dot, progress bar, stats (chars typed/total, elapsed, current WPM live), buttons: Pause/Resume, Stop. Esc handling: keydown listener on window capture phase → stop. Also avoid typing our own HUD interactions.\n\nLive WPM: track last N char times, compute.\n\nCountdown: after hijack/arm, show \"3...2...1\" in HUD? Configurable start delay (default 0 for hijack, 3s for manual mode).\n\nPopup UI:\n- Enable toggle (paste hijack) + \"current site\" indicator\n- Preset dropdown (cards?) with description\n- Quick sliders: Speed (WPM, number input w/ decimals), Variance, Typo rate\n- Textarea for manual mode + \"Type into focused field\" button\n- Link to options page (\"Advanced settings / custom profiles\")\n- Status line\n\nOptions page:\n- Full parameter editor bound to selected profile, \"Save as new preset\", duplicate/reset, export/import JSON.\n- Global settings: hijack threshold, bypass modifier, countdown, auto-pause when tab hidden, stop key, HUD position, sound? no.\n\nProfiles structure (all numeric params):\n\n```js\n{\n id, name, emoji, description, builtin: true,\n speed: { wpm: 55, sigma: 0.35, minMs: 25, maxMs: 1200 },\n curve: { mode: 'walk'|'constant'|'sine'|'warmup'|'fatigue'|'chaos', amplitude: 0.15, periodSec: 45, driftPerMin: -0.03 },\n bursts: { enabled: true, meanWords: 6, spread: 3, pauseAfterMs: [150, 700] },\n pauses: { wordMs:[20,90], sentenceMs:[250,800], paragraphMs:[600,2000], think:{prob:0.02, ms:[800,3500]}, distract:{prob:0.004, ms:[3000,12000]} },\n typos: { rate:0.03, adjacent:0.6, transpose:0.2, double:0.1, omit:0.1, uncorrectedProb:0.02, noticeExtra:[0.5,0.75,0.9,1], correctionSpeed:1.8, realizeMs:[120,450] },\n keys: { shiftMs:[70,160], symbolMult:1.35, sameFingerMult:1.25, digraphBonus:0.85, enterPauseMs:[150,500] },\n session: { skillJitter:0.06 } // per-run multiplier\n}\n```\n\nThat's deep customization. Presets define these.\n\nAmount of code: quite large. The user asked to \"develop to the highest level possible\" — so a comprehensive artifact is appropriate. I should produce one artifact containing... hmm, artifacts are single files. A multi-file extension — I could produce multiple artifacts (one per file) or one big artifact with all files concatenated with clear separators. Better DX: one artifact per file is cleaner to copy. That's like 8-10 artifacts. Alternatively, make it a single-file build where possible: Could I make the whole extension fewer files?\n\nMinimal file set:\n1. manifest.json\n2. background.js (tiny — open options page on action? Actually action opens popup; background only needed for options button... can skip background entirely! Popup has link to options; use `browser.runtime.openOptionsPage()` from popup.js. No background needed. Keep manifest without background.)\n3. profiles.js (shared)\n4. engine.js\n5. content.js (includes HUD inline — hud as functions in content.js, styles via shadow DOM adoptedStyleSheets or a

...

`; document.documentElement.appendChild(hud); grab refs; wire buttons;}\n```\n\nPosition from settings.hudPosition.\n\nStatus colors: typing green, paused amber, correcting blue, done gray...\n\nAlso 'HT_PING' message for popup to check content script alive? Popup sends message; if error (no content script, e.g., on about: pages), popup shows \"can't run on this page\". Handle with try/catch.\n\nProgress display: pos=i/len; plus typed keystrokes count; ETA from liveWpm.\n\npopup.js: load storage; populate preset select (builtin+custom); show desc + stats; tweaks sliders (speed ×, typos ×, wildness ×) with value labels, stored in settings.tweaks; hijack checkbox; minChars number; textarea + type button; status polling interval while open (browser.tabs.sendMessage HT_STATUS every 500ms) — popup closing kills interval, fine. \"Type it\" → send HT_START with text, then window.close(). If sendMessage rejects → show error \"Content script unavailable on this page\".\n\nWait: HT_START triggers arm requiring user click — popup closes, user clicks field. Good. Also include profileId? Content uses selectedProfileId from settings — popup changes selection → stored before sending. Keep single source in storage.\n\noptions.js: build editor; load profiles; select profile; render fields with values (merged with defaults? store custom profiles as FULL merged objects to simplify: when duplicating builtin, store HT.prepareProfile(builtin) without tweaks/randomization? prepareProfile applies randomize — no; for editing use HT.materialize(builtin) = deepMerge(DEFAULTS, overrides) without randomize. Add HT.materialize. Save custom as full object {id,name,icon,desc,custom:true, ...full}. Engine prepareProfile must then handle full objects — deepMerge(DEFAULTS, profile) works whether profile partial or full. randomize flag inside.)\n\nExport: JSON of current profile; import: parse, assign new id, push.\n\nAlso \"Set active\" button sets settings.selectedProfileId. Delete custom. Rename: name input at top.\n\nGlobal settings section in options: hijackEnabled, minChars, shiftBypass, countdownSec, stopKey (text input or select of ['Escape','F9','F10']), pauseWhenHidden, hudPosition select, fireEnterEvents checkbox.\n\nmergeSettings defaults:\n```js\nDEFAULT_SETTINGS={hijackEnabled:true,minChars:8,shiftBypass:true,countdownSec:2,stopKey:'Escape',pauseWhenHidden:false,hudPosition:'bottom-right',fireEnterEvents:true,selectedProfileId:'professional',tweaks:{speedMult:1,typoMult:1,varianceMult:1}};\n```\n\npopup quick edits minChars too? keep minChars in options only; popup has hijack toggle + tweaks + preset + manual box. Good.\n\nAlright, also handle content script double-injection (e.g., bfcache?): guard `if(window.__htLoaded) return; window.__htLoaded=true;` — but content scripts run in isolated world per injection; document_idle once. Fine to guard anyway.\n\nManual start target editableFrom(target): walk up: el.closest('input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=password]),textarea,[contenteditable=\"\"],[contenteditable=\"true\"]') — contenteditable=\"\" means true. Also contenteditable without value... closest('[contenteditable]') then check isContentEditable. Also role=textbox? skip.\n\nPassword excluded. readonly/disabled excluded: check el.readOnly/el.disabled.\n\nType check input types that accept text: text, search, url, email, number?, tel, password(excluded), or no type. number inputs: setting value works; keyCode weird; allow.\n\nNow the tricky: hijack inside iframe — all_frames false → only top frame. Editors often in iframes (Google Docs main is top... Docs uses iframes internally? The editable is in top document I think). Set all_frames true so hijack works in frames (e.g., embedded editors). Yes all_frames: true. Each frame gets its own content script instance; fine. Popup manual HT_START goes to top frame only via tabs.sendMessage (no frameId) — arm-click happens in whichever frame? pointerdown listener only in top frame; clicking inside iframe won't reach top listener... For manual mode in iframes: send message to all frames? tabs.sendMessage with frameId... Simplest: popup sends to tab (top). Also add: popup HT_START broadcast to ALL frames via... tabs.sendMessage can't broadcast; use `browser.tabs.sendMessage(tabId, msg)` → only frame 0? Actually without frameId it goes to... the message is delivered to all frames? No — to one frame? runtime.onMessage in content scripts: tabs.sendMessage delivers to ALL frames' listeners? Docs: \"sends a single message to the content script(s) in the specified tab\" — all frames receive? I believe without frameId it sends to all frames? Hmm, actually it goes to all content scripts in the tab (every frame), and sendMessage resolves with the first response. Let me recall: MDN tabs.sendMessage: \"Sends a single message... to the content script(s) in the specified tab, with an optional frameId.\" Without frameId — delivered to all frames. Yes, all frames get it; multiple responses → promise resolves with one. So arm() in every frame → whichever frame user clicks in handles it, others stay armed — need disarm broadcast: after one frame starts, it could notify others... send runtime message → background? No background. Alternative: each frame arms; on pointerdown in frame A it starts; frames B,C still armed — next click in B would ALSO start typing. Mitigate: when arming, also set a timestamp; on second arm start, ignore if another started recently? Race-y. Simpler: on successful target acquisition, broadcast `browser.runtime.sendMessage({type:'HT_DISARM'})` — runtime.sendMessage from content script goes to... extension pages AND other content scripts? runtime.sendMessage from content script does NOT reach other content scripts (only extension pages/background). No background script... \n\nAdd a tiny background.js as relay: onMessage HT_DISARM_RELAY → broadcast tabs.sendMessage to sender tab → all frames disarm. That reintroduces background — fine, small MV2 persistent background (or non-persistent with listener; MV2 background page persistent default true; ok).\n\nAlternatively skip iframes complexity: all_frames true for hijack (works per-frame naturally), manual arm: clicking in iframe — top frame armed listener won't fire; iframe's own content script DID receive HT_START (if delivered to all frames) and armed itself → works. Multiple frames armed simultaneously → the disarm relay. Let me just include background.js relay (15 lines). Also background can open options on install etc. Keep tiny.\n\nActually simpler: in each frame's arm(), before starting we send disarm-relay; receivers check `armed` and cancel. Race: two frames both pointerdown same click? No — one click lands in one frame only. \n\nbackground.js:\n\n```js\nbrowser.runtime.onMessage.addListener((msg,sender)=>{\n if(msg&&msg.type==='HT_RELAY'&&sender.tab){\n return browser.tabs.sendMessage(sender.tab.id, msg.payload).catch(()=>{});\n }\n});\n```\n\nContent: after acquiring target → browser.runtime.sendMessage({type:'HT_RELAY',payload:{type:'HT_DISARM'}}).catch(()=>{}). All frames incl. itself get HT_DISARM → set armed=false (already false in self). \n\nAlso HUD per frame — if typing in iframe, HUD shows in that iframe. Good.\n\nAdd background to manifest:\n```json\n\"background\": {\"scripts\":[\"background.js\"], \"persistent\": true}\n```\n\nOK.\n\nAlso options \"hudPosition\" — content ensureHud applies class.\n\nLet me also add sound? No.\n\nNow write HUD CSS (shadow):\n\n```css\n*{box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}\n.card{position:fixed;z-index:2147483647;width:270px;background:rgba(17,19,26,.94);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#e7eaf2;font-size:12px;box-shadow:0 8px 30px rgba(0,0,0,.5);backdrop-filter:blur(6px)}\n.card.br{right:16px;bottom:16px} .card.bl{left:16px;bottom:16px} .card.tr{right:16px;top:16px} .card.tl{left:16px;top:16px}\n.row{display:flex;align-items:center;gap:8px}\n.title{font-weight:700;letter-spacing:.3px}\n.dot{width:8px;height:8px;border-radius:50%;background:#8b93a7}\n.dot.typing{background:#3ddc84;box-shadow:0 0 8px #3ddc84} .dot.paused{background:#ffb020} .dot.correcting{background:#4aa8ff} .dot.done{background:#8b93a7} .dot.armed{background:#c58bff}\n.bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin:8px 0 6px}\n.fill{height:100%;width:0%;background:linear-gradient(90deg,#6a5cff,#3ddc84);transition:width .2s}\n.stats{display:flex;justify-content:space-between;color:#9aa3b5;margin-bottom:8px}\n.btns{display:flex;gap:6px}\nbutton{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e7eaf2;border-radius:8px;padding:5px 8px;cursor:pointer;font:inherit}\nbutton:hover{background:rgba(255,255,255,.16)}\n.status{margin-left:auto;color:#9aa3b5;font-size:11px}\n```\n\nHUD HTML:\n\n```html\n

HumanTyperidle

0 / 0— wpm—

\n```\n\nHide card when idle? Show only during session/arm; on done auto-hide after 4s.\n\ncontent.js update functions.\n\nPause button toggles session.paused, label swap.\n\nstop() → session.stop() → run loop exits → finish('stopped') → HUD 'stopped', hide later; session=null.\n\nEdge: user navigates mid-typing — everything dies; fine.\n\nNow popup.html: inline

...

HumanTyperidle

0 / 0— wpm—

auto typer