mevebu 0.3.1 → 0.4.0

package/mevebu/libs/js/registry.js

@@ -9,6 +9,20 @@ export const CATEGORIES = [
   { id: "developer", name: "Developer", icon: "terminal" },
   { id: "convert", name: "Convert", icon: "repeat" },
   { id: "text", name: "Text and data", icon: "file-text" },
+  { id: "daily", name: "Daily use", icon: "calendar-days" },
+  { id: "math", name: "Math", icon: "calculator" },
+  { id: "datetime", name: "Date and time", icon: "clock" },
+  { id: "data", name: "Data and lists", icon: "table" },
+  { id: "design", name: "Design", icon: "swatch-book" },
+  { id: "seo", name: "Web and SEO", icon: "globe" },
+  { id: "academic", name: "Academic", icon: "graduation-cap" },
+  { id: "education", name: "Study", icon: "book-open" },
+  { id: "business", name: "Business", icon: "briefcase" },
+  { id: "encoding", name: "Encoding", icon: "code" },
+  { id: "locale", name: "Locale", icon: "languages" },
+  { id: "content", name: "Content", icon: "megaphone" },
+  { id: "git", name: "GitHub", icon: "git-branch" },
+  { id: "measure", name: "Units", icon: "ruler" },
   { id: "qr", name: "QR codes", icon: "qr-code" },
 ];
 
@@ -125,6 +139,132 @@ export const TOOLS = [
     keywords: "digest checksum sha sha256 sha512 fingerprint",
     load: () => import("./tools/hash-generator.js"),
   },
