Add corporate and senator fun styles

Introduce two new fun styles “Corporate Bullshit” and
“Senator John Kennedy” with corresponding prompt modifiers.

Update tests to cover the new styles and verify the fun category
now contains seven entries.

Add AGENTS.md documenting repository agents
and update package-lock with optional @emnapi core and runtime dev
dependencies.

AGENTS.md

@@ -0,0 +1,27 @@
+# AGENTS.md
+
+Short map. Read only what task needs.
+
+## Core
+- App: SvelteKit + TypeScript + Vitest.
+- Keep changes small. Match existing style. No extra deps unless needed.
+- Prefer repo docs over guessing.
+
+## Read on demand
+- Product / setup: `README.md`
+- Design: `docs/superpowers/specs/2025-04-12-english-style-converter-design.md`
+- Build plan: `docs/superpowers/plans/2025-04-12-english-style-converter.md`
+- Style data: `src/lib/styles.ts`
+- LLM + prompts: `src/lib/llm.ts`
+- API: `src/routes/api/convert/+server.ts`
+- UI: `src/routes/+page.svelte`
+- Shared types: `src/lib/types.ts`
+- Component UI bits: `src/lib/components/*`
+
+## Tests
+- Use existing `npm test` / `npm run check`.
+- Add or update tests near touched code.
+
+## Notes
+- Server-only secrets stay in env vars.
+- Do not leak private prompt / defense details into UI.

package-lock.json

@@ -19,6 +19,29 @@
 				"vitest": "^4.1.3"
 			}
 		},
+		"node_modules/@emnapi/core": {
+			"version": "1.9.2",
+			"resolved": "https://registry.npmmirror.com/@emnapi/core/-/core-1.9.2.tgz",
+			"integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"@emnapi/wasi-threads": "1.2.1",
+				"tslib": "^2.4.0"
+			}
+		},
+		"node_modules/@emnapi/runtime": {
+			"version": "1.9.2",
+			"resolved": "https://registry.npmmirror.com/@emnapi/runtime/-/runtime-1.9.2.tgz",
+			"integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"dependencies": {
+				"tslib": "^2.4.0"
+			}
+		},
 		"node_modules/@emnapi/wasi-threads": {
 			"version": "1.2.1",
 			"resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
@@ -899,7 +922,6 @@
 			"integrity": "sha512-VRdSbB96cI1EnRh09CqmnQqP/YJvET5buj8S6k7CxaJqBJD4bw4fRKDjcarAj/eX9k2eHifQfDH8NtOh+ZxxPw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@standard-schema/spec": "^1.0.0",
 				"@sveltejs/acorn-typescript": "^1.0.5",
@@ -942,7 +964,6 @@
 			"integrity": "sha512-ILXmxC7HAsnkK2eslgPetrqqW1BKSL7LktsFgqzNj83MaivMGZzluWq32m25j2mDOjmSKX7GGWahePhuEs7P/g==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"deepmerge": "^4.3.1",
 				"magic-string": "^0.30.21",
@@ -1133,7 +1154,6 @@
 			"integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -1886,7 +1906,6 @@
 			"integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@types/estree": "1.0.8"
 			},
@@ -2011,7 +2030,6 @@
 			"integrity": "sha512-dS1N+i3bA1v+c4UDb750MlN5vCO82G6vxh8HeTsPsTdJ1BLsN1zxSyDlIdBBqUjqZ/BxEwM8UrFf98aaoVnZFQ==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"@jridgewell/remapping": "^2.3.4",
 				"@jridgewell/sourcemap-codec": "^1.5.0",
@@ -2126,7 +2144,6 @@
 			"integrity": "sha512-bGdAIrZ0wiGDo5l8c++HWtbaNCWTS4UTv7RaTH/ThVIgjkveJt83m74bBHMJkuCbslY8ixgLBVZJIOiQlQTjfQ==",
 			"dev": true,
 			"license": "Apache-2.0",
-			"peer": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -2141,7 +2158,6 @@
 			"integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==",
 			"dev": true,
 			"license": "MIT",
-			"peer": true,
 			"dependencies": {
 				"lightningcss": "^1.32.0",
 				"picomatch": "^4.0.4",

src/app.d.ts

@@ -8,6 +8,11 @@ declare global {
 		// interface PageState {}
 		// interface Platform {}
 	}
+
+	// Umami analytics tracker (injected by script tag)
+	const umami: {
+		track(event: string, data?: Record<string, string | number | boolean>): void;
+	};
 }
 
 export {};

src/lib/llm.ts

