From f7433a03f54116d768cecd9dd618bebcb3dd37f4 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Mon, 31 Aug 2026 16:41:03 +0200
Subject: [PATCH] web: drop agentation

Signed-off-by: eti <eti@eti.tf>
---
 web/package.json                             |  5 ---
 web/pnpm-lock.yaml                           | 32 +------------------
 web/src/lib/components/dev/Agentation.svelte | 33 --------------------
 web/src/routes/+layout.svelte                |  6 ----
 4 files changed, 1 insertion(+), 75 deletions(-)
 delete mode 100644 web/src/lib/components/dev/Agentation.svelte

diff --git a/web/package.json b/web/package.json
index b6a37d86e..12267282f 100644
--- a/web/package.json
+++ b/web/package.json
@@ -46,12 +46,9 @@
 		"@types/markdown-it": "^14.1.2",
 		"@types/markdown-it-emoji": "^3.0.1",
 		"@types/node": "^24.13.3",
-		"@types/react": "^19.2.18",
-		"@types/react-dom": "^19.2.4",
 		"@types/sanitize-html": "^2.16.1",
 		"@vitest/browser-playwright": "4.1.10",
 		"@vitest/coverage-v8": "4.1.10",
-		"agentation": "^3.0.2",
 		"eslint": "^10.7.0",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-better-tailwindcss": "^4.7.0",
@@ -62,8 +59,6 @@
 		"prettier": "^3.9.5",
 		"prettier-plugin-svelte": "^4.1.1",
 		"prettier-plugin-tailwindcss": "^0.8.1",
-		"react": "^19.2.8",
-		"react-dom": "^19.2.8",
 		"storybook": "^10.5.0",
 		"svelte": "^5.56.9",
 		"svelte-check": "^4.7.2",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 9b6cf3f92..5a37080ef 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -132,12 +132,6 @@ importers:
       '@types/node':
         specifier: ^24.13.3
         version: 24.13.3
-      '@types/react':
-        specifier: ^19.2.18
-        version: 19.2.18
-      '@types/react-dom':
-        specifier: ^19.2.4
-        version: 19.2.4(@types/react@19.2.18)
       '@types/sanitize-html':
         specifier: ^2.16.1
         version: 2.16.1
@@ -147,9 +141,6 @@ importers:
       '@vitest/coverage-v8':
         specifier: 4.1.10
         version: 4.1.10(@vitest/browser@4.1.10)(vitest@4.1.10)
-      agentation:
-        specifier: ^3.0.2
-        version: 3.0.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
       eslint:
         specifier: ^10.7.0
         version: 10.7.0(jiti@2.7.0)(supports-color@7.2.0)
@@ -180,12 +171,6 @@ importers:
       prettier-plugin-tailwindcss:
         specifier: ^0.8.1
         version: 0.8.1(prettier-plugin-svelte@4.1.1(prettier@3.9.5)(svelte@5.56.9(@typescript-eslint/types@8.64.0)))(prettier@3.9.5)
-      react:
-        specifier: ^19.2.8
-        version: 19.2.8
-      react-dom:
-        specifier: ^19.2.8
-        version: 19.2.8(react@19.2.8)
       storybook:
         specifier: ^10.5.0
         version: 10.5.0(@types/react@19.2.18)(prettier@3.9.5)(react@19.2.8)
@@ -2022,17 +2007,6 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
-  agentation@3.0.2:
-    resolution: {integrity: sha512-iGzBxFVTuZEIKzLY6AExSLAQH6i6SwxV4pAu7v7m3X6bInZ7qlZXAwrEqyc4+EfP4gM7z2RXBF6SF4DeH0f2lA==}
-    peerDependencies:
-      react: '>=18.0.0'
-      react-dom: '>=18.0.0'
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-dom:
-        optional: true
-
   ajv@6.15.0:
     resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
 
@@ -5047,6 +5021,7 @@ snapshots:
   '@types/react-dom@19.2.4(@types/react@19.2.18)':
     dependencies:
       '@types/react': 19.2.18
+    optional: true
 
   '@types/react@19.2.18':
     dependencies:
@@ -5276,11 +5251,6 @@ snapshots:
 
   acorn@8.17.0: {}
 
-  agentation@3.0.2(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
-    optionalDependencies:
-      react: 19.2.8
-      react-dom: 19.2.8(react@19.2.8)
-
   ajv@6.15.0:
     dependencies:
       fast-deep-equal: 3.1.3
diff --git a/web/src/lib/components/dev/Agentation.svelte b/web/src/lib/components/dev/Agentation.svelte
deleted file mode 100644
index 4ab05abf6..000000000
--- a/web/src/lib/components/dev/Agentation.svelte
+++ /dev/null
@@ -1,33 +0,0 @@
-<script lang="ts">
-	// agentation ships as a react component, so we hand it a throwaway react root.
-	// it portals its toolbar into <body>, so this host div stays empty.
-	// everything is dynamically imported and gated on dev, so prod never sees react.
-	import { onMount } from "svelte";
-	import type { Root } from "react-dom/client";
-
-	let host: HTMLDivElement;
-
-	onMount(() => {
-		let disposed = false;
-		let root: Root | undefined;
-
-		void (async () => {
-			const [react, client, agentation] = await Promise.all([
-				import("react"),
-				import("react-dom/client"),
-				import("agentation")
-			]);
-			if (disposed) return;
-			root = client.createRoot(host);
-			root.render(react.createElement(agentation.Agentation));
-		})();
-
-		return () => {
-			disposed = true;
-			// react yells if you unmount while it is still rendering, so let it finish
-			queueMicrotask(() => root?.unmount());
-		};
-	});
-</script>
-
-<div bind:this={host}></div>
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index f2f6f00fe..870ee223c 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { dev } from "$app/environment";
 	import { page } from "$app/state";
 	import { goto, invalidateAll } from "$app/navigation";
 	import { resolve } from "$app/paths";
@@ -8,7 +7,6 @@
 	import { createAuth, AUTH_KEY } from "$lib/auth.svelte";
 	import { createNotifications, NOTIFICATIONS_KEY } from "$lib/notifications.svelte";
 	import { consumePendingCallback } from "$lib/auth/pending";
-	import Agentation from "$lib/components/dev/Agentation.svelte";
 	import Footer from "$lib/components/shell/Footer.svelte";
 	import Topbar from "$lib/components/shell/Topbar.svelte";
 	import { onMount, setContext, untrack } from "svelte";
@@ -115,7 +113,3 @@
 		<Footer variant={isMarketingShell ? "full" : "minimal"} />
 	{/if}
 </div>
-
-{#if dev}
-	<Agentation />
-{/if}
-- 
2.54.0