feat: cache purge API (object cache + native Workers Caching) (#2275)

* feat: add object-cache purge API and cache:purge plugin capability

Admins and sandboxed plugins can clear CMS object-cache namespaces
(KV/memory) via GET/POST /_emdash/api/admin/cache/object and
ctx.cache. Block Kit buttons gain optional disabled and title fields
for clearer troubleshooting UI.

* style: format

* feat: add Workers Cache purge API alongside object cache

Admins and plugins with cache:purge can clear edge-cached pages via
GET/POST /_emdash/api/admin/cache/workers and ctx.cache.purgeWorkersCache()
(Cloudflare purge_everything using CF_ZONE_ID + CF_CACHE_PURGE_TOKEN).

* feat: purge Workers Cache via native cache.purge()

Replace zone REST purge (CF_ZONE_ID + token) with cloudflare:workers
cache.purge({ purgeEverything: true }). Status is configured when the
native API is available — no secrets required.

* fix(core): resolve Workers Cache purge via virtual module

Dynamic import of cloudflare:workers from core failed under Vite.
Expose cache through virtual:emdash/workers-cache (same pattern as env
and waitUntil) so status/purge work on the Cloudflare adapter.

* feat: Workers Cache path-prefix purge

POST /admin/cache/workers and ctx.cache.purgeWorkersCache() accept
optional pathPrefixes (paths or full URLs, normalized). Empty input
still purges everything via cache.purge.

* fix: lint workers-cache handlers and marketplace capability list

Move URL regex to module scope, drop redundant unknown union, rename
shadowed Tooltip render prop, and include cache:purge in
CAPABILITY_LABELS contract test.

---------

Co-authored-by: emdashbot[bot] <emdashbot[bot]@users.noreply.github.com>

Author: scottbuscemi

.changeset/object-cache-purge-api.md

@@ -0,0 +1,10 @@
+---
+"emdash": minor
+"@emdash-cms/cloudflare": minor
+"@emdash-cms/sandbox-workerd": minor
+"@emdash-cms/plugin-types": minor
+"@emdash-cms/plugin-cli": patch
+"@emdash-cms/blocks": minor
+---
+
+Adds admin APIs and a `cache:purge` plugin capability for clearing CMS caches: object cache (`GET`/`POST /_emdash/api/admin/cache/object`, `ctx.cache.purgeObjectCache`) and native Workers Caching (`GET`/`POST /_emdash/api/admin/cache/workers`, `ctx.cache.purgeWorkersCache` via `cache.purge` — purge everything or path prefixes; no zone ID or API token). Block Kit buttons also support optional `disabled` and `title` (tooltip) fields.

packages/admin/src/lib/api/marketplace.ts

@@ -282,6 +282,7 @@ export const CAPABILITY_LABELS: Record<string, MessageDescriptor> = {
 	"media:read": msg`Access your media library`,
 	"media:write": msg`Upload and manage media`,
 	"users:read": msg`Read user accounts`,
+	"cache:purge": msg`Clear the CMS object cache and Workers Cache`,
 	"network:request": msg`Make network requests`,
 	"network:request:unrestricted": msg`Make network requests to any host (unrestricted)`,
 	// Legacy aliases (still emitted by older installed manifests)

packages/admin/tests/lib/marketplace.test.ts

@@ -312,6 +312,7 @@ describe("CAPABILITY_LABELS", () => {
 			"media:read",
 			"media:write",
 			"users:read",
+			"cache:purge",
 			"network:request",
 			"network:request:unrestricted",
 			// Legacy aliases

packages/blocks/src/builders.ts

@@ -246,6 +246,8 @@ function button(
 		style?: "primary" | "danger" | "secondary";
 		value?: unknown;
 		confirm?: ConfirmDialog;
+		disabled?: boolean;
+		title?: string;
 	},
 ): ButtonElement {
 	return {
@@ -255,6 +257,8 @@ function button(
 		...(opts?.style !== undefined && { style: opts.style }),
 		...(opts?.value !== undefined && { value: opts.value }),
 		...(opts?.confirm !== undefined && { confirm: opts.confirm }),
+		...(opts?.disabled !== undefined && { disabled: opts.disabled }),
+		...(opts?.title !== undefined && { title: opts.title }),
 	};
 }
 

packages/blocks/src/elements/button.tsx

@@ -1,4 +1,4 @@
-import { Button, Dialog, DialogRoot } from "@cloudflare/kumo";
+import { Button, Dialog, DialogRoot, Tooltip, TooltipProvider } from "@cloudflare/kumo";
 import { useCallback, useState } from "react";
 
 import type { BlockInteraction, ButtonElement } from "../types.js";
@@ -11,22 +11,26 @@ export function ButtonElementComponent({
 	onAction: (interaction: BlockInteraction) => void;
 }) {
 	const [confirmOpen, setConfirmOpen] = useState(false);
+	const isDisabled = element.disabled === true;
+	const hasTitle = element.title !== undefined && element.title.length > 0;
 
 	const fireAction = useCallback(() => {
+		if (isDisabled) return;
 		onAction({
 			type: "block_action",
 			action_id: element.action_id,
 			value: element.value,
 		});
-	}, [onAction, element.action_id, element.value]);
+	}, [onAction, isDisabled, element.action_id, element.value]);
 
 	const handleClick = useCallback(() => {
+		if (isDisabled) return;
 		if (element.confirm) {
 			setConfirmOpen(true);
 		} else {
 			fireAction();
 		}
-	}, [element.confirm, fireAction]);
+	}, [isDisabled, element.confirm, fireAction]);
 
 	const handleConfirm = useCallback(() => {
 		setConfirmOpen(false);
@@ -40,12 +44,35 @@ export function ButtonElementComponent({
 				? ("destructive" as const)
 				: ("secondary" as const);
 
+	// Don't pass `title` into Kumo Button when disabled — that attaches the
+	// tooltip trigger to the disabled <button>, which never receives hover.
+	// Instead wrap a span (always hoverable) as the Tooltip trigger.
+	const button = (
+		<Button variant={variant} onClick={handleClick} disabled={isDisabled}>
+			{element.label}
+		</Button>
+	);
+
+	const withTooltip = hasTitle ? (
+		<TooltipProvider>
+			<Tooltip
+				content={element.title}
+				delay={200}
+				closeDelay={0}
+				// Span keeps pointer events when the inner button is disabled.
+				render={<span className="inline-flex max-w-max" />}
+			>
+				{button}
+			</Tooltip>
+		</TooltipProvider>
+	) : (
+		button
+	);
+
 	return (
 		<>
-			<Button variant={variant} onClick={handleClick}>
-				{element.label}
-			</Button>
-			{element.confirm && (
+			{withTooltip}
+			{element.confirm && !isDisabled && (
 				<DialogRoot open={confirmOpen} onOpenChange={setConfirmOpen}>
 					<Dialog>
 						<h3 className="text-lg font-semibold text-kumo-default">{element.confirm.title}</h3>

packages/blocks/src/types.ts

@@ -17,6 +17,10 @@ export interface ButtonElement {
 	style?: "primary" | "danger" | "secondary";
 	value?: unknown;
 	confirm?: ConfirmDialog;
+	/** When true, the button does not fire actions. */
+	disabled?: boolean;
+	/** Native tooltip shown on hover (e.g. why the button is disabled). */
+	title?: string;
 }
 
 export interface TextInputElement {

packages/blocks/src/validation.ts

@@ -176,6 +176,18 @@ function validateElement(value: unknown, path: string, errors: ValidationError[]
 					message: `Field 'style' must be one of: ${[...BUTTON_STYLES].join(", ")}`,
 				});
 			}
+			if (value.disabled !== undefined && typeof value.disabled !== "boolean") {
+				errors.push({
+					path: `${path}.disabled`,
+					message: "Field 'disabled' must be a boolean",
+				});
+			}
+			if (value.title !== undefined && typeof value.title !== "string") {
+				errors.push({
+					path: `${path}.title`,
+					message: "Field 'title' must be a string",
+				});
+			}
 			if (value.confirm !== undefined) {
 				validateConfirmDialog(value.confirm, `${path}.confirm`, errors);
 			}

packages/blocks/tests/renderer.test.tsx

@@ -15,11 +15,28 @@ const CollapsibleContext = React.createContext<{
 }>({});
 
 vi.mock("@cloudflare/kumo", () => ({
-	Button: ({ children, onClick, variant, type }: any) => (
-		<button onClick={onClick} data-variant={variant} type={type || "button"}>
+	Button: ({ children, onClick, variant, type, disabled, title }: any) => (
+		<button
+			onClick={onClick}
+			data-variant={variant}
+			type={type || "button"}
+			disabled={disabled}
+			title={typeof title === "string" ? title : undefined}
+		>
 			{children}
 		</button>
 	),
+	TooltipProvider: ({ children }: any) => <>{children}</>,
+	Tooltip: ({ content, children, render: triggerRender }: any) => {
+		const trigger = triggerRender ?? <span />;
+		return (
+			<div data-testid="tooltip" data-content={content}>
+				{React.isValidElement(trigger)
+					? React.cloneElement(trigger as React.ReactElement<any>, {}, children)
+					: children}
+			</div>
+		);
+	},
 	Badge: ({ children }: any) => <span data-testid="badge">{children}</span>,
 	Input: ({ label, value, defaultValue, onChange, onBlur, placeholder, type, min, max }: any) => (
 		<div>
@@ -393,6 +410,34 @@ describe("BlockRenderer", () => {
 		expect(screen.getByText("Cancel")).toBeTruthy();
 	});
 
+	it("disabled button with title wraps a tooltip and does not fire actions", () => {
+		const onAction = vi.fn();
+		renderBlocks(
+			[
+				{
+					type: "actions",
+					elements: [
+						{
+							type: "button",
+							action_id: "clear",
+							label: "Clear object cache",
+							disabled: true,
+							title: "Object Cache Not Configured",
+						},
+					],
+				},
+			],
+			onAction,
+		);
+		const btn = screen.getByText("Clear object cache") as HTMLButtonElement;
+		expect(btn.disabled).toBe(true);
+		expect(screen.getByTestId("tooltip").getAttribute("data-content")).toBe(
+			"Object Cache Not Configured",
+		);
+		fireEvent.click(btn);
+		expect(onAction).not.toHaveBeenCalled();
+	});
+
 	it("stats block renders stat cards with values", () => {
 		renderBlocks([
 			{

packages/cloudflare/src/sandbox/bridge.ts

@@ -10,7 +10,14 @@
 import type { D1Database } from "@cloudflare/workers-types";
 import { WorkerEntrypoint } from "cloudflare:workers";
 import type { SandboxEmailSendCallback } from "emdash";
-import { ulid, PluginStorageRepository } from "emdash";
+import {
+	handleObjectCachePurge,
+	handleObjectCacheStatus,
+	handleWorkersCachePurge,
+	handleWorkersCacheStatus,
+	ulid,
+	PluginStorageRepository,
+} from "emdash";
 import { Kysely } from "kysely";
 import { D1Dialect } from "kysely-d1";
 
@@ -1173,6 +1180,70 @@ export class PluginBridge extends WorkerEntrypoint<PluginBridgeEnv, PluginBridge
 		await emailSendCallback(message, pluginId);
 	}
 
+	// =========================================================================
+	// Object cache — capability-gated (cache:purge)
+	// =========================================================================
+
+	async getObjectCacheStatus(): Promise<{ configured: boolean }> {
+		const { capabilities } = this.ctx.props;
+		if (!capabilities.includes("cache:purge")) {
+			throw new Error("Missing capability: cache:purge");
+		}
+		const result = await handleObjectCacheStatus();
+		if (!result.success) {
+			throw new Error(result.error.message);
+		}
+		return result.data;
+	}
+
+	async purgeObjectCache(options?: {
+		namespaces?: string[];
+	}): Promise<{ configured: boolean; active: boolean; purged: string[] }> {
+		const { capabilities } = this.ctx.props;
+		if (!capabilities.includes("cache:purge")) {
+			throw new Error("Missing capability: cache:purge");
+		}
+		const db = new Kysely<unknown>({
+			dialect: new D1Dialect({ database: this.env.DB }),
+		});
+		// eslint-disable-next-line typescript-eslint/no-unsafe-type-assertion -- D1 dialect matches core handler db shape
+		const result = await handleObjectCachePurge(db as never, {
+			namespaces: options?.namespaces,
+		});
+		if (!result.success) {
+			throw new Error(result.error.message);
+		}
+		return result.data;
+	}
+
+	async getWorkersCacheStatus(): Promise<{ configured: boolean }> {
+		const { capabilities } = this.ctx.props;
+		if (!capabilities.includes("cache:purge")) {
+			throw new Error("Missing capability: cache:purge");
+		}
+		const result = await handleWorkersCacheStatus();
+		if (!result.success) {
+			throw new Error(result.error.message);
+		}
+		return result.data;
+	}
+
+	async purgeWorkersCache(options?: {
+		pathPrefixes?: string[];
+	}): Promise<{ configured: boolean; purged: boolean; pathPrefixes?: string[] }> {
+		const { capabilities } = this.ctx.props;
+		if (!capabilities.includes("cache:purge")) {
+			throw new Error("Missing capability: cache:purge");
+		}
+		const result = await handleWorkersCachePurge({
+			pathPrefixes: options?.pathPrefixes,
+		});
+		if (!result.success) {
+			throw new Error(result.error.message);
+		}
+		return result.data;
+	}
+
 	// =========================================================================
 	// Logging
 	// =========================================================================

packages/cloudflare/src/sandbox/types.ts

@@ -212,6 +212,15 @@ export interface PluginBridgeBinding {
 	): Promise<{ status: number; headers: Record<string, string>; text: string }>;
 	// Email
 	emailSend(message: { to: string; subject: string; text: string; html?: string }): Promise<void>;
+	// Cache purge (gated on cache:purge)
+	getObjectCacheStatus(): Promise<{ configured: boolean }>;
+	purgeObjectCache(options?: {
+		namespaces?: string[];
+	}): Promise<{ configured: boolean; active: boolean; purged: string[] }>;
+	getWorkersCacheStatus(): Promise<{ configured: boolean }>;
+	purgeWorkersCache(options?: {
+		pathPrefixes?: string[];
+	}): Promise<{ configured: boolean; purged: boolean; pathPrefixes?: string[] }>;
 	// Logging
 	log(level: "debug" | "info" | "warn" | "error", msg: string, data?: unknown): void;
 }