+  {
+    id: "password-strength",
+    category: "security",
+    name: "Password Strength",
+    icon: "gauge",
+    note: "Estimate how strong a password is.",
+    about: "Scores length and patterns and suggests what to change.",
+    tutorial: {
+      intro: "Estimate how strong a password is.",
+      steps: [
+        "Type or paste a password.",
+        "The score and the reasons appear.",
+        "The check runs in this tab. Nothing is sent or saved.",
+      ],
+    },
+    keywords: "password strength score entropy weak strong",
+    load: () => import("./tools/password-strength.js"),
+  },
+  {
+    id: "hmac-generator",
+    category: "security",
+    name: "HMAC Generator",
+    icon: "file-key",
+    note: "Sign a message with a key.",
+    about: "HMAC-SHA-256 and the other SHA sizes, computed in this tab.",
+    tutorial: {
+      intro: "Sign a message with a secret key.",
+      steps: [
+        "Type the message and the secret key.",
+        "Pick a hash.",
+        "Copy the signature. Do not paste a production secret into any site you do not trust.",
+      ],
+    },
+    keywords: "hmac signature mac key sha256 webhook",
+    load: () => import("./tools/hmac-generator.js"),
+  },
+  {
+    id: "secure-token",
+    category: "security",
+    name: "Secure Token",
+    icon: "key-round",
+    note: "Generate a random token.",
+    about: "Hex or URL-safe Base64, from the browser random source.",
+    tutorial: {
+      intro: "Generate a random token for testing.",
+      steps: [
+        "Set the byte length.",
+        "Pick hex or Base64 URL-safe.",
+        "Press Generate, then Copy. Store real tokens safely.",
+      ],
+    },
+    keywords: "token random secret hex base64 url-safe api",
+    load: () => import("./tools/secure-token.js"),
+  },
+  {
+    id: "jwt-expiry",
+    category: "security",
+    name: "JWT Expiry Checker",
+    icon: "clock-alert",
+    note: "Read a JWT's time claims.",
+    about: "Shows iat, nbf and exp as dates and says if it looks expired.",
+    tutorial: {
+      intro: "Read the time claims of a JSON Web Token.",
+      steps: [
+        "Paste a token.",
+        "The iat, nbf and exp claims appear as dates.",
+        "A note says whether it looks expired. The signature is not checked.",
+      ],
+    },
+    keywords: "jwt exp iat nbf expiry token expired",
+    load: () => import("./tools/jwt-expiry.js"),
+  },
+  {
+    id: "cert-expiry",
+    category: "security",
+    name: "Certificate Expiry",
+    icon: "shield-check",
+    note: "Count the days until a certificate expires.",
+    about: "Enter an expiry date and see the days left.",
+    tutorial: {
+      intro: "Count the days until a certificate expires.",
+      steps: [
+        "Enter the expiry date.",
+        "The days left and the status appear.",
+        "Set a reminder threshold to flag a soon date.",
+      ],
+    },
+    keywords: "certificate expiry tls ssl days renew",
+    load: () => import("./tools/cert-expiry.js"),
+  },
+  {
+    id: "data-masker",
+    category: "security",
+    name: "Data Masker",
+    icon: "eye-off",
+    note: "Hide part of a value before sharing.",
+    about: "Masks emails, phone numbers and identifiers.",
+    tutorial: {
+      intro: "Mask part of a value before sharing it.",
+      steps: [
+        "Paste the values, one per line.",
+        "Pick what to mask.",
+        "Copy the masked result.",
+      ],
+    },
+    keywords: "mask redact email phone anonymize hide",
+    load: () => import("./tools/data-masker.js"),
+  },
+  {
+    id: "url-inspector",
+    category: "security",
+    name: "URL Inspector",
+    icon: "scan-eye",
+    note: "Look closely at a link before opening it.",
+    about: "Shows the real host and flags look-alike characters.",
+    tutorial: {
+      intro: "Look closely at a link before you open it.",
+      steps: [
+        "Paste a URL.",
+        "The real host and path appear.",
+        "Look-alike characters in the host are flagged.",
+      ],
+    },
+    keywords: "url inspect phishing host homograph link safe",
+    load: () => import("./tools/url-inspector.js"),
+  },
 
   {
     id: "uuid-generator",
@@ -291,6 +431,2968 @@ export const TOOLS = [
     keywords: "read decode camera image photo scan",
     load: () => import("./tools/qr-scanner.js"),
   },
+
+  // ---------- text and writing ----------
+  {
+    id: "word-counter",
+    category: "text",
+    name: "Word Counter",
+    icon: "text-cursor-input",
+    note: "Count words, characters, sentences and lines.",
+    about: "Live counts as you type, plus a reading time estimate.",
+    tutorial: {
+      intro: "Type or paste text and read the counts as they change.",
+      steps: [
+        "Type or paste your text on the left.",
+        "The counts and the reading time update as you type.",
+        "Set a word limit to track how close you are, then Copy summary.",
+      ],
+    },
+    keywords: "words characters sentences paragraphs reading time essay limit",
+    load: () => import("./tools/word-counter.js"),
+  },
+  {
+    id: "character-counter",
+    category: "text",
+    name: "Character Counter",
+    icon: "ruler",
+    note: "Count characters with and without spaces.",
+    about: "Tracks a limit and shows what is left.",
+    tutorial: {
+      intro: "Count characters and watch a limit you set.",
+      steps: [
+        "Type or paste your text.",
+        "Set a character limit if you have one.",
+        "The counts and the characters left update as you type.",
+      ],
+    },
+    keywords: "characters unicode emoji limit remaining caption",
+    load: () => import("./tools/character-counter.js"),
+  },
+  {
+    id: "line-counter",
+    category: "text",
+    name: "Line Counter",
+    icon: "list",
+    note: "Count total, filled and blank lines.",
+    about: "Useful for lists, logs and pasted data.",
+    tutorial: {
+      intro: "Count the lines in a block of text.",
+      steps: [
+        "Paste your text.",
+        "Total, filled and blank lines appear on the right.",
+      ],
+    },
+    keywords: "lines blank empty rows count",
+    load: () => import("./tools/line-counter.js"),
+  },
+  {
+    id: "remove-duplicate-lines",
+    category: "text",
+    name: "Remove Duplicate Lines",
+    icon: "list-minus",
+    note: "Drop repeated lines, keep the first.",
+    about: "Keeps the first time each line appears and reports how many it removed.",
+    tutorial: {
+      intro: "Remove repeated lines while keeping the original order.",
+      steps: [
+        "Paste your list, one entry per line.",
+        "Toggle Ignore case to treat Andi and andi as the same.",
+        "Copy the cleaned list.",
+      ],
+    },
+    keywords: "dedupe unique duplicate lines list",
+    load: () => import("./tools/remove-duplicate-lines.js"),
+  },
+  {
+    id: "sort-lines",
+    category: "text",
+    name: "Sort Lines",
+    icon: "arrow-down-a-z",
+    note: "Sort lines A to Z or Z to A.",
+    about: "Alphabetical or numeric, with an option to ignore case.",
+    tutorial: {
+      intro: "Sort a list of lines.",
+      steps: [
+        "Paste your list, one entry per line.",
+        "Pick a direction and toggle Ignore case or Numeric.",
+        "Copy the sorted list.",
+      ],
+    },
+    keywords: "sort order alphabetical numeric lines list",
+    load: () => import("./tools/sort-lines.js"),
+  },
+  {
+    id: "find-replace",
+    category: "text",
+    name: "Find and Replace",
+    icon: "replace",
+    note: "Replace every match or just one.",
+    about: "Plain text or a regular expression, with a live match count.",
+    tutorial: {
+      intro: "Find a value in text and replace it.",
+      steps: [
+        "Paste your text, then set the find and replace values.",
+        "Toggle Regex to match a pattern, or Ignore case to match either case.",
+        "Press Replace all. The count of replacements is shown.",
+      ],
+    },
+    keywords: "search replace regex substitute text",
+    load: () => import("./tools/find-replace.js"),
+  },
+  {
+    id: "remove-extra-spaces",
+    category: "text",
+    name: "Remove Extra Spaces",
+    icon: "eraser",
+    note: "Tidy double spaces and blank lines.",
+    about: "Trim each line and collapse runs of spaces.",
+    tutorial: {
+      intro: "Clean up spacing in pasted text.",
+      steps: [
+        "Paste your text.",
+        "Toggle the cleanups you want.",
+        "Copy the tidied text.",
+      ],
+    },
+    keywords: "trim whitespace spaces blank lines tidy",
+    load: () => import("./tools/remove-extra-spaces.js"),
+  },
+  {
+    id: "text-reverser",
+    category: "text",
+    name: "Text Reverser",
+    icon: "arrow-left-right",
+    note: "Reverse by character, word or line.",
+    about: "Handles emoji and accented characters as whole units.",
+    tutorial: {
+      intro: "Reverse text by character, word, or line.",
+      steps: [
+        "Type or paste your text.",
+        "Pick Characters, Words, or Lines.",
+        "Copy the reversed text.",
+      ],
+    },
+    keywords: "reverse flip backwards characters words lines",
+    load: () => import("./tools/text-reverser.js"),
+  },
+  {
+    id: "slug-converter",
+    category: "text",
+    name: "Slug Converter",
+    icon: "link-2",
+    note: "Turn a title into a URL slug.",
+    about: "Lowercase, hyphenated, punctuation removed.",
+    tutorial: {
+      intro: "Turn a title into a URL slug.",
+      steps: [
+        "Type a title.",
+        "Pick the separator.",
+        "Copy the slug.",
+      ],
+    },
+    keywords: "slug url seo permalink kebab",
+    load: () => import("./tools/slug-converter.js"),
+  },
+  {
+    id: "prefix-suffix",
+    category: "text",
+    name: "Prefix and Suffix",
+    icon: "list-plus",
+    note: "Add text to the start or end of lines.",
+    about: "Adds a prefix, a suffix, or automatic numbering to each line.",
+    tutorial: {
+      intro: "Add a prefix, suffix, or numbering to every line.",
+      steps: [
+        "Paste your list, one entry per line.",
+        "Set a prefix and suffix, or turn on Numbering.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "prefix suffix affix numbering lines",
+    load: () => import("./tools/prefix-suffix.js"),
+  },
+  {
+    id: "text-diff",
+    category: "text",
+    name: "Text Diff",
+    icon: "file-diff",
+    note: "Compare two texts line by line.",
+    about: "Marks added and removed lines, with a count of each.",
+    tutorial: {
+      intro: "Compare two versions of a text.",
+      steps: [
+        "Paste the first text on the left and the second on the right.",
+        "Added and removed lines are marked in the result.",
+        "Toggle Ignore case or Ignore spaces to soften the comparison.",
+      ],
+    },
+    keywords: "diff compare changes revisions text",
+    load: () => import("./tools/text-diff.js"),
+  },
+  {
+    id: "case-inspector",
+    category: "text",
+    name: "Case Inspector",
+    icon: "text-search",
+    note: "Detect the letter case of text.",
+    about: "Names the case it finds and shows the alternatives.",
+    tutorial: {
+      intro: "Detect which letter case a piece of text uses.",
+      steps: [
+        "Type or paste the text.",
+        "The detected case is named, with every other case listed.",
+        "Click a case to copy it.",
+      ],
+    },
+    keywords: "case detect camel snake title inspect",
+    load: () => import("./tools/case-inspector.js"),
+  },
+
+  // ---------- developer ----------
+  {
+    id: "jwt-decoder",
+    category: "developer",
+    name: "JWT Decoder",
+    icon: "signature",
+    note: "Read a JWT header and payload.",
+    about: "Decodes in this tab. Decoding is not signature validation.",
+    tutorial: {
+      intro: "Read the header and payload of a JSON Web Token.",
+      steps: [
+        "Paste a token.",
+        "The header and payload appear as JSON.",
+        "The iat, nbf and exp claims are shown as readable times when present.",
+      ],
+    },
+    keywords: "jwt token decode header payload claims bearer",
+    load: () => import("./tools/jwt-decoder.js"),
+  },
+  {
+    id: "json-formatter",
+    category: "developer",
+    name: "JSON Formatter",
+    icon: "braces",
+    note: "Pretty-print JSON with 2 or 4 spaces.",
+    about: "Formats or compacts JSON and points at the error when it is invalid.",
+    tutorial: {
+      intro: "Format or compact a JSON document.",
+      steps: [
+        "Paste JSON on the left.",
+        "Pick 2 or 4 spaces, or Compact.",
+        "Copy the result. An invalid document shows where parsing stopped.",
+      ],
+    },
+    keywords: "json format pretty print indent minify",
+    load: () => import("./tools/json-formatter.js"),
+  },
+  {
+    id: "json-validator",
+    category: "developer",
+    name: "JSON Validator",
+    icon: "circle-check",
+    note: "Check whether JSON parses.",
+    about: "Reports the first syntax error and where it is.",
+    tutorial: {
+      intro: "Check whether a JSON document is valid.",
+      steps: [
+        "Paste JSON.",
+        "The result says valid or names the first error.",
+      ],
+    },
+    keywords: "json validate syntax error parse check",
+    load: () => import("./tools/json-validator.js"),
+  },
+  {
+    id: "json-minifier",
+    category: "developer",
+    name: "JSON Minifier",
+    icon: "minimize-2",
+    note: "Strip whitespace from JSON.",
+    about: "Compacts valid JSON and shows the size saved.",
+    tutorial: {
+      intro: "Compact JSON by removing needless whitespace.",
+      steps: [
+        "Paste JSON.",
+        "The compacted document and the size saved appear on the right.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "json minify compact whitespace size",
+    load: () => import("./tools/json-minifier.js"),
+  },
+  {
+    id: "json-to-typescript",
+    category: "developer",
+    name: "JSON to TypeScript",
+    icon: "file-code",
+    note: "Turn a JSON sample into types.",
+    about: "Generates interfaces from a JSON object, including nested ones.",
+    tutorial: {
+      intro: "Generate TypeScript types from a JSON sample.",
+      steps: [
+        "Paste a JSON object or array.",
+        "Set the name of the root type.",
+        "Copy the generated types.",
+      ],
+    },
+    keywords: "json typescript interface type generate schema",
+    load: () => import("./tools/json-to-typescript.js"),
+  },
+  {
+    id: "regex-tester",
+    category: "developer",
+    name: "Regex Tester",
+    icon: "regex",
+    note: "Test a pattern against text.",
+    about: "Highlights matches and lists the capture groups.",
+    tutorial: {
+      intro: "Test a regular expression against sample text.",
+      steps: [
+        "Enter a pattern and any flags.",
+        "Paste the text to test against.",
+        "Matches are highlighted and listed with their capture groups.",
+      ],
+    },
+    keywords: "regex regular expression pattern match test groups",
+    load: () => import("./tools/regex-tester.js"),
+  },
+  {
+    id: "timestamp-converter",
+    category: "developer",
+    name: "Timestamp Converter",
+    icon: "clock",
+    note: "Convert between Unix time and dates.",
+    about: "Reads seconds or milliseconds and writes ISO 8601.",
+    tutorial: {
+      intro: "Convert a Unix timestamp to a date, or a date to a timestamp.",
+      steps: [
+        "Paste a timestamp, or pick a date.",
+        "Seconds and milliseconds are both handled.",
+        "Copy the ISO 8601 value or the timestamp.",
+      ],
+    },
+    keywords: "unix timestamp epoch date time iso utc",
+    load: () => import("./tools/timestamp-converter.js"),
+  },
+  {
+    id: "html-entity",
+    category: "developer",
+    name: "HTML Entities",
+    icon: "code-xml",
+    note: "Encode or decode HTML entities.",
+    about: "Turns <, >, & and quotes into entities and back.",
+    tutorial: {
+      intro: "Encode special characters as HTML entities, or decode them.",
+      steps: [
+        "Pick Encode or Decode.",
+        "Type or paste your text.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "html entity encode decode escape amp lt gt",
+    load: () => import("./tools/html-entity.js"),
+  },
+  {
+    id: "sql-formatter",
+    category: "developer",
+    name: "SQL Formatter",
+    icon: "database",
+    note: "Format a SQL query.",
+    about: "Indents the clauses and can upper-case the keywords.",
+    tutorial: {
+      intro: "Format a SQL query so it reads clause by clause.",
+      steps: [
+        "Paste a query.",
+        "Toggle keyword casing.",
+        "Copy the formatted query.",
+      ],
+    },
+    keywords: "sql format beautify indent keywords query",
+    load: () => import("./tools/sql-formatter.js"),
+  },
+  {
+    id: "sql-minifier",
+    category: "developer",
+    name: "SQL Minifier",
+    icon: "shrink",
+    note: "Compact a SQL query.",
+    about: "Removes needless whitespace while keeping string literals intact.",
+    tutorial: {
+      intro: "Compact a SQL query onto fewer lines.",
+      steps: [
+        "Paste a query.",
+        "The compacted query appears on the right.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "sql minify compact whitespace query",
+    load: () => import("./tools/sql-minifier.js"),
+  },
+  {
+    id: "cron-builder",
+    category: "developer",
+    name: "Cron Builder",
+    icon: "calendar-clock",
+    note: "Build a cron expression.",
+    about: "Sets each field and explains the schedule in plain words.",
+    tutorial: {
+      intro: "Build a cron expression and read it back in plain words.",
+      steps: [
+        "Set the minute, hour, day, month and weekday fields.",
+        "The expression and a plain description appear.",
+        "Copy the expression. Cron implementations can differ, so check yours.",
+      ],
+    },
+    keywords: "cron schedule expression crontab job",
+    load: () => import("./tools/cron-builder.js"),
+  },
+  {
+    id: "html-formatter",
+    category: "developer",
+    name: "HTML Formatter",
+    icon: "code",
+    note: "Indent HTML by nesting.",
+    about: "Reindents tags and flags tags that never close.",
+    tutorial: {
+      intro: "Reindent an HTML fragment by nesting depth.",
+      steps: [
+        "Paste HTML.",
+        "Pick the indent size.",
+        "Copy the formatted markup.",
+      ],
+    },
+    keywords: "html format indent beautify markup",
+    load: () => import("./tools/html-formatter.js"),
+  },
+  {
+    id: "css-formatter",
+    category: "developer",
+    name: "CSS Formatter",
+    icon: "paintbrush",
+    note: "Format CSS into readable blocks.",
+    about: "One property per line, selectors on their own line.",
+    tutorial: {
+      intro: "Format a CSS stylesheet.",
+      steps: [
+        "Paste CSS.",
+        "The formatted stylesheet appears on the right.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "css format beautify indent stylesheet",
+    load: () => import("./tools/css-formatter.js"),
+  },
+  {
+    id: "css-minifier",
+    category: "developer",
+    name: "CSS Minifier",
+    icon: "shrink",
+    note: "Compact CSS.",
+    about: "Removes comments and needless whitespace, and shows the size saved.",
+    tutorial: {
+      intro: "Compact a CSS stylesheet.",
+      steps: [
+        "Paste CSS.",
+        "Toggle comment removal if you want it.",
+        "Copy the compacted CSS.",
+      ],
+    },
+    keywords: "css minify compact whitespace comments",
+    load: () => import("./tools/css-minifier.js"),
+  },
+  {
+    id: "markdown-preview",
+    category: "developer",
+    name: "Markdown Preview",
+    icon: "file-text",
+    note: "Render Markdown as you write.",
+    about: "Shows headings, lists, links, code and tables next to the source.",
+    tutorial: {
+      intro: "Write Markdown and see it rendered next to the source.",
+      steps: [
+        "Type or paste Markdown on the left.",
+        "The rendered result appears on the right.",
+        "Copy the Markdown source with the Copy button.",
+      ],
+    },
+    keywords: "markdown preview render md github readme",
+    load: () => import("./tools/markdown-preview.js"),
+  },
+  {
+    id: "markdown-table",
+    category: "developer",
+    name: "Markdown Table",
+    icon: "table",
+    note: "Build a Markdown table.",
+    about: "Add rows and columns and pick the column alignment.",
+    tutorial: {
+      intro: "Build a Markdown table cell by cell.",
+      steps: [
+        "Add rows and columns as needed.",
+        "Set the alignment for each column.",
+        "Copy the Markdown table.",
+      ],
+    },
+    keywords: "markdown table generator readme columns",
+    load: () => import("./tools/markdown-table.js"),
+  },
+  {
+    id: "env-formatter",
+    category: "developer",
+    name: "Env Formatter",
+    icon: "file-key",
+    note: "Tidy a .env list.",
+    about: "Sorts KEY=value lines and flags duplicate names.",
+    tutorial: {
+      intro: "Tidy a list of environment variables.",
+      steps: [
+        "Paste KEY=value lines.",
+        "The names are sorted and duplicates are flagged.",
+        "Copy the tidied list.",
+      ],
+    },
+    keywords: "env dotenv environment variables key value sort",
+    load: () => import("./tools/env-formatter.js"),
+  },
+  {
+    id: "api-request-builder",
+    category: "developer",
+    name: "API Request Builder",
+    icon: "send",
+    note: "Build an HTTP request as fetch code.",
+    about: "Pick a method, fill the URL, headers and body, and copy the fetch snippet.",
+    tutorial: {
+      intro: "Build an HTTP request and copy it as fetch code.",
+      steps: [
+        "Pick a method and enter the URL.",
+        "Add headers and a body if the method takes one.",
+        "Copy the generated fetch snippet.",
+      ],
+    },
+    keywords: "api http request fetch curl method headers",
+    load: () => import("./tools/api-request-builder.js"),
+  },
+  {
+    id: "git-command-builder",
+    category: "developer",
+    name: "Git Command Builder",
+    icon: "git-branch",
+    note: "Build common git commands.",
+    about: "Fills in clone, switch, pull and commit, and flags the destructive ones.",
+    tutorial: {
+      intro: "Build a common git command from a few fields.",
+      steps: [
+        "Pick an operation.",
+        "Fill the fields it asks for.",
+        "Copy the command. Operations that can lose work are marked.",
+      ],
+    },
+    keywords: "git command clone branch commit pull checkout",
+    load: () => import("./tools/git-command-builder.js"),
+  },
+
+  // ---------- daily use ----------
+  {
+    id: "countdown-timer",
+    category: "daily",
+    name: "Countdown Timer",
+    icon: "timer",
+    note: "Count down from a set duration.",
+    about: "Set a time, start it, and get a nudge when it ends.",
+    tutorial: {
+      intro: "Count down from a duration you set.",
+      steps: [
+        "Set the hours, minutes and seconds, or pick a preset.",
+        "Press Start. Pause and resume any time.",
+        "A short beep plays and the tab title changes when it reaches zero.",
+      ],
+    },
+    keywords: "countdown timer minutes alarm focus pomodoro",
+    load: () => import("./tools/countdown-timer.js"),
+  },
+  {
+    id: "stopwatch",
+    category: "daily",
+    name: "Stopwatch",
+    icon: "clock",
+    note: "Time an activity and record laps.",
+    about: "Start, pause, and record laps with millisecond precision.",
+    tutorial: {
+      intro: "Time an activity and record laps.",
+      steps: [
+        "Press Start to begin.",
+        "Press Lap to record a split, or Pause to hold.",
+        "Copy the list of laps when you are done.",
+      ],
+    },
+    keywords: "stopwatch lap split timer duration",
+    load: () => import("./tools/stopwatch.js"),
+  },
+  {
+    id: "checklist",
+    category: "daily",
+    name: "Checklist",
+    icon: "list-checks",
+    note: "Make a list you can tick off.",
+    about: "Add items, tick them off, and see how many are left.",
+    tutorial: {
+      intro: "Make a list you can tick off.",
+      steps: [
+        "Type an item and press Add.",
+        "Tick items as you finish them.",
+        "Copy the list, or clear the finished items.",
+      ],
+    },
+    keywords: "checklist todo tasks tick list",
+    load: () => import("./tools/checklist.js"),
+  },
+  {
+    id: "daily-planner",
+    category: "daily",
+    name: "Daily Planner",
+    icon: "calendar-check",
+    note: "Plan a day by the clock.",
+    about: "Add activities with start and end times and spot overlaps.",
+    tutorial: {
+      intro: "Plan a day by the clock.",
+      steps: [
+        "Add an activity with its start and end time.",
+        "The list sorts by time and shows each duration.",
+        "Overlapping activities are flagged.",
+      ],
+    },
+    keywords: "planner schedule agenda day time blocks",
+    load: () => import("./tools/daily-planner.js"),
+  },
+  {
+    id: "weekly-planner",
+    category: "daily",
+    name: "Weekly Planner",
+    icon: "calendar-range",
+    note: "Plan seven days at once.",
+    about: "Add targets to each weekday and tick them off.",
+    tutorial: {
+      intro: "Plan seven days at once.",
+      steps: [
+        "Pick a day.",
+        "Add an activity or target.",
+        "Tick items off as you go, and copy the week.",
+      ],
+    },
+    keywords: "weekly planner schedule week days",
+    load: () => import("./tools/weekly-planner.js"),
+  },
+  {
+    id: "priority-matrix",
+    category: "daily",
+    name: "Priority Matrix",
+    icon: "grid-2x2",
+    note: "Sort tasks by urgency and importance.",
+    about: "Four boxes: do now, schedule, delegate, drop.",
+    tutorial: {
+      intro: "Sort tasks into four boxes by urgency and importance.",
+      steps: [
+        "Add a task and pick a quadrant.",
+        "Move tasks between quadrants as they change.",
+        "Copy the matrix when you are done.",
+      ],
+    },
+    keywords: "eisenhower matrix urgent important priority tasks",
+    load: () => import("./tools/priority-matrix.js"),
+  },
+  {
+    id: "meeting-agenda",
+    category: "daily",
+    name: "Meeting Agenda",
+    icon: "clipboard-list",
+    note: "Lay out a meeting with timings.",
+    about: "Topics with owners and time budgets, totalled for you.",
+    tutorial: {
+      intro: "Lay out a meeting with timings.",
+      steps: [
+        "Add topics with an owner and a time budget.",
+        "The total time and each start time are shown.",
+        "Copy the agenda.",
+      ],
+    },
+    keywords: "meeting agenda topics minutes timebox",
+    load: () => import("./tools/meeting-agenda.js"),
+  },
+  {
+    id: "habit-tracker",
+    category: "daily",
+    name: "Habit Tracker",
+    icon: "flame",
+    note: "Mark habits done each day.",
+    about: "Track a week of habits and see your streaks.",
+    tutorial: {
+      intro: "Track a week of habits.",
+      steps: [
+        "Add a habit.",
+        "Tick the days you keep it.",
+        "The week count and the streak update.",
+      ],
+    },
+    keywords: "habit tracker streak daily week routine",
+    load: () => import("./tools/habit-tracker.js"),
+  },
+
+  // ---------- math ----------
+  {
+    id: "percentage-calculator",
+    category: "math",
+    name: "Percentage Calculator",
+    icon: "percent",
+    note: "Work out a percentage of a number.",
+    about: "Find a percent of a value, or what percent one value is of another.",
+    tutorial: {
+      intro: "Work out percentages.",
+      steps: [
+        "Enter the values.",
+        "Read the result, updated as you type.",
+      ],
+    },
+    keywords: "percent percentage of number calculate",
+    load: () => import("./tools/percentage-calculator.js"),
+  },
+  {
+    id: "percentage-change",
+    category: "math",
+    name: "Percentage Change",
+    icon: "trending-up",
+    note: "Measure the change between two values.",
+    about: "Shows the change as a percent and names a rise or fall.",
+    tutorial: {
+      intro: "Measure the change between two values.",
+      steps: [
+        "Enter the starting and ending values.",
+        "The change, the direction and the difference appear.",
+      ],
+    },
+    keywords: "percent change increase decrease difference",
+    load: () => import("./tools/percentage-change.js"),
+  },
+  {
+    id: "discount-calculator",
+    category: "math",
+    name: "Discount Calculator",
+    icon: "badge-percent",
+    note: "Work out a sale price.",
+    about: "Applies one or more discounts, with optional tax after.",
+    tutorial: {
+      intro: "Work out a sale price.",
+      steps: [
+        "Enter the price and the discount.",
+        "Add a second discount or a tax rate if you need to.",
+        "The final price and the amount saved are shown.",
+      ],
+    },
+    keywords: "discount sale price percent off tax",
+    load: () => import("./tools/discount-calculator.js"),
+  },
+  {
+    id: "profit-margin",
+    category: "math",
+    name: "Profit and Margin",
+    icon: "trending-up",
+    note: "Work out profit and margin.",
+    about: "Shows the profit, the margin and the markup for a sale.",
+    tutorial: {
+      intro: "Work out profit, margin and markup.",
+      steps: [
+        "Enter the cost and the selling price.",
+        "Profit, margin and markup appear.",
+      ],
+    },
+    keywords: "profit margin markup cost price business",
+    load: () => import("./tools/profit-margin.js"),
+  },
+  {
+    id: "markup-calculator",
+    category: "math",
+    name: "Markup Calculator",
+    icon: "tag",
+    note: "Set a price from cost and markup.",
+    about: "Turns a cost and a target markup into a selling price.",
+    tutorial: {
+      intro: "Set a selling price from a cost and a markup.",
+      steps: [
+        "Enter the cost and the markup percent.",
+        "The selling price and the profit appear.",
+      ],
+    },
+    keywords: "markup price cost percent selling",
+    load: () => import("./tools/markup-calculator.js"),
+  },
+  {
+    id: "ratio-calculator",
+    category: "math",
+    name: "Ratio Calculator",
+    icon: "divide",
+    note: "Simplify and scale ratios.",
+    about: "Reduces a ratio and solves for a missing term.",
+    tutorial: {
+      intro: "Simplify a ratio or solve for a missing term.",
+      steps: [
+        "Enter two or more numbers.",
+        "The simplified ratio appears.",
+        "Fill three of four terms to solve the missing one.",
+      ],
+    },
+    keywords: "ratio simplify proportion scale divide",
+    load: () => import("./tools/ratio-calculator.js"),
+  },
+  {
+    id: "average-calculator",
+    category: "math",
+    name: "Average Calculator",
+    icon: "sigma",
+    note: "Find mean, median and mode.",
+    about: "Paste numbers and read the summary statistics.",
+    tutorial: {
+      intro: "Find the mean, median and mode of a list of numbers.",
+      steps: [
+        "Paste numbers separated by spaces, commas or new lines.",
+        "Mean, median, mode, count and sum appear.",
+      ],
+    },
+    keywords: "average mean median mode statistics",
+    load: () => import("./tools/average-calculator.js"),
+  },
+  {
+    id: "weighted-average",
+    category: "math",
+    name: "Weighted Average",
+    icon: "scale",
+    note: "Average values with weights.",
+    about: "Give each value a weight and read the weighted mean.",
+    tutorial: {
+      intro: "Average values that carry different weights.",
+      steps: [
+        "Add values with their weights.",
+        "The weighted average and the total weight appear.",
+      ],
+    },
+    keywords: "weighted average grades weights",
+    load: () => import("./tools/weighted-average.js"),
+  },
+  {
+    id: "standard-deviation",
+    category: "math",
+    name: "Standard Deviation",
+    icon: "chart-line",
+    note: "Variance and standard deviation.",
+    about: "For a population or a sample, from pasted numbers.",
+    tutorial: {
+      intro: "Find the variance and standard deviation of a list of numbers.",
+      steps: [
+        "Paste your numbers.",
+        "Pick Population or Sample.",
+        "Mean, variance and standard deviation appear.",
+      ],
+    },
+    keywords: "standard deviation variance statistics sample population",
+    load: () => import("./tools/standard-deviation.js"),
+  },
+  {
+    id: "fraction-calculator",
+    category: "math",
+    name: "Fraction Calculator",
+    icon: "divide",
+    note: "Add, subtract, multiply and divide fractions.",
+    about: "Keeps the result as a simplified fraction and a decimal.",
+    tutorial: {
+      intro: "Do arithmetic with fractions.",
+      steps: [
+        "Enter two fractions and pick an operation.",
+        "The simplified result and its decimal appear.",
+      ],
+    },
+    keywords: "fraction add subtract multiply divide simplify",
+    load: () => import("./tools/fraction-calculator.js"),
+  },
+  {
+    id: "scientific-calculator",
+    category: "math",
+    name: "Scientific Calculator",
+    icon: "calculator",
+    note: "Do scientific math with a keypad.",
+    about: "Trigonometry, logs, powers and roots, in degrees or radians.",
+    tutorial: {
+      intro: "Do scientific math with a keypad.",
+      steps: [
+        "Type an expression or use the keys.",
+        "Pick degrees or radians for the trig functions.",
+        "Press = to evaluate. The history keeps recent results.",
+      ],
+    },
+    keywords: "scientific calculator trigonometry log sin cos tan",
+    load: () => import("./tools/scientific-calculator.js"),
+  },
+  {
+    id: "quadratic-solver",
+    category: "math",
+    name: "Quadratic Solver",
+    icon: "radical",
+    note: "Solve a quadratic equation.",
+    about: "Shows the discriminant and the real or complex roots.",
+    tutorial: {
+      intro: "Solve a quadratic equation of the form ax squared plus bx plus c equals zero.",
+      steps: [
+        "Enter a, b and c.",
+        "The discriminant and the roots appear.",
+        "Real or complex roots are labelled.",
+      ],
+    },
+    keywords: "quadratic equation roots discriminant solve",
+    load: () => import("./tools/quadratic-solver.js"),
+  },
+  {
+    id: "permutation-combination",
+    category: "math",
+    name: "Permutation and Combination",
+    icon: "shuffle",
+    note: "Count arrangements and selections.",
+    about: "nPr and nCr with the working shown.",
+    tutorial: {
+      intro: "Count arrangements and selections.",
+      steps: [
+        "Enter n and r.",
+        "Pick Permutation or Combination.",
+        "The count and the formula appear.",
+      ],
+    },
+    keywords: "permutation combination npr ncr combinatorics",
+    load: () => import("./tools/permutation-combination.js"),
+  },
+  {
+    id: "number-base-converter",
+    category: "math",
+    name: "Number Base Converter",
+    icon: "binary",
+    note: "Convert between number bases.",
+    about: "Binary, octal, decimal and hexadecimal, all at once.",
+    tutorial: {
+      intro: "Convert a number between bases.",
+      steps: [
+        "Type a number and pick its base.",
+        "The value in every base appears.",
+      ],
+    },
+    keywords: "binary octal decimal hex base converter",
+    load: () => import("./tools/number-base-converter.js"),
+  },
+  {
+    id: "scientific-notation",
+    category: "math",
+    name: "Scientific Notation",
+    icon: "superscript",
+    note: "Convert to and from scientific notation.",
+    about: "Handles very large and very small numbers.",
+    tutorial: {
+      intro: "Convert a number to and from scientific notation.",
+      steps: [
+        "Type a number, or a value in scientific notation.",
+        "The other forms appear.",
+      ],
+    },
+    keywords: "scientific notation exponent mantissa",
+    load: () => import("./tools/scientific-notation.js"),
+  },
+  {
+    id: "roman-numeral-converter",
+    category: "math",
+    name: "Roman Numeral Converter",
+    icon: "list-ordered",
+    note: "Convert to and from Roman numerals.",
+    about: "Validates the input and covers 1 to 3999.",
+    tutorial: {
+      intro: "Convert a number to a Roman numeral, or the other way round.",
+      steps: [
+        "Type a number or a Roman numeral.",
+        "The conversion appears, or a message if it is out of range.",
+      ],
+    },
+    keywords: "roman numeral converter number",
+    load: () => import("./tools/roman-numeral-converter.js"),
+  },
+  {
+    id: "percent-to-fraction",
+    category: "math",
+    name: "Percent to Fraction",
+    icon: "percent",
+    note: "Turn a percent into a fraction.",
+    about: "Simplifies the fraction and shows the decimal.",
+    tutorial: {
+      intro: "Turn a percent into a simplified fraction.",
+      steps: [
+        "Type a percent.",
+        "The simplified fraction and the decimal appear.",
+      ],
+    },
+    keywords: "percent fraction decimal convert simplify",
+    load: () => import("./tools/percent-to-fraction.js"),
+  },
+
+  // ---------- date and time ----------
+  {
+    id: "date-difference",
+    category: "datetime",
+    name: "Date Difference",
+    icon: "calendar-minus",
+    note: "Count the days between two dates.",
+    about: "Shows the gap in days, weeks, months and years.",
+    tutorial: {
+      intro: "Count the time between two dates.",
+      steps: [
+        "Pick the start and end dates.",
+        "The difference appears in several units.",
+        "Toggle Include the end date if you count it.",
+      ],
+    },
+    keywords: "date difference days between duration project",
+    load: () => import("./tools/date-difference.js"),
+  },
+  {
+    id: "add-subtract-days",
+    category: "datetime",
+    name: "Add or Subtract Days",
+    icon: "calendar-plus",
+    note: "Move a date by a number of days.",
+    about: "Adds or subtracts days, weeks, months or years.",
+    tutorial: {
+      intro: "Move a date forward or back.",
+      steps: [
+        "Pick a date and a number.",
+        "Pick the unit and add or subtract.",
+        "The resulting date appears.",
+      ],
+    },
+    keywords: "add days date subtract weeks months",
+    load: () => import("./tools/add-subtract-days.js"),
+  },
+  {
+    id: "business-days",
+    category: "datetime",
+    name: "Business Days",
+    icon: "briefcase",
+    note: "Count working days between dates.",
+    about: "Skips weekends and any holidays you add.",
+    tutorial: {
+      intro: "Count working days between two dates.",
+      steps: [
+        "Pick the start and end dates.",
+        "Choose which weekdays are working days.",
+        "Add holidays to skip, and read the working day count.",
+      ],
+    },
+    keywords: "business days working days weekend holiday",
+    load: () => import("./tools/business-days.js"),
+  },
+  {
+    id: "time-duration",
+    category: "datetime",
+    name: "Time Duration",
+    icon: "hourglass",
+    note: "Measure the time between two clock times.",
+    about: "Handles crossing midnight and subtracts breaks.",
+    tutorial: {
+      intro: "Measure the time between two clock times.",
+      steps: [
+        "Enter the start and end times.",
+        "Add a break in minutes if you need to.",
+        "The duration appears in hours and minutes.",
+      ],
+    },
+    keywords: "time duration hours minutes between start end",
+    load: () => import("./tools/time-duration.js"),
+  },
+  {
+    id: "timezone-converter",
+    category: "datetime",
+    name: "Time Zone Converter",
+    icon: "globe",
+    note: "Convert a time between zones.",
+    about: "Uses the time zone rules built into your browser.",
+    tutorial: {
+      intro: "Convert a time from one zone to another.",
+      steps: [
+        "Pick a date and time.",
+        "Pick the source and target zones.",
+        "The converted time appears.",
+      ],
+    },
+    keywords: "timezone time zone convert utc meeting world",
+    load: () => import("./tools/timezone-converter.js"),
+  },
+  {
+    id: "age-calculator",
+    category: "datetime",
+    name: "Age Calculator",
+    icon: "cake",
+    note: "Work out an age in years, months and days.",
+    about: "Ages on any date, plus the next birthday.",
+    tutorial: {
+      intro: "Work out an age from a birth date.",
+      steps: [
+        "Enter the birth date.",
+        "Optionally set the date to measure at.",
+        "The age and the next birthday appear.",
+      ],
+    },
+    keywords: "age birthday date of birth years old",
+    load: () => import("./tools/age-calculator.js"),
+  },
+  {
+    id: "time-format-converter",
+    category: "datetime",
+    name: "Time Format Converter",
+    icon: "clock",
+    note: "Switch between 12 and 24 hour time.",
+    about: "Converts one time or a whole list.",
+    tutorial: {
+      intro: "Switch times between 12 and 24 hour format.",
+      steps: [
+        "Pick 12 or 24 hour input.",
+        "Type one time per line.",
+        "The converted times appear.",
+      ],
+    },
+    keywords: "12 hour 24 hour am pm time format convert",
+    load: () => import("./tools/time-format-converter.js"),
+  },
+
+  // ---------- data and lists ----------
+  {
+    id: "csv-viewer",
+    category: "data",
+    name: "CSV Viewer",
+    icon: "table",
+    note: "Read CSV as a table.",
+    about: "Detects the delimiter and shows rows and columns.",
+    tutorial: {
+      intro: "Read CSV or delimited text as a table.",
+      steps: [
+        "Paste CSV, or choose a .csv file.",
+        "Pick the delimiter if the guess is wrong.",
+        "The table and the row and column counts appear.",
+      ],
+    },
+    keywords: "csv table view rows columns delimiter",
+    load: () => import("./tools/csv-viewer.js"),
+  },
+  {
+    id: "csv-to-json",
+    category: "data",
+    name: "CSV to JSON",
+    icon: "braces",
+    note: "Turn CSV rows into JSON.",
+    about: "The first row becomes the property names.",
+    tutorial: {
+      intro: "Turn CSV rows into JSON records.",
+      steps: [
+        "Paste CSV.",
+        "Toggle typed values if numbers and booleans should convert.",
+        "Copy the JSON.",
+      ],
+    },
+    keywords: "csv json convert rows header",
+    load: () => import("./tools/csv-to-json.js"),
+  },
+  {
+    id: "json-to-csv",
+    category: "data",
+    name: "JSON to CSV",
+    icon: "file-spreadsheet",
+    note: "Turn JSON records into CSV.",
+    about: "Uses the object keys as the column names.",
+    tutorial: {
+      intro: "Turn JSON records into CSV.",
+      steps: [
+        "Paste an array of objects.",
+        "The CSV appears with a header row.",
+        "Copy or download the CSV.",
+      ],
+    },
+    keywords: "json csv convert export records columns",
+    load: () => import("./tools/json-to-csv.js"),
+  },
+  {
+    id: "delimiter-converter",
+    category: "data",
+    name: "Delimiter Converter",
+    icon: "arrow-right-left",
+    note: "Swap one delimiter for another.",
+    about: "Comma, semicolon, tab, pipe or your own.",
+    tutorial: {
+      intro: "Swap one delimiter for another.",
+      steps: [
+        "Paste your data.",
+        "Set the current and the new delimiter.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "delimiter comma tab semicolon pipe convert tsv",
+    load: () => import("./tools/delimiter-converter.js"),
+  },
+  {
+    id: "list-merger",
+    category: "data",
+    name: "List Merger",
+    icon: "combine",
+    note: "Join lists into one.",
+    about: "Combines two or more lists, with an option to drop duplicates.",
+    tutorial: {
+      intro: "Join two or more lists into one.",
+      steps: [
+        "Paste each list in its own box.",
+        "Toggle Remove duplicates if you need to.",
+        "Copy the merged list.",
+      ],
+    },
+    keywords: "merge combine lists join append unique",
+    load: () => import("./tools/list-merger.js"),
+  },
+  {
+    id: "list-difference",
+    category: "data",
+    name: "List Difference",
+    icon: "git-compare",
+    note: "Compare two lists.",
+    about: "Shows what is only in each list and what they share.",
+    tutorial: {
+      intro: "Compare two lists.",
+      steps: [
+        "Paste list A and list B.",
+        "Only in A, only in B and shared items appear.",
+        "Toggle Ignore case if you need to.",
+      ],
+    },
+    keywords: "list difference compare sets common unique",
+    load: () => import("./tools/list-difference.js"),
+  },
+  {
+    id: "table-to-markdown",
+    category: "data",
+    name: "Table to Markdown",
+    icon: "table-2",
+    note: "Turn pasted table data into Markdown.",
+    about: "Paste tab or comma separated data and set the alignment.",
+    tutorial: {
+      intro: "Turn pasted table data into a Markdown table.",
+      steps: [
+        "Paste rows copied from a spreadsheet.",
+        "The Markdown table appears.",
+        "Copy the Markdown.",
+      ],
+    },
+    keywords: "table markdown tsv spreadsheet convert",
+    load: () => import("./tools/table-to-markdown.js"),
+  },
+  {
+    id: "data-validator",
+    category: "data",
+    name: "Data Validator",
+    icon: "badge-check",
+    note: "Check a list against simple rules.",
+    about: "Flags rows that fail a length, pattern or range rule.",
+    tutorial: {
+      intro: "Check a list of values against a rule.",
+      steps: [
+        "Paste one value per line.",
+        "Pick a rule and its setting.",
+        "Rows that fail are listed.",
+      ],
+    },
+    keywords: "validate data rule email length pattern check",
+    load: () => import("./tools/data-validator.js"),
+  },
+
+  // ---------- design ----------
+  {
+    id: "color-picker",
+    category: "design",
+    name: "Color Picker",
+    icon: "pipette",
+    note: "Pick a color and read its codes.",
+    about: "Shows hex, rgb and hsl for any color you choose.",
+    tutorial: {
+      intro: "Pick a color and read its codes.",
+      steps: [
+        "Pick a color, or type a hex value.",
+        "The hex, rgb and hsl values appear.",
+        "Click any value to copy it.",
+      ],
+    },
+    keywords: "color picker hex rgb hsl palette",
+    load: () => import("./tools/color-picker.js"),
+  },
+  {
+    id: "color-palette",
+    category: "design",
+    name: "Color Palette",
+    icon: "palette",
+    note: "Build a matching set of colors.",
+    about: "Analogous, complementary and monochrome schemes from one base color.",
+    tutorial: {
+      intro: "Build a palette from a base color.",
+      steps: [
+        "Pick a base color and a scheme.",
+        "The palette appears with each color's hex.",
+        "Copy one color or the whole set as CSS variables.",
+      ],
+    },
+    keywords: "palette scheme analogous complementary monochrome",
+    load: () => import("./tools/color-palette.js"),
+  },
+  {
+    id: "gradient-generator",
+    category: "design",
+    name: "Gradient Generator",
+    icon: "blend",
+    note: "Make a CSS gradient.",
+    about: "Linear or radial, with color stops you control.",
+    tutorial: {
+      intro: "Make a CSS gradient.",
+      steps: [
+        "Pick linear or radial and set the angle.",
+        "Add color stops and set each one's color and position.",
+        "Copy the CSS gradient value.",
+      ],
+    },
+    keywords: "gradient css linear radial color stop",
+    load: () => import("./tools/gradient-generator.js"),
+  },
+  {
+    id: "box-shadow",
+    category: "design",
+    name: "Box Shadow",
+    icon: "square-dashed-bottom",
+    note: "Build a CSS box-shadow.",
+    about: "Set the offset, blur, spread and color with a live preview.",
+    tutorial: {
+      intro: "Build a CSS box-shadow.",
+      steps: [
+        "Move the sliders for offset, blur and spread.",
+        "Pick the color and toggle an inset shadow.",
+        "Copy the CSS value.",
+      ],
+    },
+    keywords: "box shadow css offset blur spread elevation",
+    load: () => import("./tools/box-shadow.js"),
+  },
+  {
+    id: "border-radius",
+    category: "design",
+    name: "Border Radius",
+    icon: "rectangle-horizontal",
+    note: "Round the corners of a box.",
+    about: "Set each corner on its own with a live preview.",
+    tutorial: {
+      intro: "Round the corners of a box.",
+      steps: [
+        "Move each corner slider, or link them.",
+        "The preview updates as you change a value.",
+        "Copy the CSS border-radius value.",
+      ],
+    },
+    keywords: "border radius corner css rounded",
+    load: () => import("./tools/border-radius.js"),
+  },
+  {
+    id: "contrast-checker",
+    category: "design",
+    name: "Contrast Checker",
+    icon: "contrast",
+    note: "Check text contrast against WCAG.",
+    about: "Reads the ratio and the AA and AAA pass or fail for text and large text.",
+    tutorial: {
+      intro: "Check the contrast between text and background colors.",
+      steps: [
+        "Pick the text and background colors.",
+        "The contrast ratio and the WCAG results appear.",
+        "Swap the colors with one press.",
+      ],
+    },
+    keywords: "contrast wcag accessibility ratio text background aa aaa",
+    load: () => import("./tools/contrast-checker.js"),
+  },
+  {
+    id: "aspect-ratio",
+    category: "design",
+    name: "Aspect Ratio",
+    icon: "ratio",
+    note: "Work out sizes from a ratio.",
+    about: "Simplifies a ratio and finds a missing width or height.",
+    tutorial: {
+      intro: "Work out a size from an aspect ratio.",
+      steps: [
+        "Enter a width and height, or a ratio.",
+        "Set one new side to find the other.",
+        "The simplified ratio and the missing side appear.",
+      ],
+    },
+    keywords: "aspect ratio width height resize thumbnail",
+    load: () => import("./tools/aspect-ratio.js"),
+  },
+  {
+    id: "css-clamp",
+    category: "design",
+    name: "CSS Clamp",
+    icon: "scaling",
+    note: "Build a fluid size with clamp().",
+    about: "Sets a minimum, a preferred viewport width and a maximum.",
+    tutorial: {
+      intro: "Build a fluid size with the CSS clamp function.",
+      steps: [
+        "Set the minimum, the preferred width and the maximum.",
+        "The clamp value and a sample appear.",
+        "Copy the CSS declaration.",
+      ],
+    },
+    keywords: "clamp fluid responsive font size css",
+    load: () => import("./tools/css-clamp.js"),
+  },
+  {
+    id: "css-grid",
+    category: "design",
+    name: "CSS Grid",
+    icon: "layout-grid",
+    note: "Lay out a CSS grid.",
+    about: "Sets the columns, rows and gaps with a live preview.",
+    tutorial: {
+      intro: "Lay out a CSS grid.",
+      steps: [
+        "Set the column and row counts and the gaps.",
+        "The preview updates as you change a value.",
+        "Copy the CSS grid declarations.",
+      ],
+    },
+    keywords: "css grid columns rows gap layout",
+    load: () => import("./tools/css-grid.js"),
+  },
+  {
+    id: "font-pairing",
+    category: "design",
+    name: "Font Pairing",
+    icon: "type-outline",
+    note: "Preview a heading and body font pair.",
+    about: "Uses the fonts already on your system to show a pairing.",
+    tutorial: {
+      intro: "Preview a heading and body font pair.",
+      steps: [
+        "Pick a heading font and a body font.",
+        "Set the sizes, weight and line height.",
+        "Read the sample, then copy the CSS font stacks.",
+      ],
+    },
+    keywords: "font pairing typography heading body preview",
+    load: () => import("./tools/font-pairing.js"),
+  },
+
+  // ---------- web and seo ----------
+  {
+    id: "meta-tags",
+    category: "seo",
+    name: "Meta Tags",
+    icon: "globe",
+    note: "Build the basic SEO tags.",
+    about: "Title, description, canonical and robots, with a length reading.",
+    tutorial: {
+      intro: "Build the basic meta tags for a page.",
+      steps: [
+        "Enter the title and description.",
+        "Add a canonical URL and a robots value if you need them.",
+        "Copy the HTML tags.",
+      ],
+    },
+    keywords: "meta tags seo title description canonical robots",
+    load: () => import("./tools/meta-tags.js"),
+  },
+  {
+    id: "open-graph",
+    category: "seo",
+    name: "Open Graph Tags",
+    icon: "external-link",
+    note: "Build link preview tags.",
+    about: "Open Graph tags for the title, description, URL and image.",
+    tutorial: {
+      intro: "Build Open Graph tags for a link preview.",
+      steps: [
+        "Fill in the title, description, URL and image.",
+        "Pick a content type.",
+        "Copy the tags. How they appear depends on each platform.",
+      ],
+    },
+    keywords: "open graph og social preview twitter card metadata",
+    load: () => import("./tools/open-graph.js"),
+  },
+  {
+    id: "robots-txt",
+    category: "seo",
+    name: "Robots.txt",
+    icon: "file-text",
+    note: "Write a robots.txt file.",
+    about: "Sets user-agent, allow, disallow and sitemap rules.",
+    tutorial: {
+      intro: "Write a robots.txt file.",
+      steps: [
+        "Add allow and disallow rules for a user agent.",
+        "Add a sitemap URL if you have one.",
+        "Copy the file.",
+      ],
+    },
+    keywords: "robots txt crawler allow disallow sitemap",
+    load: () => import("./tools/robots-txt.js"),
+  },
+  {
+    id: "sitemap-xml",
+    category: "seo",
+    name: "Sitemap XML",
+    icon: "code-xml",
+    note: "Build a sitemap from URLs.",
+    about: "Turns a list of URLs into sitemap XML.",
+    tutorial: {
+      intro: "Build a sitemap XML file from a list of URLs.",
+      steps: [
+        "Paste one URL per line.",
+        "Add a last modified date if you have one.",
+        "Copy or download the XML.",
+      ],
+    },
+    keywords: "sitemap xml urls seo crawl",
+    load: () => import("./tools/sitemap-xml.js"),
+  },
+  {
+    id: "url-parser",
+    category: "seo",
+    name: "URL Parser",
+    icon: "link-2",
+    note: "Break a URL into its parts.",
+    about: "Shows the protocol, host, path, query and fragment.",
+    tutorial: {
+      intro: "Break a URL into its parts.",
+      steps: [
+        "Paste a URL.",
+        "Each part appears, with the query split into pairs.",
+      ],
+    },
+    keywords: "url parse components query params host path",
+    load: () => import("./tools/url-parser.js"),
+  },
+  {
+    id: "query-builder",
+    category: "seo",
+    name: "Query Builder",
+    icon: "list",
+    note: "Build a query string.",
+    about: "Add key and value pairs and read the full URL.",
+    tutorial: {
+      intro: "Build a query string from key and value pairs.",
+      steps: [
+        "Enter a base URL.",
+        "Add key and value pairs.",
+        "Copy the full URL.",
+      ],
+    },
+    keywords: "query string params url builder key value",
+    load: () => import("./tools/query-builder.js"),
+  },
+  {
+    id: "canonical-tag",
+    category: "seo",
+    name: "Canonical Tag",
+    icon: "link-2",
+    note: "Build a canonical link tag.",
+    about: "Validates the URL and writes the link element.",
+    tutorial: {
+      intro: "Build a canonical link tag.",
+      steps: [
+        "Enter the canonical URL.",
+        "Copy the link element.",
+      ],
+    },
+    keywords: "canonical url link rel seo duplicate",
+    load: () => import("./tools/canonical-tag.js"),
+  },
+  {
+    id: "favicon-markup",
+    category: "seo",
+    name: "Favicon Markup",
+    icon: "image-up",
+    note: "Write the favicon link tags.",
+    about: "Points at icon files you already have.",
+    tutorial: {
+      intro: "Write the favicon link tags for a site.",
+      steps: [
+        "Enter the path to each icon file you have.",
+        "Copy the link tags for the head.",
+      ],
+    },
+    keywords: "favicon icon link apple touch manifest head",
+    load: () => import("./tools/favicon-markup.js"),
+  },
+  {
+    id: "http-status",
+    category: "seo",
+    name: "HTTP Status Codes",
+    icon: "search",
+    note: "Look up an HTTP status code.",
+    about: "The common 2xx, 3xx, 4xx and 5xx codes with a short meaning.",
+    tutorial: {
+      intro: "Look up what an HTTP status code means.",
+      steps: [
+        "Filter by number or by class.",
+        "Read the meaning and a typical case.",
+      ],
+    },
+    keywords: "http status code 404 500 reference",
+    load: () => import("./tools/http-status.js"),
+  },
+  {
+    id: "mime-types",
+    category: "seo",
+    name: "MIME Types",
+    icon: "file-code",
+    note: "Find a MIME type by extension.",
+    about: "Common file extensions and their content types.",
+    tutorial: {
+      intro: "Find the MIME type for a file extension.",
+      steps: [
+        "Type an extension or a type.",
+        "Read the matching content type.",
+      ],
+    },
+    keywords: "mime type content-type extension reference",
+    load: () => import("./tools/mime-types.js"),
+  },
+  {
+    id: "meta-preview",
+    category: "seo",
+    name: "Search Preview",
+    icon: "search",
+    note: "Preview a search result.",
+    about: "Shows how a title and description might look in search.",
+    tutorial: {
+      intro: "Preview how a title and description might look in search results.",
+      steps: [
+        "Enter a title, a URL and a description.",
+        "The preview and the lengths appear.",
+      ],
+    },
+    keywords: "search preview serp title description snippet",
+    load: () => import("./tools/meta-preview.js"),
+  },
+  {
+    id: "slug-preview",
+    category: "seo",
+    name: "Slug Preview",
+    icon: "link-2",
+    note: "Build and check a page slug.",
+    about: "Turns a title into a slug and shows the full path.",
+    tutorial: {
+      intro: "Build and check a page slug.",
+      steps: [
+        "Enter a title and a site address.",
+        "Pick the separator.",
+        "The slug and the full URL appear.",
+      ],
+    },
+    keywords: "slug url path seo permalink preview",
+    load: () => import("./tools/slug-preview.js"),
+  },
+
+  // ---------- encoding ----------
+  {
+    id: "unicode-inspector",
+    category: "encoding",
+    name: "Unicode Inspector",
+    icon: "scan-text",
+    note: "See the code point behind each character.",
+    about: "Lists each character with its code point and UTF-8 bytes.",
+    tutorial: {
+      intro: "See the code point behind each character.",
+      steps: [
+        "Type or paste text.",
+        "Each character is listed with its code point and bytes.",
+        "Useful for spotting characters that look the same but are not.",
+      ],
+    },
+    keywords: "unicode code point character utf-8 inspect homoglyph",
+    load: () => import("./tools/unicode-inspector.js"),
+  },
+  {
+    id: "utf8-bytes",
+    category: "encoding",
+    name: "UTF-8 Byte Counter",
+    icon: "binary",
+    note: "Measure the byte size of text.",
+    about: "Counts characters and UTF-8 bytes side by side.",
+    tutorial: {
+      intro: "Measure the byte size of text.",
+      steps: [
+        "Type or paste text.",
+        "The character and byte counts appear.",
+        "Emoji and accents take more than one byte.",
+      ],
+    },
+    keywords: "utf-8 bytes size characters payload emoji",
+    load: () => import("./tools/utf8-bytes.js"),
+  },
+  {
+    id: "html-to-text",
+    category: "encoding",
+    name: "HTML to Text",
+    icon: "file-text",
+    note: "Strip tags and keep the text.",
+    about: "Removes HTML tags and keeps readable text.",
+    tutorial: {
+      intro: "Strip HTML tags and keep the text.",
+      steps: [
+        "Paste HTML.",
+        "The plain text appears.",
+        "Copy the text.",
+      ],
+    },
+    keywords: "html strip tags plain text extract",
+    load: () => import("./tools/html-to-text.js"),
+  },
+  {
+    id: "markdown-to-text",
+    category: "encoding",
+    name: "Markdown to Text",
+    icon: "pilcrow",
+    note: "Strip Markdown and keep the text.",
+    about: "Removes Markdown syntax and keeps the words.",
+    tutorial: {
+      intro: "Strip Markdown syntax and keep the text.",
+      steps: [
+        "Paste Markdown.",
+        "The plain text appears.",
+        "Copy the text.",
+      ],
+    },
+    keywords: "markdown strip plain text remove syntax",
+    load: () => import("./tools/markdown-to-text.js"),
+  },
+  {
+    id: "unicode-escape",
+    category: "encoding",
+    name: "Unicode Escape",
+    icon: "code",
+    note: "Escape text to code points and back.",
+    about: "Turns characters into escape sequences and back.",
+    tutorial: {
+      intro: "Turn characters into Unicode escape sequences, or decode them.",
+      steps: [
+        "Pick Encode or Decode.",
+        "Type or paste your text.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "unicode escape decode \\u code point",
+    load: () => import("./tools/unicode-escape.js"),
+  },
+  {
+    id: "json-escape",
+    category: "encoding",
+    name: "JSON String Escape",
+    icon: "braces",
+    note: "Escape text for a JSON string.",
+    about: "Escapes quotes, backslashes and control characters, or unescapes them.",
+    tutorial: {
+      intro: "Escape text so it is safe inside a JSON string.",
+      steps: [
+        "Pick Escape or Unescape.",
+        "Type or paste your text.",
+        "Copy the result.",
+      ],
+    },
+    keywords: "json escape string quotes backslash unescape",
+    load: () => import("./tools/json-escape.js"),
+  },
+  {
+    id: "xml-formatter",
+    category: "encoding",
+    name: "XML Formatter",
+    icon: "code-xml",
+    note: "Indent an XML document.",
+    about: "Reindents elements and checks that tags close.",
+    tutorial: {
+      intro: "Indent an XML document by nesting.",
+      steps: [
+        "Paste XML.",
+        "Pick the indent size.",
+        "Copy the formatted XML.",
+      ],
+    },
+    keywords: "xml format indent beautify markup",
+    load: () => import("./tools/xml-formatter.js"),
+  },
+  {
+    id: "yaml-formatter",
+    category: "encoding",
+    name: "YAML Checker",
+    icon: "file-code",
+    note: "Check YAML indentation and structure.",
+    about: "Flags indentation and syntax problems in a small YAML subset.",
+    tutorial: {
+      intro: "Check a YAML document for indentation and structure problems.",
+      steps: [
+        "Paste YAML.",
+        "Problems are listed with their line numbers.",
+        "A clean document reports no problems.",
+      ],
+    },
+    keywords: "yaml check indent syntax validate config",
+    load: () => import("./tools/yaml-formatter.js"),
+  },
+
+  // ---------- academic ----------
+  {
+    id: "apa-reference",
+    category: "academic",
+    name: "APA 7 Reference",
+    icon: "graduation-cap",
+    note: "Build an APA 7 reference.",
+    about: "Books, journal articles, chapters and web pages in APA 7.",
+    tutorial: {
+      intro: "Build an APA 7 reference from source details.",
+      steps: [
+        "Pick the source type and fill the fields.",
+        "The reference and the in-text citation appear.",
+        "Check the details against the source before you submit.",
+      ],
+    },
+    keywords: "apa 7 reference citation bibliography",
+    load: () => import("./tools/apa-reference.js"),
+  },
+  {
+    id: "mla-citation",
+    category: "academic",
+    name: "MLA Citation",
+    icon: "text-quote",
+    note: "Build an MLA works cited entry.",
+    about: "Books, articles, web pages and video in MLA style.",
+    tutorial: {
+      intro: "Build an MLA works cited entry.",
+      steps: [
+        "Pick the source type and fill the fields.",
+        "The entry appears in MLA order.",
+        "Check the details against the source before you submit.",
+      ],
+    },
+    keywords: "mla citation works cited bibliography",
+    load: () => import("./tools/mla-citation.js"),
+  },
+  {
+    id: "ieee-reference",
+    category: "academic",
+    name: "IEEE Reference",
+    icon: "list-ordered",
+    note: "Build an IEEE reference and its number.",
+    about: "Numbered references for books, journals and conferences.",
+    tutorial: {
+      intro: "Build an IEEE reference with its number.",
+      steps: [
+        "Pick the source type and set the number.",
+        "Fill the fields.",
+        "Copy the reference and the bracketed citation.",
+      ],
+    },
+    keywords: "ieee reference citation numbered bibliography",
+    load: () => import("./tools/ieee-reference.js"),
+  },
+  {
+    id: "harvard-citation",
+    category: "academic",
+    name: "Harvard Citation",
+    icon: "text-quote",
+    note: "Build a Harvard style reference.",
+    about: "Author and year references, with a note that styles vary by institution.",
+    tutorial: {
+      intro: "Build a Harvard style reference.",
+      steps: [
+        "Pick the source type and fill the fields.",
+        "The reference and the in-text citation appear.",
+        "Harvard rules differ between institutions, so check yours.",
+      ],
+    },
+    keywords: "harvard citation author year reference bibliography",
+    load: () => import("./tools/harvard-citation.js"),
+  },
+  {
+    id: "bibtex-generator",
+    category: "academic",
+    name: "BibTeX Generator",
+    icon: "library",
+    note: "Build a BibTeX entry.",
+    about: "Article, book and inproceedings entries with a citation key.",
+    tutorial: {
+      intro: "Build a BibTeX entry for a reference.",
+      steps: [
+        "Pick the entry type and fill the fields.",
+        "The entry and its citation key appear.",
+        "Copy or download the .bib entry.",
+      ],
+    },
+    keywords: "bibtex latex reference citation key article book",
+    load: () => import("./tools/bibtex-generator.js"),
+  },
+  {
+    id: "doi-resolver",
+    category: "academic",
+    name: "DOI Resolver",
+    icon: "link-2",
+    note: "Tidy a DOI and build its link.",
+    about: "Cleans a DOI and writes the resolver URL.",
+    tutorial: {
+      intro: "Tidy a DOI and build its resolver link.",
+      steps: [
+        "Paste a DOI, with or without the resolver prefix.",
+        "The cleaned DOI and the link appear.",
+        "A matching pattern does not prove the DOI is registered.",
+      ],
+    },
+    keywords: "doi resolver link clean reference",
+    load: () => import("./tools/doi-resolver.js"),
+  },
+  {
+    id: "intext-citation",
+    category: "academic",
+    name: "In-Text Citation",
+    icon: "text-quote",
+    note: "Format an in-text citation.",
+    about: "Author and year, or numeric, in narrative or parenthetical form.",
+    tutorial: {
+      intro: "Format a citation for inside the text.",
+      steps: [
+        "Enter the author, year and page.",
+        "Pick the style and the form.",
+        "Copy the citation.",
+      ],
+    },
+    keywords: "in-text citation parenthetical narrative author year",
+    load: () => import("./tools/intext-citation.js"),
+  },
+  {
+    id: "bibliography-sorter",
+    category: "academic",
+    name: "Bibliography Sorter",
+    icon: "arrow-down-a-z",
+    note: "Sort a reference list.",
+    about: "Orders references by the first author name.",
+    tutorial: {
+      intro: "Sort a reference list alphabetically.",
+      steps: [
+        "Paste one reference per line or per block.",
+        "Pick the direction.",
+        "Copy the sorted list.",
+      ],
+    },
+    keywords: "bibliography sort references alphabetical order",
+    load: () => import("./tools/bibliography-sorter.js"),
+  },
+  {
+    id: "citation-number-check",
+    category: "academic",
+    name: "Citation Number Check",
+    icon: "hash",
+    note: "Find gaps in numbered citations.",
+    about: "Flags citation numbers with no matching reference and the reverse.",
+    tutorial: {
+      intro: "Check numbered citations against a reference list.",
+      steps: [
+        "Paste the text with citations like [1].",
+        "Paste the reference list, one per line.",
+        "Missing and unused numbers are listed.",
+      ],
+    },
+    keywords: "citation number reference check missing unused",
+    load: () => import("./tools/citation-number-check.js"),
+  },
+  {
+    id: "word-limit",
+    category: "academic",
+    name: "Word Limit Checker",
+    icon: "text-cursor-input",
+    note: "Check text against a word range.",
+    about: "Counts words and shows the room left between a minimum and a maximum.",
+    tutorial: {
+      intro: "Check text against a word limit.",
+      steps: [
+        "Paste the text.",
+        "Set the minimum and maximum.",
+        "The count and the room left appear.",
+      ],
+    },
+    keywords: "word limit abstract minimum maximum count essay",
+    load: () => import("./tools/word-limit.js"),
+  },
+  {
+    id: "abstract-checklist",
+    category: "academic",
+    name: "Abstract Checklist",
+    icon: "clipboard-check",
+    note: "Check an abstract's structure.",
+    about: "Ticks the usual parts: background, aim, method, results, conclusion.",
+    tutorial: {
+      intro: "Check the structure of a research abstract.",
+      steps: [
+        "Paste the abstract.",
+        "Tick each part you can find.",
+        "The word count is shown. This does not judge quality.",
+      ],
+    },
+    keywords: "abstract checklist structure research background method",
+    load: () => import("./tools/abstract-checklist.js"),
+  },
+  {
+    id: "heading-formatter",
+    category: "academic",
+    name: "Heading Formatter",
+    icon: "list-ordered",
+    note: "Number chapter and section headings.",
+    about: "Adds numbers like 1.1 and 1.1.1 to a list of headings.",
+    tutorial: {
+      intro: "Number a list of chapter and section headings.",
+      steps: [
+        "Paste one heading per line.",
+        "Pick the starting number.",
+        "Copy the numbered headings.",
+      ],
+    },
+    keywords: "heading number chapter section outline format",
+    load: () => import("./tools/heading-formatter.js"),
+  },
+  {
+    id: "reference-completeness",
+    category: "academic",
+    name: "Reference Completeness",
+    icon: "clipboard-check",
+    note: "Check a reference for missing parts.",
+    about: "Flags a reference that is missing author, year, title or source.",
+    tutorial: {
+      intro: "Check whether a reference has the usual parts.",
+      steps: [
+        "Paste one reference.",
+        "The parts found and the parts missing are listed.",
+        "A complete reference is not proof the source is real.",
+      ],
+    },
+    keywords: "reference completeness author year title check",
+    load: () => import("./tools/reference-completeness.js"),
+  },
+  {
+    id: "quotation-formatter",
+    category: "academic",
+    name: "Quotation Formatter",
+    icon: "text-quote",
+    note: "Format a direct or indirect quote.",
+    about: "Builds a block or inline quote with its citation.",
+    tutorial: {
+      intro: "Format a direct or indirect quotation.",
+      steps: [
+        "Paste the quoted text and set the author, year and page.",
+        "Pick direct or paraphrase.",
+        "Copy the formatted quote. Check your institution's rules.",
+      ],
+    },
+    keywords: "quotation quote block direct paraphrase citation",
+    load: () => import("./tools/quotation-formatter.js"),
+  },
+  {
+    id: "citation-metadata",
+    category: "academic",
+    name: "Citation Metadata",
+    icon: "notebook-pen",
+    note: "Collect source details in one form.",
+    about: "One form per source type, ready to feed a citation tool.",
+    tutorial: {
+      intro: "Collect the details of a source in one form.",
+      steps: [
+        "Pick the source type.",
+        "Fill the fields you have.",
+        "Copy the details, or the JSON, for a citation tool.",
+      ],
+    },
+    keywords: "citation metadata form source fields author doi",
+    load: () => import("./tools/citation-metadata.js"),
+  },
+
+  // ---------- study ----------
+  {
+    id: "flashcard-creator",
+    category: "education",
+    name: "Flashcard Creator",
+    icon: "layers",
+    note: "Make question and answer cards.",
+    about: "Flip through cards and export them as text or JSON.",
+    tutorial: {
+      intro: "Make a set of question and answer cards.",
+      steps: [
+        "Add a question and its answer.",
+        "Flip through the cards to study.",
+        "Export the set as text or JSON.",
+      ],
+    },
+    keywords: "flashcard study question answer revise cards",
+    load: () => import("./tools/flashcard-creator.js"),
+  },
+  {
+    id: "quiz-formatter",
+    category: "education",
+    name: "Quiz Formatter",
+    icon: "list-checks",
+    note: "Tidy multiple choice questions.",
+    about: "Lays out questions and options, and can separate the answer key.",
+    tutorial: {
+      intro: "Tidy a set of multiple choice questions.",
+      steps: [
+        "Paste questions and options.",
+        "The output is laid out as A, B, C.",
+        "Copy the quiz or the answer key.",
+      ],
+    },
+    keywords: "quiz multiple choice questions options answer key",
+    load: () => import("./tools/quiz-formatter.js"),
+  },
+  {
+    id: "grade-calculator",
+    category: "education",
+    name: "Grade Calculator",
+    icon: "graduation-cap",
+    note: "Work out a final grade.",
+    about: "Weighted components with a check that the weights add up.",
+    tutorial: {
+      intro: "Work out a final grade from weighted components.",
+      steps: [
+        "Add each component with its score and weight.",
+        "The weighted result appears.",
+        "The total weight is checked against 100.",
+      ],
+    },
+    keywords: "grade calculator weighted components final score",
+    load: () => import("./tools/grade-calculator.js"),
+  },
+  {
+    id: "gpa-calculator",
+    category: "education",
+    name: "GPA Calculator",
+    icon: "graduation-cap",
+    note: "Work out a GPA from courses.",
+    about: "Credit weighted grade points, with a scale you can set.",
+    tutorial: {
+      intro: "Work out a GPA from courses.",
+      steps: [
+        "Add each course with its credits and grade.",
+        "Pick the grade scale.",
+        "The GPA and the total credits appear.",
+      ],
+    },
+    keywords: "gpa grade point average credits semester",
+    load: () => import("./tools/gpa-calculator.js"),
+  },
+  {
+    id: "study-schedule",
+    category: "education",
+    name: "Study Schedule",
+    icon: "calendar-days",
+    note: "Spread topics across study sessions.",
+    about: "Assigns topics to dates you set and tracks progress.",
+    tutorial: {
+      intro: "Spread topics across study sessions.",
+      steps: [
+        "Add topics and a target date.",
+        "Assign each topic to a session.",
+        "Tick topics off as you finish them.",
+      ],
+    },
+    keywords: "study schedule plan topics sessions exam",
+    load: () => import("./tools/study-schedule.js"),
+  },
+  {
+    id: "equation-formatter",
+    category: "education",
+    name: "Equation Formatter",
+    icon: "square-function",
+    note: "Preview a LaTeX equation.",
+    about: "Shows a plain preview of common LaTeX math, with the source.",
+    tutorial: {
+      intro: "Preview a LaTeX equation.",
+      steps: [
+        "Type LaTeX like \\frac{a}{b}.",
+        "A plain preview appears next to the source.",
+        "Copy the LaTeX.",
+      ],
+    },
+    keywords: "latex equation math formula preview fraction",
+    load: () => import("./tools/equation-formatter.js"),
+  },
+  {
+    id: "sequence-analyzer",
+    category: "education",
+    name: "Number Sequence Analyzer",
+    icon: "chart-line",
+    note: "Look for a pattern in a number series.",
+    about: "Checks the differences and common simple patterns.",
+    tutorial: {
+      intro: "Look for a pattern in a series of numbers.",
+      steps: [
+        "Paste numbers separated by spaces or commas.",
+        "The differences and any simple pattern are shown.",
+        "One series can fit more than one pattern.",
+      ],
+    },
+    keywords: "sequence series pattern arithmetic geometric difference",
+    load: () => import("./tools/sequence-analyzer.js"),
+  },
+
+  // ---------- business ----------
+  {
+    id: "hpp-calculator",
+    category: "business",
+    name: "Cost per Unit",
+    icon: "receipt",
+    note: "Work out the cost to make one unit.",
+    about: "Adds materials, labour and overhead, then divides by the units made.",
+    tutorial: {
+      intro: "Work out the cost to make one unit.",
+      steps: [
+        "Enter the material, labour and overhead costs.",
+        "Enter the number of units.",
+        "The total cost and the cost per unit appear.",
+      ],
+    },
+    keywords: "hpp cost per unit production overhead material",
+    load: () => import("./tools/hpp-calculator.js"),
+  },
+  {
+    id: "selling-price",
+    category: "business",
+    name: "Selling Price",
+    icon: "tag",
+    note: "Set a price from cost and target margin.",
+    about: "Works from a target margin or a markup.",
+    tutorial: {
+      intro: "Set a selling price from a cost and a target.",
+      steps: [
+        "Enter the cost per unit.",
+        "Pick a target margin or markup and set the value.",
+        "The selling price and the profit appear.",
+      ],
+    },
+    keywords: "selling price cost margin markup business",
+    load: () => import("./tools/selling-price.js"),
+  },
+  {
+    id: "break-even",
+    category: "business",
+    name: "Break-Even Point",
+    icon: "scale",
+    note: "Find the point where a business breaks even.",
+    about: "Units and revenue needed to cover fixed costs.",
+    tutorial: {
+      intro: "Find the break-even point of a product.",
+      steps: [
+        "Enter the fixed costs.",
+        "Enter the price and the variable cost per unit.",
+        "The break-even units and revenue appear.",
+      ],
+    },
+    keywords: "break even point fixed variable cost units revenue",
+    load: () => import("./tools/break-even.js"),
+  },
+  {
+    id: "cash-flow",
+    category: "business",
+    name: "Cash Flow",
+    icon: "banknote",
+    note: "Track money in and out.",
+    about: "Running balance from an opening amount, with a CSV export.",
+    tutorial: {
+      intro: "Track cash in and out from an opening balance.",
+      steps: [
+        "Enter the opening balance.",
+        "Add each income and expense.",
+        "The running balance and the closing total appear.",
+      ],
+    },
+    keywords: "cash flow income expense balance ledger",
+    load: () => import("./tools/cash-flow.js"),
+  },
+  {
+    id: "expense-split",
+    category: "business",
+    name: "Expense Split",
+    icon: "users",
+    note: "Split a bill between people.",
+    about: "Equal or custom shares, with clear rounding.",
+    tutorial: {
+      intro: "Split a bill between people.",
+      steps: [
+        "Enter the total and the people.",
+        "Split equally or set a custom share each.",
+        "Each person's amount appears.",
+      ],
+    },
+    keywords: "expense split bill share divide payment",
+    load: () => import("./tools/expense-split.js"),
+  },
+  {
+    id: "tax-calculator",
+    category: "business",
+    name: "Tax Calculator",
+    icon: "receipt",
+    note: "Work out tax from a rate you enter.",
+    about: "Adds tax to a value or takes it out of a tax-inclusive price.",
+    tutorial: {
+      intro: "Work out tax from a rate you enter.",
+      steps: [
+        "Enter the amount and the rate.",
+        "Pick whether the amount includes tax.",
+        "The tax and the total appear. Use the rate that applies to you.",
+      ],
+    },
+    keywords: "tax vat rate amount inclusive exclusive",
+    load: () => import("./tools/tax-calculator.js"),
+  },
+  {
+    id: "invoice-number",
+    category: "business",
+    name: "Invoice Number",
+    icon: "hash",
+    note: "Build invoice numbers from a pattern.",
+    about: "Prefix, date and a padded counter.",
+    tutorial: {
+      intro: "Build invoice numbers from a pattern.",
+      steps: [
+        "Set the prefix and the pattern.",
+        "Set the starting number and how many to make.",
+        "Copy the numbers. Local numbering is not unique across devices.",
+      ],
+    },
+    keywords: "invoice number pattern prefix sequence",
+    load: () => import("./tools/invoice-number.js"),
+  },
+  {
+    id: "cash-denomination",
+    category: "business",
+    name: "Cash Denomination",
+    icon: "banknote",
+    note: "Count cash by note and coin.",
+    about: "Adds up notes and coins per denomination.",
+    tutorial: {
+      intro: "Count cash by note and coin.",
+      steps: [
+        "Enter how many of each denomination you have.",
+        "The subtotal for each and the total appear.",
+      ],
+    },
+    keywords: "cash denomination notes coins total count money",
+    load: () => import("./tools/cash-denomination.js"),
+  },
+  {
+    id: "sales-commission",
+    category: "business",
+    name: "Sales Commission",
+    icon: "hand-coins",
+    note: "Work out a commission.",
+    about: "Percentage or fixed, with tiers and per-sale detail.",
+    tutorial: {
+      intro: "Work out a sales commission.",
+      steps: [
+        "Enter the sale amounts.",
+        "Set the rate or the tiers.",
+        "The commission per sale and the total appear.",
+      ],
+    },
+    keywords: "commission sales percentage tier incentive",
+    load: () => import("./tools/sales-commission.js"),
+  },
+  {
+    id: "inventory-quantity",
+    category: "business",
+    name: "Inventory Quantity",
+    icon: "package",
+    note: "Work out closing stock.",
+    about: "Opening stock plus in minus out, with a warning for negatives.",
+    tutorial: {
+      intro: "Work out closing stock for items.",
+      steps: [
+        "Enter the opening stock, stock in and stock out.",
+        "The closing stock appears.",
+        "A negative result is flagged.",
+      ],
+    },
+    keywords: "inventory stock quantity opening closing in out",
+    load: () => import("./tools/inventory-quantity.js"),
+  },
+
+  // ---------- locale ----------
+  {
+    id: "reading-time",
+    category: "locale",
+    name: "Reading Time",
+    icon: "book-open",
+    note: "Estimate how long a text takes to read.",
+    about: "Sets a reading speed and shows the time.",
+    tutorial: {
+      intro: "Estimate how long a text takes to read.",
+      steps: [
+        "Paste the text.",
+        "Set the reading speed.",
+        "The time appears. Actual reading speed varies.",
+      ],
+    },
+    keywords: "reading time words per minute estimate article",
+    load: () => import("./tools/reading-time.js"),
+  },
+  {
+    id: "readability",
+    category: "locale",
+    name: "Readability",
+    icon: "scan-text",
+    note: "Score how easy a text is to read.",
+    about: "Uses common readability formulas, with their limits noted.",
+    tutorial: {
+      intro: "Score how easy a text is to read.",
+      steps: [
+        "Paste the text.",
+        "The scores and the counts behind them appear.",
+        "The formulas suit English best, so read the result with care.",
+      ],
+    },
+    keywords: "readability flesch score reading ease grade",
+    load: () => import("./tools/readability.js"),
+  },
+  {
+    id: "sentence-length",
+    category: "locale",
+    name: "Sentence Length",
+    icon: "text-align-start",
+    note: "Find sentences that run long.",
+    about: "Counts words per sentence and flags the longest ones.",
+    tutorial: {
+      intro: "Find sentences that run long.",
+      steps: [
+        "Paste the text.",
+        "Set a length threshold.",
+        "Long sentences and the shortest and longest are listed.",
+      ],
+    },
+    keywords: "sentence length words long editing clarity",
+    load: () => import("./tools/sentence-length.js"),
+  },
+  {
+    id: "locale-number",
+    category: "locale",
+    name: "Number Format",
+    icon: "hash",
+    note: "Format a number for a locale.",
+    about: "Shows the same number in several locales side by side.",
+    tutorial: {
+      intro: "Format a number for a locale.",
+      steps: [
+        "Type a number.",
+        "Pick the decimal and group options.",
+        "The same number appears in several locales.",
+      ],
+    },
+    keywords: "number format locale decimal thousands separator",
+    load: () => import("./tools/locale-number.js"),
+  },
+  {
+    id: "currency-format",
+    category: "locale",
+    name: "Currency Format",
+    icon: "banknote",
+    note: "Show a number as a currency.",
+    about: "Formats a number for a currency and locale, with no rate conversion.",
+    tutorial: {
+      intro: "Show a number as a currency.",
+      steps: [
+        "Type a number.",
+        "Pick the currency and the locale.",
+        "The formatted amount appears. No exchange rate is applied.",
+      ],
+    },
+    keywords: "currency format idr usd locale money display",
+    load: () => import("./tools/currency-format.js"),
+  },
+  {
+    id: "date-format",
+    category: "locale",
+    name: "Date Format",
+    icon: "calendar-days",
+    note: "Convert a date between formats.",
+    about: "Reads ISO or a chosen input format and writes the others.",
+    tutorial: {
+      intro: "Convert a date between formats.",
+      steps: [
+        "Pick the input format and type a date.",
+        "The date in each other format appears.",
+        "Picking the input format avoids a wrong reading of the date.",
+      ],
+    },
+    keywords: "date format iso locale convert parse",
+    load: () => import("./tools/date-format.js"),
+  },
+  {
+    id: "text-direction",
+    category: "locale",
+    name: "Text Direction",
+    icon: "languages",
+    note: "Preview left to right and right to left text.",
+    about: "Shows text under each direction with the HTML to use.",
+    tutorial: {
+      intro: "Preview text in left to right and right to left directions.",
+      steps: [
+        "Type or paste text.",
+        "Pick a direction or use auto.",
+        "The preview and the HTML attribute appear.",
+      ],
+    },
+    keywords: "text direction rtl ltr arabic bidi locale",
+    load: () => import("./tools/text-direction.js"),
+  },
+
+  // ---------- content ----------
+  {
+    id: "caption-counter",
+    category: "content",
+    name: "Caption Counter",
+    icon: "text-cursor",
+    note: "Check a caption against a limit.",
+    about: "Counts characters and lines and shows what is left.",
+    tutorial: {
+      intro: "Check a caption against a character limit.",
+      steps: [
+        "Type or paste the caption.",
+        "Set the limit if you have one.",
+        "The counts and the room left appear.",
+      ],
+    },
+    keywords: "caption character limit social media post",
+    load: () => import("./tools/caption-counter.js"),
+  },
+  {
+    id: "hashtag-formatter",
+    category: "content",
+    name: "Hashtag Formatter",
+    icon: "hash",
+    note: "Tidy a list of hashtags.",
+    about: "Adds the hash sign, drops duplicates and lays them out.",
+    tutorial: {
+      intro: "Tidy a list of hashtags.",
+      steps: [
+        "Paste tags, one per line or space separated.",
+        "The tags are cleaned and de-duplicated.",
+        "Copy the tags on one line or one per line.",
+      ],
+    },
+    keywords: "hashtag format dedupe tags social media",
+    load: () => import("./tools/hashtag-formatter.js"),
+  },
+  {
+    id: "line-break-formatter",
+    category: "content",
+    name: "Line Break Formatter",
+    icon: "pilcrow",
+    note: "Tidy the spacing in a caption.",
+    about: "Removes extra blank lines and sets even paragraph gaps.",
+    tutorial: {
+      intro: "Tidy the spacing in a caption or post.",
+      steps: [
+        "Paste the text.",
+        "Pick how many blank lines between paragraphs.",
+        "Copy the tidied text.",
+      ],
+    },
+    keywords: "caption line break spacing paragraph blank lines",
+    load: () => import("./tools/line-break-formatter.js"),
+  },
+  {
+    id: "video-duration",
+    category: "content",
+    name: "Video Duration",
+    icon: "video",
+    note: "Estimate a video's length from its script.",
+    about: "Words at a speaking rate, plus pauses.",
+    tutorial: {
+      intro: "Estimate a video's length from its script.",
+      steps: [
+        "Paste the script or enter the word count.",
+        "Set the speaking rate and the pause allowance.",
+        "The estimated duration appears.",
+      ],
+    },
+    keywords: "video duration script words speaking rate estimate",
+    load: () => import("./tools/video-duration.js"),
+  },
+  {
+    id: "content-calendar",
+    category: "content",
+    name: "Content Calendar",
+    icon: "calendar-days",
+    note: "Plan posts on a calendar.",
+    about: "Dates, topics, platforms and status, with a CSV export.",
+    tutorial: {
+      intro: "Plan posts on a calendar.",
+      steps: [
+        "Add a date, a topic, a platform and a status.",
+        "Entries are grouped by date.",
+        "Export the calendar as CSV or Markdown.",
+      ],
+    },
+    keywords: "content calendar plan posts schedule platform",
+    load: () => import("./tools/content-calendar.js"),
+  },
+  {
+    id: "script-planner",
+    category: "content",
+    name: "Script Planner",
+    icon: "film",
+    note: "Lay out a video script.",
+    about: "Hook, intro, body and outro, with word and time estimates.",
+    tutorial: {
+      intro: "Lay out a video script in sections.",
+      steps: [
+        "Write each section: hook, intro, body and outro.",
+        "The word count and the time estimate appear per section.",
+        "Copy the full script.",
+      ],
+    },
+    keywords: "script video hook intro body outro plan",
+    load: () => import("./tools/script-planner.js"),
+  },
+  {
+    id: "title-length",
+    category: "content",
+    name: "Title Length",
+    icon: "type",
+    note: "Compare several titles by length.",
+    about: "Counts words and characters and sorts the list.",
+    tutorial: {
+      intro: "Compare several titles by length.",
+      steps: [
+        "Type one title per line.",
+        "Set a length limit if you have one.",
+        "The titles are listed with their counts, longest first.",
+      ],
+    },
+    keywords: "title length characters words compare headline",
+    load: () => import("./tools/title-length.js"),
+  },
+  {
+    id: "subtitle-formatter",
+    category: "content",
+    name: "Subtitle Formatter",
+    icon: "film",
+    note: "Check subtitle line lengths.",
+    about: "Flags lines that run too long and tidies blank lines.",
+    tutorial: {
+      intro: "Check subtitle or caption line lengths.",
+      steps: [
+        "Paste the subtitle text.",
+        "Set a maximum line length.",
+        "Long lines are flagged. SRT timings are left as they are.",
+      ],
+    },
+    keywords: "subtitle caption srt line length format",
+    load: () => import("./tools/subtitle-formatter.js"),
+  },
+
+  // ---------- github ----------
+  {
+    id: "readme-generator",
+    category: "git",
+    name: "README Generator",
+    icon: "file-text",
+    note: "Draft a README for a project.",
+    about: "Fills the usual sections and lets you pick which to include.",
+    tutorial: {
+      intro: "Draft a README for a project.",
+      steps: [
+        "Enter the project name and description.",
+        "Toggle the sections you want.",
+        "Copy the Markdown.",
+      ],
+    },
+    keywords: "readme generator markdown project github",
+    load: () => import("./tools/readme-generator.js"),
+  },
+  {
+    id: "gitignore-generator",
+    category: "git",
+    name: "Gitignore Generator",
+    icon: "file-code",
+    note: "Build a .gitignore file.",
+    about: "Merges templates for common stacks.",
+    tutorial: {
+      intro: "Build a .gitignore file for a project.",
+      steps: [
+        "Pick one or more stacks.",
+        "The patterns are merged.",
+        "Copy or download the file.",
+      ],
+    },
+    keywords: "gitignore template node python laravel ignore",
+    load: () => import("./tools/gitignore-generator.js"),
+  },
+  {
+    id: "semver-helper",
+    category: "git",
+    name: "Semantic Version",
+    icon: "tag",
+    note: "Bump a semantic version.",
+    about: "Major, minor or patch, with the new version and a prerelease tag.",
+    tutorial: {
+      intro: "Bump a semantic version.",
+      steps: [
+        "Enter the current version.",
+        "Pick major, minor or patch.",
+        "Add a prerelease tag if you need one. Copy the new version.",
+      ],
+    },
+    keywords: "semver version bump major minor patch release",
+    load: () => import("./tools/semver-helper.js"),
+  },
+  {
+    id: "changelog-generator",
+    category: "git",
+    name: "Changelog Generator",
+    icon: "list",
+    note: "Draft a changelog entry.",
+    about: "Groups changes under added, changed, fixed and removed.",
+    tutorial: {
+      intro: "Draft a changelog entry.",
+      steps: [
+        "Set the version and the date.",
+        "Add changes under each group.",
+        "Copy the Markdown.",
+      ],
+    },
+    keywords: "changelog release notes keep a changelog markdown",
+    load: () => import("./tools/changelog-generator.js"),
+  },
+  {
+    id: "license-reference",
+    category: "git",
+    name: "License Reference",
+    icon: "scale",
+    note: "Compare common open source licenses.",
+    about: "Short summaries of MIT, Apache-2.0, GPL-3.0 and BSD.",
+    tutorial: {
+      intro: "Compare common open source licenses.",
+      steps: [
+        "Pick a license.",
+        "Read a short summary of what it requires.",
+        "This is a summary, not legal advice.",
+      ],
+    },
+    keywords: "license mit apache gpl bsd open source reference",
+    load: () => import("./tools/license-reference.js"),
+  },
+  {
+    id: "branch-name",
+    category: "git",
+    name: "Branch Name",
+    icon: "git-branch",
+    note: "Turn a task into a branch name.",
+    about: "Adds a type prefix and slugifies the description.",
+    tutorial: {
+      intro: "Turn a task into a branch name.",
+      steps: [
+        "Pick a type like feat or fix.",
+        "Describe the task.",
+        "Copy the branch name.",
+      ],
+    },
+    keywords: "branch name git prefix feat fix slug",
+    load: () => import("./tools/branch-name.js"),
+  },
+  {
+    id: "commit-message",
+    category: "git",
+    name: "Commit Message",
+    icon: "signature",
+    note: "Build a Conventional Commit message.",
+    about: "Type, scope and description, with a quick check.",
+    tutorial: {
+      intro: "Build a commit message in the Conventional Commits style.",
+      steps: [
+        "Pick a type and set a scope.",
+        "Write a short description.",
+        "Copy the message.",
+      ],
+    },
+    keywords: "commit message conventional feat fix scope",
+    load: () => import("./tools/commit-message.js"),
+  },
+  {
+    id: "version-compare",
+    category: "git",
+    name: "Version Compare",
+    icon: "git-compare",
+    note: "Compare two version numbers.",
+    about: "Says which version is newer and where they differ.",
+    tutorial: {
+      intro: "Compare two version numbers.",
+      steps: [
+        "Enter two versions.",
+        "The newer one and the differences appear.",
+      ],
+    },
+    keywords: "version compare newer semver package",
+    load: () => import("./tools/version-compare.js"),
+  },
+
+  // ---------- units ----------
+  {
+    id: "length-converter",
+    category: "measure",
+    name: "Length Converter",
+    icon: "ruler",
+    note: "Convert units of length.",
+    about: "Meters, kilometers, miles, feet, inches and more.",
+    tutorial: {
+      intro: "Convert between units of length.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "The result appears.",
+      ],
+    },
+    keywords: "length converter meter kilometer mile feet inch",
+    load: () => import("./tools/length-converter.js"),
+  },
+  {
+    id: "weight-converter",
+    category: "measure",
+    name: "Weight Converter",
+    icon: "weight",
+    note: "Convert units of mass.",
+    about: "Milligrams, grams, kilograms, pounds and ounces.",
+    tutorial: {
+      intro: "Convert between units of mass.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "The result appears.",
+      ],
+    },
+    keywords: "weight mass converter kilogram pound ounce gram",
+    load: () => import("./tools/weight-converter.js"),
+  },
+  {
+    id: "temperature-converter",
+    category: "measure",
+    name: "Temperature Converter",
+    icon: "thermometer",
+    note: "Convert Celsius, Fahrenheit and Kelvin.",
+    about: "Both directions, with the formula shown.",
+    tutorial: {
+      intro: "Convert between Celsius, Fahrenheit and Kelvin.",
+      steps: [
+        "Enter a value and pick its scale.",
+        "The other scales appear with the formula.",
+      ],
+    },
+    keywords: "temperature celsius fahrenheit kelvin convert",
+    load: () => import("./tools/temperature-converter.js"),
+  },
+  {
+    id: "data-storage",
+    category: "measure",
+    name: "Data Storage Converter",
+    icon: "hard-drive",
+    note: "Convert digital storage units.",
+    about: "Decimal and binary units, with the difference explained.",
+    tutorial: {
+      intro: "Convert between digital storage units.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "Decimal MB and binary MiB differ, and the tool notes it.",
+      ],
+    },
+    keywords: "data storage byte kilobyte megabyte gibibyte converter",
+    load: () => import("./tools/data-storage.js"),
+  },
+  {
+    id: "speed-converter",
+    category: "measure",
+    name: "Speed Converter",
+    icon: "gauge",
+    note: "Convert units of speed.",
+    about: "Kilometers per hour, meters per second, miles per hour and knots.",
+    tutorial: {
+      intro: "Convert between units of speed.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "The result appears.",
+      ],
+    },
+    keywords: "speed converter kmh mph knots meter per second",
+    load: () => import("./tools/speed-converter.js"),
+  },
+  {
+    id: "area-converter",
+    category: "measure",
+    name: "Area Converter",
+    icon: "square",
+    note: "Convert units of area.",
+    about: "Square meters, hectares, acres and more.",
+    tutorial: {
+      intro: "Convert between units of area.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "The result appears.",
+      ],
+    },
+    keywords: "area converter square meter hectare acre",
+    load: () => import("./tools/area-converter.js"),
+  },
+  {
+    id: "volume-converter",
+    category: "measure",
+    name: "Volume Converter",
+    icon: "shapes",
+    note: "Convert units of volume.",
+    about: "Liters, milliliters, cubic meters and gallons.",
+    tutorial: {
+      intro: "Convert between units of volume.",
+      steps: [
+        "Enter a value and pick its unit.",
+        "Pick the unit to convert to.",
+        "The result appears.",
+      ],
+    },
+    keywords: "volume converter liter milliliter gallon cubic meter",
+    load: () => import("./tools/volume-converter.js"),
+  },
+  {
+    id: "binary-calculator",
+    category: "measure",
+    name: "Binary Calculator",
+    icon: "binary",
+    note: "Add and subtract binary numbers.",
+    about: "Shows the result in binary and decimal.",
+    tutorial: {
+      intro: "Add or subtract two binary numbers.",
+      steps: [
+        "Enter two binary numbers.",
+        "Pick add or subtract.",
+        "The result appears in binary and decimal.",
+      ],
+    },
+    keywords: "binary add subtract calculator base two",
+    load: () => import("./tools/binary-calculator.js"),
+  },
 ];
 
 export function getTool(id) {