feat: upgrade to Astro 7 with Sätteri markdown pipeline

.agents/skills/responsive-lighthouse-audit/SKILL.md

@@ -75,8 +75,8 @@ layout (no CLS), sensible wide-screen behavior.
 ## Common fixes (battle-tested in this repo)
 
 1. **Reader Markdown tables overflow on mobile** → wrap every `<table>` in
-   `<div class="table-responsive">` via a rehype plugin
-   (`src/lib/rehype-responsive-tables.mjs`, wired in `astro.config.mjs`); the
+   `<div class="table-responsive">` via the Sätteri hast plugin
+   (`src/lib/satteri-markdown-plugins.mjs`, wired in `astro.config.mjs`); the
    `.table-responsive` mobile-scroll CSS lives in `src/styles/global.css`.
 2. **`label-content-name-mismatch`** on a labeled link (logo / CTA): an `aria-label`
    must *contain* the link's visible text. Causes seen here: a child `<img>` with

AGENTS.md

@@ -43,12 +43,12 @@ The site explains and positions the DWP methodology, hosts the readable specific
 
 **Technology Stack:**
 
-- **Astro 6.4.4** — Static site generator (islands architecture)
-- **Svelte 5.56.1** — Interactive components
+- **Astro 7.0.8** — Static site generator (islands architecture; Rust compiler + Sätteri Markdown)
+- **Svelte 5.56.4** — Interactive components
 - **TypeScript 6.0.3** — Type-safe development
-- **Tailwind CSS 4.3.0** — Utility-first styling with dark mode
-- **Biome 2.4.16** — Linter and formatter (replaces ESLint + Prettier)
-- **MDX** — Enhanced Markdown for content collections (via `@astrojs/markdown-remark`)
+- **Tailwind CSS 4.3.2** — Utility-first styling with dark mode
+- **Biome 2.5.3** — Linter and formatter (replaces ESLint + Prettier)
+- **MDX** — Enhanced Markdown for content collections (via `@astrojs/markdown-satteri` / Sätteri)
 
 ## Project Structure
 

astro.config.mjs

@@ -13,6 +13,7 @@ import { defineConfig } from 'astro/config';
 
 import excludeInternal from './src/integrations/exclude-internal';
 import { DEFAULT_LANGUAGE_CODE, LANGUAGE_CODES } from './src/lib/language-codes';
+import { satteriHastPlugins } from './src/lib/satteri-markdown-plugins.mjs';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
@@ -33,21 +34,20 @@ const adoptionRedirects = Object.fromEntries(
 
 // https://astro.build/config
 export default defineConfig({
-  experimental: {
-    rustCompiler: true,
-  },
   site: 'https://deepworkplan.com',
+  // Keep Astro 6 HTML-aware whitespace so inline elements do not glue together
+  // under Astro 7's default JSX whitespace compression.
+  compressHTML: true,
   build: {
     inlineStylesheets: 'always',
   },
   redirects: adoptionRedirects,
-  // TRIAL (perf): Sätteri (Rust) Markdown processor — Astro 6.4. Much faster than
-  // the unified pipeline, but it does NOT run remark/rehype plugins, so the
-  // external-links and responsive-tables transforms are dropped here (would be
-  // reimplemented as a tiny script + CSS if adopted). Built-in: Shiki + heading
-  // IDs + image handling. Measuring build delta + verifying rendering.
+  // Sätteri (Rust) is the Astro 7 default Markdown/MDX pipeline. Custom hast
+  // plugins restore external-link target/rel and responsive table wrappers.
   markdown: {
-    processor: satteri(),
+    processor: satteri({
+      hastPlugins: satteriHastPlugins,
+    }),
   },
   integrations: [
     mdx(),

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.3/schema.json",
   "root": true,
   "vcs": {
     "enabled": true,

package.json

@@ -44,32 +44,31 @@
   },
   "dependencies": {
     "@astrojs/check": "0.9.9",
-    "@astrojs/compiler-rs": "0.2.1",
-    "@astrojs/markdown-remark": "^7.2.0",
-    "@astrojs/markdown-satteri": "0.2.2",
-    "@astrojs/mdx": "6.0.2",
+    "@astrojs/compiler-rs": "0.3.1",
+    "@astrojs/markdown-satteri": "0.3.4",
+    "@astrojs/mdx": "7.0.3",
     "@astrojs/sitemap": "3.7.3",
-    "@astrojs/svelte": "8.1.2",
-    "astro": "6.4.4",
-    "rehype-external-links": "3.0.0",
+    "@astrojs/svelte": "9.0.1",
+    "astro": "7.0.8",
     "reveal.js": "^6.0.1",
-    "svelte": "5.56.2",
-    "tailwindcss": "4.3.0",
+    "satteri": "0.9.5",
+    "svelte": "5.56.4",
+    "tailwindcss": "4.3.2",
     "typescript": "6.0.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.16",
-    "@bruits/satteri-wasm32-wasi": "0.8.0",
+    "@biomejs/biome": "2.5.3",
+    "@bruits/satteri-wasm32-wasi": "0.9.5",
     "@lhci/cli": "0.15.1",
-    "@sveltejs/vite-plugin-svelte": "7.1.2",
-    "@tailwindcss/typography": "0.5.19",
-    "@tailwindcss/vite": "4.3.0",
+    "@sveltejs/vite-plugin-svelte": "7.2.0",
+    "@tailwindcss/typography": "0.5.20",
+    "@tailwindcss/vite": "4.3.2",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/svelte": "5.3.1",
-    "@vitest/coverage-v8": "4.1.8",
-    "happy-dom": "20.10.1",
-    "npm-check-updates": "22.2.2",
-    "sharp": "0.34.5",
-    "vitest": "4.1.8"
+    "@testing-library/svelte": "5.4.2",
+    "@vitest/coverage-v8": "4.1.10",
+    "happy-dom": "20.10.6",
+    "npm-check-updates": "22.2.9",
+    "sharp": "0.35.3",
+    "vitest": "4.1.10"
   }
 }