From ef2f0cc33384ab33f711d5f17328b2984465deb9 Mon Sep 17 00:00:00 2001
From: Matt Kane <mkane@cloudflare.com>
Date: Fri, 8 May 2026 15:04:07 +0100
Subject: [PATCH 1/2] fix(admin): replace raw checkboxes with Kumo Switch and
 Checkbox

Migrates 20 raw <input type="checkbox"> elements to Kumo:

Switches (single-boolean toggles with description):
- ContentTypeEditor: SEO, Enable comments, Auto-approve authenticated users
- RepeaterField: boolean sub-field
- PortableTextEditor: plugin 'toggle' field type renderer
- FieldEditor: Required / Unique / Searchable + sub-field Required
- WordPressImport: Import navigation menus, Categories (locked-on),
  Tags (locked-on), Site title and tagline, Logo and favicon, SEO
  settings, per-post-type toggles

Checkboxes (multi-select / list items):
- ContentTypeEditor: supports[] options
- PluginManager: 'Also delete plugin storage data' uninstall option
- TaxonomyManager: collection multi-select
- TaxonomySidebar: term tree nodes

Drops manual <label> wrappers and h-4 w-4 styling that Kumo provides
built-in. Visual testing confirms all toggles render correctly with
proper state binding and label/description rendering.
---
 .changeset/better-cameras-smoke.md            |   5 +
 .../src/components/ContentTypeEditor.tsx      | 129 +++++++----------
 packages/admin/src/components/FieldEditor.tsx |  65 ++++-----
 .../admin/src/components/PluginManager.tsx    |  16 +--
 .../src/components/PortableTextEditor.tsx     |  16 +--
 .../admin/src/components/RepeaterField.tsx    |  15 +-
 .../admin/src/components/TaxonomyManager.tsx  |  15 +-
 .../admin/src/components/TaxonomySidebar.tsx  |  16 +--
 .../admin/src/components/WordPressImport.tsx  | 132 +++++++-----------
 9 files changed, 166 insertions(+), 243 deletions(-)
 create mode 100644 .changeset/better-cameras-smoke.md

