From 53c61dfd18b19f3abed4dc5351a8812d73da14be Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 17:58:10 +0530
Subject: [PATCH 01/42] refactor: centralize tool metadata and privacy contract

---
 src/components/PrivacyBadge.tsx | 12 ++++++++
 src/components/ToolPage.tsx     | 16 +++++++++++
 src/config/tools.ts             | 49 +++++++++++++++++++++++++++++++++
 src/types/tool.ts               | 24 ++++++++++++++++
 4 files changed, 101 insertions(+)
 create mode 100644 src/components/PrivacyBadge.tsx
 create mode 100644 src/components/ToolPage.tsx
 create mode 100644 src/config/tools.ts
 create mode 100644 src/types/tool.ts

diff --git a/src/components/PrivacyBadge.tsx b/src/components/PrivacyBadge.tsx
new file mode 100644
index 0000000..0095e95
--- /dev/null
+++ b/src/components/PrivacyBadge.tsx
@@ -0,0 +1,12 @@
+export default function PrivacyBadge() {
+  return (
+    <div className='inline-flex flex-wrap items-center justify-center gap-x-3 gap-y-1 rounded-full border border-emerald-200 bg-emerald-50 px-4 py-2 text-sm font-medium text-emerald-800'>
+      <span aria-hidden='true'>🔒</span>
+      <span>Processed locally</span>
+      <span aria-hidden='true'>•</span>
+      <span>No upload</span>
+      <span aria-hidden='true'>•</span>
+      <span>No tracking</span>
+    </div>
+  );
+}
diff --git a/src/components/ToolPage.tsx b/src/components/ToolPage.tsx
new file mode 100644
index 0000000..23eea1a
--- /dev/null
+++ b/src/components/ToolPage.tsx
@@ -0,0 +1,16 @@
+import Link from 'next/link';
+import PrivacyBadge from './PrivacyBadge';
+
+export default function ToolPage({ title, description, children }: { title: string; description: string; children: React.ReactNode }) {
+  return (
+    <main className='flex-grow container mx-auto px-4 py-8'>
+      <header className='mb-8 text-center'>
+        <h1 className='text-4xl font-bold text-slate-800'>{title}</h1>
+        <p className='mx-auto mt-2 max-w-3xl text-lg text-slate-600'>{description}</p>
+        <div className='mt-4'><PrivacyBadge /></div>
+      </header>
+      {children}
+      <div className='mt-12 text-center'><Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>&larr; Back to All Tools</Link></div>
+    </main>
+  );
+}
diff --git a/src/config/tools.ts b/src/config/tools.ts
new file mode 100644
index 0000000..0914941
--- /dev/null
+++ b/src/config/tools.ts
@@ -0,0 +1,49 @@
+import type { Tool } from '@/types/tool';
+
+export const TOOLS: Tool[] = [
+  ['image-compressor','Image Compressor','Reduce image file sizes locally.','Images',['image','compress','optimize','media']],
+  ['regex-tester','Regex Tester & Explainer','Test regular expressions and understand their matches.','Developer',['text','developer','regex','code']],
+  ['text-diff','Text Diff Checker','Compare two pieces of text and highlight differences.','Text & Data',['text','compare','diff']],
+  ['color-converter','Color Code Converter','Convert HEX, RGB and HSL color values.','Converters',['color','design','developer','converter']],
+  ['placeholder-generator','Placeholder Image Generator','Create custom placeholder images locally.','Images',['image','design','placeholder']],
+  ['text-analyzer','Text Statistics / Analyzer','Count words, characters, sentences and more.','Text & Data',['text','stats','analyzer','counter']],
+  ['image-metadata','Image Metadata Remover','View and remove EXIF metadata from JPEG images.','Privacy & Security',['image','privacy','exif','metadata','security']],
+  ['markdown-editor','Markdown Editor','Edit Markdown with a live local preview.','Text & Data',['text','markdown','editor','writing']],
+  ['csv-converter','CSV to JSON/XML Converter','Convert CSV data to JSON or XML locally.','Converters',['csv','json','xml','converter','data','developer']],
+  ['contrast-checker','Text Contrast Checker','Check color contrast against accessibility guidance.','Accessibility',['accessibility','color','design','wcag']],
+  ['image-resizer','Image Resizer','Resize images to specific dimensions locally.','Images',['image','resize','dimensions','optimize']],
+  ['image-cropper','Image Cropper','Crop images locally in your browser.','Images',['image','crop','edit','dimensions']],
+  ['lorem-ipsum-generator','Lorem Ipsum Generator','Generate placeholder text.','Generators',['text','generator','placeholder','design']],
+  ['regex-generator','Easy Regex Generator','Build common regular expressions without memorizing syntax.','Developer',['regex','generator','developer','text','code']],
+  ['find-replace','Find & Replace in Text','Find and replace text with optional regex support.','Text & Data',['text','find','replace','regex']],
+  ['data-anonymizer','Data Anonymizer','Detect and redact common sensitive data locally.','Privacy & Security',['text','privacy','security','anonymize','redact']],
+  ['css-specificity-calculator','CSS Specificity Calculator','Calculate and explain CSS selector specificity.','Developer',['css','developer','specificity','design']],
+  ['unit-converter','Unit Converter','Convert common measurement units.','Converters',['converter','units','measurement','math']],
+  ['http-status-codes','HTTP Status Code Explainer','Look up HTTP status codes and meanings.','Developer',['http','developer','reference','network']],
+  ['list-cleaner','List Cleaner & Formatter','Sort, deduplicate and format text lists.','Text & Data',['text','list','format','cleaner','sort']],
+  ['html-tag-explainer','HTML Tag Explainer','Reference standard HTML tags and their uses.','Developer',['html','developer','reference','code']],
+  ['file-hash','File Hash & Checksum','Generate SHA-256, SHA-384 and SHA-512 checksums without uploading files.','Privacy & Security',['privacy','hash','checksum','file','security']],
+  ['json-toolbox','JSON Toolbox','Format, minify, validate and sort JSON locally.','Developer',['json','format','validate','developer','data']],
+  ['url-cleaner','Tracking URL Cleaner','Remove common tracking parameters and inspect URL parts locally.','Privacy & Security',['privacy','url','tracking','utm','cleaner']],
+  ['password-generator','Password & Passphrase Generator','Generate cryptographically secure passwords and passphrases locally.','Privacy & Security',['password','security','privacy','generator']],
+  ['encoder-decoder','Encoder / Decoder','Encode and decode Base64, URLs, HTML entities and Unicode text.','Developer',['base64','url','html','unicode','encode','decode']],
+  ['jwt-inspector','JWT Inspector','Decode JWT headers and payloads locally without sending tokens anywhere.','Privacy & Security',['jwt','token','developer','privacy','security']],
+  ['timestamp-tool','Timestamp & Date Toolkit','Convert Unix timestamps, ISO dates, UTC and local time.','Converters',['date','time','timestamp','unix','converter']],
+  ['uuid-generator','UUID Generator','Generate and validate UUIDs locally.','Generators',['uuid','generator','developer','identifier']],
+  ['browser-privacy','Browser Privacy Inspector','See what your browser exposes to websites without transmitting the results.','Privacy & Security',['privacy','browser','fingerprint','security']],
+  ['text-privacy-cleaner','Text Privacy Cleaner','Reveal or remove hidden Unicode, control and zero-width characters.','Privacy & Security',['privacy','text','unicode','cleaner','security']],
+  ['image-converter','Image Format Converter','Convert supported images to PNG, JPEG or WebP locally.','Images',['image','convert','png','jpeg','webp']],
+].map(([slug,name,description,category,tags], index) => ({
+  id: String(index + 1),
+  slug: `/${slug}`,
+  name,
+  description,
+  category,
+  tags,
+  processing: 'local',
+  networkRequired: false,
+  storesData: false,
+})) as Tool[];
+
+export const TOOL_BY_SLUG = new Map(TOOLS.map((tool) => [tool.slug, tool]));
+export const TOOL_CATEGORIES = [...new Set(TOOLS.map((tool) => tool.category))];
diff --git a/src/types/tool.ts b/src/types/tool.ts
new file mode 100644
index 0000000..707c9a8
--- /dev/null
+++ b/src/types/tool.ts
@@ -0,0 +1,24 @@
+export type ToolCategory =
+  | 'Privacy & Security'
+  | 'PDF & Documents'
+  | 'Images'
+  | 'Text & Data'
+  | 'Developer'
+  | 'Accessibility'
+  | 'Converters'
+  | 'Generators';
+
+export interface Tool {
+  id: string;
+  name: string;
+  description: string;
+  slug: string;
+  category: ToolCategory;
+  tags: string[];
+  processing: 'local';
+  networkRequired: false;
+  storesData: false;
+  icon?: string;
+  featured?: boolean;
+  new?: boolean;
+}

From b5e169bb18f0d72fdfe3d0d8885a9ac1fa2aab6d Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 17:59:10 +0530
Subject: [PATCH 02/42] feat: add first local-only privacy tools

---
 src/app/file-hash/page.tsx          | 13 +++++++++++++
 src/app/json-toolbox/page.tsx       | 16 ++++++++++++++++
 src/app/password-generator/page.tsx |  9 +++++++++
 src/app/url-cleaner/page.tsx        |  6 ++++++
 src/components/LocalToolLayout.tsx  |  8 ++++++++
 5 files changed, 52 insertions(+)
 create mode 100644 src/app/file-hash/page.tsx
 create mode 100644 src/app/json-toolbox/page.tsx
 create mode 100644 src/app/password-generator/page.tsx
 create mode 100644 src/app/url-cleaner/page.tsx
 create mode 100644 src/components/LocalToolLayout.tsx

diff --git a/src/app/file-hash/page.tsx b/src/app/file-hash/page.tsx
new file mode 100644
index 0000000..c6929bb
--- /dev/null
+++ b/src/app/file-hash/page.tsx
@@ -0,0 +1,13 @@
+'use client';
+import { useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Hashes = Record<string,string>;
+const hex = (buffer: ArrayBuffer) => Array.from(new Uint8Array(buffer)).map(b=>b.toString(16).padStart(2,'0')).join('');
+
+export default function FileHashPage(){
+ const [file,setFile]=useState<File|null>(null); const [hashes,setHashes]=useState<Hashes>({}); const [busy,setBusy]=useState(false); const [expected,setExpected]=useState('');
+ const run=async(f:File)=>{setFile(f);setBusy(true);setHashes({});const data=await f.arrayBuffer();const out:Hashes={};for(const alg of ['SHA-256','SHA-384','SHA-512']) out[alg]=hex(await crypto.subtle.digest(alg,data));setHashes(out);setBusy(false)};
+ const normalized=expected.trim().toLowerCase(); const match=normalized ? Object.values(hashes).some(h=>h===normalized) : null;
+ return <LocalToolLayout title='File Hash & Checksum' description='Generate SHA-256, SHA-384 and SHA-512 checksums locally using the Web Crypto API.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={e=>e.target.files?.[0]&&run(e.target.files[0])} className='block w-full rounded border p-3'/>{file&&<p className='mt-3 text-sm text-slate-600'>{file.name} · {(file.size/1024).toFixed(1)} KB</p>}{busy&&<p className='mt-4'>Calculating hashes...</p>}<div className='mt-4 space-y-3'>{Object.entries(hashes).map(([alg,value])=><div key={alg}><label className='text-sm font-semibold'>{alg}</label><div className='mt-1 flex gap-2'><input readOnly value={value} className='min-w-0 flex-1 rounded border p-2 font-mono text-xs'/><button onClick={()=>navigator.clipboard.writeText(value)} className='rounded bg-slate-800 px-3 text-white'>Copy</button></div></div>)}</div>{Object.keys(hashes).length>0&&<div className='mt-6 border-t pt-4'><label className='text-sm font-semibold'>Verify a checksum</label><input value={expected} onChange={e=>setExpected(e.target.value)} placeholder='Paste expected SHA checksum' className='mt-1 w-full rounded border p-2 font-mono text-xs'/>{match!==null&&<p className={`mt-2 font-semibold ${match?'text-green-700':'text-red-700'}`}>{match?'Checksum matches.':'No generated checksum matches.'}</p>}</div>}</section></LocalToolLayout>
+}
diff --git a/src/app/json-toolbox/page.tsx b/src/app/json-toolbox/page.tsx
new file mode 100644
index 0000000..0887bbe
--- /dev/null
+++ b/src/app/json-toolbox/page.tsx
@@ -0,0 +1,16 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+function sortObject(value: unknown): unknown {
+  if (Array.isArray(value)) return value.map(sortObject);
+  if (value && typeof value === 'object') return Object.fromEntries(Object.entries(value as Record<string, unknown>).sort(([a],[b]) => a.localeCompare(b)).map(([k,v]) => [k, sortObject(v)]));
+  return value;
+}
+
+export default function JsonToolboxPage() {
+  const [input, setInput] = useState('{"name":"ToolStack","privacy":true,"count":32}');
+  const [mode, setMode] = useState<'pretty'|'minify'|'sort'>('pretty');
+  const result = useMemo(() => { try { const parsed = JSON.parse(input); return { output: mode === 'minify' ? JSON.stringify(parsed) : JSON.stringify(mode === 'sort' ? sortObject(parsed) : parsed, null, 2), error: '' }; } catch (e) { return { output: '', error: (e as Error).message }; } }, [input, mode]);
+  return <LocalToolLayout title='JSON Toolbox' description='Validate, format, minify and recursively sort JSON entirely in your browser.'><section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex flex-wrap gap-2'>{(['pretty','minify','sort'] as const).map(x => <button key={x} onClick={() => setMode(x)} className={`rounded px-4 py-2 ${mode===x?'bg-sky-600 text-white':'bg-slate-100 text-slate-700'}`}>{x==='pretty'?'Pretty print':x==='minify'?'Minify':'Sort keys'}</button>)}</div><div className='grid gap-4 md:grid-cols-2'><textarea aria-label='JSON input' value={input} onChange={e=>setInput(e.target.value)} className='h-96 rounded border p-4 font-mono'/><div className='h-96 overflow-auto rounded border bg-slate-50 p-4 font-mono whitespace-pre-wrap'>{result.error ? <span className='text-red-600'>Invalid JSON: {result.error}</span> : result.output}</div></div>{!result.error && <button onClick={()=>navigator.clipboard.writeText(result.output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy result</button>}</section></LocalToolLayout>;
+}
diff --git a/src/app/password-generator/page.tsx b/src/app/password-generator/page.tsx
new file mode 100644
index 0000000..f4b8bc6
--- /dev/null
+++ b/src/app/password-generator/page.tsx
@@ -0,0 +1,9 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+const LOWER='abcdefghijkmnopqrstuvwxyz'; const UPPER='ABCDEFGHJKLMNPQRSTUVWXYZ'; const DIGITS='23456789'; const SYMBOLS='!@#$%^&*()-_=+[]{}:,.?';
+function securePick(chars:string){const max=Math.floor(256/chars.length)*chars.length;const a=new Uint8Array(1);do crypto.getRandomValues(a);while(a[0]>=max);return chars[a[0]%chars.length]}
+function makePassword(length:number,sets:string[]){const pool=sets.join('');if(!pool)return '';let out=sets.map(securePick).join('');while(out.length<length)out+=securePick(pool);return out.split('').map((c,i,a)=>{const j=Math.floor(Math.random()*a.length);[a[i],a[j]]=[a[j],a[i]];return a[i]}).join('').slice(0,length)}
+const WORDS=['amber','apple','atlas','bamboo','beacon','blue','cedar','cloud','cobalt','comet','coral','delta','ember','falcon','fern','forest','galaxy','garden','harbor','indigo','jungle','lantern','lemon','lotus','maple','meadow','meteor','mint','nebula','ocean','olive','orbit','pearl','pine','pixel','quartz','raven','river','saffron','solar','spruce','stone','sunset','tiger','violet','willow','winter','zenith'];
+function passphrase(n:number){const a=new Uint32Array(n);crypto.getRandomValues(a);return [...a].map(v=>WORDS[v%WORDS.length]).join('-')}
+export default function PasswordGeneratorPage(){const [length,setLength]=useState(20);const [upper,setUpper]=useState(true);const [digits,setDigits]=useState(true);const [symbols,setSymbols]=useState(true);const [nonce,setNonce]=useState(0);const [words,setWords]=useState(5);const password=useMemo(()=>makePassword(length,[LOWER,upper?UPPER:'',digits?DIGITS:'',symbols?SYMBOLS:''].filter(Boolean)),[length,upper,digits,symbols,nonce]);const phrase=useMemo(()=>passphrase(words),[words,nonce]);return <LocalToolLayout title='Password & Passphrase Generator' description='Generate secrets locally with cryptographically secure randomness. Nothing is stored or transmitted.'><section className='mx-auto max-w-3xl space-y-6 rounded-xl bg-white p-6 shadow'><div><div className='flex gap-2'><input readOnly value={password} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(password)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Length: {length}<input type='range' min='12' max='64' value={length} onChange={e=>setLength(+e.target.value)} className='w-full'/></label><div className='mt-3 flex flex-wrap gap-4'>{[['Uppercase',upper,setUpper],['Numbers',digits,setDigits],['Symbols',symbols,setSymbols]].map(([label,val,setter])=><label key={label as string} className='flex gap-2'><input type='checkbox' checked={val as boolean} onChange={e=>(setter as (v:boolean)=>void)(e.target.checked)}/>{label as string}</label>)}</div></div><div className='border-t pt-6'><div className='flex gap-2'><input readOnly value={phrase} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(phrase)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Words: {words}<input type='range' min='4' max='10' value={words} onChange={e=>setWords(+e.target.value)} className='w-full'/></label></div><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-5 py-2 text-white'>Generate new</button></section></LocalToolLayout>}
diff --git a/src/app/url-cleaner/page.tsx b/src/app/url-cleaner/page.tsx
new file mode 100644
index 0000000..d256cce
--- /dev/null
+++ b/src/app/url-cleaner/page.tsx
@@ -0,0 +1,6 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+const TRACKING = new Set(['fbclid','gclid','dclid','msclkid','mc_cid','mc_eid','igshid','yclid','_hsenc','_hsmi','vero_conv','vero_id']);
+const isTracking=(key:string)=>key.toLowerCase().startsWith('utm_')||TRACKING.has(key.toLowerCase());
+export default function UrlCleanerPage(){const [input,setInput]=useState('https://example.com/article?utm_source=newsletter&utm_campaign=test&id=42&fbclid=abc');const data=useMemo(()=>{try{const u=new URL(input);const removed:string[]=[];[...u.searchParams.keys()].forEach(k=>{if(isTracking(k)){removed.push(k);u.searchParams.delete(k)}});return {url:u.toString(),removed,error:'',parts:{protocol:u.protocol,host:u.host,path:u.pathname,query:u.search,fragment:u.hash}}}catch(e){return {url:'',removed:[],error:(e as Error).message,parts:null}}},[input]);return <LocalToolLayout title='Tracking URL Cleaner' description='Strip common analytics and advertising parameters without sending the URL anywhere.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>URL</label><textarea value={input} onChange={e=>setInput(e.target.value)} className='mt-2 h-28 w-full rounded border p-3 font-mono'/>{data.error?<p className='mt-3 text-red-600'>Invalid URL</p>:<><label className='mt-5 block font-semibold'>Clean URL</label><div className='mt-2 flex gap-2'><input readOnly value={data.url} className='min-w-0 flex-1 rounded border p-3 font-mono text-sm'/><button onClick={()=>navigator.clipboard.writeText(data.url)} className='rounded bg-sky-600 px-4 text-white'>Copy</button></div><p className='mt-3 text-sm text-slate-600'>{data.removed.length?`Removed: ${data.removed.join(', ')}`:'No known tracking parameters found.'}</p>{data.parts&&<dl className='mt-6 grid gap-2 rounded bg-slate-50 p-4 text-sm sm:grid-cols-[8rem_1fr]'>{Object.entries(data.parts).map(([k,v])=><><dt className='font-semibold capitalize'>{k}</dt><dd className='break-all font-mono'>{v||'—'}</dd></>)}</dl>}</>}</section></LocalToolLayout>}
diff --git a/src/components/LocalToolLayout.tsx b/src/components/LocalToolLayout.tsx
new file mode 100644
index 0000000..0aeec2b
--- /dev/null
+++ b/src/components/LocalToolLayout.tsx
@@ -0,0 +1,8 @@
+import Navbar from './Navbar';
+import Footer from './Footer';
+import Breadcrumbs from './Breadcrumbs';
+import ToolPage from './ToolPage';
+
+export default function LocalToolLayout({ title, description, children }: { title: string; description: string; children: React.ReactNode }) {
+  return <div className='flex min-h-screen flex-col bg-slate-50'><Navbar /><Breadcrumbs /><ToolPage title={title} description={description}>{children}</ToolPage><Footer /></div>;
+}

From c78aac58aaa880b0a50153f231fed7f8bf311367 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:00:00 +0530
Subject: [PATCH 03/42] feat: add developer and privacy browser utilities

---
 src/app/browser-privacy/page.tsx      |  4 ++++
 src/app/encoder-decoder/page.tsx      | 10 ++++++++++
 src/app/jwt-inspector/page.tsx        |  5 +++++
 src/app/text-privacy-cleaner/page.tsx |  6 ++++++
 src/app/timestamp-tool/page.tsx       |  4 ++++
 src/app/uuid-generator/page.tsx       |  7 +++++++
 6 files changed, 36 insertions(+)
 create mode 100644 src/app/browser-privacy/page.tsx
 create mode 100644 src/app/encoder-decoder/page.tsx
 create mode 100644 src/app/jwt-inspector/page.tsx
 create mode 100644 src/app/text-privacy-cleaner/page.tsx
 create mode 100644 src/app/timestamp-tool/page.tsx
 create mode 100644 src/app/uuid-generator/page.tsx

diff --git a/src/app/browser-privacy/page.tsx b/src/app/browser-privacy/page.tsx
new file mode 100644
index 0000000..81bf23c
--- /dev/null
+++ b/src/app/browser-privacy/page.tsx
@@ -0,0 +1,4 @@
+'use client';
+import { useEffect, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+export default function BrowserPrivacyPage(){const [rows,setRows]=useState<[string,string][]>([]);useEffect(()=>{const n=navigator as Navigator & {deviceMemory?:number};setRows([['User agent',navigator.userAgent],['Language',navigator.language],['Languages',navigator.languages.join(', ')],['Platform',navigator.platform||'Unavailable'],['Timezone',Intl.DateTimeFormat().resolvedOptions().timeZone],['Screen',`${screen.width} × ${screen.height}, ${screen.colorDepth}-bit color`],['Viewport',`${innerWidth} × ${innerHeight}`],['CPU threads',String(navigator.hardwareConcurrency||'Unavailable')],['Approx. device memory',n.deviceMemory?`${n.deviceMemory} GB`:'Unavailable'],['Cookies enabled',String(navigator.cookieEnabled)],['Online status',String(navigator.onLine)],['Do Not Track',navigator.doNotTrack??'Unspecified'],['Local storage',typeof localStorage!=='undefined'?'Available':'Unavailable'],['Session storage',typeof sessionStorage!=='undefined'?'Available':'Unavailable']])},[]);return <LocalToolLayout title='Browser Privacy Inspector' description='See common information a webpage can read from your browser. ToolStack does not transmit these results.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><p className='mb-5 rounded border border-sky-200 bg-sky-50 p-3 text-sm text-sky-900'>These values are read locally from browser APIs. The tool intentionally does not create or send a fingerprint.</p><dl className='grid gap-3 sm:grid-cols-[12rem_1fr]'>{rows.map(([k,v])=><div key={k} className='contents'><dt className='font-semibold text-slate-700'>{k}</dt><dd className='break-all font-mono text-sm'>{v}</dd></div>)}</dl></section></LocalToolLayout>}
diff --git a/src/app/encoder-decoder/page.tsx b/src/app/encoder-decoder/page.tsx
new file mode 100644
index 0000000..4e587e9
--- /dev/null
+++ b/src/app/encoder-decoder/page.tsx
@@ -0,0 +1,10 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Mode='base64-encode'|'base64-decode'|'url-encode'|'url-decode'|'html-encode'|'html-decode';
+const toBase64=(s:string)=>btoa(String.fromCharCode(...new TextEncoder().encode(s)));
+const fromBase64=(s:string)=>new TextDecoder().decode(Uint8Array.from(atob(s),c=>c.charCodeAt(0)));
+const htmlEncode=(s:string)=>s.replace(/[&<>'"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c]!));
+const htmlDecode=(s:string)=>{const t=document.createElement('textarea');t.innerHTML=s;return t.value};
+export default function EncoderDecoderPage(){const [mode,setMode]=useState<Mode>('base64-encode');const [input,setInput]=useState('ToolStack privacy first');const result=useMemo(()=>{try{switch(mode){case'base64-encode':return toBase64(input);case'base64-decode':return fromBase64(input);case'url-encode':return encodeURIComponent(input);case'url-decode':return decodeURIComponent(input);case'html-encode':return htmlEncode(input);case'html-decode':return htmlDecode(input)}}catch(e){return `Error: ${(e as Error).message}`}},[mode,input]);return <LocalToolLayout title='Encoder / Decoder' description='Encode and decode Base64, URLs and HTML entities locally.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><select value={mode} onChange={e=>setMode(e.target.value as Mode)} className='mb-4 rounded border p-2'>{['base64-encode','base64-decode','url-encode','url-decode','html-encode','html-decode'].map(x=><option key={x} value={x}>{x.replaceAll('-',' ')}</option>)}</select><div className='grid gap-4 md:grid-cols-2'><textarea value={input} onChange={e=>setInput(e.target.value)} className='h-72 rounded border p-3 font-mono'/><textarea readOnly value={result} className='h-72 rounded border bg-slate-50 p-3 font-mono'/></div><button onClick={()=>navigator.clipboard.writeText(result)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy output</button></section></LocalToolLayout>}
diff --git a/src/app/jwt-inspector/page.tsx b/src/app/jwt-inspector/page.tsx
new file mode 100644
index 0000000..c9bcba0
--- /dev/null
+++ b/src/app/jwt-inspector/page.tsx
@@ -0,0 +1,5 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+const decode=(s:string)=>{const normalized=s.replace(/-/g,'+').replace(/_/g,'/').padEnd(Math.ceil(s.length/4)*4,'=');return JSON.parse(new TextDecoder().decode(Uint8Array.from(atob(normalized),c=>c.charCodeAt(0))))};
+export default function JwtInspectorPage(){const [token,setToken]=useState('');const data=useMemo(()=>{try{const p=token.trim().split('.');if(p.length!==3)throw new Error('A JWT must contain three dot-separated parts.');const header=decode(p[0]);const payload=decode(p[1]);const now=Math.floor(Date.now()/1000);return{header,payload,error:'',expired:typeof payload.exp==='number'?payload.exp<now:null}}catch(e){return{header:null,payload:null,error:(e as Error).message,expired:null}}},[token]);return <LocalToolLayout title='JWT Inspector' description='Decode JWT header and payload data locally. Decoding does not verify the token signature.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><textarea value={token} onChange={e=>setToken(e.target.value)} placeholder='Paste a JWT here' className='h-32 w-full rounded border p-3 font-mono text-sm'/>{token&&data.error&&<p className='mt-3 text-red-600'>{data.error}</p>}{data.payload&&<div className='mt-5 grid gap-4 md:grid-cols-2'><div><h2 className='font-semibold'>Header</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.header,null,2)}</pre></div><div><h2 className='font-semibold'>Payload {data.expired===true&&<span className='ml-2 text-red-600'>(expired)</span>}{data.expired===false&&<span className='ml-2 text-green-700'>(not expired)</span>}</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.payload,null,2)}</pre></div></div>}<p className='mt-5 rounded border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900'>This tool only decodes token contents. It does not verify the cryptographic signature or trustworthiness of the claims.</p></section></LocalToolLayout>}
diff --git a/src/app/text-privacy-cleaner/page.tsx b/src/app/text-privacy-cleaner/page.tsx
new file mode 100644
index 0000000..314bceb
--- /dev/null
+++ b/src/app/text-privacy-cleaner/page.tsx
@@ -0,0 +1,6 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+const HIDDEN=/[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F\u200B-\u200F\u202A-\u202E\u2060\u2066-\u2069\uFEFF]/g;
+const names:Record<number,string>={0x200b:'ZERO WIDTH SPACE',0x200c:'ZERO WIDTH NON-JOINER',0x200d:'ZERO WIDTH JOINER',0x200e:'LEFT-TO-RIGHT MARK',0x200f:'RIGHT-TO-LEFT MARK',0xfeff:'ZERO WIDTH NO-BREAK SPACE/BOM'};
+export default function TextPrivacyCleanerPage(){const [text,setText]=useState('Paste text here\u200B to reveal hidden characters.');const findings=useMemo(()=>[...text.matchAll(HIDDEN)].map(m=>({index:m.index??0,char:m[0],code:m[0].codePointAt(0)!})),[text]);const cleaned=text.replace(HIDDEN,'').normalize('NFC');return <LocalToolLayout title='Text Privacy Cleaner' description='Reveal and remove zero-width, bidi and control characters that may be invisible in normal text.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><div className='grid gap-4 md:grid-cols-2'><textarea value={text} onChange={e=>setText(e.target.value)} className='h-64 rounded border p-3'/><textarea readOnly value={cleaned} className='h-64 rounded border bg-slate-50 p-3'/></div><div className='mt-4 flex gap-2'><button onClick={()=>navigator.clipboard.writeText(cleaned)} className='rounded bg-slate-800 px-4 py-2 text-white'>Copy cleaned text</button><button onClick={()=>setText(cleaned)} className='rounded bg-sky-600 px-4 py-2 text-white'>Replace input</button></div><h2 className='mt-6 font-semibold'>Hidden/control characters found: {findings.length}</h2>{findings.length>0&&<div className='mt-2 max-h-56 overflow-auto rounded bg-slate-50 p-3 font-mono text-sm'>{findings.map((f,i)=><div key={`${f.index}-${i}`}>index {f.index}: U+{f.code.toString(16).toUpperCase().padStart(4,'0')} {names[f.code]||'CONTROL / FORMAT CHARACTER'}</div>)}</div>}</section></LocalToolLayout>}
diff --git a/src/app/timestamp-tool/page.tsx b/src/app/timestamp-tool/page.tsx
new file mode 100644
index 0000000..50209de
--- /dev/null
+++ b/src/app/timestamp-tool/page.tsx
@@ -0,0 +1,4 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+export default function TimestampToolPage(){const [value,setValue]=useState(String(Math.floor(Date.now()/1000)));const parsed=useMemo(()=>{const s=value.trim();let d:Date;if(/^\d{10}$/.test(s))d=new Date(Number(s)*1000);else if(/^\d{13}$/.test(s))d=new Date(Number(s));else d=new Date(s);return Number.isNaN(d.getTime())?null:d},[value]);const now=()=>setValue(String(Math.floor(Date.now()/1000)));return <LocalToolLayout title='Timestamp & Date Toolkit' description='Convert Unix timestamps and date strings between local time, UTC and ISO 8601.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><div className='flex gap-2'><input value={value} onChange={e=>setValue(e.target.value)} className='min-w-0 flex-1 rounded border p-3 font-mono' placeholder='Unix timestamp or date string'/><button onClick={now} className='rounded bg-sky-600 px-4 text-white'>Now</button></div>{parsed?<dl className='mt-6 grid gap-3 sm:grid-cols-[10rem_1fr]'><dt className='font-semibold'>Unix seconds</dt><dd className='font-mono'>{Math.floor(parsed.getTime()/1000)}</dd><dt className='font-semibold'>Unix milliseconds</dt><dd className='font-mono'>{parsed.getTime()}</dd><dt className='font-semibold'>ISO 8601 / UTC</dt><dd className='font-mono'>{parsed.toISOString()}</dd><dt className='font-semibold'>Local time</dt><dd>{parsed.toLocaleString()}</dd><dt className='font-semibold'>UTC display</dt><dd>{parsed.toUTCString()}</dd></dl>:<p className='mt-4 text-red-600'>Could not parse that value.</p>}</section></LocalToolLayout>}
diff --git a/src/app/uuid-generator/page.tsx b/src/app/uuid-generator/page.tsx
new file mode 100644
index 0000000..426b71a
--- /dev/null
+++ b/src/app/uuid-generator/page.tsx
@@ -0,0 +1,7 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+const UUID_RE=/^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+const CROCKFORD='0123456789ABCDEFGHJKMNPQRSTVWXYZ';
+function ulid(){const time=Date.now();let t=time,out='';for(let i=0;i<10;i++){out=CROCKFORD[t%32]+out;t=Math.floor(t/32)}const bytes=new Uint8Array(16);crypto.getRandomValues(bytes);for(let i=0;i<16;i++)out+=CROCKFORD[bytes[i]%32];return out}
+export default function UuidGeneratorPage(){const [count,setCount]=useState(5);const [kind,setKind]=useState<'uuid'|'ulid'>('uuid');const [nonce,setNonce]=useState(0);const [check,setCheck]=useState('');const values=useMemo(()=>Array.from({length:count},()=>kind==='uuid'?crypto.randomUUID():ulid()),[count,kind,nonce]);return <LocalToolLayout title='UUID / ULID Generator' description='Generate identifiers locally with browser cryptographic randomness.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><div className='flex flex-wrap gap-3'><select value={kind} onChange={e=>setKind(e.target.value as 'uuid'|'ulid')} className='rounded border p-2'><option value='uuid'>UUID v4</option><option value='ulid'>ULID</option></select><input type='number' min='1' max='100' value={count} onChange={e=>setCount(Math.max(1,Math.min(100,+e.target.value||1)))} className='w-24 rounded border p-2'/><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-4 text-white'>Generate</button><button onClick={()=>navigator.clipboard.writeText(values.join('\n'))} className='rounded bg-slate-800 px-4 text-white'>Copy all</button></div><pre className='mt-4 max-h-96 overflow-auto rounded bg-slate-50 p-4'>{values.join('\n')}</pre><div className='mt-6 border-t pt-5'><label className='font-semibold'>Validate a UUID</label><input value={check} onChange={e=>setCheck(e.target.value)} className='mt-2 w-full rounded border p-2 font-mono'/>{check&&<p className={`mt-2 ${UUID_RE.test(check.trim())?'text-green-700':'text-red-700'}`}>{UUID_RE.test(check.trim())?'Looks like a valid UUID.':'Not a valid standard UUID string.'}</p>}</div></section></LocalToolLayout>}

From e6232edf00f17089b95b06767c8e5940988ed9a8 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:00:58 +0530
Subject: [PATCH 04/42] refactor: integrate catalog and add image converter

---
 src/app/image-converter/page.tsx    |   6 +
 src/app/page.tsx                    | 283 +++-------------------------
 src/app/password-generator/page.tsx |  10 +-
 src/components/ToolCard.tsx         |  39 ++--
 4 files changed, 52 insertions(+), 286 deletions(-)
 create mode 100644 src/app/image-converter/page.tsx

diff --git a/src/app/image-converter/page.tsx b/src/app/image-converter/page.tsx
new file mode 100644
index 0000000..2742d39
--- /dev/null
+++ b/src/app/image-converter/page.tsx
@@ -0,0 +1,6 @@
+'use client';
+import { useEffect, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Format='image/png'|'image/jpeg'|'image/webp';
+export default function ImageConverterPage(){const [file,setFile]=useState<File|null>(null);const [preview,setPreview]=useState('');const [format,setFormat]=useState<Format>('image/webp');const [quality,setQuality]=useState(.9);const [busy,setBusy]=useState(false);useEffect(()=>()=>{if(preview)URL.revokeObjectURL(preview)},[preview]);const choose=(f:File)=>{if(preview)URL.revokeObjectURL(preview);setFile(f);setPreview(URL.createObjectURL(f))};const convert=async()=>{if(!file)return;setBusy(true);try{const bitmap=await createImageBitmap(file);const canvas=document.createElement('canvas');canvas.width=bitmap.width;canvas.height=bitmap.height;const ctx=canvas.getContext('2d');if(!ctx)throw new Error('Canvas unavailable');ctx.drawImage(bitmap,0,0);bitmap.close();const blob=await new Promise<Blob|null>(r=>canvas.toBlob(r,format,format==='image/png'?undefined:quality));if(!blob)throw new Error('This browser could not encode the selected format.');const url=URL.createObjectURL(blob);const a=document.createElement('a');const ext=format==='image/png'?'png':format==='image/jpeg'?'jpg':'webp';a.href=url;a.download=`${file.name.replace(/\.[^.]+$/,'')}.${ext}`;a.click();URL.revokeObjectURL(url)}finally{setBusy(false)}};return <LocalToolLayout title='Image Format Converter' description='Convert browser-supported image files to PNG, JPEG or WebP without uploading them.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><input type='file' accept='image/*' onChange={e=>e.target.files?.[0]&&choose(e.target.files[0])} className='w-full rounded border p-3'/>{preview&&<img src={preview} alt='Selected preview' className='mx-auto mt-5 max-h-80 max-w-full rounded border object-contain'/>}<div className='mt-5 grid gap-4 sm:grid-cols-2'><label>Output format<select value={format} onChange={e=>setFormat(e.target.value as Format)} className='mt-1 w-full rounded border p-2'><option value='image/webp'>WebP</option><option value='image/jpeg'>JPEG</option><option value='image/png'>PNG</option></select></label><label className={format==='image/png'?'opacity-50':''}>Quality: {Math.round(quality*100)}%<input disabled={format==='image/png'} type='range' min='.1' max='1' step='.05' value={quality} onChange={e=>setQuality(+e.target.value)} className='w-full'/></label></div><button disabled={!file||busy} onClick={convert} className='mt-5 rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'>{busy?'Converting...':'Convert & download'}</button></section></LocalToolLayout>}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 698f444..aea9a70 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,282 +1,55 @@
-// src/app/page.tsx
 'use client';
 
-import React, { useState, useMemo, useEffect } from 'react';
-
+import { useMemo, useState } from 'react';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import SearchBar from '@/components/SearchBar';
-import TagCloud from '@/components/TagCloud';
 import ToolList from '@/components/ToolList';
-import type { Tag } from '@/components/TagCloud'; // Import Tag type from TagCloud
-
-export interface Tool {
-  id: string;
-  name: string;
-  description: string;
-  slug: string;
-  tags: string[];
-  icon?: string;
-}
-
-const TOOL_CATALOG: Tool[] = [
-  {
-    id: '1',
-    name: 'Image Compressor',
-    description: 'Reduce image file sizes quickly and easily.',
-    slug: '/image-compressor',
-    tags: ['image', 'compress', 'optimize', 'media'],
-  },
-  {
-    id: '2',
-    name: 'Regex Tester & Explainer',
-    description: 'Test your regular expressions and get explanations.',
-    slug: '/regex-tester',
-    tags: ['text', 'developer', 'regex', 'code'],
-  },
-  {
-    id: '3',
-    name: 'Text Diff Checker',
-    description: 'Compare two pieces of text and highlight differences.',
-    slug: '/text-diff',
-    tags: ['text', 'developer', 'compare', 'diff'],
-  },
-  {
-    id: '4',
-    name: 'Color Code Converter',
-    description: 'Convert HEX, RGB, HSL color codes instantly.',
-    slug: '/color-converter',
-    tags: ['color', 'design', 'developer', 'converter'],
-  },
-  {
-    id: '5',
-    name: 'Placeholder Image Generator',
-    description: 'Create custom placeholder images on the fly.',
-    slug: '/placeholder-generator',
-    tags: ['image', 'design', 'developer', 'placeholder'],
-  },
-  {
-    id: '6',
-    name: 'Text Statistics / Analyzer',
-    description: 'Get instant stats on your text, like word count, characters, and more.',
-    slug: '/text-analyzer',
-    tags: ['text', 'stats', 'analyzer', 'counter'],
-  },
-  {
-    id: '7',
-    name: 'Image Metadata Remover',
-    description: 'View and remove EXIF metadata from your JPEG images to protect your privacy.',
-    slug: '/image-metadata',
-    tags: ['image', 'privacy', 'exif', 'metadata', 'security'],
-  },
-  {
-    id: '8',
-    name: 'Markdown Editor',
-    description: 'A simple Markdown editor with a live preview and HTML export.',
-    slug: '/markdown-editor',
-    tags: ['text', 'markdown', 'editor', 'developer', 'writing'],
-  },
-  {
-    id: '9',
-    name: 'CSV to JSON/XML Converter',
-    description: 'Convert CSV data into JSON or XML formats.',
-    slug: '/csv-converter',
-    tags: ['csv', 'json', 'xml', 'converter', 'data', 'developer'],
-  },
-  {
-    id: '10',
-    name: 'Text Contrast Checker',
-    description: 'Check if the contrast between two colors meets accessibility standards.',
-    slug: '/contrast-checker',
-    tags: ['accessibility', 'color', 'design', 'developer', 'wcag'],
-  },
-  {
-    id: '11',
-    name: 'Image Resizer',
-    description: 'Quickly resize images to your specified dimensions, all in your browser.',
-    slug: '/image-resizer',
-    tags: ['image', 'resize', 'dimensions', 'optimize'],
-  },
-  {
-    id: '12',
-    name: 'Image Cropper',
-    description: 'Crop images to your desired dimensions with an easy-to-use interface.',
-    slug: '/image-cropper',
-    tags: ['image', 'crop', 'edit', 'dimensions'],
-  },
-  {
-    id: '13',
-    name: 'Lorem Ipsum Generator',
-    description: 'Generate placeholder text with options for paragraphs, sentences, or words.',
-    slug: '/lorem-ipsum-generator',
-    tags: ['text', 'generator', 'lorem ipsum', 'placeholder', 'design'],
-  },
-  {
-    id: '14',
-    name: 'Easy Regex Generator',
-    description: 'Create common regular expressions by building a sentence, no syntax required.',
-    slug: '/regex-generator',
-    tags: ['regex', 'generator', 'developer', 'text', 'code'],
-  },
-  {
-    id: '15',
-    name: 'Find & Replace in Text',
-    description: 'Perform a find and replace on a block of text, with optional Regex support.',
-    slug: '/find-replace',
-    tags: ['text', 'find', 'replace', 'regex', 'developer'],
-  },
-  {
-    id: '16',
-    name: 'Data Anonymizer',
-    description: 'Automatically find and scrub sensitive data like emails and IP addresses from text.',
-    slug: '/data-anonymizer',
-    tags: ['text', 'privacy', 'security', 'anonymize', 'redact'],
-  },
-  {
-    id: '17',
-    name: 'CSS Specificity Calculator',
-    description: 'Calculate and understand the specificity of CSS selectors.',
-    slug: '/css-specificity-calculator',
-    tags: ['css', 'developer', 'specificity', 'design', 'explainer'],
-  },
-  {
-    id: '18',
-    name: 'Unit Converter',
-    description: 'A comprehensive tool to convert between various units of measurement.',
-    slug: '/unit-converter',
-    tags: ['converter', 'units', 'measurement', 'math'],
-  },
-  {
-    id: '19',
-    name: 'HTTP Status Code Explainer',
-    description: 'Quickly find and understand the meaning of HTTP status codes.',
-    slug: '/http-status-codes',
-    tags: ['http', 'developer', 'explainer', 'code', 'network'],
-  },
-  {
-    id: '20',
-    name: 'List Cleaner & Formatter',
-    description: 'Quickly sort, clean, and format lists of text with various options.',
-    slug: '/list-cleaner',
-    tags: ['text', 'list', 'format', 'cleaner', 'sort', 'organize'],
-  },
-  {
-    id: '21',
-    name: 'HTML Tag Explainer',
-    description: 'A quick reference guide for all standard HTML tags and their uses.',
-    slug: '/html-tag-explainer',
-    tags: ['html', 'developer', 'explainer', 'reference', 'code'],
-  },
-];
+import PrivacyBadge from '@/components/PrivacyBadge';
+import { TOOLS, TOOL_CATEGORIES } from '@/config/tools';
+import type { ToolCategory } from '@/types/tool';
 
 export default function HomePage() {
   const [searchTerm, setSearchTerm] = useState('');
-  const [selectedTag, setSelectedTag] = useState<string | null>(null);
-  const [shuffledTags, setShuffledTags] = useState<Tag[]>([]);
-
-  // Calculate the base tags with weights
-  const popularTags = useMemo((): Tag[] => {
-    const tagCounts: { [key: string]: number } = {};
-
-    TOOL_CATALOG.forEach((tool) => {
-      tool.tags.forEach((tag) => {
-        tagCounts[tag] = (tagCounts[tag] || 0) + 1;
-      });
-    });
-
-    // We now sort here to have a consistent order for the initial render
-    return Object.entries(tagCounts)
-      .map(([text, weight]) => ({
-        text,
-        weight,
-        slug: `/tags/${text}`,
-      }))
-      .sort((a, b) => b.weight - a.weight);
-  }, []);
-
-  // --- START: HYDRATION-SAFE SHUFFLE ---
-  // This effect runs only on the client, after the initial render,
-  // to prevent a mismatch between server and client HTML.
-  useEffect(() => {
-    const tagsToShuffle = [...popularTags];
-    for (let i = tagsToShuffle.length - 1; i > 0; i--) {
-      const j = Math.floor(Math.random() * (i + 1));
-      [tagsToShuffle[i], tagsToShuffle[j]] = [tagsToShuffle[j], tagsToShuffle[i]];
-    }
-    setShuffledTags(tagsToShuffle);
-  }, [popularTags]); // Depend on popularTags to re-shuffle if the base list ever changed
-  // --- END: HYDRATION-SAFE SHUFFLE ---
+  const [category, setCategory] = useState<ToolCategory | null>(null);
 
   const filteredTools = useMemo(() => {
-    let tools = TOOL_CATALOG;
-
-    if (selectedTag) {
-      tools = tools.filter((tool) => tool.tags.includes(selectedTag));
-    }
-
-    if (searchTerm) {
-      tools = tools.filter(
-        (tool) =>
-          tool.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          tool.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          tool.tags.some((tag) => tag.toLowerCase().includes(searchTerm.toLowerCase()))
-      );
-    }
-
-    return tools;
-  }, [searchTerm, selectedTag]);
-
-  const handleTagClick = (tagText: string) => {
-    if (selectedTag === tagText) {
-      setSelectedTag(null);
-    } else {
-      setSelectedTag(tagText);
-    }
-  };
-
-  const handleSearch = (newSearchTerm: string) => {
-    setSearchTerm(newSearchTerm);
-  };
+    const q = searchTerm.trim().toLowerCase();
+    return TOOLS.filter((tool) => {
+      const categoryMatch = !category || tool.category === category;
+      const searchMatch = !q || tool.name.toLowerCase().includes(q) || tool.description.toLowerCase().includes(q) || tool.tags.some((tag) => tag.toLowerCase().includes(q));
+      return categoryMatch && searchMatch;
+    });
+  }, [searchTerm, category]);
 
   return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
+    <div className='flex min-h-screen flex-col bg-slate-50'>
       <Navbar />
-
-      <main className='flex-grow container mx-auto px-4 py-8'>
+      <main className='container mx-auto flex-grow px-4 py-8'>
         <header className='mb-8 text-center'>
-          <h1 className='text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-sky-500 to-indigo-600 font-heading drop-shadow-lg tracking-tight'>ToolStack</h1>
-          <p className='text-xl text-slate-500 mt-2 font-medium'>
-            Privacy-first, beautiful, and blazing fast browser tools. Your data never leaves your device.
-          </p>
+          <h1 className='bg-gradient-to-r from-sky-500 to-indigo-600 bg-clip-text text-5xl font-extrabold tracking-tight text-transparent'>ToolStack</h1>
+          <p className='mx-auto mt-3 max-w-3xl text-xl font-medium text-slate-600'>Useful browser tools with a simple rule: your working data stays on your device.</p>
+          <div className='mt-5'><PrivacyBadge /></div>
         </header>
 
-        <section className='mb-12'>
-          <SearchBar onSearch={handleSearch} />
-        </section>
+        <section className='mb-8'><SearchBar onSearch={setSearchTerm} /></section>
 
-        <section className='mb-12 p-6 bg-white rounded-lg shadow'>
-          <h2 className='text-2xl font-semibold text-slate-700 mb-6 text-center'>Tool Categories</h2>
-          {/* Pass the shuffled tags to the component */}
-          <TagCloud
-            tags={shuffledTags.length > 0 ? shuffledTags : popularTags}
-            onTagClick={handleTagClick}
-            selectedTag={selectedTag}
-          />
+        <section className='mb-10 rounded-xl bg-white p-5 shadow-sm' aria-label='Tool categories'>
+          <div className='flex flex-wrap justify-center gap-2'>
+            <button onClick={() => setCategory(null)} className={`rounded-full px-4 py-2 text-sm font-medium ${category===null?'bg-sky-600 text-white':'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>All</button>
+            {TOOL_CATEGORIES.map((item) => <button key={item} onClick={() => setCategory(item)} className={`rounded-full px-4 py-2 text-sm font-medium ${category===item?'bg-sky-600 text-white':'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>{item}</button>)}
+          </div>
         </section>
 
         <section>
-          <h2 className='text-2xl font-semibold text-slate-700 mb-6'>
-            {selectedTag ? `Tools tagged with "${selectedTag}"` : 'All Tools'}
-          </h2>
+          <div className='mb-5 flex flex-wrap items-baseline justify-between gap-2'>
+            <h2 className='text-2xl font-semibold text-slate-700'>{category ?? 'All Tools'}</h2>
+            <span className='text-sm text-slate-500'>{filteredTools.length} tool{filteredTools.length===1?'':'s'}</span>
+          </div>
           <ToolList tools={filteredTools} />
-          {filteredTools.length === 0 && (
-            <div className='text-center p-8 bg-white rounded-lg shadow'>
-              <p className='text-slate-500'>No tools found matching your criteria.</p>
-            </div>
-          )}
+          {filteredTools.length===0 && <div className='rounded-lg bg-white p-8 text-center shadow'><p className='text-slate-500'>No tools found matching your search.</p></div>}
         </section>
       </main>
-
       <Footer />
     </div>
   );
diff --git a/src/app/password-generator/page.tsx b/src/app/password-generator/page.tsx
index f4b8bc6..c200221 100644
--- a/src/app/password-generator/page.tsx
+++ b/src/app/password-generator/page.tsx
@@ -2,8 +2,10 @@
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 const LOWER='abcdefghijkmnopqrstuvwxyz'; const UPPER='ABCDEFGHJKLMNPQRSTUVWXYZ'; const DIGITS='23456789'; const SYMBOLS='!@#$%^&*()-_=+[]{}:,.?';
-function securePick(chars:string){const max=Math.floor(256/chars.length)*chars.length;const a=new Uint8Array(1);do crypto.getRandomValues(a);while(a[0]>=max);return chars[a[0]%chars.length]}
-function makePassword(length:number,sets:string[]){const pool=sets.join('');if(!pool)return '';let out=sets.map(securePick).join('');while(out.length<length)out+=securePick(pool);return out.split('').map((c,i,a)=>{const j=Math.floor(Math.random()*a.length);[a[i],a[j]]=[a[j],a[i]];return a[i]}).join('').slice(0,length)}
+function secureInt(max:number){if(max<=0)return 0;const limit=Math.floor(0x100000000/max)*max;const a=new Uint32Array(1);do crypto.getRandomValues(a);while(a[0]>=limit);return a[0]%max}
+function securePick(chars:string){return chars[secureInt(chars.length)]}
+function secureShuffle(chars:string){const a=[...chars];for(let i=a.length-1;i>0;i--){const j=secureInt(i+1);[a[i],a[j]]=[a[j],a[i]]}return a.join('')}
+function makePassword(length:number,sets:string[]){const usable=sets.filter(Boolean);const pool=usable.join('');if(!pool)return '';let out=usable.map(securePick).join('');while(out.length<length)out+=securePick(pool);return secureShuffle(out).slice(0,length)}
 const WORDS=['amber','apple','atlas','bamboo','beacon','blue','cedar','cloud','cobalt','comet','coral','delta','ember','falcon','fern','forest','galaxy','garden','harbor','indigo','jungle','lantern','lemon','lotus','maple','meadow','meteor','mint','nebula','ocean','olive','orbit','pearl','pine','pixel','quartz','raven','river','saffron','solar','spruce','stone','sunset','tiger','violet','willow','winter','zenith'];
-function passphrase(n:number){const a=new Uint32Array(n);crypto.getRandomValues(a);return [...a].map(v=>WORDS[v%WORDS.length]).join('-')}
-export default function PasswordGeneratorPage(){const [length,setLength]=useState(20);const [upper,setUpper]=useState(true);const [digits,setDigits]=useState(true);const [symbols,setSymbols]=useState(true);const [nonce,setNonce]=useState(0);const [words,setWords]=useState(5);const password=useMemo(()=>makePassword(length,[LOWER,upper?UPPER:'',digits?DIGITS:'',symbols?SYMBOLS:''].filter(Boolean)),[length,upper,digits,symbols,nonce]);const phrase=useMemo(()=>passphrase(words),[words,nonce]);return <LocalToolLayout title='Password & Passphrase Generator' description='Generate secrets locally with cryptographically secure randomness. Nothing is stored or transmitted.'><section className='mx-auto max-w-3xl space-y-6 rounded-xl bg-white p-6 shadow'><div><div className='flex gap-2'><input readOnly value={password} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(password)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Length: {length}<input type='range' min='12' max='64' value={length} onChange={e=>setLength(+e.target.value)} className='w-full'/></label><div className='mt-3 flex flex-wrap gap-4'>{[['Uppercase',upper,setUpper],['Numbers',digits,setDigits],['Symbols',symbols,setSymbols]].map(([label,val,setter])=><label key={label as string} className='flex gap-2'><input type='checkbox' checked={val as boolean} onChange={e=>(setter as (v:boolean)=>void)(e.target.checked)}/>{label as string}</label>)}</div></div><div className='border-t pt-6'><div className='flex gap-2'><input readOnly value={phrase} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(phrase)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Words: {words}<input type='range' min='4' max='10' value={words} onChange={e=>setWords(+e.target.value)} className='w-full'/></label></div><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-5 py-2 text-white'>Generate new</button></section></LocalToolLayout>}
+function passphrase(n:number){return Array.from({length:n},()=>WORDS[secureInt(WORDS.length)]).join('-')}
+export default function PasswordGeneratorPage(){const [length,setLength]=useState(20);const [upper,setUpper]=useState(true);const [digits,setDigits]=useState(true);const [symbols,setSymbols]=useState(true);const [nonce,setNonce]=useState(0);const [words,setWords]=useState(5);const password=useMemo(()=>makePassword(length,[LOWER,upper?UPPER:'',digits?DIGITS:'',symbols?SYMBOLS:'']),[length,upper,digits,symbols,nonce]);const phrase=useMemo(()=>passphrase(words),[words,nonce]);return <LocalToolLayout title='Password & Passphrase Generator' description='Generate secrets locally with cryptographically secure browser randomness. Nothing is stored or transmitted.'><section className='mx-auto max-w-3xl space-y-6 rounded-xl bg-white p-6 shadow'><div><div className='flex gap-2'><input readOnly value={password} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(password)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Length: {length}<input type='range' min='12' max='64' value={length} onChange={e=>setLength(+e.target.value)} className='w-full'/></label><div className='mt-3 flex flex-wrap gap-4'><label className='flex gap-2'><input type='checkbox' checked={upper} onChange={e=>setUpper(e.target.checked)}/>Uppercase</label><label className='flex gap-2'><input type='checkbox' checked={digits} onChange={e=>setDigits(e.target.checked)}/>Numbers</label><label className='flex gap-2'><input type='checkbox' checked={symbols} onChange={e=>setSymbols(e.target.checked)}/>Symbols</label></div></div><div className='border-t pt-6'><div className='flex gap-2'><input readOnly value={phrase} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(phrase)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Words: {words}<input type='range' min='4' max='10' value={words} onChange={e=>setWords(+e.target.value)} className='w-full'/></label></div><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-5 py-2 text-white'>Generate new</button></section></LocalToolLayout>}
diff --git a/src/components/ToolCard.tsx b/src/components/ToolCard.tsx
index b92846f..70fcbb8 100644
--- a/src/components/ToolCard.tsx
+++ b/src/components/ToolCard.tsx
@@ -1,33 +1,18 @@
-// src/components/ToolCard.tsx
 import Link from 'next/link';
-import type { Tool } from '@/app/page'; // Or from '@/types'
+import type { Tool } from '@/types/tool';
 
-interface ToolCardProps {
-  tool: Tool;
-}
+interface ToolCardProps { tool: Tool }
 
-const ToolCard = ({ tool }: ToolCardProps) => {
+export default function ToolCard({ tool }: ToolCardProps) {
   return (
-    <Link
-      href={tool.slug}
-      className='block p-6 bg-white/90 rounded-2xl shadow-lg hover:shadow-2xl border border-slate-100 hover:border-sky-200 transition-all duration-200 ease-in-out transform hover:-translate-y-1 focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-opacity-50'>
-      {/* You can add an icon here later if you have one */}
-      {/* {tool.icon && <img src={tool.icon} alt={`${tool.name} icon`} className="w-8 h-8 mb-2" />} */}
-
-      <h3 className='text-xl font-extrabold text-slate-800 mb-2 font-heading tracking-tight'>{tool.name}</h3>
-      <p className='text-slate-600 text-base mb-3'>{tool.description}</p>
-
-      {tool.tags && tool.tags.length > 0 && (
-        <div className='flex flex-wrap gap-2 mt-2'>
-          {tool.tags.map((tag) => (
-            <span key={tag} className='text-xs bg-gradient-to-r from-sky-100 to-indigo-100 text-sky-700 px-2 py-1 rounded-full font-medium'>
-              {tag}
-            </span>
-          ))}
-        </div>
-      )}
+    <Link href={tool.slug} className='block rounded-2xl border border-slate-100 bg-white/90 p-6 shadow-lg transition-all duration-200 hover:-translate-y-1 hover:border-sky-200 hover:shadow-2xl focus:outline-none focus:ring-2 focus:ring-sky-500'>
+      <div className='mb-2 flex items-start justify-between gap-3'>
+        <h3 className='text-xl font-extrabold tracking-tight text-slate-800'>{tool.name}</h3>
+        <span className='shrink-0 rounded-full bg-emerald-50 px-2 py-1 text-[11px] font-semibold text-emerald-700'>Local</span>
+      </div>
+      <p className='mb-3 text-base text-slate-600'>{tool.description}</p>
+      <p className='mb-3 text-xs font-medium text-slate-500'>{tool.category}</p>
+      <div className='flex flex-wrap gap-2'>{tool.tags.slice(0,5).map(tag => <span key={tag} className='rounded-full bg-sky-50 px-2 py-1 text-xs font-medium text-sky-700'>{tag}</span>)}</div>
     </Link>
   );
-};
-
-export default ToolCard;
+}

From 3456395fb5c5a76285a4eb73f8fe32bc72be8850 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:01:55 +0530
Subject: [PATCH 05/42] fix: harden markdown regex and privacy enforcement

---
 scripts/check-privacy.mjs        |  10 ++
 src/app/markdown-editor/page.tsx | 121 +------------
 src/app/regex-tester/page.tsx    | 293 +------------------------------
 src/components/ToolList.tsx      |  26 +--
 4 files changed, 29 insertions(+), 421 deletions(-)
 create mode 100644 scripts/check-privacy.mjs

diff --git a/scripts/check-privacy.mjs b/scripts/check-privacy.mjs
new file mode 100644
index 0000000..6d920e2
--- /dev/null
+++ b/scripts/check-privacy.mjs
@@ -0,0 +1,10 @@
+import { readdir, readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+const root = new URL('../src/app/', import.meta.url);
+const banned = [/\bfetch\s*\(/, /\bXMLHttpRequest\b/, /\bWebSocket\s*\(/, /\bEventSource\s*\(/, /navigator\.sendBeacon\s*\(/];
+const violations=[];
+async function walk(path){for(const entry of await readdir(path,{withFileTypes:true})){const full=join(path,entry.name);if(entry.isDirectory())await walk(full);else if(/\.(ts|tsx|js|jsx)$/.test(entry.name)){const text=await readFile(full,'utf8');for(const rule of banned)if(rule.test(text))violations.push(`${full}: ${rule}`)}}}
+await walk(root);
+if(violations.length){console.error('Privacy check failed. Tool code contains network-capable APIs:\n'+violations.join('\n'));process.exit(1)}
+console.log('Privacy check passed: no network APIs found in src/app tool code.');
diff --git a/src/app/markdown-editor/page.tsx b/src/app/markdown-editor/page.tsx
index 0a1f566..475c993 100644
--- a/src/app/markdown-editor/page.tsx
+++ b/src/app/markdown-editor/page.tsx
@@ -1,117 +1,14 @@
-// src/app/markdown-editor/page.tsx
 'use client';
-
-import React, { useState, useMemo } from 'react';
-import Link from 'next/link';
+import { useMemo, useState } from 'react';
 import showdown from 'showdown';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-const SAMPLE_MARKDOWN = `# Welcome to the Markdown Editor!
-
-This is a **live preview** of your Markdown text.
-
-## Features
-- Real-time rendering
-- Supports all standard Markdown syntax
-- HTML output copying
-
-### Example Code Block
-\`\`\`javascript
-function greet(name) {
-  return "Hello, " + name + "!";
-}
-\`\`\`
-
-> This is a blockquote. Feel free to edit this text and see what happens!
-`;
-
-export default function MarkdownEditorPage() {
-  const [markdown, setMarkdown] = useState(SAMPLE_MARKDOWN);
-  const [copySuccess, setCopySuccess] = useState('');
-
-  const converter = useMemo(
-    () =>
-      new showdown.Converter({
-        tables: true,
-        simplifiedAutoLink: true,
-        strikethrough: true,
-        tasklists: true,
-      }),
-    []
-  );
-
-  const html = useMemo(() => converter.makeHtml(markdown), [markdown, converter]);
-
-  const handleCopyHtml = () => {
-    navigator.clipboard.writeText(html).then(
-      () => {
-        setCopySuccess('HTML copied to clipboard!');
-        setTimeout(() => setCopySuccess(''), 2000); // Clear message after 2 seconds
-      },
-      (err) => {
-        setCopySuccess('Failed to copy HTML.');
-        console.error('Could not copy text: ', err);
-      }
-    );
-  };
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Markdown Editor</h1>
-          <p className='text-lg text-slate-600 mt-1'>
-            Type Markdown on the left and see the rendered HTML on the right.
-          </p>
-        </header>
-
-        <section className='grid grid-cols-1 md:grid-cols-2 gap-4 h-[60vh] max-w-7xl mx-auto'>
-          {/* Markdown Input */}
-          <div className='flex flex-col'>
-            <div className='flex-shrink-0 flex justify-between items-center bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              <h2 className='font-semibold text-slate-700'>Markdown</h2>
-            </div>
-            <textarea
-              value={markdown}
-              onChange={(e) => setMarkdown(e.target.value)}
-              className='w-full h-full p-4 border border-slate-300 rounded-b-lg font-mono focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out resize-none'
-              placeholder='Type your Markdown here...'
-            />
-          </div>
+import LocalToolLayout from '@/components/LocalToolLayout';
 
-          {/* HTML Preview */}
-          <div className='flex flex-col'>
-            <div className='flex-shrink-0 flex justify-between items-center bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              <h2 className='font-semibold text-slate-700'>Preview</h2>
-              <button
-                onClick={handleCopyHtml}
-                className='px-3 py-1 text-xs font-medium text-slate-600 bg-white rounded-md border border-slate-300 hover:bg-slate-50'>
-                Copy HTML
-              </button>
-            </div>
-            {copySuccess && (
-              <p className='absolute right-10 mt-14 text-xs bg-green-100 text-green-700 px-2 py-1 rounded-md shadow-lg'>
-                {copySuccess}
-              </p>
-            )}
-            <div
-              className='w-full h-full p-4 bg-white border border-slate-300 rounded-b-lg overflow-y-auto prose max-w-none'
-              dangerouslySetInnerHTML={{ __html: html }}
-            />
-          </div>
-        </section>
+const SAMPLE='# Welcome to the Markdown Editor!\n\nThis preview renders **Markdown** locally. Raw HTML is escaped for safety.\n\n- No upload\n- Live preview\n- Copy generated HTML';
+const escapeRawHtml=(s:string)=>s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
 
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
+export default function MarkdownEditorPage(){
+ const [markdown,setMarkdown]=useState(SAMPLE);
+ const converter=useMemo(()=>new showdown.Converter({tables:true,simplifiedAutoLink:true,strikethrough:true,tasklists:true}),[]);
+ const html=useMemo(()=>converter.makeHtml(escapeRawHtml(markdown)),[markdown,converter]);
+ return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Raw HTML is escaped before rendering to keep pasted content from executing scripts.'><section className='mx-auto grid max-w-7xl gap-4 md:grid-cols-2'><div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea value={markdown} onChange={e=>setMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div><div className='flex min-h-[60vh] flex-col'><div className='flex items-center justify-between rounded-t border bg-slate-100 p-2'><h2 className='font-semibold'>Preview</h2><button onClick={()=>navigator.clipboard.writeText(html)} className='rounded border bg-white px-3 py-1 text-xs'>Copy HTML</button></div><div className='prose max-w-none min-h-0 flex-1 overflow-auto rounded-b border bg-white p-4' dangerouslySetInnerHTML={{__html:html}}/></div></section></LocalToolLayout>;
 }
diff --git a/src/app/regex-tester/page.tsx b/src/app/regex-tester/page.tsx
index 6fb5f55..6dd85a9 100644
--- a/src/app/regex-tester/page.tsx
+++ b/src/app/regex-tester/page.tsx
@@ -1,290 +1,7 @@
-// src/app/regex-tester/page.tsx
 'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
 
-import React, { useState, useMemo, useEffect } from 'react';
-import Link from 'next/link';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-// A simple component to display match results
-const MatchResult = ({ match }: { match: RegExpMatchArray }) => {
-  return (
-    <div className='p-3 my-2 bg-emerald-50 border border-emerald-200 rounded-md'>
-      <p className='font-semibold text-emerald-800'>Match found:</p>
-      <pre className='text-sm text-emerald-700 bg-emerald-100 p-2 rounded mt-1 overflow-x-auto'>
-        {JSON.stringify(match, null, 2)}
-      </pre>
-      <p className='text-xs text-slate-500 mt-1'>
-        (Index: {match.index}, Input: &quot;{match.input}&quot;)
-      </p>
-    </div>
-  );
-};
-
-// =================================================================
-// START: Regex Explainer Component
-// =================================================================
-interface ExplanationPart {
-  token: string;
-  explanation: string;
-}
-
-const TOKEN_EXPLANATIONS: Record<string, string> = {
-  '\\d': 'Matches any digit (0-9).',
-  '\\D': 'Matches any character that is not a digit.',
-  '\\w': 'Matches any word character (alphanumeric + underscore).',
-  '\\W': 'Matches any character that is not a word character.',
-  '\\s': 'Matches any whitespace character (spaces, tabs, newlines).',
-  '\\S': 'Matches any character that is not a whitespace character.',
-  '.': 'Matches any character except a newline.',
-  '^': 'Asserts position at the start of the string.',
-  $: 'Asserts position at the end of the string.',
-  '+': 'Matches the preceding token 1 or more times.',
-  '*': 'Matches the preceding token 0 or more times.',
-  '?': 'Matches the preceding token 0 or 1 time. (Makes it optional)',
-  '|': 'Acts like a boolean OR. Matches the expression before or after it.',
-};
-
-const RegexExplainer = ({ pattern }: { pattern: string }) => {
-  const explanation = useMemo((): ExplanationPart[] => {
-    if (!pattern) return [];
-
-    const parts: ExplanationPart[] = [];
-    let i = 0;
-    while (i < pattern.length) {
-      let token = pattern[i];
-      let explanationText = '';
-
-      if (pattern[i] === '\\' && i + 1 < pattern.length) {
-        token = pattern.substring(i, i + 2);
-        if (TOKEN_EXPLANATIONS[token]) {
-          explanationText = TOKEN_EXPLANATIONS[token];
-          i++;
-        } else {
-          explanationText = `Matches the literal character "${pattern[i + 1]}".`;
-          token = pattern[i + 1];
-          i++;
-        }
-      } else if (TOKEN_EXPLANATIONS[token]) {
-        explanationText = TOKEN_EXPLANATIONS[token];
-      } else {
-        switch (token) {
-          case '[': {
-            const closingBracket = pattern.indexOf(']', i);
-            if (closingBracket > -1) {
-              const content = pattern.substring(i + 1, closingBracket);
-              token = pattern.substring(i, closingBracket + 1);
-              explanationText = content.startsWith('^')
-                ? `Matches any single character not in the set: "${content.substring(1)}".`
-                : `Matches any single character in the set: "${content}".`;
-              i = closingBracket;
-            }
-            break;
-          }
-          case '(': {
-            explanationText = 'Starts a capturing group.';
-            break;
-          }
-          case ')': {
-            explanationText = 'Ends a capturing group.';
-            break;
-          }
-          case '{': {
-            const closingBrace = pattern.indexOf('}', i);
-            if (closingBrace > -1) {
-              const quantifier = pattern.substring(i + 1, closingBrace);
-              token = pattern.substring(i, closingBrace + 1);
-              if (quantifier.includes(',')) {
-                const [min, max] = quantifier.split(',');
-                explanationText = `Matches the preceding token between ${min} and ${max || 'infinity'} times.`;
-              } else {
-                explanationText = `Matches the preceding token exactly ${quantifier} times.`;
-              }
-              i = closingBrace;
-            }
-            break;
-          }
-          default:
-            explanationText = `Matches the literal character "${token}".`;
-            break;
-        }
-      }
-
-      if (explanationText) {
-        parts.push({ token, explanation: explanationText });
-      }
-
-      i++;
-    }
-
-    return parts;
-  }, [pattern]);
-
-  if (!pattern) {
-    return (
-      <div className='text-slate-500 text-center py-4 italic'>
-        Enter a regular expression above to see an explanation.
-      </div>
-    );
-  }
-
-  return (
-    <div className='space-y-3'>
-      {explanation.map((part, index) => (
-        <div key={index} className='flex items-start gap-4 p-2 rounded-md bg-slate-50'>
-          <code className='px-2 py-1 text-sm bg-slate-200 text-slate-800 rounded font-mono font-semibold'>
-            {part.token}
-          </code>
-          <p className='text-slate-700 text-sm pt-1'>{part.explanation}</p>
-        </div>
-      ))}
-    </div>
-  );
-};
-// =================================================================
-// END: Regex Explainer Component
-// =================================================================
-
-export default function RegexTesterPage() {
-  const [pattern, setPattern] = useState<string>('\\w+');
-  const [flags, setFlags] = useState<string>('g');
-  const [testString, setTestString] = useState<string>('Hello World 123');
-  const [error, setError] = useState<string | null>(null);
-  const [isClient, setIsClient] = useState(false); // ADDED: State to track client-side render
-
-  // ADDED: useEffect to set isClient to true after initial render
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const urlPattern = params.get('pattern');
-    const urlFlags = params.get('flags');
-
-    if (urlPattern) {
-      setPattern(urlPattern);
-    }
-    if (urlFlags) {
-      setFlags(urlFlags);
-    }
-  }, []);
-
-  const { matches, executionTime } = useMemo(() => {
-    if (!pattern) {
-      setError(null);
-      return { matches: [], executionTime: 0 };
-    }
-
-    const startTime = performance.now();
-
-    try {
-      const regex = new RegExp(pattern, flags);
-      const allMatches = Array.from(testString.matchAll(regex));
-      const endTime = performance.now();
-
-      setError(null);
-      return {
-        matches: allMatches,
-        executionTime: endTime - startTime,
-      };
-    } catch (e: unknown) {
-      setError((e as Error).message);
-      return { matches: [], executionTime: 0 };
-    }
-  }, [pattern, flags, testString]);
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Regex Tester & Explainer</h1>
-          <p className='text-lg text-slate-600 mt-1'>Test your regular expressions against strings in real-time.</p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-4xl mx-auto'>
-          {/* Regex Input Area */}
-          <div className='mb-4'>
-            <label htmlFor='regex-pattern' className='block text-sm font-semibold text-slate-700 mb-1'>
-              Regular Expression
-            </label>
-            <div className='flex items-center'>
-              <span className='text-slate-400 p-2 bg-slate-100 border border-r-0 border-slate-300 rounded-l-md'>/</span>
-              <input
-                type='text'
-                id='regex-pattern'
-                value={pattern}
-                onChange={(e) => setPattern(e.target.value)}
-                className='flex-grow p-2 border border-slate-300 focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out font-mono'
-                placeholder='Enter your pattern here'
-              />
-              <span className='text-slate-400 p-2 bg-slate-100 border border-l-0 border-slate-300'>/</span>
-              <input
-                type='text'
-                id='regex-flags'
-                value={flags}
-                onChange={(e) => setFlags(e.target.value)}
-                className='w-20 p-2 border border-slate-300 rounded-r-md focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out font-mono'
-                placeholder='flags'
-              />
-            </div>
-          </div>
-
-          {/* Test String Input Area */}
-          <div className='mb-6'>
-            <label htmlFor='test-string' className='block text-sm font-semibold text-slate-700 mb-1'>
-              Test String
-            </label>
-            <textarea
-              id='test-string'
-              value={testString}
-              onChange={(e) => setTestString(e.target.value)}
-              className='w-full p-3 border border-slate-300 rounded-lg font-mono focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out'
-              rows={8}
-              placeholder='Enter the string to test against...'
-            />
-          </div>
-
-          {/* Results Area */}
-          <div>
-            <h2 className='text-xl font-semibold text-slate-700 border-b pb-2 mb-3'>Results</h2>
-            {error ? (
-              <div className='p-3 bg-red-100 text-red-700 border border-red-300 rounded-md'>
-                <strong>Error:</strong> {error}
-              </div>
-            ) : matches.length > 0 ? (
-              <div>
-                <p className='text-sm text-slate-600 mb-2'>
-                  Found {matches.length} match{matches.length === 1 ? '' : 'es'}
-                  {/* FIX: Only render execution time on the client after hydration */}
-                  {isClient && ` in ${executionTime.toFixed(2)}ms.`}
-                </p>
-                {matches.map((match, i) => (
-                  <MatchResult key={i} match={match} />
-                ))}
-              </div>
-            ) : (
-              <p className='text-slate-500 text-center py-4'>No matches found.</p>
-            )}
-          </div>
-        </section>
-
-        {/* Placeholder for the explainer */}
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-4xl mx-auto mt-8'>
-          <h2 className='text-xl font-semibold text-slate-700 border-b pb-2 mb-3'>Explanation</h2>
-          <RegexExplainer pattern={pattern} />
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
-}
+const TOKEN:Record<string,string>={'\\d':'digit','\\w':'word character','\\s':'whitespace','.':'any character except newline','^':'start of input','$':'end of input','+':'one or more','*':'zero or more','?':'optional','|':'OR'};
+function explain(pattern:string){const out:string[]=[];for(let i=0;i<pattern.length;i++){const token=pattern[i]==='\\'&&i+1<pattern.length?pattern.slice(i,i+2):pattern[i];if(token.length===2)i++;out.push(`${token}: ${TOKEN[token]??'literal or regex syntax'}`)}return out}
+export default function RegexTesterPage(){const [pattern,setPattern]=useState('\\w+');const [flags,setFlags]=useState('g');const [text,setText]=useState('Hello World 123');const result=useMemo(()=>{if(!pattern)return{matches:[] as RegExpMatchArray[],error:'',time:0};try{const start=performance.now();const regex=new RegExp(pattern,flags);let matches:RegExpMatchArray[];if(regex.global)matches=Array.from(text.matchAll(regex));else{const m=regex.exec(text);matches=m?[m]:[]}return{matches,error:'',time:performance.now()-start}}catch(e){return{matches:[] as RegExpMatchArray[],error:(e as Error).message,time:0}}},[pattern,flags,text]);return <LocalToolLayout title='Regex Tester & Explainer' description='Test JavaScript regular expressions locally. Non-global patterns are handled as single matches.'><div className='mx-auto max-w-4xl space-y-6'><section className='rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Pattern</label><div className='mt-2 flex'><span className='rounded-l border bg-slate-100 p-2'>/</span><input value={pattern} onChange={e=>setPattern(e.target.value)} className='min-w-0 flex-1 border-y p-2 font-mono'/><span className='border-y bg-slate-100 p-2'>/</span><input value={flags} onChange={e=>setFlags(e.target.value)} className='w-20 rounded-r border p-2 font-mono'/></div><label className='mt-5 block font-semibold'>Test text</label><textarea value={text} onChange={e=>setText(e.target.value)} className='mt-2 h-40 w-full rounded border p-3 font-mono'/>{result.error?<p className='mt-4 text-red-600'>{result.error}</p>:<div className='mt-4'><p className='text-sm text-slate-600'>{result.matches.length} match{result.matches.length===1?'':'es'} in {result.time.toFixed(3)} ms</p>{result.matches.map((m,i)=><pre key={i} className='mt-2 overflow-auto rounded bg-emerald-50 p-3 text-sm'>{JSON.stringify({match:m[0],index:m.index,groups:[...m].slice(1)},null,2)}</pre>)}</div>}</section><section className='rounded-xl bg-white p-6 shadow'><h2 className='font-semibold'>Basic explanation</h2><div className='mt-3 space-y-1 font-mono text-sm'>{explain(pattern).map((x,i)=><div key={i}>{x}</div>)}</div><p className='mt-4 text-xs text-slate-500'>This is a lightweight explanation, not a full regex parser.</p></section></div></LocalToolLayout>}
diff --git a/src/components/ToolList.tsx b/src/components/ToolList.tsx
index 644ac5d..2bed586 100644
--- a/src/components/ToolList.tsx
+++ b/src/components/ToolList.tsx
@@ -1,23 +1,7 @@
-// src/components/ToolList.tsx
-import ToolCard from './ToolCard'; // Import the ToolCard component
-import type { Tool } from '@/app/page'; // Or from '@/types' if you moved it
+import ToolCard from './ToolCard';
+import type { Tool } from '@/types/tool';
 
-interface ToolListProps {
-  tools: Tool[];
+export default function ToolList({ tools }: { tools: Tool[] }) {
+  if (tools.length === 0) return null;
+  return <div className='grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3'>{tools.map(tool => <ToolCard key={tool.id} tool={tool} />)}</div>;
 }
-
-const ToolList = ({ tools }: ToolListProps) => {
-  if (!tools || tools.length === 0) {
-    return <p className='text-slate-500'>No tools available at the moment.</p>;
-  }
-
-  return (
-    <div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6'>
-      {tools.map((tool) => (
-        <ToolCard key={tool.id} tool={tool} />
-      ))}
-    </div>
-  );
-};
-
-export default ToolList;

From b8662c8724d07946359123f1ae3520c20c70e228 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:02:26 +0530
Subject: [PATCH 06/42] chore: add privacy verification security headers and
 project docs

---
 README.md          | 140 +++++++++++++++++++++++----------------------
 next.config.ts     |  27 ++++++++-
 package.json       |   9 ++-
 src/app/robots.ts  |   3 +
 src/app/sitemap.ts |   7 +++
 5 files changed, 113 insertions(+), 73 deletions(-)
 create mode 100644 src/app/robots.ts
 create mode 100644 src/app/sitemap.ts

diff --git a/README.md b/README.md
index 708d3c4..94ced20 100644
--- a/README.md
+++ b/README.md
@@ -1,86 +1,88 @@
 # ToolStack
-**A privacy-first collection of useful web tools and utilities. All tools run entirely in your browser—your data never leaves your device.**
----
-
-## ✨ Features
-
-- **Privacy-focused:** All processing happens locally in your browser. No data is sent to any server.
-- **No sign-up, no ads, no tracking.**
-- **Open source:** Contributions welcome!
-- **Modern UI:** Built with Next.js, React, and Tailwind CSS.
-
----
-
-## 🧰 Available Tools
-
-- **Image Compressor** – Reduce image file sizes quickly and easily.
-- **Regex Tester & Explainer** – Test your regular expressions and get explanations.
-- **Text Diff Checker** – Compare two pieces of text and highlight differences.
-- **Color Code Converter** – Convert HEX, RGB, HSL color codes instantly.
-- **Placeholder Image Generator** – Create custom placeholder images on the fly.
-- **Text Statistics / Analyzer** – Get instant stats on your text, like word count, characters, and more.
-- **Image Metadata Remover** – View and remove EXIF metadata from your JPEG images to protect your privacy.
-- **Markdown Editor** – A simple Markdown editor with a live preview and HTML export.
-- **CSV to JSON/XML Converter** – Convert CSV data into JSON or XML formats.
-- **Text Contrast Checker** – Check if the contrast between two colors meets accessibility standards.
-- **Image Resizer** – Quickly resize images to your specified dimensions, all in your browser.
-- **Image Cropper** – Crop images to your desired dimensions with an easy-to-use interface.
-- **Lorem Ipsum Generator** – Generate placeholder text with options for paragraphs, sentences, or words.
-- **Easy Regex Generator** – Create common regular expressions by building a sentence, no syntax required.
-- **Find & Replace in Text** – Perform a find and replace on a block of text, with optional Regex support.
-- **Data Anonymizer** – Automatically find and scrub sensitive data like emails and IP addresses from text.
-- **CSS Specificity Calculator** – Calculate and understand the specificity of CSS selectors.
-- **Unit Converter** – Convert between various units of measurement.
-- **HTTP Status Code Explainer** – Quickly find and understand the meaning of HTTP status codes.
-- **List Cleaner & Formatter** – Quickly sort, clean, and format lists of text with various options.
-- **HTML Tag Explainer** – A quick reference guide for all standard HTML tags and their uses.
-
----
-
-## 🚀 Getting Started
-
-Clone the repo and install dependencies:
 
-```bash
-git clone https://github.com/SurajVerma/my-toolbox.git
-cd my-toolbox
-npm install
-```
-
-Start the development server:
+**Privacy-first browser tools. Your working data stays on your device.**
+
+ToolStack is an open-source collection of utilities designed around a strict local-processing rule: tool input is processed in the browser and is not sent to an application API for processing.
+
+## Privacy contract
+
+- Processing is local to the browser.
+- No account is required.
+- No advertising or analytics SDK is included.
+- Tool pages are checked for network-capable APIs by `npm run privacy-check`.
+- Tools that fundamentally require sending user input to a third party are intentionally excluded from the core collection.
+
+## Included tools
+
+### Privacy & Security
+- Image Metadata Remover
+- Data Anonymizer
+- File Hash & Checksum
+- Tracking URL Cleaner
+- Password & Passphrase Generator
+- JWT Inspector
+- Browser Privacy Inspector
+- Text Privacy Cleaner
+
+### Images
+- Image Compressor
+- Image Resizer
+- Image Cropper
+- Image Format Converter
+- Placeholder Image Generator
+
+### Developer / Data
+- JSON Toolbox
+- Regex Tester & Explainer
+- Easy Regex Generator
+- Text Diff Checker
+- Markdown Editor
+- CSV to JSON/XML Converter
+- CSS Specificity Calculator
+- HTTP Status Code Explainer
+- HTML Tag Explainer
+- Encoder / Decoder
+- UUID / ULID Generator
+
+### Text, Accessibility, Converters & Generators
+- Text Statistics / Analyzer
+- Find & Replace
+- List Cleaner & Formatter
+- Text Contrast Checker
+- Color Code Converter
+- Unit Converter
+- Timestamp & Date Toolkit
+- Lorem Ipsum Generator
+
+## Development
 
 ```bash
+git clone https://github.com/surajverma/toolstack.git
+cd toolstack
+npm install
 npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) in your browser.
+Open `http://localhost:3000`.
 
----
+Before submitting a change:
 
-## 🛡️ Privacy
-
-All tools work 100% in your browser. No data is ever uploaded or stored remotely. You can use these tools offline after the first load.
-
----
+```bash
+npm run verify
+```
 
-## 🤝 Contributing
+`verify` runs the privacy check, ESLint, TypeScript checking and the production build.
 
-Contributions, bug reports, and suggestions are welcome! Please open an issue or submit a pull request.
+## Security and privacy notes
 
----
+ToolStack's privacy promise concerns the data entered into its tools. Dependencies and the hosting platform still need normal supply-chain and infrastructure maintenance. Security-sensitive tools should prefer browser-standard cryptographic APIs such as Web Crypto rather than custom cryptography.
 
-## 📄 License
+## Contributing
 
-MIT. See [LICENSE](LICENSE) for details.
+Bug reports, privacy improvements, accessibility fixes and new local-only tools are welcome. A proposed tool should be able to perform its main function without transmitting the user's input to another service.
 
----
+## License
 
-## 🙏 Thank you
+MIT. See [LICENSE](LICENSE).
 
-If you like my work, you can [buy me a coffee ☕](https://ko-fi.com/skv)
+If you find ToolStack useful, you can support the project at https://ko-fi.com/skv.
diff --git a/next.config.ts b/next.config.ts
index 5e891cf..83ebd42 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,7 +1,32 @@
 import type { NextConfig } from 'next';
 
+const contentSecurityPolicy = [
+  "default-src 'self'",
+  "img-src 'self' data: blob:",
+  "media-src 'self' data: blob:",
+  "style-src 'self' 'unsafe-inline'",
+  "script-src 'self' 'unsafe-inline'",
+  "font-src 'self' data:",
+  "connect-src 'self'",
+  "object-src 'none'",
+  "base-uri 'self'",
+  "frame-ancestors 'none'",
+  "form-action 'self'",
+].join('; ');
+
 const nextConfig: NextConfig = {
-  /* config options here */
+  async headers() {
+    return [{
+      source: '/(.*)',
+      headers: [
+        { key: 'Content-Security-Policy', value: contentSecurityPolicy },
+        { key: 'Referrer-Policy', value: 'no-referrer' },
+        { key: 'X-Content-Type-Options', value: 'nosniff' },
+        { key: 'X-Frame-Options', value: 'DENY' },
+        { key: 'Permissions-Policy', value: 'camera=(self), microphone=(), geolocation=(), payment=(), usb=()' },
+      ],
+    }];
+  },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
index 533194a..07df86b 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,15 @@
 {
   "name": "toolstack",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
-    "start": "NODE_ENV=production node server.js",
-    "lint": "next lint"
+    "start": "next start",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "privacy-check": "node scripts/check-privacy.mjs",
+    "verify": "npm run privacy-check && npm run lint && npm run typecheck && npm run build"
   },
   "dependencies": {
     "@types/diff": "^7.0.2",
diff --git a/src/app/robots.ts b/src/app/robots.ts
new file mode 100644
index 0000000..38d034e
--- /dev/null
+++ b/src/app/robots.ts
@@ -0,0 +1,3 @@
+import type { MetadataRoute } from 'next';
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://toolstack.surajverma.in';
+export default function robots(): MetadataRoute.Robots { return { rules: { userAgent: '*', allow: '/' }, sitemap: `${SITE_URL}/sitemap.xml` }; }
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
new file mode 100644
index 0000000..b0cc753
--- /dev/null
+++ b/src/app/sitemap.ts
@@ -0,0 +1,7 @@
+import type { MetadataRoute } from 'next';
+import { TOOLS } from '@/config/tools';
+
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://toolstack.surajverma.in';
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [{ url: SITE_URL, changeFrequency: 'weekly', priority: 1 }, ...TOOLS.map(tool => ({ url: `${SITE_URL}${tool.slug}`, changeFrequency: 'monthly' as const, priority: 0.8 }))];
+}

From d30aabf73e824049c48e63c717c14d7e98192b41 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:03:30 +0530
Subject: [PATCH 07/42] feat: add local file encryption and CI verification

---
 .github/workflows/ci.yml         | 21 ++++++++
 src/app/file-encryption/page.tsx | 10 ++++
 src/app/robots.ts                |  2 +-
 src/app/sitemap.ts               |  4 +-
 src/config/tools.ts              | 82 +++++++++++++++++---------------
 5 files changed, 77 insertions(+), 42 deletions(-)
 create mode 100644 .github/workflows/ci.yml
 create mode 100644 src/app/file-encryption/page.tsx

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..8810b3a
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,21 @@
+name: Verify ToolStack
+on:
+  pull_request:
+  push:
+    branches: [master]
+permissions:
+  contents: read
+jobs:
+  verify:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - run: npm ci
+      - run: npm run privacy-check
+      - run: npm run lint
+      - run: npm run typecheck
+      - run: npm run build
diff --git a/src/app/file-encryption/page.tsx b/src/app/file-encryption/page.tsx
new file mode 100644
index 0000000..6dd88fe
--- /dev/null
+++ b/src/app/file-encryption/page.tsx
@@ -0,0 +1,10 @@
+'use client';
+import { useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+const MAGIC = new TextEncoder().encode('TSTACK1');
+const ITERATIONS = 250_000;
+const concat=(...parts:Uint8Array[])=>{const out=new Uint8Array(parts.reduce((n,p)=>n+p.length,0));let o=0;for(const p of parts){out.set(p,o);o+=p.length}return out};
+async function derive(password:string,salt:Uint8Array){const material=await crypto.subtle.importKey('raw',new TextEncoder().encode(password),'PBKDF2',false,['deriveKey']);return crypto.subtle.deriveKey({name:'PBKDF2',hash:'SHA-256',salt,iterations:ITERATIONS},material,{name:'AES-GCM',length:256},false,['encrypt','decrypt'])}
+function download(bytes:Uint8Array,name:string,type='application/octet-stream'){const blob=new Blob([bytes],{type});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download=name;a.click();setTimeout(()=>URL.revokeObjectURL(url),0)}
+export default function FileEncryptionPage(){const [file,setFile]=useState<File|null>(null);const [password,setPassword]=useState('');const [busy,setBusy]=useState(false);const [error,setError]=useState('');const encrypt=async()=>{if(!file||!password)return;setBusy(true);setError('');try{const salt=crypto.getRandomValues(new Uint8Array(16));const iv=crypto.getRandomValues(new Uint8Array(12));const key=await derive(password,salt);const ciphertext=new Uint8Array(await crypto.subtle.encrypt({name:'AES-GCM',iv},key,await file.arrayBuffer()));download(concat(MAGIC,salt,iv,ciphertext),`${file.name}.tstack`)}catch(e){setError((e as Error).message)}finally{setBusy(false)}};const decrypt=async()=>{if(!file||!password)return;setBusy(true);setError('');try{const bytes=new Uint8Array(await file.arrayBuffer());if(bytes.length<MAGIC.length+16+12+16||!MAGIC.every((v,i)=>bytes[i]===v))throw new Error('Not a ToolStack encrypted file.');let o=MAGIC.length;const salt=bytes.slice(o,o+=16);const iv=bytes.slice(o,o+=12);const ciphertext=bytes.slice(o);const key=await derive(password,salt);const plain=new Uint8Array(await crypto.subtle.decrypt({name:'AES-GCM',iv},key,ciphertext));download(plain,file.name.replace(/\.tstack$/,'' )||'decrypted-file')}catch(e){setError('Decryption failed. Check the password and file.')}finally{setBusy(false)}};return <LocalToolLayout title='File Encryption' description='Encrypt files locally with AES-256-GCM. Keys are derived from your password using PBKDF2-SHA-256; neither files nor passwords leave the browser.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={e=>setFile(e.target.files?.[0]??null)} className='w-full rounded border p-3'/><label className='mt-4 block font-semibold'>Password<input type='password' value={password} onChange={e=>setPassword(e.target.value)} autoComplete='new-password' className='mt-2 w-full rounded border p-3'/></label><div className='mt-5 flex flex-wrap gap-3'><button disabled={!file||!password||busy} onClick={encrypt} className='rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'>Encrypt & download</button><button disabled={!file||!password||busy} onClick={decrypt} className='rounded bg-slate-800 px-5 py-2 text-white disabled:opacity-50'>Decrypt .tstack file</button></div>{error&&<p className='mt-4 text-red-600'>{error}</p>}<div className='mt-6 rounded border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900'><strong>Important:</strong> There is no password recovery. Keep the password separately. This format is ToolStack-specific and intended for local convenience, not archival interoperability.</div></section></LocalToolLayout>}
diff --git a/src/app/robots.ts b/src/app/robots.ts
index 38d034e..d74af4f 100644
--- a/src/app/robots.ts
+++ b/src/app/robots.ts
@@ -1,3 +1,3 @@
 import type { MetadataRoute } from 'next';
-const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://toolstack.surajverma.in';
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000';
 export default function robots(): MetadataRoute.Robots { return { rules: { userAgent: '*', allow: '/' }, sitemap: `${SITE_URL}/sitemap.xml` }; }
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index b0cc753..b7065cf 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -1,7 +1,7 @@
 import type { MetadataRoute } from 'next';
 import { TOOLS } from '@/config/tools';
 
-const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'https://toolstack.surajverma.in';
+const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000';
 export default function sitemap(): MetadataRoute.Sitemap {
-  return [{ url: SITE_URL, changeFrequency: 'weekly', priority: 1 }, ...TOOLS.map(tool => ({ url: `${SITE_URL}${tool.slug}`, changeFrequency: 'monthly' as const, priority: 0.8 }))];
+  return [{ url: SITE_URL, changeFrequency: 'weekly', priority: 1 }, ...TOOLS.map(item => ({ url: `${SITE_URL}${item.slug}`, changeFrequency: 'monthly' as const, priority: 0.8 }))];
 }
diff --git a/src/config/tools.ts b/src/config/tools.ts
index 0914941..5ff6395 100644
--- a/src/config/tools.ts
+++ b/src/config/tools.ts
@@ -1,40 +1,7 @@
-import type { Tool } from '@/types/tool';
+import type { Tool, ToolCategory } from '@/types/tool';
 
-export const TOOLS: Tool[] = [
-  ['image-compressor','Image Compressor','Reduce image file sizes locally.','Images',['image','compress','optimize','media']],
-  ['regex-tester','Regex Tester & Explainer','Test regular expressions and understand their matches.','Developer',['text','developer','regex','code']],
-  ['text-diff','Text Diff Checker','Compare two pieces of text and highlight differences.','Text & Data',['text','compare','diff']],
-  ['color-converter','Color Code Converter','Convert HEX, RGB and HSL color values.','Converters',['color','design','developer','converter']],
-  ['placeholder-generator','Placeholder Image Generator','Create custom placeholder images locally.','Images',['image','design','placeholder']],
-  ['text-analyzer','Text Statistics / Analyzer','Count words, characters, sentences and more.','Text & Data',['text','stats','analyzer','counter']],
-  ['image-metadata','Image Metadata Remover','View and remove EXIF metadata from JPEG images.','Privacy & Security',['image','privacy','exif','metadata','security']],
-  ['markdown-editor','Markdown Editor','Edit Markdown with a live local preview.','Text & Data',['text','markdown','editor','writing']],
-  ['csv-converter','CSV to JSON/XML Converter','Convert CSV data to JSON or XML locally.','Converters',['csv','json','xml','converter','data','developer']],
-  ['contrast-checker','Text Contrast Checker','Check color contrast against accessibility guidance.','Accessibility',['accessibility','color','design','wcag']],
-  ['image-resizer','Image Resizer','Resize images to specific dimensions locally.','Images',['image','resize','dimensions','optimize']],
-  ['image-cropper','Image Cropper','Crop images locally in your browser.','Images',['image','crop','edit','dimensions']],
-  ['lorem-ipsum-generator','Lorem Ipsum Generator','Generate placeholder text.','Generators',['text','generator','placeholder','design']],
-  ['regex-generator','Easy Regex Generator','Build common regular expressions without memorizing syntax.','Developer',['regex','generator','developer','text','code']],
-  ['find-replace','Find & Replace in Text','Find and replace text with optional regex support.','Text & Data',['text','find','replace','regex']],
-  ['data-anonymizer','Data Anonymizer','Detect and redact common sensitive data locally.','Privacy & Security',['text','privacy','security','anonymize','redact']],
-  ['css-specificity-calculator','CSS Specificity Calculator','Calculate and explain CSS selector specificity.','Developer',['css','developer','specificity','design']],
-  ['unit-converter','Unit Converter','Convert common measurement units.','Converters',['converter','units','measurement','math']],
-  ['http-status-codes','HTTP Status Code Explainer','Look up HTTP status codes and meanings.','Developer',['http','developer','reference','network']],
-  ['list-cleaner','List Cleaner & Formatter','Sort, deduplicate and format text lists.','Text & Data',['text','list','format','cleaner','sort']],
-  ['html-tag-explainer','HTML Tag Explainer','Reference standard HTML tags and their uses.','Developer',['html','developer','reference','code']],
-  ['file-hash','File Hash & Checksum','Generate SHA-256, SHA-384 and SHA-512 checksums without uploading files.','Privacy & Security',['privacy','hash','checksum','file','security']],
-  ['json-toolbox','JSON Toolbox','Format, minify, validate and sort JSON locally.','Developer',['json','format','validate','developer','data']],
-  ['url-cleaner','Tracking URL Cleaner','Remove common tracking parameters and inspect URL parts locally.','Privacy & Security',['privacy','url','tracking','utm','cleaner']],
-  ['password-generator','Password & Passphrase Generator','Generate cryptographically secure passwords and passphrases locally.','Privacy & Security',['password','security','privacy','generator']],
-  ['encoder-decoder','Encoder / Decoder','Encode and decode Base64, URLs, HTML entities and Unicode text.','Developer',['base64','url','html','unicode','encode','decode']],
-  ['jwt-inspector','JWT Inspector','Decode JWT headers and payloads locally without sending tokens anywhere.','Privacy & Security',['jwt','token','developer','privacy','security']],
-  ['timestamp-tool','Timestamp & Date Toolkit','Convert Unix timestamps, ISO dates, UTC and local time.','Converters',['date','time','timestamp','unix','converter']],
-  ['uuid-generator','UUID Generator','Generate and validate UUIDs locally.','Generators',['uuid','generator','developer','identifier']],
-  ['browser-privacy','Browser Privacy Inspector','See what your browser exposes to websites without transmitting the results.','Privacy & Security',['privacy','browser','fingerprint','security']],
-  ['text-privacy-cleaner','Text Privacy Cleaner','Reveal or remove hidden Unicode, control and zero-width characters.','Privacy & Security',['privacy','text','unicode','cleaner','security']],
-  ['image-converter','Image Format Converter','Convert supported images to PNG, JPEG or WebP locally.','Images',['image','convert','png','jpeg','webp']],
-].map(([slug,name,description,category,tags], index) => ({
-  id: String(index + 1),
+const tool = (slug: string, name: string, description: string, category: ToolCategory, tags: string[], options: Partial<Pick<Tool, 'featured' | 'new'>> = {}): Tool => ({
+  id: slug,
   slug: `/${slug}`,
   name,
   description,
@@ -43,7 +10,44 @@ export const TOOLS: Tool[] = [
   processing: 'local',
   networkRequired: false,
   storesData: false,
-})) as Tool[];
+  ...options,
+});
+
+export const TOOLS: Tool[] = [
+  tool('image-compressor','Image Compressor','Reduce image file sizes locally.','Images',['image','compress','optimize','media']),
+  tool('regex-tester','Regex Tester & Explainer','Test regular expressions and understand their matches.','Developer',['text','developer','regex','code']),
+  tool('text-diff','Text Diff Checker','Compare two pieces of text and highlight differences.','Text & Data',['text','compare','diff']),
+  tool('color-converter','Color Code Converter','Convert HEX, RGB and HSL color values.','Converters',['color','design','developer','converter']),
+  tool('placeholder-generator','Placeholder Image Generator','Create custom placeholder images locally.','Images',['image','design','placeholder']),
+  tool('text-analyzer','Text Statistics / Analyzer','Count words, characters, sentences and more.','Text & Data',['text','stats','analyzer','counter']),
+  tool('image-metadata','Image Metadata Remover','View and remove EXIF metadata from JPEG images.','Privacy & Security',['image','privacy','exif','metadata','security'],{featured:true}),
+  tool('markdown-editor','Markdown Editor','Edit Markdown with a live local preview.','Text & Data',['text','markdown','editor','writing']),
+  tool('csv-converter','CSV to JSON/XML Converter','Convert CSV data to JSON or XML locally.','Converters',['csv','json','xml','converter','data','developer']),
+  tool('contrast-checker','Text Contrast Checker','Check color contrast against accessibility guidance.','Accessibility',['accessibility','color','design','wcag']),
+  tool('image-resizer','Image Resizer','Resize images to specific dimensions locally.','Images',['image','resize','dimensions','optimize']),
+  tool('image-cropper','Image Cropper','Crop images locally in your browser.','Images',['image','crop','edit','dimensions']),
+  tool('lorem-ipsum-generator','Lorem Ipsum Generator','Generate placeholder text.','Generators',['text','generator','placeholder','design']),
+  tool('regex-generator','Easy Regex Generator','Build common regular expressions without memorizing syntax.','Developer',['regex','generator','developer','text','code']),
+  tool('find-replace','Find & Replace in Text','Find and replace text with optional regex support.','Text & Data',['text','find','replace','regex']),
+  tool('data-anonymizer','Data Anonymizer','Detect and redact common sensitive data locally.','Privacy & Security',['text','privacy','security','anonymize','redact'],{featured:true}),
+  tool('css-specificity-calculator','CSS Specificity Calculator','Calculate and explain CSS selector specificity.','Developer',['css','developer','specificity','design']),
+  tool('unit-converter','Unit Converter','Convert common measurement units.','Converters',['converter','units','measurement','math']),
+  tool('http-status-codes','HTTP Status Code Explainer','Look up HTTP status codes and meanings.','Developer',['http','developer','reference','network']),
+  tool('list-cleaner','List Cleaner & Formatter','Sort, deduplicate and format text lists.','Text & Data',['text','list','format','cleaner','sort']),
+  tool('html-tag-explainer','HTML Tag Explainer','Reference standard HTML tags and their uses.','Developer',['html','developer','reference','code']),
+  tool('file-hash','File Hash & Checksum','Generate SHA-256, SHA-384 and SHA-512 checksums without uploading files.','Privacy & Security',['privacy','hash','checksum','file','security'],{featured:true,new:true}),
+  tool('json-toolbox','JSON Toolbox','Format, minify, validate and sort JSON locally.','Developer',['json','format','validate','developer','data'],{new:true}),
+  tool('url-cleaner','Tracking URL Cleaner','Remove common tracking parameters and inspect URL parts locally.','Privacy & Security',['privacy','url','tracking','utm','cleaner'],{featured:true,new:true}),
+  tool('password-generator','Password & Passphrase Generator','Generate cryptographically secure passwords and passphrases locally.','Privacy & Security',['password','security','privacy','generator'],{featured:true,new:true}),
+  tool('encoder-decoder','Encoder / Decoder','Encode and decode Base64, URLs and HTML entities.','Developer',['base64','url','html','unicode','encode','decode'],{new:true}),
+  tool('jwt-inspector','JWT Inspector','Decode JWT headers and payloads locally without sending tokens anywhere.','Privacy & Security',['jwt','token','developer','privacy','security'],{new:true}),
+  tool('timestamp-tool','Timestamp & Date Toolkit','Convert Unix timestamps, ISO dates, UTC and local time.','Converters',['date','time','timestamp','unix','converter'],{new:true}),
+  tool('uuid-generator','UUID / ULID Generator','Generate and validate UUIDs and generate ULIDs locally.','Generators',['uuid','ulid','generator','developer','identifier'],{new:true}),
+  tool('browser-privacy','Browser Privacy Inspector','See what your browser exposes to websites without transmitting the results.','Privacy & Security',['privacy','browser','fingerprint','security'],{featured:true,new:true}),
+  tool('text-privacy-cleaner','Text Privacy Cleaner','Reveal or remove hidden Unicode, control and zero-width characters.','Privacy & Security',['privacy','text','unicode','cleaner','security'],{new:true}),
+  tool('image-converter','Image Format Converter','Convert supported images to PNG, JPEG or WebP locally.','Images',['image','convert','png','jpeg','webp'],{new:true}),
+  tool('file-encryption','File Encryption','Encrypt and decrypt files locally with AES-GCM and a password-derived key.','Privacy & Security',['privacy','encryption','aes','file','security'],{featured:true,new:true}),
+];
 
-export const TOOL_BY_SLUG = new Map(TOOLS.map((tool) => [tool.slug, tool]));
-export const TOOL_CATEGORIES = [...new Set(TOOLS.map((tool) => tool.category))];
+export const TOOL_BY_SLUG = new Map(TOOLS.map(item => [item.slug, item]));
+export const TOOL_CATEGORIES = [...new Set(TOOLS.map(item => item.category))];

From 5d5a5e319490687e5629f872ebd13d83cda39b4d Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:04:24 +0530
Subject: [PATCH 08/42] fix: correct XML conversion and storage unit semantics

---
 README.md                       |  40 +----
 src/app/csv-converter/page.tsx  | 147 +-----------------
 src/app/unit-converter/page.tsx | 263 ++------------------------------
 3 files changed, 26 insertions(+), 424 deletions(-)

diff --git a/README.md b/README.md
index 94ced20..8a6bff3 100644
--- a/README.md
+++ b/README.md
@@ -15,44 +15,16 @@ ToolStack is an open-source collection of utilities designed around a strict loc
 ## Included tools
 
 ### Privacy & Security
-- Image Metadata Remover
-- Data Anonymizer
-- File Hash & Checksum
-- Tracking URL Cleaner
-- Password & Passphrase Generator
-- JWT Inspector
-- Browser Privacy Inspector
-- Text Privacy Cleaner
+Image Metadata Remover, Data Anonymizer, File Hash & Checksum, Tracking URL Cleaner, Password & Passphrase Generator, JWT Inspector, Browser Privacy Inspector, Text Privacy Cleaner, and AES-GCM File Encryption.
 
 ### Images
-- Image Compressor
-- Image Resizer
-- Image Cropper
-- Image Format Converter
-- Placeholder Image Generator
+Image Compressor, Image Resizer, Image Cropper, Image Format Converter, and Placeholder Image Generator.
 
 ### Developer / Data
-- JSON Toolbox
-- Regex Tester & Explainer
-- Easy Regex Generator
-- Text Diff Checker
-- Markdown Editor
-- CSV to JSON/XML Converter
-- CSS Specificity Calculator
-- HTTP Status Code Explainer
-- HTML Tag Explainer
-- Encoder / Decoder
-- UUID / ULID Generator
+JSON Toolbox, Regex Tester & Explainer, Easy Regex Generator, Text Diff Checker, Markdown Editor, CSV to JSON/XML Converter, CSS Specificity Calculator, HTTP Status Code Explainer, HTML Tag Explainer, Encoder / Decoder, and UUID / ULID Generator.
 
 ### Text, Accessibility, Converters & Generators
-- Text Statistics / Analyzer
-- Find & Replace
-- List Cleaner & Formatter
-- Text Contrast Checker
-- Color Code Converter
-- Unit Converter
-- Timestamp & Date Toolkit
-- Lorem Ipsum Generator
+Text Statistics / Analyzer, Find & Replace, List Cleaner & Formatter, Text Contrast Checker, Color Code Converter, Unit Converter, Timestamp & Date Toolkit, and Lorem Ipsum Generator.
 
 ## Development
 
@@ -65,6 +37,8 @@ npm run dev
 
 Open `http://localhost:3000`.
 
+For production SEO, set `NEXT_PUBLIC_SITE_URL` to the deployed site's absolute origin before building.
+
 Before submitting a change:
 
 ```bash
@@ -75,7 +49,7 @@ npm run verify
 
 ## Security and privacy notes
 
-ToolStack's privacy promise concerns the data entered into its tools. Dependencies and the hosting platform still need normal supply-chain and infrastructure maintenance. Security-sensitive tools should prefer browser-standard cryptographic APIs such as Web Crypto rather than custom cryptography.
+ToolStack's privacy promise concerns the data entered into its tools. Dependencies and the hosting platform still need normal supply-chain and infrastructure maintenance. Security-sensitive tools prefer browser-standard cryptographic APIs such as Web Crypto rather than custom cryptography.
 
 ## Contributing
 
diff --git a/src/app/csv-converter/page.tsx b/src/app/csv-converter/page.tsx
index 9c8ecde..00fa16f 100644
--- a/src/app/csv-converter/page.tsx
+++ b/src/app/csv-converter/page.tsx
@@ -1,144 +1,9 @@
-// src/app/csv-converter/page.tsx
 'use client';
-
-import React, { useState, useMemo } from 'react';
-import Link from 'next/link';
+import { useMemo, useState } from 'react';
 import Papa from 'papaparse';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-const SAMPLE_CSV = `Year,Make,Model,Length
-1997,Ford,E350,2.34
-2000,Mercury,Cougar,2.38`;
-
-// Helper function to convert JSON to a simple XML string
-const jsonToXml = (json: Record<string, unknown>[]): string => {
-  if (!json || json.length === 0) return '';
-  let xml = '<?xml version="1.0" encoding="UTF-8"?>\n<root>\n';
-  json.forEach((item) => {
-    xml += '  <item>\n';
-    for (const key in item) {
-      if (Object.prototype.hasOwnProperty.call(item, key)) {
-        xml += `    <${key}>${item[key]}</${key}>\n`;
-      }
-    }
-    xml += '  </item>\n';
-  });
-  xml += '</root>';
-  return xml;
-};
-
-export default function CsvConverterPage() {
-  const [csvText, setCsvText] = useState(SAMPLE_CSV);
-  const [activeTab, setActiveTab] = useState<'json' | 'xml'>('json');
-  const [copySuccess, setCopySuccess] = useState('');
-
-  const parsedJson = useMemo(() => {
-    try {
-      const result = Papa.parse(csvText, {
-        header: true,
-        skipEmptyLines: true,
-      });
-      if (result.errors.length > 0) {
-        console.warn('CSV Parsing Errors:', result.errors);
-      }
-      return result.data;
-    } catch (error) {
-      console.error('CSV Parsing Failed:', error);
-      return [];
-    }
-  }, [csvText]);
-
-  const jsonOutput = useMemo(() => {
-    return JSON.stringify(parsedJson, null, 2);
-  }, [parsedJson]);
-
-  const xmlOutput = useMemo(() => {
-    return jsonToXml(parsedJson as Record<string, unknown>[]);
-  }, [parsedJson]);
-
-  const handleCopy = () => {
-    const textToCopy = activeTab === 'json' ? jsonOutput : xmlOutput;
-    navigator.clipboard
-      .writeText(textToCopy)
-      .then(() => {
-        setCopySuccess(`${activeTab.toUpperCase()} copied!`);
-        setTimeout(() => setCopySuccess(''), 2000);
-      })
-      .catch((err) => {
-        setCopySuccess('Failed to copy.');
-        console.error('Copy failed:', err);
-      });
-  };
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>CSV to JSON/XML Converter</h1>
-          <p className='text-lg text-slate-600 mt-1'>Paste your CSV data to convert it into structured formats.</p>
-        </header>
-
-        <section className='grid grid-cols-1 md:grid-cols-2 gap-4 h-[60vh] max-w-7xl mx-auto'>
-          {/* CSV Input */}
-          <div className='flex flex-col'>
-            <h2 className='font-semibold text-slate-700 bg-slate-100 p-2 border border-b-0 rounded-t-lg'>CSV Input</h2>
-            <textarea
-              value={csvText}
-              onChange={(e) => setCsvText(e.target.value)}
-              className='w-full h-full p-4 border border-slate-300 rounded-b-lg font-mono focus:ring-2 focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out resize-none'
-              placeholder='Paste your CSV data here...'
-            />
-          </div>
-
-          {/* Output */}
-          <div className='flex flex-col'>
-            <div className='flex-shrink-0 flex justify-between items-center bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              <div className='flex space-x-1'>
-                <button
-                  onClick={() => setActiveTab('json')}
-                  className={`px-3 py-1 text-sm rounded-md ${
-                    activeTab === 'json' ? 'bg-white font-semibold text-slate-800' : 'text-slate-600'
-                  }`}>
-                  JSON
-                </button>
-                <button
-                  onClick={() => setActiveTab('xml')}
-                  className={`px-3 py-1 text-sm rounded-md ${
-                    activeTab === 'xml' ? 'bg-white font-semibold text-slate-800' : 'text-slate-600'
-                  }`}>
-                  XML
-                </button>
-              </div>
-              <button
-                onClick={handleCopy}
-                className='px-3 py-1 text-xs font-medium text-slate-600 bg-white rounded-md border border-slate-300 hover:bg-slate-50'>
-                Copy
-              </button>
-            </div>
-            {copySuccess && (
-              <p className='absolute right-10 mt-14 text-xs bg-green-100 text-green-700 px-2 py-1 rounded-md shadow-lg'>
-                {copySuccess}
-              </p>
-            )}
-            <div className='w-full h-full border bg-white border-slate-300 rounded-b-lg'>
-              <pre className='w-full h-full p-4 text-sm whitespace-pre-wrap overflow-auto font-mono'>
-                <code>{activeTab === 'json' ? jsonOutput : xmlOutput}</code>
-              </pre>
-            </div>
-          </div>
-        </section>
+import LocalToolLayout from '@/components/LocalToolLayout';
 
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
-}
+const escapeXml=(value:unknown)=>String(value??'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&apos;');
+const xmlName=(name:string,index:number)=>{const cleaned=name.trim().replace(/[^A-Za-z0-9_.-]/g,'_').replace(/^[^A-Za-z_]+/,'');return cleaned||`field_${index+1}`};
+function toXml(rows:Record<string,unknown>[]){const lines=['<?xml version="1.0" encoding="UTF-8"?>','<root>'];for(const row of rows){lines.push('  <item>');Object.entries(row).forEach(([key,value],i)=>{const tag=xmlName(key,i);lines.push(`    <${tag}>${escapeXml(value)}</${tag}>`)});lines.push('  </item>')}lines.push('</root>');return lines.join('\n')}
+export default function CsvConverterPage(){const [csv,setCsv]=useState('Year,Make,Model\n1997,Ford,E350\n2000,Mercury,Cougar');const [tab,setTab]=useState<'json'|'xml'>('json');const parsed=useMemo(()=>Papa.parse<Record<string,unknown>>(csv,{header:true,skipEmptyLines:true}),[csv]);const json=useMemo(()=>JSON.stringify(parsed.data,null,2),[parsed.data]);const xml=useMemo(()=>toXml(parsed.data),[parsed.data]);const output=tab==='json'?json:xml;return <LocalToolLayout title='CSV to JSON/XML Converter' description='Convert CSV to structured JSON or well-formed XML locally. XML values are escaped and column names are normalized for valid element names.'><section className='mx-auto max-w-7xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex gap-2'><button onClick={()=>setTab('json')} className={`rounded px-4 py-2 ${tab==='json'?'bg-sky-600 text-white':'bg-slate-100'}`}>JSON</button><button onClick={()=>setTab('xml')} className={`rounded px-4 py-2 ${tab==='xml'?'bg-sky-600 text-white':'bg-slate-100'}`}>XML</button></div><div className='grid gap-4 md:grid-cols-2'><textarea value={csv} onChange={e=>setCsv(e.target.value)} className='h-96 rounded border p-4 font-mono'/><pre className='h-96 overflow-auto whitespace-pre-wrap rounded border bg-slate-50 p-4 font-mono text-sm'>{output}</pre></div>{parsed.errors.length>0&&<div className='mt-4 rounded border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900'>{parsed.errors.slice(0,5).map((e,i)=><div key={i}>Row {e.row??'?'}: {e.message}</div>)}</div>}<button onClick={()=>navigator.clipboard.writeText(output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy {tab.toUpperCase()}</button></section></LocalToolLayout>}
diff --git a/src/app/unit-converter/page.tsx b/src/app/unit-converter/page.tsx
index 5eb4fab..20c24de 100644
--- a/src/app/unit-converter/page.tsx
+++ b/src/app/unit-converter/page.tsx
@@ -1,252 +1,15 @@
-// src/app/unit-converter/page.tsx
 'use client';
-
-import React, { useState, useMemo, ChangeEvent, useCallback } from 'react';
-import Link from 'next/link';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-// Define the structure for our conversion data
-interface UnitData {
-  [unit: string]: number;
-}
-
-interface ConversionCategory {
-  label: string;
-  baseUnit: string;
-  units: UnitData;
-}
-
-const CONVERSION_FACTORS: Record<string, ConversionCategory> = {
-  length: {
-    label: 'Length',
-    baseUnit: 'meter',
-    units: {
-      meter: 1,
-      kilometer: 1000,
-      centimeter: 0.01,
-      millimeter: 0.001,
-      mile: 1609.34,
-      yard: 0.9144,
-      foot: 0.3048,
-      inch: 0.0254,
-    },
-  },
-  weight: {
-    label: 'Weight',
-    baseUnit: 'kilogram',
-    units: {
-      kilogram: 1,
-      gram: 0.001,
-      milligram: 0.000001,
-      tonne: 1000,
-      pound: 0.453592,
-      ounce: 0.0283495,
-    },
-  },
-  temperature: {
-    label: 'Temperature',
-    baseUnit: 'celsius',
-    units: {
-      celsius: 1,
-      fahrenheit: 1,
-      kelvin: 1,
-    },
-  },
-  data: {
-    label: 'Data Storage',
-    baseUnit: 'byte',
-    units: {
-      byte: 1,
-      kilobyte: 1024,
-      megabyte: 1024 ** 2,
-      gigabyte: 1024 ** 3,
-      terabyte: 1024 ** 4,
-    },
-  },
-  speed: {
-    label: 'Speed',
-    baseUnit: 'm/s',
-    units: {
-      'm/s': 1,
-      'km/h': 0.277778,
-      mph: 0.44704,
-      knot: 0.514444,
-    },
-  },
-};
-
-const formatNumber = (num: number) => {
-  if (Math.abs(num) < 1e-6 && num !== 0) {
-    return num.toExponential(4);
-  }
-  return parseFloat(num.toFixed(4)).toString();
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Category={label:string;units:Record<string,number>;temperature?:boolean};
+const CATEGORIES:Record<string,Category>={
+ length:{label:'Length',units:{meter:1,kilometer:1000,centimeter:.01,millimeter:.001,mile:1609.344,yard:.9144,foot:.3048,inch:.0254}},
+ mass:{label:'Mass',units:{kilogram:1,gram:.001,milligram:.000001,tonne:1000,pound:.45359237,ounce:.028349523125}},
+ temperature:{label:'Temperature',units:{celsius:1,fahrenheit:1,kelvin:1},temperature:true},
+ dataSI:{label:'Data Storage (SI, decimal)',units:{byte:1,kilobyte:1e3,megabyte:1e6,gigabyte:1e9,terabyte:1e12}},
+ dataIEC:{label:'Data Storage (IEC, binary)',units:{byte:1,kibibyte:1024,mebibyte:1024**2,gibibyte:1024**3,tebibyte:1024**4}},
+ speed:{label:'Speed',units:{'m/s':1,'km/h':1/3.6,mph:.44704,knot:.514444}},
 };
-
-export default function UnitConverterPage() {
-  const [category, setCategory] = useState<string>('length');
-  const [fromUnit, setFromUnit] = useState<string>('meter');
-  const [toUnit, setToUnit] = useState<string>('foot');
-  const [inputValue, setInputValue] = useState<string>('1');
-
-  const handleCategoryChange = (e: ChangeEvent<HTMLSelectElement>) => {
-    const newCategory = e.target.value;
-    setCategory(newCategory);
-    const units = Object.keys(CONVERSION_FACTORS[newCategory].units);
-    setFromUnit(units[0]);
-    setToUnit(units[1]);
-    setInputValue('1');
-  };
-
-  const convert = useCallback((value: number, from: string, to: string, cat: string) => {
-    const categoryData = CONVERSION_FACTORS[cat];
-    if (!categoryData) return 0;
-
-    // Handle temperature separately due to its non-linear conversion
-    if (cat === 'temperature') {
-      let celsiusValue: number;
-      if (from === 'fahrenheit') celsiusValue = ((value - 32) * 5) / 9;
-      else if (from === 'kelvin') celsiusValue = value - 273.15;
-      else celsiusValue = value;
-
-      if (to === 'fahrenheit') return (celsiusValue * 9) / 5 + 32;
-      if (to === 'kelvin') return celsiusValue + 273.15;
-      return celsiusValue; // to celsius
-    }
-
-    const fromFactor = categoryData.units[from];
-    const toFactor = categoryData.units[to];
-    const baseValue = value * fromFactor;
-    return baseValue / toFactor;
-  }, []);
-
-  const outputValue = useMemo(() => {
-    const numValue = parseFloat(inputValue);
-    if (isNaN(numValue)) return '';
-    const result = convert(numValue, fromUnit, toUnit, category);
-    return formatNumber(result);
-  }, [inputValue, fromUnit, toUnit, category, convert]);
-
-  const handleSwap = () => {
-    // const currentInput = inputValue; // FIX: Removed unused variable
-    const currentOutput = outputValue;
-    setFromUnit(toUnit);
-    setToUnit(fromUnit);
-    setInputValue(currentOutput);
-  };
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Unit Converter</h1>
-          <p className='text-lg text-slate-600 mt-1'>A comprehensive tool to convert between various units.</p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-xl mx-auto'>
-          <div className='mb-4'>
-            <label htmlFor='category' className='block text-sm font-medium text-slate-700'>
-              Category
-            </label>
-            <select
-              id='category'
-              value={category}
-              onChange={handleCategoryChange}
-              className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500'>
-              {Object.entries(CONVERSION_FACTORS).map(([key, { label }]) => (
-                <option key={key} value={key}>
-                  {label}
-                </option>
-              ))}
-            </select>
-          </div>
-
-          <div className='grid grid-cols-5 gap-2 items-end'>
-            <div className='col-span-2'>
-              <label htmlFor='from-unit' className='block text-sm font-medium text-slate-700'>
-                From
-              </label>
-              <select
-                id='from-unit'
-                value={fromUnit}
-                onChange={(e) => setFromUnit(e.target.value)}
-                className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500'>
-                {Object.keys(CONVERSION_FACTORS[category].units).map((unit) => (
-                  <option key={unit} value={unit}>
-                    {unit}
-                  </option>
-                ))}
-              </select>
-            </div>
-            <div className='text-center'>
-              <button
-                onClick={handleSwap}
-                className='p-2 bg-slate-100 rounded-full hover:bg-slate-200'
-                title='Swap units'>
-                <svg
-                  xmlns='http://www.w3.org/2000/svg'
-                  className='h-5 w-5 text-slate-600'
-                  fill='none'
-                  viewBox='0 0 24 24'
-                  stroke='currentColor'>
-                  <path
-                    strokeLinecap='round'
-                    strokeLinejoin='round'
-                    strokeWidth='2'
-                    d='M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4'
-                  />
-                </svg>
-              </button>
-            </div>
-            <div className='col-span-2'>
-              <label htmlFor='to-unit' className='block text-sm font-medium text-slate-700'>
-                To
-              </label>
-              <select
-                id='to-unit'
-                value={toUnit}
-                onChange={(e) => setToUnit(e.target.value)}
-                className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500'>
-                {Object.keys(CONVERSION_FACTORS[category].units).map((unit) => (
-                  <option key={unit} value={unit}>
-                    {unit}
-                  </option>
-                ))}
-              </select>
-            </div>
-          </div>
-
-          <div className='mt-4 grid grid-cols-5 gap-2 items-center'>
-            <div className='col-span-2'>
-              <input
-                type='number'
-                value={inputValue}
-                onChange={(e) => setInputValue(e.target.value)}
-                className='w-full text-lg p-2 border border-slate-300 rounded-md'
-              />
-            </div>
-            <div className='text-center font-bold text-slate-500'>=</div>
-            <div className='col-span-2'>
-              <input
-                type='text'
-                readOnly
-                value={outputValue}
-                className='w-full text-lg p-2 border border-slate-300 rounded-md bg-slate-50'
-              />
-            </div>
-          </div>
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
-}
+function convertTemperature(value:number,from:string,to:string){let c=from==='fahrenheit'?(value-32)*5/9:from==='kelvin'?value-273.15:value;return to==='fahrenheit'?c*9/5+32:to==='kelvin'?c+273.15:c}
+export default function UnitConverterPage(){const [category,setCategory]=useState('length');const units=Object.keys(CATEGORIES[category].units);const [from,setFrom]=useState('meter');const [to,setTo]=useState('foot');const [input,setInput]=useState('1');const changeCategory=(next:string)=>{setCategory(next);const u=Object.keys(CATEGORIES[next].units);setFrom(u[0]);setTo(u[1]??u[0]);setInput('1')};const output=useMemo(()=>{const n=Number(input);if(!Number.isFinite(n))return'';const c=CATEGORIES[category];const v=c.temperature?convertTemperature(n,from,to):n*c.units[from]/c.units[to];return Number.isFinite(v)?Number(v.toPrecision(12)).toString():''},[category,from,to,input]);return <LocalToolLayout title='Unit Converter' description='Convert common units locally, with separate decimal SI and binary IEC storage units.'><section className='mx-auto max-w-xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Category<select value={category} onChange={e=>changeCategory(e.target.value)} className='mt-2 w-full rounded border p-2'>{Object.entries(CATEGORIES).map(([k,v])=><option key={k} value={k}>{v.label}</option>)}</select></label><div className='mt-5 grid grid-cols-[1fr_auto_1fr] items-end gap-2'><label>From<select value={from} onChange={e=>setFrom(e.target.value)} className='mt-1 w-full rounded border p-2'>{units.map(u=><option key={u}>{u}</option>)}</select></label><button onClick={()=>{setFrom(to);setTo(from);setInput(output)}} className='rounded bg-slate-100 p-2' aria-label='Swap units'>⇄</button><label>To<select value={to} onChange={e=>setTo(e.target.value)} className='mt-1 w-full rounded border p-2'>{units.map(u=><option key={u}>{u}</option>)}</select></label></div><label className='mt-5 block'>Value<input value={input} onChange={e=>setInput(e.target.value)} inputMode='decimal' className='mt-1 w-full rounded border p-3 font-mono'/></label><label className='mt-4 block'>Result<input readOnly value={output} className='mt-1 w-full rounded border bg-slate-50 p-3 font-mono'/></label></section></LocalToolLayout>}

From 6889a9108bada64c9984dec356e404060a703b9a Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:08:32 +0530
Subject: [PATCH 09/42] Fix privacy checker filesystem path handling

---
 scripts/check-privacy.mjs | 41 ++++++++++++++++++++++++++++++++++-----
 1 file changed, 36 insertions(+), 5 deletions(-)

diff --git a/scripts/check-privacy.mjs b/scripts/check-privacy.mjs
index 6d920e2..ab45779 100644
--- a/scripts/check-privacy.mjs
+++ b/scripts/check-privacy.mjs
@@ -1,10 +1,41 @@
 import { readdir, readFile } from 'node:fs/promises';
+import { fileURLToPath } from 'node:url';
 import { join } from 'node:path';
 
-const root = new URL('../src/app/', import.meta.url);
-const banned = [/\bfetch\s*\(/, /\bXMLHttpRequest\b/, /\bWebSocket\s*\(/, /\bEventSource\s*\(/, /navigator\.sendBeacon\s*\(/];
-const violations=[];
-async function walk(path){for(const entry of await readdir(path,{withFileTypes:true})){const full=join(path,entry.name);if(entry.isDirectory())await walk(full);else if(/\.(ts|tsx|js|jsx)$/.test(entry.name)){const text=await readFile(full,'utf8');for(const rule of banned)if(rule.test(text))violations.push(`${full}: ${rule}`)}}}
+const root = fileURLToPath(new URL('../src/app/', import.meta.url));
+const banned = [
+  /\bfetch\s*\(/,
+  /\bXMLHttpRequest\b/,
+  /\bWebSocket\s*\(/,
+  /\bEventSource\s*\(/,
+  /navigator\.sendBeacon\s*\(/,
+];
+const violations = [];
+
+async function walk(path) {
+  for (const entry of await readdir(path, { withFileTypes: true })) {
+    const full = join(path, entry.name);
+    if (entry.isDirectory()) {
+      await walk(full);
+      continue;
+    }
+
+    if (!/\.(ts|tsx|js|jsx)$/.test(entry.name)) continue;
+
+    const text = await readFile(full, 'utf8');
+    for (const rule of banned) {
+      if (rule.test(text)) violations.push(`${full}: ${rule}`);
+    }
+  }
+}
+
 await walk(root);
-if(violations.length){console.error('Privacy check failed. Tool code contains network-capable APIs:\n'+violations.join('\n'));process.exit(1)}
+
+if (violations.length) {
+  console.error(
+    'Privacy check failed. Tool code contains network-capable APIs:\n' + violations.join('\n')
+  );
+  process.exit(1);
+}
+
 console.log('Privacy check passed: no network APIs found in src/app tool code.');

From 238313b2b07dd808cc387a411a4f4b676086a3a7 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:13:06 +0530
Subject: [PATCH 10/42] Fix encryption lint error

---
 src/app/file-encryption/page.tsx | 146 ++++++++++++++++++++++++++++++-
 1 file changed, 142 insertions(+), 4 deletions(-)

diff --git a/src/app/file-encryption/page.tsx b/src/app/file-encryption/page.tsx
index 6dd88fe..fc6fbe2 100644
--- a/src/app/file-encryption/page.tsx
+++ b/src/app/file-encryption/page.tsx
@@ -1,10 +1,148 @@
 'use client';
+
 import { useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
 const MAGIC = new TextEncoder().encode('TSTACK1');
 const ITERATIONS = 250_000;
-const concat=(...parts:Uint8Array[])=>{const out=new Uint8Array(parts.reduce((n,p)=>n+p.length,0));let o=0;for(const p of parts){out.set(p,o);o+=p.length}return out};
-async function derive(password:string,salt:Uint8Array){const material=await crypto.subtle.importKey('raw',new TextEncoder().encode(password),'PBKDF2',false,['deriveKey']);return crypto.subtle.deriveKey({name:'PBKDF2',hash:'SHA-256',salt,iterations:ITERATIONS},material,{name:'AES-GCM',length:256},false,['encrypt','decrypt'])}
-function download(bytes:Uint8Array,name:string,type='application/octet-stream'){const blob=new Blob([bytes],{type});const url=URL.createObjectURL(blob);const a=document.createElement('a');a.href=url;a.download=name;a.click();setTimeout(()=>URL.revokeObjectURL(url),0)}
-export default function FileEncryptionPage(){const [file,setFile]=useState<File|null>(null);const [password,setPassword]=useState('');const [busy,setBusy]=useState(false);const [error,setError]=useState('');const encrypt=async()=>{if(!file||!password)return;setBusy(true);setError('');try{const salt=crypto.getRandomValues(new Uint8Array(16));const iv=crypto.getRandomValues(new Uint8Array(12));const key=await derive(password,salt);const ciphertext=new Uint8Array(await crypto.subtle.encrypt({name:'AES-GCM',iv},key,await file.arrayBuffer()));download(concat(MAGIC,salt,iv,ciphertext),`${file.name}.tstack`)}catch(e){setError((e as Error).message)}finally{setBusy(false)}};const decrypt=async()=>{if(!file||!password)return;setBusy(true);setError('');try{const bytes=new Uint8Array(await file.arrayBuffer());if(bytes.length<MAGIC.length+16+12+16||!MAGIC.every((v,i)=>bytes[i]===v))throw new Error('Not a ToolStack encrypted file.');let o=MAGIC.length;const salt=bytes.slice(o,o+=16);const iv=bytes.slice(o,o+=12);const ciphertext=bytes.slice(o);const key=await derive(password,salt);const plain=new Uint8Array(await crypto.subtle.decrypt({name:'AES-GCM',iv},key,ciphertext));download(plain,file.name.replace(/\.tstack$/,'' )||'decrypted-file')}catch(e){setError('Decryption failed. Check the password and file.')}finally{setBusy(false)}};return <LocalToolLayout title='File Encryption' description='Encrypt files locally with AES-256-GCM. Keys are derived from your password using PBKDF2-SHA-256; neither files nor passwords leave the browser.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={e=>setFile(e.target.files?.[0]??null)} className='w-full rounded border p-3'/><label className='mt-4 block font-semibold'>Password<input type='password' value={password} onChange={e=>setPassword(e.target.value)} autoComplete='new-password' className='mt-2 w-full rounded border p-3'/></label><div className='mt-5 flex flex-wrap gap-3'><button disabled={!file||!password||busy} onClick={encrypt} className='rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'>Encrypt & download</button><button disabled={!file||!password||busy} onClick={decrypt} className='rounded bg-slate-800 px-5 py-2 text-white disabled:opacity-50'>Decrypt .tstack file</button></div>{error&&<p className='mt-4 text-red-600'>{error}</p>}<div className='mt-6 rounded border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900'><strong>Important:</strong> There is no password recovery. Keep the password separately. This format is ToolStack-specific and intended for local convenience, not archival interoperability.</div></section></LocalToolLayout>}
+
+const concat = (...parts: Uint8Array[]) => {
+  const out = new Uint8Array(parts.reduce((total, part) => total + part.length, 0));
+  let offset = 0;
+  for (const part of parts) {
+    out.set(part, offset);
+    offset += part.length;
+  }
+  return out;
+};
+
+async function derive(password: string, salt: Uint8Array) {
+  const material = await crypto.subtle.importKey(
+    'raw',
+    new TextEncoder().encode(password),
+    'PBKDF2',
+    false,
+    ['deriveKey']
+  );
+
+  return crypto.subtle.deriveKey(
+    { name: 'PBKDF2', hash: 'SHA-256', salt, iterations: ITERATIONS },
+    material,
+    { name: 'AES-GCM', length: 256 },
+    false,
+    ['encrypt', 'decrypt']
+  );
+}
+
+function download(bytes: Uint8Array, name: string, type = 'application/octet-stream') {
+  const blob = new Blob([bytes], { type });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement('a');
+  anchor.href = url;
+  anchor.download = name;
+  anchor.click();
+  setTimeout(() => URL.revokeObjectURL(url), 0);
+}
+
+export default function FileEncryptionPage() {
+  const [file, setFile] = useState<File | null>(null);
+  const [password, setPassword] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState('');
+
+  const encrypt = async () => {
+    if (!file || !password) return;
+    setBusy(true);
+    setError('');
+
+    try {
+      const salt = crypto.getRandomValues(new Uint8Array(16));
+      const iv = crypto.getRandomValues(new Uint8Array(12));
+      const key = await derive(password, salt);
+      const ciphertext = new Uint8Array(
+        await crypto.subtle.encrypt({ name: 'AES-GCM', iv }, key, await file.arrayBuffer())
+      );
+      download(concat(MAGIC, salt, iv, ciphertext), `${file.name}.tstack`);
+    } catch (error) {
+      setError((error as Error).message);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const decrypt = async () => {
+    if (!file || !password) return;
+    setBusy(true);
+    setError('');
+
+    try {
+      const bytes = new Uint8Array(await file.arrayBuffer());
+      if (
+        bytes.length < MAGIC.length + 16 + 12 + 16 ||
+        !MAGIC.every((value, index) => bytes[index] === value)
+      ) {
+        throw new Error('Not a ToolStack encrypted file.');
+      }
+
+      let offset = MAGIC.length;
+      const salt = bytes.slice(offset, (offset += 16));
+      const iv = bytes.slice(offset, (offset += 12));
+      const ciphertext = bytes.slice(offset);
+      const key = await derive(password, salt);
+      const plain = new Uint8Array(
+        await crypto.subtle.decrypt({ name: 'AES-GCM', iv }, key, ciphertext)
+      );
+      download(plain, file.name.replace(/\.tstack$/, '') || 'decrypted-file');
+    } catch {
+      setError('Decryption failed. Check the password and file.');
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <LocalToolLayout
+      title='File Encryption'
+      description='Encrypt files locally with AES-256-GCM. Keys are derived from your password using PBKDF2-SHA-256; neither files nor passwords leave the browser.'
+    >
+      <section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'>
+        <input
+          type='file'
+          onChange={(event) => setFile(event.target.files?.[0] ?? null)}
+          className='w-full rounded border p-3'
+        />
+        <label className='mt-4 block font-semibold'>
+          Password
+          <input
+            type='password'
+            value={password}
+            onChange={(event) => setPassword(event.target.value)}
+            autoComplete='new-password'
+            className='mt-2 w-full rounded border p-3'
+          />
+        </label>
+        <div className='mt-5 flex flex-wrap gap-3'>
+          <button
+            disabled={!file || !password || busy}
+            onClick={encrypt}
+            className='rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'
+          >
+            Encrypt & download
+          </button>
+          <button
+            disabled={!file || !password || busy}
+            onClick={decrypt}
+            className='rounded bg-slate-800 px-5 py-2 text-white disabled:opacity-50'
+          >
+            Decrypt .tstack file
+          </button>
+        </div>
+        {error && <p className='mt-4 text-red-600'>{error}</p>}
+        <div className='mt-6 rounded border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900'>
+          <strong>Important:</strong> There is no password recovery. Keep the password separately. This
+          format is ToolStack-specific and intended for local convenience, not archival interoperability.
+        </div>
+      </section>
+    </LocalToolLayout>
+  );
+}

From 008d5a779f2e691eaefa6a03c5161f856f337eff Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:13:25 +0530
Subject: [PATCH 11/42] Fix unit converter lint warning

---
 src/app/unit-converter/page.tsx | 184 ++++++++++++++++++++++++++++++--
 1 file changed, 174 insertions(+), 10 deletions(-)

diff --git a/src/app/unit-converter/page.tsx b/src/app/unit-converter/page.tsx
index 20c24de..1d3b4d7 100644
--- a/src/app/unit-converter/page.tsx
+++ b/src/app/unit-converter/page.tsx
@@ -1,15 +1,179 @@
 'use client';
+
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
-type Category={label:string;units:Record<string,number>;temperature?:boolean};
-const CATEGORIES:Record<string,Category>={
- length:{label:'Length',units:{meter:1,kilometer:1000,centimeter:.01,millimeter:.001,mile:1609.344,yard:.9144,foot:.3048,inch:.0254}},
- mass:{label:'Mass',units:{kilogram:1,gram:.001,milligram:.000001,tonne:1000,pound:.45359237,ounce:.028349523125}},
- temperature:{label:'Temperature',units:{celsius:1,fahrenheit:1,kelvin:1},temperature:true},
- dataSI:{label:'Data Storage (SI, decimal)',units:{byte:1,kilobyte:1e3,megabyte:1e6,gigabyte:1e9,terabyte:1e12}},
- dataIEC:{label:'Data Storage (IEC, binary)',units:{byte:1,kibibyte:1024,mebibyte:1024**2,gibibyte:1024**3,tebibyte:1024**4}},
- speed:{label:'Speed',units:{'m/s':1,'km/h':1/3.6,mph:.44704,knot:.514444}},
+type Category = { label: string; units: Record<string, number>; temperature?: boolean };
+
+const CATEGORIES: Record<string, Category> = {
+  length: {
+    label: 'Length',
+    units: {
+      meter: 1,
+      kilometer: 1000,
+      centimeter: 0.01,
+      millimeter: 0.001,
+      mile: 1609.344,
+      yard: 0.9144,
+      foot: 0.3048,
+      inch: 0.0254,
+    },
+  },
+  mass: {
+    label: 'Mass',
+    units: {
+      kilogram: 1,
+      gram: 0.001,
+      milligram: 0.000001,
+      tonne: 1000,
+      pound: 0.45359237,
+      ounce: 0.028349523125,
+    },
+  },
+  temperature: {
+    label: 'Temperature',
+    units: { celsius: 1, fahrenheit: 1, kelvin: 1 },
+    temperature: true,
+  },
+  dataSI: {
+    label: 'Data Storage (SI, decimal)',
+    units: { byte: 1, kilobyte: 1e3, megabyte: 1e6, gigabyte: 1e9, terabyte: 1e12 },
+  },
+  dataIEC: {
+    label: 'Data Storage (IEC, binary)',
+    units: {
+      byte: 1,
+      kibibyte: 1024,
+      mebibyte: 1024 ** 2,
+      gibibyte: 1024 ** 3,
+      tebibyte: 1024 ** 4,
+    },
+  },
+  speed: {
+    label: 'Speed',
+    units: { 'm/s': 1, 'km/h': 1 / 3.6, mph: 0.44704, knot: 0.514444 },
+  },
 };
-function convertTemperature(value:number,from:string,to:string){let c=from==='fahrenheit'?(value-32)*5/9:from==='kelvin'?value-273.15:value;return to==='fahrenheit'?c*9/5+32:to==='kelvin'?c+273.15:c}
-export default function UnitConverterPage(){const [category,setCategory]=useState('length');const units=Object.keys(CATEGORIES[category].units);const [from,setFrom]=useState('meter');const [to,setTo]=useState('foot');const [input,setInput]=useState('1');const changeCategory=(next:string)=>{setCategory(next);const u=Object.keys(CATEGORIES[next].units);setFrom(u[0]);setTo(u[1]??u[0]);setInput('1')};const output=useMemo(()=>{const n=Number(input);if(!Number.isFinite(n))return'';const c=CATEGORIES[category];const v=c.temperature?convertTemperature(n,from,to):n*c.units[from]/c.units[to];return Number.isFinite(v)?Number(v.toPrecision(12)).toString():''},[category,from,to,input]);return <LocalToolLayout title='Unit Converter' description='Convert common units locally, with separate decimal SI and binary IEC storage units.'><section className='mx-auto max-w-xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Category<select value={category} onChange={e=>changeCategory(e.target.value)} className='mt-2 w-full rounded border p-2'>{Object.entries(CATEGORIES).map(([k,v])=><option key={k} value={k}>{v.label}</option>)}</select></label><div className='mt-5 grid grid-cols-[1fr_auto_1fr] items-end gap-2'><label>From<select value={from} onChange={e=>setFrom(e.target.value)} className='mt-1 w-full rounded border p-2'>{units.map(u=><option key={u}>{u}</option>)}</select></label><button onClick={()=>{setFrom(to);setTo(from);setInput(output)}} className='rounded bg-slate-100 p-2' aria-label='Swap units'>⇄</button><label>To<select value={to} onChange={e=>setTo(e.target.value)} className='mt-1 w-full rounded border p-2'>{units.map(u=><option key={u}>{u}</option>)}</select></label></div><label className='mt-5 block'>Value<input value={input} onChange={e=>setInput(e.target.value)} inputMode='decimal' className='mt-1 w-full rounded border p-3 font-mono'/></label><label className='mt-4 block'>Result<input readOnly value={output} className='mt-1 w-full rounded border bg-slate-50 p-3 font-mono'/></label></section></LocalToolLayout>}
+
+function convertTemperature(value: number, from: string, to: string) {
+  const celsius =
+    from === 'fahrenheit'
+      ? ((value - 32) * 5) / 9
+      : from === 'kelvin'
+        ? value - 273.15
+        : value;
+
+  return to === 'fahrenheit'
+    ? (celsius * 9) / 5 + 32
+    : to === 'kelvin'
+      ? celsius + 273.15
+      : celsius;
+}
+
+export default function UnitConverterPage() {
+  const [category, setCategory] = useState('length');
+  const units = Object.keys(CATEGORIES[category].units);
+  const [from, setFrom] = useState('meter');
+  const [to, setTo] = useState('foot');
+  const [input, setInput] = useState('1');
+
+  const changeCategory = (next: string) => {
+    setCategory(next);
+    const nextUnits = Object.keys(CATEGORIES[next].units);
+    setFrom(nextUnits[0]);
+    setTo(nextUnits[1] ?? nextUnits[0]);
+    setInput('1');
+  };
+
+  const output = useMemo(() => {
+    const value = Number(input);
+    if (!Number.isFinite(value)) return '';
+
+    const currentCategory = CATEGORIES[category];
+    const converted = currentCategory.temperature
+      ? convertTemperature(value, from, to)
+      : (value * currentCategory.units[from]) / currentCategory.units[to];
+
+    return Number.isFinite(converted) ? Number(converted.toPrecision(12)).toString() : '';
+  }, [category, from, to, input]);
+
+  return (
+    <LocalToolLayout
+      title='Unit Converter'
+      description='Convert common units locally, with separate decimal SI and binary IEC storage units.'
+    >
+      <section className='mx-auto max-w-xl rounded-xl bg-white p-6 shadow'>
+        <label className='font-semibold'>
+          Category
+          <select
+            value={category}
+            onChange={(event) => changeCategory(event.target.value)}
+            className='mt-2 w-full rounded border p-2'
+          >
+            {Object.entries(CATEGORIES).map(([key, value]) => (
+              <option key={key} value={key}>
+                {value.label}
+              </option>
+            ))}
+          </select>
+        </label>
+
+        <div className='mt-5 grid grid-cols-[1fr_auto_1fr] items-end gap-2'>
+          <label>
+            From
+            <select
+              value={from}
+              onChange={(event) => setFrom(event.target.value)}
+              className='mt-1 w-full rounded border p-2'
+            >
+              {units.map((unit) => (
+                <option key={unit}>{unit}</option>
+              ))}
+            </select>
+          </label>
+          <button
+            onClick={() => {
+              setFrom(to);
+              setTo(from);
+              setInput(output);
+            }}
+            className='rounded bg-slate-100 p-2'
+            aria-label='Swap units'
+          >
+            ⇄
+          </button>
+          <label>
+            To
+            <select
+              value={to}
+              onChange={(event) => setTo(event.target.value)}
+              className='mt-1 w-full rounded border p-2'
+            >
+              {units.map((unit) => (
+                <option key={unit}>{unit}</option>
+              ))}
+            </select>
+          </label>
+        </div>
+
+        <label className='mt-5 block'>
+          Value
+          <input
+            value={input}
+            onChange={(event) => setInput(event.target.value)}
+            inputMode='decimal'
+            className='mt-1 w-full rounded border p-3 font-mono'
+          />
+        </label>
+        <label className='mt-4 block'>
+          Result
+          <input
+            readOnly
+            value={output}
+            className='mt-1 w-full rounded border bg-slate-50 p-3 font-mono'
+          />
+        </label>
+      </section>
+    </LocalToolLayout>
+  );
+}

From 65b1a9c0766985ba427fcba4262030e1f2415c8b Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:13:40 +0530
Subject: [PATCH 12/42] Harden Base64 encoding for large input

---
 src/app/encoder-decoder/page.tsx | 115 +++++++++++++++++++++++++++++--
 1 file changed, 109 insertions(+), 6 deletions(-)

diff --git a/src/app/encoder-decoder/page.tsx b/src/app/encoder-decoder/page.tsx
index 4e587e9..1dd0900 100644
--- a/src/app/encoder-decoder/page.tsx
+++ b/src/app/encoder-decoder/page.tsx
@@ -1,10 +1,113 @@
 'use client';
+
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
-type Mode='base64-encode'|'base64-decode'|'url-encode'|'url-decode'|'html-encode'|'html-decode';
-const toBase64=(s:string)=>btoa(String.fromCharCode(...new TextEncoder().encode(s)));
-const fromBase64=(s:string)=>new TextDecoder().decode(Uint8Array.from(atob(s),c=>c.charCodeAt(0)));
-const htmlEncode=(s:string)=>s.replace(/[&<>'"]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;',"'":'&#39;','"':'&quot;'}[c]!));
-const htmlDecode=(s:string)=>{const t=document.createElement('textarea');t.innerHTML=s;return t.value};
-export default function EncoderDecoderPage(){const [mode,setMode]=useState<Mode>('base64-encode');const [input,setInput]=useState('ToolStack privacy first');const result=useMemo(()=>{try{switch(mode){case'base64-encode':return toBase64(input);case'base64-decode':return fromBase64(input);case'url-encode':return encodeURIComponent(input);case'url-decode':return decodeURIComponent(input);case'html-encode':return htmlEncode(input);case'html-decode':return htmlDecode(input)}}catch(e){return `Error: ${(e as Error).message}`}},[mode,input]);return <LocalToolLayout title='Encoder / Decoder' description='Encode and decode Base64, URLs and HTML entities locally.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><select value={mode} onChange={e=>setMode(e.target.value as Mode)} className='mb-4 rounded border p-2'>{['base64-encode','base64-decode','url-encode','url-decode','html-encode','html-decode'].map(x=><option key={x} value={x}>{x.replaceAll('-',' ')}</option>)}</select><div className='grid gap-4 md:grid-cols-2'><textarea value={input} onChange={e=>setInput(e.target.value)} className='h-72 rounded border p-3 font-mono'/><textarea readOnly value={result} className='h-72 rounded border bg-slate-50 p-3 font-mono'/></div><button onClick={()=>navigator.clipboard.writeText(result)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy output</button></section></LocalToolLayout>}
+type Mode =
+  | 'base64-encode'
+  | 'base64-decode'
+  | 'url-encode'
+  | 'url-decode'
+  | 'html-encode'
+  | 'html-decode';
+
+function bytesToBinary(bytes: Uint8Array) {
+  const chunkSize = 0x8000;
+  let binary = '';
+
+  for (let offset = 0; offset < bytes.length; offset += chunkSize) {
+    const chunk = bytes.subarray(offset, offset + chunkSize);
+    binary += String.fromCharCode(...chunk);
+  }
+
+  return binary;
+}
+
+const toBase64 = (value: string) => btoa(bytesToBinary(new TextEncoder().encode(value)));
+const fromBase64 = (value: string) =>
+  new TextDecoder().decode(Uint8Array.from(atob(value), (character) => character.charCodeAt(0)));
+const htmlEncode = (value: string) =>
+  value.replace(
+    /[&<>'"]/g,
+    (character) =>
+      ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', "'": '&#39;', '"': '&quot;' })[character]!
+  );
+const htmlDecode = (value: string) => {
+  const textarea = document.createElement('textarea');
+  textarea.innerHTML = value;
+  return textarea.value;
+};
+
+export default function EncoderDecoderPage() {
+  const [mode, setMode] = useState<Mode>('base64-encode');
+  const [input, setInput] = useState('ToolStack privacy first');
+
+  const result = useMemo(() => {
+    try {
+      switch (mode) {
+        case 'base64-encode':
+          return toBase64(input);
+        case 'base64-decode':
+          return fromBase64(input);
+        case 'url-encode':
+          return encodeURIComponent(input);
+        case 'url-decode':
+          return decodeURIComponent(input);
+        case 'html-encode':
+          return htmlEncode(input);
+        case 'html-decode':
+          return htmlDecode(input);
+      }
+    } catch (error) {
+      return `Error: ${(error as Error).message}`;
+    }
+  }, [mode, input]);
+
+  return (
+    <LocalToolLayout
+      title='Encoder / Decoder'
+      description='Encode and decode Base64, URLs and HTML entities locally.'
+    >
+      <section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'>
+        <select
+          value={mode}
+          onChange={(event) => setMode(event.target.value as Mode)}
+          className='mb-4 rounded border p-2'
+        >
+          {[
+            'base64-encode',
+            'base64-decode',
+            'url-encode',
+            'url-decode',
+            'html-encode',
+            'html-decode',
+          ].map((option) => (
+            <option key={option} value={option}>
+              {option.replaceAll('-', ' ')}
+            </option>
+          ))}
+        </select>
+
+        <div className='grid gap-4 md:grid-cols-2'>
+          <textarea
+            value={input}
+            onChange={(event) => setInput(event.target.value)}
+            className='h-72 rounded border p-3 font-mono'
+          />
+          <textarea
+            readOnly
+            value={result}
+            className='h-72 rounded border bg-slate-50 p-3 font-mono'
+          />
+        </div>
+
+        <button
+          onClick={() => navigator.clipboard.writeText(result)}
+          className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'
+        >
+          Copy output
+        </button>
+      </section>
+    </LocalToolLayout>
+  );
+}

From 23c07399964746601e0d819f6d4192160232996e Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:13:52 +0530
Subject: [PATCH 13/42] Handle file hash failures cleanly

---
 src/app/file-hash/page.tsx | 109 ++++++++++++++++++++++++++++++++++---
 1 file changed, 102 insertions(+), 7 deletions(-)

diff --git a/src/app/file-hash/page.tsx b/src/app/file-hash/page.tsx
index c6929bb..609272f 100644
--- a/src/app/file-hash/page.tsx
+++ b/src/app/file-hash/page.tsx
@@ -1,13 +1,108 @@
 'use client';
+
 import { useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
-type Hashes = Record<string,string>;
-const hex = (buffer: ArrayBuffer) => Array.from(new Uint8Array(buffer)).map(b=>b.toString(16).padStart(2,'0')).join('');
+type Hashes = Record<string, string>;
+
+const hex = (buffer: ArrayBuffer) =>
+  Array.from(new Uint8Array(buffer))
+    .map((byte) => byte.toString(16).padStart(2, '0'))
+    .join('');
+
+export default function FileHashPage() {
+  const [file, setFile] = useState<File | null>(null);
+  const [hashes, setHashes] = useState<Hashes>({});
+  const [busy, setBusy] = useState(false);
+  const [expected, setExpected] = useState('');
+  const [error, setError] = useState('');
+
+  const run = async (selectedFile: File) => {
+    setFile(selectedFile);
+    setBusy(true);
+    setHashes({});
+    setError('');
+
+    try {
+      const data = await selectedFile.arrayBuffer();
+      const output: Hashes = {};
+
+      for (const algorithm of ['SHA-256', 'SHA-384', 'SHA-512']) {
+        output[algorithm] = hex(await crypto.subtle.digest(algorithm, data));
+      }
+
+      setHashes(output);
+    } catch (caughtError) {
+      setError((caughtError as Error).message || 'Unable to calculate hashes for this file.');
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const normalized = expected.trim().toLowerCase();
+  const match = normalized ? Object.values(hashes).some((hash) => hash === normalized) : null;
+
+  return (
+    <LocalToolLayout
+      title='File Hash & Checksum'
+      description='Generate SHA-256, SHA-384 and SHA-512 checksums locally using the Web Crypto API.'
+    >
+      <section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'>
+        <input
+          type='file'
+          onChange={(event) => {
+            const selectedFile = event.target.files?.[0];
+            if (selectedFile) void run(selectedFile);
+          }}
+          className='block w-full rounded border p-3'
+        />
+
+        {file && (
+          <p className='mt-3 text-sm text-slate-600'>
+            {file.name} · {(file.size / 1024).toFixed(1)} KB
+          </p>
+        )}
+        {busy && <p className='mt-4'>Calculating hashes...</p>}
+        {error && <p className='mt-4 text-red-600'>{error}</p>}
+
+        <div className='mt-4 space-y-3'>
+          {Object.entries(hashes).map(([algorithm, value]) => (
+            <div key={algorithm}>
+              <label className='text-sm font-semibold'>{algorithm}</label>
+              <div className='mt-1 flex gap-2'>
+                <input
+                  readOnly
+                  value={value}
+                  className='min-w-0 flex-1 rounded border p-2 font-mono text-xs'
+                />
+                <button
+                  onClick={() => navigator.clipboard.writeText(value)}
+                  className='rounded bg-slate-800 px-3 text-white'
+                >
+                  Copy
+                </button>
+              </div>
+            </div>
+          ))}
+        </div>
 
-export default function FileHashPage(){
- const [file,setFile]=useState<File|null>(null); const [hashes,setHashes]=useState<Hashes>({}); const [busy,setBusy]=useState(false); const [expected,setExpected]=useState('');
- const run=async(f:File)=>{setFile(f);setBusy(true);setHashes({});const data=await f.arrayBuffer();const out:Hashes={};for(const alg of ['SHA-256','SHA-384','SHA-512']) out[alg]=hex(await crypto.subtle.digest(alg,data));setHashes(out);setBusy(false)};
- const normalized=expected.trim().toLowerCase(); const match=normalized ? Object.values(hashes).some(h=>h===normalized) : null;
- return <LocalToolLayout title='File Hash & Checksum' description='Generate SHA-256, SHA-384 and SHA-512 checksums locally using the Web Crypto API.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={e=>e.target.files?.[0]&&run(e.target.files[0])} className='block w-full rounded border p-3'/>{file&&<p className='mt-3 text-sm text-slate-600'>{file.name} · {(file.size/1024).toFixed(1)} KB</p>}{busy&&<p className='mt-4'>Calculating hashes...</p>}<div className='mt-4 space-y-3'>{Object.entries(hashes).map(([alg,value])=><div key={alg}><label className='text-sm font-semibold'>{alg}</label><div className='mt-1 flex gap-2'><input readOnly value={value} className='min-w-0 flex-1 rounded border p-2 font-mono text-xs'/><button onClick={()=>navigator.clipboard.writeText(value)} className='rounded bg-slate-800 px-3 text-white'>Copy</button></div></div>)}</div>{Object.keys(hashes).length>0&&<div className='mt-6 border-t pt-4'><label className='text-sm font-semibold'>Verify a checksum</label><input value={expected} onChange={e=>setExpected(e.target.value)} placeholder='Paste expected SHA checksum' className='mt-1 w-full rounded border p-2 font-mono text-xs'/>{match!==null&&<p className={`mt-2 font-semibold ${match?'text-green-700':'text-red-700'}`}>{match?'Checksum matches.':'No generated checksum matches.'}</p>}</div>}</section></LocalToolLayout>
+        {Object.keys(hashes).length > 0 && (
+          <div className='mt-6 border-t pt-4'>
+            <label className='text-sm font-semibold'>Verify a checksum</label>
+            <input
+              value={expected}
+              onChange={(event) => setExpected(event.target.value)}
+              placeholder='Paste expected SHA checksum'
+              className='mt-1 w-full rounded border p-2 font-mono text-xs'
+            />
+            {match !== null && (
+              <p className={`mt-2 font-semibold ${match ? 'text-green-700' : 'text-red-700'}`}>
+                {match ? 'Checksum matches.' : 'No generated checksum matches.'}
+              </p>
+            )}
+          </div>
+        )}
+      </section>
+    </LocalToolLayout>
+  );
 }

From bb1c212a151b4d9cea5caecc107a54665fd4f097 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:14:06 +0530
Subject: [PATCH 14/42] Fix URL cleaner React keys

---
 src/app/url-cleaner/page.tsx | 118 +++++++++++++++++++++++++++++++++--
 1 file changed, 114 insertions(+), 4 deletions(-)

diff --git a/src/app/url-cleaner/page.tsx b/src/app/url-cleaner/page.tsx
index d256cce..bfbbfe0 100644
--- a/src/app/url-cleaner/page.tsx
+++ b/src/app/url-cleaner/page.tsx
@@ -1,6 +1,116 @@
 'use client';
-import { useMemo, useState } from 'react';
+
+import { Fragment, useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
-const TRACKING = new Set(['fbclid','gclid','dclid','msclkid','mc_cid','mc_eid','igshid','yclid','_hsenc','_hsmi','vero_conv','vero_id']);
-const isTracking=(key:string)=>key.toLowerCase().startsWith('utm_')||TRACKING.has(key.toLowerCase());
-export default function UrlCleanerPage(){const [input,setInput]=useState('https://example.com/article?utm_source=newsletter&utm_campaign=test&id=42&fbclid=abc');const data=useMemo(()=>{try{const u=new URL(input);const removed:string[]=[];[...u.searchParams.keys()].forEach(k=>{if(isTracking(k)){removed.push(k);u.searchParams.delete(k)}});return {url:u.toString(),removed,error:'',parts:{protocol:u.protocol,host:u.host,path:u.pathname,query:u.search,fragment:u.hash}}}catch(e){return {url:'',removed:[],error:(e as Error).message,parts:null}}},[input]);return <LocalToolLayout title='Tracking URL Cleaner' description='Strip common analytics and advertising parameters without sending the URL anywhere.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>URL</label><textarea value={input} onChange={e=>setInput(e.target.value)} className='mt-2 h-28 w-full rounded border p-3 font-mono'/>{data.error?<p className='mt-3 text-red-600'>Invalid URL</p>:<><label className='mt-5 block font-semibold'>Clean URL</label><div className='mt-2 flex gap-2'><input readOnly value={data.url} className='min-w-0 flex-1 rounded border p-3 font-mono text-sm'/><button onClick={()=>navigator.clipboard.writeText(data.url)} className='rounded bg-sky-600 px-4 text-white'>Copy</button></div><p className='mt-3 text-sm text-slate-600'>{data.removed.length?`Removed: ${data.removed.join(', ')}`:'No known tracking parameters found.'}</p>{data.parts&&<dl className='mt-6 grid gap-2 rounded bg-slate-50 p-4 text-sm sm:grid-cols-[8rem_1fr]'>{Object.entries(data.parts).map(([k,v])=><><dt className='font-semibold capitalize'>{k}</dt><dd className='break-all font-mono'>{v||'—'}</dd></>)}</dl>}</>}</section></LocalToolLayout>}
+
+const TRACKING = new Set([
+  'fbclid',
+  'gclid',
+  'dclid',
+  'msclkid',
+  'mc_cid',
+  'mc_eid',
+  'igshid',
+  'yclid',
+  '_hsenc',
+  '_hsmi',
+  'vero_conv',
+  'vero_id',
+]);
+
+const isTracking = (key: string) =>
+  key.toLowerCase().startsWith('utm_') || TRACKING.has(key.toLowerCase());
+
+export default function UrlCleanerPage() {
+  const [input, setInput] = useState(
+    'https://example.com/article?utm_source=newsletter&utm_campaign=test&id=42&fbclid=abc'
+  );
+
+  const data = useMemo(() => {
+    try {
+      const url = new URL(input);
+      const removed: string[] = [];
+
+      [...url.searchParams.keys()].forEach((key) => {
+        if (isTracking(key)) {
+          removed.push(key);
+          url.searchParams.delete(key);
+        }
+      });
+
+      return {
+        url: url.toString(),
+        removed,
+        error: '',
+        parts: {
+          protocol: url.protocol,
+          host: url.host,
+          path: url.pathname,
+          query: url.search,
+          fragment: url.hash,
+        },
+      };
+    } catch (error) {
+      return {
+        url: '',
+        removed: [],
+        error: (error as Error).message,
+        parts: null,
+      };
+    }
+  }, [input]);
+
+  return (
+    <LocalToolLayout
+      title='Tracking URL Cleaner'
+      description='Strip common analytics and advertising parameters without sending the URL anywhere.'
+    >
+      <section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'>
+        <label className='font-semibold'>URL</label>
+        <textarea
+          value={input}
+          onChange={(event) => setInput(event.target.value)}
+          className='mt-2 h-28 w-full rounded border p-3 font-mono'
+        />
+
+        {data.error ? (
+          <p className='mt-3 text-red-600'>Invalid URL</p>
+        ) : (
+          <>
+            <label className='mt-5 block font-semibold'>Clean URL</label>
+            <div className='mt-2 flex gap-2'>
+              <input
+                readOnly
+                value={data.url}
+                className='min-w-0 flex-1 rounded border p-3 font-mono text-sm'
+              />
+              <button
+                onClick={() => navigator.clipboard.writeText(data.url)}
+                className='rounded bg-sky-600 px-4 text-white'
+              >
+                Copy
+              </button>
+            </div>
+
+            <p className='mt-3 text-sm text-slate-600'>
+              {data.removed.length
+                ? `Removed: ${data.removed.join(', ')}`
+                : 'No known tracking parameters found.'}
+            </p>
+
+            {data.parts && (
+              <dl className='mt-6 grid gap-2 rounded bg-slate-50 p-4 text-sm sm:grid-cols-[8rem_1fr]'>
+                {Object.entries(data.parts).map(([key, value]) => (
+                  <Fragment key={key}>
+                    <dt className='font-semibold capitalize'>{key}</dt>
+                    <dd className='break-all font-mono'>{value || '—'}</dd>
+                  </Fragment>
+                ))}
+              </dl>
+            )}
+          </>
+        )}
+      </section>
+    </LocalToolLayout>
+  );
+}

From 5d7d2bfa1f46c1850f683fc4242f6add7f54c4c1 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:14:19 +0530
Subject: [PATCH 15/42] Clean password generator hook warnings

---
 src/app/password-generator/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/password-generator/page.tsx b/src/app/password-generator/page.tsx
index c200221..94a4b20 100644
--- a/src/app/password-generator/page.tsx
+++ b/src/app/password-generator/page.tsx
@@ -8,4 +8,4 @@ function secureShuffle(chars:string){const a=[...chars];for(let i=a.length-1;i>0
 function makePassword(length:number,sets:string[]){const usable=sets.filter(Boolean);const pool=usable.join('');if(!pool)return '';let out=usable.map(securePick).join('');while(out.length<length)out+=securePick(pool);return secureShuffle(out).slice(0,length)}
 const WORDS=['amber','apple','atlas','bamboo','beacon','blue','cedar','cloud','cobalt','comet','coral','delta','ember','falcon','fern','forest','galaxy','garden','harbor','indigo','jungle','lantern','lemon','lotus','maple','meadow','meteor','mint','nebula','ocean','olive','orbit','pearl','pine','pixel','quartz','raven','river','saffron','solar','spruce','stone','sunset','tiger','violet','willow','winter','zenith'];
 function passphrase(n:number){return Array.from({length:n},()=>WORDS[secureInt(WORDS.length)]).join('-')}
-export default function PasswordGeneratorPage(){const [length,setLength]=useState(20);const [upper,setUpper]=useState(true);const [digits,setDigits]=useState(true);const [symbols,setSymbols]=useState(true);const [nonce,setNonce]=useState(0);const [words,setWords]=useState(5);const password=useMemo(()=>makePassword(length,[LOWER,upper?UPPER:'',digits?DIGITS:'',symbols?SYMBOLS:'']),[length,upper,digits,symbols,nonce]);const phrase=useMemo(()=>passphrase(words),[words,nonce]);return <LocalToolLayout title='Password & Passphrase Generator' description='Generate secrets locally with cryptographically secure browser randomness. Nothing is stored or transmitted.'><section className='mx-auto max-w-3xl space-y-6 rounded-xl bg-white p-6 shadow'><div><div className='flex gap-2'><input readOnly value={password} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(password)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Length: {length}<input type='range' min='12' max='64' value={length} onChange={e=>setLength(+e.target.value)} className='w-full'/></label><div className='mt-3 flex flex-wrap gap-4'><label className='flex gap-2'><input type='checkbox' checked={upper} onChange={e=>setUpper(e.target.checked)}/>Uppercase</label><label className='flex gap-2'><input type='checkbox' checked={digits} onChange={e=>setDigits(e.target.checked)}/>Numbers</label><label className='flex gap-2'><input type='checkbox' checked={symbols} onChange={e=>setSymbols(e.target.checked)}/>Symbols</label></div></div><div className='border-t pt-6'><div className='flex gap-2'><input readOnly value={phrase} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(phrase)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Words: {words}<input type='range' min='4' max='10' value={words} onChange={e=>setWords(+e.target.value)} className='w-full'/></label></div><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-5 py-2 text-white'>Generate new</button></section></LocalToolLayout>}
+export default function PasswordGeneratorPage(){const [length,setLength]=useState(20);const [upper,setUpper]=useState(true);const [digits,setDigits]=useState(true);const [symbols,setSymbols]=useState(true);const [nonce,setNonce]=useState(0);const [words,setWords]=useState(5);const password=useMemo(()=>{void nonce;return makePassword(length,[LOWER,upper?UPPER:'',digits?DIGITS:'',symbols?SYMBOLS:''])},[length,upper,digits,symbols,nonce]);const phrase=useMemo(()=>{void nonce;return passphrase(words)},[words,nonce]);return <LocalToolLayout title='Password & Passphrase Generator' description='Generate secrets locally with cryptographically secure browser randomness. Nothing is stored or transmitted.'><section className='mx-auto max-w-3xl space-y-6 rounded-xl bg-white p-6 shadow'><div><div className='flex gap-2'><input readOnly value={password} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(password)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Length: {length}<input type='range' min='12' max='64' value={length} onChange={e=>setLength(+e.target.value)} className='w-full'/></label><div className='mt-3 flex flex-wrap gap-4'><label className='flex gap-2'><input type='checkbox' checked={upper} onChange={e=>setUpper(e.target.checked)}/>Uppercase</label><label className='flex gap-2'><input type='checkbox' checked={digits} onChange={e=>setDigits(e.target.checked)}/>Numbers</label><label className='flex gap-2'><input type='checkbox' checked={symbols} onChange={e=>setSymbols(e.target.checked)}/>Symbols</label></div></div><div className='border-t pt-6'><div className='flex gap-2'><input readOnly value={phrase} className='min-w-0 flex-1 rounded border p-3 font-mono'/><button onClick={()=>navigator.clipboard.writeText(phrase)} className='rounded bg-slate-800 px-4 text-white'>Copy</button></div><label className='mt-4 block'>Words: {words}<input type='range' min='4' max='10' value={words} onChange={e=>setWords(+e.target.value)} className='w-full'/></label></div><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-5 py-2 text-white'>Generate new</button></section></LocalToolLayout>}

From b3c8b5fe0fbb18ebd3e2485fada18e12637809e4 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:14:32 +0530
Subject: [PATCH 16/42] Clean UUID generator hook warning

---
 src/app/uuid-generator/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/uuid-generator/page.tsx b/src/app/uuid-generator/page.tsx
index 426b71a..98ced34 100644
--- a/src/app/uuid-generator/page.tsx
+++ b/src/app/uuid-generator/page.tsx
@@ -4,4 +4,4 @@ import LocalToolLayout from '@/components/LocalToolLayout';
 const UUID_RE=/^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
 const CROCKFORD='0123456789ABCDEFGHJKMNPQRSTVWXYZ';
 function ulid(){const time=Date.now();let t=time,out='';for(let i=0;i<10;i++){out=CROCKFORD[t%32]+out;t=Math.floor(t/32)}const bytes=new Uint8Array(16);crypto.getRandomValues(bytes);for(let i=0;i<16;i++)out+=CROCKFORD[bytes[i]%32];return out}
-export default function UuidGeneratorPage(){const [count,setCount]=useState(5);const [kind,setKind]=useState<'uuid'|'ulid'>('uuid');const [nonce,setNonce]=useState(0);const [check,setCheck]=useState('');const values=useMemo(()=>Array.from({length:count},()=>kind==='uuid'?crypto.randomUUID():ulid()),[count,kind,nonce]);return <LocalToolLayout title='UUID / ULID Generator' description='Generate identifiers locally with browser cryptographic randomness.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><div className='flex flex-wrap gap-3'><select value={kind} onChange={e=>setKind(e.target.value as 'uuid'|'ulid')} className='rounded border p-2'><option value='uuid'>UUID v4</option><option value='ulid'>ULID</option></select><input type='number' min='1' max='100' value={count} onChange={e=>setCount(Math.max(1,Math.min(100,+e.target.value||1)))} className='w-24 rounded border p-2'/><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-4 text-white'>Generate</button><button onClick={()=>navigator.clipboard.writeText(values.join('\n'))} className='rounded bg-slate-800 px-4 text-white'>Copy all</button></div><pre className='mt-4 max-h-96 overflow-auto rounded bg-slate-50 p-4'>{values.join('\n')}</pre><div className='mt-6 border-t pt-5'><label className='font-semibold'>Validate a UUID</label><input value={check} onChange={e=>setCheck(e.target.value)} className='mt-2 w-full rounded border p-2 font-mono'/>{check&&<p className={`mt-2 ${UUID_RE.test(check.trim())?'text-green-700':'text-red-700'}`}>{UUID_RE.test(check.trim())?'Looks like a valid UUID.':'Not a valid standard UUID string.'}</p>}</div></section></LocalToolLayout>}
+export default function UuidGeneratorPage(){const [count,setCount]=useState(5);const [kind,setKind]=useState<'uuid'|'ulid'>('uuid');const [nonce,setNonce]=useState(0);const [check,setCheck]=useState('');const values=useMemo(()=>{void nonce;return Array.from({length:count},()=>kind==='uuid'?crypto.randomUUID():ulid())},[count,kind,nonce]);return <LocalToolLayout title='UUID / ULID Generator' description='Generate identifiers locally with browser cryptographic randomness.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><div className='flex flex-wrap gap-3'><select value={kind} onChange={e=>setKind(e.target.value as 'uuid'|'ulid')} className='rounded border p-2'><option value='uuid'>UUID v4</option><option value='ulid'>ULID</option></select><input type='number' min='1' max='100' value={count} onChange={e=>setCount(Math.max(1,Math.min(100,+e.target.value||1)))} className='w-24 rounded border p-2'/><button onClick={()=>setNonce(n=>n+1)} className='rounded bg-sky-600 px-4 text-white'>Generate</button><button onClick={()=>navigator.clipboard.writeText(values.join('\n'))} className='rounded bg-slate-800 px-4 text-white'>Copy all</button></div><pre className='mt-4 max-h-96 overflow-auto rounded bg-slate-50 p-4'>{values.join('\n')}</pre><div className='mt-6 border-t pt-5'><label className='font-semibold'>Validate a UUID</label><input value={check} onChange={e=>setCheck(e.target.value)} className='mt-2 w-full rounded border p-2 font-mono'/>{check&&<p className={`mt-2 ${UUID_RE.test(check.trim())?'text-green-700':'text-red-700'}`}>{UUID_RE.test(check.trim())?'Looks like a valid UUID.':'Not a valid standard UUID string.'}</p>}</div></section></LocalToolLayout>}

From 55f8eb046f059cc4175700ce762c7c694c917cc1 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:14:46 +0530
Subject: [PATCH 17/42] Document local image preview lint exception

---
 src/app/image-converter/page.tsx | 118 ++++++++++++++++++++++++++++++-
 1 file changed, 116 insertions(+), 2 deletions(-)

diff --git a/src/app/image-converter/page.tsx b/src/app/image-converter/page.tsx
index 2742d39..a392859 100644
--- a/src/app/image-converter/page.tsx
+++ b/src/app/image-converter/page.tsx
@@ -1,6 +1,120 @@
 'use client';
+
 import { useEffect, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
-type Format='image/png'|'image/jpeg'|'image/webp';
-export default function ImageConverterPage(){const [file,setFile]=useState<File|null>(null);const [preview,setPreview]=useState('');const [format,setFormat]=useState<Format>('image/webp');const [quality,setQuality]=useState(.9);const [busy,setBusy]=useState(false);useEffect(()=>()=>{if(preview)URL.revokeObjectURL(preview)},[preview]);const choose=(f:File)=>{if(preview)URL.revokeObjectURL(preview);setFile(f);setPreview(URL.createObjectURL(f))};const convert=async()=>{if(!file)return;setBusy(true);try{const bitmap=await createImageBitmap(file);const canvas=document.createElement('canvas');canvas.width=bitmap.width;canvas.height=bitmap.height;const ctx=canvas.getContext('2d');if(!ctx)throw new Error('Canvas unavailable');ctx.drawImage(bitmap,0,0);bitmap.close();const blob=await new Promise<Blob|null>(r=>canvas.toBlob(r,format,format==='image/png'?undefined:quality));if(!blob)throw new Error('This browser could not encode the selected format.');const url=URL.createObjectURL(blob);const a=document.createElement('a');const ext=format==='image/png'?'png':format==='image/jpeg'?'jpg':'webp';a.href=url;a.download=`${file.name.replace(/\.[^.]+$/,'')}.${ext}`;a.click();URL.revokeObjectURL(url)}finally{setBusy(false)}};return <LocalToolLayout title='Image Format Converter' description='Convert browser-supported image files to PNG, JPEG or WebP without uploading them.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><input type='file' accept='image/*' onChange={e=>e.target.files?.[0]&&choose(e.target.files[0])} className='w-full rounded border p-3'/>{preview&&<img src={preview} alt='Selected preview' className='mx-auto mt-5 max-h-80 max-w-full rounded border object-contain'/>}<div className='mt-5 grid gap-4 sm:grid-cols-2'><label>Output format<select value={format} onChange={e=>setFormat(e.target.value as Format)} className='mt-1 w-full rounded border p-2'><option value='image/webp'>WebP</option><option value='image/jpeg'>JPEG</option><option value='image/png'>PNG</option></select></label><label className={format==='image/png'?'opacity-50':''}>Quality: {Math.round(quality*100)}%<input disabled={format==='image/png'} type='range' min='.1' max='1' step='.05' value={quality} onChange={e=>setQuality(+e.target.value)} className='w-full'/></label></div><button disabled={!file||busy} onClick={convert} className='mt-5 rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'>{busy?'Converting...':'Convert & download'}</button></section></LocalToolLayout>}
+type Format = 'image/png' | 'image/jpeg' | 'image/webp';
+
+export default function ImageConverterPage() {
+  const [file, setFile] = useState<File | null>(null);
+  const [preview, setPreview] = useState('');
+  const [format, setFormat] = useState<Format>('image/webp');
+  const [quality, setQuality] = useState(0.9);
+  const [busy, setBusy] = useState(false);
+
+  useEffect(() => () => {
+    if (preview) URL.revokeObjectURL(preview);
+  }, [preview]);
+
+  const choose = (selectedFile: File) => {
+    if (preview) URL.revokeObjectURL(preview);
+    setFile(selectedFile);
+    setPreview(URL.createObjectURL(selectedFile));
+  };
+
+  const convert = async () => {
+    if (!file) return;
+    setBusy(true);
+
+    try {
+      const bitmap = await createImageBitmap(file);
+      const canvas = document.createElement('canvas');
+      canvas.width = bitmap.width;
+      canvas.height = bitmap.height;
+      const context = canvas.getContext('2d');
+      if (!context) throw new Error('Canvas unavailable');
+      context.drawImage(bitmap, 0, 0);
+      bitmap.close();
+
+      const blob = await new Promise<Blob | null>((resolve) =>
+        canvas.toBlob(resolve, format, format === 'image/png' ? undefined : quality)
+      );
+      if (!blob) throw new Error('This browser could not encode the selected format.');
+
+      const url = URL.createObjectURL(blob);
+      const anchor = document.createElement('a');
+      const extension = format === 'image/png' ? 'png' : format === 'image/jpeg' ? 'jpg' : 'webp';
+      anchor.href = url;
+      anchor.download = `${file.name.replace(/\.[^.]+$/, '')}.${extension}`;
+      anchor.click();
+      URL.revokeObjectURL(url);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return (
+    <LocalToolLayout
+      title='Image Format Converter'
+      description='Convert browser-supported image files to PNG, JPEG or WebP without uploading them.'
+    >
+      <section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'>
+        <input
+          type='file'
+          accept='image/*'
+          onChange={(event) => {
+            const selectedFile = event.target.files?.[0];
+            if (selectedFile) choose(selectedFile);
+          }}
+          className='w-full rounded border p-3'
+        />
+
+        {preview && (
+          // A blob URL is already local browser data; Next Image optimization would add no value here.
+          // eslint-disable-next-line @next/next/no-img-element
+          <img
+            src={preview}
+            alt='Selected preview'
+            className='mx-auto mt-5 max-h-80 max-w-full rounded border object-contain'
+          />
+        )}
+
+        <div className='mt-5 grid gap-4 sm:grid-cols-2'>
+          <label>
+            Output format
+            <select
+              value={format}
+              onChange={(event) => setFormat(event.target.value as Format)}
+              className='mt-1 w-full rounded border p-2'
+            >
+              <option value='image/webp'>WebP</option>
+              <option value='image/jpeg'>JPEG</option>
+              <option value='image/png'>PNG</option>
+            </select>
+          </label>
+          <label className={format === 'image/png' ? 'opacity-50' : ''}>
+            Quality: {Math.round(quality * 100)}%
+            <input
+              disabled={format === 'image/png'}
+              type='range'
+              min='0.1'
+              max='1'
+              step='0.05'
+              value={quality}
+              onChange={(event) => setQuality(+event.target.value)}
+              className='w-full'
+            />
+          </label>
+        </div>
+
+        <button
+          disabled={!file || busy}
+          onClick={convert}
+          className='mt-5 rounded bg-sky-600 px-5 py-2 text-white disabled:opacity-50'
+        >
+          {busy ? 'Converting...' : 'Convert & download'}
+        </button>
+      </section>
+    </LocalToolLayout>
+  );
+}

From 0421d209e36cac753a72bd987682a41e6f9292b8 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:45:18 +0530
Subject: [PATCH 18/42] Add one-off dependency update workflow

---
 .github/workflows/update-feature-deps.yml | 31 +++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 .github/workflows/update-feature-deps.yml

diff --git a/.github/workflows/update-feature-deps.yml b/.github/workflows/update-feature-deps.yml
new file mode 100644
index 0000000..93d506b
--- /dev/null
+++ b/.github/workflows/update-feature-deps.yml
@@ -0,0 +1,31 @@
+name: Update feature dependencies
+on:
+  push:
+    branches: [feature/privacy-toolstack-refresh]
+    paths:
+      - '.github/workflows/update-feature-deps.yml'
+permissions:
+  contents: write
+jobs:
+  update-dependencies:
+    if: github.actor != 'github-actions[bot]'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: feature/privacy-toolstack-refresh
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: npm
+      - run: npm install pdf-lib@1.17.1 dompurify@3.4.14 postcss-selector-parser@7.1.6 yaml@2.9.0 @contentauth/c2pa-web@0.14.4
+      - run: npm install --save-dev vitest@4.1.11
+      - name: Commit generated dependency files
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
+          git add package.json package-lock.json
+          if ! git diff --cached --quiet; then
+            git commit -m "Add bundled local-processing dependencies"
+            git push origin HEAD:feature/privacy-toolstack-refresh
+          fi

From cca1a8ccafc46a48794d11af06efb871ca27879e Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 4 Sep 2026 13:15:55 +0000
Subject: [PATCH 19/42] Add bundled local-processing dependencies

---
 package-lock.json | 1294 +++++++++++++++++++++++++++++++++++++++++++--
 package.json      |   10 +-
 2 files changed, 1265 insertions(+), 39 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9afeb86..af7693f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,14 @@
 {
-  "name": "my-toolbox",
-  "version": "0.1.0",
+  "name": "toolstack",
+  "version": "0.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "my-toolbox",
-      "version": "0.1.0",
+      "name": "toolstack",
+      "version": "0.2.0",
       "dependencies": {
+        "@contentauth/c2pa-web": "^0.14.4",
         "@types/diff": "^7.0.2",
         "@types/exif-js": "^2.3.1",
         "@types/papaparse": "^5.3.16",
@@ -16,16 +17,20 @@
         "@types/tinycolor2": "^1.4.6",
         "browser-image-compression": "^2.0.2",
         "diff": "^8.0.2",
+        "dompurify": "^3.4.14",
         "exif-js": "^2.3.0",
         "jszip": "^3.10.1",
         "next": "15.3.3",
         "papaparse": "^5.5.3",
+        "pdf-lib": "^1.17.1",
         "piexifjs": "^1.0.6",
+        "postcss-selector-parser": "^7.1.6",
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-image-crop": "^11.0.10",
         "showdown": "^2.1.0",
-        "tinycolor2": "^1.6.0"
+        "tinycolor2": "^1.6.0",
+        "yaml": "^2.9.0"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -36,7 +41,8 @@
         "eslint": "^9",
         "eslint-config-next": "15.3.3",
         "tailwindcss": "^4",
-        "typescript": "^5"
+        "typescript": "^5",
+        "vitest": "^4.1.11"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -66,6 +72,39 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@contentauth/c2pa-types": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/@contentauth/c2pa-types/-/c2pa-types-0.7.4.tgz",
+      "integrity": "sha512-lPxm/5yvUqS2LItFMvgfCDWm8yCw9vsW32vrkCPgj4QkzGxQ9WuUkK32eWzsxBL9sCDbCQDNNtFroH6qTaU90w=="
+    },
+    "node_modules/@contentauth/c2pa-utilities": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@contentauth/c2pa-utilities/-/c2pa-utilities-0.2.2.tgz",
+      "integrity": "sha512-mUHDB2QlVFRcB6jUk+puZRvfJLPjfA2aiJVqk1QrO8GakoWtNMdjbFA3cRhhuMa4W0rIFrWfi4s/lCTGtMSG4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@contentauth/c2pa-types": "0.7.4",
+        "ts-deepmerge": "^8.0.0"
+      }
+    },
+    "node_modules/@contentauth/c2pa-wasm": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/@contentauth/c2pa-wasm/-/c2pa-wasm-0.11.4.tgz",
+      "integrity": "sha512-MDrMFLCOzRC3a+XoKicionCGtnmtcFRgwbdHnuQYdfyNyG+ZlmEmd2T1MZsQQab9Lg1Bz9Mi0+g+M59soMwYYw==",
+      "license": "MIT"
+    },
+    "node_modules/@contentauth/c2pa-web": {
+      "version": "0.14.4",
+      "resolved": "https://registry.npmjs.org/@contentauth/c2pa-web/-/c2pa-web-0.14.4.tgz",
+      "integrity": "sha512-P/kljZjuASDTJz0C90Iq3p/YYVs+NdjbBw80ZOlZvosvHi38uu8A/QN9MzYh64f53SuMCT745p3p0Ul42wlj6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@contentauth/c2pa-types": "0.7.4",
+        "@contentauth/c2pa-utilities": "0.2.2",
+        "@contentauth/c2pa-wasm": "0.11.4",
+        "highgain": "^0.1.0"
+      }
+    },
     "node_modules/@emnapi/core": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.4.3.tgz",
@@ -751,9 +790,9 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.6.0.tgz",
+      "integrity": "sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==",
       "dev": true,
       "license": "MIT"
     },
@@ -973,6 +1012,314 @@
         "node": ">=12.4.0"
       }
     },
+    "node_modules/@oxc-project/types": {
+      "version": "0.148.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.148.0.tgz",
+      "integrity": "sha512-Nm4s/jB+4FpFsPhWGEC4h7rzksesmtnMXomo6rCMcg/b8zLQuOziRgkCS1fxDCXOlJB/6Q8oABOZ/OP6RIPj9A==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/oxc-project"
+      }
+    },
+    "node_modules/@pdf-lib/standard-fonts": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/standard-fonts/-/standard-fonts-1.0.0.tgz",
+      "integrity": "sha512-hU30BK9IUN/su0Mn9VdlVKsWBS6GyhVfqjwl1FjZN4TxP6cCw0jP2w7V3Hf5uX7M0AZJ16vey9yE0ny7Sa59ZA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.6"
+      }
+    },
+    "node_modules/@pdf-lib/upng": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@pdf-lib/upng/-/upng-1.0.1.tgz",
+      "integrity": "sha512-dQK2FUMQtowVP00mtIksrlZhdFXQZPC+taih1q4CvPZ5vqdxR/LKBaFg0oAfzd1GlHZXXSPdQfzQnt+ViGvEIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^1.0.10"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm-eabi": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.7.tgz",
+      "integrity": "sha512-EypzgnYCwyVY4NDHKzGmNJT5b+XaQEBniHxsMdeIQLB/tcCzZnhqrzHpZFbX9iaxx+5RiB8caATBtfvZP7zVxQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.7.tgz",
+      "integrity": "sha512-l17HE9EweWaqJZhuUuNBN/FzM62xw+DECVnJyvMsxn8vJFAGLy5QfLDoYAcronkAN8VxKZHezDpulHDPx95vFw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.7.tgz",
+      "integrity": "sha512-8ED8ELFvHXc6OCETIn4gXObPiaR6bckM/ipXtbzlPVDRMBfEGjCKgO90F9YtfdpDatVx/ZQw7aZ1vUMf/+T3Mw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.7.tgz",
+      "integrity": "sha512-/WPripjtiAIZ2tWY7ddijORT0Ujg87wxWW/qcoFVCKAWVDPhtY0xr7Dj0M3GyNGz60jGwTElhro/mkF9dT7dDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.7.tgz",
+      "integrity": "sha512-14DI4NcqpvbICxSnGLx3PmtDaWqRP/KGSGb6C+JLLVPeZRl6dKdHba3pGsqT3vpdTqhEYIPG0MMQ8c0xYqoJxA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.7.tgz",
+      "integrity": "sha512-bxrWIRvHWQvbJwi+VIie/kDJmQxcNE6xxWwZdqF/ExVAigtHkv54WTLQPb+QsZdnFy18fg7JPfWGL0RH6vwIlQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.7.tgz",
+      "integrity": "sha512-toOY2BChBZyuxU7OYX6Tn389di4IzAqPTycVcci0O7FSfBqzRB3RZn+K5Is6ANf4tmgRd/K1yZTsNTXbkXsnLg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.7.tgz",
+      "integrity": "sha512-lAIXTH/aiLRLxsTgQvfhjo4K1ydWIp00+V0voOr9beb/9ZmkUFrSIb03dXNFRgMNvkE6oGsF10ioQ6UsI+vS5Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.7.tgz",
+      "integrity": "sha512-kdnwS28Pkenp/mZMRwjXXXwxQ7pIsm+bF919LUK93BOyhcLsrVKdP2p9fxpiPNPAbNuch8ypQt0pm2P2LYCAGg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.7.tgz",
+      "integrity": "sha512-516OdsyLdr5E65paF3yBF55t8mfm9+gmtCsK3xI7XKXIT7EfRlHhxL8K/NR6Hu8BWSgF5+1w74lTL0+nxcc8Qw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.7.tgz",
+      "integrity": "sha512-r8/z8n7GFaYRln3xmP1Cxy0HH/HLM0uBUPkEuSVEfKGDA89M0FsZRZJRSwe/tJjRx+fpH/gjorfhB8tmEbSFLA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.7.tgz",
+      "integrity": "sha512-pAsE8iiDxUg1xBqdhrTfg45AVDVpirjz00sblEYClGNNcMnDb+e8beQgqIAw6LvauX/APvgxUnwrgun/YYGBhw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.7.tgz",
+      "integrity": "sha512-lTcIYmmnQQA8Or/2DatS6oSqcdLHvendjS+zLu+FwgToynWMRSmQdpM65fTANJgIS4mjbMOo5KT2lnT9SAb96w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.7.tgz",
+      "integrity": "sha512-e3Gu3WxbNk/UqQhxqU7YIYO+9ZBvWNz3U+h/qRFosscMFzdRPbXYSaSWgSnklv2fz1TgzBTcti2z35c/7irsHw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.7.tgz",
+      "integrity": "sha512-W/jg5qoRSqjsEv0+dZi4e687mcHqmVuU0P4fK6qS/xjetW2Gmc1W8j//z5nAeNcC8Ttm0hV46IjcYeuVwYhuiw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz",
+      "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -987,6 +1334,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@swc/counter": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
@@ -1289,6 +1643,24 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/chai": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-5.2.3.tgz",
+      "integrity": "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/deep-eql": "*",
+        "assertion-error": "^2.0.1"
+      }
+    },
+    "node_modules/@types/deep-eql": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/deep-eql/-/deep-eql-4.0.2.tgz",
+      "integrity": "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/diff": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/@types/diff/-/diff-7.0.2.tgz",
@@ -1381,6 +1753,13 @@
       "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
       "license": "MIT"
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.33.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.33.0.tgz",
@@ -1906,14 +2285,100 @@
         "win32"
       ]
     },
-    "node_modules/acorn": {
-      "version": "8.14.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
-      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+    "node_modules/@vitest/expect": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.11.tgz",
+      "integrity": "sha512-VX2x5vNJXET47KAFzwERI+KRMtTTCSWTfSMKsW7JsUsXV4psq++e3DvZpuTDOpHcxytiDs6p2nhVb2tVDiiUYw==",
       "dev": true,
       "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
+      "dependencies": {
+        "@standard-schema/spec": "^1.1.0",
+        "@types/chai": "^5.2.2",
+        "@vitest/spy": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "chai": "^6.2.2",
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-4.1.11.tgz",
+      "integrity": "sha512-yiZzPbGTS9Sr/JpFl8zHrcIkAofNbFV6k21vIgQN/cY/oxZeXhJv5sc/MBJ5jFKWmWs+oJHw0UXLZjmf931+Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/runner": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-4.1.11.tgz",
+      "integrity": "sha512-LztvUgdwMNJMIkj3hQnnxiC2Xy1zNxq928W/xhjCLaNCzqTZOudjwbQf6v9IntZGPw132i2Lq2rgTRZHD3JHNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/utils": "4.1.11",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/snapshot": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-4.1.11.tgz",
+      "integrity": "sha512-pN7ikn1ON7h8ee4gIAp4AzyK+zBtJPzVbqOgu5LCEh4VaJVbPQcgYQYJIMGQPXVeJJq1fnfazis7a5pFNPahog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "magic-string": "^0.30.21",
+        "pathe": "^2.0.3"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-4.1.11.tgz",
+      "integrity": "sha512-apNa/prQy2qCeywhnixOHPRCgGNhvg7T4Dapfl1GahLp/R+uhBm5cPyFoNVyqsNd2h1nJxL6BqqdIjiABL60YA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.1.11.tgz",
+      "integrity": "sha512-zTCVGpyFsGWBhllOyKlTw/vnr6D9qxsfSDyfbyZmTyjHw5N/VuvzHpHoQjm2ZJzn4RJgx5w4r7V0er69CmLgPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "4.1.11",
+        "convert-source-map": "^2.0.0",
+        "tinyrainbow": "^3.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
       },
       "engines": {
         "node": ">=0.4.0"
@@ -2137,6 +2602,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
@@ -2321,6 +2796,16 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chai": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-6.2.2.tgz",
+      "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -2415,6 +2900,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/core-util-is": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
@@ -2436,6 +2928,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -2597,6 +3101,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/dompurify": {
+      "version": "3.4.14",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.14.tgz",
+      "integrity": "sha512-dVoH9z+MY+C9IilgGCk3YfFqjLi3fChm2OiKJMzh6axrJ5qwxqWaZamgmHrpv22CN/KdbZJuGEGgfQoL00LTdg==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -2750,6 +3263,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-module-lexer": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-2.3.2.tgz",
+      "integrity": "sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/es-object-atoms": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
@@ -3239,6 +3759,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -3255,6 +3785,16 @@
       "integrity": "sha512-1Og9pAzG2FZRVlaavH8bB8BTeHcjMdJhKmeQITkX+uLRCD0xPtKAdZ2clZmQdJ56p9adXtJ8+jwrGp/4505lYg==",
       "license": "MIT"
     },
+    "node_modules/expect-type": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
+      "integrity": "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3396,6 +3936,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -3671,6 +4226,12 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/highgain": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/highgain/-/highgain-0.1.0.tgz",
+      "integrity": "sha512-Vw/g2upw4MYLZ9e95k79+idMoPFEKvTQVTce9LCDfI+T6AiG+SdiR4WDKszB1grQy0O+uhxd6cqbdi3VhECdbA==",
+      "license": "ISC"
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4349,6 +4910,27 @@
         "lightningcss-win32-x64-msvc": "1.30.1"
       }
     },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.33.0.tgz",
+      "integrity": "sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/lightningcss-darwin-arm64": {
       "version": "1.30.1",
       "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
@@ -4596,13 +5178,13 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.17",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
-      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0"
+        "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
     "node_modules/math-intrinsics": {
@@ -4709,9 +5291,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
       "funding": [
         {
           "type": "github",
@@ -4954,6 +5536,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/obug": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.4.tgz",
+      "integrity": "sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/sxzz",
+        "https://opencollective.com/debug"
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -5074,6 +5670,31 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pdf-lib": {
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/pdf-lib/-/pdf-lib-1.17.1.tgz",
+      "integrity": "sha512-V/mpyJAoTsN4cnP31vc0wfNA1+p20evqqnap0KLoRUN0Yk/p3wN52DOEsL4oBFcLdb76hlpKPtzJIgo67j/XLw==",
+      "license": "MIT",
+      "dependencies": {
+        "@pdf-lib/standard-fonts": "^1.0.0",
+        "@pdf-lib/upng": "^1.0.1",
+        "pako": "^1.0.11",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/pdf-lib/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "license": "0BSD"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -5110,9 +5731,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.4",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.4.tgz",
-      "integrity": "sha512-QSa9EBe+uwlGTFmHsPKokv3B/oEMQZxfqW0QqNCyhpa6mB1afzulwn8hihglqAb2pOw+BJgNlmXQ8la2VeHB7w==",
+      "version": "8.5.28",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.28.tgz",
+      "integrity": "sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==",
       "dev": true,
       "funding": [
         {
@@ -5130,7 +5751,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.11",
+        "nanoid": "^3.3.18",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -5138,6 +5759,19 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-selector-parser": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.6.tgz",
+      "integrity": "sha512-7qASPzhKF2l2KLboRZux8CCTRMdGiV08vWmyKzPz22qZ7ZjQBOeY7rNzNoCLSUiftJ7HUq0GERHmxw/t0dCdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -5351,6 +5985,40 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rolldown": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.7.tgz",
+      "integrity": "sha512-g0EtLvBjTUB7jhyV0S/TCup3v/XSVl45vUIGbOGU4QPiyjTenCe4mKuFvW9fEgYmS2Fo42AUssRmNuMziXdrig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.148.0",
+        "@rolldown/pluginutils": "^1.0.0"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm-eabi": "1.2.7",
+        "@rolldown/binding-android-arm64": "1.2.7",
+        "@rolldown/binding-darwin-arm64": "1.2.7",
+        "@rolldown/binding-darwin-x64": "1.2.7",
+        "@rolldown/binding-freebsd-x64": "1.2.7",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.2.7",
+        "@rolldown/binding-linux-arm64-gnu": "1.2.7",
+        "@rolldown/binding-linux-arm64-musl": "1.2.7",
+        "@rolldown/binding-linux-ppc64-gnu": "1.2.7",
+        "@rolldown/binding-linux-s390x-gnu": "1.2.7",
+        "@rolldown/binding-linux-x64-gnu": "1.2.7",
+        "@rolldown/binding-linux-x64-musl": "1.2.7",
+        "@rolldown/binding-openharmony-arm64": "1.2.7",
+        "@rolldown/binding-win32-arm64-msvc": "1.2.7",
+        "@rolldown/binding-win32-x64-msvc": "1.2.7"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5667,6 +6335,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/siginfo": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
+      "integrity": "sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -5693,6 +6368,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/stackback": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/stackback/-/stackback-0.0.2.tgz",
+      "integrity": "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-4.2.0.tgz",
+      "integrity": "sha512-oCUKSupKTHX53EyjDtuZQ64pjLJ6yYCtpmEw0goYxtjG9KpbRe8KAsl2tBUGU9DyMcJ0RwJ8GqJAFzMXcXW1Rw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
@@ -5944,21 +6633,38 @@
         "node": ">=18"
       }
     },
+    "node_modules/tinybench": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tinycolor2": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
       "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
       "license": "MIT"
     },
+    "node_modules/tinyexec": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.3.1.tgz",
+      "integrity": "sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/tinyglobby": {
-      "version": "0.2.14",
-      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.14.tgz",
-      "integrity": "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==",
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fdir": "^6.4.4",
-        "picomatch": "^4.0.2"
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -5968,11 +6674,14 @@
       }
     },
     "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.4.5",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.5.tgz",
-      "integrity": "sha512-4BG7puHpVsIYxZUbiUE3RqGloLaSSwzYie5jvasC4LWuBWzZawynvYouhjbQKw2JuIGYdm0DzIxl8iVidKlUEw==",
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
       "dev": true,
       "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
       "peerDependencies": {
         "picomatch": "^3 || ^4"
       },
@@ -5983,9 +6692,9 @@
       }
     },
     "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
-      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5995,6 +6704,16 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/tinyrainbow": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-3.1.1.tgz",
+      "integrity": "sha512-yau8yJdTt989Mm0Bd/236QnzEiPf2xLLTqUZRUJOo/3CB078LSwzei343DgtJVmfJKJE3TMINY1u42SQsP6mXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6021,6 +6740,15 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/ts-deepmerge": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/ts-deepmerge/-/ts-deepmerge-8.0.0.tgz",
+      "integrity": "sha512-133O+10nJmVI8w5xeVZPEv5PIrv7iaUae07wv1aH8XJH95Ur6YIhWAPhPyP1YPlbPS9fCVcNIZTu7m8urRVF0A==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14.13.1"
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -6225,6 +6953,466 @@
       "integrity": "sha512-OZeJfZP+R0z9D6TmBgLq2LHzSSptGMGDGigGiEe0pr8UBe/7fdflgHlHBNDASTXB5jnFuxHpNaJywSg8YFeGng==",
       "license": "MIT"
     },
+    "node_modules/vitest": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.11.tgz",
+      "integrity": "sha512-fhACrNXUidIbGSBr5FlbuBkO7VWC1ZyLl0DO4CU2DrQoAPxX84Ysxs+HeGQpii5lZWV1Q4gBZTTu49mF+A6Edw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/expect": "4.1.11",
+        "@vitest/mocker": "4.1.11",
+        "@vitest/pretty-format": "4.1.11",
+        "@vitest/runner": "4.1.11",
+        "@vitest/snapshot": "4.1.11",
+        "@vitest/spy": "4.1.11",
+        "@vitest/utils": "4.1.11",
+        "es-module-lexer": "^2.0.0",
+        "expect-type": "^1.3.0",
+        "magic-string": "^0.30.21",
+        "obug": "^2.1.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "std-env": "^4.0.0-rc.1",
+        "tinybench": "^2.9.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tinyrainbow": "^3.1.0",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+        "why-is-node-running": "^2.3.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": "^20.0.0 || ^22.0.0 || >=24.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@opentelemetry/api": "^1.9.0",
+        "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0",
+        "@vitest/browser-playwright": "4.1.11",
+        "@vitest/browser-preview": "4.1.11",
+        "@vitest/browser-webdriverio": "4.1.11",
+        "@vitest/coverage-istanbul": "4.1.11",
+        "@vitest/coverage-v8": "4.1.11",
+        "@vitest/ui": "4.1.11",
+        "happy-dom": "*",
+        "jsdom": "*",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@vitest/browser-playwright": {
+          "optional": true
+        },
+        "@vitest/browser-preview": {
+          "optional": true
+        },
+        "@vitest/browser-webdriverio": {
+          "optional": true
+        },
+        "@vitest/coverage-istanbul": {
+          "optional": true
+        },
+        "@vitest/coverage-v8": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        },
+        "vite": {
+          "optional": false
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/@vitest/mocker": {
+      "version": "4.1.11",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-4.1.11.tgz",
+      "integrity": "sha512-2XJVD55d1o5AZous5CCGKS74g/riOj9odEt2bQpCVZeblHyHdnMeFl4jl0XjU21stf4mbjUkew2eXQZt65g5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "4.1.11",
+        "estree-walker": "^3.0.3",
+        "magic-string": "^0.30.21"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      },
+      "peerDependencies": {
+        "msw": "^2.4.9",
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "msw": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
+      "integrity": "sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.33.0",
+        "lightningcss-darwin-arm64": "1.33.0",
+        "lightningcss-darwin-x64": "1.33.0",
+        "lightningcss-freebsd-x64": "1.33.0",
+        "lightningcss-linux-arm-gnueabihf": "1.33.0",
+        "lightningcss-linux-arm64-gnu": "1.33.0",
+        "lightningcss-linux-arm64-musl": "1.33.0",
+        "lightningcss-linux-x64-gnu": "1.33.0",
+        "lightningcss-linux-x64-musl": "1.33.0",
+        "lightningcss-win32-arm64-msvc": "1.33.0",
+        "lightningcss-win32-x64-msvc": "1.33.0"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-darwin-arm64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.33.0.tgz",
+      "integrity": "sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-darwin-x64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.33.0.tgz",
+      "integrity": "sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-freebsd-x64": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.33.0.tgz",
+      "integrity": "sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.33.0.tgz",
+      "integrity": "sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.33.0.tgz",
+      "integrity": "sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.33.0.tgz",
+      "integrity": "sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.33.0.tgz",
+      "integrity": "sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.33.0.tgz",
+      "integrity": "sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.33.0.tgz",
+      "integrity": "sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.33.0.tgz",
+      "integrity": "sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/vitest/node_modules/picomatch": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.7.tgz",
+      "integrity": "sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/vitest/node_modules/vite": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.2.2.tgz",
+      "integrity": "sha512-cFKLV/PRgAUlIRm5WjMjJ86jrftzpqcgH+Us+DS8mI3CDNiH30Whrz8uHL3+MOLPAgqbMBAqWdAHAphOAM+z/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.33.0",
+        "picomatch": "^4.0.5",
+        "postcss": "^8.5.26",
+        "rolldown": "~1.2.4",
+        "tinyglobby": "^0.2.17"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.4.0 || ^0.5.0",
+        "esbuild": "^0.27.0 || ^0.28.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6330,6 +7518,23 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/why-is-node-running": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "siginfo": "^2.0.0",
+        "stackback": "0.0.2"
+      },
+      "bin": {
+        "why-is-node-running": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -6350,6 +7555,21 @@
         "node": ">=18"
       }
     },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 07df86b..16886ac 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "verify": "npm run privacy-check && npm run lint && npm run typecheck && npm run build"
   },
   "dependencies": {
+    "@contentauth/c2pa-web": "^0.14.4",
     "@types/diff": "^7.0.2",
     "@types/exif-js": "^2.3.1",
     "@types/papaparse": "^5.3.16",
@@ -20,16 +21,20 @@
     "@types/tinycolor2": "^1.4.6",
     "browser-image-compression": "^2.0.2",
     "diff": "^8.0.2",
+    "dompurify": "^3.4.14",
     "exif-js": "^2.3.0",
     "jszip": "^3.10.1",
     "next": "15.3.3",
     "papaparse": "^5.5.3",
+    "pdf-lib": "^1.17.1",
     "piexifjs": "^1.0.6",
+    "postcss-selector-parser": "^7.1.6",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-image-crop": "^11.0.10",
     "showdown": "^2.1.0",
-    "tinycolor2": "^1.6.0"
+    "tinycolor2": "^1.6.0",
+    "yaml": "^2.9.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -40,6 +45,7 @@
     "eslint": "^9",
     "eslint-config-next": "15.3.3",
     "tailwindcss": "^4",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^4.1.11"
   }
 }

From 264f20e5ebd52716f602d2d63c2ccca5dace3b4a Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:50:24 +0530
Subject: [PATCH 20/42] Finish core privacy and correctness hardening

---
 next.config.ts                              |   6 +-
 scripts/check-privacy.mjs                   |  14 +-
 src/app/css-specificity-calculator/page.tsx | 242 +----------
 src/app/data-anonymizer/page.tsx            | 307 +++-----------
 src/app/image-compressor/page.tsx           | 427 ++++----------------
 src/app/markdown-editor/page.tsx            |  19 +-
 src/app/regex-tester/page.tsx               |  62 ++-
 src/lib/css-specificity.ts                  |  59 +++
 src/lib/regex-worker.ts                     |  77 ++++
 9 files changed, 367 insertions(+), 846 deletions(-)
 create mode 100644 src/lib/css-specificity.ts
 create mode 100644 src/lib/regex-worker.ts

diff --git a/next.config.ts b/next.config.ts
index 83ebd42..ffac717 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -5,7 +5,8 @@ const contentSecurityPolicy = [
   "img-src 'self' data: blob:",
   "media-src 'self' data: blob:",
   "style-src 'self' 'unsafe-inline'",
-  "script-src 'self' 'unsafe-inline'",
+  "script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval'",
+  "worker-src 'self' blob:",
   "font-src 'self' data:",
   "connect-src 'self'",
   "object-src 'none'",
@@ -23,7 +24,8 @@ const nextConfig: NextConfig = {
         { key: 'Referrer-Policy', value: 'no-referrer' },
         { key: 'X-Content-Type-Options', value: 'nosniff' },
         { key: 'X-Frame-Options', value: 'DENY' },
-        { key: 'Permissions-Policy', value: 'camera=(self), microphone=(), geolocation=(), payment=(), usb=()' },
+        { key: 'Permissions-Policy', value: 'camera=(), microphone=(), geolocation=(), payment=(), usb=()' },
+        { key: 'Cross-Origin-Opener-Policy', value: 'same-origin' },
       ],
     }];
   },
diff --git a/scripts/check-privacy.mjs b/scripts/check-privacy.mjs
index ab45779..974fd99 100644
--- a/scripts/check-privacy.mjs
+++ b/scripts/check-privacy.mjs
@@ -1,8 +1,8 @@
 import { readdir, readFile } from 'node:fs/promises';
-import { fileURLToPath } from 'node:url';
 import { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
 
-const root = fileURLToPath(new URL('../src/app/', import.meta.url));
+const root = fileURLToPath(new URL('../src/', import.meta.url));
 const banned = [
   /\bfetch\s*\(/,
   /\bXMLHttpRequest\b/,
@@ -19,9 +19,7 @@ async function walk(path) {
       await walk(full);
       continue;
     }
-
     if (!/\.(ts|tsx|js|jsx)$/.test(entry.name)) continue;
-
     const text = await readFile(full, 'utf8');
     for (const rule of banned) {
       if (rule.test(text)) violations.push(`${full}: ${rule}`);
@@ -30,12 +28,8 @@ async function walk(path) {
 }
 
 await walk(root);
-
 if (violations.length) {
-  console.error(
-    'Privacy check failed. Tool code contains network-capable APIs:\n' + violations.join('\n')
-  );
+  console.error('Privacy check failed. Source code contains network-capable APIs:\n' + violations.join('\n'));
   process.exit(1);
 }
-
-console.log('Privacy check passed: no network APIs found in src/app tool code.');
+console.log('Privacy check passed: no direct network APIs found in src/.');
diff --git a/src/app/css-specificity-calculator/page.tsx b/src/app/css-specificity-calculator/page.tsx
index 0472916..91ec248 100644
--- a/src/app/css-specificity-calculator/page.tsx
+++ b/src/app/css-specificity-calculator/page.tsx
@@ -1,230 +1,20 @@
-// src/app/css-specificity-calculator/page.tsx
 'use client';
-
-import React, { useState, useMemo } from 'react';
-import Link from 'next/link';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-// Define the structure for the specificity breakdown
-interface SpecificityBreakdown {
-  ids: string[];
-  classes: string[];
-  attributes: string[];
-  pseudoClasses: string[];
-  elements: string[];
-  pseudoElements: string[];
-}
-
-// The main calculation logic
-const calculateSpecificity = (selector: string): SpecificityBreakdown => {
-  if (!selector) {
-    return { ids: [], classes: [], attributes: [], pseudoClasses: [], elements: [], pseudoElements: [] };
-  }
-
-  let tempSelector = selector;
-
-  // Order of extraction matters to avoid double counting (e.g., pseudo-elements vs pseudo-classes)
-  const pseudoElements = tempSelector.match(/::[\w-]+/g) || [];
-  tempSelector = tempSelector.replace(/::[\w-]+/g, '');
-
-  const pseudoClasses = tempSelector.match(/:[\w-]+\(.*\)|:[\w-]+/g) || [];
-  tempSelector = tempSelector.replace(/:[\w-]+\(.*\)|:[\w-]+/g, '');
-
-  const ids = tempSelector.match(/#[\w-]+/g) || [];
-  tempSelector = tempSelector.replace(/#[\w-]+/g, '');
-
-  const classes = tempSelector.match(/\.[\w-]+/g) || [];
-  tempSelector = tempSelector.replace(/\.[\w-]+/g, '');
-
-  const attributes = tempSelector.match(/\[.*?\]/g) || [];
-  tempSelector = tempSelector.replace(/\[.*?\]/g, '');
-
-  // Clean up remaining characters to find element tags
-  tempSelector = tempSelector
-    .replace(/[\s+>~*]+/g, ' ')
-    .replace(/,/g, ' ')
-    .trim();
-  const elements = tempSelector.split(' ').filter((el) => el && el !== '*');
-
-  return { ids, classes, attributes, pseudoClasses, elements, pseudoElements };
-};
-
-// =================================================================
-// START: NEW Explanation Generator Logic
-// =================================================================
-const generateExplanation = (selector: string): string => {
-  if (!selector.trim()) {
-    return 'No selector provided.';
-  }
-
-  // Split selector by commas for grouped selectors
-  const selectors = selector.split(',').map((s) => s.trim());
-
-  const explanations = selectors.map((s) => {
-    // This regex splits the selector by combinators, keeping the combinators
-    const parts = s.split(/(\s*[>+~]\s*|\s+)/).filter((p) => p.trim());
-
-    if (parts.length === 0) return '';
-
-    let sentence = 'Selects ';
-
-    const describePart = (part: string) => {
-      let description = '';
-      const elementMatch = part.match(/^[\w-]+/);
-      const idMatch = part.match(/#([\w-]+)/);
-      const classMatch = part.match(/\.[\w-]+/g);
-      const attrMatch = part.match(/\[.*?\]/g);
-      const pseudoClassMatch = part.match(/:[\w-]+\(.*\)|:[\w-]+/g);
-      const pseudoElementMatch = part.match(/::[\w-]+/g);
-
-      description += elementMatch ? `any <${elementMatch[0]}> element` : 'any element';
-      if (idMatch) description += ` with the ID "${idMatch[0]}"`;
-      if (classMatch) description += ` with the class(es) ${classMatch.join(', ')}`;
-      if (attrMatch) description += ` with the attribute(s) ${attrMatch.join(', ')}`;
-      if (pseudoClassMatch) description += ` that is ${pseudoClassMatch.join(' and ')}`;
-      if (pseudoElementMatch) sentence += ` and targets its ${pseudoElementMatch.join(', ')} pseudo-element`;
-
-      return description;
-    };
-
-    sentence += describePart(parts[0]);
-
-    for (let i = 1; i < parts.length; i++) {
-      const part = parts[i].trim();
-      if (['>', '+', '~'].includes(part) || part === '') {
-        switch (part) {
-          case '>':
-            sentence += ', that is a direct child of';
-            break;
-          case '+':
-            sentence += ', that is the next sibling of';
-            break;
-          case '~':
-            sentence += ', that is a sibling of';
-            break;
-          default:
-            sentence += ', within';
-            break; // Space combinator
-        }
-        // The next part is the parent/sibling element
-        if (parts[i + 1]) {
-          sentence += ` ${describePart(parts[i + 1])}`;
-          i++; // Skip the next part as it's been described
-        }
-      }
-    }
-
-    return sentence.trim() + '.';
-  });
-
-  return explanations.join('\n');
-};
-// =================================================================
-// END: NEW Explanation Generator Logic
-// =================================================================
-
-const BreakdownCategory = ({ title, items }: { title: string; items: string[] }) => {
-  if (items.length === 0) return null;
-  return (
-    <div>
-      <h4 className='font-semibold text-slate-700'>
-        {title} ({items.length})
-      </h4>
-      <div className='flex flex-wrap gap-1 mt-1'>
-        {items.map((item, index) => (
-          <code key={index} className='px-2 py-1 text-xs bg-slate-200 text-slate-800 rounded'>
-            {item}
-          </code>
-        ))}
-      </div>
-    </div>
-  );
-};
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { calculateSpecificity, specificityLabel } from '@/lib/css-specificity';
 
 export default function CssSpecificityCalculatorPage() {
-  const [selector, setSelector] = useState('nav#main-nav > ul.menu > li.menu-item a:hover::before');
-
-  const breakdown = useMemo(() => calculateSpecificity(selector), [selector]);
-  const explanation = useMemo(() => generateExplanation(selector), [selector]);
-
-  const idScore = breakdown.ids.length;
-  const classScore = breakdown.classes.length + breakdown.attributes.length + breakdown.pseudoClasses.length;
-  const elementScore = breakdown.elements.length + breakdown.pseudoElements.length;
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>CSS Specificity Calculator</h1>
-          <p className='text-lg text-slate-600 mt-1'>
-            Enter a CSS selector to calculate and understand its specificity.
-          </p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-4xl mx-auto'>
-          {/* Input */}
-          <div>
-            <label htmlFor='selector-input' className='block text-sm font-medium text-slate-700'>
-              CSS Selector
-            </label>
-            <input
-              id='selector-input'
-              type='text'
-              value={selector}
-              onChange={(e) => setSelector(e.target.value)}
-              className='mt-1 block w-full p-3 border border-slate-300 rounded-md shadow-sm font-mono text-lg focus:ring-2 focus:ring-sky-500'
-              placeholder='e.g., #id .class[attr]:hover'
-            />
-          </div>
-
-          {/* Score Display */}
-          <div className='mt-6 grid grid-cols-3 gap-4 text-center'>
-            <div className='bg-red-50 p-4 rounded-lg'>
-              <p className='text-sm font-bold text-red-700'>IDs</p>
-              <p className='text-4xl font-mono font-bold text-red-600'>{idScore}</p>
-            </div>
-            <div className='bg-blue-50 p-4 rounded-lg'>
-              <p className='text-sm font-bold text-blue-700'>Classes, Attributes, Pseudo-classes</p>
-              <p className='text-4xl font-mono font-bold text-blue-600'>{classScore}</p>
-            </div>
-            <div className='bg-green-50 p-4 rounded-lg'>
-              <p className='text-sm font-bold text-green-700'>Elements, Pseudo-elements</p>
-              <p className='text-4xl font-mono font-bold text-green-600'>{elementScore}</p>
-            </div>
-          </div>
-
-          {/* START: New Explanation Display */}
-          <div className='mt-6 pt-6 border-t'>
-            <h3 className='text-xl font-semibold text-slate-800 mb-2'>Explanation</h3>
-            <p className='p-4 bg-slate-50 text-slate-800 rounded-lg italic whitespace-pre-wrap'>{explanation}</p>
-          </div>
-          {/* END: New Explanation Display */}
-
-          {/* Breakdown Display */}
-          <div className='mt-6 pt-6 border-t'>
-            <h3 className='text-xl font-semibold text-slate-800 mb-4'>Breakdown</h3>
-            <div className='space-y-4'>
-              <BreakdownCategory title='IDs' items={breakdown.ids} />
-              <BreakdownCategory title='Classes' items={breakdown.classes} />
-              <BreakdownCategory title='Attributes' items={breakdown.attributes} />
-              <BreakdownCategory title='Pseudo-classes' items={breakdown.pseudoClasses} />
-              <BreakdownCategory title='Elements' items={breakdown.elements} />
-              <BreakdownCategory title='Pseudo-elements' items={breakdown.pseudoElements} />
-            </div>
-          </div>
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
+  const [selector, setSelector] = useState('article:where(.card) :is(#title, .heading) > a:hover::before');
+  const result = useMemo(() => {
+    try { return { rows: calculateSpecificity(selector), error: '' }; }
+    catch (err) { return { rows: [], error: (err as Error).message }; }
+  }, [selector]);
+
+  return <LocalToolLayout title='CSS Specificity Calculator' description='Calculate selector specificity with an AST-based parser, including the special rules for :where(), :is(), :not() and :has().'>
+    <section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'>
+      <label htmlFor='selector' className='font-semibold'>CSS selector</label><textarea id='selector' value={selector} onChange={e => setSelector(e.target.value)} className='mt-2 h-28 w-full rounded border p-3 font-mono'/>
+      {result.error ? <p className='mt-4 rounded bg-red-50 p-3 text-red-700'>{result.error}</p> : <div className='mt-6 space-y-4'>{result.rows.map((row, index) => <div key={`${row.selector}-${index}`} className='rounded-lg border p-4'><div className='flex flex-wrap items-center justify-between gap-3'><code className='break-all text-sm'>{row.selector}</code><strong className='rounded-full bg-sky-50 px-3 py-1 font-mono text-sky-700'>{specificityLabel(row.specificity)}</strong></div><div className='mt-3 grid grid-cols-3 gap-2 text-center text-sm'><div className='rounded bg-red-50 p-2'><strong>{row.specificity[0]}</strong><div>IDs</div></div><div className='rounded bg-sky-50 p-2'><strong>{row.specificity[1]}</strong><div>Classes / attributes / pseudo-classes</div></div><div className='rounded bg-emerald-50 p-2'><strong>{row.specificity[2]}</strong><div>Elements / pseudo-elements</div></div></div></div>)}</div>}
+      <div className='mt-6 rounded-lg bg-slate-50 p-4 text-sm text-slate-600'><strong>Modern selector rules:</strong> `:where()` contributes zero specificity. `:is()`, `:not()` and `:has()` contribute the highest specificity of their selector-list arguments rather than adding a pseudo-class point themselves.</div>
+    </section>
+  </LocalToolLayout>;
 }
diff --git a/src/app/data-anonymizer/page.tsx b/src/app/data-anonymizer/page.tsx
index ca766f5..3d633bd 100644
--- a/src/app/data-anonymizer/page.tsx
+++ b/src/app/data-anonymizer/page.tsx
@@ -1,250 +1,75 @@
-// src/app/data-anonymizer/page.tsx
 'use client';
+import { useEffect, useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { runRegexReplace } from '@/lib/regex-worker';
+
+const SAMPLE_TEXT = `From: user@example.com\nUser 550e8400-e29b-41d4-a716-446655440000 with IP 192.168.1.1 accessed the server.\nDevice: 00:1A:2B:3C:4D:5E\nFor support, call +1 (555) 123-4567.\nCard: 4111 1111 1111 1111\nProject ID: PROJ-12345`;
+
+const RULES = {
+  email: { label: 'Email addresses', regex: /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g, replacement: '[REDACTED_EMAIL]' },
+  phone: { label: 'Phone numbers (common NANP formats)', regex: /(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}/g, replacement: '[REDACTED_PHONE]' },
+  ipv4: { label: 'IPv4 addresses', regex: /(?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d)/g, replacement: '[REDACTED_IP]' },
+  uuid: { label: 'UUIDs', regex: /\b[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}\b/gi, replacement: '[REDACTED_UUID]' },
+  mac: { label: 'MAC addresses', regex: /\b(?:[0-9A-F]{2}[:-]){5}[0-9A-F]{2}\b/gi, replacement: '[REDACTED_MAC]' },
+} as const;
+type RuleKey = keyof typeof RULES;
+
+function luhn(value: string) {
+  const digits = value.replace(/\D/g, '');
+  if (digits.length < 13 || digits.length > 19) return false;
+  let sum = 0; let double = false;
+  for (let i = digits.length - 1; i >= 0; i--) { let n = Number(digits[i]); if (double) { n *= 2; if (n > 9) n -= 9; } sum += n; double = !double; }
+  return sum % 10 === 0;
+}
 
-import React, { useState, useMemo } from 'react';
-import Link from 'next/link';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
-
-const SAMPLE_TEXT = `From: user@example.com
-To: another.user@gmail.com
-Date: 2025-06-07
-Log Entry:
-User with IP 192.168.1.1 accessed the server.
-Later, 10.0.0.2 made a request.
-For support, call +1 (555) 123-4567.
-My card number is 4444-5555-6666-7777.
-Project ID: PROJ-12345`;
-
-// Define the types of data we can scrub
-const SCRUBBER_RULES = {
-  email: {
-    label: 'Email Addresses',
-    regex: /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g,
-    replacement: '[REDACTED_EMAIL]',
-  },
-  phone: {
-    label: 'Phone Numbers',
-    regex: /(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}/g,
-    replacement: '[REDACTED_PHONE]',
-  },
-  ipv4: {
-    label: 'IPv4 Addresses',
-    regex: /(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)/g,
-    replacement: '[REDACTED_IP]',
-  },
-  creditCard: {
-    label: 'Credit Card Numbers',
-    regex: /\b(?:\d[ -]*?){13,16}\b/g,
-    replacement: '[REDACTED_CREDIT_CARD]',
-  },
-};
+function applyStandard(input: string, active: Record<RuleKey, boolean>, cards: boolean) {
+  let output = input;
+  (Object.keys(RULES) as RuleKey[]).forEach((key) => { if (active[key]) output = output.replace(RULES[key].regex, RULES[key].replacement); });
+  if (cards) output = output.replace(/\b(?:\d[ -]*?){13,19}\b/g, match => luhn(match) ? '[REDACTED_PAYMENT_CARD]' : match);
+  return output;
+}
 
-type ScrubRuleKey = keyof typeof SCRUBBER_RULES;
+function parseCustom(value: string) {
+  if (value.startsWith('/') && value.lastIndexOf('/') > 0) {
+    const end = value.lastIndexOf('/');
+    return { pattern: value.slice(1, end), flags: `g${value.slice(end + 1).replace(/g/g, '')}` };
+  }
+  return { pattern: value, flags: 'g' };
+}
 
 export default function DataAnonymizerPage() {
-  const [inputText, setInputText] = useState(SAMPLE_TEXT);
-  const [copySuccess, setCopySuccess] = useState('');
-  const [activeRules, setActiveRules] = useState<Record<ScrubRuleKey, boolean>>({
-    email: true,
-    phone: true,
-    ipv4: true,
-    creditCard: true,
-  });
-
-  const [useCustomRule, setUseCustomRule] = useState(true);
-  const [customFindText, setCustomFindText] = useState('PROJ-\\d+');
-  const [customReplaceText, setCustomReplaceText] = useState('[PROJECT_ID]');
-
-  const outputText = useMemo(() => {
-    let textToScrub = inputText;
-
-    // 1. Apply standard rules first
-    (Object.keys(SCRUBBER_RULES) as ScrubRuleKey[]).forEach((key) => {
-      if (activeRules[key]) {
-        const rule = SCRUBBER_RULES[key];
-        textToScrub = textToScrub.replace(rule.regex, rule.replacement);
-      }
-    });
-
-    // 2. Apply custom rule if enabled
-    if (useCustomRule && customFindText) {
+  const [input, setInput] = useState(SAMPLE_TEXT);
+  const [active, setActive] = useState<Record<RuleKey, boolean>>({ email: true, phone: true, ipv4: true, uuid: true, mac: true });
+  const [cards, setCards] = useState(true);
+  const [customEnabled, setCustomEnabled] = useState(true);
+  const [customFind, setCustomFind] = useState('PROJ-\\d+');
+  const [customReplace, setCustomReplace] = useState('[PROJECT_ID]');
+  const [output, setOutput] = useState('');
+  const [customError, setCustomError] = useState('');
+  const baseOutput = useMemo(() => applyStandard(input, active, cards), [input, active, cards]);
+
+  useEffect(() => {
+    let cancelled = false;
+    if (!customEnabled || !customFind) { setOutput(baseOutput); setCustomError(''); return; }
+    const timer = window.setTimeout(async () => {
       try {
-        let pattern = customFindText;
-        let flags = 'g'; // Default to global replace
-
-        if (pattern.startsWith('/') && pattern.lastIndexOf('/') > 0) {
-          const lastSlash = pattern.lastIndexOf('/');
-          const providedFlags = pattern.substring(lastSlash + 1);
-          pattern = pattern.substring(1, lastSlash);
-          flags = 'g' + providedFlags.replace('g', '');
-        }
-
-        // --- START: FIX FOR CUSTOM RULE ---
-        // Strip start/end anchors to allow validation patterns to be used for finding.
-        if (flags.includes('g')) {
-          if (pattern.startsWith('^')) {
-            pattern = pattern.substring(1);
-          }
-          if (pattern.endsWith('$') && !pattern.endsWith('\\$')) {
-            pattern = pattern.slice(0, -1);
-          }
-        }
-        // --- END: FIX FOR CUSTOM RULE ---
-
-        const customRegex = new RegExp(pattern, flags);
-        textToScrub = textToScrub.replace(customRegex, customReplaceText);
-      } catch (e) {
-        // Ignore invalid regex in custom rule, or show an error
-        console.error('Invalid custom regex:', e);
+        const { pattern, flags } = parseCustom(customFind);
+        const result = await runRegexReplace(pattern, flags, baseOutput, customReplace);
+        if (!cancelled) { setOutput(result); setCustomError(''); }
+      } catch (err) {
+        if (!cancelled) { setOutput(baseOutput); setCustomError((err as Error).message); }
       }
-    }
-
-    return textToScrub;
-  }, [inputText, activeRules, useCustomRule, customFindText, customReplaceText]);
-
-  const handleRuleChange = (key: ScrubRuleKey) => {
-    setActiveRules((prev) => ({ ...prev, [key]: !prev[key] }));
-  };
-
-  const handleCopy = () => {
-    if (!outputText) return;
-    navigator.clipboard.writeText(outputText).then(() => {
-      setCopySuccess('Output copied to clipboard!');
-      setTimeout(() => setCopySuccess(''), 2000);
-    });
-  };
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Data Anonymizer</h1>
-          <p className='text-lg text-slate-600 mt-1'>
-            Find and scrub sensitive information from your text before sharing.
-          </p>
-        </header>
-
-        <section className='grid grid-cols-1 md:grid-cols-2 gap-4 max-w-7xl mx-auto'>
-          {/* Input Area */}
-          <div className='flex flex-col'>
-            <h2 className='font-semibold text-slate-700 bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              Original Text
-            </h2>
-            <textarea
-              value={inputText}
-              onChange={(e) => setInputText(e.target.value)}
-              className='w-full h-80 p-4 border border-slate-300 rounded-b-lg font-mono focus:ring-2 focus:ring-sky-500 resize-none'
-              placeholder='Paste your text with sensitive data here...'
-            />
-          </div>
-          {/* Output Area */}
-          <div className='flex flex-col'>
-            <div className='flex-shrink-0 flex justify-between items-center bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              <h2 className='font-semibold text-slate-700'>Scrubbed Text</h2>
-              <button
-                onClick={handleCopy}
-                disabled={!outputText}
-                className='px-3 py-1 text-xs font-medium text-slate-600 bg-white rounded-md border border-slate-300 hover:bg-slate-50 disabled:opacity-50'>
-                Copy
-              </button>
-            </div>
-            <textarea
-              readOnly
-              value={outputText}
-              className='w-full h-80 p-4 border border-slate-300 rounded-b-lg font-mono bg-slate-50 resize-none'
-            />
-            {copySuccess && <p className='text-right text-xs text-green-600 mt-1'>{copySuccess}</p>}
-          </div>
-        </section>
-
-        {/* Controls */}
-        <section className='bg-white p-6 rounded-lg shadow-xl max-w-4xl mx-auto mt-6'>
-          <h3 className='text-lg font-semibold text-slate-800 mb-3'>Scrubbing Rules</h3>
-          <div className='grid grid-cols-2 sm:grid-cols-4 gap-4'>
-            {(Object.keys(SCRUBBER_RULES) as ScrubRuleKey[]).map((key) => {
-              const rule = SCRUBBER_RULES[key];
-              return (
-                <div key={key} className='relative flex items-start'>
-                  <div className='flex h-6 items-center'>
-                    <input
-                      id={key}
-                      checked={activeRules[key]}
-                      onChange={() => handleRuleChange(key)}
-                      type='checkbox'
-                      className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500'
-                    />
-                  </div>
-                  <div className='ml-3 text-sm leading-6'>
-                    <label htmlFor={key} className='font-medium text-gray-900'>
-                      {rule.label}
-                    </label>
-                  </div>
-                </div>
-              );
-            })}
-          </div>
-
-          {/* --- START: Custom Rule Section --- */}
-          <div className='mt-6 pt-4 border-t'>
-            <div className='relative flex items-start mb-4'>
-              <div className='flex h-6 items-center'>
-                <input
-                  id='custom-rule-checkbox'
-                  checked={useCustomRule}
-                  onChange={(e) => setUseCustomRule(e.target.checked)}
-                  type='checkbox'
-                  className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500'
-                />
-              </div>
-              <div className='ml-3 text-sm leading-6'>
-                <label htmlFor='custom-rule-checkbox' className='font-medium text-gray-900'>
-                  Custom Rule
-                </label>
-              </div>
-            </div>
-            <div className={`grid grid-cols-1 sm:grid-cols-2 gap-4 ${!useCustomRule ? 'opacity-50' : ''}`}>
-              <div>
-                <label htmlFor='custom-find' className='block text-sm font-medium text-slate-700'>
-                  Find (Text or /Regex/)
-                </label>
-                <input
-                  type='text'
-                  id='custom-find'
-                  value={customFindText}
-                  onChange={(e) => setCustomFindText(e.target.value)}
-                  disabled={!useCustomRule}
-                  className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 disabled:cursor-not-allowed'
-                />
-              </div>
-              <div>
-                <label htmlFor='custom-replace' className='block text-sm font-medium text-slate-700'>
-                  Replace with
-                </label>
-                <input
-                  type='text'
-                  id='custom-replace'
-                  value={customReplaceText}
-                  onChange={(e) => setCustomReplaceText(e.target.value)}
-                  disabled={!useCustomRule}
-                  className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500 disabled:cursor-not-allowed'
-                />
-              </div>
-            </div>
-          </div>
-          {/* --- END: Custom Rule Section --- */}
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
+    }, 120);
+    return () => { cancelled = true; window.clearTimeout(timer); };
+  }, [baseOutput, customEnabled, customFind, customReplace]);
+
+  return <LocalToolLayout title='Data Anonymizer' description='Redact common sensitive-looking values before sharing text. Detection is local and intentionally described as best-effort, not complete PII discovery.'>
+    <div className='mx-auto max-w-7xl space-y-6'>
+      <div className='grid gap-4 md:grid-cols-2'><label className='font-semibold'>Original text<textarea value={input} onChange={e => setInput(e.target.value)} className='mt-2 h-80 w-full rounded border p-4 font-mono'/></label><label className='font-semibold'>Scrubbed text<textarea readOnly value={output} className='mt-2 h-80 w-full rounded border bg-slate-50 p-4 font-mono'/></label></div>
+      <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-lg font-semibold'>Detection presets</h2><div className='mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3'>{(Object.keys(RULES) as RuleKey[]).map(key => <label key={key} className='flex items-start gap-2 text-sm'><input type='checkbox' checked={active[key]} onChange={() => setActive(prev => ({ ...prev, [key]: !prev[key] }))}/><span>{RULES[key].label}</span></label>)}<label className='flex items-start gap-2 text-sm'><input type='checkbox' checked={cards} onChange={e => setCards(e.target.checked)}/><span>Payment-card-like numbers (Luhn-valid only)</span></label></div>
+        <div className='mt-6 border-t pt-5'><label className='flex gap-2 font-medium'><input type='checkbox' checked={customEnabled} onChange={e => setCustomEnabled(e.target.checked)}/>Custom regex rule</label><div className='mt-3 grid gap-3 sm:grid-cols-2'><input aria-label='Custom regex' disabled={!customEnabled} value={customFind} onChange={e => setCustomFind(e.target.value)} className='rounded border p-2 font-mono'/><input aria-label='Custom replacement' disabled={!customEnabled} value={customReplace} onChange={e => setCustomReplace(e.target.value)} className='rounded border p-2 font-mono'/></div>{customError && <p className='mt-2 text-sm text-red-600' aria-live='polite'>{customError}</p>}</div>
+        <div className='mt-5 flex flex-wrap gap-3'><button onClick={() => navigator.clipboard.writeText(output)} className='rounded bg-slate-800 px-4 py-2 text-white'>Copy scrubbed text</button></div><p className='mt-4 text-xs text-slate-500'>False positives and false negatives are possible. Review the result before relying on it.</p>
+      </section>
     </div>
-  );
+  </LocalToolLayout>;
 }
diff --git a/src/app/image-compressor/page.tsx b/src/app/image-compressor/page.tsx
index df94554..ca15c51 100644
--- a/src/app/image-compressor/page.tsx
+++ b/src/app/image-compressor/page.tsx
@@ -1,373 +1,88 @@
-// src/app/image-compressor/page.tsx
 'use client';
-
-import React, { useState, ChangeEvent, DragEvent, useRef } from 'react';
-import Link from 'next/link';
+import { ChangeEvent, DragEvent, useEffect, useRef, useState } from 'react';
 import Image from 'next/image';
 import imageCompression from 'browser-image-compression';
 import JSZip from 'jszip';
-import Navbar from '@/components/Navbar';
-import Footer from '@/components/Footer';
-import Breadcrumbs from '@/components/Breadcrumbs';
+import LocalToolLayout from '@/components/LocalToolLayout';
 
-// Define the structure for each image being processed
-interface ImageFileState {
-  id: string;
-  file: File;
-  previewUrl: string;
-  status: 'pending' | 'compressing' | 'done' | 'error';
-  progress: number;
-  originalSize: number;
-  compressedSize?: number;
-  compressedFile?: File;
-  width: number;
-  height: number;
+interface ImageItem {
+  id: string; file: File; previewUrl: string; status: 'pending'|'compressing'|'done'|'error'; progress: number;
+  originalSize: number; compressedSize?: number; compressedFile?: File; width: number; height: number;
 }
-
-// A component to display each image card with its progress and actions
-const ImageCard = ({
-  image,
-  onRemove,
-  onDownload,
-}: {
-  image: ImageFileState;
-  onRemove: (id: string) => void;
-  onDownload: (image: ImageFileState) => void;
-}) => {
-  return (
-    <div className='relative bg-white border rounded-lg shadow-sm overflow-hidden text-center'>
-      <button
-        onClick={() => onRemove(image.id)}
-        className='absolute top-1.5 right-1.5 z-10 w-6 h-6 bg-black/50 text-white rounded-full flex items-center justify-center text-lg font-bold hover:bg-black/75 transition-colors leading-none'
-        title='Remove from list'>
-        &times;
-      </button>
-      <div className='w-full h-32 bg-slate-100 flex items-center justify-center'>
-        <Image
-          src={image.previewUrl}
-          alt={`Preview of ${image.file.name}`}
-          width={image.width}
-          height={image.height}
-          className='max-h-full max-w-full object-contain'
-        />
-      </div>
-      <div className='p-3'>
-        <p className='text-xs font-semibold text-slate-700 truncate' title={image.file.name}>
-          {image.file.name}
-        </p>
-
-        {image.status === 'pending' && (
-          <p className='text-xs text-slate-500 mt-1'>{(image.originalSize / 1024).toFixed(1)} KB</p>
-        )}
-
-        {image.status === 'compressing' && (
-          <div className='mt-2'>
-            <div className='w-full bg-slate-200 rounded-full h-2.5'>
-              <div
-                className='bg-sky-600 h-2.5 rounded-full transition-all duration-150'
-                style={{ width: `${image.progress}%` }}></div>
-            </div>
-            <p className='text-xs text-sky-700 mt-1'>{image.progress}%</p>
-          </div>
-        )}
-
-        {image.status === 'done' && image.compressedSize !== undefined && (
-          <div className='mt-2 text-xs'>
-            <p className='text-slate-500'>
-              <del>{(image.originalSize / 1024).toFixed(1)} KB</del>
-            </p>
-            <p className='font-bold text-green-600'>{(image.compressedSize / 1024).toFixed(1)} KB</p>
-            <p className='text-green-700'>
-              Saved {Math.max(0, (1 - image.compressedSize / image.originalSize) * 100).toFixed(1)}%
-            </p>
-            <button
-              onClick={() => onDownload(image)}
-              className='mt-2 w-full px-3 py-1.5 bg-green-500 text-white text-xs font-semibold rounded-md hover:bg-green-600'>
-              Download
-            </button>
-          </div>
-        )}
-
-        {image.status === 'error' && <div className='mt-2 text-xs text-red-600 font-semibold'>Failed</div>}
-      </div>
+const MAX_FILES = 25;
+const MAX_TOTAL_BYTES = 150 * 1024 * 1024;
+const BATCH_SIZE = 3;
+const release = (items: ImageItem[]) => items.forEach(item => URL.revokeObjectURL(item.previewUrl));
+
+function ImageCard({ item, onRemove, onDownload }: { item: ImageItem; onRemove: (id: string) => void; onDownload: (item: ImageItem) => void }) {
+  return <article className='relative overflow-hidden rounded-lg border bg-white shadow-sm'>
+    <button onClick={() => onRemove(item.id)} aria-label={`Remove ${item.file.name}`} className='absolute right-1.5 top-1.5 z-10 flex h-7 w-7 items-center justify-center rounded-full bg-black/60 text-lg font-bold text-white hover:bg-black/80'>&times;</button>
+    <div className='flex h-32 items-center justify-center bg-slate-100'><Image unoptimized src={item.previewUrl} alt={`Preview of ${item.file.name}`} width={item.width} height={item.height} className='max-h-full max-w-full object-contain'/></div>
+    <div className='p-3 text-center'><p className='truncate text-xs font-semibold text-slate-700' title={item.file.name}>{item.file.name}</p><p className='mt-1 text-xs text-slate-500'>{(item.originalSize / 1024).toFixed(1)} KB</p>
+      {item.status === 'compressing' && <div className='mt-2'><div role='progressbar' aria-valuemin={0} aria-valuemax={100} aria-valuenow={item.progress} aria-label={`Compression progress for ${item.file.name}`} className='h-2.5 w-full rounded-full bg-slate-200'><div className='h-2.5 rounded-full bg-sky-600 transition-all' style={{ width: `${item.progress}%` }}/></div><p className='mt-1 text-xs text-sky-700'>{item.progress}%</p></div>}
+      {item.status === 'done' && item.compressedSize !== undefined && <div className='mt-2 text-xs'><p className='font-bold text-emerald-700'>{(item.compressedSize / 1024).toFixed(1)} KB</p><p className='text-emerald-700'>Saved {Math.max(0, (1 - item.compressedSize / item.originalSize) * 100).toFixed(1)}%</p><button onClick={() => onDownload(item)} className='mt-2 w-full rounded bg-emerald-600 px-3 py-1.5 font-semibold text-white hover:bg-emerald-700'>Download</button></div>}
+      {item.status === 'error' && <p className='mt-2 text-xs font-semibold text-red-600'>Failed</p>}
     </div>
-  );
-};
+  </article>;
+}
 
 export default function ImageCompressorPage() {
-  const [images, setImages] = useState<ImageFileState[]>([]);
-  const [isCompressing, setIsCompressing] = useState(false);
-  const [isDownloading, setIsDownloading] = useState(false);
-  const [isDragging, setIsDragging] = useState(false);
-  const fileInputRef = useRef<HTMLInputElement>(null);
-
-  const handleFiles = (files: FileList | null) => {
+  const [images, setImages] = useState<ImageItem[]>([]);
+  const [busy, setBusy] = useState(false);
+  const [downloading, setDownloading] = useState(false);
+  const [dragging, setDragging] = useState(false);
+  const [message, setMessage] = useState('');
+  const inputRef = useRef<HTMLInputElement>(null);
+  const imagesRef = useRef<ImageItem[]>([]);
+  useEffect(() => { imagesRef.current = images; }, [images]);
+  useEffect(() => () => release(imagesRef.current), []);
+
+  const clearAll = () => { release(imagesRef.current); setImages([]); setMessage(''); };
+
+  const handleFiles = async (files: FileList | null) => {
     if (!files) return;
-
-    const newImageFilesPromises: Promise<ImageFileState>[] = Array.from(files)
-      .filter((file) => file.type.startsWith('image/'))
-      .map((file, index) => {
-        return new Promise((resolve) => {
-          const previewUrl = URL.createObjectURL(file);
-          const img = document.createElement('img');
-          img.onload = () => {
-            resolve({
-              id: `${file.name}-${file.lastModified}-${index}`,
-              file,
-              previewUrl,
-              status: 'pending',
-              progress: 0,
-              originalSize: file.size,
-              width: img.naturalWidth,
-              height: img.naturalHeight,
-            });
-            // No need to revoke previewUrl here, as it's used by the <Image> component
-          };
-          img.src = previewUrl;
-        });
-      });
-
-    Promise.all(newImageFilesPromises).then((newImageFiles) => {
-      setImages((prev) => [...prev, ...newImageFiles]);
-    });
-  };
-
-  const handleStartCompression = async () => {
-    setIsCompressing(true);
-
-    const BATCH_SIZE = 3; // Process 3 images concurrently
-    const pendingImages = images.filter((img) => img.status === 'pending');
-
-    for (let i = 0; i < pendingImages.length; i += BATCH_SIZE) {
-      const batch = pendingImages.slice(i, i + BATCH_SIZE);
-      await Promise.all(batch.map((imageToCompress) => compressSingleImage(imageToCompress)));
+    const selected = Array.from(files).filter(file => file.type.startsWith('image/'));
+    if (imagesRef.current.length + selected.length > MAX_FILES) { setMessage(`Keep each batch to ${MAX_FILES} images or fewer.`); return; }
+    const total = imagesRef.current.reduce((sum, item) => sum + item.file.size, 0) + selected.reduce((sum, file) => sum + file.size, 0);
+    if (total > MAX_TOTAL_BYTES) { setMessage('This batch is over 150 MB. Split it into smaller batches to avoid exhausting browser memory.'); return; }
+    setMessage('');
+    const additions: ImageItem[] = [];
+    for (const file of selected) {
+      const previewUrl = URL.createObjectURL(file);
+      try {
+        const dimensions = await new Promise<{ width: number; height: number }>((resolve, reject) => { const img = document.createElement('img'); img.onload = () => resolve({ width: img.naturalWidth, height: img.naturalHeight }); img.onerror = () => reject(new Error('Image could not be decoded.')); img.src = previewUrl; });
+        additions.push({ id: crypto.randomUUID(), file, previewUrl, status: 'pending', progress: 0, originalSize: file.size, ...dimensions });
+      } catch { URL.revokeObjectURL(previewUrl); }
     }
-
-    setIsCompressing(false);
+    setImages(prev => [...prev, ...additions]);
   };
 
-  const compressSingleImage = async (imageState: ImageFileState) => {
-    setImages((prev) => prev.map((img) => (img.id === imageState.id ? { ...img, status: 'compressing' } : img)));
-
+  const compressOne = async (target: ImageItem) => {
+    setImages(prev => prev.map(item => item.id === target.id ? { ...item, status: 'compressing' } : item));
     try {
-      const options = {
-        maxSizeMB: 1,
-        maxWidthOrHeight: 1920,
-        useWebWorker: true,
-        onProgress: (p: number) => {
-          setImages((prev) =>
-            prev.map((img) => (img.id === imageState.id ? { ...img, progress: Math.round(p) } : img))
-          );
-        },
-      };
-      const compressedBlob = await imageCompression(imageState.file, options);
-
-      // FIX: Check if the compressed file is actually smaller
-      if (compressedBlob.size < imageState.originalSize) {
-        const compressedFile = new File([compressedBlob], `compressed_${imageState.file.name}`, {
-          type: compressedBlob.type,
-        });
-        setImages((prev) =>
-          prev.map((img) =>
-            img.id === imageState.id
-              ? {
-                  ...img,
-                  status: 'done',
-                  progress: 100,
-                  compressedFile: compressedFile,
-                  compressedSize: compressedFile.size,
-                }
-              : img
-          )
-        );
-      } else {
-        // If not smaller, use the original file and show 0% savings
-        setImages((prev) =>
-          prev.map((img) =>
-            img.id === imageState.id
-              ? {
-                  ...img,
-                  status: 'done',
-                  progress: 100,
-                  compressedFile: imageState.file, // Revert to original file
-                  compressedSize: imageState.originalSize, // Revert to original size
-                }
-              : img
-          )
-        );
-      }
-    } catch (error) {
-      console.error(`Error compressing ${imageState.file.name}:`, error);
-      setImages((prev) => prev.map((img) => (img.id === imageState.id ? { ...img, status: 'error' } : img)));
-    }
-  };
-
-  const handleDownloadSingle = (image: ImageFileState) => {
-    if (!image.compressedFile) return;
-    const link = document.createElement('a');
-    link.href = URL.createObjectURL(image.compressedFile);
-    link.download = image.compressedFile.name;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-  };
-
-  const handleDownloadZip = async () => {
-    const successfullyCompressed = images.filter((img) => img.status === 'done' && img.compressedFile);
-    if (successfullyCompressed.length === 0 || isCompressing) return;
-
-    setIsDownloading(true);
-
-    const zip = new JSZip();
-    successfullyCompressed.forEach((image) => {
-      zip.file(image.compressedFile!.name, image.compressedFile!);
-    });
-    const zipBlob = await zip.generateAsync({ type: 'blob' });
-    const link = document.createElement('a');
-    link.href = URL.createObjectURL(zipBlob);
-    link.download = 'compressed_images.zip';
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-
-    setIsDownloading(false);
-    setImages([]); // Reset UI after download
-  };
-
-  const removeImage = (idToRemove: string) => {
-    setImages((prev) => {
-      const imageToRemove = prev.find((img) => img.id === idToRemove);
-      if (imageToRemove) {
-        URL.revokeObjectURL(imageToRemove.previewUrl);
-      }
-      return prev.filter((img) => img.id !== idToRemove);
-    });
-  };
-
-  const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {
-    handleFiles(event.target.files);
-    if (event.target) {
-      event.target.value = '';
-    }
-  };
-
-  const handleDragOver = (event: DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    event.stopPropagation();
-    setIsDragging(true);
+      const blob = await imageCompression(target.file, { maxSizeMB: 1, maxWidthOrHeight: 1920, useWebWorker: true, onProgress: progress => setImages(prev => prev.map(item => item.id === target.id ? { ...item, progress: Math.round(progress) } : item)) });
+      const useOriginal = blob.size >= target.originalSize;
+      const file = useOriginal ? target.file : new File([blob], `compressed_${target.file.name}`, { type: blob.type });
+      setImages(prev => prev.map(item => item.id === target.id ? { ...item, status: 'done', progress: 100, compressedFile: file, compressedSize: file.size } : item));
+    } catch { setImages(prev => prev.map(item => item.id === target.id ? { ...item, status: 'error' } : item)); }
   };
 
-  const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    event.stopPropagation();
-    setIsDragging(false);
-  };
-
-  const handleDrop = (event: DragEvent<HTMLDivElement>) => {
-    event.preventDefault();
-    event.stopPropagation();
-    setIsDragging(false);
-    handleFiles(event.dataTransfer.files);
-  };
-
-  const pendingCount = images.filter((img) => img.status === 'pending').length;
-  const doneCount = images.filter((img) => img.status === 'done').length;
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Batch Image Compressor</h1>
-          <p className='text-lg text-slate-600 mt-1'>
-            Reduce multiple image file sizes and download them individually or as a single zip file.
-          </p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-6xl mx-auto'>
-          <div
-            onDragOver={handleDragOver}
-            onDragLeave={handleDragLeave}
-            onDrop={handleDrop}
-            onClick={() => fileInputRef.current?.click()}
-            className={`border-4 border-dashed rounded-xl p-8 text-center transition-colors duration-200 ease-in-out mb-6
-                      ${
-                        isDragging
-                          ? 'border-sky-500 bg-sky-50'
-                          : 'border-slate-300 hover:border-sky-400 hover:bg-slate-50'
-                      }
-                      cursor-pointer`}>
-            <input
-              ref={fileInputRef}
-              type='file'
-              id='imageUpload'
-              multiple
-              accept='image/*'
-              onChange={handleFileChange}
-              className='hidden'
-            />
-            <div className='flex flex-col items-center justify-center text-slate-500 pointer-events-none'>
-              <svg
-                className='w-16 h-16 mb-4 text-slate-400'
-                fill='none'
-                stroke='currentColor'
-                viewBox='0 0 24 24'
-                xmlns='http://www.w3.org/2000/svg'>
-                <path
-                  strokeLinecap='round'
-                  strokeLinejoin='round'
-                  strokeWidth='1.5'
-                  d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'></path>
-              </svg>
-              <p className='text-lg font-semibold'>
-                {isDragging ? 'Release to drop files' : 'Drag & drop images here, or click to select'}
-              </p>
-              <p className='text-sm'>All processing is done in your browser.</p>
-            </div>
-          </div>
-
-          {images.length > 0 && (
-            <div>
-              <div className='grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4'>
-                {images.map((image) => (
-                  <ImageCard key={image.id} image={image} onRemove={removeImage} onDownload={handleDownloadSingle} />
-                ))}
-              </div>
-
-              <div className='flex flex-col sm:flex-row items-center justify-center gap-4 mt-8'>
-                <button
-                  onClick={handleStartCompression}
-                  disabled={isCompressing || isDownloading || pendingCount === 0}
-                  className='px-6 py-3 bg-sky-600 text-white font-semibold rounded-lg hover:bg-sky-700 transition-colors disabled:bg-sky-300 disabled:cursor-not-allowed'>
-                  {isCompressing ? 'Compressing...' : `Compress ${pendingCount} Remaining`}
-                </button>
-                <button
-                  onClick={handleDownloadZip}
-                  disabled={isCompressing || isDownloading || doneCount < 2}
-                  className='px-6 py-3 bg-green-600 text-white font-semibold rounded-lg hover:bg-green-700 transition-colors disabled:bg-green-300 disabled:cursor-not-allowed'>
-                  {isDownloading ? 'Downloading...' : `Download All (${doneCount}) as .zip`}
-                </button>
-                <button
-                  onClick={() => setImages([])}
-                  disabled={isCompressing || isDownloading}
-                  className='px-6 py-3 bg-slate-200 text-slate-700 font-semibold rounded-lg hover:bg-slate-300 transition-colors disabled:opacity-50'>
-                  Clear All
-                </button>
-              </div>
-            </div>
-          )}
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
+  const compress = async () => { setBusy(true); try { const pending = imagesRef.current.filter(item => item.status === 'pending'); for (let i = 0; i < pending.length; i += BATCH_SIZE) await Promise.all(pending.slice(i, i + BATCH_SIZE).map(compressOne)); } finally { setBusy(false); } };
+  const download = (item: ImageItem) => { if (!item.compressedFile) return; const url = URL.createObjectURL(item.compressedFile); const link = document.createElement('a'); link.href = url; link.download = item.compressedFile.name; link.click(); URL.revokeObjectURL(url); };
+  const downloadZip = async () => { const done = imagesRef.current.filter(item => item.status === 'done' && item.compressedFile); if (!done.length) return; setDownloading(true); try { const zip = new JSZip(); done.forEach(item => zip.file(item.compressedFile!.name, item.compressedFile!)); const blob = await zip.generateAsync({ type: 'blob' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = 'compressed_images.zip'; link.click(); URL.revokeObjectURL(url); clearAll(); } finally { setDownloading(false); } };
+  const remove = (id: string) => { const item = imagesRef.current.find(candidate => candidate.id === id); if (item) URL.revokeObjectURL(item.previewUrl); setImages(prev => prev.filter(candidate => candidate.id !== id)); };
+  const change = (event: ChangeEvent<HTMLInputElement>) => { void handleFiles(event.target.files); event.target.value = ''; };
+  const dragOver = (event: DragEvent<HTMLDivElement>) => { event.preventDefault(); setDragging(true); };
+  const dragLeave = (event: DragEvent<HTMLDivElement>) => { event.preventDefault(); setDragging(false); };
+  const drop = (event: DragEvent<HTMLDivElement>) => { event.preventDefault(); setDragging(false); void handleFiles(event.dataTransfer.files); };
+  const pending = images.filter(item => item.status === 'pending').length;
+  const done = images.filter(item => item.status === 'done').length;
+
+  return <LocalToolLayout title='Batch Image Compressor' description='Compress image batches locally with sensible memory limits. Files and previews never leave your browser.'>
+    <section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'>
+      <div onDragOver={dragOver} onDragLeave={dragLeave} onDrop={drop} className={`rounded-xl border-4 border-dashed p-8 text-center ${dragging ? 'border-sky-500 bg-sky-50' : 'border-slate-300 bg-slate-50'}`}><input ref={inputRef} type='file' multiple accept='image/*' onChange={change} className='sr-only'/><p className='text-lg font-semibold text-slate-700'>{dragging ? 'Drop images here' : 'Drag images here'}</p><p className='mt-1 text-sm text-slate-500'>Up to 25 files / 150 MB per batch.</p><button type='button' onClick={() => inputRef.current?.click()} className='mt-4 rounded bg-sky-600 px-5 py-2 font-semibold text-white hover:bg-sky-700'>Choose images</button></div>
+      <p className='mt-3 text-sm text-amber-700' aria-live='polite'>{message}</p>
+      {images.length > 0 && <><div className='mt-6 grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5'>{images.map(item => <ImageCard key={item.id} item={item} onRemove={remove} onDownload={download}/>)}</div><div className='mt-8 flex flex-wrap justify-center gap-3'><button disabled={busy || pending === 0} onClick={() => void compress()} className='rounded bg-sky-600 px-5 py-2 font-semibold text-white disabled:opacity-40'>{busy ? 'Compressing...' : `Compress ${pending} remaining`}</button><button disabled={busy || downloading || done < 2} onClick={() => void downloadZip()} className='rounded bg-emerald-600 px-5 py-2 font-semibold text-white disabled:opacity-40'>{downloading ? 'Creating ZIP...' : `Download ${done} as ZIP`}</button><button disabled={busy || downloading} onClick={clearAll} className='rounded bg-slate-200 px-5 py-2 font-semibold text-slate-700 disabled:opacity-40'>Clear all</button></div></>}
+    </section>
+  </LocalToolLayout>;
 }
diff --git a/src/app/markdown-editor/page.tsx b/src/app/markdown-editor/page.tsx
index 475c993..6182d96 100644
--- a/src/app/markdown-editor/page.tsx
+++ b/src/app/markdown-editor/page.tsx
@@ -1,14 +1,19 @@
 'use client';
 import { useMemo, useState } from 'react';
+import DOMPurify from 'dompurify';
 import showdown from 'showdown';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
-const SAMPLE='# Welcome to the Markdown Editor!\n\nThis preview renders **Markdown** locally. Raw HTML is escaped for safety.\n\n- No upload\n- Live preview\n- Copy generated HTML';
-const escapeRawHtml=(s:string)=>s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+const SAMPLE = '# Welcome to the Markdown Editor!\n\nThis preview renders **Markdown** locally.\n\n- No upload\n- Sanitized HTML preview\n- Copy generated HTML\n\nRaw HTML such as `<strong>this</strong>` is allowed, but unsafe markup is removed.';
 
-export default function MarkdownEditorPage(){
- const [markdown,setMarkdown]=useState(SAMPLE);
- const converter=useMemo(()=>new showdown.Converter({tables:true,simplifiedAutoLink:true,strikethrough:true,tasklists:true}),[]);
- const html=useMemo(()=>converter.makeHtml(escapeRawHtml(markdown)),[markdown,converter]);
- return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Raw HTML is escaped before rendering to keep pasted content from executing scripts.'><section className='mx-auto grid max-w-7xl gap-4 md:grid-cols-2'><div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea value={markdown} onChange={e=>setMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div><div className='flex min-h-[60vh] flex-col'><div className='flex items-center justify-between rounded-t border bg-slate-100 p-2'><h2 className='font-semibold'>Preview</h2><button onClick={()=>navigator.clipboard.writeText(html)} className='rounded border bg-white px-3 py-1 text-xs'>Copy HTML</button></div><div className='prose max-w-none min-h-0 flex-1 overflow-auto rounded-b border bg-white p-4' dangerouslySetInnerHTML={{__html:html}}/></div></section></LocalToolLayout>;
+export default function MarkdownEditorPage() {
+  const [markdown, setMarkdown] = useState(SAMPLE);
+  const converter = useMemo(() => new showdown.Converter({ tables: true, simplifiedAutoLink: true, strikethrough: true, tasklists: true }), []);
+  const html = useMemo(() => DOMPurify.sanitize(converter.makeHtml(markdown), { USE_PROFILES: { html: true } }), [markdown, converter]);
+  return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Rendered HTML is sanitized with DOMPurify before it reaches the page.'>
+    <section className='mx-auto grid max-w-7xl gap-4 md:grid-cols-2'>
+      <div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea aria-label='Markdown input' value={markdown} onChange={e => setMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div>
+      <div className='flex min-h-[60vh] flex-col'><div className='flex items-center justify-between rounded-t border bg-slate-100 p-2'><h2 className='font-semibold'>Sanitized preview</h2><button onClick={() => navigator.clipboard.writeText(html)} className='rounded border bg-white px-3 py-1 text-xs'>Copy HTML</button></div><div className='prose max-w-none min-h-0 flex-1 overflow-auto rounded-b border bg-white p-4' dangerouslySetInnerHTML={{ __html: html }}/></div>
+    </section>
+  </LocalToolLayout>;
 }
diff --git a/src/app/regex-tester/page.tsx b/src/app/regex-tester/page.tsx
index 6dd85a9..7ea9379 100644
--- a/src/app/regex-tester/page.tsx
+++ b/src/app/regex-tester/page.tsx
@@ -1,7 +1,61 @@
 'use client';
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
+import { runRegexMatch, type RegexMatch } from '@/lib/regex-worker';
 
-const TOKEN:Record<string,string>={'\\d':'digit','\\w':'word character','\\s':'whitespace','.':'any character except newline','^':'start of input','$':'end of input','+':'one or more','*':'zero or more','?':'optional','|':'OR'};
-function explain(pattern:string){const out:string[]=[];for(let i=0;i<pattern.length;i++){const token=pattern[i]==='\\'&&i+1<pattern.length?pattern.slice(i,i+2):pattern[i];if(token.length===2)i++;out.push(`${token}: ${TOKEN[token]??'literal or regex syntax'}`)}return out}
-export default function RegexTesterPage(){const [pattern,setPattern]=useState('\\w+');const [flags,setFlags]=useState('g');const [text,setText]=useState('Hello World 123');const result=useMemo(()=>{if(!pattern)return{matches:[] as RegExpMatchArray[],error:'',time:0};try{const start=performance.now();const regex=new RegExp(pattern,flags);let matches:RegExpMatchArray[];if(regex.global)matches=Array.from(text.matchAll(regex));else{const m=regex.exec(text);matches=m?[m]:[]}return{matches,error:'',time:performance.now()-start}}catch(e){return{matches:[] as RegExpMatchArray[],error:(e as Error).message,time:0}}},[pattern,flags,text]);return <LocalToolLayout title='Regex Tester & Explainer' description='Test JavaScript regular expressions locally. Non-global patterns are handled as single matches.'><div className='mx-auto max-w-4xl space-y-6'><section className='rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Pattern</label><div className='mt-2 flex'><span className='rounded-l border bg-slate-100 p-2'>/</span><input value={pattern} onChange={e=>setPattern(e.target.value)} className='min-w-0 flex-1 border-y p-2 font-mono'/><span className='border-y bg-slate-100 p-2'>/</span><input value={flags} onChange={e=>setFlags(e.target.value)} className='w-20 rounded-r border p-2 font-mono'/></div><label className='mt-5 block font-semibold'>Test text</label><textarea value={text} onChange={e=>setText(e.target.value)} className='mt-2 h-40 w-full rounded border p-3 font-mono'/>{result.error?<p className='mt-4 text-red-600'>{result.error}</p>:<div className='mt-4'><p className='text-sm text-slate-600'>{result.matches.length} match{result.matches.length===1?'':'es'} in {result.time.toFixed(3)} ms</p>{result.matches.map((m,i)=><pre key={i} className='mt-2 overflow-auto rounded bg-emerald-50 p-3 text-sm'>{JSON.stringify({match:m[0],index:m.index,groups:[...m].slice(1)},null,2)}</pre>)}</div>}</section><section className='rounded-xl bg-white p-6 shadow'><h2 className='font-semibold'>Basic explanation</h2><div className='mt-3 space-y-1 font-mono text-sm'>{explain(pattern).map((x,i)=><div key={i}>{x}</div>)}</div><p className='mt-4 text-xs text-slate-500'>This is a lightweight explanation, not a full regex parser.</p></section></div></LocalToolLayout>}
+const TOKEN: Record<string, string> = {
+  '\\d': 'digit', '\\D': 'non-digit', '\\w': 'word character', '\\W': 'non-word character',
+  '\\s': 'whitespace', '\\S': 'non-whitespace', '.': 'any character except newline', '^': 'start of input',
+  '$': 'end of input', '+': 'one or more', '*': 'zero or more', '?': 'optional / lazy modifier', '|': 'OR',
+};
+
+function explain(pattern: string) {
+  const out: string[] = [];
+  for (let i = 0; i < pattern.length; i++) {
+    const token = pattern[i] === '\\' && i + 1 < pattern.length ? pattern.slice(i, i + 2) : pattern[i];
+    if (token.length === 2) i++;
+    out.push(`${token}: ${TOKEN[token] ?? 'literal or regex syntax'}`);
+  }
+  return out;
+}
+
+export default function RegexTesterPage() {
+  const [pattern, setPattern] = useState('\\w+');
+  const [flags, setFlags] = useState('g');
+  const [text, setText] = useState('Hello World 123');
+  const [matches, setMatches] = useState<RegexMatch[]>([]);
+  const [time, setTime] = useState(0);
+  const [error, setError] = useState('');
+  const [running, setRunning] = useState(false);
+
+  useEffect(() => {
+    let cancelled = false;
+    const timer = window.setTimeout(async () => {
+      if (!pattern) { setMatches([]); setError(''); setTime(0); return; }
+      setRunning(true);
+      try {
+        const result = await runRegexMatch(pattern, flags, text);
+        if (!cancelled) { setMatches(result.matches); setTime(result.executionTime); setError(''); }
+      } catch (err) {
+        if (!cancelled) { setMatches([]); setTime(0); setError((err as Error).message); }
+      } finally {
+        if (!cancelled) setRunning(false);
+      }
+    }, 120);
+    return () => { cancelled = true; window.clearTimeout(timer); };
+  }, [pattern, flags, text]);
+
+  const explanation = useMemo(() => explain(pattern), [pattern]);
+
+  return <LocalToolLayout title='Regex Tester & Explainer' description='Test JavaScript regular expressions locally. Execution runs in a disposable Web Worker and is stopped if a pattern takes too long.'>
+    <div className='mx-auto max-w-4xl space-y-6'>
+      <section className='rounded-xl bg-white p-6 shadow'>
+        <label htmlFor='regex-pattern' className='font-semibold'>Pattern</label>
+        <div className='mt-2 flex'><span className='rounded-l border bg-slate-100 p-2'>/</span><input id='regex-pattern' value={pattern} onChange={e => setPattern(e.target.value)} className='min-w-0 flex-1 border-y p-2 font-mono'/><span className='border-y bg-slate-100 p-2'>/</span><input aria-label='Regex flags' value={flags} onChange={e => setFlags(e.target.value)} className='w-20 rounded-r border p-2 font-mono'/></div>
+        <label htmlFor='regex-text' className='mt-5 block font-semibold'>Test text</label><textarea id='regex-text' value={text} onChange={e => setText(e.target.value)} className='mt-2 h-40 w-full rounded border p-3 font-mono'/>
+        <div aria-live='polite' className='mt-4'>{running ? <p className='text-sm text-slate-500'>Testing safely...</p> : error ? <p className='text-red-600'>{error}</p> : <><p className='text-sm text-slate-600'>{matches.length} match{matches.length === 1 ? '' : 'es'} in {time.toFixed(3)} ms</p>{matches.slice(0, 100).map((m, i) => <pre key={`${m.index}-${i}`} className='mt-2 overflow-auto rounded bg-emerald-50 p-3 text-sm'>{JSON.stringify(m, null, 2)}</pre>)}{matches.length > 100 && <p className='mt-2 text-sm text-slate-500'>Showing the first 100 matches.</p>}</>}</div>
+      </section>
+      <section className='rounded-xl bg-white p-6 shadow'><h2 className='font-semibold'>Basic explanation</h2><div className='mt-3 space-y-1 font-mono text-sm'>{explanation.map((x, i) => <div key={i}>{x}</div>)}</div><p className='mt-4 text-xs text-slate-500'>The explainer is intentionally lightweight; the tester itself uses the browser's JavaScript RegExp engine.</p></section>
+    </div>
+  </LocalToolLayout>;
+}
diff --git a/src/lib/css-specificity.ts b/src/lib/css-specificity.ts
new file mode 100644
index 0000000..01b53f6
--- /dev/null
+++ b/src/lib/css-specificity.ts
@@ -0,0 +1,59 @@
+import selectorParser from 'postcss-selector-parser';
+
+export type Specificity = [number, number, number];
+export interface SpecificityResult {
+  selector: string;
+  specificity: Specificity;
+}
+
+type AstNode = {
+  type: string;
+  value?: string;
+  nodes?: AstNode[];
+  toString?: () => string;
+};
+
+const add = (a: Specificity, b: Specificity): Specificity => [a[0] + b[0], a[1] + b[1], a[2] + b[2]];
+const compare = (a: Specificity, b: Specificity) => a[0] - b[0] || a[1] - b[1] || a[2] - b[2];
+const max = (values: Specificity[]) => values.reduce((best, value) => compare(value, best) > 0 ? value : best, [0, 0, 0] as Specificity);
+
+function selectorSpecificity(node: AstNode): Specificity {
+  return (node.nodes ?? []).reduce<Specificity>((score, child) => add(score, nodeSpecificity(child)), [0, 0, 0]);
+}
+
+function functionalPseudoMax(node: AstNode): Specificity {
+  const selectors = (node.nodes ?? []).filter((child) => child.type === 'selector');
+  return max(selectors.map(selectorSpecificity));
+}
+
+function nodeSpecificity(node: AstNode): Specificity {
+  switch (node.type) {
+    case 'id': return [1, 0, 0];
+    case 'class':
+    case 'attribute': return [0, 1, 0];
+    case 'tag': return [0, 0, 1];
+    case 'pseudo': {
+      const value = (node.value ?? '').toLowerCase();
+      if (value.startsWith('::')) return [0, 0, 1];
+      if (value === ':where') return [0, 0, 0];
+      if (value === ':is' || value === ':not' || value === ':has') return functionalPseudoMax(node);
+      if (value === ':host' || value === ':host-context') return add([0, 1, 0], functionalPseudoMax(node));
+      if (value === ':nth-child' || value === ':nth-last-child') return add([0, 1, 0], functionalPseudoMax(node));
+      return [0, 1, 0];
+    }
+    default: return [0, 0, 0];
+  }
+}
+
+export function calculateSpecificity(selector: string): SpecificityResult[] {
+  const root = selectorParser().astSync(selector, { lossless: false }) as unknown as AstNode;
+  const selectors = (root.nodes ?? []).filter((node) => node.type === 'selector');
+  return selectors.map((node) => ({
+    selector: node.toString?.() ?? selector,
+    specificity: selectorSpecificity(node),
+  }));
+}
+
+export function specificityLabel([a, b, c]: Specificity) {
+  return `${a}-${b}-${c}`;
+}
diff --git a/src/lib/regex-worker.ts b/src/lib/regex-worker.ts
new file mode 100644
index 0000000..43dee02
--- /dev/null
+++ b/src/lib/regex-worker.ts
@@ -0,0 +1,77 @@
+export interface RegexMatch {
+  match: string;
+  index: number;
+  groups: Array<string | undefined>;
+}
+
+export interface RegexMatchResult {
+  matches: RegexMatch[];
+  executionTime: number;
+}
+
+const MAX_INPUT_LENGTH = 500_000;
+const MAX_PATTERN_LENGTH = 4_000;
+const DEFAULT_TIMEOUT_MS = 500;
+
+const workerSource = `
+self.onmessage = (event) => {
+  const { mode, pattern, flags, text, replacement } = event.data;
+  const started = performance.now();
+  try {
+    const regex = new RegExp(pattern, flags);
+    if (mode === 'replace') {
+      self.postMessage({ ok: true, output: text.replace(regex, replacement), executionTime: performance.now() - started });
+      return;
+    }
+    const raw = regex.global ? Array.from(text.matchAll(regex)) : (() => { const match = regex.exec(text); return match ? [match] : []; })();
+    const matches = raw.map((match) => ({
+      match: match[0],
+      index: match.index ?? -1,
+      groups: Array.from(match).slice(1),
+    }));
+    self.postMessage({ ok: true, matches, executionTime: performance.now() - started });
+  } catch (error) {
+    self.postMessage({ ok: false, error: error instanceof Error ? error.message : String(error) });
+  }
+};
+`;
+
+function execute<T>(payload: Record<string, unknown>, timeoutMs = DEFAULT_TIMEOUT_MS): Promise<T> {
+  const pattern = String(payload.pattern ?? '');
+  const text = String(payload.text ?? '');
+  if (pattern.length > MAX_PATTERN_LENGTH) return Promise.reject(new Error(`Pattern is limited to ${MAX_PATTERN_LENGTH.toLocaleString()} characters.`));
+  if (text.length > MAX_INPUT_LENGTH) return Promise.reject(new Error(`Input is limited to ${MAX_INPUT_LENGTH.toLocaleString()} characters for regex execution.`));
+  if (typeof Worker === 'undefined') return Promise.reject(new Error('Web Workers are not supported by this browser.'));
+
+  return new Promise<T>((resolve, reject) => {
+    const url = URL.createObjectURL(new Blob([workerSource], { type: 'text/javascript' }));
+    const worker = new Worker(url);
+    URL.revokeObjectURL(url);
+    const timer = window.setTimeout(() => {
+      worker.terminate();
+      reject(new Error(`Regex execution exceeded ${timeoutMs} ms and was stopped.`));
+    }, timeoutMs);
+
+    worker.onmessage = (event: MessageEvent<Record<string, unknown>>) => {
+      window.clearTimeout(timer);
+      worker.terminate();
+      if (event.data.ok) resolve(event.data as T);
+      else reject(new Error(String(event.data.error ?? 'Regex execution failed.')));
+    };
+    worker.onerror = () => {
+      window.clearTimeout(timer);
+      worker.terminate();
+      reject(new Error('Regex worker failed.'));
+    };
+    worker.postMessage(payload);
+  });
+}
+
+export function runRegexMatch(pattern: string, flags: string, text: string, timeoutMs?: number) {
+  return execute<RegexMatchResult & { ok: true }>({ mode: 'match', pattern, flags, text }, timeoutMs);
+}
+
+export async function runRegexReplace(pattern: string, flags: string, text: string, replacement: string, timeoutMs?: number) {
+  const result = await execute<{ ok: true; output: string; executionTime: number }>({ mode: 'replace', pattern, flags, text, replacement }, timeoutMs);
+  return result.output;
+}

From 01bbebb0b9cd8bfffc7bd8f36893d5517fbb0d63 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:53:18 +0530
Subject: [PATCH 21/42] Add local data and developer utility suite

---
 src/app/cron-explainer/page.tsx           |  8 ++++
 src/app/csp-builder/page.tsx              | 11 +++++
 src/app/file-signature-inspector/page.tsx | 11 +++++
 src/app/hmac-tool/page.tsx                | 16 +++++++
 src/app/json-toolbox/page.tsx             | 16 +++----
 src/app/xml-toolbox/page.tsx              | 32 ++++++++++++++
 src/app/yaml-json/page.tsx                | 12 ++++++
 src/lib/cron.ts                           | 36 ++++++++++++++++
 src/lib/csp.ts                            | 25 +++++++++++
 src/lib/file-signatures.ts                | 52 +++++++++++++++++++++++
 src/lib/json-diff.ts                      | 31 ++++++++++++++
 src/lib/page-selection.ts                 | 24 +++++++++++
 src/lib/xml.ts                            | 16 +++++++
 13 files changed, 280 insertions(+), 10 deletions(-)
 create mode 100644 src/app/cron-explainer/page.tsx
 create mode 100644 src/app/csp-builder/page.tsx
 create mode 100644 src/app/file-signature-inspector/page.tsx
 create mode 100644 src/app/hmac-tool/page.tsx
 create mode 100644 src/app/xml-toolbox/page.tsx
 create mode 100644 src/app/yaml-json/page.tsx
 create mode 100644 src/lib/cron.ts
 create mode 100644 src/lib/csp.ts
 create mode 100644 src/lib/file-signatures.ts
 create mode 100644 src/lib/json-diff.ts
 create mode 100644 src/lib/page-selection.ts
 create mode 100644 src/lib/xml.ts

diff --git a/src/app/cron-explainer/page.tsx b/src/app/cron-explainer/page.tsx
new file mode 100644
index 0000000..59007f4
--- /dev/null
+++ b/src/app/cron-explainer/page.tsx
@@ -0,0 +1,8 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { explainCron } from '@/lib/cron';
+export default function CronExplainerPage() {
+  const [expression, setExpression] = useState('*/15 9-17 * * 1-5'); const result = useMemo(() => { try { return { rows: explainCron(expression), error: '' }; } catch (err) { return { rows: [], error: (err as Error).message }; } }, [expression]);
+  return <LocalToolLayout title='Cron Expression Explainer' description='Explain standard five-field cron expressions locally. This tool intentionally does not assume Quartz or platform-specific seconds fields.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Cron expression<input value={expression} onChange={event => setExpression(event.target.value)} className='mt-2 w-full rounded border p-3 font-mono text-lg'/></label><p className='mt-2 text-xs text-slate-500'>minute · hour · day of month · month · day of week</p>{result.error ? <p className='mt-5 rounded bg-red-50 p-3 text-red-700'>{result.error}</p> : <div className='mt-6 space-y-3'>{result.rows.map(row => <div key={row.field} className='grid gap-1 rounded border p-3 sm:grid-cols-[9rem_7rem_1fr]'><strong className='capitalize'>{row.field}</strong><code>{row.raw}</code><span className='text-slate-600'>{row.explanation}</span></div>)}</div>}<div className='mt-6 rounded bg-slate-50 p-4 text-sm text-slate-600'>Supported syntax: `*`, `*/step`, numeric values, numeric ranges, and comma-separated combinations.</div></section></LocalToolLayout>;
+}
diff --git a/src/app/csp-builder/page.tsx b/src/app/csp-builder/page.tsx
new file mode 100644
index 0000000..97ef49a
--- /dev/null
+++ b/src/app/csp-builder/page.tsx
@@ -0,0 +1,11 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { analyzeCsp } from '@/lib/csp';
+
+const STRICT = "default-src 'self'; img-src 'self' data: blob:; style-src 'self'; script-src 'self'; connect-src 'self'; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; form-action 'self'";
+const APP = "default-src 'self'; img-src 'self' data: blob:; media-src 'self' blob:; style-src 'self' 'unsafe-inline'; script-src 'self'; worker-src 'self' blob:; connect-src 'self'; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; form-action 'self'";
+export default function CspBuilderPage() {
+  const [policy, setPolicy] = useState(STRICT); const findings = useMemo(() => analyzeCsp(policy), [policy]);
+  return <LocalToolLayout title='Content Security Policy Builder & Analyzer' description='Draft and review a CSP locally. The analyzer flags common weakening patterns but does not replace application-specific security review.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><div className='flex flex-wrap gap-2'><button onClick={() => setPolicy(STRICT)} className='rounded bg-sky-600 px-4 py-2 text-white'>Strict static preset</button><button onClick={() => setPolicy(APP)} className='rounded bg-slate-200 px-4 py-2 text-slate-800'>Interactive app preset</button></div><label className='mt-5 block font-semibold'>Policy<textarea value={policy} onChange={event => setPolicy(event.target.value)} className='mt-2 h-48 w-full rounded border p-3 font-mono text-sm'/></label><div className='mt-6'><h2 className='font-semibold'>Analysis</h2><div className='mt-3 space-y-2'>{findings.map((finding, index) => <div key={`${finding.message}-${index}`} className={`rounded p-3 text-sm ${finding.level === 'warning' ? 'bg-amber-50 text-amber-900' : 'bg-slate-50 text-slate-700'}`}>{finding.message}</div>)}</div></div><button onClick={() => navigator.clipboard.writeText(policy)} className='mt-5 rounded bg-slate-800 px-4 py-2 text-white'>Copy policy</button></section></LocalToolLayout>;
+}
diff --git a/src/app/file-signature-inspector/page.tsx b/src/app/file-signature-inspector/page.tsx
new file mode 100644
index 0000000..edc825c
--- /dev/null
+++ b/src/app/file-signature-inspector/page.tsx
@@ -0,0 +1,11 @@
+'use client';
+import { useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { detectFileSignature, extensionMatches, fileExtension, type SignatureInfo } from '@/lib/file-signatures';
+
+type Result = { info: SignatureInfo | null; matches: boolean | null; hex: string; extension: string };
+export default function FileSignatureInspectorPage() {
+  const [file, setFile] = useState<File | null>(null); const [result, setResult] = useState<Result | null>(null); const [error, setError] = useState('');
+  const inspect = async (next: File) => { setFile(next); setError(''); try { const bytes = new Uint8Array(await next.slice(0, 64).arrayBuffer()); const info = detectFileSignature(bytes); setResult({ info, matches: extensionMatches(info, next.name), extension: fileExtension(next.name), hex: Array.from(bytes).map(value => value.toString(16).padStart(2,'0')).join(' ').toUpperCase() }); } catch (err) { setResult(null); setError((err as Error).message); } };
+  return <LocalToolLayout title='File Type & Signature Inspector' description='Inspect the magic bytes at the start of a file instead of trusting only its filename. The file stays on your device.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={event => event.target.files?.[0] && void inspect(event.target.files[0])} className='w-full rounded border p-3'/>{file && <p className='mt-3 text-sm text-slate-600'>{file.name} · {(file.size / 1024).toFixed(1)} KB</p>}{error && <p className='mt-4 text-red-600'>{error}</p>}{result && <div className='mt-6 space-y-4'><div className='rounded-lg bg-slate-50 p-4'><p className='text-sm text-slate-500'>Detected signature</p><p className='text-xl font-semibold text-slate-800'>{result.info?.name ?? 'Unknown / not in local signature table'}</p>{result.info && <p className='mt-1 font-mono text-sm'>{result.info.mime}</p>}</div>{result.matches !== null && <div className={`rounded-lg p-4 ${result.matches ? 'bg-emerald-50 text-emerald-800' : 'bg-amber-50 text-amber-900'}`}>{result.matches ? `The .${result.extension} extension is consistent with this signature.` : `The .${result.extension} extension does not match the detected signature.`}{result.info?.container && <p className='mt-2 text-sm'>This is a container format, so the signature alone cannot identify the exact document/media subtype.</p>}</div>}<div><p className='mb-2 text-sm font-semibold'>First bytes</p><pre className='overflow-auto rounded bg-slate-950 p-4 text-xs text-slate-100'>{result.hex}</pre></div></div>}</section></LocalToolLayout>;
+}
diff --git a/src/app/hmac-tool/page.tsx b/src/app/hmac-tool/page.tsx
new file mode 100644
index 0000000..9ef3ed6
--- /dev/null
+++ b/src/app/hmac-tool/page.tsx
@@ -0,0 +1,16 @@
+'use client';
+import { useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Algorithm = 'SHA-256' | 'SHA-384' | 'SHA-512'; type Encoding = 'hex' | 'base64';
+const hex = (bytes: Uint8Array) => Array.from(bytes).map(value => value.toString(16).padStart(2,'0')).join('');
+const base64 = (bytes: Uint8Array) => btoa(Array.from(bytes, value => String.fromCharCode(value)).join(''));
+const fromHex = (value: string) => { if (!/^(?:[0-9a-f]{2})+$/i.test(value)) throw new Error('Expected an even-length hexadecimal value.'); return new Uint8Array(value.match(/../g)!.map(byte => parseInt(byte, 16))); };
+const fromBase64 = (value: string) => Uint8Array.from(atob(value), char => char.charCodeAt(0));
+async function importKey(secret: string, algorithm: Algorithm, usage: KeyUsage[]) { return crypto.subtle.importKey('raw', new TextEncoder().encode(secret), { name: 'HMAC', hash: algorithm }, false, usage); }
+export default function HmacToolPage() {
+  const [secret, setSecret] = useState('local-secret'); const [message, setMessage] = useState('ToolStack'); const [algorithm, setAlgorithm] = useState<Algorithm>('SHA-256'); const [encoding, setEncoding] = useState<Encoding>('hex'); const [output, setOutput] = useState(''); const [expected, setExpected] = useState(''); const [status, setStatus] = useState('');
+  const generate = async () => { try { const key = await importKey(secret, algorithm, ['sign']); const signature = new Uint8Array(await crypto.subtle.sign('HMAC', key, new TextEncoder().encode(message))); setOutput(encoding === 'hex' ? hex(signature) : base64(signature)); setStatus(''); } catch (err) { setStatus((err as Error).message); } };
+  const verify = async () => { try { const key = await importKey(secret, algorithm, ['verify']); const bytes = encoding === 'hex' ? fromHex(expected.trim()) : fromBase64(expected.trim()); const valid = await crypto.subtle.verify('HMAC', key, bytes, new TextEncoder().encode(message)); setStatus(valid ? 'HMAC matches.' : 'HMAC does not match.'); } catch (err) { setStatus((err as Error).message); } };
+  return <LocalToolLayout title='HMAC Generator & Verifier' description='Generate or verify HMAC-SHA signatures locally with Web Crypto. Secrets and messages stay in the browser.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><label className='font-semibold'>Secret<input type='password' value={secret} onChange={event => setSecret(event.target.value)} className='mt-2 w-full rounded border p-3 font-mono'/></label><label className='mt-4 block font-semibold'>Message<textarea value={message} onChange={event => setMessage(event.target.value)} className='mt-2 h-32 w-full rounded border p-3 font-mono'/></label><div className='mt-4 grid gap-3 sm:grid-cols-2'><select value={algorithm} onChange={event => setAlgorithm(event.target.value as Algorithm)} className='rounded border p-2'><option>SHA-256</option><option>SHA-384</option><option>SHA-512</option></select><select value={encoding} onChange={event => setEncoding(event.target.value as Encoding)} className='rounded border p-2'><option value='hex'>Hex</option><option value='base64'>Base64</option></select></div><button onClick={() => void generate()} className='mt-5 rounded bg-sky-600 px-4 py-2 text-white'>Generate HMAC</button>{output && <div className='mt-4 flex gap-2'><input readOnly value={output} className='min-w-0 flex-1 rounded border p-2 font-mono text-xs'/><button onClick={() => navigator.clipboard.writeText(output)} className='rounded bg-slate-800 px-3 text-white'>Copy</button></div>}<div className='mt-6 border-t pt-5'><label className='font-semibold'>Expected HMAC<input value={expected} onChange={event => setExpected(event.target.value)} className='mt-2 w-full rounded border p-2 font-mono text-xs'/></label><button disabled={!expected} onClick={() => void verify()} className='mt-3 rounded bg-emerald-600 px-4 py-2 text-white disabled:opacity-40'>Verify</button></div>{status && <p className={`mt-4 ${status === 'HMAC matches.' ? 'text-emerald-700' : 'text-amber-800'}`} aria-live='polite'>{status}</p>}</section></LocalToolLayout>;
+}
diff --git a/src/app/json-toolbox/page.tsx b/src/app/json-toolbox/page.tsx
index 0887bbe..9d38e4f 100644
--- a/src/app/json-toolbox/page.tsx
+++ b/src/app/json-toolbox/page.tsx
@@ -1,16 +1,12 @@
 'use client';
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
+import { diffJson } from '@/lib/json-diff';
 
-function sortObject(value: unknown): unknown {
-  if (Array.isArray(value)) return value.map(sortObject);
-  if (value && typeof value === 'object') return Object.fromEntries(Object.entries(value as Record<string, unknown>).sort(([a],[b]) => a.localeCompare(b)).map(([k,v]) => [k, sortObject(v)]));
-  return value;
-}
-
+function sortObject(value: unknown): unknown { if (Array.isArray(value)) return value.map(sortObject); if (value && typeof value === 'object') return Object.fromEntries(Object.entries(value as Record<string, unknown>).sort(([a],[b]) => a.localeCompare(b)).map(([key, item]) => [key, sortObject(item)])); return value; }
+type Mode = 'pretty' | 'minify' | 'sort' | 'diff';
 export default function JsonToolboxPage() {
-  const [input, setInput] = useState('{"name":"ToolStack","privacy":true,"count":32}');
-  const [mode, setMode] = useState<'pretty'|'minify'|'sort'>('pretty');
-  const result = useMemo(() => { try { const parsed = JSON.parse(input); return { output: mode === 'minify' ? JSON.stringify(parsed) : JSON.stringify(mode === 'sort' ? sortObject(parsed) : parsed, null, 2), error: '' }; } catch (e) { return { output: '', error: (e as Error).message }; } }, [input, mode]);
-  return <LocalToolLayout title='JSON Toolbox' description='Validate, format, minify and recursively sort JSON entirely in your browser.'><section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex flex-wrap gap-2'>{(['pretty','minify','sort'] as const).map(x => <button key={x} onClick={() => setMode(x)} className={`rounded px-4 py-2 ${mode===x?'bg-sky-600 text-white':'bg-slate-100 text-slate-700'}`}>{x==='pretty'?'Pretty print':x==='minify'?'Minify':'Sort keys'}</button>)}</div><div className='grid gap-4 md:grid-cols-2'><textarea aria-label='JSON input' value={input} onChange={e=>setInput(e.target.value)} className='h-96 rounded border p-4 font-mono'/><div className='h-96 overflow-auto rounded border bg-slate-50 p-4 font-mono whitespace-pre-wrap'>{result.error ? <span className='text-red-600'>Invalid JSON: {result.error}</span> : result.output}</div></div>{!result.error && <button onClick={()=>navigator.clipboard.writeText(result.output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy result</button>}</section></LocalToolLayout>;
+  const [input, setInput] = useState('{"name":"ToolStack","privacy":true,"count":41}'); const [compare, setCompare] = useState('{"name":"ToolStack","privacy":true,"count":42,"offline":true}'); const [mode, setMode] = useState<Mode>('pretty');
+  const result = useMemo(() => { try { const parsed = JSON.parse(input); if (mode === 'diff') { const other = JSON.parse(compare); return { output: JSON.stringify(diffJson(parsed, other), null, 2), error: '' }; } return { output: mode === 'minify' ? JSON.stringify(parsed) : JSON.stringify(mode === 'sort' ? sortObject(parsed) : parsed, null, 2), error: '' }; } catch (err) { return { output: '', error: (err as Error).message }; } }, [input, compare, mode]);
+  return <LocalToolLayout title='JSON Toolbox' description='Validate, format, minify, sort and structurally compare JSON entirely in your browser.'><section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex flex-wrap gap-2'>{(['pretty','minify','sort','diff'] as Mode[]).map(value => <button key={value} onClick={() => setMode(value)} className={`rounded px-4 py-2 ${mode === value ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700'}`}>{value === 'pretty' ? 'Pretty print' : value === 'sort' ? 'Sort keys' : value === 'diff' ? 'Structural diff' : 'Minify'}</button>)}</div><div className={`grid gap-4 ${mode === 'diff' ? 'lg:grid-cols-3' : 'md:grid-cols-2'}`}><textarea aria-label='JSON input' value={input} onChange={event => setInput(event.target.value)} className='h-96 rounded border p-4 font-mono'/>{mode === 'diff' && <textarea aria-label='JSON comparison input' value={compare} onChange={event => setCompare(event.target.value)} className='h-96 rounded border p-4 font-mono'/>}<pre className='h-96 overflow-auto whitespace-pre-wrap rounded border bg-slate-50 p-4 font-mono text-sm'>{result.error ? `Invalid JSON: ${result.error}` : result.output}</pre></div>{!result.error && <button onClick={() => navigator.clipboard.writeText(result.output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy result</button>}</section></LocalToolLayout>;
 }
diff --git a/src/app/xml-toolbox/page.tsx b/src/app/xml-toolbox/page.tsx
new file mode 100644
index 0000000..cc1ded4
--- /dev/null
+++ b/src/app/xml-toolbox/page.tsx
@@ -0,0 +1,32 @@
+'use client';
+import { useMemo, useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { formatXml } from '@/lib/xml';
+
+type Mode = 'format' | 'minify' | 'json';
+function parseXml(value: string) {
+  if (/<!DOCTYPE|<!ENTITY/i.test(value)) throw new Error('DOCTYPE and ENTITY declarations are blocked in this local utility.');
+  const document = new DOMParser().parseFromString(value, 'application/xml');
+  const parserError = document.querySelector('parsererror');
+  if (parserError) throw new Error(parserError.textContent?.trim() || 'Invalid XML.');
+  return document;
+}
+function elementValue(element: Element): unknown {
+  const children = Array.from(element.children);
+  const attributes = Object.fromEntries(Array.from(element.attributes).map(attribute => [attribute.name, attribute.value]));
+  if (!children.length) return Object.keys(attributes).length ? { '@attributes': attributes, '#text': element.textContent ?? '' } : element.textContent ?? '';
+  const result: Record<string, unknown> = {};
+  if (Object.keys(attributes).length) result['@attributes'] = attributes;
+  for (const child of children) {
+    const value = elementValue(child); const current = result[child.tagName];
+    if (current === undefined) result[child.tagName] = value;
+    else if (Array.isArray(current)) current.push(value);
+    else result[child.tagName] = [current, value];
+  }
+  return result;
+}
+export default function XmlToolboxPage() {
+  const [input, setInput] = useState('<root><item id="1">ToolStack</item><item id="2">Local</item></root>'); const [mode, setMode] = useState<Mode>('format');
+  const result = useMemo(() => { try { const document = parseXml(input); const serialized = new XMLSerializer().serializeToString(document); const output = mode === 'format' ? formatXml(serialized) : mode === 'minify' ? serialized.replace(/>\s+</g, '><') : JSON.stringify({ [document.documentElement.tagName]: elementValue(document.documentElement) }, null, 2); return { output, error: '' }; } catch (err) { return { output: '', error: (err as Error).message }; } }, [input, mode]);
+  return <LocalToolLayout title='XML Toolbox' description='Validate, format, minify and convert XML to JSON locally. External entity declarations are blocked.'><section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex flex-wrap gap-2'>{(['format','minify','json'] as Mode[]).map(value => <button key={value} onClick={() => setMode(value)} className={`rounded px-4 py-2 ${mode === value ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700'}`}>{value === 'json' ? 'XML to JSON' : value[0].toUpperCase() + value.slice(1)}</button>)}</div><div className='grid gap-4 md:grid-cols-2'><textarea value={input} onChange={event => setInput(event.target.value)} aria-label='XML input' className='h-96 rounded border p-4 font-mono'/><pre className='h-96 overflow-auto whitespace-pre-wrap rounded border bg-slate-50 p-4 font-mono text-sm'>{result.error ? `Error: ${result.error}` : result.output}</pre></div>{!result.error && <button onClick={() => navigator.clipboard.writeText(result.output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy result</button>}</section></LocalToolLayout>;
+}
diff --git a/src/app/yaml-json/page.tsx b/src/app/yaml-json/page.tsx
new file mode 100644
index 0000000..3bc83dc
--- /dev/null
+++ b/src/app/yaml-json/page.tsx
@@ -0,0 +1,12 @@
+'use client';
+import { useMemo, useState } from 'react';
+import YAML from 'yaml';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type Mode = 'yaml-to-json' | 'json-to-yaml';
+export default function YamlJsonPage() {
+  const [mode, setMode] = useState<Mode>('yaml-to-json'); const [input, setInput] = useState('name: ToolStack\nprivacy: true\ntools:\n  - PDF Toolkit\n  - File Hash\n');
+  const result = useMemo(() => { try { const output = mode === 'yaml-to-json' ? JSON.stringify(YAML.parse(input), null, 2) : YAML.stringify(JSON.parse(input)); return { output, error: '' }; } catch (err) { return { output: '', error: (err as Error).message }; } }, [input, mode]);
+  const switchMode = (next: Mode) => { setMode(next); setInput(next === 'yaml-to-json' ? 'name: ToolStack\nprivacy: true\n' : '{\n  "name": "ToolStack",\n  "privacy": true\n}'); };
+  return <LocalToolLayout title='YAML ↔ JSON Converter' description='Convert YAML and JSON locally using a bundled parser. No document content is transmitted.'><section className='mx-auto max-w-6xl rounded-xl bg-white p-6 shadow'><div className='mb-4 flex gap-2'><button onClick={() => switchMode('yaml-to-json')} className={`rounded px-4 py-2 ${mode === 'yaml-to-json' ? 'bg-sky-600 text-white' : 'bg-slate-100'}`}>YAML → JSON</button><button onClick={() => switchMode('json-to-yaml')} className={`rounded px-4 py-2 ${mode === 'json-to-yaml' ? 'bg-sky-600 text-white' : 'bg-slate-100'}`}>JSON → YAML</button></div><div className='grid gap-4 md:grid-cols-2'><textarea value={input} onChange={event => setInput(event.target.value)} className='h-96 rounded border p-4 font-mono'/><pre className='h-96 overflow-auto whitespace-pre-wrap rounded border bg-slate-50 p-4 font-mono text-sm'>{result.error ? `Error: ${result.error}` : result.output}</pre></div>{!result.error && <button onClick={() => navigator.clipboard.writeText(result.output)} className='mt-4 rounded bg-slate-800 px-4 py-2 text-white'>Copy result</button>}</section></LocalToolLayout>;
+}
diff --git a/src/lib/cron.ts b/src/lib/cron.ts
new file mode 100644
index 0000000..e9add2c
--- /dev/null
+++ b/src/lib/cron.ts
@@ -0,0 +1,36 @@
+const FIELDS = [
+  { name: 'minute', min: 0, max: 59 }, { name: 'hour', min: 0, max: 23 }, { name: 'day of month', min: 1, max: 31 },
+  { name: 'month', min: 1, max: 12 }, { name: 'day of week', min: 0, max: 7 },
+] as const;
+const MONTHS = ['','January','February','March','April','May','June','July','August','September','October','November','December'];
+const DAYS = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'];
+
+function labelValue(field: number, value: number) {
+  if (field === 3) return MONTHS[value] ?? String(value);
+  if (field === 4) return DAYS[value] ?? String(value);
+  return String(value);
+}
+
+function validateNumber(value: number, field: number) {
+  const rule = FIELDS[field];
+  if (!Number.isInteger(value) || value < rule.min || value > rule.max) throw new Error(`${rule.name} must be between ${rule.min} and ${rule.max}.`);
+}
+
+function describePart(part: string, field: number): string {
+  if (part === '*') return `every ${FIELDS[field].name}`;
+  const step = part.match(/^\*\/(\d+)$/);
+  if (step) { const value = Number(step[1]); if (value < 1) throw new Error('Step values must be positive.'); return `every ${value} ${FIELDS[field].name}${value === 1 ? '' : 's'}`; }
+  const range = part.match(/^(\d+)-(\d+)$/);
+  if (range) { const start = Number(range[1]); const end = Number(range[2]); validateNumber(start, field); validateNumber(end, field); return `${labelValue(field, start)} through ${labelValue(field, end)}`; }
+  if (/^\d+$/.test(part)) { const value = Number(part); validateNumber(value, field); return labelValue(field, value); }
+  throw new Error(`Unsupported ${FIELDS[field].name} token: ${part}`);
+}
+
+export function explainCron(expression: string) {
+  const fields = expression.trim().split(/\s+/);
+  if (fields.length !== 5) throw new Error('Enter a standard five-field cron expression: minute hour day-of-month month day-of-week.');
+  return fields.map((field, index) => {
+    const parts = field.split(',').map(part => describePart(part, index));
+    return { field: FIELDS[index].name, raw: field, explanation: parts.join(', ') };
+  });
+}
diff --git a/src/lib/csp.ts b/src/lib/csp.ts
new file mode 100644
index 0000000..61ed46a
--- /dev/null
+++ b/src/lib/csp.ts
@@ -0,0 +1,25 @@
+export interface CspFinding { level: 'warning' | 'info'; message: string }
+export function analyzeCsp(policy: string): CspFinding[] {
+  const directives = new Map<string, string[]>();
+  for (const part of policy.split(';')) {
+    const tokens = part.trim().split(/\s+/).filter(Boolean);
+    if (tokens.length) directives.set(tokens[0].toLowerCase(), tokens.slice(1));
+  }
+  const findings: CspFinding[] = [];
+  if (!directives.has('default-src')) findings.push({ level: 'warning', message: 'Add default-src as a fallback policy.' });
+  const script = directives.get('script-src') ?? directives.get('default-src') ?? [];
+  if (script.includes("'unsafe-inline'")) findings.push({ level: 'warning', message: "script-src allows 'unsafe-inline'. Prefer nonces or hashes when practical." });
+  if (script.includes("'unsafe-eval'")) findings.push({ level: 'warning', message: "script-src allows 'unsafe-eval', which weakens script injection protection." });
+  if (script.includes('*')) findings.push({ level: 'warning', message: 'script-src contains a wildcard source.' });
+  const objectSrc = directives.get('object-src');
+  if (!objectSrc || !objectSrc.includes("'none'")) findings.push({ level: 'warning', message: "Set object-src 'none' unless legacy plug-in content is required." });
+  if (!directives.has('frame-ancestors')) findings.push({ level: 'info', message: 'Consider frame-ancestors to control embedding and clickjacking.' });
+  if (!directives.has('base-uri')) findings.push({ level: 'info', message: 'Consider base-uri to prevent injected base tags from changing relative URLs.' });
+  if (!directives.has('form-action')) findings.push({ level: 'info', message: 'Consider form-action to restrict form submission destinations.' });
+  for (const [name, sources] of directives) {
+    if (sources.includes('*')) findings.push({ level: 'warning', message: `${name} contains a wildcard source.` });
+    if (sources.some(source => source.startsWith('http:'))) findings.push({ level: 'warning', message: `${name} contains an insecure http: source.` });
+  }
+  if (!findings.length) findings.push({ level: 'info', message: 'No obvious issues found by this lightweight analyzer. Review the policy against your actual application needs.' });
+  return findings;
+}
diff --git a/src/lib/file-signatures.ts b/src/lib/file-signatures.ts
new file mode 100644
index 0000000..59d79b3
--- /dev/null
+++ b/src/lib/file-signatures.ts
@@ -0,0 +1,52 @@
+export interface SignatureInfo {
+  name: string;
+  mime: string;
+  extensions: string[];
+  container?: boolean;
+}
+
+type Matcher = SignatureInfo & { match: (bytes: Uint8Array) => boolean };
+const at = (bytes: Uint8Array, signature: number[], offset = 0) => signature.every((value, index) => bytes[offset + index] === value);
+const ascii = (bytes: Uint8Array, text: string, offset = 0) => [...text].every((char, index) => bytes[offset + index] === char.charCodeAt(0));
+
+const MATCHERS: Matcher[] = [
+  { name: 'PDF document', mime: 'application/pdf', extensions: ['pdf'], match: b => ascii(b, '%PDF-') },
+  { name: 'PNG image', mime: 'image/png', extensions: ['png'], match: b => at(b, [0x89,0x50,0x4e,0x47,0x0d,0x0a,0x1a,0x0a]) },
+  { name: 'JPEG image', mime: 'image/jpeg', extensions: ['jpg','jpeg'], match: b => at(b, [0xff,0xd8,0xff]) },
+  { name: 'GIF image', mime: 'image/gif', extensions: ['gif'], match: b => ascii(b, 'GIF87a') || ascii(b, 'GIF89a') },
+  { name: 'WebP image', mime: 'image/webp', extensions: ['webp'], match: b => ascii(b, 'RIFF') && ascii(b, 'WEBP', 8) },
+  { name: 'WAV audio', mime: 'audio/wav', extensions: ['wav'], match: b => ascii(b, 'RIFF') && ascii(b, 'WAVE', 8) },
+  { name: 'AVI video', mime: 'video/x-msvideo', extensions: ['avi'], match: b => ascii(b, 'RIFF') && ascii(b, 'AVI ', 8) },
+  { name: 'ZIP-based archive', mime: 'application/zip', extensions: ['zip','docx','xlsx','pptx','odt','ods','odp','jar','apk'], container: true, match: b => at(b,[0x50,0x4b,0x03,0x04]) || at(b,[0x50,0x4b,0x05,0x06]) || at(b,[0x50,0x4b,0x07,0x08]) },
+  { name: 'GZIP archive', mime: 'application/gzip', extensions: ['gz','tgz'], match: b => at(b,[0x1f,0x8b]) },
+  { name: '7-Zip archive', mime: 'application/x-7z-compressed', extensions: ['7z'], match: b => at(b,[0x37,0x7a,0xbc,0xaf,0x27,0x1c]) },
+  { name: 'RAR archive', mime: 'application/vnd.rar', extensions: ['rar'], match: b => at(b,[0x52,0x61,0x72,0x21,0x1a,0x07]) },
+  { name: 'ELF executable', mime: 'application/x-elf', extensions: ['elf','so'], match: b => at(b,[0x7f,0x45,0x4c,0x46]) },
+  { name: 'Windows executable / PE container', mime: 'application/vnd.microsoft.portable-executable', extensions: ['exe','dll','sys'], match: b => at(b,[0x4d,0x5a]) },
+  { name: 'SQLite database', mime: 'application/vnd.sqlite3', extensions: ['sqlite','sqlite3','db'], match: b => ascii(b, 'SQLite format 3\u0000') },
+  { name: 'Ogg media', mime: 'application/ogg', extensions: ['ogg','oga','ogv','opus'], match: b => ascii(b, 'OggS') },
+  { name: 'MP4 / ISO Base Media', mime: 'video/mp4', extensions: ['mp4','m4a','m4v','mov','heic','avif'], container: true, match: b => ascii(b, 'ftyp', 4) },
+  { name: 'MP3 audio with ID3 tag', mime: 'audio/mpeg', extensions: ['mp3'], match: b => ascii(b, 'ID3') },
+  { name: 'BMP image', mime: 'image/bmp', extensions: ['bmp'], match: b => ascii(b, 'BM') },
+  { name: 'TIFF image', mime: 'image/tiff', extensions: ['tif','tiff'], match: b => at(b,[0x49,0x49,0x2a,0x00]) || at(b,[0x4d,0x4d,0x00,0x2a]) },
+  { name: 'ICO image', mime: 'image/x-icon', extensions: ['ico'], match: b => at(b,[0x00,0x00,0x01,0x00]) },
+];
+
+export function detectFileSignature(bytes: Uint8Array): SignatureInfo | null {
+  const found = MATCHERS.find(item => item.match(bytes));
+  if (!found) return null;
+  const { match: _match, ...info } = found;
+  return info;
+}
+
+export function fileExtension(name: string) {
+  const part = name.toLowerCase().split('.').pop();
+  return part && part !== name.toLowerCase() ? part : '';
+}
+
+export function extensionMatches(info: SignatureInfo | null, name: string) {
+  if (!info) return null;
+  const extension = fileExtension(name);
+  if (!extension) return null;
+  return info.extensions.includes(extension);
+}
diff --git a/src/lib/json-diff.ts b/src/lib/json-diff.ts
new file mode 100644
index 0000000..1f4e7e7
--- /dev/null
+++ b/src/lib/json-diff.ts
@@ -0,0 +1,31 @@
+export type JsonDiffKind = 'added' | 'removed' | 'changed';
+export interface JsonDiffEntry { path: string; kind: JsonDiffKind; before?: unknown; after?: unknown }
+const record = (value: unknown): value is Record<string, unknown> => Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+const childPath = (base: string, key: string) => /^[A-Za-z_$][\w$]*$/.test(key) ? `${base}.${key}` : `${base}[${JSON.stringify(key)}]`;
+
+export function diffJson(before: unknown, after: unknown, path = '$'): JsonDiffEntry[] {
+  if (Object.is(before, after)) return [];
+  if (Array.isArray(before) && Array.isArray(after)) {
+    const out: JsonDiffEntry[] = [];
+    const length = Math.max(before.length, after.length);
+    for (let index = 0; index < length; index++) {
+      const itemPath = `${path}[${index}]`;
+      if (index >= before.length) out.push({ path: itemPath, kind: 'added', after: after[index] });
+      else if (index >= after.length) out.push({ path: itemPath, kind: 'removed', before: before[index] });
+      else out.push(...diffJson(before[index], after[index], itemPath));
+    }
+    return out;
+  }
+  if (record(before) && record(after)) {
+    const out: JsonDiffEntry[] = [];
+    const keys = new Set([...Object.keys(before), ...Object.keys(after)]);
+    for (const key of keys) {
+      const itemPath = childPath(path, key);
+      if (!(key in before)) out.push({ path: itemPath, kind: 'added', after: after[key] });
+      else if (!(key in after)) out.push({ path: itemPath, kind: 'removed', before: before[key] });
+      else out.push(...diffJson(before[key], after[key], itemPath));
+    }
+    return out;
+  }
+  return [{ path, kind: 'changed', before, after }];
+}
diff --git a/src/lib/page-selection.ts b/src/lib/page-selection.ts
new file mode 100644
index 0000000..164b3b7
--- /dev/null
+++ b/src/lib/page-selection.ts
@@ -0,0 +1,24 @@
+export function parsePageSelection(input: string, totalPages: number) {
+  if (!Number.isInteger(totalPages) || totalPages < 1) throw new Error('The PDF has no pages.');
+  const value = input.trim();
+  if (!value) return Array.from({ length: totalPages }, (_, index) => index);
+  const pages: number[] = [];
+  for (const rawPart of value.split(',')) {
+    const part = rawPart.trim();
+    if (!part) continue;
+    const range = part.match(/^(\d+)\s*-\s*(\d+)$/);
+    if (range) {
+      const start = Number(range[1]); const end = Number(range[2]);
+      if (start < 1 || start > totalPages || end < 1 || end > totalPages) throw new Error(`Page range ${part} is outside 1-${totalPages}.`);
+      const step = start <= end ? 1 : -1;
+      for (let page = start; page !== end + step; page += step) pages.push(page - 1);
+      continue;
+    }
+    if (!/^\d+$/.test(part)) throw new Error(`Invalid page token: ${part}`);
+    const page = Number(part);
+    if (page < 1 || page > totalPages) throw new Error(`Page ${page} is outside 1-${totalPages}.`);
+    pages.push(page - 1);
+  }
+  if (!pages.length) throw new Error('Select at least one page.');
+  return pages;
+}
diff --git a/src/lib/xml.ts b/src/lib/xml.ts
new file mode 100644
index 0000000..f1372da
--- /dev/null
+++ b/src/lib/xml.ts
@@ -0,0 +1,16 @@
+export const escapeXml = (value: unknown) => String(value ?? '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&apos;');
+export const xmlName = (name: string, index = 0) => {
+  const cleaned = name.trim().replace(/[^A-Za-z0-9_.-]/g, '_').replace(/^[^A-Za-z_]+/, '');
+  return cleaned || `field_${index + 1}`;
+};
+export function formatXml(xml: string) {
+  const lines = xml.replace(/>\s*</g, '><').replace(/(>)(<)(\/?)/g, '$1\n$2$3').split('\n');
+  let depth = 0;
+  return lines.map(line => {
+    const trimmed = line.trim();
+    if (/^<\//.test(trimmed)) depth = Math.max(0, depth - 1);
+    const output = `${'  '.repeat(depth)}${trimmed}`;
+    if (/^<[^!?/][^>]*[^/]?>/.test(trimmed) && !/<\/[^>]+>$/.test(trimmed) && !/\/>$/.test(trimmed)) depth++;
+    return output;
+  }).join('\n');
+}

From e600034b74bdb713cf36abfb10299394a78901f1 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:54:37 +0530
Subject: [PATCH 22/42] Add local PDF and Content Credentials tools

---
 src/app/content-credentials/page.tsx | 18 ++++++
 src/app/pdf-toolkit/page.tsx         | 87 ++++++++++++++++++++++++++++
 2 files changed, 105 insertions(+)
 create mode 100644 src/app/content-credentials/page.tsx
 create mode 100644 src/app/pdf-toolkit/page.tsx

diff --git a/src/app/content-credentials/page.tsx b/src/app/content-credentials/page.tsx
new file mode 100644
index 0000000..3c2522f
--- /dev/null
+++ b/src/app/content-credentials/page.tsx
@@ -0,0 +1,18 @@
+'use client';
+import { useState } from 'react';
+import LocalToolLayout from '@/components/LocalToolLayout';
+
+type C2paReader = { manifestStore: () => Promise<unknown>; activeManifest: () => Promise<unknown>; free: () => void | Promise<void> };
+type C2paClient = { reader: { fromBlob: (mimeType: string, blob: Blob) => Promise<C2paReader | null> }; dispose: () => void | Promise<void> };
+type Result = { active: unknown; store: unknown };
+
+export default function ContentCredentialsPage() {
+  const [file, setFile] = useState<File | null>(null); const [result, setResult] = useState<Result | null>(null); const [status, setStatus] = useState(''); const [busy, setBusy] = useState(false);
+  const inspect = async (next: File) => {
+    setFile(next); setResult(null); setStatus(''); setBusy(true); let c2pa: C2paClient | null = null; let reader: C2paReader | null = null;
+    try { const module = await import('@contentauth/c2pa-web/inline'); c2pa = await module.createC2pa() as unknown as C2paClient; reader = await c2pa.reader.fromBlob(next.type || 'application/octet-stream', next); if (!reader) { setStatus('No embedded C2PA / Content Credentials manifest was found in this file.'); return; } const [active, store] = await Promise.all([reader.activeManifest(), reader.manifestStore()]); setResult({ active, store }); setStatus('Content Credentials metadata found.'); }
+    catch (err) { setStatus(`Could not inspect this file: ${(err as Error).message}`); }
+    finally { try { if (reader) await Promise.resolve(reader.free()); } finally { if (c2pa) await Promise.resolve(c2pa.dispose()); setBusy(false); } }
+  };
+  return <LocalToolLayout title='Content Credentials Inspector' description='Inspect embedded C2PA Content Credentials locally using bundled inline WebAssembly. This tool reads provenance metadata; it does not upload the asset or claim that every signer is trusted.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><input type='file' onChange={event => event.target.files?.[0] && void inspect(event.target.files[0])} className='w-full rounded border p-3'/>{file && <p className='mt-3 text-sm text-slate-600'>{file.name} · {file.type || 'unknown MIME type'} · {(file.size / 1024).toFixed(1)} KB</p>}<p className={`mt-4 ${result ? 'text-emerald-700' : 'text-slate-600'}`} aria-live='polite'>{busy ? 'Inspecting locally...' : status}</p>{result && <div className='mt-6 grid gap-4 lg:grid-cols-2'><div><h2 className='mb-2 font-semibold'>Active manifest</h2><pre className='max-h-[34rem] overflow-auto whitespace-pre-wrap rounded bg-slate-950 p-4 text-xs text-slate-100'>{JSON.stringify(result.active, null, 2)}</pre></div><div><h2 className='mb-2 font-semibold'>Manifest store</h2><pre className='max-h-[34rem] overflow-auto whitespace-pre-wrap rounded bg-slate-950 p-4 text-xs text-slate-100'>{JSON.stringify(result.store, null, 2)}</pre></div></div>}<div className='mt-6 rounded bg-slate-50 p-4 text-sm text-slate-600'>The SDK is bundled with ToolStack and uses its inline WASM build, so this inspector does not need a CDN or a separate WASM request. Trust interpretation can depend on external trust lists, so this page focuses on reading the embedded provenance data rather than making a blanket authenticity claim.</div></section></LocalToolLayout>;
+}
diff --git a/src/app/pdf-toolkit/page.tsx b/src/app/pdf-toolkit/page.tsx
new file mode 100644
index 0000000..b6ccfa6
--- /dev/null
+++ b/src/app/pdf-toolkit/page.tsx
@@ -0,0 +1,87 @@
+'use client';
+import { useState } from 'react';
+import JSZip from 'jszip';
+import { degrees, PDFDocument } from 'pdf-lib';
+import LocalToolLayout from '@/components/LocalToolLayout';
+import { parsePageSelection } from '@/lib/page-selection';
+
+type PdfInfo = { file: File; pages: number; error?: string };
+type MetadataState = { title: string; author: string; subject: string; keywords: string };
+const EMPTY_META: MetadataState = { title: '', author: '', subject: '', keywords: '' };
+const MAX_PDF_FILES = 20;
+const MAX_TOTAL_BYTES = 250 * 1024 * 1024;
+
+function downloadBytes(bytes: Uint8Array, name: string, type = 'application/pdf') {
+  const blob = new Blob([new Uint8Array(bytes).buffer], { type });
+  const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = name; link.click(); URL.revokeObjectURL(url);
+}
+async function loadPdf(file: File) { return PDFDocument.load(await file.arrayBuffer()); }
+const baseName = (name: string) => name.replace(/\.pdf$/i, '');
+
+export default function PdfToolkitPage() {
+  const [files, setFiles] = useState<PdfInfo[]>([]); const [selection, setSelection] = useState(''); const [operation, setOperation] = useState<'extract'|'delete'|'rotate'>('extract'); const [rotation, setRotation] = useState(90); const [busy, setBusy] = useState(false); const [message, setMessage] = useState(''); const [metadata, setMetadata] = useState<MetadataState>(EMPTY_META); const [images, setImages] = useState<File[]>([]);
+
+  const choosePdfs = async (list: FileList | null) => {
+    if (!list) return; const picked = Array.from(list).filter(file => file.type === 'application/pdf' || /\.pdf$/i.test(file.name)).slice(0, MAX_PDF_FILES);
+    const total = picked.reduce((sum, file) => sum + file.size, 0); if (total > MAX_TOTAL_BYTES) { setMessage('Keep PDF batches under 250 MB to avoid exhausting browser memory.'); return; }
+    setBusy(true); setMessage('');
+    try {
+      const loaded = await Promise.all(picked.map(async file => { try { const doc = await loadPdf(file); return { file, pages: doc.getPageCount() }; } catch (err) { return { file, pages: 0, error: (err as Error).message }; } }));
+      setFiles(loaded); const first = loaded.find(item => !item.error && item.pages > 0); if (first) { setSelection(`1-${first.pages}`); const doc = await loadPdf(first.file); setMetadata({ title: doc.getTitle() ?? '', author: doc.getAuthor() ?? '', subject: doc.getSubject() ?? '', keywords: doc.getKeywords() ?? '' }); } else { setSelection(''); setMetadata(EMPTY_META); }
+    } finally { setBusy(false); }
+  };
+
+  const moveFile = (index: number, direction: -1|1) => setFiles(prev => { const target = index + direction; if (target < 0 || target >= prev.length) return prev; const copy = [...prev]; [copy[index], copy[target]] = [copy[target], copy[index]]; return copy; });
+
+  const merge = async () => {
+    const valid = files.filter(item => !item.error && item.pages > 0); if (valid.length < 2) return; setBusy(true); setMessage('');
+    try { const output = await PDFDocument.create(); for (const item of valid) { const source = await loadPdf(item.file); const copied = await output.copyPages(source, source.getPageIndices()); copied.forEach(page => output.addPage(page)); } downloadBytes(await output.save(), 'merged.pdf'); }
+    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+  };
+
+  const applyPages = async () => {
+    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
+    try {
+      const source = await loadPdf(first.file); const indexes = parsePageSelection(selection, source.getPageCount());
+      if (operation === 'extract') { const output = await PDFDocument.create(); const copied = await output.copyPages(source, indexes); copied.forEach(page => output.addPage(page)); downloadBytes(await output.save(), `${baseName(first.file.name)}-selected.pdf`); }
+      else if (operation === 'delete') { const remove = new Set(indexes); const keep = source.getPageIndices().filter(index => !remove.has(index)); if (!keep.length) throw new Error('At least one page must remain after deletion.'); const output = await PDFDocument.create(); const copied = await output.copyPages(source, keep); copied.forEach(page => output.addPage(page)); downloadBytes(await output.save(), `${baseName(first.file.name)}-pages-removed.pdf`); }
+      else { for (const index of new Set(indexes)) { const page = source.getPage(index); page.setRotation(degrees((page.getRotation().angle + rotation + 360) % 360)); } downloadBytes(await source.save(), `${baseName(first.file.name)}-rotated.pdf`); }
+    } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+  };
+
+  const split = async () => {
+    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
+    try { const source = await loadPdf(first.file); const zip = new JSZip(); for (const index of source.getPageIndices()) { const output = await PDFDocument.create(); const [page] = await output.copyPages(source, [index]); output.addPage(page); zip.file(`${baseName(first.file.name)}-page-${String(index + 1).padStart(3,'0')}.pdf`, await output.save()); } const blob = await zip.generateAsync({ type: 'blob' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = `${baseName(first.file.name)}-split.zip`; link.click(); URL.revokeObjectURL(url); }
+    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+  };
+
+  const saveMetadata = async () => {
+    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
+    try { const doc = await loadPdf(first.file); metadata.title ? doc.setTitle(metadata.title) : undefined; metadata.author ? doc.setAuthor(metadata.author) : undefined; metadata.subject ? doc.setSubject(metadata.subject) : undefined; doc.setKeywords(metadata.keywords.split(',').map(value => value.trim()).filter(Boolean)); doc.setModificationDate(new Date()); downloadBytes(await doc.save(), `${baseName(first.file.name)}-metadata.pdf`); }
+    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+  };
+
+  const imagesToPdf = async () => {
+    if (!images.length) return; setBusy(true); setMessage('');
+    try { const doc = await PDFDocument.create(); for (const file of images) { let bytes = new Uint8Array(await file.arrayBuffer()); let embedded; if (file.type === 'image/jpeg' || /\.jpe?g$/i.test(file.name)) embedded = await doc.embedJpg(bytes); else if (file.type === 'image/png' || /\.png$/i.test(file.name)) embedded = await doc.embedPng(bytes); else { const bitmap = await createImageBitmap(file); const canvas = document.createElement('canvas'); canvas.width = bitmap.width; canvas.height = bitmap.height; const context = canvas.getContext('2d'); if (!context) throw new Error('Canvas is unavailable.'); context.drawImage(bitmap, 0, 0); bitmap.close(); const png = await new Promise<Blob>((resolve, reject) => canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error(`Could not convert ${file.name}.`)), 'image/png')); bytes = new Uint8Array(await png.arrayBuffer()); embedded = await doc.embedPng(bytes); }
+      const landscape = embedded.width > embedded.height; const pageWidth = landscape ? 841.89 : 595.28; const pageHeight = landscape ? 595.28 : 841.89; const margin = 36; const scale = Math.min((pageWidth - margin * 2) / embedded.width, (pageHeight - margin * 2) / embedded.height); const width = embedded.width * scale; const height = embedded.height * scale; const page = doc.addPage([pageWidth, pageHeight]); page.drawImage(embedded, { x: (pageWidth - width) / 2, y: (pageHeight - height) / 2, width, height }); }
+      downloadBytes(await doc.save(), 'images.pdf'); }
+    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+  };
+
+  const first = files.find(item => !item.error && item.pages > 0);
+  return <LocalToolLayout title='PDF Toolkit' description='Merge, split, reorder, extract, delete and rotate PDF pages, edit basic metadata, or turn images into a PDF without uploading documents.'>
+    <div className='mx-auto max-w-6xl space-y-6'>
+      <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>PDF files</h2><input type='file' multiple accept='application/pdf,.pdf' onChange={event => void choosePdfs(event.target.files)} className='mt-4 w-full rounded border p-3'/>{files.length > 0 && <div className='mt-4 space-y-2'>{files.map((item, index) => <div key={`${item.file.name}-${item.file.lastModified}`} className='flex flex-wrap items-center gap-2 rounded border p-3'><div className='min-w-0 flex-1'><p className='truncate font-medium'>{item.file.name}</p><p className={`text-sm ${item.error ? 'text-red-600' : 'text-slate-500'}`}>{item.error ? 'Could not read this PDF' : `${item.pages} page${item.pages === 1 ? '' : 's'}`}</p></div><button disabled={index === 0} onClick={() => moveFile(index, -1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} up`}>↑</button><button disabled={index === files.length - 1} onClick={() => moveFile(index, 1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} down`}>↓</button></div>)}</div>}<button disabled={busy || files.filter(item => !item.error).length < 2} onClick={() => void merge()} className='mt-4 rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Merge PDFs in this order</button></section>
+
+      {first && <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>Page operations · {first.file.name}</h2><p className='mt-1 text-sm text-slate-500'>Use page numbers such as 1-3,5,8-6. Descending ranges are useful for reversing pages.</p><div className='mt-4 grid gap-3 md:grid-cols-[1fr_12rem_10rem]'><input value={selection} onChange={event => setSelection(event.target.value)} className='rounded border p-2 font-mono' aria-label='Page selection'/><select value={operation} onChange={event => setOperation(event.target.value as typeof operation)} className='rounded border p-2'><option value='extract'>Extract / reorder</option><option value='delete'>Delete selected</option><option value='rotate'>Rotate selected</option></select>{operation === 'rotate' ? <select value={rotation} onChange={event => setRotation(Number(event.target.value))} className='rounded border p-2'><option value={90}>+90°</option><option value={180}>+180°</option><option value={270}>+270°</option></select> : <div/>}</div><div className='mt-4 flex flex-wrap gap-3'><button disabled={busy} onClick={() => void applyPages()} className='rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Apply & download copy</button><button disabled={busy} onClick={() => void split()} className='rounded bg-slate-800 px-4 py-2 text-white disabled:opacity-40'>Split every page to ZIP</button></div></section>}
+
+      {first && <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>Document metadata</h2><div className='mt-4 grid gap-3 sm:grid-cols-2'><label>Title<input value={metadata.title} onChange={event => setMetadata(prev => ({ ...prev, title: event.target.value }))} className='mt-1 w-full rounded border p-2'/></label><label>Author<input value={metadata.author} onChange={event => setMetadata(prev => ({ ...prev, author: event.target.value }))} className='mt-1 w-full rounded border p-2'/></label><label>Subject<input value={metadata.subject} onChange={event => setMetadata(prev => ({ ...prev, subject: event.target.value }))} className='mt-1 w-full rounded border p-2'/></label><label>Keywords (comma separated)<input value={metadata.keywords} onChange={event => setMetadata(prev => ({ ...prev, keywords: event.target.value }))} className='mt-1 w-full rounded border p-2'/></label></div><button disabled={busy} onClick={() => void saveMetadata()} className='mt-4 rounded bg-emerald-600 px-4 py-2 text-white disabled:opacity-40'>Save metadata to a copy</button></section>}
+
+      <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>Images → PDF</h2><p className='mt-1 text-sm text-slate-500'>JPEG, PNG and browser-decodable images are fitted onto A4 portrait or landscape pages.</p><input type='file' multiple accept='image/*' onChange={event => setImages(Array.from(event.target.files ?? []))} className='mt-4 w-full rounded border p-3'/><button disabled={busy || !images.length} onClick={() => void imagesToPdf()} className='mt-4 rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Create PDF from {images.length || 0} image{images.length === 1 ? '' : 's'}</button></section>
+
+      <div className='rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-950'>PDF operations rewrite document structure. Existing digital signatures can become invalid, and unusual/encrypted PDFs may not be supported. This tool does not claim secure redaction or PDF compression.</div>
+      {message && <p className='rounded bg-red-50 p-3 text-red-700' aria-live='polite'>{message}</p>}
+    </div>
+  </LocalToolLayout>;
+}

From 9d002a337aba040b7cfddb6b41d29cb1cd934add Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:57:36 +0530
Subject: [PATCH 23/42] Surface new tools and add offline-first UI

---
 public/file.svg                    |   1 -
 public/globe.svg                   |   1 -
 public/next.svg                    |   1 -
 public/sw.js                       |   9 ++++
 public/vercel.svg                  |   1 -
 public/window.svg                  |   1 -
 src/app/favicon.ico                | Bin 25931 -> 0 bytes
 src/app/layout.tsx                 |  35 +++-----------
 src/app/license/page.tsx           |  11 +++++
 src/app/manifest.ts                |   2 +
 src/app/offline/page.tsx           |   2 +
 src/app/page.tsx                   |  58 ++++++-----------------
 src/components/Breadcrumbs.tsx     |  50 +++-----------------
 src/components/Footer.tsx          |  25 ++--------
 src/components/PwaRegistration.tsx |   3 ++
 src/components/SourceLink.tsx      |   3 ++
 src/components/TagCloud.tsx        |  72 -----------------------------
 src/components/ToolCard.tsx        |  17 ++-----
 src/components/ToolPage.tsx        |  14 +-----
 src/config/tools.ts                |  31 ++++++-------
 20 files changed, 82 insertions(+), 255 deletions(-)
 delete mode 100644 public/file.svg
 delete mode 100644 public/globe.svg
 delete mode 100644 public/next.svg
 create mode 100644 public/sw.js
 delete mode 100644 public/vercel.svg
 delete mode 100644 public/window.svg
 delete mode 100644 src/app/favicon.ico
 create mode 100644 src/app/license/page.tsx
 create mode 100644 src/app/manifest.ts
 create mode 100644 src/app/offline/page.tsx
 create mode 100644 src/components/PwaRegistration.tsx
 create mode 100644 src/components/SourceLink.tsx
 delete mode 100644 src/components/TagCloud.tsx

diff --git a/public/file.svg b/public/file.svg
deleted file mode 100644
index 004145c..0000000
--- a/public/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
deleted file mode 100644
index 567f17b..0000000
--- a/public/globe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/sw.js b/public/sw.js
new file mode 100644
index 0000000..0d1fdc8
--- /dev/null
+++ b/public/sw.js
@@ -0,0 +1,9 @@
+const CACHE = 'toolstack-v3';
+const CORE = ['/', '/offline', '/manifest.webmanifest', '/favicon.svg'];
+self.addEventListener('install', event => { event.waitUntil(caches.open(CACHE).then(cache => cache.addAll(CORE))); self.skipWaiting(); });
+self.addEventListener('activate', event => { event.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(key => key !== CACHE).map(key => caches.delete(key))))); self.clients.claim(); });
+self.addEventListener('fetch', event => {
+  const request = event.request; if (request.method !== 'GET') return; const url = new URL(request.url); if (url.origin !== self.location.origin) return;
+  if (request.mode === 'navigate') { event.respondWith(fetch(request).then(response => { const copy = response.clone(); caches.open(CACHE).then(cache => cache.put(request, copy)); return response; }).catch(async () => (await caches.match(request)) || (await caches.match('/offline')))); return; }
+  if (url.pathname.startsWith('/_next/static/') || url.pathname === '/favicon.svg' || url.pathname === '/manifest.webmanifest') event.respondWith(caches.match(request).then(cached => cached || fetch(request).then(response => { const copy = response.clone(); caches.open(CACHE).then(cache => cache.put(request, copy)); return response; })));
+});
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index 7705396..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
deleted file mode 100644
index b2b2a44..0000000
--- a/public/window.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index 718d6fea4835ec2d246af9800eddb7ffb276240c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 25931
zcmeHv30#a{`}aL_*G&7qml|y<+KVaDM2m#dVr!KsA!#An?kSQM(q<_dDNCpjEux83
zLb9Z^XxbDl(w>%i@8hT6>)&Gu{h#Oeyszu?xtw#Zb1mO<?sK2}EE5RAKnxHU7lft+
zNRAPL3?T?25I&drAjl1ssi=G|D?(7bFsgtO(2o>{pgX9699l+Qppw7jXaYf~-84xW
z)w4x8?=youko|}Vr~(D$UX<xm7|19n6Hxvd5m6xx<*9a4%RmR{en}E&p$X-wy5A}T
zU0^dwXVA>IbiXABHh`p1?nn8Po~fxRJv}|0e(BPs|G`(TT%kKVJAdg5*Z|x0leQq0
zkdUBvb#>9F()jo|T~kx@OM8$9wzs~t2l;K=woNssA3l6|sx2r3+kdfVW@e^8e*E}v
zA1y5{bRi+3Z`uD3{F7LgFJDdvm;nJilkzDku>BwXH(8ItVCXk*-lSJnR?-2UN%<G)
zWdETe=&R39RaKR)udn|#TOgZ!e!yM=<=+`Uz{l^5UtkZ2fHDQ;UwMB}v%l$A-`~F-
z{Qr^x^CSUf63Sry{6y#+`<sMA?dPFvg)$lC_RkFRKnCi7&P<a6>hJ){&rlvg`CDTj
z)Bzo!3v7Ou#83zEDEFcKt(f1E0~=rqeEbTnMvWR#{+9pg%7G8y>u1OVRUSoox-ovF
z2Ydma(;=YuBY(eI|04{hXzZD6_f(v~H;C~y5=DhAC{MMS>2fm~1H_t2$56pc$NH8(
z5bH|<)71dV-_oCHIrzrT`2s-5w_+2CM0$95I6X8p^r!gHp+j_gd;9O<1~CEQQGS8)
zS9Qh3#p&JM-G8rHekNmKVewU;pJRcTAog68KYo^dRo}(M<!8cv(gkb9@A>>36U4Us
zfgYWSiHZL3;lpWT=<n~R&zm>zNAW>Dh#mB!_@Lg%$ms8N-;aPqMn+C2HqZgz&9~Eu
z4|Kp<`$q)Uw1R?y(~S>ePdonHxpV1#eSP1B;Ogo+-Pk}6#0GsZZ5!||ev2MGdh}_m
z{DeR7?0-1^zVs&`AV6<!ZvGbtU{7FdY&`9DeD(=q|M30$GCs(E?S0J1$e@G0#Z=wz
zl)*a>Vt;r3`I`OI_wgs*w=eO%_#7Kepl{B<UyBc9U%rn&@xFZ-e{%i>@xiyCANc(l
zzIyd4y|c6PXWq9-|KM8(zIk8LPk(>a)zyFWjhT!$HJ$qX1vo@d25W<<x-(q{Yn-pG
zKTz?fwGmh&&2-F3f57**)?Xk#p#S9h^DhK{VVKE&0KR^-_MMD9nf@pDACnmVll!kp
z3?Tha?LWW70P;AL{}cP~sW|?W|MbA09{7Kt2f!i(y>fvZQ2zUz5WRc(UnFMKHwe1|
zWmlB1qdbiA(C0jmnV<}GfbKtmcu^2*P^O?<jWWPHxu*D53Uq)j1!ZtH3Vi&#Nd^rV
zj`B>MBLZKt|As~ge8&AAO~2K@zbXelK|4T<{|y4`raF{=72kC2Kn(L4YyenWgrPiv
z@^mr$t{#X5VuIMeL!7Ab6_kG$&#&5p*Z{+?5U|TZ`B!7llpVmp@skYz&n^8QfPJzL
z0G6K_OJM9x+Wu2gfN45phANGt{7=C>i34CV{Xqlx(fWpeAoj^N0Biu`w+MVcCUyU*
zDZuzO0>4Z6fbu^T_arWW5n!E45vX8N=bxTVeFoep_G#VmNlQzAI_KTIc{6>c+04vr
zx@W}zE5JNSU>!THJ{J=cqjz+4{L4A{Ob9$ZJ*S1?Ggg3klFp!+Y1@K+pK1DqI|_gq
z5ZDXVpge8-cs!o|;K73#YXZ3AShj50wBvuq3NTOZ`M&qtjj#GOFfgExjg8Gn8>Vq5
z`85n+9|!iLCZF5$HJ$Iu($dm?8~-ofu}tEc+-pyke=3!im#6pk_Wo8IA|fJwD&~~F
zc16osQ)EBo58U7XDuMexaPRjU@h8tXe%S{fA0NH3vGJFhuyyO!Uyl2^&EOpX{9As0
zWj+P>{@}jxH)8|r;2HdupP!vie{sJ28b&bo!8`D^x}TE$%zXNb^X1p@0PJ86`dZyj
z%ce7*{^oo+6%&~I!8hQy-vQ7E)0t0ybH4l%KltWOo~8cO`T=157JqL(oq_rC%ea&4
z2NcTJe-HgFjNg-gZ$6!Y`SMHrlj}Etf7<Kk?_r;;``Uc^3+u}-v3@Q8<@$Nr`<F?K
z-%F>?r!zQTPPSv}{so2e>Fjs1{<qUF=hGRSFDG$<z3x<+@%{Vd%a`e+qodRP&D<om
zAEn>gzk~LGeesX%r(Lh6rbhSo_n)@@G-FTQy93;l#E)hgP@d_SGvyCp0~o(Y;Ee8{
zdVUDbHm5`2taPUOY^MAGOw*<R_VaVlPH<<CgYr!E->>=s7=Gst=D+p+2yON!0%Hk`
zz5mAhyT4lS*T3LS^WSxUy86q&GnoHxzQ6vm8)VS}_zuqG?+3td68_x;etQAdu@sc6
zQJ&5|4(I?~3d-QOAODHpZ=hlSg(lBZ!JZWCtHHSj`0Wh93-Uk)_S%zsJ~aD>{`A0~
z9{AG(e|q3g5B%wYKRxiL2Y$8(4w<boVrLOyLG9R$m+7N>6bzchKuloQW#e&S3n+P-
z8!ds-%f;TJ1>)v)##>gd{PdS2Oc3VaR`fr=`O8QIO(6(N!A?pr5C#6fc~Ge@N%Vvu
zaoAX2&(a6eWy_q&UwOhU)|P3J0Qc%OdhzW=F4D|pt0E4osw;%<%Dn58hAWD^XnZD=
z>9~H(3bmLtxpF?a7su6J7M*x1By7YSUbxGi)Ot0P77`}P<HJ;%@cvfCkvm6xcMjdY
zed_u6xK)F%|1Hy`)`e~K(f*MqTJ?92I+4lga{A5`-U@Cab35G6unNk<*dpB|Rtkp;
z?32o^yBlJsuA-^abQ~7;%<oa^k<DbKc{lOW2!yM#nEALvv)IhY7b|Wfg(UhtiurTM
zY-B6L26$JQo&Kt3nh3JTJ)garEgw^{uEM3__%b$U5{~+aMO*k)6R#grkER2`U6KS-
z=j1=QhCkuy%iiHWrqH8CeGNw*C?epTpl2Bo@ugUPKRFeiVHOpL7PHu-SAgX@qmTGH
z_%ePz1`io8XDfwLmip;Rn;1yo+3>3{)&5Un{KD?`-e?r21!4vTTnN(4Y6Lin?UkSM
z`MXCTC1@4A4~mvz%Rh2&EwY))LeoT=*`tMoqcEXI>TZU9WTP#l?uFv+@Dn~b(>xh2
z;>B?;Tz2SR&KVb>vGiBSB`@U7VIWFSo=LDSb9F{GF^DbmWAfpms8Sx9OX4CnBJca3
zlj9(x!dIjN?OG1X4l*imJNvRCk}F%!?SOfiOq5y^mZW)jFL@<gIi}tCXee1<sGV$i
z4r_`X#mEQbiDh!Efji0GjM9z-0bF}p0(*s(OzMJ|;K&OJBar<ARLp}T>a|r-@d#f7
z2gmU8L3IZq0ynIws=}~m^#@&C%J6QFo~Mo4V`>v7MI-_!EBMMtb%_M&kvAaN)@ZVw
z+`toz&WG#HkWDjnZE!6nk{e-oFdL^$YnbOCN}JC&{$#$O27@|Tn-skXr)2ml2~O!5
zX+gYoxhoc7qoU?C^3~&!U?kRFtnSEecWuH0B0OvLodgUAi}8p1<ZO0#U-k07ifx!>
zrO6RSXHH}D<I*>Mc$&|?D004<Y&c6)m74d`LOLU@ruR+Um4>DiOVMHV8kXCP@7NKB
zgaZq^^O<7PoKEp72kby@W0Z!Y*A<g|TlOeriuPP`vK2IntATvs?Iv|J14j&;NFSFo
zyJ+sca?G+8C%!b{Sq=6cJJqS>y{&vfg#C&gG@YVR9g?FEocMUi1gSN$+V+ayF45{a
zuDZDT<?u;)RfLQwg>N}mS|;BO%gEf}pjBfN2-gIrU#G5~cucA;dokXW89%>AyXJJI
z9X4Ul<x{xc_m~`mWBP0<g-{#wm}Vv~Ef3pKWC&N_<~88zSbEk;;+{DnJ9-u&Zc74s
zJ6TCQyl_^|5cY;wmDdrU@LTL-3v0H#Ui?8ICQV{imof1MHuM$`e*ux>IWA|ZYHgbI
z5?oFk@A=Ik7lrEQPDH!H+b`7_Y~aDb_qa=B2^Y&Ow41cU=4WDd40dp5(QS-WMN-=Y
z9g;6_-JdNU;|6cPwf$ak*aJIcwL@1n$#l~zi{c{EW?T;DaW*E8DYq?Umtz{nJ&w-M
zEMyT<MDk{HKbd#ckg5-pS_?QUVhZv?&Q-ioBS}$nvBd)nE7YO0deN~G(#zCJAbY$E
z!)g3Ytl=_NDUV%pykcE+Q<{EoZ_4FR@&#d<hqs%N>DrC&9K$d|kZe2#ws6)L=7K+{
zQw{XnV6UC$6-rW0emqm8wJoeZK)wJIcV?dST}Z;G0Arq{dVDu0&4kd%N!3F1*;*pW
zR&qUiFzK=@44#QGw7k1`3t_d8&*kBV->O##t|tonFc2YWrL7_eqg+=+k;!F-`^b8>
z#KWCE8%u4k@EprxqiV$VmmtiWxDLgnGu$Vs<8rppV5E<MCr+anDo)-{XRlCJ;D#M(
zT=3WgR02;Nm!54biUb^FtzPh8iGrf412epnki-k+G4mdkzC|lJqaRMbb0~Jjp-{}I
z5Do5afZi>ajBXL4nyyZM$SWVm!wnCj-B!Wjqj5-5dNXukI2$$|Bu3Lrw}z65Lc=1G
z^-#WuQOj$hwNGG?*CM_TO8Bg-1+qc>J7k5c51U8g?ZU5n?HYor;~JIjoWH-G>AoUP
ztrWWLbRNqIjW#RT*WqZgPJXU7C)VaW5}MiijYbABmzoru6EmQ*N8cVK7a3|aOB#O&
zBl8JY2WKfmj;h#Q!pN%9o@VNLv{OUL?rixHwOZuvX7{IJ{(EdPpuVFoQqIOa7gi<U
zTpbX&UCeYeNu>LVkBOKL@^smUA!tZ1CKRK}#SSM)iQHk)*R~?M!qkCruaS!#oIL1c
z<cK@1=jX>?J<BS8bpdt^R+}%A_DEhF^%o}8e!!lc`Y!qU>;U~&FfH#*98^G?i}pA{
z9Jg36t4=%6mhY(quYq*vSxptes9qy|7xSlH?G=S@>u>Ebe;|LVhs~@+06N<4CViBk
zUiY$thvX;>Tby6z9Y1e<Q<iIG*|o$r?OTFp`s)@_nHs4LeWbGvg7^}NK)>dAMQaiH
zm^r3v#$Q#2T=X>bsY#D%s!bhs^M9PMAcHbCc0FMHV{u-dwlL;a1eJ63v5U*?Q_8JO
zT#50!RD619#j_Uf))0ooADz~*9&lN!bBDRUgE>Vud-i5ck%vT=r^yD*^?Mp@Q^v+V
zG#-?gKlr}Eeqifb{|So?HM&g91<J5P5=Ly{?(NNY{6`O~L5r@sJe3rNZn06%SLk);
z9?hvE^Hr{!*G$<_doyzGn#*z*#}?)8dH=eYTgvc)T~}Jw!kCv68<+KL5{5?EXtDAZ
zWeNqp8%KIuBi&icn5s815Vho<+99VW1~m@L8l0=$c`t-L{q))~<!p*~vCdUcBcPz`
zyUi}!-k_`G{>P8|av8hQoCmQXkd?7wIJw<dY^{|7OQJUHKB~nksN_|Xy;DL?xjxU^
zbMa`WdfTBnr<wTd$mY&SgJ4U|X``k`#`gN@M+0x2W{YgC3kbLk<uYFJWglkx_)2#b
ztRiuA!EK9o)f`I2k)l;Of%E`ff91WlZh8yfRi6#N-mC`Ma(yr~U82SyAhc9B+ur!f
zP-3igg*KeYs9mGOAw@OaXYy9DnGjn0<m`JH&Q^h}^!h+uS9Ct*o-oEy(?iT6Yco>b
z_^v8bbg`<ZOL)a;i=IdfK0Zvw4nXsoC?eTOMpY)_ptiORm%J(1CD3dE0Z%Vy<2iHp
zcp>SAn{I*4bH$u(RZ6*x<DqKJ+5;a6Jq~=Y8V&c?Vsyq88!2nD?H?Eww58Mqt$7R8
z5BMjmKx>UhuA~hc=8czK8SHEKTzSxgbwi~9(OqJB&gwb^l4+m`k*Q;_?>Y-APi1{k
zAHQ)P)G)f|AyjSgcCFps)Fh6Bca*Xznq3<?y%xNvu0N78_R?~<RDFQx0ynlRG(E|j
zvEGN3bF<E_9p-I!UwQXFqcSGV#e^98tgFqLp+z9eP}y!jNA{)r*a+%M-_20xg?94<
zzmM{}syi0cd&P)zywMdS&Y_9k5JDtOM!L)b^2WP!+fHYGv>6!pV6Az&m{O8$wGFD?
zY&O*3*J0;_EqM#jh6^gMQKpXV?#1?>$ml1xvh8nSN>-?H=V;nJIwB07YX$e6vLxH(
zqYwQ>qxwR(i4f)DLd)-$P>T-no_c!LsN@)8`e;W@)-Hj0>nJ-}Kla4-ZdPJzI&Mce
zv)V_j;(3ERN3_@I$N<^|4Lf`B;8n+bX@bHbcZTopEmDI*Jfl)-pFDvo6svPRoo@(x
z);_{lY<;);XzT`dBFpRmGrr}z5u1=p<K1~3>C^<jVp}L(pzgMB_Vs-O?{Z?y$8M;)
zi@7zwpzV9#m72%En~(9@E)GWV^(~J*@^*K*TE0mynAnGJ5YSLCEnC42H-`tr4L=oW
zI}N{xQ$HT8Q6CVHf%RY&xw7!Zj(0xmg(K#UQ4u!ej95z7V4phlcTJ2&AR}$)zV-s!
zO7bqY6(=?1t+JCOW_z%HRE>S-{ce6iXQlLGcItwJ^mZx{m$&DA_oEZ)B{_bYPq-HA
zcH8WGoBG(aBU_j)vEy+_71T34@4dmSg!|M8Vf92Zj6WH7Q7t#OHQqWgFE3ARt+%!T
z?oLovLVlnf?2c7pTc)~cc^($_8nyKwsN`RA-23ed3sdj(ys%pjjM+9JrctL;dy8a(
z@en&CQmnV(()bu|Y%G1-4a(6x{aLytn$T-;(&{QIJB9vMox11U-1HpD@d(QkaJdEb
zG{)+6Dos_L+O3NpWo^=gR?evp|CqEG?L&Ut#D*KLaRFOgOEK(Kq1@!EGcTfo+%A&I
z=dLbB+d$u{sh?u)xP{PF8L%;YPPW53+@{>5W=Jt#wQpN;0_HYdw1{ksf_XhO4#2F=
zyPx6Lx2<92L-;L5PD`zn6zwIH`Jk(<gsVPionpJ-imI56$j4P0!br@ny3=!{x2TY^
zCD=)8_PgmN)E!^nczcDGc9Wm7oo5O3@fh=k=kh8J?_3KqEp7JHdv8z_iZ5#KmbiPt
z2Bt8Ro^p$7pS!xL3mtj<iN3f}#r6_&$Es0PnJTE?c;0#$%cGdu`T%~`gW;c^VD-S=
zrAatMf^%Lzr*wQ4kHSOb?WOUuEsJQ3xr{Imf1t{~iNmRwb_SP9!?FFN=b-E){!8P2
ztWCT~262O8`%?3<W4Wg+ovWY<re)?^kZ|Yi>$?Qw({erA$^bC;q33hv!d!>%wRhj#
zal^hk+WGNg;rJtb-EB(?czvOM=H7dl=vblBwAv>}%1@{}mnpUznfq1cE^sgsL0*4I
zJ##!*B?=vI_OEVis5o+_IwMIRrpQyT_Sq~ZU%oY7c5JMIADzpD!Upz9h@iWg_>>~j
zOLS;wp^i$-E?4<_cp?RiS%Rd?i;f*mOz=~(&3lo<=@(nR!_Rqiprh@weZlL!t#NCc
zO!QTcInq|%#>OVgobj{~ixEUec`E25zJ~*DofsQdzIa@5^nOXj2T;8O`l--(QyU<o
zeu8G~Z>^$t?TGY^7#&FQ+2SS3B#qK*k3`ye?8jUYSajE5iBbJls75CCc(m3dk{t?-
zopcER9{Z?TC)mk~gpi^kbbu>b-+a{m#8-y2^p$ka4n60w;Sc2}HMf<8JUvh<G@KZw
z+<GL!lpeahq2+nO{>CL0B&Btk)T`ctE$*qNW8L$`7!r^9T+>=<=2qaq-;ll2{`{Rg
zc5a0ZUI$oG&j-qVOuKa=*v4aY#IsoM+1|c4Z)<}lEDvy;5huB@1RJPquU2U*U-;gu
z=En2m+qjBzR#DEJDO`WU)hdd{Vj%^0V*KoyZ|5lzV87&g_j~NCjwv0uQVqXOb*QrQ
zy|Qn`hxx(58c<SELWpDAg~83oY-J_WoDiI6d7>70$E;L(X0uZZ72M1!6oeg)(cdKO
ze0gDaTz+ohR-#d)NbAH4x{I(21yjwvBQfmpLu$)|m{XolbgF!pmsqJ#D}(ylp6uC>
z{bqtcI#hT#HW=wl7>p!38sKsJ`r8}lt-q%Keqy%u(xk=yiIJiUw6|5IvkS+#?JTBl
z8H5(Q?l#wzazujH!8o>1xtn8#_w+397*<wp?Ryt$UFh41$qd}LyNJ7Oao(Aw2g|wy
zH_nZ+R#~EUME^#j4$@^5&>_cy8!pQGP%K(Ga3pAjsaTbbXJlQF_+m+-UpUUent@xM
zg%jqLUExj~o^vQ3Gl*>wh=_gOr2*|U64_iXb+-111a<qXXnUI&{l`dM&{4Gw)jZn;
zlj{VxW@#OcVE1Y%J*u^Z@H+XSqL6SwA|^jv2RU_+d;O!mk)dw7-m9B4{6*G1zRdR6
zQ}6v&Xt7R2h3Xp}EQk4nF2TULG{Ri=D|JC<a+K7dldN1}CY_f!vK#u}K3`g#TpO&W
z;!;64`0$d9raD!VbYP`kuFUasaMh!;&81y}LHS(SuGRxwEn4LZb4DS1j9iAq$MXd@
z(Ebka7_Gc(ljGaJqtI-OzmA@c@sYB$)Vg!RP4~``vaVyRq$rJXRjIPwtepN;(B%wy
zmU>H}$TjeajM+I20xw(((>fej-@CIz4S1pi$(#}P7`4({6QS2CaQS4NPENDp>sAqD
z$bH4KGzXGffkJ7R>V>)>tC)uax{UsN*dbeNC*v}#8Y#OWYwL4t$ePR?VTyIs!wea+
z5Urmc)X|^`MG~*dS6pGSbU+gPJoq*^a=_>$n4|P^w$sMBBy@f*Z^Jg6?n5?oId6f{
z$LW4M|4m502z0t7g<#Bx%X;9<=)smFolV&(V^(7Cv2-sxbxopQ!)*#ZRhTBpx1)Fc
zNm1T%bONzv6@#|dz(w02AH8OXe>kQ#1FMCzO}2J_mST)+ExmBr9cva-@?;wnmWMOk
z{3_~EX_xadgJGv&H@zK_8{(x84`}+c?oSBX*Ge3VdfTt&F}yCpFP?CpW+BE^cWY0^
zb&uBN!Ja3UzYHK-CTyA5=L<c0d<h!DNBIa<xax8W3(Ru8L0cVXQ18|Y^|*S%)R96z
zBT$(=zQ}2vmt6LzN~Oyf_Y92%P@QOx{7~}5!UIqCdfu?VwC0Nb!2@iiit8-5zUWFG
z*G&+GLIU#J;}hvowNJWnglvb^<2q~lS#?ixVtYT@(O3{TC|4kFJYLB*jni-4YZi0>
zEMW{l3Usky#ly=7px648W31UNV@K)&Ub&zP1c7%)`{);I4b0Q<)B}3;NMG2JH=X$U
zfIW4)4n9ZM`-yRj67I)YSLDK)qfUJ_ij}a#aZN~9EXrh8eZY2&=uY%2N0UFF7<~%M
zsB8=erOWZ>Ct_#^tHZ|*q`H;A)5;ycw*I<Cd*bZlOJ9YmRUK2<qXkpRR3nr6r~%Jz
z*(8tA&DYO)etdgVmoonqD{*<5Fog4ClIs-~_uhjuZOI}#Wy+ce${%#oyHloXelqfz
z8)?D3Y_>cmVxi8_0Xk}aJA^ath+E;xg!x+As(M#0=)3!NJR6H&9+zd#iP(m0PIW8$
z1Y^VX`>jm`W!=WpF*{ioM?C9`yOR>@0q=u7o>BP-eSHqCgMDj!2anwH?s%i2p+Q7D
zzszIf5XJpE)IG4;d_(La-xenmF(tgAxK`Y4sQ}BSJEPs6N_U2vI{8=0C_F?@7<(G;
zo$~G=8p+076G;`}>{MQ>t>7cm=zGtfbdDXm6||jUU|?X?CaE?(<6bKDYKeHlz}DA8
zXT={X=yp_R;HfJ9h%?eWvQ!dRgz&Su*JfNt!Wu>|XfU<MM~gB&J0gc}IH}?|B4WRK
zWPL0FhctFGdMucOFdhrVunIe5)4K^H9IjB#eA)p5w?c#v7kp8jx^~bxxJB{;hPFL9
zkR9Dbpj+T5ZMgHQg|oj*DS;x&jK}1rn&}Shp9sgOI*7puQD-w?3H*cg72;5H(_zW*
zApJBIM-p2~F;qWDj!n|Kd=5|T8OPkQ_G;ujgvKybr5@~eci2{8WAz+%NUSp-&eoG!
zOGLNLJewWl&1*NT467W3god~fYgX?!f0?NCFnjD$qE-fyQ)|Q_DLc*{olmXSVl$g_
z$vj}o?RatMy(o*j8?q1Mgw{OUOgVR6_qvS<Co*&!cR`ROi|*I`ajyG5s@L8agnX2J
zF=DLkMG`z{RP&996y0yAtvJcb<cba?TV#j4VYFPC>&68iRikRrHRW|ZxzRR^`eIGt
zIeiDgVS>IeExKVRWW8-=<xUfo0v~z=RA=cFWKXgcMECd}xHp7iqkBanH}TZ0h0rA=
zqxUZ>A=<k-RjTtwbJkkep{8z*173wY^e%-U0{Ue!n@wbg^2q)Vx5c(_RfvuR4}XXn
z+JE>yA`}`)ZkWBrZD`hpWIxBGkh&f#ijr449~m`j6{4jiJ*C!oVA8ZC?$1RM#K(_b
zL9TW)kN*Y4%^-qPpMP7d4)o?Nk#>aoYHT(*g)qmRUb?**F@pnNiy6Fv9rEiUqD(^O
zzyS?nBrX63BTRYduaG(0VVG2yJRe%o&rVrLjbxTaAFTd8s;<<@Qs>u(<193R8>}2_
zuwp{7;H2a*X7_jryzriZXMg?bTuegABb^87@SsKkr2)0Gyiax8KQWstw^v<oS3Xw7
zu51m`3~hoyxErcHymdFTZd#AO59{EkuFTcpAR33(3xc{zRnn1~1Ei(i*^HdCvM~;;
za&}Uip|u>#ix45EVrcEhr>!NMhprl<CqZuKa#zuI&@zymVzIicetS0bq#u?m(r_@S
zJ79bl%4EyHCQ3fK@en+A1@)e}HWLP|gr_zuoA{}Z<(-*53Zu@k+=^%~5F(z$EFLI;
z-TQTS8$W|GRbZq93Ha1?lu+`O;rn>$InQMzjSFH54x5k9qHc`@9uKQzvL4ihcq{^B
zPrVR=o_ic%Y>6&rMN)hTZsI7I<3&`#(nl+3y3ys9A~<Ao%ZuW})CJ)6^(aRV(gGxR
z89#(FDW;GZEAf;rI$+PU)rEV|rASrwP0_mr^Ldv)IuUf1M>&^=4?PL&nd8)`OfG#n
zwAMN$1&>K++c{^|7<<q5KGu)u(OEfEJJw2aEi(;x-i=Y=j3ram9H2n-Fuqv0dVlXJ
z&WgG5X({!vJFDrEbm+CWDca^zIe2@s1@a;;Y3!U9Q)&P0UXFmCP51_!wvTfAIyR^M
z7^R*O@yz1b-s4VC>4P=2y(B{jJsQ0a#U;HTo4ZmWZYvI{+s;Td{Yzem%0*k#)vjpB
zia;J&>}ICate44SFYY3vEelqStQWFihx%^vQ@Do(sOy7yR2@WNv7Y9I^yL=nZr3mb
zXKV5t@=?-Sk|b{XMhA7ZGB@2hqsx}4xwCW!in#C<kr{U&JG{9FhoZ<aTve_lLz39>
zI@}sc<h3gsW}hp-`WUywKA>Zlr3-NFJ@NFaJlhyfcw{k^vvtGl`N9xSo**rDW4S}i
zM9{fMPWo%4wYDG~BZ18BD+}h|GQKc-g^{++3MY>}W_uq7jGHx{mwE9fZiPCoxN$+7
zrODGGJrOkcPQUB(FD5aoS4g~7#6NR^ma7-!>mHuJfY5kTe6PpNNKC9GGRiu^L31uG
z$7v`*JknQHsYB!Tm_W{a32TM099djW%5e+j0Ve_ct}IM>XLF1Ap+YvcrLV=|CKo6S
zb+<Td{{5RWR}u2f(q<b(D$9JsF0OOzJ*+z0P5kc1t}CXlYgua%x*2lSgp|*WS3H-#
zdYr7?GQOL18zUS<2|;+vi4|4sQBM2Gs&WVS!D`q5Lz;XR@5rEfa{uG-!q?R8Ncz%(
z5K6~LQ@d2wp#)5q4u<ENlFbS)U4o1t9{-d>9Nl3_YdKP6%Cxy@6TxZ>;4&nTneadr
z_ES90ydCev)LV!dN=#(*f}|ZORFdvkYBni^aLbUk>BajeWIOcmHP#8S)*2U~QKI%S
zyrLmtPqb&TphJ;>yAxri#;{uyk`JJqODDw%(Z=2<VfJZemI(PFAD{6Sm|uE%BTbkl
zROsg*MOh20YgGs3H7?@pmQ>`1uc}br^V%>j!gS)D*q*f_-qf8&D;W1dJgQMlaH5er
zN2U<%Smb7==vE}dDI8K7cKz!vs^73o9f>2sgiTzWcwY|BMYHH5%Vn7#kiw&eItCqa
zIkR2~Q}>X=Ar8W|^Ms41Fm8o6IB2_j60eOeBB1Br!boW7JnoeX6Gs)?7rW0^5psc-
zjS16yb>dFn>KPOF;imD}e!enuIniFzv}n$m2#gCCv4jM#ArwlzZ$7@9&XkFxZ4n!V
zj3dyiwW4Ki2QG{@i>yuZXQizw_OkZI^-3otXC{!(lUpJF33gI60ak;Uqitp74|B6I
zgg{b=Iz}WkhCGj1M<xTd?60J5qsr1Cg7F~~U2N!(@lC<>=hu4#Aw173YxIVbISaoc
z-nLZC*6Tgivd5V`K%GxhBsp@SUU60-rfc$=wb>zdJzXS&-5(NRRodFk;Kxk!S(<ov
z$YXcI9;^grAyiJ4dWTv3b}K~Ww09(;mLY4+kj|$A?IMr}`7q?mIS1>O(a0e7oY=E(
zAyS;Ow?6Q&XA+cnkCb{28_1N8H#?J!*$MmIwLq^*T_9-z^&UE@A(z9oGYtFy6EZef
LrJugUA?W`A8`#=m

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8004dfd..2599102 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,31 +1,8 @@
-import type { Metadata } from 'next';
-
+import type { Metadata, Viewport } from 'next';
 import { Inter } from 'next/font/google';
+import PwaRegistration from '@/components/PwaRegistration';
 import './globals.css';
-
-const inter = Inter({
-  weight: ['400', '600', '700', '800'],
-  subsets: ['latin'],
-  variable: '--font-inter',
-  display: 'swap',
-});
-
-export const metadata: Metadata = {
-  title: 'ToolStack - Free Privacy-Focused Online Tools',
-  description: 'ToolStack is a collection of simple, free, and privacy-focused online tools that work entirely in your browser.',
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang='en'>
-      <head>
-        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-      </head>
-      <body className={`${inter.variable} font-sans antialiased`}>{children}</body>
-    </html>
-  );
-}
+const inter = Inter({ weight: ['400','600','700','800'], subsets: ['latin'], variable: '--font-inter', display: 'swap' });
+export const metadata: Metadata = { title: { default: 'ToolStack - Privacy-First Browser Tools', template: '%s | ToolStack' }, description: 'Free privacy-focused utilities that process your working data locally in the browser.', applicationName: 'ToolStack', manifest: '/manifest.webmanifest', icons: { icon: '/favicon.svg' }, openGraph: { title: 'ToolStack - Privacy-First Browser Tools', description: 'Browser tools with no file uploads, accounts, or tracking.', type: 'website' } };
+export const viewport: Viewport = { themeColor: '#0284c7', colorScheme: 'light' };
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) { return <html lang='en'><body className={`${inter.variable} font-sans antialiased`}><PwaRegistration/>{children}</body></html>; }
diff --git a/src/app/license/page.tsx b/src/app/license/page.tsx
new file mode 100644
index 0000000..9871a1a
--- /dev/null
+++ b/src/app/license/page.tsx
@@ -0,0 +1,11 @@
+import Navbar from '@/components/Navbar'; import Breadcrumbs from '@/components/Breadcrumbs'; import Footer from '@/components/Footer';
+const LICENSE = `MIT License
+
+Copyright (c) 2025 Suraj Verma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.`;
+export default function LicensePage() { return <div className='flex min-h-screen flex-col bg-slate-50'><Navbar/><Breadcrumbs/><main className='container mx-auto flex-grow px-4 py-8'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><h1 className='text-3xl font-bold text-slate-900'>MIT License</h1><pre className='mt-6 whitespace-pre-wrap font-sans text-sm leading-7 text-slate-700'>{LICENSE}</pre></section></main><Footer/></div>; }
diff --git a/src/app/manifest.ts b/src/app/manifest.ts
new file mode 100644
index 0000000..913d005
--- /dev/null
+++ b/src/app/manifest.ts
@@ -0,0 +1,2 @@
+import type { MetadataRoute } from 'next';
+export default function manifest(): MetadataRoute.Manifest { return { name: 'ToolStack', short_name: 'ToolStack', description: 'Privacy-first browser tools that process working data locally.', start_url: '/', display: 'standalone', background_color: '#f8fafc', theme_color: '#0284c7', icons: [{ src: '/favicon.svg', sizes: 'any', type: 'image/svg+xml', purpose: 'any' }] }; }
diff --git a/src/app/offline/page.tsx b/src/app/offline/page.tsx
new file mode 100644
index 0000000..1a571ab
--- /dev/null
+++ b/src/app/offline/page.tsx
@@ -0,0 +1,2 @@
+import Link from 'next/link';
+export default function OfflinePage() { return <main className='flex min-h-screen items-center justify-center bg-slate-50 p-6'><section className='max-w-lg rounded-2xl bg-white p-8 text-center shadow'><div className='text-5xl' aria-hidden='true'>🔒</div><h1 className='mt-4 text-3xl font-bold text-slate-900'>You are offline</h1><p className='mt-3 text-slate-600'>ToolStack can reopen pages that were previously cached on this device. Reconnect once to load a tool you have not visited before.</p><Link href='/' className='mt-6 inline-block rounded bg-sky-600 px-5 py-2 font-semibold text-white'>Open cached home</Link></section></main>; }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index aea9a70..bfb526c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,4 @@
 'use client';
-
 import { useMemo, useState } from 'react';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
@@ -10,47 +9,18 @@ import { TOOLS, TOOL_CATEGORIES } from '@/config/tools';
 import type { ToolCategory } from '@/types/tool';
 
 export default function HomePage() {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [category, setCategory] = useState<ToolCategory | null>(null);
-
-  const filteredTools = useMemo(() => {
-    const q = searchTerm.trim().toLowerCase();
-    return TOOLS.filter((tool) => {
-      const categoryMatch = !category || tool.category === category;
-      const searchMatch = !q || tool.name.toLowerCase().includes(q) || tool.description.toLowerCase().includes(q) || tool.tags.some((tag) => tag.toLowerCase().includes(q));
-      return categoryMatch && searchMatch;
-    });
-  }, [searchTerm, category]);
-
-  return (
-    <div className='flex min-h-screen flex-col bg-slate-50'>
-      <Navbar />
-      <main className='container mx-auto flex-grow px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='bg-gradient-to-r from-sky-500 to-indigo-600 bg-clip-text text-5xl font-extrabold tracking-tight text-transparent'>ToolStack</h1>
-          <p className='mx-auto mt-3 max-w-3xl text-xl font-medium text-slate-600'>Useful browser tools with a simple rule: your working data stays on your device.</p>
-          <div className='mt-5'><PrivacyBadge /></div>
-        </header>
-
-        <section className='mb-8'><SearchBar onSearch={setSearchTerm} /></section>
-
-        <section className='mb-10 rounded-xl bg-white p-5 shadow-sm' aria-label='Tool categories'>
-          <div className='flex flex-wrap justify-center gap-2'>
-            <button onClick={() => setCategory(null)} className={`rounded-full px-4 py-2 text-sm font-medium ${category===null?'bg-sky-600 text-white':'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>All</button>
-            {TOOL_CATEGORIES.map((item) => <button key={item} onClick={() => setCategory(item)} className={`rounded-full px-4 py-2 text-sm font-medium ${category===item?'bg-sky-600 text-white':'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>{item}</button>)}
-          </div>
-        </section>
-
-        <section>
-          <div className='mb-5 flex flex-wrap items-baseline justify-between gap-2'>
-            <h2 className='text-2xl font-semibold text-slate-700'>{category ?? 'All Tools'}</h2>
-            <span className='text-sm text-slate-500'>{filteredTools.length} tool{filteredTools.length===1?'':'s'}</span>
-          </div>
-          <ToolList tools={filteredTools} />
-          {filteredTools.length===0 && <div className='rounded-lg bg-white p-8 text-center shadow'><p className='text-slate-500'>No tools found matching your search.</p></div>}
-        </section>
-      </main>
-      <Footer />
-    </div>
-  );
+  const [searchTerm, setSearchTerm] = useState(''); const [category, setCategory] = useState<ToolCategory | null>(null); const [tag, setTag] = useState<string | null>(null);
+  const topTags = useMemo(() => { const counts = new Map<string, number>(); TOOLS.forEach(tool => tool.tags.forEach(value => counts.set(value, (counts.get(value) ?? 0) + 1))); return [...counts.entries()].sort((a,b) => b[1] - a[1] || a[0].localeCompare(b[0])).slice(0,14).map(([value]) => value); }, []);
+  const q = searchTerm.trim().toLowerCase(); const filtered = useMemo(() => TOOLS.filter(tool => (!category || tool.category === category) && (!tag || tool.tags.includes(tag)) && (!q || tool.name.toLowerCase().includes(q) || tool.description.toLowerCase().includes(q) || tool.tags.some(value => value.toLowerCase().includes(q)))), [category, tag, q]);
+  const featured = useMemo(() => TOOLS.filter(tool => tool.featured).slice(0,6), []); const newest = useMemo(() => TOOLS.filter(tool => tool.new).slice(-8).reverse(), []); const browsingAll = !category && !tag && !q;
+  const clearFilters = () => { setCategory(null); setTag(null); setSearchTerm(''); };
+  return <div className='flex min-h-screen flex-col bg-slate-50'><Navbar/><main className='container mx-auto flex-grow px-4 py-10'>
+    <header className='mx-auto mb-10 max-w-4xl text-center'><h1 className='text-5xl font-extrabold tracking-tight text-slate-950'>Tool<span className='text-sky-600'>Stack</span></h1><p className='mx-auto mt-4 max-w-3xl text-xl font-medium text-slate-600'>Useful tools with one simple privacy rule: your working data stays on your device.</p><div className='mt-5'><PrivacyBadge/></div></header>
+    <section className='mx-auto mb-8 max-w-4xl'><SearchBar onSearch={setSearchTerm}/></section>
+    <section className='mb-8 grid gap-3 sm:grid-cols-3'><div className='rounded-xl border border-emerald-100 bg-emerald-50 p-4 text-center'><strong className='text-emerald-900'>No uploads</strong><p className='mt-1 text-sm text-emerald-800'>Files and text are processed in the browser.</p></div><div className='rounded-xl border border-sky-100 bg-sky-50 p-4 text-center'><strong className='text-sky-900'>No account or tracking</strong><p className='mt-1 text-sm text-sky-800'>No sign-in is required to use the utilities.</p></div><div className='rounded-xl border border-slate-200 bg-white p-4 text-center'><strong className='text-slate-900'>Offline-friendly</strong><p className='mt-1 text-sm text-slate-600'>Previously visited tools can reopen from the PWA cache.</p></div></section>
+    <section className='mb-5 rounded-xl border border-slate-200 bg-white p-5 shadow-sm' aria-label='Tool categories'><div className='flex flex-wrap justify-center gap-2'><button onClick={() => { setCategory(null); setTag(null); }} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === null && tag === null ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>All</button>{TOOL_CATEGORIES.map(item => <button key={item} onClick={() => { setCategory(item); setTag(null); }} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === item ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>{item}</button>)}</div></section>
+    <section className='mb-10'><div className='mb-2 text-center text-xs font-bold uppercase tracking-wider text-slate-500'>Quick tag filters</div><div className='flex flex-wrap justify-center gap-2'>{topTags.map(value => <button key={value} onClick={() => { setTag(tag === value ? null : value); setCategory(null); }} className={`rounded-full border px-3 py-1.5 text-xs font-medium ${tag === value ? 'border-emerald-600 bg-emerald-600 text-white' : 'border-slate-200 bg-white text-slate-600 hover:border-emerald-300'}`}>{value}</button>)}</div></section>
+    {browsingAll && <><section className='mb-12'><div className='mb-5 flex items-baseline justify-between'><h2 className='text-2xl font-bold text-slate-900'>Featured privacy tools</h2><span className='text-sm text-slate-500'>Good places to start</span></div><ToolList tools={featured}/></section><section className='mb-12'><div className='mb-5 flex items-baseline justify-between'><h2 className='text-2xl font-bold text-slate-900'>New tools</h2><span className='text-sm text-slate-500'>{newest.length} recent additions</span></div><ToolList tools={newest}/></section></>}
+    <section><div className='mb-5 flex flex-wrap items-baseline justify-between gap-2'><h2 className='text-2xl font-bold text-slate-900'>{browsingAll ? 'All tools' : category ?? (tag ? `Tag: ${tag}` : 'Search results')}</h2><div className='flex items-center gap-3'><span className='text-sm text-slate-500'>{filtered.length} tool{filtered.length === 1 ? '' : 's'}</span>{!browsingAll && <button onClick={clearFilters} className='text-sm font-semibold text-sky-700 hover:underline'>Clear filters</button>}</div></div><ToolList tools={filtered}/>{filtered.length === 0 && <div className='rounded-lg bg-white p-8 text-center shadow'><p className='text-slate-500'>No tools found matching your search.</p></div>}</section>
+  </main><Footer/></div>;
 }
diff --git a/src/components/Breadcrumbs.tsx b/src/components/Breadcrumbs.tsx
index b0e52ff..bb36c91 100644
--- a/src/components/Breadcrumbs.tsx
+++ b/src/components/Breadcrumbs.tsx
@@ -1,47 +1,9 @@
-// src/components/Breadcrumbs.tsx
 'use client';
-
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-
-const Breadcrumbs = () => {
-  const pathname = usePathname();
-
-  // Don't show breadcrumbs on the home page
-  if (pathname === '/') {
-    return null;
-  }
-
-  // Generate a friendly name from the slug
-  const pageName = pathname
-    .replace('/', '')
-    .split('-')
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-    .join(' ');
-
-  return (
-    <nav aria-label='Breadcrumb' className='container mx-auto px-4 pt-6 pb-2'>
-      <ol className='flex items-center space-x-2 text-sm text-slate-500'>
-        <li>
-          <Link href='/' className='hover:text-primary-600 hover:underline'>
-            Home
-          </Link>
-        </li>
-        <li>
-          <svg
-            className='h-5 w-5 flex-shrink-0 text-slate-400'
-            fill='currentColor'
-            viewBox='0 0 20 20'
-            aria-hidden='true'>
-            <path d='M5.555 17.776l8-16 .894.448-8 16-.894-.448z' />
-          </svg>
-        </li>
-        <li>
-          <span className='font-medium text-slate-700'>{pageName}</span>
-        </li>
-      </ol>
-    </nav>
-  );
-};
-
-export default Breadcrumbs;
+import { TOOL_BY_SLUG } from '@/config/tools';
+const SPECIAL = new Map([['/license','MIT License'],['/offline','Offline']]);
+export default function Breadcrumbs() {
+  const pathname = usePathname(); if (pathname === '/') return null; const registered = TOOL_BY_SLUG.get(pathname); const fallback = pathname.replace(/^\//,'').split('/').pop()?.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ') || 'Page'; const pageName = registered?.name ?? SPECIAL.get(pathname) ?? fallback;
+  return <nav aria-label='Breadcrumb' className='container mx-auto px-4 pb-2 pt-6'><ol className='flex items-center gap-2 text-sm text-slate-500'><li><Link href='/' className='hover:text-sky-700 hover:underline'>Home</Link></li><li aria-hidden='true'>/</li><li><span className='font-medium text-slate-700'>{pageName}</span></li></ol></nav>;
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 57525d3..bbaa3cb 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -1,20 +1,5 @@
-// src/components/Footer.tsx
-const Footer = () => {
-  const currentYear = new Date().getFullYear();
-  return (
-    <footer className='bg-gradient-to-r from-sky-800 to-indigo-900 text-slate-200 text-center p-8 mt-16 rounded-t-2xl shadow-inner'>
-      <p className='text-sm'>
-        &copy; {currentYear} 
-        <a href='https://www.surajverma.in' target='_blank' rel='noopener noreferrer' className='ml-1 underline hover:text-sky-200'>
-          Suraj Verma
-        </a> . No rights reserved. 
-      </p>
-      <p className='mt-2 text-sm opacity-80'>
-        This project is free to use, copy, and distribute. View on <a href="https://github.com/SurajVerma/toolstack" target="_blank" rel="noopener noreferrer" className="underline hover:text-sky-200">GitHub</a> |
-        <a href="/LICENSE" className="underline hover:text-sky-200 ml-1">MIT License</a>
-      </p>
-    </footer>
-  );
-};
-
-export default Footer;
+import Link from 'next/link';
+export default function Footer() {
+  const year = new Date().getFullYear();
+  return <footer className='mt-16 border-t border-slate-200 bg-slate-950 p-8 text-center text-slate-300'><p className='text-sm'>&copy; {year} <a href='https://www.surajverma.in' target='_blank' rel='noopener noreferrer' className='font-medium text-white hover:underline'>Suraj Verma</a></p><p className='mt-2 text-sm text-slate-400'>Open source under the <Link href='/license' className='text-sky-300 hover:underline'>MIT License</Link> · <a href='https://github.com/SurajVerma/toolstack' target='_blank' rel='noopener noreferrer' className='text-sky-300 hover:underline'>GitHub</a></p></footer>;
+}
diff --git a/src/components/PwaRegistration.tsx b/src/components/PwaRegistration.tsx
new file mode 100644
index 0000000..50ee199
--- /dev/null
+++ b/src/components/PwaRegistration.tsx
@@ -0,0 +1,3 @@
+'use client';
+import { useEffect } from 'react';
+export default function PwaRegistration() { useEffect(() => { if (process.env.NODE_ENV !== 'production' || !('serviceWorker' in navigator)) return; navigator.serviceWorker.register('/sw.js').catch(() => undefined); }, []); return null; }
diff --git a/src/components/SourceLink.tsx b/src/components/SourceLink.tsx
new file mode 100644
index 0000000..d829725
--- /dev/null
+++ b/src/components/SourceLink.tsx
@@ -0,0 +1,3 @@
+'use client';
+import { usePathname } from 'next/navigation';
+export default function SourceLink() { const pathname = usePathname(); if (!pathname || pathname === '/') return null; return <a href={`https://github.com/surajverma/toolstack/tree/master/src/app${pathname}`} target='_blank' rel='noopener noreferrer' className='text-xs font-semibold text-slate-500 hover:text-sky-700 hover:underline'>View this tool source</a>; }
diff --git a/src/components/TagCloud.tsx b/src/components/TagCloud.tsx
deleted file mode 100644
index bd78c3e..0000000
--- a/src/components/TagCloud.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-// src/components/TagCloud.tsx
-'use client';
-
-export interface Tag {
-  text: string;
-  weight: number;
-  slug: string; // We'll keep slug for potential future use but won't navigate
-}
-
-interface TagCloudProps {
-  tags: Tag[];
-  onTagClick: (tagText: string) => void;
-  selectedTag: string | null;
-}
-
-// =================================================================
-// START: NEW HELPER FUNCTION
-// This function determines the CSS classes based on tag weight.
-// =================================================================
-const getTagStyle = (weight: number): string => {
-  if (weight > 5) {
-    // Most prominent tags (e.g., developer)
-    return 'text-base font-bold px-5 py-2.5';
-  }
-  if (weight > 3) {
-    // Very common tags (e.g., image, text)
-    return 'text-base font-semibold px-4 py-2';
-  }
-  if (weight > 1) {
-    // Common tags (e.g., color, design)
-    return 'text-sm font-medium px-4 py-2';
-  }
-  // Least common tags
-  return 'text-xs font-medium px-3 py-1.5';
-};
-// =================================================================
-// END: NEW HELPER FUNCTION
-// =================================================================
-
-const TagCloud = ({ tags, onTagClick, selectedTag }: TagCloudProps) => {
-  if (!tags || tags.length === 0) {
-    return <p className='text-slate-500'>No popular tags to display right now.</p>;
-  }
-
-  return (
-    <div className='flex flex-wrap gap-3 items-center justify-center'>
-      {tags.map((tag) => {
-        const isSelected = selectedTag === tag.text;
-        const sizeStyle = getTagStyle(tag.weight); // Get dynamic styles
-
-        return (
-          <button
-            key={tag.text}
-            onClick={() => onTagClick(tag.text)}
-            // Combine base styles with dynamic size styles
-            className={`rounded-full transition-colors duration-150 ease-in-out shadow-sm hover:shadow-md focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-opacity-50
-              ${sizeStyle} 
-              ${
-                isSelected
-                  ? 'bg-sky-600 text-white hover:bg-sky-700'
-                  : 'bg-sky-100 text-sky-700 hover:bg-sky-200 hover:text-sky-800'
-              }
-            `}>
-            {tag.text}
-          </button>
-        );
-      })}
-    </div>
-  );
-};
-
-export default TagCloud;
diff --git a/src/components/ToolCard.tsx b/src/components/ToolCard.tsx
index 70fcbb8..bb9eb7f 100644
--- a/src/components/ToolCard.tsx
+++ b/src/components/ToolCard.tsx
@@ -1,18 +1,9 @@
 import Link from 'next/link';
 import type { Tool } from '@/types/tool';
-
 interface ToolCardProps { tool: Tool }
-
 export default function ToolCard({ tool }: ToolCardProps) {
-  return (
-    <Link href={tool.slug} className='block rounded-2xl border border-slate-100 bg-white/90 p-6 shadow-lg transition-all duration-200 hover:-translate-y-1 hover:border-sky-200 hover:shadow-2xl focus:outline-none focus:ring-2 focus:ring-sky-500'>
-      <div className='mb-2 flex items-start justify-between gap-3'>
-        <h3 className='text-xl font-extrabold tracking-tight text-slate-800'>{tool.name}</h3>
-        <span className='shrink-0 rounded-full bg-emerald-50 px-2 py-1 text-[11px] font-semibold text-emerald-700'>Local</span>
-      </div>
-      <p className='mb-3 text-base text-slate-600'>{tool.description}</p>
-      <p className='mb-3 text-xs font-medium text-slate-500'>{tool.category}</p>
-      <div className='flex flex-wrap gap-2'>{tool.tags.slice(0,5).map(tag => <span key={tag} className='rounded-full bg-sky-50 px-2 py-1 text-xs font-medium text-sky-700'>{tag}</span>)}</div>
-    </Link>
-  );
+  return <Link href={tool.slug} className='group block rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:-translate-y-0.5 hover:border-sky-300 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-sky-500'>
+    <div className='mb-3 flex items-start justify-between gap-3'><h3 className='text-lg font-bold tracking-tight text-slate-900 group-hover:text-sky-700'>{tool.name}</h3><div className='flex shrink-0 gap-1'>{tool.new && <span className='rounded-full bg-sky-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-sky-700'>New</span>}<span className='rounded-full bg-emerald-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-emerald-700'>Local</span></div></div>
+    <p className='mb-4 text-sm leading-6 text-slate-600'>{tool.description}</p><div className='mb-3 text-xs font-semibold text-slate-500'>{tool.category}</div><div className='flex flex-wrap gap-1.5'>{tool.tags.slice(0,5).map(tag => <span key={tag} className='rounded-full bg-slate-100 px-2 py-1 text-[11px] text-slate-600'>{tag}</span>)}</div>
+  </Link>;
 }
diff --git a/src/components/ToolPage.tsx b/src/components/ToolPage.tsx
index 23eea1a..913f67d 100644
--- a/src/components/ToolPage.tsx
+++ b/src/components/ToolPage.tsx
@@ -1,16 +1,6 @@
 import Link from 'next/link';
 import PrivacyBadge from './PrivacyBadge';
-
+import SourceLink from './SourceLink';
 export default function ToolPage({ title, description, children }: { title: string; description: string; children: React.ReactNode }) {
-  return (
-    <main className='flex-grow container mx-auto px-4 py-8'>
-      <header className='mb-8 text-center'>
-        <h1 className='text-4xl font-bold text-slate-800'>{title}</h1>
-        <p className='mx-auto mt-2 max-w-3xl text-lg text-slate-600'>{description}</p>
-        <div className='mt-4'><PrivacyBadge /></div>
-      </header>
-      {children}
-      <div className='mt-12 text-center'><Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>&larr; Back to All Tools</Link></div>
-    </main>
-  );
+  return <main className='container mx-auto flex-grow px-4 py-8'><header className='mb-8 text-center'><h1 className='text-4xl font-bold tracking-tight text-slate-900'>{title}</h1><p className='mx-auto mt-2 max-w-3xl text-lg text-slate-600'>{description}</p><div className='mt-4'><PrivacyBadge/></div><div className='mt-2'><SourceLink/></div></header>{children}<div className='mt-12 text-center'><Link href='/' className='font-semibold text-sky-700 hover:underline'>&larr; Back to all tools</Link></div></main>;
 }
diff --git a/src/config/tools.ts b/src/config/tools.ts
index 5ff6395..7b3f028 100644
--- a/src/config/tools.ts
+++ b/src/config/tools.ts
@@ -1,27 +1,18 @@
 import type { Tool, ToolCategory } from '@/types/tool';
 
 const tool = (slug: string, name: string, description: string, category: ToolCategory, tags: string[], options: Partial<Pick<Tool, 'featured' | 'new'>> = {}): Tool => ({
-  id: slug,
-  slug: `/${slug}`,
-  name,
-  description,
-  category,
-  tags,
-  processing: 'local',
-  networkRequired: false,
-  storesData: false,
-  ...options,
+  id: slug, slug: `/${slug}`, name, description, category, tags, processing: 'local', networkRequired: false, storesData: false, ...options,
 });
 
 export const TOOLS: Tool[] = [
-  tool('image-compressor','Image Compressor','Reduce image file sizes locally.','Images',['image','compress','optimize','media']),
-  tool('regex-tester','Regex Tester & Explainer','Test regular expressions and understand their matches.','Developer',['text','developer','regex','code']),
+  tool('image-compressor','Image Compressor','Compress image batches locally with browser-side processing.','Images',['image','compress','optimize','media']),
+  tool('regex-tester','Regex Tester & Explainer','Test regular expressions in a disposable worker with a timeout.','Developer',['text','developer','regex','code']),
   tool('text-diff','Text Diff Checker','Compare two pieces of text and highlight differences.','Text & Data',['text','compare','diff']),
   tool('color-converter','Color Code Converter','Convert HEX, RGB and HSL color values.','Converters',['color','design','developer','converter']),
   tool('placeholder-generator','Placeholder Image Generator','Create custom placeholder images locally.','Images',['image','design','placeholder']),
   tool('text-analyzer','Text Statistics / Analyzer','Count words, characters, sentences and more.','Text & Data',['text','stats','analyzer','counter']),
   tool('image-metadata','Image Metadata Remover','View and remove EXIF metadata from JPEG images.','Privacy & Security',['image','privacy','exif','metadata','security'],{featured:true}),
-  tool('markdown-editor','Markdown Editor','Edit Markdown with a live local preview.','Text & Data',['text','markdown','editor','writing']),
+  tool('markdown-editor','Markdown Editor','Edit Markdown with a sanitized live local preview.','Text & Data',['text','markdown','editor','writing']),
   tool('csv-converter','CSV to JSON/XML Converter','Convert CSV data to JSON or XML locally.','Converters',['csv','json','xml','converter','data','developer']),
   tool('contrast-checker','Text Contrast Checker','Check color contrast against accessibility guidance.','Accessibility',['accessibility','color','design','wcag']),
   tool('image-resizer','Image Resizer','Resize images to specific dimensions locally.','Images',['image','resize','dimensions','optimize']),
@@ -29,14 +20,14 @@ export const TOOLS: Tool[] = [
   tool('lorem-ipsum-generator','Lorem Ipsum Generator','Generate placeholder text.','Generators',['text','generator','placeholder','design']),
   tool('regex-generator','Easy Regex Generator','Build common regular expressions without memorizing syntax.','Developer',['regex','generator','developer','text','code']),
   tool('find-replace','Find & Replace in Text','Find and replace text with optional regex support.','Text & Data',['text','find','replace','regex']),
-  tool('data-anonymizer','Data Anonymizer','Detect and redact common sensitive data locally.','Privacy & Security',['text','privacy','security','anonymize','redact'],{featured:true}),
-  tool('css-specificity-calculator','CSS Specificity Calculator','Calculate and explain CSS selector specificity.','Developer',['css','developer','specificity','design']),
+  tool('data-anonymizer','Data Anonymizer','Redact common sensitive-looking values locally.','Privacy & Security',['text','privacy','security','anonymize','redact'],{featured:true}),
+  tool('css-specificity-calculator','CSS Specificity Calculator','Calculate modern CSS selector specificity with an AST parser.','Developer',['css','developer','specificity','design']),
   tool('unit-converter','Unit Converter','Convert common measurement units.','Converters',['converter','units','measurement','math']),
   tool('http-status-codes','HTTP Status Code Explainer','Look up HTTP status codes and meanings.','Developer',['http','developer','reference','network']),
   tool('list-cleaner','List Cleaner & Formatter','Sort, deduplicate and format text lists.','Text & Data',['text','list','format','cleaner','sort']),
   tool('html-tag-explainer','HTML Tag Explainer','Reference standard HTML tags and their uses.','Developer',['html','developer','reference','code']),
   tool('file-hash','File Hash & Checksum','Generate SHA-256, SHA-384 and SHA-512 checksums without uploading files.','Privacy & Security',['privacy','hash','checksum','file','security'],{featured:true,new:true}),
-  tool('json-toolbox','JSON Toolbox','Format, minify, validate and sort JSON locally.','Developer',['json','format','validate','developer','data'],{new:true}),
+  tool('json-toolbox','JSON Toolbox','Format, minify, validate, sort and structurally compare JSON locally.','Developer',['json','format','validate','diff','developer','data'],{new:true}),
   tool('url-cleaner','Tracking URL Cleaner','Remove common tracking parameters and inspect URL parts locally.','Privacy & Security',['privacy','url','tracking','utm','cleaner'],{featured:true,new:true}),
   tool('password-generator','Password & Passphrase Generator','Generate cryptographically secure passwords and passphrases locally.','Privacy & Security',['password','security','privacy','generator'],{featured:true,new:true}),
   tool('encoder-decoder','Encoder / Decoder','Encode and decode Base64, URLs and HTML entities.','Developer',['base64','url','html','unicode','encode','decode'],{new:true}),
@@ -47,6 +38,14 @@ export const TOOLS: Tool[] = [
   tool('text-privacy-cleaner','Text Privacy Cleaner','Reveal or remove hidden Unicode, control and zero-width characters.','Privacy & Security',['privacy','text','unicode','cleaner','security'],{new:true}),
   tool('image-converter','Image Format Converter','Convert supported images to PNG, JPEG or WebP locally.','Images',['image','convert','png','jpeg','webp'],{new:true}),
   tool('file-encryption','File Encryption','Encrypt and decrypt files locally with AES-GCM and a password-derived key.','Privacy & Security',['privacy','encryption','aes','file','security'],{featured:true,new:true}),
+  tool('pdf-toolkit','PDF Toolkit','Merge, split, reorder, extract, delete and rotate PDF pages locally.','PDF & Documents',['pdf','merge','split','pages','documents','privacy'],{featured:true,new:true}),
+  tool('file-signature-inspector','File Type & Signature Inspector','Inspect file magic bytes instead of trusting only the extension.','Privacy & Security',['file','signature','magic bytes','security','inspector'],{new:true}),
+  tool('content-credentials','Content Credentials Inspector','Read embedded C2PA provenance metadata locally with bundled WebAssembly.','Privacy & Security',['c2pa','content credentials','provenance','metadata','privacy'],{featured:true,new:true}),
+  tool('xml-toolbox','XML Toolbox','Validate, format, minify and convert XML to JSON locally.','Converters',['xml','json','format','validate','converter'],{new:true}),
+  tool('yaml-json','YAML ↔ JSON Converter','Convert YAML and JSON locally with a bundled parser.','Converters',['yaml','json','converter','developer','data'],{new:true}),
+  tool('csp-builder','CSP Builder & Analyzer','Draft and inspect Content Security Policy headers locally.','Developer',['csp','security','headers','developer','web'],{new:true}),
+  tool('hmac-tool','HMAC Generator & Verifier','Generate and verify HMAC-SHA signatures using Web Crypto.','Privacy & Security',['hmac','hash','signature','crypto','security'],{new:true}),
+  tool('cron-explainer','Cron Expression Explainer','Explain standard five-field cron expressions.','Developer',['cron','schedule','developer','automation'],{new:true}),
 ];
 
 export const TOOL_BY_SLUG = new Map(TOOLS.map(item => [item.slug, item]));

From ecd5cf8b91e12ec27d53e91002f9e527aee01a55 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:58:26 +0530
Subject: [PATCH 24/42] Add regression tests and modernize verification

---
 .github/workflows/ci.yml        |  3 ++-
 README.md                       | 42 ++++++++++++++++++++++++---------
 package.json                    | 17 ++++++-------
 src/lib/css-specificity.test.ts | 12 ++++++++++
 src/lib/file-signatures.test.ts | 15 ++++++++++++
 src/lib/json-diff.test.ts       | 14 +++++++++++
 src/lib/page-selection.test.ts  | 10 ++++++++
 src/lib/xml.test.ts             | 10 ++++++++
 8 files changed, 103 insertions(+), 20 deletions(-)
 create mode 100644 src/lib/css-specificity.test.ts
 create mode 100644 src/lib/file-signatures.test.ts
 create mode 100644 src/lib/json-diff.test.ts
 create mode 100644 src/lib/page-selection.test.ts
 create mode 100644 src/lib/xml.test.ts

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8810b3a..58aa29a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -12,10 +12,11 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
           cache: npm
       - run: npm ci
       - run: npm run privacy-check
       - run: npm run lint
       - run: npm run typecheck
+      - run: npm run test
       - run: npm run build
diff --git a/README.md b/README.md
index 8a6bff3..0bb5f6c 100644
--- a/README.md
+++ b/README.md
@@ -2,30 +2,41 @@
 
 **Privacy-first browser tools. Your working data stays on your device.**
 
-ToolStack is an open-source collection of utilities designed around a strict local-processing rule: tool input is processed in the browser and is not sent to an application API for processing.
+ToolStack is an open-source collection of utilities designed around a strict local-processing rule: files, text and other working input are processed in the browser and are not sent to an application API for processing.
 
 ## Privacy contract
 
-- Processing is local to the browser.
+- Tool input is processed locally in the browser.
 - No account is required.
 - No advertising or analytics SDK is included.
-- Tool pages are checked for network-capable APIs by `npm run privacy-check`.
-- Tools that fundamentally require sending user input to a third party are intentionally excluded from the core collection.
+- Source code under `src/` is checked for direct network-capable APIs by `npm run privacy-check`.
+- Runtime libraries are bundled with the application rather than loaded from third-party CDNs.
+- Tools that fundamentally require transmitting user input to a third party are intentionally excluded from the core collection.
 
-## Included tools
+## Highlights
+
+### PDF & Documents
+- PDF Toolkit: merge PDFs, reorder merge inputs, extract/reorder/delete/rotate pages, split every page to ZIP, edit basic metadata and turn images into a PDF.
+- PDF operations run in-browser with bundled `pdf-lib`; ToolStack does not claim secure redaction or general PDF compression.
 
 ### Privacy & Security
-Image Metadata Remover, Data Anonymizer, File Hash & Checksum, Tracking URL Cleaner, Password & Passphrase Generator, JWT Inspector, Browser Privacy Inspector, Text Privacy Cleaner, and AES-GCM File Encryption.
+Image Metadata Remover, Data Anonymizer, File Hash & Checksum, Tracking URL Cleaner, Password & Passphrase Generator, JWT Inspector, Browser Privacy Inspector, Text Privacy Cleaner, AES-GCM File Encryption, File Type & Signature Inspector, Content Credentials (C2PA) Inspector, and HMAC Generator & Verifier.
 
 ### Images
 Image Compressor, Image Resizer, Image Cropper, Image Format Converter, and Placeholder Image Generator.
 
 ### Developer / Data
-JSON Toolbox, Regex Tester & Explainer, Easy Regex Generator, Text Diff Checker, Markdown Editor, CSV to JSON/XML Converter, CSS Specificity Calculator, HTTP Status Code Explainer, HTML Tag Explainer, Encoder / Decoder, and UUID / ULID Generator.
+JSON Toolbox (including structural diff), Regex Tester & Explainer, Easy Regex Generator, Text Diff Checker, sanitized Markdown Editor, CSV to JSON/XML Converter, XML Toolbox, YAML ↔ JSON Converter, AST-based CSS Specificity Calculator, CSP Builder & Analyzer, Cron Expression Explainer, HTTP Status Code Explainer, HTML Tag Explainer, Encoder / Decoder, and UUID / ULID Generator.
 
 ### Text, Accessibility, Converters & Generators
 Text Statistics / Analyzer, Find & Replace, List Cleaner & Formatter, Text Contrast Checker, Color Code Converter, Unit Converter, Timestamp & Date Toolkit, and Lorem Ipsum Generator.
 
+## Offline / PWA behavior
+
+ToolStack registers a same-origin service worker in production. The home page, offline fallback and ToolStack's own static assets are cached, and successfully visited tool pages can be reopened from the cache when offline.
+
+User-selected files, generated files and tool input are **not** deliberately placed into the service-worker cache.
+
 ## Development
 
 ```bash
@@ -37,7 +48,14 @@ npm run dev
 
 Open `http://localhost:3000`.
 
-For production SEO, set `NEXT_PUBLIC_SITE_URL` to the deployed site's absolute origin before building.
+`npm run dev` compiles directly from your current source tree. For a production-mode test, build first:
+
+```bash
+npm run build
+npm start
+```
+
+`npm start` only serves an existing `.next` production build; pulling or switching branches does not rebuild `.next` automatically.
 
 Before submitting a change:
 
@@ -45,15 +63,17 @@ Before submitting a change:
 npm run verify
 ```
 
-`verify` runs the privacy check, ESLint, TypeScript checking and the production build.
+`verify` runs the privacy check, ESLint, TypeScript checking, Vitest unit tests and a production build.
 
 ## Security and privacy notes
 
-ToolStack's privacy promise concerns the data entered into its tools. Dependencies and the hosting platform still need normal supply-chain and infrastructure maintenance. Security-sensitive tools prefer browser-standard cryptographic APIs such as Web Crypto rather than custom cryptography.
+ToolStack's privacy promise concerns the data entered into its tools. Dependencies and the hosting platform still require normal supply-chain and infrastructure maintenance. Security-sensitive tools use browser-standard APIs such as Web Crypto rather than custom cryptographic primitives where possible.
+
+The Content Credentials inspector reads embedded C2PA provenance data locally. It does not fetch external trust lists or claim that every embedded signer is trusted.
 
 ## Contributing
 
-Bug reports, privacy improvements, accessibility fixes and new local-only tools are welcome. A proposed tool should be able to perform its main function without transmitting the user's input to another service.
+Bug reports, privacy improvements, accessibility fixes and new local-only tools are welcome. A proposed core tool should be able to perform its main function without transmitting the user's input to another service.
 
 ## License
 
diff --git a/package.json b/package.json
index 16886ac..b4f0785 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "toolstack",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
@@ -8,17 +8,12 @@
     "start": "next start",
     "lint": "eslint .",
     "typecheck": "tsc --noEmit",
+    "test": "vitest run",
     "privacy-check": "node scripts/check-privacy.mjs",
-    "verify": "npm run privacy-check && npm run lint && npm run typecheck && npm run build"
+    "verify": "npm run privacy-check && npm run lint && npm run typecheck && npm run test && npm run build"
   },
   "dependencies": {
     "@contentauth/c2pa-web": "^0.14.4",
-    "@types/diff": "^7.0.2",
-    "@types/exif-js": "^2.3.1",
-    "@types/papaparse": "^5.3.16",
-    "@types/piexifjs": "^1.0.0",
-    "@types/showdown": "^2.0.6",
-    "@types/tinycolor2": "^1.4.6",
     "browser-image-compression": "^2.0.2",
     "diff": "^8.0.2",
     "dompurify": "^3.4.14",
@@ -39,9 +34,15 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3",
     "@tailwindcss/postcss": "^4",
+    "@types/diff": "^7.0.2",
+    "@types/exif-js": "^2.3.1",
     "@types/node": "^20",
+    "@types/papaparse": "^5.3.16",
+    "@types/piexifjs": "^1.0.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "@types/showdown": "^2.0.6",
+    "@types/tinycolor2": "^1.4.6",
     "eslint": "^9",
     "eslint-config-next": "15.3.3",
     "tailwindcss": "^4",
diff --git a/src/lib/css-specificity.test.ts b/src/lib/css-specificity.test.ts
new file mode 100644
index 0000000..246276a
--- /dev/null
+++ b/src/lib/css-specificity.test.ts
@@ -0,0 +1,12 @@
+import { describe, expect, it } from 'vitest';
+import { calculateSpecificity } from './css-specificity';
+
+const score = (selector: string) => calculateSpecificity(selector)[0].specificity;
+
+describe('CSS specificity', () => {
+  it('counts basic selectors', () => expect(score('#id .class div')).toEqual([1,1,1]));
+  it(':where contributes zero specificity', () => expect(score(':where(#id,.x)')).toEqual([0,0,0]));
+  it(':is uses the highest argument specificity', () => expect(score(':is(#id,.x)')).toEqual([1,0,0]));
+  it(':has adds the highest argument to the selector around it', () => expect(score('.card:has(> #cta)')).toEqual([1,1,0]));
+  it('counts pseudo-elements like elements', () => expect(score('a::before')).toEqual([0,0,2]));
+});
diff --git a/src/lib/file-signatures.test.ts b/src/lib/file-signatures.test.ts
new file mode 100644
index 0000000..56c0c0f
--- /dev/null
+++ b/src/lib/file-signatures.test.ts
@@ -0,0 +1,15 @@
+import { describe, expect, it } from 'vitest';
+import { detectFileSignature, extensionMatches } from './file-signatures';
+
+const bytes = (values: number[]) => new Uint8Array(values);
+
+describe('file signature detection', () => {
+  it('detects a PDF header', () => expect(detectFileSignature(bytes([0x25,0x50,0x44,0x46,0x2d]))?.mime).toBe('application/pdf'));
+  it('detects a PNG header', () => expect(detectFileSignature(bytes([0x89,0x50,0x4e,0x47,0x0d,0x0a,0x1a,0x0a]))?.mime).toBe('image/png'));
+  it('marks ZIP as a container format', () => expect(detectFileSignature(bytes([0x50,0x4b,0x03,0x04]))?.container).toBe(true));
+  it('checks filename consistency', () => {
+    const info = detectFileSignature(bytes([0x25,0x50,0x44,0x46,0x2d]));
+    expect(extensionMatches(info, 'report.pdf')).toBe(true);
+    expect(extensionMatches(info, 'report.jpg')).toBe(false);
+  });
+});
diff --git a/src/lib/json-diff.test.ts b/src/lib/json-diff.test.ts
new file mode 100644
index 0000000..1434674
--- /dev/null
+++ b/src/lib/json-diff.test.ts
@@ -0,0 +1,14 @@
+import { describe, expect, it } from 'vitest';
+import { diffJson } from './json-diff';
+
+describe('diffJson', () => {
+  it('reports changed, added and removed paths', () => {
+    const result = diffJson({ a: 1, b: 2, nested: { x: true } }, { a: 3, c: 4, nested: { x: true } });
+    expect(result).toEqual(expect.arrayContaining([
+      { path: '$.a', kind: 'changed', before: 1, after: 3 },
+      { path: '$.b', kind: 'removed', before: 2 },
+      { path: '$.c', kind: 'added', after: 4 },
+    ]));
+  });
+  it('uses array indexes in paths', () => expect(diffJson([1,2],[1,3])).toEqual([{ path: '$[1]', kind: 'changed', before: 2, after: 3 }]));
+});
diff --git a/src/lib/page-selection.test.ts b/src/lib/page-selection.test.ts
new file mode 100644
index 0000000..6f7da09
--- /dev/null
+++ b/src/lib/page-selection.test.ts
@@ -0,0 +1,10 @@
+import { describe, expect, it } from 'vitest';
+import { parsePageSelection } from './page-selection';
+
+describe('parsePageSelection', () => {
+  it('selects every page when input is empty', () => expect(parsePageSelection('', 4)).toEqual([0,1,2,3]));
+  it('preserves explicit order and ranges', () => expect(parsePageSelection('1-3,5', 5)).toEqual([0,1,2,4]));
+  it('supports descending ranges for reordering', () => expect(parsePageSelection('4-2,1', 4)).toEqual([3,2,1,0]));
+  it('rejects pages outside the document', () => expect(() => parsePageSelection('1,6', 5)).toThrow(/outside 1-5/));
+  it('rejects invalid tokens', () => expect(() => parsePageSelection('1-three', 5)).toThrow(/Invalid page token/));
+});
diff --git a/src/lib/xml.test.ts b/src/lib/xml.test.ts
new file mode 100644
index 0000000..5fdf509
--- /dev/null
+++ b/src/lib/xml.test.ts
@@ -0,0 +1,10 @@
+import { describe, expect, it } from 'vitest';
+import { escapeXml, xmlName } from './xml';
+
+describe('XML helpers', () => {
+  it('escapes XML special characters', () => expect(escapeXml(`<tag a="1">Tom & Jerry's</tag>`)).toBe('&lt;tag a=&quot;1&quot;&gt;Tom &amp; Jerry&apos;s&lt;/tag&gt;'));
+  it('normalizes invalid element names', () => {
+    expect(xmlName('123 full name', 0)).toBe('full_name');
+    expect(xmlName('***', 2)).toBe('field_3');
+  });
+});

From 6c2327d0456daa8f313fe7a76be2ec003b5af96a Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 18:58:47 +0530
Subject: [PATCH 25/42] Refresh feature lockfile from package manifest

---
 .github/workflows/update-feature-deps.yml | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/.github/workflows/update-feature-deps.yml b/.github/workflows/update-feature-deps.yml
index 93d506b..cbc08ac 100644
--- a/.github/workflows/update-feature-deps.yml
+++ b/.github/workflows/update-feature-deps.yml
@@ -1,4 +1,4 @@
-name: Update feature dependencies
+name: Refresh feature lockfile
 on:
   push:
     branches: [feature/privacy-toolstack-refresh]
@@ -7,7 +7,7 @@ on:
 permissions:
   contents: write
 jobs:
-  update-dependencies:
+  refresh-lockfile:
     if: github.actor != 'github-actions[bot]'
     runs-on: ubuntu-latest
     steps:
@@ -18,14 +18,16 @@ jobs:
         with:
           node-version: 24
           cache: npm
-      - run: npm install pdf-lib@1.17.1 dompurify@3.4.14 postcss-selector-parser@7.1.6 yaml@2.9.0 @contentauth/c2pa-web@0.14.4
-      - run: npm install --save-dev vitest@4.1.11
-      - name: Commit generated dependency files
+      - name: Refresh npm lockfile
+        run: npm install --package-lock-only
+      - name: Report production dependency audit
+        run: npm audit --omit=dev || true
+      - name: Commit refreshed lockfile
         run: |
           git config user.name "github-actions[bot]"
           git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
-          git add package.json package-lock.json
+          git add package-lock.json
           if ! git diff --cached --quiet; then
-            git commit -m "Add bundled local-processing dependencies"
+            git commit -m "Refresh dependency lockfile"
             git push origin HEAD:feature/privacy-toolstack-refresh
           fi

From 6c0c0531cc916eb8cce5da552b0890f0e37e725c Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 4 Sep 2026 13:29:07 +0000
Subject: [PATCH 26/42] Refresh dependency lockfile

---
 package-lock.json | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index af7693f..38ff5e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,14 @@
 {
   "name": "toolstack",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "toolstack",
-      "version": "0.2.0",
+      "version": "0.3.0",
       "dependencies": {
         "@contentauth/c2pa-web": "^0.14.4",
-        "@types/diff": "^7.0.2",
-        "@types/exif-js": "^2.3.1",
-        "@types/papaparse": "^5.3.16",
-        "@types/piexifjs": "^1.0.0",
-        "@types/showdown": "^2.0.6",
-        "@types/tinycolor2": "^1.4.6",
         "browser-image-compression": "^2.0.2",
         "diff": "^8.0.2",
         "dompurify": "^3.4.14",
@@ -35,9 +29,15 @@
       "devDependencies": {
         "@eslint/eslintrc": "^3",
         "@tailwindcss/postcss": "^4",
+        "@types/diff": "^7.0.2",
+        "@types/exif-js": "^2.3.1",
         "@types/node": "^20",
+        "@types/papaparse": "^5.3.16",
+        "@types/piexifjs": "^1.0.0",
         "@types/react": "^19",
         "@types/react-dom": "^19",
+        "@types/showdown": "^2.0.6",
+        "@types/tinycolor2": "^1.4.6",
         "eslint": "^9",
         "eslint-config-next": "15.3.3",
         "tailwindcss": "^4",
@@ -1665,6 +1665,7 @@
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/@types/diff/-/diff-7.0.2.tgz",
       "integrity": "sha512-JSWRMozjFKsGlEjiiKajUjIJVKuKdE3oVy2DNtK+fUo8q82nhFZ2CPQwicAIkXrofahDXrWJ7mjelvZphMS98Q==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/estree": {
@@ -1678,6 +1679,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/@types/exif-js/-/exif-js-2.3.1.tgz",
       "integrity": "sha512-vylc2UhpCygw5i1cNA0m+acpq+Ufs3m9ekFJhZ7+PZyDECh05qfmRtgJE0y9QLFZo0hnvHfP+lVkPM746of5Uw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/node": "*"
@@ -1701,6 +1703,7 @@
       "version": "20.17.57",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.57.tgz",
       "integrity": "sha512-f3T4y6VU4fVQDKVqJV4Uppy8c1p/sVvS3peyqxyWnzkqXFJLRU7Y1Bl7rMS1Qe9z0v4M6McY0Fp9yBsgHJUsWQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.19.2"
@@ -1710,6 +1713,7 @@
       "version": "5.3.16",
       "resolved": "https://registry.npmjs.org/@types/papaparse/-/papaparse-5.3.16.tgz",
       "integrity": "sha512-T3VuKMC2H0lgsjI9buTB3uuKj3EMD2eap1MOuEQuBQ44EnDx/IkGhU6EwiTf9zG3za4SKlmwKAImdDKdNnCsXg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@types/node": "*"
@@ -1719,6 +1723,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@types/piexifjs/-/piexifjs-1.0.0.tgz",
       "integrity": "sha512-PPiGeCkmkZQgYjvqtjD3kp4OkbCox2vEFVuK4DaLVOIazJLAXk+/ujbizkIPH5CN4AnN9Clo5ckzUlaj3+SzCA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
@@ -1745,12 +1750,14 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/@types/showdown/-/showdown-2.0.6.tgz",
       "integrity": "sha512-pTvD/0CIeqe4x23+YJWlX2gArHa8G0J0Oh6GKaVXV7TAeickpkkZiNOgFcFcmLQ5lB/K0qBJL1FtRYltBfbGCQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/tinycolor2": {
       "version": "1.4.6",
       "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
       "integrity": "sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/trusted-types": {
@@ -6896,6 +6903,7 @@
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
       "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/unrs-resolver": {

From 8d6b578d2dea98bf83090ec7cda4ca10474735a5 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:00:00 +0530
Subject: [PATCH 27/42] Fix C2PA lint naming

---
 src/app/content-credentials/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/content-credentials/page.tsx b/src/app/content-credentials/page.tsx
index 3c2522f..7e9641c 100644
--- a/src/app/content-credentials/page.tsx
+++ b/src/app/content-credentials/page.tsx
@@ -10,7 +10,7 @@ export default function ContentCredentialsPage() {
   const [file, setFile] = useState<File | null>(null); const [result, setResult] = useState<Result | null>(null); const [status, setStatus] = useState(''); const [busy, setBusy] = useState(false);
   const inspect = async (next: File) => {
     setFile(next); setResult(null); setStatus(''); setBusy(true); let c2pa: C2paClient | null = null; let reader: C2paReader | null = null;
-    try { const module = await import('@contentauth/c2pa-web/inline'); c2pa = await module.createC2pa() as unknown as C2paClient; reader = await c2pa.reader.fromBlob(next.type || 'application/octet-stream', next); if (!reader) { setStatus('No embedded C2PA / Content Credentials manifest was found in this file.'); return; } const [active, store] = await Promise.all([reader.activeManifest(), reader.manifestStore()]); setResult({ active, store }); setStatus('Content Credentials metadata found.'); }
+    try { const c2paModule = await import('@contentauth/c2pa-web/inline'); c2pa = await c2paModule.createC2pa() as unknown as C2paClient; reader = await c2pa.reader.fromBlob(next.type || 'application/octet-stream', next); if (!reader) { setStatus('No embedded C2PA / Content Credentials manifest was found in this file.'); return; } const [active, store] = await Promise.all([reader.activeManifest(), reader.manifestStore()]); setResult({ active, store }); setStatus('Content Credentials metadata found.'); }
     catch (err) { setStatus(`Could not inspect this file: ${(err as Error).message}`); }
     finally { try { if (reader) await Promise.resolve(reader.free()); } finally { if (c2pa) await Promise.resolve(c2pa.dispose()); setBusy(false); } }
   };

From 4d0e4eb3547223e450d7904307b8c39c64fc1d32 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:00:32 +0530
Subject: [PATCH 28/42] Fix PDF metadata lint errors

---
 src/app/pdf-toolkit/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/pdf-toolkit/page.tsx b/src/app/pdf-toolkit/page.tsx
index b6ccfa6..249e7b8 100644
--- a/src/app/pdf-toolkit/page.tsx
+++ b/src/app/pdf-toolkit/page.tsx
@@ -57,7 +57,7 @@ export default function PdfToolkitPage() {
 
   const saveMetadata = async () => {
     const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
-    try { const doc = await loadPdf(first.file); metadata.title ? doc.setTitle(metadata.title) : undefined; metadata.author ? doc.setAuthor(metadata.author) : undefined; metadata.subject ? doc.setSubject(metadata.subject) : undefined; doc.setKeywords(metadata.keywords.split(',').map(value => value.trim()).filter(Boolean)); doc.setModificationDate(new Date()); downloadBytes(await doc.save(), `${baseName(first.file.name)}-metadata.pdf`); }
+    try { const doc = await loadPdf(first.file); if (metadata.title) doc.setTitle(metadata.title); if (metadata.author) doc.setAuthor(metadata.author); if (metadata.subject) doc.setSubject(metadata.subject); doc.setKeywords(metadata.keywords.split(',').map(value => value.trim()).filter(Boolean)); doc.setModificationDate(new Date()); downloadBytes(await doc.save(), `${baseName(first.file.name)}-metadata.pdf`); }
     catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 

From e54305b5a97b5c68f9ebbacd6d25e6f7b27e5219 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:00:46 +0530
Subject: [PATCH 29/42] Fix regex tester lint text

---
 src/app/regex-tester/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/regex-tester/page.tsx b/src/app/regex-tester/page.tsx
index 7ea9379..17072f8 100644
--- a/src/app/regex-tester/page.tsx
+++ b/src/app/regex-tester/page.tsx
@@ -55,7 +55,7 @@ export default function RegexTesterPage() {
         <label htmlFor='regex-text' className='mt-5 block font-semibold'>Test text</label><textarea id='regex-text' value={text} onChange={e => setText(e.target.value)} className='mt-2 h-40 w-full rounded border p-3 font-mono'/>
         <div aria-live='polite' className='mt-4'>{running ? <p className='text-sm text-slate-500'>Testing safely...</p> : error ? <p className='text-red-600'>{error}</p> : <><p className='text-sm text-slate-600'>{matches.length} match{matches.length === 1 ? '' : 'es'} in {time.toFixed(3)} ms</p>{matches.slice(0, 100).map((m, i) => <pre key={`${m.index}-${i}`} className='mt-2 overflow-auto rounded bg-emerald-50 p-3 text-sm'>{JSON.stringify(m, null, 2)}</pre>)}{matches.length > 100 && <p className='mt-2 text-sm text-slate-500'>Showing the first 100 matches.</p>}</>}</div>
       </section>
-      <section className='rounded-xl bg-white p-6 shadow'><h2 className='font-semibold'>Basic explanation</h2><div className='mt-3 space-y-1 font-mono text-sm'>{explanation.map((x, i) => <div key={i}>{x}</div>)}</div><p className='mt-4 text-xs text-slate-500'>The explainer is intentionally lightweight; the tester itself uses the browser's JavaScript RegExp engine.</p></section>
+      <section className='rounded-xl bg-white p-6 shadow'><h2 className='font-semibold'>Basic explanation</h2><div className='mt-3 space-y-1 font-mono text-sm'>{explanation.map((x, i) => <div key={i}>{x}</div>)}</div><p className='mt-4 text-xs text-slate-500'>The explainer is intentionally lightweight; the tester itself uses the JavaScript RegExp engine built into the browser.</p></section>
     </div>
   </LocalToolLayout>;
 }

From 92eb7bb476be06cf40fbc12c25c052e156e17bb0 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:01:04 +0530
Subject: [PATCH 30/42] Fix file signature lint issue

---
 src/lib/file-signatures.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/lib/file-signatures.ts b/src/lib/file-signatures.ts
index 59d79b3..293738e 100644
--- a/src/lib/file-signatures.ts
+++ b/src/lib/file-signatures.ts
@@ -35,8 +35,7 @@ const MATCHERS: Matcher[] = [
 export function detectFileSignature(bytes: Uint8Array): SignatureInfo | null {
   const found = MATCHERS.find(item => item.match(bytes));
   if (!found) return null;
-  const { match: _match, ...info } = found;
-  return info;
+  return { name: found.name, mime: found.mime, extensions: found.extensions, container: found.container };
 }
 
 export function fileExtension(name: string) {

From b8ad6dd61a9ea339724ee37e427669c38565c039 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:02:09 +0530
Subject: [PATCH 31/42] Upgrade vulnerable runtime dependencies

---
 package.json | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index b4f0785..04946ac 100644
--- a/package.json
+++ b/package.json
@@ -15,11 +15,12 @@
   "dependencies": {
     "@contentauth/c2pa-web": "^0.14.4",
     "browser-image-compression": "^2.0.2",
-    "diff": "^8.0.2",
+    "diff": "^9.0.0",
     "dompurify": "^3.4.14",
     "exif-js": "^2.3.0",
     "jszip": "^3.10.1",
-    "next": "15.3.3",
+    "marked": "^18.0.11",
+    "next": "15.5.25",
     "papaparse": "^5.5.3",
     "pdf-lib": "^1.17.1",
     "piexifjs": "^1.0.6",
@@ -27,7 +28,6 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-image-crop": "^11.0.10",
-    "showdown": "^2.1.0",
     "tinycolor2": "^1.6.0",
     "yaml": "^2.9.0"
   },
@@ -36,15 +36,14 @@
     "@tailwindcss/postcss": "^4",
     "@types/diff": "^7.0.2",
     "@types/exif-js": "^2.3.1",
-    "@types/node": "^20",
+    "@types/node": "^24",
     "@types/papaparse": "^5.3.16",
     "@types/piexifjs": "^1.0.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@types/showdown": "^2.0.6",
     "@types/tinycolor2": "^1.4.6",
     "eslint": "^9",
-    "eslint-config-next": "15.3.3",
+    "eslint-config-next": "15.5.25",
     "tailwindcss": "^4",
     "typescript": "^5",
     "vitest": "^4.1.11"

From 8b4de84235ff66f92f03777ca594aac4ee431a01 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:02:20 +0530
Subject: [PATCH 32/42] Replace Showdown with Marked and DOMPurify

---
 src/app/markdown-editor/page.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/markdown-editor/page.tsx b/src/app/markdown-editor/page.tsx
index 6182d96..ceec58d 100644
--- a/src/app/markdown-editor/page.tsx
+++ b/src/app/markdown-editor/page.tsx
@@ -1,16 +1,18 @@
 'use client';
 import { useMemo, useState } from 'react';
 import DOMPurify from 'dompurify';
-import showdown from 'showdown';
+import { marked } from 'marked';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
 const SAMPLE = '# Welcome to the Markdown Editor!\n\nThis preview renders **Markdown** locally.\n\n- No upload\n- Sanitized HTML preview\n- Copy generated HTML\n\nRaw HTML such as `<strong>this</strong>` is allowed, but unsafe markup is removed.';
 
 export default function MarkdownEditorPage() {
   const [markdown, setMarkdown] = useState(SAMPLE);
-  const converter = useMemo(() => new showdown.Converter({ tables: true, simplifiedAutoLink: true, strikethrough: true, tasklists: true }), []);
-  const html = useMemo(() => DOMPurify.sanitize(converter.makeHtml(markdown), { USE_PROFILES: { html: true } }), [markdown, converter]);
-  return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Rendered HTML is sanitized with DOMPurify before it reaches the page.'>
+  const html = useMemo(() => {
+    const rendered = marked.parse(markdown, { async: false });
+    return DOMPurify.sanitize(String(rendered), { USE_PROFILES: { html: true } });
+  }, [markdown]);
+  return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Marked renders the Markdown and DOMPurify sanitizes the resulting HTML before it reaches the page.'>
     <section className='mx-auto grid max-w-7xl gap-4 md:grid-cols-2'>
       <div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea aria-label='Markdown input' value={markdown} onChange={e => setMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div>
       <div className='flex min-h-[60vh] flex-col'><div className='flex items-center justify-between rounded-t border bg-slate-100 p-2'><h2 className='font-semibold'>Sanitized preview</h2><button onClick={() => navigator.clipboard.writeText(html)} className='rounded border bg-white px-3 py-1 text-xs'>Copy HTML</button></div><div className='prose max-w-none min-h-0 flex-1 overflow-auto rounded-b border bg-white p-4' dangerouslySetInnerHTML={{ __html: html }}/></div>

From 6daf2c67f995f8a7d7007f8204ad68fff9cddf74 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:02:33 +0530
Subject: [PATCH 33/42] Refresh lockfile after security upgrades

---
 .github/workflows/update-feature-deps.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/update-feature-deps.yml b/.github/workflows/update-feature-deps.yml
index cbc08ac..39ae91f 100644
--- a/.github/workflows/update-feature-deps.yml
+++ b/.github/workflows/update-feature-deps.yml
@@ -18,7 +18,7 @@ jobs:
         with:
           node-version: 24
           cache: npm
-      - name: Refresh npm lockfile
+      - name: Refresh npm lockfile after runtime security upgrades
         run: npm install --package-lock-only
       - name: Report production dependency audit
         run: npm audit --omit=dev || true

From f574de571c6bde2626f0c7638bbd213d39b4d2c2 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 4 Sep 2026 13:32:51 +0000
Subject: [PATCH 34/42] Refresh dependency lockfile

---
 package-lock.json | 663 ++++++++++++++++++++++++++--------------------
 1 file changed, 373 insertions(+), 290 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 38ff5e3..c2d8fff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,11 +10,12 @@
       "dependencies": {
         "@contentauth/c2pa-web": "^0.14.4",
         "browser-image-compression": "^2.0.2",
-        "diff": "^8.0.2",
+        "diff": "^9.0.0",
         "dompurify": "^3.4.14",
         "exif-js": "^2.3.0",
         "jszip": "^3.10.1",
-        "next": "15.3.3",
+        "marked": "^18.0.11",
+        "next": "15.5.25",
         "papaparse": "^5.5.3",
         "pdf-lib": "^1.17.1",
         "piexifjs": "^1.0.6",
@@ -22,7 +23,6 @@
         "react": "^19.0.0",
         "react-dom": "^19.0.0",
         "react-image-crop": "^11.0.10",
-        "showdown": "^2.1.0",
         "tinycolor2": "^1.6.0",
         "yaml": "^2.9.0"
       },
@@ -31,15 +31,14 @@
         "@tailwindcss/postcss": "^4",
         "@types/diff": "^7.0.2",
         "@types/exif-js": "^2.3.1",
-        "@types/node": "^20",
+        "@types/node": "^24",
         "@types/papaparse": "^5.3.16",
         "@types/piexifjs": "^1.0.0",
         "@types/react": "^19",
         "@types/react-dom": "^19",
-        "@types/showdown": "^2.0.6",
         "@types/tinycolor2": "^1.4.6",
         "eslint": "^9",
-        "eslint-config-next": "15.3.3",
+        "eslint-config-next": "15.5.25",
         "tailwindcss": "^4",
         "typescript": "^5",
         "vitest": "^4.1.11"
@@ -118,9 +117,9 @@
       }
     },
     "node_modules/@emnapi/runtime": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.4.3.tgz",
-      "integrity": "sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==",
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.3.tgz",
+      "integrity": "sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==",
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -345,10 +344,20 @@
         "url": "https://github.com/sponsors/nzakas"
       }
     },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@img/sharp-darwin-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.2.tgz",
-      "integrity": "sha512-OfXHZPppddivUJnqyKoi5YVeHRkkNE2zUFT2gbpKxp/JZCFYEYubnMg+gOp6lWfasPrTS+KPosKqdI+ELYVDtg==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.35.4.tgz",
+      "integrity": "sha512-Uhfl4V4lhP2nbUVF9+hyH1+luj86f1gUFeo8ALYxFoULoU+G87D43BfeMP8XHsk9boxAnCY/bf2EHwhA7MuGsA==",
       "cpu": [
         "arm64"
       ],
@@ -358,19 +367,19 @@
         "darwin"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-arm64": "1.1.0"
+        "@img/sharp-libvips-darwin-arm64": "1.3.3"
       }
     },
     "node_modules/@img/sharp-darwin-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.2.tgz",
-      "integrity": "sha512-dYvWqmjU9VxqXmjEtjmvHnGqF8GrVjM2Epj9rJ6BUIXvk8slvNDJbhGFvIoXzkDhrJC2jUxNLz/GUjjvSzfw+g==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.35.4.tgz",
+      "integrity": "sha512-hWniXY3bG5qKpkKrAwPe4y+VTPmf086YQAnkxWh7uA1YrlRouWGa0M0Mxj3ZjnXFkv7/TD1bTy9lGUK26vRvWw==",
       "cpu": [
         "x64"
       ],
@@ -380,19 +389,38 @@
         "darwin"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-darwin-x64": "1.1.0"
+        "@img/sharp-libvips-darwin-x64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-freebsd-wasm32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-freebsd-wasm32/-/sharp-freebsd-wasm32-0.35.4.tgz",
+      "integrity": "sha512-lIsKw/BU+kjB4eZjxrYrZmwOJYi3Ajrv66iAlBmUPyKc3HpnloevB1g3wxGD9P/5BbQ1brBGl65VRRrCvQDEqA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "dependencies": {
+        "@img/sharp-wasm32": "0.35.4"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
       }
     },
     "node_modules/@img/sharp-libvips-darwin-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.1.0.tgz",
-      "integrity": "sha512-HZ/JUmPwrJSoM4DIQPv/BfNh9yrOA8tlBbqbLz4JZ5uew2+o22Ik+tHQJcih7QJuSa0zo5coHTfD5J8inqj9DA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.3.3.tgz",
+      "integrity": "sha512-suTBPTDGrI9WodccaDdwZItTSaBYASlBk1NSfElSHrUfzu3szG6lvIF58+WiFvnfzuK8ZBFS5zE00PxqxnRiPg==",
       "cpu": [
         "arm64"
       ],
@@ -406,9 +434,9 @@
       }
     },
     "node_modules/@img/sharp-libvips-darwin-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.1.0.tgz",
-      "integrity": "sha512-Xzc2ToEmHN+hfvsl9wja0RlnXEgpKNmftriQp6XzY/RaSfwD9th+MSh0WQKzUreLKKINb3afirxW7A0fz2YWuQ==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.3.3.tgz",
+      "integrity": "sha512-FVJZ5mITMobmXIz/hPDTw0EintTW5H3WfrxwLqEqjiIihlu+hVRyGrFQ60xl0Lxn7Bt3zdpevPaQi0HEzqz9fw==",
       "cpu": [
         "x64"
       ],
@@ -422,12 +450,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.1.0.tgz",
-      "integrity": "sha512-s8BAd0lwUIvYCJyRdFqvsj+BJIpDBSxs6ivrOPm/R7piTs5UIwY5OjXrP2bqXC9/moGsyRa37eYWYCOGVXxVrA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.3.3.tgz",
+      "integrity": "sha512-3rbU4vqXXc3hY/OiXdl52xZvT0F1yEngWfvqudtPJg/KkyiaQw2DRsFrNzpmLvfavbwOq3qXn36GP8obHRULQA==",
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -438,12 +469,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.1.0.tgz",
-      "integrity": "sha512-IVfGJa7gjChDET1dK9SekxFFdflarnUB8PwW8aGwEoF3oAsSDuNUTYS+SKDOyOJxQyDC1aPFMuRYLoDInyV9Ew==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.3.3.tgz",
+      "integrity": "sha512-0DaL0A6Xu6sQSQFwe4iVCrKWU2cCTItnRsYsCdxAMm9NF6twAA9BKnoqy4hqz4+azQ0JHuA26qiUKsf1XJ/v5A==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -454,12 +488,34 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-ppc64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.1.0.tgz",
-      "integrity": "sha512-tiXxFZFbhnkWE2LA8oQj7KYR+bWBkiV2nilRldT7bqoEZ4HiDOcePr9wVDAZPi/Id5fT1oY9iGnDq20cwUz8lQ==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.3.3.tgz",
+      "integrity": "sha512-cdn1OvUBwsXhbC0zSzJnNzf5MZ/mTrobawDvNXBTxe8VtqKAm0sRuEY2Evzovb/w9JMk4TvRxqt1mekSuJz64w==",
       "cpu": [
         "ppc64"
       ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.3.3.tgz",
+      "integrity": "sha512-HjPVx7yKz+0lqdhDlTw1tt90wamBoxhiXpvl1XZpJLiHH4RCJ5yDTqH+VlYPv2fwFs89JFw4c1IexYOcQUi4IQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -470,12 +526,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-s390x": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.1.0.tgz",
-      "integrity": "sha512-xukSwvhguw7COyzvmjydRb3x/09+21HykyapcZchiCUkTThEQEOMtBj9UhkaBRLuBrgLFzQ2wbxdeCCJW/jgJA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.3.3.tgz",
+      "integrity": "sha512-neWLh+3yCNThxnfy3c4BbVBeGgt9aftno+XbT56iK28RgeDs3UOFWviLWlUu0bArYVYJaFDK+RRohbicUNCm8Q==",
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -486,12 +545,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linux-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.1.0.tgz",
-      "integrity": "sha512-yRj2+reB8iMg9W5sULM3S74jVS7zqSzHG3Ol/twnAAkAhnGQnpjj6e4ayUz7V+FpKypwgs82xbRdYtchTTUB+Q==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.3.3.tgz",
+      "integrity": "sha512-4vKmvAst9nrowcqquKFAyZJUDolUaIp8uRiN0mWFguJ1IplC9/pitXtlnnlU4aa/eJw3J7i67V+pwUL+wZGdsA==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -502,12 +564,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.1.0.tgz",
-      "integrity": "sha512-jYZdG+whg0MDK+q2COKbYidaqW/WTz0cc1E+tMAusiDygrM4ypmSCjOJPmFTvHHJ8j/6cAGyeDWZOsK06tP33w==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.3.3.tgz",
+      "integrity": "sha512-Y9kQaLMuNoB0bPYOOdcZMaseNrFpPodIWWMrx+CZyydf2xn68j9WYc6sWWRrDwNkzCQjKYfc68L7jKjGlHMibw==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -518,12 +583,15 @@
       }
     },
     "node_modules/@img/sharp-libvips-linuxmusl-x64": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.1.0.tgz",
-      "integrity": "sha512-wK7SBdwrAiycjXdkPnGCPLjYb9lD4l6Ze2gSdAGVZrEL05AOUJESWU2lhlC+Ffn5/G+VKuSm6zzbQSzFX/P65A==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.3.3.tgz",
+      "integrity": "sha512-fj8Mv0HHfD1Rr+4I68+3agJynxDWtBFgicTbSOb9Bke6pIwzGcJ+RX/yHjmiEGFMCavY/dxvem7MyNaJF+wDiw==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -534,160 +602,244 @@
       }
     },
     "node_modules/@img/sharp-linux-arm": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.2.tgz",
-      "integrity": "sha512-0DZzkvuEOqQUP9mo2kjjKNok5AmnOr1jB2XYjkaoNRwpAYMDzRmAqUIa1nRi58S2WswqSfPOWLNOr0FDT3H5RQ==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.35.4.tgz",
+      "integrity": "sha512-7OAS8gI0EReKGVN2HssHlM6umJgxF5VI3xN0p9FA91p/YO+ou5hiNghLdZ5BEHztwaaK5+bLKRf8x/o2L2nk9A==",
       "cpu": [
         "arm"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm": "1.1.0"
+        "@img/sharp-libvips-linux-arm": "1.3.3"
       }
     },
     "node_modules/@img/sharp-linux-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.2.tgz",
-      "integrity": "sha512-D8n8wgWmPDakc83LORcfJepdOSN6MvWNzzz2ux0MnIbOqdieRZwVYY32zxVx+IFUT8er5KPcyU3XXsn+GzG/0Q==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.35.4.tgz",
+      "integrity": "sha512-De4jpEnAU8Hd5oT0j1G3uL4ZvTuipVMn7YC6vPaJhy6/7EwEae0SVAoBrUMYQbkLGDm85taVWwuPc1a44LTzCQ==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.35.4.tgz",
+      "integrity": "sha512-2oYZJeIl4kCcMGk4ouZVjnkCtFrpQFlNEtJ6GbxzhHQchwH0NH/qEb9ykmOl29dqwMq+JhFdZn+1ak2FKhI9fQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-arm64": "1.1.0"
+        "@img/sharp-libvips-linux-ppc64": "1.3.3"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.35.4.tgz",
+      "integrity": "sha512-cPbNChoRURAWdebDIHSenxRpgEdy7JkPydSnUxRm9VvKD7m0/xVaR/8Fzlu81pk5nHEvHH87UZUA7cTtwnbJSA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "libc": [
+        "glibc"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.3.3"
       }
     },
     "node_modules/@img/sharp-linux-s390x": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.2.tgz",
-      "integrity": "sha512-EGZ1xwhBI7dNISwxjChqBGELCWMGDvmxZXKjQRuqMrakhO8QoMgqCrdjnAqJq/CScxfRn+Bb7suXBElKQpPDiw==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.35.4.tgz",
+      "integrity": "sha512-RY0JFY8Fd6RonCBtHz+DvadaPkXDSI1AUn6yWL9TipqkZ1vY8w8evqdgyDFnkm4/K1ve1TvZiaePP5oSd4+WVQ==",
       "cpu": [
         "s390x"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-s390x": "1.1.0"
+        "@img/sharp-libvips-linux-s390x": "1.3.3"
       }
     },
     "node_modules/@img/sharp-linux-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.2.tgz",
-      "integrity": "sha512-sD7J+h5nFLMMmOXYH4DD9UtSNBD05tWSSdWAcEyzqW8Cn5UxXvsHAxmxSesYUsTOBmUnjtxghKDl15EvfqLFbQ==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.35.4.tgz",
+      "integrity": "sha512-9qvvEAuk8k89TfWUoX2htWjbAMX8p+NxCppjpcg5k6xMsjhBQPTsoIh36h9Qde4WRuGpJeYnOjdosDn/cnv+OA==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linux-x64": "1.1.0"
+        "@img/sharp-libvips-linux-x64": "1.3.3"
       }
     },
     "node_modules/@img/sharp-linuxmusl-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.2.tgz",
-      "integrity": "sha512-NEE2vQ6wcxYav1/A22OOxoSOGiKnNmDzCYFOZ949xFmrWZOVII1Bp3NqVVpvj+3UeHMFyN5eP/V5hzViQ5CZNA==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.35.4.tgz",
+      "integrity": "sha512-KB5jxpfWQTr0nc3xdHtWChdbifHrBGsd2SM62Eyxrl8afikm+f5qGBU75SJIZBT/S1MC8XyacdlXBMSWq6OURA==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0"
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.3"
       }
     },
     "node_modules/@img/sharp-linuxmusl-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.2.tgz",
-      "integrity": "sha512-DOYMrDm5E6/8bm/yQLCWyuDJwUnlevR8xtF8bs+gjZ7cyUNYXiSf/E8Kp0Ss5xasIaXSHzb888V1BE4i1hFhAA==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.35.4.tgz",
+      "integrity": "sha512-f+eZJZIQNEEd26RPSW+76chwOf1XtA2Y/O+5ocVyLliHkeih3e+jhLVBdNTd2rS3IbNXK8+ug93Vf5ZXtF5Lxg==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "Apache-2.0",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-libvips-linuxmusl-x64": "1.1.0"
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.3"
       }
     },
     "node_modules/@img/sharp-wasm32": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.2.tgz",
-      "integrity": "sha512-/VI4mdlJ9zkaq53MbIG6rZY+QRN3MLbR6usYlgITEzi4Rpx5S6LFKsycOQjkOGmqTNmkIdLjEvooFKwww6OpdQ==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.35.4.tgz",
+      "integrity": "sha512-zQnl4Kwp7Q6NHsENtU2T/00Zi+w3AQNwz3+UaTyVBy2FpXrzXzGjndpK61onhZjRtRpQXxCTeqw19bVyXOh7jA==",
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.11.3"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-webcontainers-wasm32": {
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-webcontainers-wasm32/-/sharp-webcontainers-wasm32-0.35.4.tgz",
+      "integrity": "sha512-ESfNkywmCfPNyaZjxooddJQiQ+l/nTpGEOGthxiLnIHXC/CmcBixnfwUleX9mCz9ovrUUvKMap/pm8RYbzfwaA==",
       "cpu": [
         "wasm32"
       ],
-      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "@emnapi/runtime": "^1.4.3"
+        "@img/sharp-wasm32": "0.35.4"
       },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
     },
     "node_modules/@img/sharp-win32-arm64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.2.tgz",
-      "integrity": "sha512-cfP/r9FdS63VA5k0xiqaNaEoGxBg9k7uE+RQGzuK9fHt7jib4zAVVseR9LsE4gJcNWgT6APKMNnCcnyOtmSEUQ==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.35.4.tgz",
+      "integrity": "sha512-iNdlBX9gLVvqe2I3uIJSIKTq6wckP/DYxZtcqxm09x5Gi24DnFBmPAWZmr60ZyYMG0xlzo6goG3670ar+RXvRw==",
       "cpu": [
         "arm64"
       ],
@@ -697,16 +849,16 @@
         "win32"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
     },
     "node_modules/@img/sharp-win32-ia32": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.2.tgz",
-      "integrity": "sha512-QLjGGvAbj0X/FXl8n1WbtQ6iVBpWU7JO94u/P2M4a8CFYsvQi4GW2mRy/JqkRx0qpBzaOdKJKw8uc930EX2AHw==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.35.4.tgz",
+      "integrity": "sha512-kqRsbaa5CS6KHlpxnN7WhE6vAAugXyZButpRdvDWetlv6Qv4N9WTcrWzF7tXfB9T7MsoadqdI8hmwLq6UlLvtw==",
       "cpu": [
         "ia32"
       ],
@@ -716,16 +868,16 @@
         "win32"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": "^20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       }
     },
     "node_modules/@img/sharp-win32-x64": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.2.tgz",
-      "integrity": "sha512-aUdT6zEYtDKCaxkofmmJDJYGCf0+pJg3eU9/oBuqvEeoB9dKI6ZLc/1iLJCTuJQDO4ptntAlkUmHgGjyuobZbw==",
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.35.4.tgz",
+      "integrity": "sha512-XtmnYhBcrORsJ4XJngyzr/EWP0hRZLAZRFaApdKuviyqF78+ylxh2y06ZmtULAMOnObJ3ucpN0AcwSWnMowTRg==",
       "cpu": [
         "x64"
       ],
@@ -735,7 +887,7 @@
         "win32"
       ],
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
@@ -821,15 +973,15 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.3.3.tgz",
-      "integrity": "sha512-OdiMrzCl2Xi0VTjiQQUK0Xh7bJHnOuET2s+3V+Y40WJBAXrJeGA3f+I8MZJ/YQ3mVGi5XGR1L66oFlgqXhQ4Vw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.25.tgz",
+      "integrity": "sha512-42h1lLr07vl4gawALP1hsgRZjHB1xYa58JfUfHwr0f7jG/zhPakh5GHkADHXOC9ZxUvlQFOPIrp7s6qX4DezPQ==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.3.3.tgz",
-      "integrity": "sha512-VKZJEiEdpKkfBmcokGjHu0vGDG+8CehGs90tBEy/IDoDDKGngeyIStt2MmE5FYNyU9BhgR7tybNWTAJY/30u+Q==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.25.tgz",
+      "integrity": "sha512-dAzOqZQCAOgIq5yQpsuMBZcwxK0AtzGqHMQpxNWYLQlvf79rsP3SDwdGPNQC4ySaMSihOQXMO/VXubQ3JWW+3A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -837,9 +989,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.3.3.tgz",
-      "integrity": "sha512-WRJERLuH+O3oYB4yZNVahSVFmtxRNjNF1I1c34tYMoJb0Pve+7/RaLAJJizyYiFhjYNGHRAE1Ri2Fd23zgDqhg==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.25.tgz",
+      "integrity": "sha512-w+RR0v/QuApnWEjRGm1z6gcObKwGMb5YPA7V3bzBEVSBpMFUXprer0tS27UxjUcEnqbhL7Zuzohej79B6rYmBg==",
       "cpu": [
         "arm64"
       ],
@@ -853,9 +1005,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.3.3.tgz",
-      "integrity": "sha512-XHdzH/yBc55lu78k/XwtuFR/ZXUTcflpRXcsu0nKmF45U96jt1tsOZhVrn5YH+paw66zOANpOnFQ9i6/j+UYvw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.25.tgz",
+      "integrity": "sha512-QiGGBUSakt8S1H4Lt9Ehsh6Ja87axiBnQQgysOObvCbI7iUfJnRGntF1P64S4/ijuHFnSB8KLsEddkY3nN26uw==",
       "cpu": [
         "x64"
       ],
@@ -869,12 +1021,15 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.3.3.tgz",
-      "integrity": "sha512-VZ3sYL2LXB8znNGcjhocikEkag/8xiLgnvQts41tq6i+wql63SMS1Q6N8RVXHw5pEUjiof+II3HkDd7GFcgkzw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.25.tgz",
+      "integrity": "sha512-ehLos/66zo0d/mJCU5u96a/VDcr01aaUrX0o/i16UdInxz8qPTCDSxGtjk/Lps1sIr1RJFdiX3hxc0fxJo+cPA==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -885,12 +1040,15 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.3.3.tgz",
-      "integrity": "sha512-h6Y1fLU4RWAp1HPNJWDYBQ+e3G7sLckyBXhmH9ajn8l/RSMnhbuPBV/fXmy3muMcVwoJdHL+UtzRzs0nXOf9SA==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.25.tgz",
+      "integrity": "sha512-ZVMrqLiJ7DiChgmbkQwFtdhAnUkSH/4p7tB29QY+giATb0Q/XGHNRSKAb/B8XGDHRUaA67NepOW5W8u3ZRJBAA==",
       "cpu": [
         "arm64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -901,12 +1059,15 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.3.3.tgz",
-      "integrity": "sha512-jJ8HRiF3N8Zw6hGlytCj5BiHyG/K+fnTKVDEKvUCyiQ/0r5tgwO7OgaRiOjjRoIx2vwLR+Rz8hQoPrnmFbJdfw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.25.tgz",
+      "integrity": "sha512-UOewtDGkTMJTiODrEdeLZ50yGb59xCZSriNpXkfPMxRRgwDkGc7i8mLWqV5076wEdb+Ca/XN7MhJyM3CupyNyQ==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -917,12 +1078,15 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.3.3.tgz",
-      "integrity": "sha512-HrUcTr4N+RgiiGn3jjeT6Oo208UT/7BuTr7K0mdKRBtTbT4v9zJqCDKO97DUqqoBK1qyzP1RwvrWTvU6EPh/Cw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.25.tgz",
+      "integrity": "sha512-UBHwA8AhkCZgtRfU1aJpunuAJe/6gZv6jDESQe4p5MjTb5V0YEeJBWCdNqx15Vj3x+5jmauRfeMJSjfQj9HGFQ==",
       "cpu": [
         "x64"
       ],
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
@@ -933,9 +1097,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.3.3.tgz",
-      "integrity": "sha512-SxorONgi6K7ZUysMtRF3mIeHC5aA3IQLmKFQzU0OuhuUYwpOBc1ypaLJLP5Bf3M9k53KUUUj4vTPwzGvl/NwlQ==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.25.tgz",
+      "integrity": "sha512-QcFcPRr16djk5IqK5+e8O80eZfgWzIvVBXfitIq0tQ/uc+eyfdoZ0NmKc0cnbIJyfVwREapKuG97YcxWA9gcpA==",
       "cpu": [
         "arm64"
       ],
@@ -949,9 +1113,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.3.3.tgz",
-      "integrity": "sha512-4QZG6F8enl9/S2+yIiOiju0iCTFd93d8VC1q9LZS4p/Xuk81W2QDjCFeoogmrWWkAD59z8ZxepBQap2dKS5ruw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.25.tgz",
+      "integrity": "sha512-zREeykps3ndWr9egJgvJKqVkkDuaw6Zrrg23cYBos0ygydFkAWYU4+PaPVwXzP1eAYQJe53ShSK45iDM529BOg==",
       "cpu": [
         "x64"
       ],
@@ -1341,12 +1505,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@swc/counter": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
-      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
-      "license": "Apache-2.0"
-    },
     "node_modules/@swc/helpers": {
       "version": "0.5.15",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
@@ -1700,13 +1858,13 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "20.17.57",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.57.tgz",
-      "integrity": "sha512-f3T4y6VU4fVQDKVqJV4Uppy8c1p/sVvS3peyqxyWnzkqXFJLRU7Y1Bl7rMS1Qe9z0v4M6McY0Fp9yBsgHJUsWQ==",
+      "version": "24.13.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.13.3.tgz",
+      "integrity": "sha512-Dh8vAsV36ig5wa9OX4pXvMc9D3Veibfw2wix0CUwYODLD8nkj9UsLjASr49nPg+2eKzxhBV+v7L8pXvT4e639Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.19.2"
+        "undici-types": "~7.18.0"
       }
     },
     "node_modules/@types/papaparse": {
@@ -1746,13 +1904,6 @@
         "@types/react": "^19.0.0"
       }
     },
-    "node_modules/@types/showdown": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@types/showdown/-/showdown-2.0.6.tgz",
-      "integrity": "sha512-pTvD/0CIeqe4x23+YJWlX2gArHa8G0J0Oh6GKaVXV7TAeickpkkZiNOgFcFcmLQ5lB/K0qBJL1FtRYltBfbGCQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/tinycolor2": {
       "version": "1.4.6",
       "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.6.tgz",
@@ -2712,17 +2863,6 @@
         "uzip": "0.20201231.0"
       }
     },
-    "node_modules/busboy": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
-      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
-      "dependencies": {
-        "streamsearch": "^1.1.0"
-      },
-      "engines": {
-        "node": ">=10.16.0"
-      }
-    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -2846,25 +2986,11 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
-    "node_modules/color": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
-      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "color-convert": "^2.0.1",
-        "color-string": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=12.5.0"
-      }
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -2877,29 +3003,9 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
-    "node_modules/color-string": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
-      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "color-name": "^1.0.0",
-        "simple-swizzle": "^0.2.2"
-      }
-    },
-    "node_modules/commander": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
-      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
-      "license": "MIT",
-      "engines": {
-        "node": "^12.20.0 || >=14"
-      }
-    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -3077,9 +3183,9 @@
       }
     },
     "node_modules/detect-libc": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
-      "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
       "devOptional": true,
       "license": "Apache-2.0",
       "engines": {
@@ -3087,9 +3193,9 @@
       }
     },
     "node_modules/diff": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-8.0.2.tgz",
-      "integrity": "sha512-sSuxWU5j5SR9QQji/o2qMvqRNYRDOcBTgsJ/DeCf4iSN4gW+gNMXM7wFIP+fdXZxoNiAnHUTGjCr+TSWXdRDKg==",
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-9.0.0.tgz",
+      "integrity": "sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw==",
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.3.1"
@@ -3412,13 +3518,13 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.3.3.tgz",
-      "integrity": "sha512-QJLv/Ouk2vZnxL4b67njJwTLjTf7uZRltI0LL4GERYR4qMF5z08+gxkfODAeaK7TiC6o+cER91bDaEnwrTWV6Q==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.25.tgz",
+      "integrity": "sha512-hB1oClZzRO3vMAeMmBMch0FHNJ4irH74LvQWDEMHkJtG/Us9+SAsg1f5Pvcw9jz4tc8wSGnvbmF050BRAAIbBg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "15.3.3",
+        "@next/eslint-plugin-next": "15.5.25",
         "@rushstack/eslint-patch": "^1.10.3",
         "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
@@ -4321,13 +4427,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-arrayish": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
-      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
-      "license": "MIT",
-      "optional": true
-    },
     "node_modules/is-async-function": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
@@ -5194,6 +5293,18 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/marked": {
+      "version": "18.0.11",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-18.0.11.tgz",
+      "integrity": "sha512-HnslJfsZkRPBDJRHvVtAaWlZHEpSu7u8LgQuJCELjRKuWR+hpq4A7sLq3p8HaI9ypVoXDXxV34CsQJEe1+J5Aw==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 20"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -5339,15 +5450,13 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.3.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.3.3.tgz",
-      "integrity": "sha512-JqNj29hHNmCLtNvd090SyRbXJiivQ+58XjCcrC50Crb5g5u2zi7Y2YivbsEfzk6AtVI80akdOQbaMZwWB1Hthw==",
+      "version": "15.5.25",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.25.tgz",
+      "integrity": "sha512-OMWNulIIqKM2ykvC2qMjIt0IoavB4UB2SCs4iXJ6z6847FvyH8jBmBWcvrF5iuhTu8Przh20Fo/aoszIdqx4PA==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.3.3",
-        "@swc/counter": "0.1.3",
+        "@next/env": "15.5.25",
         "@swc/helpers": "0.5.15",
-        "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
         "styled-jsx": "5.1.6"
@@ -5359,19 +5468,19 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.3.3",
-        "@next/swc-darwin-x64": "15.3.3",
-        "@next/swc-linux-arm64-gnu": "15.3.3",
-        "@next/swc-linux-arm64-musl": "15.3.3",
-        "@next/swc-linux-x64-gnu": "15.3.3",
-        "@next/swc-linux-x64-musl": "15.3.3",
-        "@next/swc-win32-arm64-msvc": "15.3.3",
-        "@next/swc-win32-x64-msvc": "15.3.3",
-        "sharp": "^0.34.1"
+        "@next/swc-darwin-arm64": "15.5.25",
+        "@next/swc-darwin-x64": "15.5.25",
+        "@next/swc-linux-arm64-gnu": "15.5.25",
+        "@next/swc-linux-arm64-musl": "15.5.25",
+        "@next/swc-linux-x64-gnu": "15.5.25",
+        "@next/swc-linux-x64-musl": "15.5.25",
+        "@next/swc-win32-arm64-msvc": "15.5.25",
+        "@next/swc-win32-x64-msvc": "15.5.25",
+        "sharp": "^0.34.3 || ^0.35.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
-        "@playwright/test": "^1.41.2",
+        "@playwright/test": "^1.51.1",
         "babel-plugin-react-compiler": "*",
         "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
         "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
@@ -6118,9 +6227,9 @@
       "license": "MIT"
     },
     "node_modules/semver": {
-      "version": "7.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz",
-      "integrity": "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==",
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
       "devOptional": true,
       "license": "ISC",
       "bin": {
@@ -6186,45 +6295,53 @@
       "license": "MIT"
     },
     "node_modules/sharp": {
-      "version": "0.34.2",
-      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.2.tgz",
-      "integrity": "sha512-lszvBmB9QURERtyKT2bNmsgxXK0ShJrL/fvqlonCo7e6xBF8nT8xU6pW+PMIbLsz0RxQk3rgH9kd8UmvOzlMJg==",
-      "hasInstallScript": true,
+      "version": "0.35.4",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.35.4.tgz",
+      "integrity": "sha512-n++8XWcj+jCOr2IOl7h8LbKnGBDY4aPbmprMONBNFdn0ImXqpGVv5zliDs0V9HbmbCQLpbuo2ej9rAoOQTvMDA==",
       "license": "Apache-2.0",
       "optional": true,
       "dependencies": {
-        "color": "^4.2.3",
-        "detect-libc": "^2.0.4",
-        "semver": "^7.7.2"
+        "@img/colour": "^1.1.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.8.5"
       },
       "engines": {
-        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+        "node": ">=20.9.0"
       },
       "funding": {
         "url": "https://opencollective.com/libvips"
       },
       "optionalDependencies": {
-        "@img/sharp-darwin-arm64": "0.34.2",
-        "@img/sharp-darwin-x64": "0.34.2",
-        "@img/sharp-libvips-darwin-arm64": "1.1.0",
-        "@img/sharp-libvips-darwin-x64": "1.1.0",
-        "@img/sharp-libvips-linux-arm": "1.1.0",
-        "@img/sharp-libvips-linux-arm64": "1.1.0",
-        "@img/sharp-libvips-linux-ppc64": "1.1.0",
-        "@img/sharp-libvips-linux-s390x": "1.1.0",
-        "@img/sharp-libvips-linux-x64": "1.1.0",
-        "@img/sharp-libvips-linuxmusl-arm64": "1.1.0",
-        "@img/sharp-libvips-linuxmusl-x64": "1.1.0",
-        "@img/sharp-linux-arm": "0.34.2",
-        "@img/sharp-linux-arm64": "0.34.2",
-        "@img/sharp-linux-s390x": "0.34.2",
-        "@img/sharp-linux-x64": "0.34.2",
-        "@img/sharp-linuxmusl-arm64": "0.34.2",
-        "@img/sharp-linuxmusl-x64": "0.34.2",
-        "@img/sharp-wasm32": "0.34.2",
-        "@img/sharp-win32-arm64": "0.34.2",
-        "@img/sharp-win32-ia32": "0.34.2",
-        "@img/sharp-win32-x64": "0.34.2"
+        "@img/sharp-darwin-arm64": "0.35.4",
+        "@img/sharp-darwin-x64": "0.35.4",
+        "@img/sharp-freebsd-wasm32": "0.35.4",
+        "@img/sharp-libvips-darwin-arm64": "1.3.3",
+        "@img/sharp-libvips-darwin-x64": "1.3.3",
+        "@img/sharp-libvips-linux-arm": "1.3.3",
+        "@img/sharp-libvips-linux-arm64": "1.3.3",
+        "@img/sharp-libvips-linux-ppc64": "1.3.3",
+        "@img/sharp-libvips-linux-riscv64": "1.3.3",
+        "@img/sharp-libvips-linux-s390x": "1.3.3",
+        "@img/sharp-libvips-linux-x64": "1.3.3",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.3.3",
+        "@img/sharp-libvips-linuxmusl-x64": "1.3.3",
+        "@img/sharp-linux-arm": "0.35.4",
+        "@img/sharp-linux-arm64": "0.35.4",
+        "@img/sharp-linux-ppc64": "0.35.4",
+        "@img/sharp-linux-riscv64": "0.35.4",
+        "@img/sharp-linux-s390x": "0.35.4",
+        "@img/sharp-linux-x64": "0.35.4",
+        "@img/sharp-linuxmusl-arm64": "0.35.4",
+        "@img/sharp-linuxmusl-x64": "0.35.4",
+        "@img/sharp-webcontainers-wasm32": "0.35.4",
+        "@img/sharp-win32-arm64": "0.35.4",
+        "@img/sharp-win32-ia32": "0.35.4",
+        "@img/sharp-win32-x64": "0.35.4"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/shebang-command": {
@@ -6250,22 +6367,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/showdown": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/showdown/-/showdown-2.1.0.tgz",
-      "integrity": "sha512-/6NVYu4U819R2pUIk79n67SYgJHWCce0a5xTP979WbNp0FL9MN1I1QK662IDU1b6JzKTvmhgI7T7JYIxBi3kMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "commander": "^9.0.0"
-      },
-      "bin": {
-        "showdown": "bin/showdown.js"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://www.paypal.me/tiviesantos"
-      }
-    },
     "node_modules/side-channel": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
@@ -6349,16 +6450,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/simple-swizzle": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
-      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "is-arrayish": "^0.3.1"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -6403,14 +6494,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/streamsearch": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
-      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
     "node_modules/string_decoder": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
@@ -6900,9 +6983,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "6.19.8",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "version": "7.18.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.18.2.tgz",
+      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
       "dev": true,
       "license": "MIT"
     },

From 2cb366793a781b6240b1284d3aae54c13d2c8cbd Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:03:48 +0530
Subject: [PATCH 35/42] Move ToolStack to Next 16 active LTS

---
 package.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 04946ac..1eb7dd9 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.3.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "lint": "eslint .",
@@ -20,13 +20,13 @@
     "exif-js": "^2.3.0",
     "jszip": "^3.10.1",
     "marked": "^18.0.11",
-    "next": "15.5.25",
+    "next": "16.3.4",
     "papaparse": "^5.5.3",
     "pdf-lib": "^1.17.1",
     "piexifjs": "^1.0.6",
     "postcss-selector-parser": "^7.1.6",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-image-crop": "^11.0.10",
     "tinycolor2": "^1.6.0",
     "yaml": "^2.9.0"
@@ -43,7 +43,7 @@
     "@types/react-dom": "^19",
     "@types/tinycolor2": "^1.4.6",
     "eslint": "^9",
-    "eslint-config-next": "15.5.25",
+    "eslint-config-next": "16.3.4",
     "tailwindcss": "^4",
     "typescript": "^5",
     "vitest": "^4.1.11"

From fa194652b05d4ed6c4566dc3fb02ce99b258ae4d Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:03:58 +0530
Subject: [PATCH 36/42] Refresh lockfile for Next 16 active LTS

---
 .github/workflows/update-feature-deps.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/update-feature-deps.yml b/.github/workflows/update-feature-deps.yml
index 39ae91f..72b7b56 100644
--- a/.github/workflows/update-feature-deps.yml
+++ b/.github/workflows/update-feature-deps.yml
@@ -18,7 +18,7 @@ jobs:
         with:
           node-version: 24
           cache: npm
-      - name: Refresh npm lockfile after runtime security upgrades
+      - name: Refresh npm lockfile for Next 16 active LTS
         run: npm install --package-lock-only
       - name: Report production dependency audit
         run: npm audit --omit=dev || true

From 474d31dd99d98a34d05932f498c0cff094737ecb Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 4 Sep 2026 13:34:14 +0000
Subject: [PATCH 37/42] Refresh dependency lockfile

---
 package-lock.json | 1045 +++++++++++++++++++++++++++++++++------------
 1 file changed, 765 insertions(+), 280 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c2d8fff..296d56a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,13 +15,13 @@
         "exif-js": "^2.3.0",
         "jszip": "^3.10.1",
         "marked": "^18.0.11",
-        "next": "15.5.25",
+        "next": "16.3.4",
         "papaparse": "^5.5.3",
         "pdf-lib": "^1.17.1",
         "piexifjs": "^1.0.6",
         "postcss-selector-parser": "^7.1.6",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0",
+        "react": "^19.2.8",
+        "react-dom": "^19.2.8",
         "react-image-crop": "^11.0.10",
         "tinycolor2": "^1.6.0",
         "yaml": "^2.9.0"
@@ -38,7 +38,7 @@
         "@types/react-dom": "^19",
         "@types/tinycolor2": "^1.4.6",
         "eslint": "^9",
-        "eslint-config-next": "15.5.25",
+        "eslint-config-next": "16.3.4",
         "tailwindcss": "^4",
         "typescript": "^5",
         "vitest": "^4.1.11"
@@ -71,6 +71,279 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz",
+      "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@babel/types": "^7.29.8",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz",
+      "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz",
+      "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.8",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.8",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.8",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@contentauth/c2pa-types": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/@contentauth/c2pa-types/-/c2pa-types-0.7.4.tgz",
@@ -138,9 +411,9 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz",
-      "integrity": "sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==",
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -170,9 +443,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -907,34 +1180,31 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -949,9 +1219,9 @@
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -973,25 +1243,26 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.25.tgz",
-      "integrity": "sha512-42h1lLr07vl4gawALP1hsgRZjHB1xYa58JfUfHwr0f7jG/zhPakh5GHkADHXOC9ZxUvlQFOPIrp7s6qX4DezPQ==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.3.4.tgz",
+      "integrity": "sha512-cjWZnUUa6jZq2kFaNe/ZyJdZonOZ/QoN0Zka2nz/FLOrfx14pQuM9c5RaSVkWMqgdt4ksgPAMWPyHSs/CyV48Q==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.25.tgz",
-      "integrity": "sha512-dAzOqZQCAOgIq5yQpsuMBZcwxK0AtzGqHMQpxNWYLQlvf79rsP3SDwdGPNQC4ySaMSihOQXMO/VXubQ3JWW+3A==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.3.4.tgz",
+      "integrity": "sha512-szW9y2Aumu4z88YXfTzcFsgUAg2k64uzbtcO5L9f1AKS4w/GUKJcbFllRflROVyNPgJtGOnvNxiyp3v6b+prIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "@eslint-community/eslint-utils": "4.9.1",
         "fast-glob": "3.3.1"
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.25.tgz",
-      "integrity": "sha512-w+RR0v/QuApnWEjRGm1z6gcObKwGMb5YPA7V3bzBEVSBpMFUXprer0tS27UxjUcEnqbhL7Zuzohej79B6rYmBg==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.3.4.tgz",
+      "integrity": "sha512-iBr3I5LZNk5/bgl5//iTgD2tcym14MX0Xo7fD//u9dYAEgGzza1y9oywluPtf74YnOswVdH1908aK9xVz7zQTw==",
       "cpu": [
         "arm64"
       ],
@@ -1005,9 +1276,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.25.tgz",
-      "integrity": "sha512-QiGGBUSakt8S1H4Lt9Ehsh6Ja87axiBnQQgysOObvCbI7iUfJnRGntF1P64S4/ijuHFnSB8KLsEddkY3nN26uw==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.3.4.tgz",
+      "integrity": "sha512-2dpiSyl2Jw/NrBPaU2MAKGSa+2MR82pJIn4Sm5Rjr+gxAeuh0z158Su3Z2O8zn7UNNq+ej4bToed6RcRN/Lydg==",
       "cpu": [
         "x64"
       ],
@@ -1021,9 +1292,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.25.tgz",
-      "integrity": "sha512-ehLos/66zo0d/mJCU5u96a/VDcr01aaUrX0o/i16UdInxz8qPTCDSxGtjk/Lps1sIr1RJFdiX3hxc0fxJo+cPA==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.3.4.tgz",
+      "integrity": "sha512-+t+U8HZT+fApePCS5h89CSH3datz29MkzyfCn+6fpsZBG/oiEOhINcb9rtkv6sdpToLGFn2e6146NzaKCXkqrA==",
       "cpu": [
         "arm64"
       ],
@@ -1040,9 +1311,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.25.tgz",
-      "integrity": "sha512-ZVMrqLiJ7DiChgmbkQwFtdhAnUkSH/4p7tB29QY+giATb0Q/XGHNRSKAb/B8XGDHRUaA67NepOW5W8u3ZRJBAA==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.3.4.tgz",
+      "integrity": "sha512-mx03GNs1ocQA5JQ4FxDMmIsNkdrZh8cuezKCrId28e5/gIPU/l7Kcy2+vmCCzdjnnmXJy+iOAu+7K0QppO6Urg==",
       "cpu": [
         "arm64"
       ],
@@ -1059,9 +1330,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.25.tgz",
-      "integrity": "sha512-UOewtDGkTMJTiODrEdeLZ50yGb59xCZSriNpXkfPMxRRgwDkGc7i8mLWqV5076wEdb+Ca/XN7MhJyM3CupyNyQ==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.3.4.tgz",
+      "integrity": "sha512-YIhGY6fSMfha52bnVxnzc9zaVBzJg+cqQTOD8tXIBSx4fuv0pVMxQTE0PaS59YhnMOiYiG09IMwxJAf/CFm/Dw==",
       "cpu": [
         "x64"
       ],
@@ -1078,9 +1349,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.25.tgz",
-      "integrity": "sha512-UBHwA8AhkCZgtRfU1aJpunuAJe/6gZv6jDESQe4p5MjTb5V0YEeJBWCdNqx15Vj3x+5jmauRfeMJSjfQj9HGFQ==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.3.4.tgz",
+      "integrity": "sha512-+eaaX6axpDb0yF1GCpiERe6njplvdC+nks/fKfcHu3XPGRrald8P3/X7yv7QLdjA51knnxwl9pxdIJsg+w1L+Q==",
       "cpu": [
         "x64"
       ],
@@ -1097,9 +1368,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.25.tgz",
-      "integrity": "sha512-QcFcPRr16djk5IqK5+e8O80eZfgWzIvVBXfitIq0tQ/uc+eyfdoZ0NmKc0cnbIJyfVwREapKuG97YcxWA9gcpA==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.3.4.tgz",
+      "integrity": "sha512-0jcXW7Xs/uzICrmgV3MhDYDeRy++1CqnpDIerlPIqYO4bhzB4WNbX/aRnQclustsAyTkFKB0z6rbcjmNg5tR8A==",
       "cpu": [
         "arm64"
       ],
@@ -1113,9 +1384,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.25.tgz",
-      "integrity": "sha512-zREeykps3ndWr9egJgvJKqVkkDuaw6Zrrg23cYBos0ygydFkAWYU4+PaPVwXzP1eAYQJe53ShSK45iDM529BOg==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.3.4.tgz",
+      "integrity": "sha512-vvBzwu1pYQCp92maZCFCIw/XgOTMR5tur9GjakwIo2cmwRTMKajRZZDS9+e4KsUZWKu1E007WUeAFXRRjZeuzw==",
       "cpu": [
         "x64"
       ],
@@ -1491,13 +1762,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.11.0.tgz",
-      "integrity": "sha512-zxnHvoMQVqewTJr/W4pKjF0bMGiKJv1WX7bSrkl46Hg0QjESbzBROWK0Wg4RphzSOS5Jiy7eFimmM3UgMrMZbQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@standard-schema/spec": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
@@ -1506,9 +1770,9 @@
       "license": "MIT"
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
-      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "version": "0.5.23",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.23.tgz",
+      "integrity": "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==",
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.8.0"
@@ -1919,21 +2183,20 @@
       "optional": true
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.33.0.tgz",
-      "integrity": "sha512-CACyQuqSHt7ma3Ns601xykeBK/rDeZa3w6IS6UtMQbixO5DWy+8TilKkviGDH6jtWCo8FGRKEK5cLLkPvEammQ==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.69.0.tgz",
+      "integrity": "sha512-t5jQTKPIgVW1PE6dR6H6Qz5gm8zjMlX5/2gRaOGd9eO6V7J+tQc6iWKukEe7dY8u9HyYasQ0yfF0/FSSTEO2gA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.33.0",
-        "@typescript-eslint/type-utils": "8.33.0",
-        "@typescript-eslint/utils": "8.33.0",
-        "@typescript-eslint/visitor-keys": "8.33.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^7.0.0",
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.69.0",
+        "@typescript-eslint/type-utils": "8.69.0",
+        "@typescript-eslint/utils": "8.69.0",
+        "@typescript-eslint/visitor-keys": "8.69.0",
+        "ignore": "^7.0.5",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.1.0"
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1943,15 +2206,15 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.33.0",
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "@typescript-eslint/parser": "^8.69.0",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
-      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "version": "7.0.8",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.8.tgz",
+      "integrity": "sha512-YYNsSlXBjMk92SKnkwvB5LOVSa6OznlFUGcsvrFgNJbJCd0M1XKeFVRc8ZByeCqz32FivYNHJVooLmdqrmvp/Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1959,17 +2222,17 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.33.0.tgz",
-      "integrity": "sha512-JaehZvf6m0yqYp34+RVnihBAChkqeH+tqqhS0GuX1qgPpwLvmTPheKEs6OeCK6hVJgXZHJ2vbjnC9j119auStQ==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.69.0.tgz",
+      "integrity": "sha512-l4b0DhWioGg6Gt2ebGlvfkFMOjRsauxtsnDRwUSRX1qHq3HdTfQHV8wW9zEXeciai6HfeaKOedQn2Zoofx3WBw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.33.0",
-        "@typescript-eslint/types": "8.33.0",
-        "@typescript-eslint/typescript-estree": "8.33.0",
-        "@typescript-eslint/visitor-keys": "8.33.0",
-        "debug": "^4.3.4"
+        "@typescript-eslint/scope-manager": "8.69.0",
+        "@typescript-eslint/types": "8.69.0",
+        "@typescript-eslint/typescript-estree": "8.69.0",
+        "@typescript-eslint/visitor-keys": "8.69.0",
+        "debug": "^4.4.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1979,20 +2242,20 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.33.0.tgz",
-      "integrity": "sha512-d1hz0u9l6N+u/gcrk6s6gYdl7/+pp8yHheRTqP6X5hVDKALEaTn8WfGiit7G511yueBEL3OpOEpD+3/MBdoN+A==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.69.0.tgz",
+      "integrity": "sha512-yi4obFrHMmnsesWehHbkg9zMA7Jt8cXT+mKM08G999pH1yT6nqgsHx7MYm0uY1wAj8CqiBXYRJ7WAT0QdQHQXg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.33.0",
-        "@typescript-eslint/types": "^8.33.0",
-        "debug": "^4.3.4"
+        "@typescript-eslint/tsconfig-utils": "^8.69.0",
+        "@typescript-eslint/types": "^8.69.0",
+        "debug": "^4.4.3"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2000,17 +2263,20 @@
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.33.0.tgz",
-      "integrity": "sha512-LMi/oqrzpqxyO72ltP+dBSP6V0xiUb4saY7WLtxSfiNEBI8m321LLVFU9/QDJxjDQG9/tjSqKz/E3380TEqSTw==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.69.0.tgz",
+      "integrity": "sha512-ewfspqWvSxKSOaplqAUNbaSFO0eB6w1EtQ+esfYFRm3614Ty4uNtExkcbgd6nWsXphbqKyf9ZYdbZdv2xEoWEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.33.0",
-        "@typescript-eslint/visitor-keys": "8.33.0"
+        "@typescript-eslint/types": "8.69.0",
+        "@typescript-eslint/visitor-keys": "8.69.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2021,9 +2287,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.33.0.tgz",
-      "integrity": "sha512-sTkETlbqhEoiFmGr1gsdq5HyVbSOF0145SYDJ/EQmXHtKViCaGvnyLqWFFHtEXoS0J1yU8Wyou2UGmgW88fEug==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.69.0.tgz",
+      "integrity": "sha512-xNqK7YTDZsLniQMV/4rpFR8Z5JlqeRvVjuG1YgF/mdPVH84HSD19L8CczMA0qg2RfwEV231GHH3VnToJDo4MfQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2034,20 +2300,21 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.33.0.tgz",
-      "integrity": "sha512-lScnHNCBqL1QayuSrWeqAL5GmqNdVUQAAMTaCwdYEdWfIrSrOGzyLGRCHXcCixa5NK6i5l0AfSO2oBSjCjf4XQ==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.69.0.tgz",
+      "integrity": "sha512-ZfoJAVg3JZndQEpEl9petVlxau3lRuElc4HRMuAlLCf8to04/iHz692RUSNmXKDjEuJmIL+KZ2/BsOcBc16dsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.33.0",
-        "@typescript-eslint/utils": "8.33.0",
-        "debug": "^4.3.4",
-        "ts-api-utils": "^2.1.0"
+        "@typescript-eslint/types": "8.69.0",
+        "@typescript-eslint/typescript-estree": "8.69.0",
+        "@typescript-eslint/utils": "8.69.0",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2057,14 +2324,14 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.33.0.tgz",
-      "integrity": "sha512-DKuXOKpM5IDT1FA2g9x9x1Ug81YuKrzf4mYX8FAVSNu5Wo/LELHWQyM1pQaDkI42bX15PWl0vNPt1uGiIFUOpg==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.69.0.tgz",
+      "integrity": "sha512-K3VrubUPhlo9VDBS6QdI8YB5j7ClpqLRdefcz6PFrhnwicehBweqQ9Evhl4l+FYz0HdDmMqIiSX0aldGRYtDCA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2076,22 +2343,21 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.33.0.tgz",
-      "integrity": "sha512-vegY4FQoB6jL97Tu/lWRsAiUUp8qJTqzAmENH2k59SJhw0Th1oszb9Idq/FyyONLuNqT1OADJPXfyUNOR8SzAQ==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.69.0.tgz",
+      "integrity": "sha512-AdFkgqck3Vudb/kWnxlyafU/4aBhHrbQ9locP2N4psXTy5mOBg0SHJumnLvx7r6g1gV4DKvUFwV2nJZBoqOD8w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.33.0",
-        "@typescript-eslint/tsconfig-utils": "8.33.0",
-        "@typescript-eslint/types": "8.33.0",
-        "@typescript-eslint/visitor-keys": "8.33.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
+        "@typescript-eslint/project-service": "8.69.0",
+        "@typescript-eslint/tsconfig-utils": "8.69.0",
+        "@typescript-eslint/types": "8.69.0",
+        "@typescript-eslint/visitor-keys": "8.69.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2101,76 +2367,59 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
+      "engines": {
+        "node": "18 || 20 || >=22"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz",
+      "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
+        "balanced-match": "^4.0.2"
       },
       "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
+        "node": "20 || >=22"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "10.2.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz",
+      "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==",
       "dev": true,
-      "license": "ISC",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^5.0.8"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": "18 || 20 || >=22"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.33.0.tgz",
-      "integrity": "sha512-lPFuQaLA9aSNa7D5u2EpRiqdAUhzShwGg/nhpBlc4GR6kcTABttCuyjFs8BcEZ8VWrjCBof/bePhP3Q3fS+Yrw==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.69.0.tgz",
+      "integrity": "sha512-tUbx60BBqQa31kXF5MCsOOLL5E/WzUuxIn7YpAvq+eaUlqvk8/NXnXMBNAdLCr0icjkzem7iUA5QqWHe/hJ1aw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.33.0",
-        "@typescript-eslint/types": "8.33.0",
-        "@typescript-eslint/typescript-estree": "8.33.0"
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.69.0",
+        "@typescript-eslint/types": "8.69.0",
+        "@typescript-eslint/typescript-estree": "8.69.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2180,19 +2429,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0",
-        "typescript": ">=4.8.4 <5.9.0"
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.33.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.33.0.tgz",
-      "integrity": "sha512-7RW7CMYoskiz5OOGAWjJFxgb7c5UNjTG292gYhWeOAcFmYCtVCSqjqSBj5zMhxbXo2JOW95YYrUWJfU0zrpaGQ==",
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.69.0.tgz",
+      "integrity": "sha512-+rmdgPA+EXkNgKYvHvFfhrs35utXbwaC5PGpDquSXcoXQDKUA5UjV0LmTucG/4JXkM31BTu4TilHtrN8IVBe8w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.33.0",
-        "eslint-visitor-keys": "^4.2.0"
+        "@typescript-eslint/types": "8.69.0",
+        "eslint-visitor-keys": "^5.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2202,6 +2451,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@unrs/resolver-binding-darwin-arm64": {
       "version": "1.7.8",
       "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.7.8.tgz",
@@ -2620,18 +2882,20 @@
       }
     },
     "node_modules/array-includes": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
-      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "is-string": "^1.0.7"
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -2830,6 +3094,18 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.21",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.21.tgz",
+      "integrity": "sha512-uh8vpY/1/YyFkunIDFH/12p7/7VdPKA1hejMVEbdkEaWnUz0Hesvx5EbiU6XxjyHZIOju+ZMbQJkRh+es3/spQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -2863,6 +3139,40 @@
         "uzip": "0.20201231.0"
       }
     },
+    "node_modules/browserslist": {
+      "version": "4.28.8",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.8.tgz",
+      "integrity": "sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.11.12",
+        "caniuse-lite": "^1.0.30001809",
+        "electron-to-chromium": "^1.5.402",
+        "node-releases": "^2.0.53",
+        "update-browserslist-db": "^1.3.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -2924,9 +3234,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001720",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001720.tgz",
-      "integrity": "sha512-Ec/2yV2nNPwb4DnTANEV99ZWwm3ZWfdlfkQbWSDDt+PsXEVYwlhPH8tdMaPunYTKKmz7AnHi2oNEi1GcmKCD8g==",
+      "version": "1.0.30001810",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz",
+      "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==",
       "funding": [
         {
           "type": "opencollective",
@@ -3122,9 +3432,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
-      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3238,6 +3548,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.422",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.422.tgz",
+      "integrity": "sha512-UvA/32XqrLDdZSn7Jllo1AYNcWji/G0d5M0GTViE7KoGBiMunw3a34Sb2KO4ZZyrSEhqsxFoVhWWJshdyfKqJA==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
@@ -3443,6 +3760,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -3518,25 +3845,24 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-15.5.25.tgz",
-      "integrity": "sha512-hB1oClZzRO3vMAeMmBMch0FHNJ4irH74LvQWDEMHkJtG/Us9+SAsg1f5Pvcw9jz4tc8wSGnvbmF050BRAAIbBg==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.3.4.tgz",
+      "integrity": "sha512-35/8RM10huEL9vlr8hUZMERMENHBrnyHN3ZZkF9efSgzGaqK34jIqry44A956//zriUhUAUW0XSkcolhrryqAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "15.5.25",
-        "@rushstack/eslint-patch": "^1.10.3",
-        "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
-        "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "@next/eslint-plugin-next": "16.3.4",
         "eslint-import-resolver-node": "^0.3.6",
         "eslint-import-resolver-typescript": "^3.5.2",
-        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-jsx-a11y": "^6.10.0",
         "eslint-plugin-react": "^7.37.0",
-        "eslint-plugin-react-hooks": "^5.0.0"
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
       },
       "peerDependencies": {
-        "eslint": "^7.23.0 || ^8.0.0 || ^9.0.0",
+        "eslint": ">=9.0.0",
         "typescript": ">=3.3.1"
       },
       "peerDependenciesMeta": {
@@ -3545,6 +3871,19 @@
         }
       }
     },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-import-resolver-node": {
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
@@ -3603,9 +3942,9 @@
       }
     },
     "node_modules/eslint-module-utils": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
-      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.14.0.tgz",
+      "integrity": "sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3631,30 +3970,30 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.31.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
-      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
-        "array-includes": "^3.1.8",
-        "array.prototype.findlastindex": "^1.2.5",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
         "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.12.0",
+        "eslint-module-utils": "^2.12.1",
         "hasown": "^2.0.2",
-        "is-core-module": "^2.15.1",
+        "is-core-module": "^2.16.1",
         "is-glob": "^4.0.3",
         "minimatch": "^3.1.2",
         "object.fromentries": "^2.0.8",
         "object.groupby": "^1.0.3",
-        "object.values": "^1.2.0",
+        "object.values": "^1.2.1",
         "semver": "^6.3.1",
-        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimend": "^1.0.9",
         "tsconfig-paths": "^3.15.0"
       },
       "engines": {
@@ -3748,16 +4087,23 @@
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz",
-      "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.1.1.tgz",
+      "integrity": "sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">=18"
       },
       "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0"
       }
     },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
@@ -3960,9 +4306,9 @@
       "license": "MIT"
     },
     "node_modules/fastq": {
-      "version": "1.19.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
-      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.3.tgz",
+      "integrity": "sha512-XKv5nnLs6nLF71NgiKJLIZFLkPyIEuOselLG7ujZnGrRfQK8HpvY+WqKhAJUAdLomwVHErVS4LfxFlPq0/FTAw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4105,6 +4451,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -4238,13 +4594,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/has-bigints": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
@@ -4339,6 +4688,23 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
     "node_modules/highgain": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/highgain/-/highgain-0.1.0.tgz",
@@ -4872,6 +5238,19 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/json-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
@@ -5283,6 +5662,23 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lru-cache/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/magic-string": {
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
@@ -5450,33 +5846,34 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.5.25",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.5.25.tgz",
-      "integrity": "sha512-OMWNulIIqKM2ykvC2qMjIt0IoavB4UB2SCs4iXJ6z6847FvyH8jBmBWcvrF5iuhTu8Przh20Fo/aoszIdqx4PA==",
+      "version": "16.3.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.3.4.tgz",
+      "integrity": "sha512-/Ztf6CeRH+ejEXUrYtqI4gkS66eFIHuSwqi60RgcpWKodxFZx2/dqVCMKBwILfAHXQ+F1b1vAudgj3mnxqtoIA==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.5.25",
-        "@swc/helpers": "0.5.15",
+        "@next/env": "16.3.4",
+        "@swc/helpers": "0.5.23",
+        "baseline-browser-mapping": "^2.9.19",
         "caniuse-lite": "^1.0.30001579",
-        "postcss": "8.4.31",
+        "postcss": "8.5.23",
         "styled-jsx": "5.1.6"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+        "node": ">=20.9.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.5.25",
-        "@next/swc-darwin-x64": "15.5.25",
-        "@next/swc-linux-arm64-gnu": "15.5.25",
-        "@next/swc-linux-arm64-musl": "15.5.25",
-        "@next/swc-linux-x64-gnu": "15.5.25",
-        "@next/swc-linux-x64-musl": "15.5.25",
-        "@next/swc-win32-arm64-msvc": "15.5.25",
-        "@next/swc-win32-x64-msvc": "15.5.25",
-        "sharp": "^0.34.3 || ^0.35.4"
+        "@next/swc-darwin-arm64": "16.3.4",
+        "@next/swc-darwin-x64": "16.3.4",
+        "@next/swc-linux-arm64-gnu": "16.3.4",
+        "@next/swc-linux-arm64-musl": "16.3.4",
+        "@next/swc-linux-x64-gnu": "16.3.4",
+        "@next/swc-linux-x64-musl": "16.3.4",
+        "@next/swc-win32-arm64-msvc": "16.3.4",
+        "@next/swc-win32-x64-msvc": "16.3.4",
+        "sharp": "^0.35.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -5502,9 +5899,9 @@
       }
     },
     "node_modules/next/node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "version": "8.5.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.23.tgz",
+      "integrity": "sha512-g50586zr4bZmwFiTlflMu8E0bDTb5I5gertgwAKmsdUlTQIhZtunzUlD1WSzwcVWPoAVpsrA6vlfCD7oXvRwgg==",
       "funding": [
         {
           "type": "opencollective",
@@ -5521,14 +5918,24 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.6",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/node-releases": {
+      "version": "2.0.54",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.54.tgz",
+      "integrity": "sha512-YHs7BmmcsdAI5Ozuf8JZo6PT0mv2GIWC9vMfvUC3dp65M8hn7Ux8CPL+2oBI7juNuj9d0ndhTcznq2ODBps9cQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -5818,9 +6225,9 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5948,24 +6355,24 @@
       "license": "MIT"
     },
     "node_modules/react": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
-      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.8.tgz",
+      "integrity": "sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
-      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.8.tgz",
+      "integrity": "sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==",
       "license": "MIT",
       "dependencies": {
-        "scheduler": "^0.26.0"
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.1.0"
+        "react": "^19.2.8"
       }
     },
     "node_modules/react-image-crop": {
@@ -6221,9 +6628,9 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
-      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
       "license": "MIT"
     },
     "node_modules/semver": {
@@ -6818,9 +7225,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
-      "integrity": "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6963,6 +7370,30 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-eslint": {
+      "version": "8.69.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.69.0.tgz",
+      "integrity": "sha512-B3MltX0VqjUBNEe3b3sSuiRbfa6XrfHFtBiPamjT5AsW/dfq+y+bc0wyuS9DxAS1LyzCxRp2+rxzpLUvqM2BvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.69.0",
+        "@typescript-eslint/parser": "8.69.0",
+        "@typescript-eslint/typescript-estree": "8.69.0",
+        "@typescript-eslint/utils": "8.69.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
@@ -7022,6 +7453,37 @@
         "@unrs/resolver-binding-win32-x64-msvc": "1.7.8"
       }
     },
+    "node_modules/update-browserslist-db": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.2.tgz",
+      "integrity": "sha512-UQ+MSxlhRm1bzjhU+DcuXfjFO1FzNtqhK5+9Yvlp90ItDLk5vT932A0rFu619nf7RVS+Y/VeaUW1jaRDqZ8VJw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -7673,6 +8135,29 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.5.4.tgz",
+      "integrity": "sha512-sC95tT5iHHH9gtpj6A81kh+NEaRAUFN+qlUPDUbRfOMvNf5QCBqsb3WgvnpVtK5Y+4UfA6KqufotuTvMGiTlsA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
     }
   }
 }

From 875751604f9c141769eb60dc3512de2e8a989e0d Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:05:05 +0530
Subject: [PATCH 38/42] Remove temporary dependency refresh workflow

---
 .github/workflows/update-feature-deps.yml | 33 -----------------------
 1 file changed, 33 deletions(-)
 delete mode 100644 .github/workflows/update-feature-deps.yml

diff --git a/.github/workflows/update-feature-deps.yml b/.github/workflows/update-feature-deps.yml
deleted file mode 100644
index 72b7b56..0000000
--- a/.github/workflows/update-feature-deps.yml
+++ /dev/null
@@ -1,33 +0,0 @@
-name: Refresh feature lockfile
-on:
-  push:
-    branches: [feature/privacy-toolstack-refresh]
-    paths:
-      - '.github/workflows/update-feature-deps.yml'
-permissions:
-  contents: write
-jobs:
-  refresh-lockfile:
-    if: github.actor != 'github-actions[bot]'
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          ref: feature/privacy-toolstack-refresh
-      - uses: actions/setup-node@v4
-        with:
-          node-version: 24
-          cache: npm
-      - name: Refresh npm lockfile for Next 16 active LTS
-        run: npm install --package-lock-only
-      - name: Report production dependency audit
-        run: npm audit --omit=dev || true
-      - name: Commit refreshed lockfile
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
-          git add package-lock.json
-          if ! git diff --cached --quiet; then
-            git commit -m "Refresh dependency lockfile"
-            git push origin HEAD:feature/privacy-toolstack-refresh
-          fi

From 4182afbccfac0f2f628dd2f73118c019d6c01600 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:07:52 +0530
Subject: [PATCH 39/42] Use Next 16 native flat ESLint config

---
 eslint.config.mjs | 31 +++++++++++++++----------------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index c85fb67..7262ee0 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,16 +1,15 @@
-import { dirname } from "path";
-import { fileURLToPath } from "url";
-import { FlatCompat } from "@eslint/eslintrc";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-});
-
-const eslintConfig = [
-  ...compat.extends("next/core-web-vitals", "next/typescript"),
-];
-
-export default eslintConfig;
+import { defineConfig, globalIgnores } from 'eslint/config';
+import nextVitals from 'eslint-config-next/core-web-vitals';
+import nextTs from 'eslint-config-next/typescript';
+
+export default defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  globalIgnores([
+    '.next/**',
+    'out/**',
+    'build/**',
+    'coverage/**',
+    'next-env.d.ts',
+  ]),
+]);

From 7800bb9f37fd33dcbb6492521a4ba5742ede4de4 Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:26:02 +0530
Subject: [PATCH 40/42] Fix dev CSP, simplify catalog UI, and clear React lint
 issues

---
 next.config.ts                         |  10 +-
 src/app/browser-privacy/page.tsx       |  39 ++-
 src/app/color-converter/page.tsx       | 164 +++--------
 src/app/data-anonymizer/page.tsx       |  30 +-
 src/app/find-replace/page.tsx          | 200 ++-----------
 src/app/jwt-inspector/page.tsx         |  36 ++-
 src/app/lorem-ipsum-generator/page.tsx | 390 +++----------------------
 src/app/page.tsx                       |  64 +++-
 src/app/pdf-toolkit/page.tsx           | 215 ++++++++++++--
 src/app/timestamp-tool/page.tsx        |  23 +-
 src/components/ToolCard.tsx            |  14 +-
 tsconfig.json                          |  10 +-
 12 files changed, 489 insertions(+), 706 deletions(-)

diff --git a/next.config.ts b/next.config.ts
index ffac717..bc2852e 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,11 +1,19 @@
 import type { NextConfig } from 'next';
 
+const isDevelopment = process.env.NODE_ENV !== 'production';
+const scriptSources = [
+  "'self'",
+  "'unsafe-inline'",
+  "'wasm-unsafe-eval'",
+  ...(isDevelopment ? ["'unsafe-eval'"] : []),
+].join(' ');
+
 const contentSecurityPolicy = [
   "default-src 'self'",
   "img-src 'self' data: blob:",
   "media-src 'self' data: blob:",
   "style-src 'self' 'unsafe-inline'",
-  "script-src 'self' 'unsafe-inline' 'wasm-unsafe-eval'",
+  `script-src ${scriptSources}`,
   "worker-src 'self' blob:",
   "font-src 'self' data:",
   "connect-src 'self'",
diff --git a/src/app/browser-privacy/page.tsx b/src/app/browser-privacy/page.tsx
index 81bf23c..3cb5b27 100644
--- a/src/app/browser-privacy/page.tsx
+++ b/src/app/browser-privacy/page.tsx
@@ -1,4 +1,41 @@
 'use client';
 import { useEffect, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
-export default function BrowserPrivacyPage(){const [rows,setRows]=useState<[string,string][]>([]);useEffect(()=>{const n=navigator as Navigator & {deviceMemory?:number};setRows([['User agent',navigator.userAgent],['Language',navigator.language],['Languages',navigator.languages.join(', ')],['Platform',navigator.platform||'Unavailable'],['Timezone',Intl.DateTimeFormat().resolvedOptions().timeZone],['Screen',`${screen.width} × ${screen.height}, ${screen.colorDepth}-bit color`],['Viewport',`${innerWidth} × ${innerHeight}`],['CPU threads',String(navigator.hardwareConcurrency||'Unavailable')],['Approx. device memory',n.deviceMemory?`${n.deviceMemory} GB`:'Unavailable'],['Cookies enabled',String(navigator.cookieEnabled)],['Online status',String(navigator.onLine)],['Do Not Track',navigator.doNotTrack??'Unspecified'],['Local storage',typeof localStorage!=='undefined'?'Available':'Unavailable'],['Session storage',typeof sessionStorage!=='undefined'?'Available':'Unavailable']])},[]);return <LocalToolLayout title='Browser Privacy Inspector' description='See common information a webpage can read from your browser. ToolStack does not transmit these results.'><section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'><p className='mb-5 rounded border border-sky-200 bg-sky-50 p-3 text-sm text-sky-900'>These values are read locally from browser APIs. The tool intentionally does not create or send a fingerprint.</p><dl className='grid gap-3 sm:grid-cols-[12rem_1fr]'>{rows.map(([k,v])=><div key={k} className='contents'><dt className='font-semibold text-slate-700'>{k}</dt><dd className='break-all font-mono text-sm'>{v}</dd></div>)}</dl></section></LocalToolLayout>}
+
+type PrivacyRow = [string, string];
+
+function readBrowserRows(): PrivacyRow[] {
+  const nav = navigator as Navigator & { deviceMemory?: number };
+  return [
+    ['User agent', navigator.userAgent],
+    ['Language', navigator.language],
+    ['Languages', navigator.languages.join(', ')],
+    ['Platform', navigator.platform || 'Unavailable'],
+    ['Timezone', Intl.DateTimeFormat().resolvedOptions().timeZone],
+    ['Screen', `${screen.width} × ${screen.height}, ${screen.colorDepth}-bit color`],
+    ['Viewport', `${innerWidth} × ${innerHeight}`],
+    ['CPU threads', String(navigator.hardwareConcurrency || 'Unavailable')],
+    ['Approx. device memory', nav.deviceMemory ? `${nav.deviceMemory} GB` : 'Unavailable'],
+    ['Cookies enabled', String(navigator.cookieEnabled)],
+    ['Online status', String(navigator.onLine)],
+    ['Do Not Track', navigator.doNotTrack ?? 'Unspecified'],
+    ['Local storage', typeof localStorage !== 'undefined' ? 'Available' : 'Unavailable'],
+    ['Session storage', typeof sessionStorage !== 'undefined' ? 'Available' : 'Unavailable'],
+  ];
+}
+
+export default function BrowserPrivacyPage() {
+  const [rows, setRows] = useState<PrivacyRow[]>([]);
+
+  useEffect(() => {
+    const frame = window.requestAnimationFrame(() => setRows(readBrowserRows()));
+    return () => window.cancelAnimationFrame(frame);
+  }, []);
+
+  return <LocalToolLayout title='Browser Privacy Inspector' description='See common information a webpage can read from your browser. ToolStack does not transmit these results.'>
+    <section className='mx-auto max-w-4xl rounded-xl bg-white p-6 shadow'>
+      <p className='mb-5 rounded border border-sky-200 bg-sky-50 p-3 text-sm text-sky-900'>These values are read locally from browser APIs. The tool intentionally does not create or send a fingerprint.</p>
+      <dl className='grid gap-3 sm:grid-cols-[12rem_1fr]'>{rows.map(([key, value]) => <div key={key} className='contents'><dt className='font-semibold text-slate-700'>{key}</dt><dd className='break-all font-mono text-sm'>{value}</dd></div>)}</dl>
+    </section>
+  </LocalToolLayout>;
+}
diff --git a/src/app/color-converter/page.tsx b/src/app/color-converter/page.tsx
index 9a45790..f533c8f 100644
--- a/src/app/color-converter/page.tsx
+++ b/src/app/color-converter/page.tsx
@@ -1,14 +1,12 @@
-// src/app/color-converter/page.tsx
 'use client';
 
-import React, { useState, useMemo, ChangeEvent } from 'react';
+import React, { useState, ChangeEvent } from 'react';
 import Link from 'next/link';
 import tinycolor from 'tinycolor2';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Breadcrumbs from '@/components/Breadcrumbs';
 
-// A reusable input component for our color values
 interface ColorInputProps {
   label: string;
   value: string;
@@ -21,147 +19,75 @@ const ColorInput = ({ label, value, onChange, prefix, isValid }: ColorInputProps
   <div>
     <label className='block text-sm font-medium text-slate-600'>{label}</label>
     <div className='mt-1 flex rounded-md shadow-sm'>
-      {prefix && (
-        <span className='inline-flex items-center px-3 rounded-l-md border border-r-0 border-slate-300 bg-slate-50 text-slate-500 sm:text-sm'>
-          {prefix}
-        </span>
-      )}
-      <input
-        type='text'
-        value={value}
-        onChange={onChange}
-        className={`block w-full flex-1 rounded-none p-2 font-mono text-slate-900 border ${
-          isValid ? 'border-slate-300' : 'border-red-500'
-        } focus:ring-sky-500 focus:border-sky-500 outline-none transition duration-150 ease-in-out ${
-          prefix ? 'rounded-r-md' : 'rounded-md'
-        }`}
-      />
+      {prefix && <span className='inline-flex items-center rounded-l-md border border-r-0 border-slate-300 bg-slate-50 px-3 text-slate-500 sm:text-sm'>{prefix}</span>}
+      <input type='text' value={value} onChange={onChange} className={`block w-full flex-1 rounded-none border p-2 font-mono text-slate-900 ${isValid ? 'border-slate-300' : 'border-red-500'} outline-none transition duration-150 ease-in-out focus:border-sky-500 focus:ring-sky-500 ${prefix ? 'rounded-r-md' : 'rounded-md'}`}/>
     </div>
   </div>
 );
 
-export default function ColorConverterPage() {
-  const [color, setColor] = useState(tinycolor('#3b82f6')); // A nice blue to start
-
-  const [hexValue, setHexValue] = useState(color.toHexString());
-  const [rgbValue, setRgbValue] = useState(color.toRgbString());
-  const [hslValue, setHslValue] = useState(color.toHslString());
+type ColorSource = 'hex' | 'rgb' | 'hsl' | 'picker';
 
-  useMemo(() => {
-    setHexValue(color.toHexString());
-    setRgbValue(color.toRgbString());
-    setHslValue(color.toHslString());
-  }, [color]);
+export default function ColorConverterPage() {
+  const initial = tinycolor('#3b82f6');
+  const [color, setColor] = useState(initial);
+  const [hexValue, setHexValue] = useState(initial.toHexString());
+  const [rgbValue, setRgbValue] = useState(initial.toRgbString());
+  const [hslValue, setHslValue] = useState(initial.toHslString());
+
+  const applyColor = (next: tinycolor.Instance, source: ColorSource) => {
+    setColor(next);
+    if (source !== 'hex') setHexValue(next.toHexString());
+    if (source !== 'rgb') setRgbValue(next.toRgbString());
+    if (source !== 'hsl') setHslValue(next.toHslString());
+  };
 
   const onHexChange = (e: ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
     setHexValue(value);
-    const newColor = tinycolor(value);
-    if (newColor.isValid()) {
-      setColor(newColor);
-    }
+    const next = tinycolor(value);
+    if (next.isValid()) applyColor(next, 'hex');
   };
 
   const onRgbChange = (e: ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
     setRgbValue(value);
-    const newColor = tinycolor(value);
-    if (newColor.isValid()) {
-      setColor(newColor);
-    }
+    const next = tinycolor(value);
+    if (next.isValid()) applyColor(next, 'rgb');
   };
 
   const onHslChange = (e: ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
     setHslValue(value);
-    const newColor = tinycolor(value);
-    if (newColor.isValid()) {
-      setColor(newColor);
-    }
+    const next = tinycolor(value);
+    if (next.isValid()) applyColor(next, 'hsl');
   };
 
   const handlePickerChange = (e: ChangeEvent<HTMLInputElement>) => {
-    const newColor = tinycolor(e.target.value);
-    if (newColor.isValid()) {
-      setColor(newColor);
-    }
+    const next = tinycolor(e.target.value);
+    if (next.isValid()) applyColor(next, 'picker');
   };
 
   const colorIsLight = color.isLight();
 
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Instant Color Converter</h1>
-          <p className='text-lg text-slate-600 mt-1'>Convert between HEX, RGB, and HSL color formats.</p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-lg mx-auto'>
-          {/* Color Preview */}
-          <div
-            className='relative w-full h-48 rounded-lg mb-6 flex items-center justify-center transition-colors duration-200 ease-in-out border'
-            style={{ backgroundColor: color.toRgbString(), borderColor: color.clone().darken(10).toRgbString() }}>
-            <div
-              className={`text-center p-4 rounded-md ${
-                colorIsLight ? 'text-black bg-white/50' : 'text-white bg-black/50'
-              }`}>
-              <p className='font-bold text-lg'>{color.toHexString().toUpperCase()}</p>
-              <p className='text-sm'>{color.toRgbString()}</p>
-            </div>
-            {/* START: Added Color Picker */}
-            <input
-              type='color'
-              value={color.toHexString()}
-              onChange={handlePickerChange}
-              className='absolute top-2 right-2 w-10 h-10 p-1 border border-slate-300 rounded-md cursor-pointer bg-white'
-              title='Select a color'
-            />
-            {/* END: Added Color Picker */}
-          </div>
-
-          {/* Input fields */}
-          <div className='space-y-4'>
-            <ColorInput
-              label='HEX'
-              value={hexValue}
-              onChange={onHexChange}
-              prefix='#'
-              isValid={tinycolor(hexValue).isValid()}
-            />
-            <ColorInput label='RGB' value={rgbValue} onChange={onRgbChange} isValid={tinycolor(rgbValue).isValid()} />
-            <ColorInput label='HSL' value={hslValue} onChange={onHslChange} isValid={tinycolor(hslValue).isValid()} />
-          </div>
-
-          {/* Explainer Section */}
-          <div className='mt-8 pt-4 border-t'>
-            <h3 className='text-lg font-semibold text-slate-700'>Color Model Explanations</h3>
-            <div className='mt-2 text-sm text-slate-600 space-y-2'>
-              <p>
-                <strong>HEX (Hexadecimal):</strong> A 6-digit code representing Red, Green, and Blue values. It&apos;s
-                compact and widely used in web design.
-              </p>
-              <p>
-                <strong>RGB (Red, Green, Blue):</strong> Defines a color by the intensity of Red, Green, and Blue, each
-                from 0 to 255. It&apos;s the standard for digital displays.
-              </p>
-              <p>
-                <strong>HSL (Hue, Saturation, Lightness):</strong> An intuitive model where Hue is the color type (e.g.,
-                red, green), Saturation is the vibrancy, and Lightness is the brightness.
-              </p>
-            </div>
-          </div>
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
+  return <div className='flex min-h-screen flex-col bg-slate-50'>
+    <Navbar/>
+    <Breadcrumbs/>
+    <main className='container mx-auto flex-grow px-4 py-8'>
+      <header className='mb-8 text-center'><h1 className='text-4xl font-bold text-slate-800'>Instant Color Converter</h1><p className='mt-1 text-lg text-slate-600'>Convert between HEX, RGB, and HSL color formats.</p></header>
+      <section className='mx-auto max-w-lg rounded-lg bg-white p-6 shadow-xl md:p-8'>
+        <div className='relative mb-6 flex h-48 w-full items-center justify-center rounded-lg border transition-colors duration-200 ease-in-out' style={{ backgroundColor: color.toRgbString(), borderColor: color.clone().darken(10).toRgbString() }}>
+          <div className={`rounded-md p-4 text-center ${colorIsLight ? 'bg-white/50 text-black' : 'bg-black/50 text-white'}`}><p className='text-lg font-bold'>{color.toHexString().toUpperCase()}</p><p className='text-sm'>{color.toRgbString()}</p></div>
+          <input type='color' value={color.toHexString()} onChange={handlePickerChange} className='absolute right-2 top-2 h-10 w-10 cursor-pointer rounded-md border border-slate-300 bg-white p-1' title='Select a color'/>
         </div>
-      </main>
-      <Footer />
-    </div>
-  );
+        <div className='space-y-4'>
+          <ColorInput label='HEX' value={hexValue} onChange={onHexChange} isValid={tinycolor(hexValue).isValid()}/>
+          <ColorInput label='RGB' value={rgbValue} onChange={onRgbChange} isValid={tinycolor(rgbValue).isValid()}/>
+          <ColorInput label='HSL' value={hslValue} onChange={onHslChange} isValid={tinycolor(hslValue).isValid()}/>
+        </div>
+        <div className='mt-8 border-t pt-4'><h3 className='text-lg font-semibold text-slate-700'>Color Model Explanations</h3><div className='mt-2 space-y-2 text-sm text-slate-600'><p><strong>HEX (Hexadecimal):</strong> A 6-digit code representing Red, Green, and Blue values. It&apos;s compact and widely used in web design.</p><p><strong>RGB (Red, Green, Blue):</strong> Defines a color by the intensity of Red, Green, and Blue, each from 0 to 255. It&apos;s the standard for digital displays.</p><p><strong>HSL (Hue, Saturation, Lightness):</strong> An intuitive model where Hue is the color type, Saturation is the vibrancy, and Lightness is the brightness.</p></div></div>
+      </section>
+      <div className='mt-12 text-center'><Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>&larr; Back to All Tools</Link></div>
+    </main>
+    <Footer/>
+  </div>;
 }
diff --git a/src/app/data-anonymizer/page.tsx b/src/app/data-anonymizer/page.tsx
index 3d633bd..3085135 100644
--- a/src/app/data-anonymizer/page.tsx
+++ b/src/app/data-anonymizer/page.tsx
@@ -13,18 +13,25 @@ const RULES = {
   mac: { label: 'MAC addresses', regex: /\b(?:[0-9A-F]{2}[:-]){5}[0-9A-F]{2}\b/gi, replacement: '[REDACTED_MAC]' },
 } as const;
 type RuleKey = keyof typeof RULES;
+const DEFAULT_ACTIVE: Record<RuleKey, boolean> = { email: true, phone: true, ipv4: true, uuid: true, mac: true };
 
 function luhn(value: string) {
   const digits = value.replace(/\D/g, '');
   if (digits.length < 13 || digits.length > 19) return false;
-  let sum = 0; let double = false;
-  for (let i = digits.length - 1; i >= 0; i--) { let n = Number(digits[i]); if (double) { n *= 2; if (n > 9) n -= 9; } sum += n; double = !double; }
+  let sum = 0;
+  let double = false;
+  for (let i = digits.length - 1; i >= 0; i--) {
+    let digit = Number(digits[i]);
+    if (double) { digit *= 2; if (digit > 9) digit -= 9; }
+    sum += digit;
+    double = !double;
+  }
   return sum % 10 === 0;
 }
 
 function applyStandard(input: string, active: Record<RuleKey, boolean>, cards: boolean) {
   let output = input;
-  (Object.keys(RULES) as RuleKey[]).forEach((key) => { if (active[key]) output = output.replace(RULES[key].regex, RULES[key].replacement); });
+  (Object.keys(RULES) as RuleKey[]).forEach(key => { if (active[key]) output = output.replace(RULES[key].regex, RULES[key].replacement); });
   if (cards) output = output.replace(/\b(?:\d[ -]*?){13,19}\b/g, match => luhn(match) ? '[REDACTED_PAYMENT_CARD]' : match);
   return output;
 }
@@ -37,20 +44,22 @@ function parseCustom(value: string) {
   return { pattern: value, flags: 'g' };
 }
 
+const INITIAL_OUTPUT = applyStandard(SAMPLE_TEXT, DEFAULT_ACTIVE, true).replace(/PROJ-\d+/g, '[PROJECT_ID]');
+
 export default function DataAnonymizerPage() {
   const [input, setInput] = useState(SAMPLE_TEXT);
-  const [active, setActive] = useState<Record<RuleKey, boolean>>({ email: true, phone: true, ipv4: true, uuid: true, mac: true });
+  const [active, setActive] = useState<Record<RuleKey, boolean>>(DEFAULT_ACTIVE);
   const [cards, setCards] = useState(true);
   const [customEnabled, setCustomEnabled] = useState(true);
   const [customFind, setCustomFind] = useState('PROJ-\\d+');
   const [customReplace, setCustomReplace] = useState('[PROJECT_ID]');
-  const [output, setOutput] = useState('');
+  const [output, setOutput] = useState(INITIAL_OUTPUT);
   const [customError, setCustomError] = useState('');
   const baseOutput = useMemo(() => applyStandard(input, active, cards), [input, active, cards]);
 
   useEffect(() => {
     let cancelled = false;
-    if (!customEnabled || !customFind) { setOutput(baseOutput); setCustomError(''); return; }
+    if (!customEnabled || !customFind) return;
     const timer = window.setTimeout(async () => {
       try {
         const { pattern, flags } = parseCustom(customFind);
@@ -63,12 +72,15 @@ export default function DataAnonymizerPage() {
     return () => { cancelled = true; window.clearTimeout(timer); };
   }, [baseOutput, customEnabled, customFind, customReplace]);
 
+  const displayedOutput = customEnabled && customFind ? output : baseOutput;
+  const displayedError = customEnabled && customFind ? customError : '';
+
   return <LocalToolLayout title='Data Anonymizer' description='Redact common sensitive-looking values before sharing text. Detection is local and intentionally described as best-effort, not complete PII discovery.'>
     <div className='mx-auto max-w-7xl space-y-6'>
-      <div className='grid gap-4 md:grid-cols-2'><label className='font-semibold'>Original text<textarea value={input} onChange={e => setInput(e.target.value)} className='mt-2 h-80 w-full rounded border p-4 font-mono'/></label><label className='font-semibold'>Scrubbed text<textarea readOnly value={output} className='mt-2 h-80 w-full rounded border bg-slate-50 p-4 font-mono'/></label></div>
+      <div className='grid gap-4 md:grid-cols-2'><label className='font-semibold'>Original text<textarea value={input} onChange={e => setInput(e.target.value)} className='mt-2 h-80 w-full rounded border p-4 font-mono'/></label><label className='font-semibold'>Scrubbed text<textarea readOnly value={displayedOutput} className='mt-2 h-80 w-full rounded border bg-slate-50 p-4 font-mono'/></label></div>
       <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-lg font-semibold'>Detection presets</h2><div className='mt-4 grid gap-3 sm:grid-cols-2 lg:grid-cols-3'>{(Object.keys(RULES) as RuleKey[]).map(key => <label key={key} className='flex items-start gap-2 text-sm'><input type='checkbox' checked={active[key]} onChange={() => setActive(prev => ({ ...prev, [key]: !prev[key] }))}/><span>{RULES[key].label}</span></label>)}<label className='flex items-start gap-2 text-sm'><input type='checkbox' checked={cards} onChange={e => setCards(e.target.checked)}/><span>Payment-card-like numbers (Luhn-valid only)</span></label></div>
-        <div className='mt-6 border-t pt-5'><label className='flex gap-2 font-medium'><input type='checkbox' checked={customEnabled} onChange={e => setCustomEnabled(e.target.checked)}/>Custom regex rule</label><div className='mt-3 grid gap-3 sm:grid-cols-2'><input aria-label='Custom regex' disabled={!customEnabled} value={customFind} onChange={e => setCustomFind(e.target.value)} className='rounded border p-2 font-mono'/><input aria-label='Custom replacement' disabled={!customEnabled} value={customReplace} onChange={e => setCustomReplace(e.target.value)} className='rounded border p-2 font-mono'/></div>{customError && <p className='mt-2 text-sm text-red-600' aria-live='polite'>{customError}</p>}</div>
-        <div className='mt-5 flex flex-wrap gap-3'><button onClick={() => navigator.clipboard.writeText(output)} className='rounded bg-slate-800 px-4 py-2 text-white'>Copy scrubbed text</button></div><p className='mt-4 text-xs text-slate-500'>False positives and false negatives are possible. Review the result before relying on it.</p>
+        <div className='mt-6 border-t pt-5'><label className='flex gap-2 font-medium'><input type='checkbox' checked={customEnabled} onChange={e => setCustomEnabled(e.target.checked)}/>Custom regex rule</label><div className='mt-3 grid gap-3 sm:grid-cols-2'><input aria-label='Custom regex' disabled={!customEnabled} value={customFind} onChange={e => setCustomFind(e.target.value)} className='rounded border p-2 font-mono'/><input aria-label='Custom replacement' disabled={!customEnabled} value={customReplace} onChange={e => setCustomReplace(e.target.value)} className='rounded border p-2 font-mono'/></div>{displayedError && <p className='mt-2 text-sm text-red-600' aria-live='polite'>{displayedError}</p>}</div>
+        <div className='mt-5 flex flex-wrap gap-3'><button onClick={() => navigator.clipboard.writeText(displayedOutput)} className='rounded bg-slate-800 px-4 py-2 text-white'>Copy scrubbed text</button></div><p className='mt-4 text-xs text-slate-500'>False positives and false negatives are possible. Review the result before relying on it.</p>
       </section>
     </div>
   </LocalToolLayout>;
diff --git a/src/app/find-replace/page.tsx b/src/app/find-replace/page.tsx
index 62ab4ec..6a341ce 100644
--- a/src/app/find-replace/page.tsx
+++ b/src/app/find-replace/page.tsx
@@ -1,7 +1,7 @@
 // src/app/find-replace/page.tsx
 'use client';
 
-import React, { useState, useMemo, useEffect } from 'react';
+import React, { useState, useMemo } from 'react';
 import Link from 'next/link';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
@@ -21,74 +21,34 @@ export default function FindReplacePage() {
   const [isCaseSensitive, setIsCaseSensitive] = useState(true);
   const [copySuccess, setCopySuccess] = useState('');
 
-  useEffect(() => {
-    if (useRegex) {
-      setIsCaseSensitive(true);
-    }
-  }, [useRegex]);
-
   const { outputText, matchCount, error, isRegexFlagsProvided } = useMemo(() => {
-    if (!findText) {
-      return { outputText: inputText, matchCount: 0, error: null, isRegexFlagsProvided: false };
-    }
-
+    if (!findText) return { outputText: inputText, matchCount: 0, error: null, isRegexFlagsProvided: false };
     try {
       if (useRegex) {
         let pattern = findText;
         let flags = isCaseSensitive ? 'g' : 'gi';
         let flagsProvided = false;
-
         if (pattern.startsWith('/') && pattern.lastIndexOf('/') > 0) {
           const lastSlash = pattern.lastIndexOf('/');
           const providedFlags = pattern.substring(lastSlash + 1);
           pattern = pattern.substring(1, lastSlash);
-
-          flags = 'g' + providedFlags.replace(/g/i, ''); // Ensure global flag, respect others
+          flags = 'g' + providedFlags.replace(/g/i, '');
           flagsProvided = true;
         }
-
-        // --- START: FINAL FIX FOR VALIDATION vs. FINDING ---
-        // If doing a global replace, start/end anchors (^, $) are usually not intended.
-        // This makes validation patterns work for finding all occurrences.
         if (flags.includes('g')) {
-          if (pattern.startsWith('^')) {
-            pattern = pattern.substring(1);
-          }
-          if (pattern.endsWith('$') && !pattern.endsWith('\\$')) {
-            pattern = pattern.slice(0, -1);
-          }
+          if (pattern.startsWith('^')) pattern = pattern.substring(1);
+          if (pattern.endsWith('$') && !pattern.endsWith('\\$')) pattern = pattern.slice(0, -1);
         }
-        // --- END: FINAL FIX ---
-
         const regex = new RegExp(pattern, flags);
         const matches = inputText.match(regex);
-
-        return {
-          outputText: inputText.replace(regex, replaceText),
-          matchCount: matches ? matches.length : 0,
-          error: null,
-          isRegexFlagsProvided: flagsProvided,
-        };
-      } else {
-        // Simple text replacement logic
-        const escapedFindText = findText.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-        const regex = new RegExp(escapedFindText, isCaseSensitive ? 'g' : 'gi');
-        const matches = inputText.match(regex);
-
-        return {
-          outputText: inputText.replace(regex, replaceText),
-          matchCount: matches ? matches.length : 0,
-          error: null,
-          isRegexFlagsProvided: false,
-        };
+        return { outputText: inputText.replace(regex, replaceText), matchCount: matches ? matches.length : 0, error: null, isRegexFlagsProvided: flagsProvided };
       }
+      const escapedFindText = findText.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+      const regex = new RegExp(escapedFindText, isCaseSensitive ? 'g' : 'gi');
+      const matches = inputText.match(regex);
+      return { outputText: inputText.replace(regex, replaceText), matchCount: matches ? matches.length : 0, error: null, isRegexFlagsProvided: false };
     } catch (e: unknown) {
-      return {
-        outputText: inputText,
-        matchCount: 0,
-        error: (e as Error).message,
-        isRegexFlagsProvided: false,
-      };
+      return { outputText: inputText, matchCount: 0, error: (e as Error).message, isRegexFlagsProvided: false };
     }
   }, [inputText, findText, replaceText, useRegex, isCaseSensitive]);
 
@@ -100,122 +60,26 @@ export default function FindReplacePage() {
     });
   };
 
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Find & Replace</h1>
-          <p className='text-lg text-slate-600 mt-1'>Perform powerful find and replace operations on your text.</p>
-        </header>
-
-        <section className='grid grid-cols-1 md:grid-cols-2 gap-4 max-w-7xl mx-auto'>
-          {/* Input Area */}
-          <div className='flex flex-col'>
-            <h2 className='font-semibold text-slate-700 bg-slate-100 p-2 border border-b-0 rounded-t-lg'>Input Text</h2>
-            <textarea
-              value={inputText}
-              onChange={(e) => setInputText(e.target.value)}
-              className='w-full h-80 p-4 border border-slate-300 rounded-b-lg font-mono focus:ring-2 focus:ring-sky-500 resize-none'
-              placeholder='Paste your text here...'
-            />
-          </div>
-          {/* Output Area */}
-          <div className='flex flex-col'>
-            <div className='flex-shrink-0 flex justify-between items-center bg-slate-100 p-2 border border-b-0 rounded-t-lg'>
-              <h2 className='font-semibold text-slate-700'>Output</h2>
-              <button
-                onClick={handleCopy}
-                disabled={!outputText}
-                className='px-3 py-1 text-xs font-medium text-slate-600 bg-white rounded-md border border-slate-300 hover:bg-slate-50 disabled:opacity-50'>
-                Copy
-              </button>
-            </div>
-            <textarea
-              readOnly
-              value={outputText}
-              className='w-full h-80 p-4 border border-slate-300 rounded-b-lg font-mono bg-slate-50 resize-none'
-            />
-            {copySuccess && <p className='text-right text-xs text-green-600 mt-1'>{copySuccess}</p>}
-          </div>
-        </section>
-
-        {/* Controls */}
-        <section className='bg-white p-6 rounded-lg shadow-xl max-w-4xl mx-auto mt-6'>
-          <div className='grid grid-cols-1 sm:grid-cols-2 gap-4 items-end'>
-            <div>
-              <label htmlFor='find' className='block text-sm font-medium text-slate-700'>
-                {useRegex ? 'Find (Regular Expression)' : 'Find'}
-              </label>
-              <input
-                type='text'
-                id='find'
-                value={findText}
-                onChange={(e) => setFindText(e.target.value)}
-                className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500'
-              />
-            </div>
-            <div>
-              <label htmlFor='replace' className='block text-sm font-medium text-slate-700'>
-                Replace with
-              </label>
-              <input
-                type='text'
-                id='replace'
-                value={replaceText}
-                onChange={(e) => setReplaceText(e.target.value)}
-                className='mt-1 block w-full p-2 border border-slate-300 rounded-md shadow-sm focus:ring-sky-500'
-              />
-            </div>
-          </div>
-          <div className='flex flex-wrap items-center justify-between mt-4 pt-4 border-t'>
-            <div className='flex items-center space-x-4'>
-              <div className='flex items-center'>
-                <input
-                  id='use-regex'
-                  type='checkbox'
-                  checked={useRegex}
-                  onChange={(e) => setUseRegex(e.target.checked)}
-                  className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500'
-                />
-                <label htmlFor='use-regex' className='ml-2 block text-sm text-gray-900'>
-                  Use Regular Expression
-                </label>
-              </div>
-              <div className='flex items-center'>
-                {/* The checkbox is now disabled if flags are provided in the regex itself */}
-                <input
-                  id='case-sensitive'
-                  type='checkbox'
-                  checked={isCaseSensitive}
-                  onChange={(e) => setIsCaseSensitive(e.target.checked)}
-                  disabled={isRegexFlagsProvided}
-                  className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500 disabled:opacity-50 disabled:cursor-not-allowed'
-                />
-                <label
-                  htmlFor='case-sensitive'
-                  className={`ml-2 block text-sm ${isRegexFlagsProvided ? 'text-gray-400' : 'text-gray-900'}`}>
-                  Case Sensitive
-                </label>
-              </div>
-            </div>
-            <div className='mt-2 sm:mt-0'>
-              <span className='text-sm font-semibold text-slate-600 bg-slate-100 px-3 py-1.5 rounded-md'>
-                {matchCount} {matchCount === 1 ? 'match' : 'matches'} found
-              </span>
-            </div>
-          </div>
-          {error && <div className='mt-2 text-xs text-red-600 bg-red-50 p-2 rounded-md'>Error: {error}</div>}
-        </section>
+  const handleRegexToggle = (checked: boolean) => {
+    setUseRegex(checked);
+    if (checked) setIsCaseSensitive(true);
+  };
 
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
+  return <div className='flex min-h-screen flex-col bg-slate-50'>
+    <Navbar/><Breadcrumbs/>
+    <main className='container mx-auto flex-grow px-4 py-8'>
+      <header className='mb-8 text-center'><h1 className='text-4xl font-bold text-slate-800'>Find & Replace</h1><p className='mt-1 text-lg text-slate-600'>Perform powerful find and replace operations on your text.</p></header>
+      <section className='mx-auto grid max-w-7xl grid-cols-1 gap-4 md:grid-cols-2'>
+        <div className='flex flex-col'><h2 className='rounded-t-lg border border-b-0 bg-slate-100 p-2 font-semibold text-slate-700'>Input Text</h2><textarea value={inputText} onChange={e => setInputText(e.target.value)} className='h-80 w-full resize-none rounded-b-lg border border-slate-300 p-4 font-mono focus:ring-2 focus:ring-sky-500' placeholder='Paste your text here...'/></div>
+        <div className='flex flex-col'><div className='flex flex-shrink-0 items-center justify-between rounded-t-lg border border-b-0 bg-slate-100 p-2'><h2 className='font-semibold text-slate-700'>Output</h2><button onClick={handleCopy} disabled={!outputText} className='rounded-md border border-slate-300 bg-white px-3 py-1 text-xs font-medium text-slate-600 hover:bg-slate-50 disabled:opacity-50'>Copy</button></div><textarea readOnly value={outputText} className='h-80 w-full resize-none rounded-b-lg border border-slate-300 bg-slate-50 p-4 font-mono'/>{copySuccess && <p className='mt-1 text-right text-xs text-green-600'>{copySuccess}</p>}</div>
+      </section>
+      <section className='mx-auto mt-6 max-w-4xl rounded-lg bg-white p-6 shadow-xl'>
+        <div className='grid grid-cols-1 items-end gap-4 sm:grid-cols-2'><div><label htmlFor='find' className='block text-sm font-medium text-slate-700'>{useRegex ? 'Find (Regular Expression)' : 'Find'}</label><input type='text' id='find' value={findText} onChange={e => setFindText(e.target.value)} className='mt-1 block w-full rounded-md border border-slate-300 p-2 shadow-sm focus:ring-sky-500'/></div><div><label htmlFor='replace' className='block text-sm font-medium text-slate-700'>Replace with</label><input type='text' id='replace' value={replaceText} onChange={e => setReplaceText(e.target.value)} className='mt-1 block w-full rounded-md border border-slate-300 p-2 shadow-sm focus:ring-sky-500'/></div></div>
+        <div className='mt-4 flex flex-wrap items-center justify-between border-t pt-4'><div className='flex items-center space-x-4'><div className='flex items-center'><input id='use-regex' type='checkbox' checked={useRegex} onChange={e => handleRegexToggle(e.target.checked)} className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500'/><label htmlFor='use-regex' className='ml-2 block text-sm text-gray-900'>Use Regular Expression</label></div><div className='flex items-center'><input id='case-sensitive' type='checkbox' checked={isCaseSensitive} onChange={e => setIsCaseSensitive(e.target.checked)} disabled={isRegexFlagsProvided} className='h-4 w-4 rounded border-gray-300 text-sky-600 focus:ring-sky-500 disabled:cursor-not-allowed disabled:opacity-50'/><label htmlFor='case-sensitive' className={`ml-2 block text-sm ${isRegexFlagsProvided ? 'text-gray-400' : 'text-gray-900'}`}>Case Sensitive</label></div></div><div className='mt-2 sm:mt-0'><span className='rounded-md bg-slate-100 px-3 py-1.5 text-sm font-semibold text-slate-600'>{matchCount} {matchCount === 1 ? 'match' : 'matches'} found</span></div></div>
+        {error && <div className='mt-2 rounded-md bg-red-50 p-2 text-xs text-red-600'>Error: {error}</div>}
+      </section>
+      <div className='mt-12 text-center'><Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>&larr; Back to All Tools</Link></div>
+    </main>
+    <Footer/>
+  </div>;
 }
diff --git a/src/app/jwt-inspector/page.tsx b/src/app/jwt-inspector/page.tsx
index c9bcba0..4aa510d 100644
--- a/src/app/jwt-inspector/page.tsx
+++ b/src/app/jwt-inspector/page.tsx
@@ -1,5 +1,37 @@
 'use client';
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
-const decode=(s:string)=>{const normalized=s.replace(/-/g,'+').replace(/_/g,'/').padEnd(Math.ceil(s.length/4)*4,'=');return JSON.parse(new TextDecoder().decode(Uint8Array.from(atob(normalized),c=>c.charCodeAt(0))))};
-export default function JwtInspectorPage(){const [token,setToken]=useState('');const data=useMemo(()=>{try{const p=token.trim().split('.');if(p.length!==3)throw new Error('A JWT must contain three dot-separated parts.');const header=decode(p[0]);const payload=decode(p[1]);const now=Math.floor(Date.now()/1000);return{header,payload,error:'',expired:typeof payload.exp==='number'?payload.exp<now:null}}catch(e){return{header:null,payload:null,error:(e as Error).message,expired:null}}},[token]);return <LocalToolLayout title='JWT Inspector' description='Decode JWT header and payload data locally. Decoding does not verify the token signature.'><section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'><textarea value={token} onChange={e=>setToken(e.target.value)} placeholder='Paste a JWT here' className='h-32 w-full rounded border p-3 font-mono text-sm'/>{token&&data.error&&<p className='mt-3 text-red-600'>{data.error}</p>}{data.payload&&<div className='mt-5 grid gap-4 md:grid-cols-2'><div><h2 className='font-semibold'>Header</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.header,null,2)}</pre></div><div><h2 className='font-semibold'>Payload {data.expired===true&&<span className='ml-2 text-red-600'>(expired)</span>}{data.expired===false&&<span className='ml-2 text-green-700'>(not expired)</span>}</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.payload,null,2)}</pre></div></div>}<p className='mt-5 rounded border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900'>This tool only decodes token contents. It does not verify the cryptographic signature or trustworthiness of the claims.</p></section></LocalToolLayout>}
+
+const decode = (value: string) => {
+  const normalized = value.replace(/-/g, '+').replace(/_/g, '/').padEnd(Math.ceil(value.length / 4) * 4, '=');
+  return JSON.parse(new TextDecoder().decode(Uint8Array.from(atob(normalized), char => char.charCodeAt(0))));
+};
+
+export default function JwtInspectorPage() {
+  const [token, setToken] = useState('');
+  const [checkedAt, setCheckedAt] = useState(0);
+  const data = useMemo(() => {
+    try {
+      const parts = token.trim().split('.');
+      if (parts.length !== 3) throw new Error('A JWT must contain three dot-separated parts.');
+      return { header: decode(parts[0]), payload: decode(parts[1]), error: '' };
+    } catch (e) {
+      return { header: null, payload: null, error: (e as Error).message };
+    }
+  }, [token]);
+
+  const expired = data.payload && typeof data.payload.exp === 'number' && checkedAt > 0 ? data.payload.exp < checkedAt : null;
+  const handleTokenChange = (value: string) => {
+    setToken(value);
+    setCheckedAt(Math.floor(Date.now() / 1000));
+  };
+
+  return <LocalToolLayout title='JWT Inspector' description='Decode JWT header and payload data locally. Decoding does not verify the token signature.'>
+    <section className='mx-auto max-w-5xl rounded-xl bg-white p-6 shadow'>
+      <textarea value={token} onChange={e => handleTokenChange(e.target.value)} placeholder='Paste a JWT here' className='h-32 w-full rounded border p-3 font-mono text-sm'/>
+      {token && data.error && <p className='mt-3 text-red-600'>{data.error}</p>}
+      {data.payload && <div className='mt-5 grid gap-4 md:grid-cols-2'><div><h2 className='font-semibold'>Header</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.header, null, 2)}</pre></div><div><h2 className='font-semibold'>Payload {expired === true && <span className='ml-2 text-red-600'>(expired)</span>}{expired === false && <span className='ml-2 text-green-700'>(not expired)</span>}</h2><pre className='mt-2 overflow-auto rounded bg-slate-50 p-4 text-sm'>{JSON.stringify(data.payload, null, 2)}</pre></div></div>}
+      <p className='mt-5 rounded border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900'>This tool only decodes token contents. It does not verify the cryptographic signature or trustworthiness of the claims.</p>
+    </section>
+  </LocalToolLayout>;
+}
diff --git a/src/app/lorem-ipsum-generator/page.tsx b/src/app/lorem-ipsum-generator/page.tsx
index 79d9268..7ce9298 100644
--- a/src/app/lorem-ipsum-generator/page.tsx
+++ b/src/app/lorem-ipsum-generator/page.tsx
@@ -1,391 +1,67 @@
 // src/app/lorem-ipsum-generator/page.tsx
 'use client';
 
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useCallback } from 'react';
 import Link from 'next/link';
 import Navbar from '@/components/Navbar';
 import Footer from '@/components/Footer';
 import Breadcrumbs from '@/components/Breadcrumbs';
 
-// The dictionary of Lorem Ipsum words
-const LOREM_IPSUM_WORDS = [
-  'lorem',
-  'ipsum',
-  'dolor',
-  'sit',
-  'amet',
-  'consectetur',
-  'adipiscing',
-  'elit',
-  'curabitur',
-  'vel',
-  'hendrerit',
-  'libero',
-  'eleifend',
-  'blandit',
-  'nunc',
-  'ornare',
-  'odio',
-  'ut',
-  'orci',
-  'gravida',
-  'imperdiet',
-  'nullam',
-  'purus',
-  'lacinia',
-  'a',
-  'pretium',
-  'quis',
-  'congue',
-  'praesent',
-  'sagittis',
-  'laoreet',
-  'auctor',
-  'mauris',
-  'non',
-  'velit',
-  'eros',
-  'dictum',
-  'proin',
-  'accumsan',
-  'sapien',
-  'nec',
-  'massa',
-  'volutpat',
-  'venenatis',
-  'sed',
-  'eu',
-  'molestie',
-  'lacus',
-  'quisque',
-  'porttitor',
-  'ligula',
-  'dui',
-  'mollis',
-  'tempus',
-  'at',
-  'magna',
-  'vestibulum',
-  'turpis',
-  'ac',
-  'diam',
-  'tincidunt',
-  'id',
-  'condimentum',
-  'enim',
-  'sodales',
-  'in',
-  'hac',
-  'habitasse',
-  'platea',
-  'dictumst',
-  'aenean',
-  'neque',
-  'fusce',
-  'augue',
-  'leo',
-  'eget',
-  'semper',
-  'mattis',
-  'tortor',
-  'scelerisque',
-  'nulla',
-  'interdum',
-  'tellus',
-  'malesuada',
-  'rhoncus',
-  'porta',
-  'sem',
-  'aliquet',
-  'et',
-  'nam',
-  'suspendisse',
-  'potenti',
-  'vivamus',
-  'luctus',
-  'fringilla',
-  'erat',
-  'donec',
-  'justo',
-  'vehicula',
-  'ultricies',
-  'varius',
-  'ante',
-  'primis',
-  'in',
-  'faucibus',
-  'orci',
-  'luctus',
-  'et',
-  'ultrices',
-  'posuere',
-  'cubilia',
-  'curae',
-  'etiam',
-  'cursus',
-  'aliquam',
-  'quam',
-  'dapibus',
-  'nisl',
-  'feugiat',
-  'egestas',
-  'class',
-  'aptent',
-  'taciti',
-  'sociosqu',
-  'ad',
-  'litora',
-  'torquent',
-  'per',
-  'conubia',
-  'nostra',
-  'inceptos',
-  'himenaeos',
-  'phasellus',
-  'nibh',
-  'pulvinar',
-  'vitae',
-  'urna',
-  'iaculis',
-  'lobortis',
-  'nisi',
-  'viverra',
-  'arcu',
-  'morbi',
-  'pellentesque',
-  'metus',
-  'commodo',
-  'ut',
-  'facilisis',
-  'felis',
-  'tristique',
-  'ullamcorper',
-  'placerat',
-  'aenean',
-  'convallis',
-  'sollicitudin',
-  'integer',
-  'rutrum',
-  'duis',
-  'est',
-  'etiam',
-  'bibendum',
-  'donec',
-  'pharetra',
-  'vulputate',
-  'maecenas',
-  'mi',
-  'fermentum',
-  'consequat',
-  'suscipit',
-  'aliquam',
-  'habitant',
-  'senectus',
-  'netus',
-  'fames',
-  'quisque',
-  'euismod',
-  'curabitur',
-  'lectus',
-  'elementum',
-  'tempor',
-  'risus',
-  'cras',
-];
-
+const LOREM_IPSUM_WORDS = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','curabitur','vel','hendrerit','libero','eleifend','blandit','nunc','ornare','odio','ut','orci','gravida','imperdiet','nullam','purus','lacinia','a','pretium','quis','congue','praesent','sagittis','laoreet','auctor','mauris','non','velit','eros','dictum','proin','accumsan','sapien','nec','massa','volutpat','venenatis','sed','eu','molestie','lacus','quisque','porttitor','ligula','dui','mollis','tempus','at','magna','vestibulum','turpis','ac','diam','tincidunt','id','condimentum','enim','sodales','in','hac','habitasse','platea','dictumst','aenean','neque','fusce','augue','leo','eget','semper','mattis','tortor','scelerisque','nulla','interdum','tellus','malesuada','rhoncus','porta','sem','aliquet','et','nam','suspendisse','potenti','vivamus','luctus','fringilla','erat','donec','justo','vehicula','ultricies','varius','ante','primis','faucibus','ultrices','posuere','cubilia','curae','etiam','cursus','aliquam','quam','dapibus','nisl','feugiat','egestas','class','aptent','taciti','sociosqu','ad','litora','torquent','per','conubia','nostra','inceptos','himenaeos','phasellus','nibh','pulvinar','vitae','urna','iaculis','lobortis','nisi','viverra','arcu','morbi','pellentesque','metus','commodo','facilisis','felis','tristique','ullamcorper','placerat','convallis','sollicitudin','integer','rutrum','duis','est','bibendum','pharetra','vulputate','maecenas','mi','fermentum','consequat','suscipit','habitant','senectus','netus','fames','euismod','lectus','elementum','tempor','risus','cras'];
+const INITIAL_LOREM = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel hendrerit libero, eleifend blandit nunc ornare odio.';
 type GenerationType = 'words' | 'sentences' | 'paragraphs';
 
 export default function LoremIpsumGeneratorPage() {
   const [genType, setGenType] = useState<GenerationType>('paragraphs');
   const [amount, setAmount] = useState(5);
-  const [outputText, setOutputText] = useState('');
+  const [outputText, setOutputText] = useState(INITIAL_LOREM);
   const [copySuccess, setCopySuccess] = useState('');
 
   const generateSentence = useCallback(() => {
-    const sentenceLength = Math.floor(Math.random() * 10) + 5; // 5-14 words
+    const sentenceLength = Math.floor(Math.random() * 10) + 5;
     let sentence = '';
-    for (let i = 0; i < sentenceLength; i++) {
-      sentence += LOREM_IPSUM_WORDS[Math.floor(Math.random() * LOREM_IPSUM_WORDS.length)] + ' ';
-    }
-    return sentence.trim().charAt(0).toUpperCase() + sentence.trim().slice(1) + '.';
+    for (let i = 0; i < sentenceLength; i++) sentence += LOREM_IPSUM_WORDS[Math.floor(Math.random() * LOREM_IPSUM_WORDS.length)] + ' ';
+    const trimmed = sentence.trim();
+    return trimmed.charAt(0).toUpperCase() + trimmed.slice(1) + '.';
   }, []);
 
   const generateParagraph = useCallback(() => {
-    const paragraphLength = Math.floor(Math.random() * 4) + 3; // 3-6 sentences
+    const paragraphLength = Math.floor(Math.random() * 4) + 3;
     let paragraph = '';
-    for (let i = 0; i < paragraphLength; i++) {
-      paragraph += generateSentence() + ' ';
-    }
+    for (let i = 0; i < paragraphLength; i++) paragraph += generateSentence() + ' ';
     return paragraph.trim();
   }, [generateSentence]);
 
   const handleGenerate = () => {
+    if (amount <= 0) { setOutputText(''); return; }
     let result = '';
-    if (amount <= 0) {
-      setOutputText('');
-      return;
-    }
-
-    switch (genType) {
-      case 'words':
-        for (let i = 0; i < amount; i++) {
-          result += LOREM_IPSUM_WORDS[Math.floor(Math.random() * LOREM_IPSUM_WORDS.length)] + ' ';
-        }
-        result = result.trim();
-        break;
-      case 'sentences':
-        for (let i = 0; i < amount; i++) {
-          result += generateSentence() + ' ';
-        }
-        result = result.trim();
-        break;
-      case 'paragraphs':
-        for (let i = 0; i < amount; i++) {
-          result += generateParagraph() + '\n\n';
-        }
-        result = result.trim();
-        break;
+    if (genType === 'words') {
+      for (let i = 0; i < amount; i++) result += LOREM_IPSUM_WORDS[Math.floor(Math.random() * LOREM_IPSUM_WORDS.length)] + ' ';
+    } else if (genType === 'sentences') {
+      for (let i = 0; i < amount; i++) result += generateSentence() + ' ';
+    } else {
+      for (let i = 0; i < amount; i++) result += generateParagraph() + '\n\n';
     }
-    setOutputText(result);
+    setOutputText(result.trim());
   };
 
   const handleCopy = () => {
     if (!outputText) return;
-    navigator.clipboard.writeText(outputText).then(() => {
-      setCopySuccess('Text copied to clipboard!');
-      setTimeout(() => setCopySuccess(''), 2000);
-    });
+    navigator.clipboard.writeText(outputText).then(() => { setCopySuccess('Text copied to clipboard!'); setTimeout(() => setCopySuccess(''), 2000); });
   };
 
-  // Generate initial text on first load
-  useEffect(() => {
-    handleGenerate();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // Helper to get the dynamic label for the amount input
-  const getAmountLabel = () => {
-    switch (genType) {
-      case 'paragraphs':
-        return 'Number of Paragraphs:';
-      case 'sentences':
-        return 'Number of Sentences:';
-      case 'words':
-        return 'Number of Words:';
-      default:
-        return 'Amount:';
-    }
-  };
-
-  return (
-    <div className='flex flex-col min-h-screen bg-slate-50'>
-      <Navbar />
-      <Breadcrumbs />
-      <main className='flex-grow container mx-auto px-4 py-8'>
-        <header className='mb-8 text-center'>
-          <h1 className='text-4xl font-bold text-slate-800'>Lorem Ipsum Generator</h1>
-          <p className='text-lg text-slate-600 mt-1'>Create placeholder text for your designs and mockups.</p>
-        </header>
-
-        <section className='bg-white p-6 md:p-8 rounded-lg shadow-xl max-w-4xl mx-auto'>
-          {/* Controls */}
-          <div className='flex flex-wrap items-center justify-center gap-4 sm:gap-6 p-4 bg-slate-50 rounded-lg border mb-6'>
-            <div className='flex items-center gap-2'>
-              {/* START: Using dynamic label */}
-              <label htmlFor='amount' className='font-medium text-slate-700 whitespace-nowrap'>
-                {getAmountLabel()}
-              </label>
-              {/* END: Using dynamic label */}
-              <input
-                type='number'
-                id='amount'
-                value={amount}
-                onChange={(e) => setAmount(Math.max(1, parseInt(e.target.value) || 1))}
-                className='w-20 p-2 border border-slate-300 rounded-md focus:ring-2 focus:ring-sky-500'
-              />
-            </div>
-
-            <div className='flex items-center gap-x-4'>
-              <label className='font-medium text-slate-700'>Type:</label>
-              <div className='flex items-center gap-x-3'>
-                <div className='flex items-center'>
-                  <input
-                    id='paragraphs'
-                    name='gen-type'
-                    type='radio'
-                    checked={genType === 'paragraphs'}
-                    onChange={() => setGenType('paragraphs')}
-                    className='h-4 w-4 border-gray-300 text-sky-600 focus:ring-sky-500'
-                  />
-                  <label htmlFor='paragraphs' className='ml-2 block text-sm text-gray-900'>
-                    Paragraphs
-                  </label>
-                </div>
-                <div className='flex items-center'>
-                  <input
-                    id='sentences'
-                    name='gen-type'
-                    type='radio'
-                    checked={genType === 'sentences'}
-                    onChange={() => setGenType('sentences')}
-                    className='h-4 w-4 border-gray-300 text-sky-600 focus:ring-sky-500'
-                  />
-                  <label htmlFor='sentences' className='ml-2 block text-sm text-gray-900'>
-                    Sentences
-                  </label>
-                </div>
-                <div className='flex items-center'>
-                  <input
-                    id='words'
-                    name='gen-type'
-                    type='radio'
-                    checked={genType === 'words'}
-                    onChange={() => setGenType('words')}
-                    className='h-4 w-4 border-gray-300 text-sky-600 focus:ring-sky-500'
-                  />
-                  <label htmlFor='words' className='ml-2 block text-sm text-gray-900'>
-                    Words
-                  </label>
-                </div>
-              </div>
-            </div>
-
-            <button
-              onClick={handleGenerate}
-              className='px-6 py-2 bg-sky-600 text-white font-semibold rounded-lg hover:bg-sky-700'>
-              Generate
-            </button>
-          </div>
-
-          {/* Output */}
-          <div className='relative'>
-            <textarea
-              readOnly
-              value={outputText}
-              className='w-full p-4 border border-slate-200 rounded-lg bg-slate-50 h-80 resize-none'
-              placeholder='Generated text will appear here...'
-            />
-            <button
-              onClick={handleCopy}
-              disabled={!outputText}
-              className='absolute top-3 right-3 px-3 py-1 text-xs font-medium text-slate-600 bg-white rounded-md border border-slate-300 hover:bg-slate-100 disabled:opacity-50'>
-              Copy
-            </button>
-            {copySuccess && (
-              <p className='absolute bottom-3 right-3 text-xs bg-green-100 text-green-700 px-2 py-1 rounded-md shadow-lg'>
-                {copySuccess}
-              </p>
-            )}
-          </div>
-        </section>
-
-        <div className='mt-12 text-center'>
-          <Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>
-            &larr; Back to All Tools
-          </Link>
-        </div>
-      </main>
-      <Footer />
-    </div>
-  );
+  const amountLabel = genType === 'paragraphs' ? 'Number of Paragraphs:' : genType === 'sentences' ? 'Number of Sentences:' : 'Number of Words:';
+
+  return <div className='flex min-h-screen flex-col bg-slate-50'>
+    <Navbar/><Breadcrumbs/>
+    <main className='container mx-auto flex-grow px-4 py-8'>
+      <header className='mb-8 text-center'><h1 className='text-4xl font-bold text-slate-800'>Lorem Ipsum Generator</h1><p className='mt-1 text-lg text-slate-600'>Create placeholder text for your designs and mockups.</p></header>
+      <section className='mx-auto max-w-4xl rounded-lg bg-white p-6 shadow-xl md:p-8'>
+        <div className='mb-6 flex flex-wrap items-center justify-center gap-4 rounded-lg border bg-slate-50 p-4 sm:gap-6'><div className='flex items-center gap-2'><label htmlFor='amount' className='whitespace-nowrap font-medium text-slate-700'>{amountLabel}</label><input type='number' id='amount' value={amount} onChange={e => setAmount(Math.max(1, parseInt(e.target.value) || 1))} className='w-20 rounded-md border border-slate-300 p-2 focus:ring-2 focus:ring-sky-500'/></div><div className='flex items-center gap-x-4'><span className='font-medium text-slate-700'>Type:</span><div className='flex items-center gap-x-3'>{(['paragraphs','sentences','words'] as const).map(type => <label key={type} className='flex items-center text-sm text-gray-900'><input name='gen-type' type='radio' checked={genType === type} onChange={() => setGenType(type)} className='h-4 w-4 border-gray-300 text-sky-600 focus:ring-sky-500'/><span className='ml-2 capitalize'>{type}</span></label>)}</div></div><button onClick={handleGenerate} className='rounded-lg bg-sky-600 px-6 py-2 font-semibold text-white hover:bg-sky-700'>Generate</button></div>
+        <div className='relative'><textarea readOnly value={outputText} className='h-80 w-full resize-none rounded-lg border border-slate-200 bg-slate-50 p-4' placeholder='Generated text will appear here...'/><button onClick={handleCopy} disabled={!outputText} className='absolute right-3 top-3 rounded-md border border-slate-300 bg-white px-3 py-1 text-xs font-medium text-slate-600 hover:bg-slate-100 disabled:opacity-50'>Copy</button>{copySuccess && <p className='absolute bottom-3 right-3 rounded-md bg-green-100 px-2 py-1 text-xs text-green-700 shadow-lg'>{copySuccess}</p>}</div>
+      </section>
+      <div className='mt-12 text-center'><Link href='/' className='text-sky-600 hover:text-sky-800 hover:underline'>&larr; Back to All Tools</Link></div>
+    </main>
+    <Footer/>
+  </div>;
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bfb526c..fc8ee46 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,18 +9,54 @@ import { TOOLS, TOOL_CATEGORIES } from '@/config/tools';
 import type { ToolCategory } from '@/types/tool';
 
 export default function HomePage() {
-  const [searchTerm, setSearchTerm] = useState(''); const [category, setCategory] = useState<ToolCategory | null>(null); const [tag, setTag] = useState<string | null>(null);
-  const topTags = useMemo(() => { const counts = new Map<string, number>(); TOOLS.forEach(tool => tool.tags.forEach(value => counts.set(value, (counts.get(value) ?? 0) + 1))); return [...counts.entries()].sort((a,b) => b[1] - a[1] || a[0].localeCompare(b[0])).slice(0,14).map(([value]) => value); }, []);
-  const q = searchTerm.trim().toLowerCase(); const filtered = useMemo(() => TOOLS.filter(tool => (!category || tool.category === category) && (!tag || tool.tags.includes(tag)) && (!q || tool.name.toLowerCase().includes(q) || tool.description.toLowerCase().includes(q) || tool.tags.some(value => value.toLowerCase().includes(q)))), [category, tag, q]);
-  const featured = useMemo(() => TOOLS.filter(tool => tool.featured).slice(0,6), []); const newest = useMemo(() => TOOLS.filter(tool => tool.new).slice(-8).reverse(), []); const browsingAll = !category && !tag && !q;
-  const clearFilters = () => { setCategory(null); setTag(null); setSearchTerm(''); };
-  return <div className='flex min-h-screen flex-col bg-slate-50'><Navbar/><main className='container mx-auto flex-grow px-4 py-10'>
-    <header className='mx-auto mb-10 max-w-4xl text-center'><h1 className='text-5xl font-extrabold tracking-tight text-slate-950'>Tool<span className='text-sky-600'>Stack</span></h1><p className='mx-auto mt-4 max-w-3xl text-xl font-medium text-slate-600'>Useful tools with one simple privacy rule: your working data stays on your device.</p><div className='mt-5'><PrivacyBadge/></div></header>
-    <section className='mx-auto mb-8 max-w-4xl'><SearchBar onSearch={setSearchTerm}/></section>
-    <section className='mb-8 grid gap-3 sm:grid-cols-3'><div className='rounded-xl border border-emerald-100 bg-emerald-50 p-4 text-center'><strong className='text-emerald-900'>No uploads</strong><p className='mt-1 text-sm text-emerald-800'>Files and text are processed in the browser.</p></div><div className='rounded-xl border border-sky-100 bg-sky-50 p-4 text-center'><strong className='text-sky-900'>No account or tracking</strong><p className='mt-1 text-sm text-sky-800'>No sign-in is required to use the utilities.</p></div><div className='rounded-xl border border-slate-200 bg-white p-4 text-center'><strong className='text-slate-900'>Offline-friendly</strong><p className='mt-1 text-sm text-slate-600'>Previously visited tools can reopen from the PWA cache.</p></div></section>
-    <section className='mb-5 rounded-xl border border-slate-200 bg-white p-5 shadow-sm' aria-label='Tool categories'><div className='flex flex-wrap justify-center gap-2'><button onClick={() => { setCategory(null); setTag(null); }} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === null && tag === null ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>All</button>{TOOL_CATEGORIES.map(item => <button key={item} onClick={() => { setCategory(item); setTag(null); }} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === item ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>{item}</button>)}</div></section>
-    <section className='mb-10'><div className='mb-2 text-center text-xs font-bold uppercase tracking-wider text-slate-500'>Quick tag filters</div><div className='flex flex-wrap justify-center gap-2'>{topTags.map(value => <button key={value} onClick={() => { setTag(tag === value ? null : value); setCategory(null); }} className={`rounded-full border px-3 py-1.5 text-xs font-medium ${tag === value ? 'border-emerald-600 bg-emerald-600 text-white' : 'border-slate-200 bg-white text-slate-600 hover:border-emerald-300'}`}>{value}</button>)}</div></section>
-    {browsingAll && <><section className='mb-12'><div className='mb-5 flex items-baseline justify-between'><h2 className='text-2xl font-bold text-slate-900'>Featured privacy tools</h2><span className='text-sm text-slate-500'>Good places to start</span></div><ToolList tools={featured}/></section><section className='mb-12'><div className='mb-5 flex items-baseline justify-between'><h2 className='text-2xl font-bold text-slate-900'>New tools</h2><span className='text-sm text-slate-500'>{newest.length} recent additions</span></div><ToolList tools={newest}/></section></>}
-    <section><div className='mb-5 flex flex-wrap items-baseline justify-between gap-2'><h2 className='text-2xl font-bold text-slate-900'>{browsingAll ? 'All tools' : category ?? (tag ? `Tag: ${tag}` : 'Search results')}</h2><div className='flex items-center gap-3'><span className='text-sm text-slate-500'>{filtered.length} tool{filtered.length === 1 ? '' : 's'}</span>{!browsingAll && <button onClick={clearFilters} className='text-sm font-semibold text-sky-700 hover:underline'>Clear filters</button>}</div></div><ToolList tools={filtered}/>{filtered.length === 0 && <div className='rounded-lg bg-white p-8 text-center shadow'><p className='text-slate-500'>No tools found matching your search.</p></div>}</section>
-  </main><Footer/></div>;
+  const [searchTerm, setSearchTerm] = useState('');
+  const [category, setCategory] = useState<ToolCategory | null>(null);
+  const q = searchTerm.trim().toLowerCase();
+
+  const filtered = useMemo(() => TOOLS.filter(tool => {
+    const matchesCategory = !category || tool.category === category;
+    const matchesSearch = !q
+      || tool.name.toLowerCase().includes(q)
+      || tool.description.toLowerCase().includes(q)
+      || tool.tags.some(value => value.toLowerCase().includes(q));
+    return matchesCategory && matchesSearch;
+  }), [category, q]);
+
+  const heading = category ?? (q ? 'Search results' : 'All tools');
+
+  return <div className='flex min-h-screen flex-col bg-slate-50'>
+    <Navbar/>
+    <main className='container mx-auto flex-grow px-4 py-10'>
+      <header className='mx-auto mb-10 max-w-4xl text-center'>
+        <h1 className='text-5xl font-extrabold tracking-tight text-slate-950'>Tool<span className='text-sky-600'>Stack</span></h1>
+        <p className='mx-auto mt-4 max-w-3xl text-xl font-medium text-slate-600'>Useful tools with one simple privacy rule: your working data stays on your device.</p>
+        <div className='mt-5'><PrivacyBadge/></div>
+      </header>
+
+      <section className='mx-auto mb-8 max-w-4xl'><SearchBar onSearch={setSearchTerm}/></section>
+
+      <section className='mb-8 grid gap-3 sm:grid-cols-3'>
+        <div className='rounded-xl border border-emerald-100 bg-emerald-50 p-4 text-center'><strong className='text-emerald-900'>No uploads</strong><p className='mt-1 text-sm text-emerald-800'>Files and text are processed in the browser.</p></div>
+        <div className='rounded-xl border border-sky-100 bg-sky-50 p-4 text-center'><strong className='text-sky-900'>No account or tracking</strong><p className='mt-1 text-sm text-sky-800'>No sign-in is required to use the utilities.</p></div>
+        <div className='rounded-xl border border-slate-200 bg-white p-4 text-center'><strong className='text-slate-900'>Offline-friendly</strong><p className='mt-1 text-sm text-slate-600'>Previously visited tools can reopen from the PWA cache.</p></div>
+      </section>
+
+      <section className='mb-10 rounded-xl border border-slate-200 bg-white p-5 shadow-sm' aria-label='Tool categories'>
+        <div className='flex flex-wrap justify-center gap-2'>
+          <button onClick={() => setCategory(null)} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === null ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>All</button>
+          {TOOL_CATEGORIES.map(item => <button key={item} onClick={() => setCategory(item)} className={`rounded-full px-4 py-2 text-sm font-semibold ${category === item ? 'bg-sky-600 text-white' : 'bg-slate-100 text-slate-700 hover:bg-slate-200'}`}>{item}</button>)}
+        </div>
+      </section>
+
+      <section>
+        <div className='mb-5 flex flex-wrap items-baseline justify-between gap-2'>
+          <h2 className='text-2xl font-bold text-slate-900'>{heading}</h2>
+          <span className='text-sm text-slate-500'>{filtered.length} tool{filtered.length === 1 ? '' : 's'}</span>
+        </div>
+        <ToolList tools={filtered}/>
+        {filtered.length === 0 && <div className='rounded-lg bg-white p-8 text-center shadow'><p className='text-slate-500'>No tools found matching your search.</p></div>}
+      </section>
+    </main>
+    <Footer/>
+  </div>;
 }
diff --git a/src/app/pdf-toolkit/page.tsx b/src/app/pdf-toolkit/page.tsx
index 249e7b8..28e5e36 100644
--- a/src/app/pdf-toolkit/page.tsx
+++ b/src/app/pdf-toolkit/page.tsx
@@ -10,69 +10,224 @@ type MetadataState = { title: string; author: string; subject: string; keywords:
 const EMPTY_META: MetadataState = { title: '', author: '', subject: '', keywords: '' };
 const MAX_PDF_FILES = 20;
 const MAX_TOTAL_BYTES = 250 * 1024 * 1024;
+const fileKey = (file: File) => `${file.name}:${file.size}:${file.lastModified}`;
 
 function downloadBytes(bytes: Uint8Array, name: string, type = 'application/pdf') {
   const blob = new Blob([new Uint8Array(bytes).buffer], { type });
-  const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = name; link.click(); URL.revokeObjectURL(url);
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = name;
+  link.click();
+  URL.revokeObjectURL(url);
 }
+
 async function loadPdf(file: File) { return PDFDocument.load(await file.arrayBuffer()); }
 const baseName = (name: string) => name.replace(/\.pdf$/i, '');
 
 export default function PdfToolkitPage() {
-  const [files, setFiles] = useState<PdfInfo[]>([]); const [selection, setSelection] = useState(''); const [operation, setOperation] = useState<'extract'|'delete'|'rotate'>('extract'); const [rotation, setRotation] = useState(90); const [busy, setBusy] = useState(false); const [message, setMessage] = useState(''); const [metadata, setMetadata] = useState<MetadataState>(EMPTY_META); const [images, setImages] = useState<File[]>([]);
+  const [files, setFiles] = useState<PdfInfo[]>([]);
+  const [selection, setSelection] = useState('');
+  const [operation, setOperation] = useState<'extract'|'delete'|'rotate'>('extract');
+  const [rotation, setRotation] = useState(90);
+  const [busy, setBusy] = useState(false);
+  const [message, setMessage] = useState('');
+  const [metadata, setMetadata] = useState<MetadataState>(EMPTY_META);
+  const [images, setImages] = useState<File[]>([]);
+
+  const addPdfs = async (list: FileList | null) => {
+    if (!list) return;
+    const existingKeys = new Set(files.map(item => fileKey(item.file)));
+    const room = Math.max(0, MAX_PDF_FILES - files.length);
+    const picked = Array.from(list)
+      .filter(file => file.type === 'application/pdf' || /\.pdf$/i.test(file.name))
+      .filter(file => !existingKeys.has(fileKey(file)))
+      .slice(0, room);
+
+    if (!picked.length) {
+      setMessage(room === 0 ? `A maximum of ${MAX_PDF_FILES} PDFs can be loaded at once.` : 'No new PDF files were selected.');
+      return;
+    }
+
+    const total = files.reduce((sum, item) => sum + item.file.size, 0) + picked.reduce((sum, file) => sum + file.size, 0);
+    if (total > MAX_TOTAL_BYTES) {
+      setMessage('Keep the combined PDF batch under 250 MB to avoid exhausting browser memory.');
+      return;
+    }
 
-  const choosePdfs = async (list: FileList | null) => {
-    if (!list) return; const picked = Array.from(list).filter(file => file.type === 'application/pdf' || /\.pdf$/i.test(file.name)).slice(0, MAX_PDF_FILES);
-    const total = picked.reduce((sum, file) => sum + file.size, 0); if (total > MAX_TOTAL_BYTES) { setMessage('Keep PDF batches under 250 MB to avoid exhausting browser memory.'); return; }
-    setBusy(true); setMessage('');
+    const hadReadablePdf = files.some(item => !item.error && item.pages > 0);
+    setBusy(true);
+    setMessage('');
     try {
-      const loaded = await Promise.all(picked.map(async file => { try { const doc = await loadPdf(file); return { file, pages: doc.getPageCount() }; } catch (err) { return { file, pages: 0, error: (err as Error).message }; } }));
-      setFiles(loaded); const first = loaded.find(item => !item.error && item.pages > 0); if (first) { setSelection(`1-${first.pages}`); const doc = await loadPdf(first.file); setMetadata({ title: doc.getTitle() ?? '', author: doc.getAuthor() ?? '', subject: doc.getSubject() ?? '', keywords: doc.getKeywords() ?? '' }); } else { setSelection(''); setMetadata(EMPTY_META); }
-    } finally { setBusy(false); }
+      const loaded = await Promise.all(picked.map(async file => {
+        try {
+          const doc = await loadPdf(file);
+          return { file, pages: doc.getPageCount() };
+        } catch (err) {
+          return { file, pages: 0, error: (err as Error).message };
+        }
+      }));
+      setFiles(prev => [...prev, ...loaded]);
+
+      if (!hadReadablePdf) {
+        const first = loaded.find(item => !item.error && item.pages > 0);
+        if (first) {
+          setSelection(`1-${first.pages}`);
+          const doc = await loadPdf(first.file);
+          setMetadata({ title: doc.getTitle() ?? '', author: doc.getAuthor() ?? '', subject: doc.getSubject() ?? '', keywords: doc.getKeywords() ?? '' });
+        }
+      }
+    } finally {
+      setBusy(false);
+    }
   };
 
-  const moveFile = (index: number, direction: -1|1) => setFiles(prev => { const target = index + direction; if (target < 0 || target >= prev.length) return prev; const copy = [...prev]; [copy[index], copy[target]] = [copy[target], copy[index]]; return copy; });
+  const moveFile = (index: number, direction: -1|1) => setFiles(prev => {
+    const target = index + direction;
+    if (target < 0 || target >= prev.length) return prev;
+    const copy = [...prev];
+    [copy[index], copy[target]] = [copy[target], copy[index]];
+    return copy;
+  });
 
   const merge = async () => {
-    const valid = files.filter(item => !item.error && item.pages > 0); if (valid.length < 2) return; setBusy(true); setMessage('');
-    try { const output = await PDFDocument.create(); for (const item of valid) { const source = await loadPdf(item.file); const copied = await output.copyPages(source, source.getPageIndices()); copied.forEach(page => output.addPage(page)); } downloadBytes(await output.save(), 'merged.pdf'); }
-    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+    const valid = files.filter(item => !item.error && item.pages > 0);
+    if (valid.length < 2) return;
+    setBusy(true);
+    setMessage('');
+    try {
+      const output = await PDFDocument.create();
+      for (const item of valid) {
+        const source = await loadPdf(item.file);
+        const copied = await output.copyPages(source, source.getPageIndices());
+        copied.forEach(page => output.addPage(page));
+      }
+      downloadBytes(await output.save(), 'merged.pdf');
+    } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 
   const applyPages = async () => {
-    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
+    const first = files.find(item => !item.error && item.pages > 0);
+    if (!first) return;
+    setBusy(true);
+    setMessage('');
     try {
-      const source = await loadPdf(first.file); const indexes = parsePageSelection(selection, source.getPageCount());
-      if (operation === 'extract') { const output = await PDFDocument.create(); const copied = await output.copyPages(source, indexes); copied.forEach(page => output.addPage(page)); downloadBytes(await output.save(), `${baseName(first.file.name)}-selected.pdf`); }
-      else if (operation === 'delete') { const remove = new Set(indexes); const keep = source.getPageIndices().filter(index => !remove.has(index)); if (!keep.length) throw new Error('At least one page must remain after deletion.'); const output = await PDFDocument.create(); const copied = await output.copyPages(source, keep); copied.forEach(page => output.addPage(page)); downloadBytes(await output.save(), `${baseName(first.file.name)}-pages-removed.pdf`); }
-      else { for (const index of new Set(indexes)) { const page = source.getPage(index); page.setRotation(degrees((page.getRotation().angle + rotation + 360) % 360)); } downloadBytes(await source.save(), `${baseName(first.file.name)}-rotated.pdf`); }
+      const source = await loadPdf(first.file);
+      const indexes = parsePageSelection(selection, source.getPageCount());
+      if (operation === 'extract') {
+        const output = await PDFDocument.create();
+        const copied = await output.copyPages(source, indexes);
+        copied.forEach(page => output.addPage(page));
+        downloadBytes(await output.save(), `${baseName(first.file.name)}-selected.pdf`);
+      } else if (operation === 'delete') {
+        const remove = new Set(indexes);
+        const keep = source.getPageIndices().filter(index => !remove.has(index));
+        if (!keep.length) throw new Error('At least one page must remain after deletion.');
+        const output = await PDFDocument.create();
+        const copied = await output.copyPages(source, keep);
+        copied.forEach(page => output.addPage(page));
+        downloadBytes(await output.save(), `${baseName(first.file.name)}-pages-removed.pdf`);
+      } else {
+        for (const index of new Set(indexes)) {
+          const page = source.getPage(index);
+          page.setRotation(degrees((page.getRotation().angle + rotation + 360) % 360));
+        }
+        downloadBytes(await source.save(), `${baseName(first.file.name)}-rotated.pdf`);
+      }
     } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 
   const split = async () => {
-    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
-    try { const source = await loadPdf(first.file); const zip = new JSZip(); for (const index of source.getPageIndices()) { const output = await PDFDocument.create(); const [page] = await output.copyPages(source, [index]); output.addPage(page); zip.file(`${baseName(first.file.name)}-page-${String(index + 1).padStart(3,'0')}.pdf`, await output.save()); } const blob = await zip.generateAsync({ type: 'blob' }); const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.download = `${baseName(first.file.name)}-split.zip`; link.click(); URL.revokeObjectURL(url); }
-    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+    const first = files.find(item => !item.error && item.pages > 0);
+    if (!first) return;
+    setBusy(true);
+    setMessage('');
+    try {
+      const source = await loadPdf(first.file);
+      const zip = new JSZip();
+      for (const index of source.getPageIndices()) {
+        const output = await PDFDocument.create();
+        const [page] = await output.copyPages(source, [index]);
+        output.addPage(page);
+        zip.file(`${baseName(first.file.name)}-page-${String(index + 1).padStart(3,'0')}.pdf`, await output.save());
+      }
+      const blob = await zip.generateAsync({ type: 'blob' });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `${baseName(first.file.name)}-split.zip`;
+      link.click();
+      URL.revokeObjectURL(url);
+    } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 
   const saveMetadata = async () => {
-    const first = files.find(item => !item.error && item.pages > 0); if (!first) return; setBusy(true); setMessage('');
-    try { const doc = await loadPdf(first.file); if (metadata.title) doc.setTitle(metadata.title); if (metadata.author) doc.setAuthor(metadata.author); if (metadata.subject) doc.setSubject(metadata.subject); doc.setKeywords(metadata.keywords.split(',').map(value => value.trim()).filter(Boolean)); doc.setModificationDate(new Date()); downloadBytes(await doc.save(), `${baseName(first.file.name)}-metadata.pdf`); }
-    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+    const first = files.find(item => !item.error && item.pages > 0);
+    if (!first) return;
+    setBusy(true);
+    setMessage('');
+    try {
+      const doc = await loadPdf(first.file);
+      if (metadata.title) doc.setTitle(metadata.title);
+      if (metadata.author) doc.setAuthor(metadata.author);
+      if (metadata.subject) doc.setSubject(metadata.subject);
+      doc.setKeywords(metadata.keywords.split(',').map(value => value.trim()).filter(Boolean));
+      doc.setModificationDate(new Date());
+      downloadBytes(await doc.save(), `${baseName(first.file.name)}-metadata.pdf`);
+    } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 
   const imagesToPdf = async () => {
-    if (!images.length) return; setBusy(true); setMessage('');
-    try { const doc = await PDFDocument.create(); for (const file of images) { let bytes = new Uint8Array(await file.arrayBuffer()); let embedded; if (file.type === 'image/jpeg' || /\.jpe?g$/i.test(file.name)) embedded = await doc.embedJpg(bytes); else if (file.type === 'image/png' || /\.png$/i.test(file.name)) embedded = await doc.embedPng(bytes); else { const bitmap = await createImageBitmap(file); const canvas = document.createElement('canvas'); canvas.width = bitmap.width; canvas.height = bitmap.height; const context = canvas.getContext('2d'); if (!context) throw new Error('Canvas is unavailable.'); context.drawImage(bitmap, 0, 0); bitmap.close(); const png = await new Promise<Blob>((resolve, reject) => canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error(`Could not convert ${file.name}.`)), 'image/png')); bytes = new Uint8Array(await png.arrayBuffer()); embedded = await doc.embedPng(bytes); }
-      const landscape = embedded.width > embedded.height; const pageWidth = landscape ? 841.89 : 595.28; const pageHeight = landscape ? 595.28 : 841.89; const margin = 36; const scale = Math.min((pageWidth - margin * 2) / embedded.width, (pageHeight - margin * 2) / embedded.height); const width = embedded.width * scale; const height = embedded.height * scale; const page = doc.addPage([pageWidth, pageHeight]); page.drawImage(embedded, { x: (pageWidth - width) / 2, y: (pageHeight - height) / 2, width, height }); }
-      downloadBytes(await doc.save(), 'images.pdf'); }
-    catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
+    if (!images.length) return;
+    setBusy(true);
+    setMessage('');
+    try {
+      const doc = await PDFDocument.create();
+      for (const file of images) {
+        let bytes = new Uint8Array(await file.arrayBuffer());
+        let embedded;
+        if (file.type === 'image/jpeg' || /\.jpe?g$/i.test(file.name)) embedded = await doc.embedJpg(bytes);
+        else if (file.type === 'image/png' || /\.png$/i.test(file.name)) embedded = await doc.embedPng(bytes);
+        else {
+          const bitmap = await createImageBitmap(file);
+          const canvas = document.createElement('canvas');
+          canvas.width = bitmap.width;
+          canvas.height = bitmap.height;
+          const context = canvas.getContext('2d');
+          if (!context) throw new Error('Canvas is unavailable.');
+          context.drawImage(bitmap, 0, 0);
+          bitmap.close();
+          const png = await new Promise<Blob>((resolve, reject) => canvas.toBlob(blob => blob ? resolve(blob) : reject(new Error(`Could not convert ${file.name}.`)), 'image/png'));
+          bytes = new Uint8Array(await png.arrayBuffer());
+          embedded = await doc.embedPng(bytes);
+        }
+        const landscape = embedded.width > embedded.height;
+        const pageWidth = landscape ? 841.89 : 595.28;
+        const pageHeight = landscape ? 595.28 : 841.89;
+        const margin = 36;
+        const scale = Math.min((pageWidth - margin * 2) / embedded.width, (pageHeight - margin * 2) / embedded.height);
+        const width = embedded.width * scale;
+        const height = embedded.height * scale;
+        const page = doc.addPage([pageWidth, pageHeight]);
+        page.drawImage(embedded, { x: (pageWidth - width) / 2, y: (pageHeight - height) / 2, width, height });
+      }
+      downloadBytes(await doc.save(), 'images.pdf');
+    } catch (err) { setMessage((err as Error).message); } finally { setBusy(false); }
   };
 
   const first = files.find(item => !item.error && item.pages > 0);
+  const readableCount = files.filter(item => !item.error && item.pages > 0).length;
+
   return <LocalToolLayout title='PDF Toolkit' description='Merge, split, reorder, extract, delete and rotate PDF pages, edit basic metadata, or turn images into a PDF without uploading documents.'>
     <div className='mx-auto max-w-6xl space-y-6'>
-      <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>PDF files</h2><input type='file' multiple accept='application/pdf,.pdf' onChange={event => void choosePdfs(event.target.files)} className='mt-4 w-full rounded border p-3'/>{files.length > 0 && <div className='mt-4 space-y-2'>{files.map((item, index) => <div key={`${item.file.name}-${item.file.lastModified}`} className='flex flex-wrap items-center gap-2 rounded border p-3'><div className='min-w-0 flex-1'><p className='truncate font-medium'>{item.file.name}</p><p className={`text-sm ${item.error ? 'text-red-600' : 'text-slate-500'}`}>{item.error ? 'Could not read this PDF' : `${item.pages} page${item.pages === 1 ? '' : 's'}`}</p></div><button disabled={index === 0} onClick={() => moveFile(index, -1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} up`}>↑</button><button disabled={index === files.length - 1} onClick={() => moveFile(index, 1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} down`}>↓</button></div>)}</div>}<button disabled={busy || files.filter(item => !item.error).length < 2} onClick={() => void merge()} className='mt-4 rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Merge PDFs in this order</button></section>
+      <section className='rounded-xl bg-white p-6 shadow'>
+        <h2 className='text-xl font-semibold'>PDF files</h2>
+        <p className='mt-1 text-sm text-slate-500'>Add several PDFs at once, or add them one at a time. New selections are appended to the current list.</p>
+        <label htmlFor='pdf-files' className='mt-4 inline-block text-sm font-semibold text-slate-700'>Add one or more PDF files</label>
+        <input id='pdf-files' type='file' multiple accept='application/pdf,.pdf' disabled={busy} onChange={event => void addPdfs(event.target.files)} className='mt-2 w-full rounded border p-3 disabled:opacity-50'/>
+        {files.length > 0 && <><p className='mt-3 text-sm text-slate-500'>{files.length} file{files.length === 1 ? '' : 's'} loaded, {readableCount} readable.</p><div className='mt-4 space-y-2'>{files.map((item, index) => <div key={fileKey(item.file)} className='flex flex-wrap items-center gap-2 rounded border p-3'><div className='min-w-0 flex-1'><p className='truncate font-medium'>{item.file.name}</p><p className={`text-sm ${item.error ? 'text-red-600' : 'text-slate-500'}`}>{item.error ? 'Could not read this PDF' : `${item.pages} page${item.pages === 1 ? '' : 's'}`}</p></div><button disabled={index === 0} onClick={() => moveFile(index, -1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} up`}>↑</button><button disabled={index === files.length - 1} onClick={() => moveFile(index, 1)} className='rounded border px-3 py-1 disabled:opacity-30' aria-label={`Move ${item.file.name} down`}>↓</button></div>)}</div></>}
+        <button disabled={busy || readableCount < 2} onClick={() => void merge()} className='mt-4 rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Merge PDFs in this order</button>
+      </section>
 
       {first && <section className='rounded-xl bg-white p-6 shadow'><h2 className='text-xl font-semibold'>Page operations · {first.file.name}</h2><p className='mt-1 text-sm text-slate-500'>Use page numbers such as 1-3,5,8-6. Descending ranges are useful for reversing pages.</p><div className='mt-4 grid gap-3 md:grid-cols-[1fr_12rem_10rem]'><input value={selection} onChange={event => setSelection(event.target.value)} className='rounded border p-2 font-mono' aria-label='Page selection'/><select value={operation} onChange={event => setOperation(event.target.value as typeof operation)} className='rounded border p-2'><option value='extract'>Extract / reorder</option><option value='delete'>Delete selected</option><option value='rotate'>Rotate selected</option></select>{operation === 'rotate' ? <select value={rotation} onChange={event => setRotation(Number(event.target.value))} className='rounded border p-2'><option value={90}>+90°</option><option value={180}>+180°</option><option value={270}>+270°</option></select> : <div/>}</div><div className='mt-4 flex flex-wrap gap-3'><button disabled={busy} onClick={() => void applyPages()} className='rounded bg-sky-600 px-4 py-2 text-white disabled:opacity-40'>Apply & download copy</button><button disabled={busy} onClick={() => void split()} className='rounded bg-slate-800 px-4 py-2 text-white disabled:opacity-40'>Split every page to ZIP</button></div></section>}
 
diff --git a/src/app/timestamp-tool/page.tsx b/src/app/timestamp-tool/page.tsx
index 50209de..a5afe54 100644
--- a/src/app/timestamp-tool/page.tsx
+++ b/src/app/timestamp-tool/page.tsx
@@ -1,4 +1,25 @@
 'use client';
 import { useMemo, useState } from 'react';
 import LocalToolLayout from '@/components/LocalToolLayout';
-export default function TimestampToolPage(){const [value,setValue]=useState(String(Math.floor(Date.now()/1000)));const parsed=useMemo(()=>{const s=value.trim();let d:Date;if(/^\d{10}$/.test(s))d=new Date(Number(s)*1000);else if(/^\d{13}$/.test(s))d=new Date(Number(s));else d=new Date(s);return Number.isNaN(d.getTime())?null:d},[value]);const now=()=>setValue(String(Math.floor(Date.now()/1000)));return <LocalToolLayout title='Timestamp & Date Toolkit' description='Convert Unix timestamps and date strings between local time, UTC and ISO 8601.'><section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'><div className='flex gap-2'><input value={value} onChange={e=>setValue(e.target.value)} className='min-w-0 flex-1 rounded border p-3 font-mono' placeholder='Unix timestamp or date string'/><button onClick={now} className='rounded bg-sky-600 px-4 text-white'>Now</button></div>{parsed?<dl className='mt-6 grid gap-3 sm:grid-cols-[10rem_1fr]'><dt className='font-semibold'>Unix seconds</dt><dd className='font-mono'>{Math.floor(parsed.getTime()/1000)}</dd><dt className='font-semibold'>Unix milliseconds</dt><dd className='font-mono'>{parsed.getTime()}</dd><dt className='font-semibold'>ISO 8601 / UTC</dt><dd className='font-mono'>{parsed.toISOString()}</dd><dt className='font-semibold'>Local time</dt><dd>{parsed.toLocaleString()}</dd><dt className='font-semibold'>UTC display</dt><dd>{parsed.toUTCString()}</dd></dl>:<p className='mt-4 text-red-600'>Could not parse that value.</p>}</section></LocalToolLayout>}
+
+export default function TimestampToolPage() {
+  const [value, setValue] = useState('');
+  const parsed = useMemo(() => {
+    const input = value.trim();
+    if (!input) return null;
+    let date: Date;
+    if (/^\d{10}$/.test(input)) date = new Date(Number(input) * 1000);
+    else if (/^\d{13}$/.test(input)) date = new Date(Number(input));
+    else date = new Date(input);
+    return Number.isNaN(date.getTime()) ? null : date;
+  }, [value]);
+
+  const useCurrentTime = () => setValue(String(Math.floor(Date.now() / 1000)));
+
+  return <LocalToolLayout title='Timestamp & Date Toolkit' description='Convert Unix timestamps and date strings between local time, UTC and ISO 8601.'>
+    <section className='mx-auto max-w-3xl rounded-xl bg-white p-6 shadow'>
+      <div className='flex gap-2'><input value={value} onChange={e => setValue(e.target.value)} className='min-w-0 flex-1 rounded border p-3 font-mono' placeholder='Unix timestamp or date string'/><button onClick={useCurrentTime} className='rounded bg-sky-600 px-4 text-white'>Now</button></div>
+      {!value.trim() ? <p className='mt-4 text-sm text-slate-500'>Enter a Unix timestamp or date, or choose Now.</p> : parsed ? <dl className='mt-6 grid gap-3 sm:grid-cols-[10rem_1fr]'><dt className='font-semibold'>Unix seconds</dt><dd className='font-mono'>{Math.floor(parsed.getTime() / 1000)}</dd><dt className='font-semibold'>Unix milliseconds</dt><dd className='font-mono'>{parsed.getTime()}</dd><dt className='font-semibold'>ISO 8601 / UTC</dt><dd className='font-mono'>{parsed.toISOString()}</dd><dt className='font-semibold'>Local time</dt><dd>{parsed.toLocaleString()}</dd><dt className='font-semibold'>UTC display</dt><dd>{parsed.toUTCString()}</dd></dl> : <p className='mt-4 text-red-600'>Could not parse that value.</p>}
+    </section>
+  </LocalToolLayout>;
+}
diff --git a/src/components/ToolCard.tsx b/src/components/ToolCard.tsx
index bb9eb7f..c8bb25e 100644
--- a/src/components/ToolCard.tsx
+++ b/src/components/ToolCard.tsx
@@ -1,9 +1,19 @@
 import Link from 'next/link';
 import type { Tool } from '@/types/tool';
+
 interface ToolCardProps { tool: Tool }
+
 export default function ToolCard({ tool }: ToolCardProps) {
   return <Link href={tool.slug} className='group block rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:-translate-y-0.5 hover:border-sky-300 hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-sky-500'>
-    <div className='mb-3 flex items-start justify-between gap-3'><h3 className='text-lg font-bold tracking-tight text-slate-900 group-hover:text-sky-700'>{tool.name}</h3><div className='flex shrink-0 gap-1'>{tool.new && <span className='rounded-full bg-sky-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-sky-700'>New</span>}<span className='rounded-full bg-emerald-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-emerald-700'>Local</span></div></div>
-    <p className='mb-4 text-sm leading-6 text-slate-600'>{tool.description}</p><div className='mb-3 text-xs font-semibold text-slate-500'>{tool.category}</div><div className='flex flex-wrap gap-1.5'>{tool.tags.slice(0,5).map(tag => <span key={tag} className='rounded-full bg-slate-100 px-2 py-1 text-[11px] text-slate-600'>{tag}</span>)}</div>
+    <div className='mb-3 flex items-start justify-between gap-3'>
+      <h3 className='text-lg font-bold tracking-tight text-slate-900 group-hover:text-sky-700'>{tool.name}</h3>
+      <div className='flex shrink-0 gap-1'>
+        {tool.new && <span className='rounded-full bg-sky-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-sky-700'>New</span>}
+        <span className='rounded-full bg-emerald-50 px-2 py-1 text-[10px] font-bold uppercase tracking-wide text-emerald-700'>Local</span>
+      </div>
+    </div>
+    <p className='mb-4 text-sm leading-6 text-slate-600'>{tool.description}</p>
+    <div className='mb-3'><span className='inline-flex rounded-md border border-slate-300 bg-slate-50 px-2.5 py-1 text-[11px] font-bold uppercase tracking-wide text-slate-700'>{tool.category}</span></div>
+    <div className='flex flex-wrap gap-1.5'>{tool.tags.slice(0,5).map(tag => <span key={tag} className='rounded-full bg-slate-100 px-2 py-1 text-[11px] text-slate-600'>{tag}</span>)}</div>
   </Link>;
 }
diff --git a/tsconfig.json b/tsconfig.json
index c133409..19c51c8 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "plugins": [
       {
@@ -22,6 +22,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }

From 7b3fd67fd77992a31973e4f17866e32ae366f7eb Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:27:13 +0530
Subject: [PATCH 41/42] Fix XML element name normalization

---
 src/lib/xml.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/xml.ts b/src/lib/xml.ts
index f1372da..be4f5c2 100644
--- a/src/lib/xml.ts
+++ b/src/lib/xml.ts
@@ -1,6 +1,6 @@
 export const escapeXml = (value: unknown) => String(value ?? '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&apos;');
 export const xmlName = (name: string, index = 0) => {
-  const cleaned = name.trim().replace(/[^A-Za-z0-9_.-]/g, '_').replace(/^[^A-Za-z_]+/, '');
+  const cleaned = name.trim().replace(/^[^A-Za-z_]+/, '').replace(/[^A-Za-z0-9_.-]/g, '_');
   return cleaned || `field_${index + 1}`;
 };
 export function formatXml(xml: string) {

From 31f8f720ff1c0a5906f70cec9b5c8e943d2fd0fb Mon Sep 17 00:00:00 2001
From: Suraj Verma <5441349+surajverma@users.noreply.github.com>
Date: Fri, 4 Sep 2026 19:28:52 +0530
Subject: [PATCH 42/42] Make Markdown sanitization prerender-safe

---
 src/app/markdown-editor/page.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/markdown-editor/page.tsx b/src/app/markdown-editor/page.tsx
index ceec58d..e859797 100644
--- a/src/app/markdown-editor/page.tsx
+++ b/src/app/markdown-editor/page.tsx
@@ -1,20 +1,25 @@
 'use client';
-import { useMemo, useState } from 'react';
+import { useState } from 'react';
 import DOMPurify from 'dompurify';
 import { marked } from 'marked';
 import LocalToolLayout from '@/components/LocalToolLayout';
 
 const SAMPLE = '# Welcome to the Markdown Editor!\n\nThis preview renders **Markdown** locally.\n\n- No upload\n- Sanitized HTML preview\n- Copy generated HTML\n\nRaw HTML such as `<strong>this</strong>` is allowed, but unsafe markup is removed.';
+const INITIAL_HTML = String(marked.parse(SAMPLE, { async: false }));
 
 export default function MarkdownEditorPage() {
   const [markdown, setMarkdown] = useState(SAMPLE);
-  const html = useMemo(() => {
-    const rendered = marked.parse(markdown, { async: false });
-    return DOMPurify.sanitize(String(rendered), { USE_PROFILES: { html: true } });
-  }, [markdown]);
+  const [html, setHtml] = useState(INITIAL_HTML);
+
+  const updateMarkdown = (value: string) => {
+    setMarkdown(value);
+    const rendered = marked.parse(value, { async: false });
+    setHtml(DOMPurify.sanitize(String(rendered), { USE_PROFILES: { html: true } }));
+  };
+
   return <LocalToolLayout title='Markdown Editor' description='Edit Markdown locally with a live preview. Marked renders the Markdown and DOMPurify sanitizes the resulting HTML before it reaches the page.'>
     <section className='mx-auto grid max-w-7xl gap-4 md:grid-cols-2'>
-      <div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea aria-label='Markdown input' value={markdown} onChange={e => setMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div>
+      <div className='flex min-h-[60vh] flex-col'><h2 className='rounded-t border bg-slate-100 p-2 font-semibold'>Markdown</h2><textarea aria-label='Markdown input' value={markdown} onChange={e => updateMarkdown(e.target.value)} className='min-h-0 flex-1 rounded-b border p-4 font-mono'/></div>
       <div className='flex min-h-[60vh] flex-col'><div className='flex items-center justify-between rounded-t border bg-slate-100 p-2'><h2 className='font-semibold'>Sanitized preview</h2><button onClick={() => navigator.clipboard.writeText(html)} className='rounded border bg-white px-3 py-1 text-xs'>Copy HTML</button></div><div className='prose max-w-none min-h-0 flex-1 overflow-auto rounded-b border bg-white p-4' dangerouslySetInnerHTML={{ __html: html }}/></div>
     </section>
   </LocalToolLayout>;