@@ -21,7 +21,8 @@ export interface ConvertResult {
 	converted: string;
 	publicSystemPrompt: string;
 	publicUserMessage: string;
-	model: string;
+	requestedModel: string;
+	actualModel: string | null;
 }
 
 const INPUT_TAG_START = '###### USER INPUT START ######';
@@ -100,10 +101,15 @@ export async function convertText(
 		throw new Error('LLM returned empty response');
 	}
 
+	// OpenRouter's free router returns the actual model used in data.model
+	// e.g. requested "openrouter/free" -> actual "upstage/solar-pro-3:free"
+	const actualModel = (typeof data.model === 'string' && data.model !== merged.model) ? data.model : null;
+
 	return {
 		converted,
 		publicSystemPrompt: buildPublicSystemPrompt(styleModifier, intensityInstruction),
 		publicUserMessage: text,
-		model: merged.model
+		requestedModel: merged.model,
+		actualModel
 	};
 }

src/lib/styles.test.ts

@@ -57,6 +57,11 @@ describe('getStylesByCategory', () => {
 		const result = getStylesByCategory('general');
 		expect(result.length).toBe(6);
 	});
+
+	it('fun category has 7 styles', () => {
+		const result = getStylesByCategory('fun');
+		expect(result.length).toBe(7);
+	});
 });
 
 describe('getStyleById', () => {
@@ -70,6 +75,11 @@ describe('getStyleById', () => {
 		const result = getStyleById('nonexistent');
 		expect(result).toBeUndefined();
 	});
+
+	it('returns new fun styles by id', () => {
+		expect(getStyleById('corporate-bullshit')).toBeDefined();
+		expect(getStyleById('senator-john-kennedy')).toBeDefined();
+	});
 });
 
 describe('getCategoryById', () => {
@@ -109,4 +119,4 @@ describe('getIntensityConfig', () => {
 			expect(config!.instruction).not.toContain('{style}');
 		}
 	});
-});
+});

src/lib/styles.ts

@@ -157,6 +157,34 @@ export const styles: Style[] = [
     promptModifier:
       "Rewrite in Gen Z slang with no cap, fr, and modern internet vernacular",
   },
