diff --git a/frontend/npm-deps-hash b/frontend/npm-deps-hash
index fb109ba2..597bd316 100644
--- a/frontend/npm-deps-hash
+++ b/frontend/npm-deps-hash
@@ -1 +1 @@
-sha256-PO8UpPlpyNE4DbhFJAFk3PQNWrBf02XirBuYqtu5fAg=
+sha256-Hzu21wcDxdn32JJPpj/3sJSkEDH32mqrm4YsFvHfni0=
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index caeed598..063c8135 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -904,16 +904,16 @@
       }
     },
     "node_modules/preact": {
-      "version": "10.29.8",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.29.8.tgz",
-      "integrity": "sha512-ej2aVZ+vZ8WO7tvlQWRM9N63A0KzF9q4mWJfDUHgYaIofWY9hu74QdnQrjoPMmZi2/nZ5gN0bJCQF49xQqx09Q==",
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-11.2.0.tgz",
+      "integrity": "sha512-/HfHI/7N84e6GrWBJ3J280z3mLaRJiDcSvj/A+y/4AbLnND/1UlGHe1sR6oYuTGwId0nP7dqDU9OnLxMPZ7xBg==",
       "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/preact"
       },
       "peerDependencies": {
-        "preact-render-to-string": ">=5"
+        "preact-render-to-string": ">=6.7.0"
       },
       "peerDependenciesMeta": {
         "preact-render-to-string": {
@@ -983,7 +983,7 @@
       "dependencies": {
         "@hive/shared": "*",
         "chart.js": "4.6.1",
-        "preact": "10.29.8"
+        "preact": "11.2.0"
       },
       "devDependencies": {
         "typescript": "7.0.2"
@@ -994,7 +994,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@hive/shared": "*",
-        "preact": "10.29.8"
+        "preact": "11.2.0"
       }
     },
     "packages/shared": {
@@ -1003,7 +1003,7 @@
       "dependencies": {
         "dompurify": "^3.2.4",
         "marked": "18.1.3",
-        "preact": "10.29.8"
+        "preact": "11.2.0"
       }
     },
     "packages/swarm-ui": {
@@ -1011,7 +1011,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@hive/shared": "*",
-        "preact": "10.29.8",
+        "preact": "11.2.0",
         "wouter-preact": "3.13.0"
       },
       "devDependencies": {
diff --git a/frontend/packages/agent/package.json b/frontend/packages/agent/package.json
index ebf5be40..74b0a0f5 100644
--- a/frontend/packages/agent/package.json
+++ b/frontend/packages/agent/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "@hive/shared": "*",
     "chart.js": "4.6.1",
-    "preact": "10.29.8"
+    "preact": "11.2.0"
   },
   "devDependencies": {
     "typescript": "7.0.2"
diff --git a/frontend/packages/dashboard/package.json b/frontend/packages/dashboard/package.json
index 0bc57fed..48f47931 100644
--- a/frontend/packages/dashboard/package.json
+++ b/frontend/packages/dashboard/package.json
@@ -9,6 +9,6 @@
   },
   "dependencies": {
     "@hive/shared": "*",
-    "preact": "10.29.8"
+    "preact": "11.2.0"
   }
 }