diff --git a/.changeset/better-cameras-smoke.md b/.changeset/better-cameras-smoke.md
new file mode 100644
index 000000000..ecf4e6ccf
--- /dev/null
+++ b/.changeset/better-cameras-smoke.md
@@ -0,0 +1,5 @@
+---
+"@emdash-cms/admin": patch
+---
+
+Replaces 20 raw `<input type="checkbox">` elements across the admin UI with Kumo's `Switch` and `Checkbox` components. Single-boolean toggles (SEO, Enable comments, Required, etc.) become `Switch`; multi-select / list-context checkboxes (collection multi-select, term tree nodes) become `Checkbox`. Drops manual styling and label markup that duplicated what the Kumo components provide built-in.
diff --git a/packages/admin/src/components/ContentTypeEditor.tsx b/packages/admin/src/components/ContentTypeEditor.tsx
index db176e442..36ddaa3e9 100644
--- a/packages/admin/src/components/ContentTypeEditor.tsx
+++ b/packages/admin/src/components/ContentTypeEditor.tsx
@@ -1,4 +1,4 @@
-import { Badge, Button, Input, InputArea, Label, Select } from "@cloudflare/kumo";
+import { Badge, Button, Checkbox, Input, InputArea, Label, Select, Switch } from "@cloudflare/kumo";
 import {
 	DndContext,
 	closestCenter,
@@ -441,50 +441,43 @@ export function ContentTypeEditor({
 							<div className="space-y-3">
 								<Label>Features</Label>
 								{SUPPORT_OPTIONS.map((option) => (
-									<label
+									<div
 										key={option.value}
 										className={cn(
-											"flex items-start space-x-3 p-2 rounded-md cursor-pointer hover:bg-kumo-tint/50",
-											isFromCode && "opacity-60 cursor-not-allowed",
+											"p-2 rounded-md hover:bg-kumo-tint/50",
+											isFromCode && "opacity-60",
 										)}
 									>
-										<input
-											type="checkbox"
+										<Checkbox
 											checked={supports.includes(option.value)}
-											onChange={() => handleSupportToggle(option.value)}
-											className="mt-1 rounded border-kumo-line"
+											onCheckedChange={() => handleSupportToggle(option.value)}
 											disabled={isFromCode}
+											label={
+												<div>
+													<span className="text-sm font-medium">{t(option.label)}</span>
+													<p className="text-xs text-kumo-subtle">{t(option.description)}</p>
+												</div>
+											}
 										/>
-										<div>
-											<span className="text-sm font-medium">{t(option.label)}</span>
-											<p className="text-xs text-kumo-subtle">{t(option.description)}</p>
-										</div>
-									</label>
+									</div>
 								))}
 							</div>
 
 							{/* SEO toggle */}
 							<div className="pt-2 border-t">
-								<label
-									className={cn(
-										"flex items-start space-x-3 p-2 rounded-md cursor-pointer hover:bg-kumo-tint/50",
-										isFromCode && "opacity-60 cursor-not-allowed",
-									)}
-								>
-									<input
-										type="checkbox"
-										checked={hasSeo}
-										onChange={() => setHasSeo(!hasSeo)}
-										className="mt-1 rounded border-kumo-line"
-										disabled={isFromCode}
-									/>
-									<div>
-										<span className="text-sm font-medium">{t`SEO`}</span>
-										<p className="text-xs text-kumo-subtle">
-											{t`Add SEO metadata fields (title, description, image) and include in sitemap`}
-										</p>
-									</div>
-								</label>
+								<Switch
+									checked={hasSeo}
+									onCheckedChange={(checked) => setHasSeo(checked)}
+									disabled={isFromCode}
+									label={
+										<div>
+											<span className="text-sm font-medium">{t`SEO`}</span>
+											<p className="text-xs text-kumo-subtle">
+												{t`Add SEO metadata fields (title, description, image) and include in sitemap`}
+											</p>
+										</div>
+									}
+								/>
 							</div>
 						</div>
 
@@ -493,26 +486,19 @@ export function ContentTypeEditor({
 							<div className="rounded-lg border p-4 space-y-4">
 								<h2 className="font-semibold">{t`Comments`}</h2>
 
-								<label
-									className={cn(
-										"flex items-start space-x-3 p-2 rounded-md cursor-pointer hover:bg-kumo-tint/50",
-										isFromCode && "opacity-60 cursor-not-allowed",
-									)}
-								>
-									<input
-										type="checkbox"
-										checked={commentsEnabled}
-										onChange={() => setCommentsEnabled(!commentsEnabled)}
-										className="mt-1 rounded border-kumo-line"
-										disabled={isFromCode}
-									/>
-									<div>
-										<span className="text-sm font-medium">{t`Enable comments`}</span>
-										<p className="text-xs text-kumo-subtle">
-											{t`Allow visitors to leave comments on this collection's content`}
-										</p>
-									</div>
-								</label>
+								<Switch
+									checked={commentsEnabled}
+									onCheckedChange={(checked) => setCommentsEnabled(checked)}
+									disabled={isFromCode}
+									label={
+										<div>
+											<span className="text-sm font-medium">{t`Enable comments`}</span>
+											<p className="text-xs text-kumo-subtle">
+												{t`Allow visitors to leave comments on this collection's content`}
+											</p>
+										</div>
+									}
+								/>
 
 								{commentsEnabled && (
 									<>
@@ -545,28 +531,21 @@ export function ContentTypeEditor({
 											{t`Set to 0 to never close comments automatically.`}
 										</p>
 
-										<label
-											className={cn(
-												"flex items-start space-x-3 p-2 rounded-md cursor-pointer hover:bg-kumo-tint/50",
-												isFromCode && "opacity-60 cursor-not-allowed",
-											)}
-										>
-											<input
-												type="checkbox"
-												checked={commentsAutoApproveUsers}
-												onChange={() => setCommentsAutoApproveUsers(!commentsAutoApproveUsers)}
-												className="mt-1 rounded border-kumo-line"
-												disabled={isFromCode}
-											/>
-											<div>
-												<span className="text-sm font-medium">
-													{t`Auto-approve authenticated users`}
-												</span>
-												<p className="text-xs text-kumo-subtle">
-													{t`Comments from logged-in CMS users are approved automatically`}
-												</p>
-											</div>
-										</label>
+										<Switch
+											checked={commentsAutoApproveUsers}
+											onCheckedChange={(checked) => setCommentsAutoApproveUsers(checked)}
+											disabled={isFromCode}
+											label={
+												<div>
+													<span className="text-sm font-medium">
+														{t`Auto-approve authenticated users`}
+													</span>
+													<p className="text-xs text-kumo-subtle">
+														{t`Comments from logged-in CMS users are approved automatically`}
+													</p>
+												</div>
+											}
+										/>
 									</>
 								)}
 							</div>
diff --git a/packages/admin/src/components/FieldEditor.tsx b/packages/admin/src/components/FieldEditor.tsx
index 8babe0eb3..abd319fd3 100644
--- a/packages/admin/src/components/FieldEditor.tsx
+++ b/packages/admin/src/components/FieldEditor.tsx
@@ -1,4 +1,4 @@
-import { Button, Dialog, Input, InputArea, Select } from "@cloudflare/kumo";
+import { Button, Dialog, Input, InputArea, Select, Switch } from "@cloudflare/kumo";
 import { useLingui } from "@lingui/react/macro";
 import {
 	TextT,
@@ -431,38 +431,26 @@ export function FieldEditor({ open, onOpenChange, field, onSave, isSaving }: Fie
 
 						{/* Toggles */}
 						<div className="flex items-center space-x-6">
-							<label className="flex items-center space-x-2">
-								<input
-									type="checkbox"
-									checked={required}
-									onChange={(e) => setField("required", e.target.checked)}
-									className="rounded border-kumo-line"
-								/>
-								<span className="text-sm">{t`Required`}</span>
-							</label>
-							<label className="flex items-center space-x-2">
-								<input
-									type="checkbox"
-									checked={unique}
-									onChange={(e) => setField("unique", e.target.checked)}
-									className="rounded border-kumo-line"
-								/>
-								<span className="text-sm">{t`Unique`}</span>
-							</label>
+							<Switch
+								checked={required}
+								onCheckedChange={(checked) => setField("required", checked)}
+								label={<span className="text-sm">{t`Required`}</span>}
+							/>
+							<Switch
+								checked={unique}
+								onCheckedChange={(checked) => setField("unique", checked)}
+								label={<span className="text-sm">{t`Unique`}</span>}
+							/>
 							{(selectedType === "string" ||
 								selectedType === "text" ||
 								selectedType === "portableText" ||
 								selectedType === "slug" ||
 								selectedType === "url") && (
-								<label className="flex items-center space-x-2">
-									<input
-										type="checkbox"
-										checked={searchable}
-										onChange={(e) => setField("searchable", e.target.checked)}
-										className="rounded border-kumo-line"
-									/>
-									<span className="text-sm">{t`Searchable`}</span>
-								</label>
+								<Switch
+									checked={searchable}
+									onCheckedChange={(checked) => setField("searchable", checked)}
+									label={<span className="text-sm">{t`Searchable`}</span>}
+								/>
 							)}
 						</div>
 
@@ -600,18 +588,15 @@ export function FieldEditor({ open, onOpenChange, field, onSave, isSaving }: Fie
 													/>
 												</div>
 											</div>
-											<label className="flex items-center gap-2 text-sm">
-												<input
-													type="checkbox"
-													checked={sf.required}
-													onChange={(e) => {
-														const updated = [...formState.subFields];
-														updated[i] = { ...sf, required: e.target.checked };
-														setFormState((prev) => ({ ...prev, subFields: updated }));
-													}}
-												/>
-												{t`Required`}
-											</label>
+											<Switch
+												label={t`Required`}
+												checked={sf.required ?? false}
+												onCheckedChange={(checked) => {
+													const updated = [...formState.subFields];
+													updated[i] = { ...sf, required: checked };
+													setFormState((prev) => ({ ...prev, subFields: updated }));
+												}}
+											/>
 										</div>
 										<Button
 											variant="ghost"
diff --git a/packages/admin/src/components/PluginManager.tsx b/packages/admin/src/components/PluginManager.tsx
index 3539c5284..16650006a 100644
--- a/packages/admin/src/components/PluginManager.tsx
+++ b/packages/admin/src/components/PluginManager.tsx
@@ -6,7 +6,7 @@
  * update/uninstall for marketplace-installed plugins.
  */
 
-import { Badge, Button, Switch, Toast } from "@cloudflare/kumo";
+import { Badge, Button, Checkbox, Switch, Toast } from "@cloudflare/kumo";
 import { useLingui } from "@lingui/react/macro";
 import {
 	PuzzlePiece,
@@ -569,15 +569,11 @@ export function UninstallConfirmDialog({
 					<p className="text-sm text-kumo-subtle">
 						{t`This will remove the plugin and its bundle from your site.`}
 					</p>
-					<label className="flex items-center gap-2 text-sm">
-						<input
-							type="checkbox"
-							checked={deleteData}
-							onChange={(e) => setDeleteData(e.target.checked)}
-							className="rounded border"
-						/>
-						{t`Also delete plugin storage data`}
-					</label>
+					<Checkbox
+						checked={deleteData}
+						onCheckedChange={(checked) => setDeleteData(checked)}
+						label={t`Also delete plugin storage data`}
+					/>
 					<DialogError message={error} />
 				</div>
 				<div className="flex justify-end gap-3 border-t px-6 py-4">
diff --git a/packages/admin/src/components/PortableTextEditor.tsx b/packages/admin/src/components/PortableTextEditor.tsx
index 9c3bb6335..15224c906 100644
--- a/packages/admin/src/components/PortableTextEditor.tsx
+++ b/packages/admin/src/components/PortableTextEditor.tsx
@@ -11,7 +11,7 @@
  * - Floating menu on empty lines
  */
 
-import { Button, Dialog, Input, Select } from "@cloudflare/kumo";
+import { Button, Dialog, Input, Select, Switch } from "@cloudflare/kumo";
 import {
 	DndContext,
 	KeyboardSensor,
@@ -1361,15 +1361,11 @@ function BlockKitField({
 		}
 		case "toggle": {
 			return (
-				<div className="flex items-center gap-2">
-					<input
-						type="checkbox"
-						checked={!!value}
-						onChange={(e) => onChange(field.action_id, e.target.checked)}
-						className="h-4 w-4"
-					/>
-					<label className="text-sm font-medium">{field.label}</label>
-				</div>
+				<Switch
+					checked={!!value}
+					onCheckedChange={(checked) => onChange(field.action_id, checked)}
+					label={<span className="text-sm font-medium">{field.label}</span>}
+				/>
 			);
 		}
 		case "repeater": {
diff --git a/packages/admin/src/components/RepeaterField.tsx b/packages/admin/src/components/RepeaterField.tsx
index 0fbd061a2..4859dac6b 100644
--- a/packages/admin/src/components/RepeaterField.tsx
+++ b/packages/admin/src/components/RepeaterField.tsx
@@ -5,7 +5,7 @@
  * Items can be added, removed, and reordered via drag-and-drop.
  */
 
-import { Button, Input, InputArea, Select } from "@cloudflare/kumo";
+import { Button, Input, InputArea, Select, Switch } from "@cloudflare/kumo";
 import { DndContext, closestCenter } from "@dnd-kit/core";
 import type { DragEndEvent } from "@dnd-kit/core";
 import {
@@ -335,14 +335,11 @@ function SubFieldInput({ subField, value, onChange }: SubFieldInputProps) {
 			);
 		case "boolean":
 			return (
-				<label className="flex items-center gap-2">
-					<input
-						type="checkbox"
-						checked={Boolean(value)}
-						onChange={(e) => onChange(e.target.checked)}
-					/>
-					<span className="text-sm">{subField.label}</span>
-				</label>
+				<Switch
+					checked={Boolean(value)}
+					onCheckedChange={(checked) => onChange(checked)}
+					label={<span className="text-sm">{subField.label}</span>}
+				/>
 			);
 		case "datetime":
 			return (
diff --git a/packages/admin/src/components/TaxonomyManager.tsx b/packages/admin/src/components/TaxonomyManager.tsx
index 56460f907..34ca21678 100644
--- a/packages/admin/src/components/TaxonomyManager.tsx
+++ b/packages/admin/src/components/TaxonomyManager.tsx
@@ -657,18 +657,13 @@ function CreateTaxonomyDialog({
 								</p>
 								<div className="border rounded-md p-2 space-y-1">
 									{collectionEntries.map(({ slug, label: collLabel }) => (
-										<label
-											key={slug}
-											className="flex items-center gap-2 py-1 px-2 cursor-pointer hover:bg-kumo-tint/50 rounded"
-										>
-											<input
-												type="checkbox"
+										<div key={slug} className="py-1 px-2 hover:bg-kumo-tint/50 rounded">
+											<Checkbox
 												checked={selectedCollections.includes(slug)}
-												onChange={() => toggleCollection(slug)}
-												className="rounded"
+												onCheckedChange={() => toggleCollection(slug)}
+												label={<span className="text-sm">{collLabel}</span>}
 											/>
-											<span className="text-sm">{collLabel}</span>
-										</label>
+										</div>
 									))}
 								</div>
 							</div>
diff --git a/packages/admin/src/components/TaxonomySidebar.tsx b/packages/admin/src/components/TaxonomySidebar.tsx
index 6186417fe..cc0335e5e 100644
--- a/packages/admin/src/components/TaxonomySidebar.tsx
+++ b/packages/admin/src/components/TaxonomySidebar.tsx
@@ -6,7 +6,7 @@
  * - Tag input for flat taxonomies (tags)
  */
 
-import { Button, Input, Label, Toast } from "@cloudflare/kumo";
+import { Button, Checkbox, Input, Label, Toast } from "@cloudflare/kumo";
 import { i18n } from "@lingui/core";
 import { msg } from "@lingui/core/macro";
 import { useLingui } from "@lingui/react/macro";
@@ -118,18 +118,16 @@ function CategoryCheckboxTree({
 
 	return (
 		<div>
-			<label
-				className="flex items-center py-1 cursor-pointer hover:bg-kumo-tint/50 rounded px-2"
+			<div
+				className="py-1 hover:bg-kumo-tint/50 rounded px-2"
 				style={{ marginInlineStart: `${level}rem` }}
 			>
-				<input
-					type="checkbox"
+				<Checkbox
 					checked={isChecked}
-					onChange={() => onToggle(term.id)}
-					className="me-2"
+					onCheckedChange={() => onToggle(term.id)}
+					label={<span className="text-sm">{term.label}</span>}
 				/>
-				<span className="text-sm">{term.label}</span>
-			</label>
+			</div>
 			{term.children.map((child) => (
 				<CategoryCheckboxTree
 					key={child.id}
diff --git a/packages/admin/src/components/WordPressImport.tsx b/packages/admin/src/components/WordPressImport.tsx
index 889ffb327..9bff7b182 100644
--- a/packages/admin/src/components/WordPressImport.tsx
+++ b/packages/admin/src/components/WordPressImport.tsx
@@ -1,4 +1,13 @@
-import { Badge, Button, Input, LinkButton, Loader, Select, buttonVariants } from "@cloudflare/kumo";
+import {
+	Badge,
+	Button,
+	Input,
+	LinkButton,
+	Loader,
+	Select,
+	Switch,
+	buttonVariants,
+} from "@cloudflare/kumo";
 import { plural } from "@lingui/core/macro";
 import { useLingui } from "@lingui/react/macro";
 import {
@@ -1585,15 +1594,10 @@ function ReviewStep({
 					<div className="divide-y">
 						{/* Menus */}
 						<div className="p-4">
-							<div className="flex items-center justify-between">
-								<div className="flex items-center gap-3">
-									<input
-										type="checkbox"
-										checked={importMenus}
-										onChange={(e) => onImportMenusChange(e.target.checked)}
-										className="h-4 w-4 rounded border-gray-300"
-										aria-label={t`Import navigation menus`}
-									/>
+							<Switch
+								checked={importMenus}
+								onCheckedChange={(checked) => onImportMenusChange(checked)}
+								label={
 									<div className="flex items-center gap-2">
 										<List className="h-4 w-4 text-kumo-subtle" />
 										<div>
@@ -1603,43 +1607,31 @@ function ReviewStep({
 											</p>
 										</div>
 									</div>
-								</div>
-							</div>
+								}
+							/>
 						</div>
 
 						{/* Categories count */}
 						{analysis.categories > 0 && (
 							<div className="p-4">
-								<div className="flex items-center gap-3">
-									<input
-										type="checkbox"
-										checked={true}
-										disabled
-										className="h-4 w-4 rounded border-gray-300"
-										aria-label={t`Categories will be imported`}
-									/>
-									<div>
-										<p className="font-medium">{t`Categories (${analysis.categories})`}</p>
-									</div>
-								</div>
+								<Switch
+									checked={true}
+									onCheckedChange={() => {}}
+									disabled
+									label={<p className="font-medium">{t`Categories (${analysis.categories})`}</p>}
+								/>
 							</div>
 						)}
 
 						{/* Tags count */}
 						{analysis.tags > 0 && (
 							<div className="p-4">
-								<div className="flex items-center gap-3">
-									<input
-										type="checkbox"
-										checked={true}
-										disabled
-										className="h-4 w-4 rounded border-gray-300"
-										aria-label={t`Tags will be imported`}
-									/>
-									<div>
-										<p className="font-medium">{t`Tags (${analysis.tags})`}</p>
-									</div>
-								</div>
+								<Switch
+									checked={true}
+									onCheckedChange={() => {}}
+									disabled
+									label={<p className="font-medium">{t`Tags (${analysis.tags})`}</p>}
+								/>
 							</div>
 						)}
 					</div>
@@ -1661,53 +1653,36 @@ function ReviewStep({
 					<div className="divide-y">
 						{/* Site title & tagline */}
 						<div className="p-4">
-							<div className="flex items-center gap-3">
-								<input
-									type="checkbox"
-									checked={importSiteTitle}
-									onChange={(e) => onImportSiteTitleChange(e.target.checked)}
-									className="h-4 w-4 rounded border-gray-300"
-									aria-label={t`Import site title and tagline`}
-								/>
-								<div>
-									<p className="font-medium">{t`Site title & tagline`}</p>
-								</div>
-							</div>
+							<Switch
+								checked={importSiteTitle}
+								onCheckedChange={(checked) => onImportSiteTitleChange(checked)}
+								label={<p className="font-medium">{t`Site title & tagline`}</p>}
+							/>
 						</div>
 
 						{/* Logo & favicon */}
 						<div className="p-4">
-							<div className="flex items-center gap-3">
-								<input
-									type="checkbox"
-									checked={importLogo}
-									onChange={(e) => onImportLogoChange(e.target.checked)}
-									className="h-4 w-4 rounded border-gray-300"
-									aria-label={t`Import logo and favicon`}
-								/>
-								<div>
-									<p className="font-medium">{t`Logo & favicon`}</p>
-								</div>
-							</div>
+							<Switch
+								checked={importLogo}
+								onCheckedChange={(checked) => onImportLogoChange(checked)}
+								label={<p className="font-medium">{t`Logo & favicon`}</p>}
+							/>
 						</div>
 
 						{/* SEO settings */}
 						<div className="p-4">
-							<div className="flex items-center gap-3">
-								<input
-									type="checkbox"
-									checked={importSeo}
-									onChange={(e) => onImportSeoChange(e.target.checked)}
-									className="h-4 w-4 rounded border-gray-300"
-									aria-label={t`Import SEO settings`}
-								/>
-								<div>
-									<p className="font-medium">{t`SEO settings (Yoast)`}</p>
-									<p className="text-sm text-kumo-subtle">
-										{t`Meta titles, descriptions, and social images`}
-									</p>
-								</div>
-							</div>
+							<Switch
+								checked={importSeo}
+								onCheckedChange={(checked) => onImportSeoChange(checked)}
+								label={
+									<div>
+										<p className="font-medium">{t`SEO settings (Yoast)`}</p>
+										<p className="text-sm text-kumo-subtle">
+											{t`Meta titles, descriptions, and social images`}
+										</p>
+									</div>
+								}
+							/>
 						</div>
 					</div>
 				</div>
@@ -1812,13 +1787,10 @@ function PostTypeRow({
 		<div className="p-4">
 			<div className="flex items-center justify-between">
 				<div className="flex items-center gap-3">
-					<input
-						type="checkbox"
+					<Switch
 						checked={selection?.enabled ?? false}
 						disabled={!canImport}
-						onChange={(e) => onToggleEnabled(e.target.checked)}
-						className="h-4 w-4 rounded border-gray-300"
-						aria-label={t`Import ${postType.name}`}
+						onCheckedChange={(checked) => onToggleEnabled(checked)}
 					/>
 					<button
 						onClick={onToggleExpand}

From 7929f141b62ca6fd641d5683b560c72534d3f99e Mon Sep 17 00:00:00 2001
From: Matt Kane <mkane@cloudflare.com>
Date: Fri, 8 May 2026 16:09:16 +0100
Subject: [PATCH 2/2] fix(admin): add aria-label to PostTypeRow Switch (a11y)

The previous raw <input type="checkbox"> had aria-label={t`Import ${name}`}
which was lost when converting to <Switch>. Restore it -- the visible label
text lives in a sibling <button> for the expand/collapse interaction, so the
Switch needs its own accessible name.

Spotted in PR review by Copilot.
---
 packages/admin/src/components/WordPressImport.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/admin/src/components/WordPressImport.tsx b/packages/admin/src/components/WordPressImport.tsx
index 9bff7b182..eef625b8d 100644
--- a/packages/admin/src/components/WordPressImport.tsx
+++ b/packages/admin/src/components/WordPressImport.tsx
@@ -1791,6 +1791,7 @@ function PostTypeRow({
 						checked={selection?.enabled ?? false}
 						disabled={!canImport}
 						onCheckedChange={(checked) => onToggleEnabled(checked)}
+						aria-label={t`Import ${postType.name}`}
 					/>
 					<button
 						onClick={onToggleExpand}