+  {
+    id: "corporate-bullshit",
+    label: "Corporate Bullshit",
+    categoryId: "fun",
+    promptModifier:
+      "Rewrite in polished corporate-speak loaded with buzzwords, euphemisms, and strategic vagueness. Use phrases like circle back, align on priorities, move the needle, best-in-class, leverage synergies, and stakeholder alignment. Prefer passive voice, meeting-room tone, and language that sounds important while saying as little as possible. Keep it coherent enough to pass as a real update, but inflate every plain statement into consultant-grade business jargon.",
+  },
+  {
+    id: "caveman",
+    label: "Caveman",
+    categoryId: "fun",
+    promptModifier:
+      "Rewrite as a neanderthal caveman would speak — use broken grammar, grunt words like ugh and oog, refer to things by their simplest names like big rock and fire stick, shorten every word, drop articles and verb conjugations entirely, think only about food, shelter, and danger, and express emotions through raw outbursts",
+  },
+  {
+    id: "tharoorian",
+    label: "Tharoorian English",
+    categoryId: "fun",
+    promptModifier:
+      "Rewrite in the unmistakable style of Shashi Tharoor — deploy sesquipedalian vocabulary with unapologetic ostentation, construct serpentine sentences brimming with subordinate clauses and appositives that cascade toward a devastatingly witty payoff, weave in literary allusions and historical references with the casual air of a man who reads dictionaries for recreation, employ dry Oxonian wit that lands with the precision of a surgeon's scalpel wrapped in a velvet epigram, favour the arcane over the accessible (perspicacious over smart, obfuscate over hide, floccinaucinihilipilification over dismissal), indulge in alliteration and rhetorical flourish, frame even the mundane as though addressing a hushed auditorium, punctuate with sardonic asides set off by em dashes, and never use a short word when a magnificently polysyllabic one will send the listener reaching for their Oxford dictionary",
+  },
+  {
+    id: "senator-john-kennedy",
+    label: "Senator John Kennedy",
+    categoryId: "fun",
+    promptModifier:
+      "Rewrite as Senator John Kennedy of Louisiana. Voice: plainspoken, folksy, sharp, deadpan, and funny without sounding polished. Make the text sound like a witty Senate-floor quip or a TV interview zinger from a man who translates Washington nonsense into common-sense language. Use short punchy sentences, vivid Southern metaphors, comic comparisons, dry ridicule, and blunt moral judgments. Favor everyday imagery like steak, gumbo, crawfish, pickup trucks, church, a money tree, or something 'tougher than' whatever is being discussed. Lean into contrast between common people and Washington insiders. Keep the jokes clean, the timing crisp, and the tone slightly grumpy but good-natured. The result should feel quotable, homespun, and slyly insulting in a clever way. Do not copy exact famous lines; only evoke the style.",
+  },
 
   // Game of Thrones
   {

src/lib/types.ts

@@ -24,7 +24,7 @@ export interface ConversionResponse {
 	intensity: number;
 	systemPrompt: string;
 	userMessage: string;
-	model: string;
+	modelLabel: string;
 }
 
 export interface LLMConfig {

src/routes/+layout.svelte

@@ -6,6 +6,7 @@
 
 <svelte:head>
 	<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>✨</text></svg>" />
+	<script defer src="https://wa.santhoshj.com/script.js" data-website-id="1004961a-2b1f-4c45-95a6-78059acac472"></script>
 </svelte:head>
 
 {@render children()}

src/routes/+page.svelte

@@ -49,7 +49,7 @@
 	let error = $state('');
 	let systemPrompt = $state('');
 	let userMessage = $state('');
-	let modelName = $state('');
+	let modelLabel = $state('');
 	let showPrompt = $state(saved?.showPrompt ?? false);
 	let copied = $state(false);
 
@@ -78,12 +78,16 @@
 	async function handleConvert() {
 		if (!canConvert) return;
 
+		if (typeof umami !== 'undefined') {
+			umami.track('convert_click', { style: selectedStyleId, intensity });
+		}
+
 		loading = true;
 		error = '';
 		outputText = '';
 		systemPrompt = '';
 		userMessage = '';
-		modelName = '';
+		modelLabel = '';
 		showPrompt = false;
 
 		try {
@@ -107,15 +111,27 @@
 			outputText = result.converted;
 			systemPrompt = result.systemPrompt;
 			userMessage = result.userMessage;
-			modelName = result.model;
+			modelLabel = result.modelLabel;
+
+			if (typeof umami !== 'undefined') {
+				umami.track('convert_success', { style: selectedStyleId, intensity, model: result.modelLabel });
+			}
 		} catch (err) {
 			error = err instanceof Error ? err.message : 'Something went wrong';
+
+			if (typeof umami !== 'undefined') {
+				umami.track('convert_error', { style: selectedStyleId, intensity, error });
+			}
 		} finally {
 			loading = false;
 		}
 	}
 
 	async function handleCopy() {
+		if (typeof umami !== 'undefined') {
+			umami.track('copy_result', { style: selectedStyleId });
+		}
+
 		try {
 			await navigator.clipboard.writeText(outputText);
 			copied = true;
@@ -157,6 +173,7 @@
 					bind:value={selectedCategoryId}
 					onchange={onCategoryChange}
 					disabled={loading}
+					data-umami-event="select_category"
 				>
 					<option value="">Choose a category...</option>
 					{#each categories as cat}
@@ -167,7 +184,7 @@
 
 			<div class="form-group">
 				<label for="style">Style</label>
-				<select id="style" bind:value={selectedStyleId} disabled={loading || !selectedCategoryId}>
+				<select id="style" bind:value={selectedStyleId} disabled={loading || !selectedCategoryId} data-umami-event="select_style">
 					{#if !selectedCategoryId}
 						<option value="">Select a category first...</option>
 					{:else if availableStyles.length === 0}
@@ -196,6 +213,7 @@
 					step="1"
 					bind:value={intensity}
 					disabled={loading}
+					data-umami-event="adjust_intensity"
 				/>
 				<span class="slider-end">Maximum</span>
 			</div>
@@ -234,13 +252,13 @@
 				</button>
 			</div>
 			<div class="output-text">{outputText}</div>
-			{#if modelName}
-				<p class="model-attribution">Responded by {modelName}</p>
+			{#if modelLabel}
+				<p class="model-attribution">Responded by {modelLabel}</p>
 			{/if}
 		</div>
 
 		<div class="prompt-section">
-			<button class="prompt-toggle" onclick={() => (showPrompt = !showPrompt)}>
+			<button class="prompt-toggle" onclick={() => (showPrompt = !showPrompt)} data-umami-event="toggle_prompt" data-umami-event-action={showPrompt ? 'close' : 'open'}>
 				{showPrompt ? '▼' : '▶'} Show prompt
 			</button>
 			{#if showPrompt}

src/routes/api/convert/+server.ts

@@ -54,7 +54,9 @@ export const POST: RequestHandler = async ({ request }) => {
 			intensity,
 			systemPrompt: result.publicSystemPrompt,
 			userMessage: result.publicUserMessage,
-			model: result.model
+			modelLabel: result.actualModel
+				? `${result.actualModel} model from ${result.requestedModel}`
+				: result.requestedModel
 		};
 
 		return json(response);