diff --git a/frontend/packages/shared/package.json b/frontend/packages/shared/package.json
index 0bc77faa..252c5297 100644
--- a/frontend/packages/shared/package.json
+++ b/frontend/packages/shared/package.json
@@ -8,7 +8,7 @@
   "dependencies": {
     "dompurify": "^3.2.4",
     "marked": "18.1.3",
-    "preact": "10.29.8"
+    "preact": "11.2.0"
   },
   "exports": {
     ".": "./src/index.js",
diff --git a/frontend/packages/shared/src/dropdown/Dropdown.tsx b/frontend/packages/shared/src/dropdown/Dropdown.tsx
index 6cf198fb..5162af9d 100644
--- a/frontend/packages/shared/src/dropdown/Dropdown.tsx
+++ b/frontend/packages/shared/src/dropdown/Dropdown.tsx
@@ -52,7 +52,7 @@ export interface DropdownProps {
    * `MetaNav`'s own hand-rolled popover (which wraps trigger+popover in
    * one ref) already avoids this.
    */
-  anchorRef?: RefObject<HTMLElement>;
+  anchorRef?: RefObject<HTMLElement | null>;
 }
 
 export function Dropdown({
diff --git a/frontend/packages/swarm-ui/package.json b/frontend/packages/swarm-ui/package.json
index 47a2fbd1..9cbc038f 100644
--- a/frontend/packages/swarm-ui/package.json
+++ b/frontend/packages/swarm-ui/package.json
@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "@hive/shared": "*",
-    "preact": "10.29.8",
+    "preact": "11.2.0",
     "wouter-preact": "3.13.0"
   },
   "devDependencies": {
diff --git a/frontend/packages/swarm-ui/src/agent/detail/AgentDetailPopover.tsx b/frontend/packages/swarm-ui/src/agent/detail/AgentDetailPopover.tsx
index 932b90f9..2b8b2a13 100644
--- a/frontend/packages/swarm-ui/src/agent/detail/AgentDetailPopover.tsx
+++ b/frontend/packages/swarm-ui/src/agent/detail/AgentDetailPopover.tsx
@@ -29,7 +29,7 @@ export function AgentDetailPopover({
   agent: string;
   open: boolean;
   onClose: () => void;
-  anchorRef: RefObject<HTMLElement>;
+  anchorRef: RefObject<HTMLElement | null>;
 }) {
   // `undefined` until the roster has answered; `null` when it has and the
   // agent is not in it.
diff --git a/frontend/packages/swarm-ui/src/agent/roster/AgentCardLayout.tsx b/frontend/packages/swarm-ui/src/agent/roster/AgentCardLayout.tsx
index 7aab4538..e946eccc 100644
--- a/frontend/packages/swarm-ui/src/agent/roster/AgentCardLayout.tsx
+++ b/frontend/packages/swarm-ui/src/agent/roster/AgentCardLayout.tsx
@@ -4,7 +4,7 @@
 // the slots with the real sub components; `AgentCardSkeleton` fills the same
 // slots with placeholder shapes, so the card that replaces it lands in the same
 // place.
-import type { ComponentChildren, JSX } from "preact";
+import type { ComponentChildren, HTMLAttributes } from "preact";
 import "./AgentCard.css";
 
 export function AgentCardLayout({
@@ -23,7 +23,7 @@ export function AgentCardLayout({
   message: ComponentChildren;
   chevron?: ComponentChildren;
   /** Attributes of the header row, for the card that opens on a click. */
-  rowProps?: JSX.HTMLAttributes<HTMLDivElement>;
+  rowProps?: HTMLAttributes<HTMLDivElement>;
 }) {
   return (
     <div class="ui-agent-card-row" {...rowProps}>
diff --git a/frontend/packages/swarm-ui/src/ui/popover/Popover.tsx b/frontend/packages/swarm-ui/src/ui/popover/Popover.tsx
index a08e4eba..fc2c8557 100644
--- a/frontend/packages/swarm-ui/src/ui/popover/Popover.tsx
+++ b/frontend/packages/swarm-ui/src/ui/popover/Popover.tsx
@@ -45,7 +45,7 @@ export function Popover({
   onClose: () => void;
   /** The element the popover hangs under. A click on it is not an outside
    * click, so its own toggle handler stays in charge of closing. */
-  anchorRef: RefObject<HTMLElement>;
+  anchorRef: RefObject<HTMLElement | null>;
   /** `aria-label` for the floating box. */
   label: string;
   children: ComponentChildren;
diff --git a/frontend/packages/swarm-ui/src/ui/text-field/TextField.tsx b/frontend/packages/swarm-ui/src/ui/text-field/TextField.tsx
index df772fb4..8da71763 100644
--- a/frontend/packages/swarm-ui/src/ui/text-field/TextField.tsx
+++ b/frontend/packages/swarm-ui/src/ui/text-field/TextField.tsx
@@ -29,7 +29,7 @@ export function TextField({
   label: string;
   value: string;
   onInput: (value: string) => void;
-  type?: string;
+  type?: "text" | "password" | "number" | "url" | "datetime-local";
   pattern?: string;
   title?: string;
   required?: boolean;
@@ -46,7 +46,10 @@ export function TextField({
       <input
         id={id}
         class="ui-form-control"
-        type={type}
+        // preact 11 types `type` as a union that ties each kind to its own
+        // `list` and `role` attributes; the field takes any of its kinds and
+        // passes `list` only for suggestions, so the union is asserted here.
+        type={type as "text"}
         value={value}
         pattern={pattern}
         title={title}