diff --git a/.changeset/workflows-local-explorer.md b/.changeset/workflows-local-explorer.md
new file mode 100644
index 0000000000..0d3ce6ea56
--- /dev/null
+++ b/.changeset/workflows-local-explorer.md
@@ -0,0 +1,16 @@
+---
+"miniflare": minor
+"@cloudflare/workflows-shared": patch
+---
+
+Add Workflows support to the local explorer UI.
+
+The local explorer (`/cdn-cgi/explorer/`) now includes a full Workflows dashboard for viewing and managing workflow instances during local development.
+
+UI features:
+
+- Workflow instance list with status badges, creation time, action buttons, and pagination
+- Status summary bar with instance counts per status
+- Status filter dropdown and search
+- Instance detail page with step history, params/output cards, error display, and expandable step details
+- Create instance dialog with optional ID and JSON params
diff --git a/packages/local-explorer-ui/src/assets/icons/workflows.svg b/packages/local-explorer-ui/src/assets/icons/workflows.svg
new file mode 100644
index 0000000000..04c8ccb8d8
--- /dev/null
+++ b/packages/local-explorer-ui/src/assets/icons/workflows.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" fill="currentColor">
+  <path d="m2 11-.5.5v2.75l.5.5h2.75l.5-.5V11.5l-.5-.5H2Zm2.25 2.75H2.5V12h1.75v1.75ZM7.93 2 5.68 4.25 7.93 6.5l2.25-2.25L7.93 2ZM3.76 9.56h8.34v1.14h.98V8.57H8.43v-1.6h-1v1.6H2.78v2.13h.98V9.56ZM12.5 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
+</svg>
diff --git a/packages/local-explorer-ui/src/components/Sidebar.tsx b/packages/local-explorer-ui/src/components/Sidebar.tsx
index 1da117625a..5bfbdeb88e 100644
--- a/packages/local-explorer-ui/src/components/Sidebar.tsx
+++ b/packages/local-explorer-ui/src/components/Sidebar.tsx
@@ -6,12 +6,14 @@ import D1Icon from "../assets/icons/d1.svg?react";
 import DOIcon from "../assets/icons/durable-objects.svg?react";
 import KVIcon from "../assets/icons/kv.svg?react";
 import R2Icon from "../assets/icons/r2.svg?react";
+import WorkflowsIcon from "../assets/icons/workflows.svg?react";
 import { WorkerSelector, type LocalExplorerWorker } from "./WorkerSelector";
 import type {
 	D1DatabaseResponse,
 	R2Bucket,
 	WorkersKvNamespace,
 	WorkersNamespace,
+	WorkflowsWorkflow,
 } from "../api";
 import type { FileRouteTypes } from "../routeTree.gen";
 import type { FC } from "react";
@@ -101,6 +103,8 @@ interface SidebarProps {
 	workers: LocalExplorerWorker[];
 	selectedWorker: string;
 	onWorkerChange: (workerName: string) => void;
+	workflows: WorkflowsWorkflow[];
+	workflowsError: string | null;
 }
 
 export function Sidebar({
@@ -116,6 +120,8 @@ export function Sidebar({
 	workers,
 	selectedWorker,
 	onWorkerChange,
+	workflows,
+	workflowsError,
 }: SidebarProps) {
 	const showWorkerSelector = workers.length > 1;
 
@@ -225,6 +231,24 @@ export function Sidebar({
 				})}
 				title="R2 Buckets"
 			/>
+			<SidebarItemGroup
+				emptyLabel="No workflows"
+				error={workflowsError}
+				icon={WorkflowsIcon}
+				items={workflows.map((wf) => ({
+					id: wf.name as string,
+					isActive:
+						currentPath === `/workflows/${wf.name}` ||
+						currentPath.startsWith(`/workflows/${wf.name}/`),
+					label: wf.name as string,
+					link: {
+						params: { workflowName: wf.name },
+						search: workerSearch,
+						to: "/workflows/$workflowName",
+					},
+				}))}
+				title="Workflows"
+			/>
 		</aside>
 	);
 }
diff --git a/packages/local-explorer-ui/src/components/workflows/CopyButton.tsx b/packages/local-explorer-ui/src/components/workflows/CopyButton.tsx
new file mode 100644
index 0000000000..4daeb57dfe
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/CopyButton.tsx
@@ -0,0 +1,33 @@
+import { CheckIcon, CopyIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+
+export function CopyButton({
+	text,
+	label = "Copy",
+}: {
+	text: string;
+	label?: string;
+}): JSX.Element {
+	const [copied, setCopied] = useState(false);
+
+	function handleCopy(): void {
+		void navigator.clipboard.writeText(text).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), 2000);
+		});
+	}
+
+	return (
+		<button
+			className="inline-flex size-7 cursor-pointer items-center justify-center rounded-md text-text-secondary transition-colors hover:bg-border/60"
+			onClick={handleCopy}
+			title={label}
+		>
+			{copied ? (
+				<CheckIcon size={14} className="text-[#00c950]" />
+			) : (
+				<CopyIcon size={14} />
+			)}
+		</button>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/CreateInstanceDialog.tsx b/packages/local-explorer-ui/src/components/workflows/CreateInstanceDialog.tsx
new file mode 100644
index 0000000000..d1eb50dd64
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/CreateInstanceDialog.tsx
@@ -0,0 +1,180 @@
+import { Button, Dialog } from "@cloudflare/kumo";
+import { useCallback, useState } from "react";
+import { workflowsCreateInstance } from "../../api";
+
+interface CreateWorkflowInstanceDialogProps {
+	onCreated: () => void;
+	onOpenChange: (open: boolean) => void;
+	open: boolean;
+	workflowName: string;
+}
+
+export function CreateWorkflowInstanceDialog({
+	onCreated,
+	onOpenChange,
+	open,
+	workflowName,
+}: CreateWorkflowInstanceDialogProps): JSX.Element {
+	const [creating, setCreating] = useState<boolean>(false);
+	const [error, setError] = useState<string | null>(null);
+	const [instanceId, setInstanceId] = useState<string>("");
+	const [params, setParams] = useState<string>("");
+	const [paramsError, setParamsError] = useState<string | null>(null);
+
+	const resetForm = useCallback(() => {
+		setInstanceId("");
+		setParams("");
+		setError(null);
+		setParamsError(null);
+	}, []);
+
+	function handleOpenChange(newOpen: boolean): void {
+		if (!newOpen) {
+			resetForm();
+		}
+		onOpenChange(newOpen);
+	}
+
+	function parseParams(): { valid: true; value: unknown } | { valid: false } {
+		if (!params.trim()) {
+			setParamsError(null);
+			return { valid: true, value: undefined };
+		}
+		try {
+			const parsed = JSON.parse(params) as unknown;
+			setParamsError(null);
+			return { valid: true, value: parsed };
+		} catch {
+			setParamsError("Invalid JSON");
+			return { valid: false };
+		}
+	}
+
+	async function handleCreate(): Promise<void> {
+		const result = parseParams();
+		if (!result.valid) {
+			return;
+		}
+
+		setCreating(true);
+		setError(null);
+
+		try {
+			const body: { id?: string; params?: unknown } = {};
+			if (instanceId.trim()) {
+				body.id = instanceId.trim();
+			}
+			if (result.value !== undefined) {
+				body.params = result.value;
+			}
+
+			await workflowsCreateInstance({
+				path: { workflow_name: workflowName },
+				body,
+			});
+
+			resetForm();
+			onCreated();
+		} catch (err) {
+			setError(
+				err instanceof Error ? err.message : "Failed to create instance"
+			);
+		} finally {
+			setCreating(false);
+		}
+	}
+
+	return (
+		<Dialog.Root open={open} onOpenChange={handleOpenChange}>
+			<Dialog size="lg">
+				{/* Header */}
+				<div className="border-b border-border px-6 pt-6 pb-4">
+					{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+					<Dialog.Title className="text-lg font-semibold text-text">
+						Trigger this workflow?
+					</Dialog.Title>
+					<p className="mt-1 text-sm text-text-secondary">
+						Manually trigger an instance of this Workflow using the payload
+						below.
+					</p>
+				</div>
+
+				{/* Body */}
+				<div className="px-6 py-6">
+					{error && (
+						<div className="mb-5 rounded-lg border border-danger/20 bg-danger/8 p-3 text-sm text-danger">
+							{error}
+						</div>
+					)}
+
+					{/* Instance ID */}
+					<div className="mb-5">
+						<label className="mb-2 block text-sm font-medium text-text">
+							Instance ID{" "}
+							<span className="font-normal text-text-secondary">
+								(optional)
+							</span>
+						</label>
+						<input
+							className="w-full rounded-lg border border-border bg-bg px-3 py-2.5 text-sm text-text placeholder-text-secondary! focus:border-primary focus:shadow-focus-primary focus:outline-none"
+							onChange={(e) => setInstanceId(e.target.value)}
+							placeholder="Auto-generated UUID if empty"
+							type="text"
+							value={instanceId}
+						/>
+					</div>
+
+					{/* Params */}
+					<div>
+						<label className="mb-2 block text-sm font-medium text-text">
+							Params
+						</label>
+						<textarea
+							className={`w-full resize-y rounded-lg border bg-bg px-3 py-2.5 font-mono text-sm text-text placeholder-text-secondary! focus:shadow-focus-primary focus:outline-none ${
+								paramsError
+									? "border-danger focus:border-danger"
+									: "border-border focus:border-primary"
+							}`}
+							onChange={(e) => {
+								setParams(e.target.value);
+								if (paramsError) {
+									setParamsError(null);
+								}
+							}}
+							placeholder='{"key": "value"}'
+							rows={8}
+							value={params}
+						/>
+						{paramsError ? (
+							<p className="mt-1 text-xs text-danger">{paramsError}</p>
+						) : (
+							<p className="mt-1 text-xs text-text-secondary">
+								JSON payload passed to the workflow
+							</p>
+						)}
+					</div>
+				</div>
+
+				{/* Footer */}
+				<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+					<Button
+						variant="secondary"
+						onClick={() => handleOpenChange(false)}
+						disabled={creating}
+					>
+						Cancel
+					</Button>
+
+					<Button
+						variant="primary"
+						disabled={creating}
+						loading={creating}
+						onClick={handleCreate}
+					>
+						{creating ? "Triggering..." : "Trigger Instance"}
+					</Button>
+				</div>
+			</Dialog>
+		</Dialog.Root>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/ScrollableCodeBlock.tsx b/packages/local-explorer-ui/src/components/workflows/ScrollableCodeBlock.tsx
new file mode 100644
index 0000000000..11d4cbef8a
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/ScrollableCodeBlock.tsx
@@ -0,0 +1,11 @@
+export function ScrollableCodeBlock({
+	content,
+}: {
+	content: string;
+}): JSX.Element {
+	return (
+		<pre className="max-h-64 overflow-y-auto px-4 py-3 font-mono text-xs break-words whitespace-pre-wrap text-text">
+			{content}
+		</pre>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/StatusBadge.tsx b/packages/local-explorer-ui/src/components/workflows/StatusBadge.tsx
new file mode 100644
index 0000000000..cd76f4670e
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/StatusBadge.tsx
@@ -0,0 +1,58 @@
+import { cn } from "@cloudflare/kumo";
+import type { WorkflowsInstance } from "../../api";
+
+type WorkflowStatus = NonNullable<WorkflowsInstance["status"]>;
+
+/*
+ * Color scheme matching the Cloudflare dashboard.
+ * Light: soft pastel bg + dark text. Dark: vibrant saturated bg + dark text.
+ * Tailwind arbitrary values with dark: variant for proper theme switching.
+ */
+const statusStyles: Record<WorkflowStatus, string> = {
+	complete: "bg-[#059669] text-[#fffdfb] dark:bg-[#008236] dark:text-[#ffeee6]",
+	errored: "bg-[#fb2b36] text-[#fffdfb] dark:bg-[#c10007] dark:text-[#ffeee6]",
+	terminated:
+		"bg-[#fb2b36] text-[#fffdfb] dark:bg-[#c10007] dark:text-[#ffeee6]",
+	waiting: "bg-[#cf7ee9] text-[#fffdfb] dark:bg-[#831ca6] dark:text-[#ffeee6]",
+	paused: "bg-[#cf7ee9] text-[#fffdfb] dark:bg-[#831ca6] dark:text-[#ffeee6]",
+	running: "bg-[#2b7bfb] text-[#fffdfb] dark:bg-[#004ac2] dark:text-[#ffeee6]",
+	waitingForPause:
+		"bg-[#2b7bfb] text-[#fffdfb] dark:bg-[#004ac2] dark:text-[#ffeee6]",
+	queued: "bg-[#d9d9d9] text-[#fffdfb] dark:bg-[#b6b6b6] dark:text-[#ffeee6]",
+	unknown: "bg-[#d9d9d9] text-[#fffdfb] dark:bg-[#b6b6b6] dark:text-[#ffeee6]",
+};
+
+const statusLabels: Record<WorkflowStatus, string> = {
+	queued: "Queued",
+	running: "Running",
+	paused: "Paused",
+	errored: "Errored",
+	terminated: "Terminated",
+	complete: "Complete",
+	waitingForPause: "Waiting for Pause",
+	waiting: "Waiting",
+	unknown: "Unknown",
+};
+
+interface WorkflowStatusBadgeProps {
+	status: WorkflowStatus | string | undefined;
+}
+
+export function WorkflowStatusBadge({
+	status,
+}: WorkflowStatusBadgeProps): JSX.Element {
+	const resolvedStatus = (
+		status && status in statusStyles ? status : "unknown"
+	) as WorkflowStatus;
+
+	return (
+		<span
+			className={cn(
+				"inline-flex items-center rounded-full px-2 py-0.5 text-xs",
+				statusStyles[resolvedStatus]
+			)}
+		>
+			{statusLabels[resolvedStatus]}
+		</span>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/StatusIcon.tsx b/packages/local-explorer-ui/src/components/workflows/StatusIcon.tsx
new file mode 100644
index 0000000000..df965004cb
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/StatusIcon.tsx
@@ -0,0 +1,69 @@
+import { Loader, Tooltip } from "@cloudflare/kumo";
+import {
+	CheckCircleIcon,
+	CircleNotchIcon,
+	PauseIcon,
+	SpinnerIcon,
+	StopIcon,
+	WarningCircleIcon,
+} from "@phosphor-icons/react";
+
+export function StatusIcon({ status }: { status: string }): JSX.Element {
+	switch (status) {
+		case "complete":
+			return (
+				<Tooltip content="Complete">
+					<CheckCircleIcon size={20} weight="fill" className="text-[#2b7bfb]" />
+				</Tooltip>
+			);
+		case "errored":
+			return (
+				<Tooltip content="Errored">
+					<WarningCircleIcon
+						size={20}
+						weight="fill"
+						className="text-[#fb2b36]"
+					/>
+				</Tooltip>
+			);
+		case "terminated":
+			return (
+				<Tooltip content="Terminated">
+					<StopIcon size={20} weight="fill" className="text-text-secondary" />
+				</Tooltip>
+			);
+		case "paused":
+		case "waitingForPause":
+			return (
+				<Tooltip content="Paused">
+					<PauseIcon size={20} weight="fill" className="text-text-secondary" />
+				</Tooltip>
+			);
+		case "running":
+			return (
+				<Tooltip content="Running">
+					<Loader size={20} />
+				</Tooltip>
+			);
+		case "waiting":
+			return (
+				<Tooltip content="Waiting">
+					<SpinnerIcon
+						size={20}
+						weight="bold"
+						className="text-text-secondary"
+					/>
+				</Tooltip>
+			);
+		default:
+			return (
+				<Tooltip content={status}>
+					<CircleNotchIcon
+						size={20}
+						weight="bold"
+						className="text-text-secondary"
+					/>
+				</Tooltip>
+			);
+	}
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/StepRow.tsx b/packages/local-explorer-ui/src/components/workflows/StepRow.tsx
new file mode 100644
index 0000000000..323b83693f
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/StepRow.tsx
@@ -0,0 +1,275 @@
+import { Loader } from "@cloudflare/kumo";
+import { CheckIcon, PlusIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { CopyButton } from "./CopyButton";
+import { formatDuration, formatJson } from "./helpers";
+import { ScrollableCodeBlock } from "./ScrollableCodeBlock";
+import { Timestamp } from "./Timestamp";
+import type { StepData } from "./types";
+
+function StepStatusIcon({
+	success,
+	finished,
+	hasError,
+	subtle,
+}: {
+	success?: boolean | null;
+	finished?: boolean;
+	hasError?: boolean;
+	subtle?: boolean;
+}): JSX.Element {
+	if (success === false || hasError) {
+		if (subtle) {
+			return (
+				<div className="flex size-5 items-center justify-center rounded bg-text-secondary/30">
+					<span className="text-xs font-bold text-text">!</span>
+				</div>
+			);
+		}
+		return (
+			<div className="flex size-5 items-center justify-center rounded bg-[#fb2b36]">
+				<span className="text-xs font-bold text-white">!</span>
+			</div>
+		);
+	}
+	if (success === true || finished === true) {
+		if (subtle) {
+			return (
+				<div className="flex size-5 items-center justify-center rounded bg-text-secondary/30">
+					<CheckIcon size={12} weight="bold" className="text-white" />
+				</div>
+			);
+		}
+		return (
+			<div className="flex size-5 items-center justify-center rounded bg-[#059669]">
+				<CheckIcon size={12} weight="bold" className="text-white" />
+			</div>
+		);
+	}
+	return (
+		<span>
+			<Loader size={18} />
+		</span>
+	);
+}
+
+const TYPE_BADGE_STYLES: Record<string, string> = {
+	step: "bg-bg-tertiary text-text-secondary",
+	sleep: "bg-[#f5f5f5] text-[#525252] dark:bg-[#262626] dark:text-[#a3a3a3]",
+	waitForEvent:
+		"bg-[#f5f3ff] text-[#7c3aed] dark:bg-[#2e1065] dark:text-[#a78bfa]",
+};
+
+export function StepRow({ step }: { step: StepData }): JSX.Element {
+	const [expanded, setExpanded] = useState(false);
+
+	const hasDetails =
+		step.type === "step" ||
+		(step.type === "waitForEvent" &&
+			(step.error || step.output !== undefined || step.finished));
+
+	return (
+		<div className="border-b border-border p-1 last:border-b-0">
+			{/* Collapsed row */}
+			<div
+				className={`grid h-10 grid-cols-[20px_1fr_160px_160px_80px_24px] items-center gap-3 rounded-lg px-2 transition-colors ${hasDetails ? "cursor-pointer hover:bg-border/40" : ""}`}
+				onClick={hasDetails ? () => setExpanded(!expanded) : undefined}
+			>
+				<StepStatusIcon
+					success={step.success}
+					finished={step.finished}
+					hasError={!!step.error}
+				/>
+
+				<div className="flex items-center gap-2 overflow-hidden">
+					{step.type && step.type !== "step" && (
+						<span
+							className={`shrink-0 rounded px-1.5 py-0.5 text-sm ${TYPE_BADGE_STYLES[step.type] ?? TYPE_BADGE_STYLES.step}`}
+						>
+							{step.type === "waitForEvent" ? "wait for event" : step.type}
+						</span>
+					)}
+					<span className="truncate text-sm text-text">
+						{step.name ?? "Unknown step"}
+					</span>
+				</div>
+
+				<Timestamp value={step.start} />
+				<Timestamp value={step.end} />
+				<span className="text-sm text-text-secondary">
+					{formatDuration(step.start, step.end)}
+				</span>
+
+				<div className="flex items-center justify-center">
+					{hasDetails ? (
+						<PlusIcon
+							size={14}
+							className={`text-text-secondary transition-transform ${expanded ? "rotate-45" : ""}`}
+						/>
+					) : (
+						<div className="w-6" />
+					)}
+				</div>
+			</div>
+
+			{/* Expanded detail panel */}
+			{expanded && hasDetails && (
+				<div className="-mx-1 -mb-1">
+					<div className="mt-1 h-2 rounded-t-lg border-t border-border" />
+					<div className="px-4 pt-3 pb-4">
+						{step.type === "step" && <StepDoDetails step={step} />}
+						{step.type === "waitForEvent" && (
+							<WaitForEventDetails step={step} />
+						)}
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}
+
+function StepCodeCard({
+	label,
+	content,
+}: {
+	label: string;
+	content: string;
+}): JSX.Element {
+	return (
+		<div>
+			<h5 className="mb-2 text-sm font-medium text-text">{label}</h5>
+			<div className="relative overflow-hidden rounded-lg border border-border bg-bg">
+				<ScrollableCodeBlock content={content} />
+				<div className="absolute top-1.5 right-1.5">
+					<CopyButton text={content} label={`Copy ${label.toLowerCase()}`} />
+				</div>
+			</div>
+		</div>
+	);
+}
+
+function StepDoDetails({ step }: { step: StepData }): JSX.Element {
+	// Get error text from last failed attempt
+	const failedAttempt =
+		step.success === false && step.attempts
+			? [...step.attempts].reverse().find((a) => a.error)
+			: null;
+	const errorText = failedAttempt?.error
+		? `${failedAttempt.error.name}: ${failedAttempt.error.message}`
+		: null;
+	const outputText =
+		step.success === true && step.output !== undefined
+			? formatJson(step.output)
+			: null;
+
+	// Left side: output or error. Right side: config.
+	const leftLabel = errorText ? "Error" : "Output";
+	const leftContent = errorText ?? outputText ?? "N/A";
+	const configContent = step.config ? formatJson(step.config) : null;
+
+	return (
+		<div className="space-y-4">
+			{/* Output/Error + Config side by side */}
+			<div className={configContent ? "grid grid-cols-2 gap-4" : ""}>
+				<StepCodeCard label={leftLabel} content={leftContent} />
+				{configContent && (
+					<StepCodeCard label="Config" content={configContent} />
+				)}
+			</div>
+
+			{/* Attempts */}
+			{step.attempts && step.attempts.length > 0 && (
+				<div>
+					<hr className="mb-4 border-dashed border-border" />
+					<h5 className="mb-2 text-sm font-medium text-text">Attempts</h5>
+					<div>
+						{[...step.attempts].reverse().map((attempt, i, reversed) => {
+							const attemptNum = reversed.length - i;
+							// The attempt below this one in display = next in chronological order
+							const nextDisplayed = reversed[i + 1];
+							// Delay between this attempt's end and the one below's start (chronologically: below is older)
+							// But we want the delay between the older one's end and this one's start
+							// In chronological order: nextDisplayed happened before this attempt
+							const delayMs =
+								nextDisplayed && nextDisplayed.end && attempt.start
+									? new Date(attempt.start).getTime() -
+										new Date(nextDisplayed.end).getTime()
+									: null;
+							const isLast = i === reversed.length - 1;
+
+							return (
+								<div key={i}>
+									<div className="rounded-md bg-bg py-2 pr-3 text-sm">
+										<div className="flex items-start gap-3">
+											<div className="flex shrink-0 items-center gap-3 pt-0.5">
+												<span className="font-mono text-text-secondary">
+													#{attemptNum}
+												</span>
+												<StepStatusIcon success={attempt.success} subtle />
+											</div>
+											<div className="min-w-0 flex-1">
+												<div className="flex items-center gap-2">
+													{attempt.error ? (
+														<span className="font-medium text-text">
+															{attempt.error.name}
+														</span>
+													) : attempt.success ? (
+														<span className="text-text-secondary">Success</span>
+													) : (
+														<span className="text-text-secondary">Running</span>
+													)}
+													<span className="flex-1 border-t border-dashed border-border" />
+													<span className="shrink-0 text-text-secondary">
+														{formatDuration(attempt.start, attempt.end)}
+													</span>
+												</div>
+												{attempt.error?.message && (
+													<p className="mt-1 text-xs text-text-secondary">
+														{attempt.error.message}
+													</p>
+												)}
+											</div>
+										</div>
+									</div>
+									{!isLast && delayMs !== null && delayMs > 0 && (
+										<div className="flex items-center py-1 pl-[28px]">
+											<div className="flex h-10 w-5 items-center justify-center">
+												<div className="h-full border-l border-dashed border-border" />
+											</div>
+											<span className="ml-2 text-sm text-text-secondary">
+												{formatDuration(nextDisplayed?.end, attempt.start)}
+											</span>
+										</div>
+									)}
+								</div>
+							);
+						})}
+					</div>
+				</div>
+			)}
+		</div>
+	);
+}
+
+function WaitForEventDetails({ step }: { step: StepData }): JSX.Element {
+	const hasPayload = step.finished && !step.error;
+	const hasError = !!step.error;
+
+	return (
+		<div
+			className={
+				hasPayload && hasError ? "grid grid-cols-2 gap-4" : "space-y-4"
+			}
+		>
+			{hasPayload && (
+				<StepCodeCard label="Event Payload" content={formatJson(step.output)} />
+			)}
+			{hasError && (
+				<StepCodeCard
+					label={step.error?.name ?? "Error"}
+					content={step.error?.message ?? "Unknown error"}
+				/>
+			)}
+		</div>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/Timestamp.tsx b/packages/local-explorer-ui/src/components/workflows/Timestamp.tsx
new file mode 100644
index 0000000000..5b4672d7fa
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/Timestamp.tsx
@@ -0,0 +1,60 @@
+import { Tooltip } from "@cloudflare/kumo";
+import { timeAgo } from "./helpers";
+
+function formatShort(ts: string): string {
+	try {
+		const d = new Date(ts);
+		const pad = (n: number) => String(n).padStart(2, "0");
+		return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+	} catch {
+		return ts;
+	}
+}
+
+function formatFull(ts: string): string {
+	try {
+		const d = new Date(ts);
+		return d.toLocaleString("en-US", {
+			weekday: "short",
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			second: "2-digit",
+			hour12: true,
+			timeZoneName: "short",
+		});
+	} catch {
+		return ts;
+	}
+}
+
+export function Timestamp({
+	value,
+}: {
+	value: string | undefined | null;
+}): JSX.Element {
+	if (!value) {
+		return <span className="text-sm text-text-secondary">—</span>;
+	}
+
+	const short = formatShort(value);
+	const full = formatFull(value);
+	const relative = timeAgo(value);
+
+	return (
+		<Tooltip
+			content={
+				<div className="space-y-1 text-xs">
+					<div>{full}</div>
+					<div className="text-text-secondary">{relative}</div>
+				</div>
+			}
+		>
+			<span className="text-sm whitespace-nowrap text-text-secondary">
+				{short}
+			</span>
+		</Tooltip>
+	);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/helpers.ts b/packages/local-explorer-ui/src/components/workflows/helpers.ts
new file mode 100644
index 0000000000..d296605698
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/helpers.ts
@@ -0,0 +1,66 @@
+export function formatDuration(
+	startStr?: string | null,
+	endStr?: string | null
+): string {
+	if (!startStr || !endStr) {
+		return "—";
+	}
+	const ms = new Date(endStr).getTime() - new Date(startStr).getTime();
+	if (isNaN(ms) || ms < 0) {
+		return "—";
+	}
+	if (ms < 1000) {
+		return `${ms}ms`;
+	}
+	const secs = Math.floor(ms / 1000);
+	const remainMs = ms % 1000;
+	if (ms < 60_000) {
+		return remainMs > 0 ? `${secs}s ${remainMs}ms` : `${secs}s`;
+	}
+	const mins = Math.floor(ms / 60_000);
+	const remainSecs = Math.floor((ms % 60_000) / 1000);
+	if (mins < 60) {
+		return remainSecs > 0 ? `${mins}m ${remainSecs}s` : `${mins}m`;
+	}
+	const hours = Math.floor(mins / 60);
+	const remainMins = mins % 60;
+	return remainMins > 0 ? `${hours}h ${remainMins}m` : `${hours}h`;
+}
+
+export function timeAgo(dateString: string | undefined): string {
+	if (!dateString) {
+		return "";
+	}
+	const now = Date.now();
+	const then = new Date(dateString).getTime();
+	if (isNaN(then)) {
+		return "";
+	}
+	const seconds = Math.floor((now - then) / 1000);
+	if (seconds < 5) {
+		return "just now";
+	}
+	if (seconds < 60) {
+		return `${seconds}s ago`;
+	}
+	const minutes = Math.floor(seconds / 60);
+	if (minutes < 60) {
+		return `${minutes}m ago`;
+	}
+	const hours = Math.floor(minutes / 60);
+	if (hours < 24) {
+		return `${hours}h ago`;
+	}
+	const days = Math.floor(hours / 24);
+	return `${days}d ago`;
+}
+
+export function formatJson(value: unknown): string {
+	if (value === null || value === undefined) {
+		return "N/A";
+	}
+	if (typeof value === "string") {
+		return value;
+	}
+	return JSON.stringify(value, null, 2);
+}
diff --git a/packages/local-explorer-ui/src/components/workflows/types.ts b/packages/local-explorer-ui/src/components/workflows/types.ts
new file mode 100644
index 0000000000..ea6de95e40
--- /dev/null
+++ b/packages/local-explorer-ui/src/components/workflows/types.ts
@@ -0,0 +1,54 @@
+export interface StepData {
+	name?: string;
+	type?: string;
+	start?: string;
+	end?: string;
+	success?: boolean | null;
+	finished?: boolean;
+	output?: unknown;
+	error?: { name?: string; message?: string } | null;
+	config?: Record<string, unknown> | null;
+	attempts?: AttemptData[];
+}
+
+export interface AttemptData {
+	start?: string;
+	end?: string;
+	success?: boolean | null;
+	error?: { name?: string; message?: string } | null;
+}
+
+export interface InstanceDetails {
+	status?: string;
+	params?: unknown;
+	queued?: string;
+	start?: string;
+	end?: string;
+	output?: unknown;
+	error?: { name?: string; message?: string } | null;
+	steps?: StepData[];
+	step_count?: number;
+}
+
+export type Action = "pause" | "resume" | "restart" | "terminate";
+
+const TERMINAL_STATUSES = new Set(["complete", "errored", "terminated"]);
+
+export function getAvailableActions(status: string): Action[] {
+	const actions: Action[] = [];
+	if (status === "running" || status === "waiting") {
+		actions.push("pause");
+	}
+	if (status === "paused" || status === "waitingForPause") {
+		actions.push("resume");
+	}
+	if (!TERMINAL_STATUSES.has(status)) {
+		actions.push("terminate");
+	}
+	actions.push("restart");
+	return actions;
+}
+
+export function isTerminalStatus(status: string): boolean {
+	return TERMINAL_STATUSES.has(status);
+}
diff --git a/packages/local-explorer-ui/src/routeTree.gen.ts b/packages/local-explorer-ui/src/routeTree.gen.ts
index 744422d0b5..500944a883 100644
--- a/packages/local-explorer-ui/src/routeTree.gen.ts
+++ b/packages/local-explorer-ui/src/routeTree.gen.ts
@@ -10,12 +10,15 @@
 
 import { Route as rootRouteImport } from './routes/__root'
 import { Route as IndexRouteImport } from './routes/index'
+import { Route as WorkflowsWorkflowNameRouteImport } from './routes/workflows/$workflowName'
 import { Route as R2BucketNameRouteImport } from './routes/r2/$bucketName'
 import { Route as KvNamespaceIdRouteImport } from './routes/kv/$namespaceId'
 import { Route as DoClassNameRouteImport } from './routes/do/$className'
 import { Route as D1DatabaseIdRouteImport } from './routes/d1/$databaseId'
+import { Route as WorkflowsWorkflowNameIndexRouteImport } from './routes/workflows/$workflowName/index'
 import { Route as R2BucketNameIndexRouteImport } from './routes/r2/$bucketName/index'
 import { Route as DoClassNameIndexRouteImport } from './routes/do/$className/index'
+import { Route as WorkflowsWorkflowNameInstanceIdRouteImport } from './routes/workflows/$workflowName/$instanceId'
 import { Route as DoClassNameObjectIdRouteImport } from './routes/do/$className/$objectId'
 import { Route as R2BucketNameObjectSplatRouteImport } from './routes/r2/$bucketName/object.$'
 
@@ -24,6 +27,11 @@ const IndexRoute = IndexRouteImport.update({
   path: '/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const WorkflowsWorkflowNameRoute = WorkflowsWorkflowNameRouteImport.update({
+  id: '/workflows/$workflowName',
+  path: '/workflows/$workflowName',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const R2BucketNameRoute = R2BucketNameRouteImport.update({
   id: '/r2/$bucketName',
   path: '/r2/$bucketName',
@@ -44,6 +52,12 @@ const D1DatabaseIdRoute = D1DatabaseIdRouteImport.update({
   path: '/d1/$databaseId',
   getParentRoute: () => rootRouteImport,
 } as any)
+const WorkflowsWorkflowNameIndexRoute =
+  WorkflowsWorkflowNameIndexRouteImport.update({
+    id: '/',
+    path: '/',
+    getParentRoute: () => WorkflowsWorkflowNameRoute,
+  } as any)
 const R2BucketNameIndexRoute = R2BucketNameIndexRouteImport.update({
   id: '/',
   path: '/',
@@ -54,6 +68,12 @@ const DoClassNameIndexRoute = DoClassNameIndexRouteImport.update({
   path: '/',
   getParentRoute: () => DoClassNameRoute,
 } as any)
+const WorkflowsWorkflowNameInstanceIdRoute =
+  WorkflowsWorkflowNameInstanceIdRouteImport.update({
+    id: '/$instanceId',
+    path: '/$instanceId',
+    getParentRoute: () => WorkflowsWorkflowNameRoute,
+  } as any)
 const DoClassNameObjectIdRoute = DoClassNameObjectIdRouteImport.update({
   id: '/$objectId',
   path: '/$objectId',
@@ -71,9 +91,12 @@ export interface FileRoutesByFullPath {
   '/do/$className': typeof DoClassNameRouteWithChildren
   '/kv/$namespaceId': typeof KvNamespaceIdRoute
   '/r2/$bucketName': typeof R2BucketNameRouteWithChildren
+  '/workflows/$workflowName': typeof WorkflowsWorkflowNameRouteWithChildren
   '/do/$className/$objectId': typeof DoClassNameObjectIdRoute
+  '/workflows/$workflowName/$instanceId': typeof WorkflowsWorkflowNameInstanceIdRoute
   '/do/$className/': typeof DoClassNameIndexRoute
   '/r2/$bucketName/': typeof R2BucketNameIndexRoute
+  '/workflows/$workflowName/': typeof WorkflowsWorkflowNameIndexRoute
   '/r2/$bucketName/object/$': typeof R2BucketNameObjectSplatRoute
 }
 export interface FileRoutesByTo {
@@ -81,8 +104,10 @@ export interface FileRoutesByTo {
   '/d1/$databaseId': typeof D1DatabaseIdRoute
   '/kv/$namespaceId': typeof KvNamespaceIdRoute
   '/do/$className/$objectId': typeof DoClassNameObjectIdRoute
+  '/workflows/$workflowName/$instanceId': typeof WorkflowsWorkflowNameInstanceIdRoute
   '/do/$className': typeof DoClassNameIndexRoute
   '/r2/$bucketName': typeof R2BucketNameIndexRoute
+  '/workflows/$workflowName': typeof WorkflowsWorkflowNameIndexRoute
   '/r2/$bucketName/object/$': typeof R2BucketNameObjectSplatRoute
 }
 export interface FileRoutesById {
@@ -92,9 +117,12 @@ export interface FileRoutesById {
   '/do/$className': typeof DoClassNameRouteWithChildren
   '/kv/$namespaceId': typeof KvNamespaceIdRoute
   '/r2/$bucketName': typeof R2BucketNameRouteWithChildren
+  '/workflows/$workflowName': typeof WorkflowsWorkflowNameRouteWithChildren
   '/do/$className/$objectId': typeof DoClassNameObjectIdRoute
+  '/workflows/$workflowName/$instanceId': typeof WorkflowsWorkflowNameInstanceIdRoute
   '/do/$className/': typeof DoClassNameIndexRoute
   '/r2/$bucketName/': typeof R2BucketNameIndexRoute
+  '/workflows/$workflowName/': typeof WorkflowsWorkflowNameIndexRoute
   '/r2/$bucketName/object/$': typeof R2BucketNameObjectSplatRoute
 }
 export interface FileRouteTypes {
@@ -105,9 +133,12 @@ export interface FileRouteTypes {
     | '/do/$className'
     | '/kv/$namespaceId'
     | '/r2/$bucketName'
+    | '/workflows/$workflowName'
     | '/do/$className/$objectId'
+    | '/workflows/$workflowName/$instanceId'
     | '/do/$className/'
     | '/r2/$bucketName/'
+    | '/workflows/$workflowName/'
     | '/r2/$bucketName/object/$'
   fileRoutesByTo: FileRoutesByTo
   to:
@@ -115,8 +146,10 @@ export interface FileRouteTypes {
     | '/d1/$databaseId'
     | '/kv/$namespaceId'
     | '/do/$className/$objectId'
+    | '/workflows/$workflowName/$instanceId'
     | '/do/$className'
     | '/r2/$bucketName'
+    | '/workflows/$workflowName'
     | '/r2/$bucketName/object/$'
   id:
     | '__root__'
@@ -125,9 +158,12 @@ export interface FileRouteTypes {
     | '/do/$className'
     | '/kv/$namespaceId'
     | '/r2/$bucketName'
+    | '/workflows/$workflowName'
     | '/do/$className/$objectId'
+    | '/workflows/$workflowName/$instanceId'
     | '/do/$className/'
     | '/r2/$bucketName/'
+    | '/workflows/$workflowName/'
     | '/r2/$bucketName/object/$'
   fileRoutesById: FileRoutesById
 }
@@ -137,6 +173,7 @@ export interface RootRouteChildren {
   DoClassNameRoute: typeof DoClassNameRouteWithChildren
   KvNamespaceIdRoute: typeof KvNamespaceIdRoute
   R2BucketNameRoute: typeof R2BucketNameRouteWithChildren
+  WorkflowsWorkflowNameRoute: typeof WorkflowsWorkflowNameRouteWithChildren
 }
 
 declare module '@tanstack/react-router' {
@@ -148,6 +185,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof IndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/workflows/$workflowName': {
+      id: '/workflows/$workflowName'
+      path: '/workflows/$workflowName'
+      fullPath: '/workflows/$workflowName'
+      preLoaderRoute: typeof WorkflowsWorkflowNameRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/r2/$bucketName': {
       id: '/r2/$bucketName'
       path: '/r2/$bucketName'
@@ -176,6 +220,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof D1DatabaseIdRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/workflows/$workflowName/': {
+      id: '/workflows/$workflowName/'
+      path: '/'
+      fullPath: '/workflows/$workflowName/'
+      preLoaderRoute: typeof WorkflowsWorkflowNameIndexRouteImport
+      parentRoute: typeof WorkflowsWorkflowNameRoute
+    }
     '/r2/$bucketName/': {
       id: '/r2/$bucketName/'
       path: '/'
@@ -190,6 +241,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DoClassNameIndexRouteImport
       parentRoute: typeof DoClassNameRoute
     }
+    '/workflows/$workflowName/$instanceId': {
+      id: '/workflows/$workflowName/$instanceId'
+      path: '/$instanceId'
+      fullPath: '/workflows/$workflowName/$instanceId'
+      preLoaderRoute: typeof WorkflowsWorkflowNameInstanceIdRouteImport
+      parentRoute: typeof WorkflowsWorkflowNameRoute
+    }
     '/do/$className/$objectId': {
       id: '/do/$className/$objectId'
       path: '/$objectId'
@@ -235,12 +293,28 @@ const R2BucketNameRouteWithChildren = R2BucketNameRoute._addFileChildren(
   R2BucketNameRouteChildren,
 )
 
+interface WorkflowsWorkflowNameRouteChildren {
+  WorkflowsWorkflowNameInstanceIdRoute: typeof WorkflowsWorkflowNameInstanceIdRoute
+  WorkflowsWorkflowNameIndexRoute: typeof WorkflowsWorkflowNameIndexRoute
+}
+
+const WorkflowsWorkflowNameRouteChildren: WorkflowsWorkflowNameRouteChildren = {
+  WorkflowsWorkflowNameInstanceIdRoute: WorkflowsWorkflowNameInstanceIdRoute,
+  WorkflowsWorkflowNameIndexRoute: WorkflowsWorkflowNameIndexRoute,
+}
+
+const WorkflowsWorkflowNameRouteWithChildren =
+  WorkflowsWorkflowNameRoute._addFileChildren(
+    WorkflowsWorkflowNameRouteChildren,
+  )
+
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
   D1DatabaseIdRoute: D1DatabaseIdRoute,
   DoClassNameRoute: DoClassNameRouteWithChildren,
   KvNamespaceIdRoute: KvNamespaceIdRoute,
   R2BucketNameRoute: R2BucketNameRouteWithChildren,
+  WorkflowsWorkflowNameRoute: WorkflowsWorkflowNameRouteWithChildren,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
diff --git a/packages/local-explorer-ui/src/routes/__root.tsx b/packages/local-explorer-ui/src/routes/__root.tsx
index 01e4e8e6b5..ba77c16455 100644
--- a/packages/local-explorer-ui/src/routes/__root.tsx
+++ b/packages/local-explorer-ui/src/routes/__root.tsx
@@ -12,6 +12,7 @@ import {
 	localExplorerListWorkers,
 	r2ListBuckets,
 	workersKvNamespaceListNamespaces,
+	workflowsListWorkflows,
 } from "../api";
 import { Sidebar } from "../components/Sidebar";
 import { filterVisibleWorkers } from "../components/WorkerSelector";
@@ -21,6 +22,7 @@ import type {
 	R2Bucket,
 	WorkersKvNamespace,
 	WorkersNamespace,
+	WorkflowsWorkflow,
 } from "../api";
 
 // Extended types with workerName for filtering
@@ -32,14 +34,21 @@ type R2BucketWithWorker = R2Bucket & { workerName?: string };
 export const Route = createRootRoute({
 	component: RootLayout,
 	loader: async () => {
-		const [workersResponse, kvResponse, d1Response, doResponse, r2Response] =
-			await Promise.allSettled([
-				localExplorerListWorkers(),
-				workersKvNamespaceListNamespaces(),
-				d1ListDatabases(),
-				durableObjectsNamespaceListNamespaces(),
-				r2ListBuckets(),
-			]);
+		const [
+			workersResponse,
+			kvResponse,
+			d1Response,
+			doResponse,
+			r2Response,
+			workflowsResponse,
+		] = await Promise.allSettled([
+			localExplorerListWorkers(),
+			workersKvNamespaceListNamespaces(),
+			d1ListDatabases(),
+			durableObjectsNamespaceListNamespaces(),
+			r2ListBuckets(),
+			workflowsListWorkflows(),
+		]);
 
 		let workers = new Array<LocalExplorerWorker>();
 		if (workersResponse.status === "fulfilled") {
@@ -84,6 +93,14 @@ export const Route = createRootRoute({
 			r2Error = `R2 Error: ${r2Response.reason instanceof Error ? r2Response.reason.message : JSON.stringify(r2Response.reason)}`;
 		}
 
+		let workflows = new Array<WorkflowsWorkflow>();
+		let workflowsError: string | null = null;
+		if (workflowsResponse.status === "fulfilled") {
+			workflows = workflowsResponse.value.data?.result ?? [];
+		} else {
+			workflowsError = `Workflows Error: ${workflowsResponse.reason instanceof Error ? workflowsResponse.reason.message : JSON.stringify(workflowsResponse.reason)}`;
+		}
+
 		return {
 			d1Error,
 			databases,
@@ -94,6 +111,8 @@ export const Route = createRootRoute({
 			r2Buckets,
 			r2Error,
 			workers,
+			workflows,
+			workflowsError,
 		};
 	},
 });
@@ -158,6 +177,7 @@ function RootLayout() {
 				databases: loaderData.databases,
 				doNamespaces: loaderData.doNamespaces,
 				r2Buckets: loaderData.r2Buckets,
+				workflows: loaderData.workflows,
 			};
 		}
 
@@ -175,6 +195,9 @@ function RootLayout() {
 			r2Buckets: loaderData.r2Buckets.filter(
 				(bucket) => bucket.workerName === selectedWorker
 			),
+			workflows: loaderData.workflows.filter(
+				(wf) => wf.script_name === selectedWorker
+			),
 		};
 	}, [
 		selectedWorker,
@@ -182,6 +205,7 @@ function RootLayout() {
 		loaderData.databases,
 		loaderData.doNamespaces,
 		loaderData.r2Buckets,
+		loaderData.workflows,
 	]);
 
 	return (
@@ -200,6 +224,8 @@ function RootLayout() {
 					workers={visibleWorkers}
 					selectedWorker={selectedWorker}
 					onWorkerChange={handleWorkerChange}
+					workflows={filteredData.workflows}
+					workflowsError={loaderData.workflowsError}
 				/>
 				<main className="flex flex-1 flex-col overflow-y-auto">
 					<Outlet />
diff --git a/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx b/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx
new file mode 100644
index 0000000000..f22d66f298
--- /dev/null
+++ b/packages/local-explorer-ui/src/routes/workflows/$workflowName.tsx
@@ -0,0 +1,10 @@
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/workflows/$workflowName")({
+	component: () => <Outlet />,
+	loader: async ({ params }) => {
+		return {
+			workflowName: params.workflowName,
+		};
+	},
+});
diff --git a/packages/local-explorer-ui/src/routes/workflows/$workflowName/$instanceId.tsx b/packages/local-explorer-ui/src/routes/workflows/$workflowName/$instanceId.tsx
new file mode 100644
index 0000000000..bcd38577e6
--- /dev/null
+++ b/packages/local-explorer-ui/src/routes/workflows/$workflowName/$instanceId.tsx
@@ -0,0 +1,656 @@
+import {
+	Button,
+	Dialog,
+	DropdownMenu,
+	LayerCard,
+	Text,
+	Tooltip,
+} from "@cloudflare/kumo";
+import {
+	ArrowClockwiseIcon,
+	BellIcon,
+	CaretDownIcon,
+	CodeIcon,
+	ListBulletsIcon,
+	MagnifyingGlassIcon,
+	MoonIcon,
+	PaperPlaneTiltIcon,
+	PauseIcon,
+	PlayIcon,
+	StopIcon,
+	TrashIcon,
+} from "@phosphor-icons/react";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import {
+	workflowsChangeInstanceStatus,
+	workflowsDeleteInstance,
+	workflowsGetInstanceDetails,
+	workflowsSendInstanceEvent,
+} from "../../../api";
+import WorkflowsIcon from "../../../assets/icons/workflows.svg?react";
+import { Breadcrumbs } from "../../../components/Breadcrumbs";
+import { CopyButton } from "../../../components/workflows/CopyButton";
+import {
+	formatDuration,
+	formatJson,
+} from "../../../components/workflows/helpers";
+import { ScrollableCodeBlock } from "../../../components/workflows/ScrollableCodeBlock";
+import { WorkflowStatusBadge } from "../../../components/workflows/StatusBadge";
+import { StatusIcon } from "../../../components/workflows/StatusIcon";
+import { StepRow } from "../../../components/workflows/StepRow";
+import {
+	getAvailableActions,
+	isTerminalStatus,
+} from "../../../components/workflows/types";
+import type {
+	Action,
+	InstanceDetails,
+} from "../../../components/workflows/types";
+
+export const Route = createFileRoute("/workflows/$workflowName/$instanceId")({
+	component: InstanceDetailView,
+	loader: async ({ params }) => {
+		const response = await workflowsGetInstanceDetails({
+			path: {
+				instance_id: params.instanceId,
+				workflow_name: params.workflowName,
+			},
+		});
+
+		const details = response.data?.result as InstanceDetails | undefined;
+		if (!details) {
+			throw new Error(`Workflow instance "${params.instanceId}" not found.`);
+		}
+
+		return { details };
+	},
+});
+
+// ---------------------------------------------------------------------------
+// Types & helpers
+// ---------------------------------------------------------------------------
+
+const ACTION_ICONS: Record<Action, typeof PauseIcon> = {
+	pause: PauseIcon,
+	resume: PlayIcon,
+	terminate: StopIcon,
+	restart: ArrowClockwiseIcon,
+};
+
+// ---------------------------------------------------------------------------
+// Main view
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Memoized sub-components
+// ---------------------------------------------------------------------------
+
+const StatsStrip = memo(function StatsStrip({
+	status,
+	stepCount,
+	start,
+	end,
+}: {
+	status: string;
+	stepCount: number;
+	start?: string;
+	end?: string;
+}) {
+	return (
+		<div className="grid grid-cols-3 overflow-hidden rounded-lg border border-border bg-bg">
+			<div className="flex items-center justify-between px-5 py-2">
+				<span className="text-base text-text-secondary">Status</span>
+				<WorkflowStatusBadge status={status} />
+			</div>
+			<div className="flex items-center justify-between border-l border-border px-5 py-2">
+				<span className="text-base text-text-secondary">Steps Completed</span>
+				<span className="text-base font-medium text-text">{stepCount}</span>
+			</div>
+			<div className="flex items-center justify-between border-l border-border px-5 py-2">
+				<span className="text-base text-text-secondary">Duration</span>
+				<span className="text-base font-medium text-text">
+					{formatDuration(start, end)}
+				</span>
+			</div>
+		</div>
+	);
+});
+
+const ParamsOutput = memo(function ParamsOutput({
+	params,
+	output,
+}: {
+	params: unknown;
+	output: unknown;
+}) {
+	return (
+		<div className="overflow-hidden rounded-xl border border-border bg-bg-tertiary">
+			<div className="grid grid-cols-2 divide-x divide-border">
+				{/* Input params header */}
+				<div className="px-4 py-2.5">
+					<span className="text-sm font-medium text-text">Input params</span>
+				</div>
+				{/* Output header */}
+				<div className="px-4 py-2.5">
+					<span className="text-sm font-medium text-text">Output</span>
+				</div>
+			</div>
+			{/* Content with rounded top corners to create the LayerCard effect */}
+			<div className="rounded-t-lg border-t border-border bg-bg">
+				<div className="grid grid-cols-2 divide-x divide-border">
+					<div className="relative">
+						<ScrollableCodeBlock content={formatJson(params)} />
+						<div className="absolute top-1.5 right-1.5">
+							<CopyButton text={formatJson(params)} label="Copy params" />
+						</div>
+					</div>
+					<div className="relative">
+						<ScrollableCodeBlock content={formatJson(output)} />
+						<div className="absolute top-1.5 right-1.5">
+							<CopyButton text={formatJson(output)} label="Copy output" />
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	);
+});
+
+const ErrorCard = memo(function ErrorCard({
+	error,
+}: {
+	error: { name?: string; message?: string };
+}) {
+	return (
+		<LayerCard>
+			<LayerCard.Secondary className="bg-bg-tertiary !px-4 !py-2.5">
+				<Text bold>{error.name ?? "Error"}</Text>
+			</LayerCard.Secondary>
+			<LayerCard.Primary className="relative !p-0">
+				<pre className="max-h-64 overflow-y-auto px-4 py-3 font-mono text-sm break-words whitespace-pre-wrap text-text-secondary">
+					{error.message ?? "Unknown error"}
+				</pre>
+				<div className="absolute top-1.5 right-1.5">
+					<CopyButton
+						text={`${error.name ?? "Error"}: ${error.message ?? ""}`}
+						label="Copy error"
+					/>
+				</div>
+			</LayerCard.Primary>
+		</LayerCard>
+	);
+});
+
+const STEP_TYPE_FILTERS = [
+	{ value: "all", label: "All", icon: ListBulletsIcon },
+	{ value: "step", label: "Do", icon: CodeIcon },
+	{ value: "sleep", label: "Sleep", icon: MoonIcon },
+	{ value: "waitForEvent", label: "Wait for Event", icon: BellIcon },
+] as const;
+
+const StepHistory = memo(function StepHistory({
+	steps,
+}: {
+	steps: InstanceDetails["steps"];
+}) {
+	const stepList = steps ?? [];
+	const [search, setSearch] = useState("");
+	const [typeFilter, setTypeFilter] = useState("all");
+
+	const filtered = [...stepList].reverse().filter((step) => {
+		if (typeFilter !== "all" && step.type !== typeFilter) {
+			return false;
+		}
+		if (search.trim()) {
+			const q = search.trim().toLowerCase();
+			return (step.name ?? "").toLowerCase().includes(q);
+		}
+		return true;
+	});
+
+	const activeFilter =
+		STEP_TYPE_FILTERS.find((f) => f.value === typeFilter) ??
+		STEP_TYPE_FILTERS[0];
+	const ActiveIcon = activeFilter.icon;
+
+	return (
+		<div>
+			<div className="mb-3">
+				<h4 className="text-lg font-semibold text-text">Step History</h4>
+			</div>
+
+			{/* Search + Filter controls */}
+			{stepList.length > 0 && (
+				<div className="mb-3 flex items-center gap-2">
+					<div className="relative flex-1">
+						<MagnifyingGlassIcon
+							size={14}
+							className="absolute top-1/2 left-3 -translate-y-1/2 text-text-secondary"
+						/>
+						<input
+							className="h-9 w-full rounded-lg border border-border bg-bg pr-3 pl-9 text-sm text-text placeholder-text-secondary focus:border-primary focus:shadow-focus-primary focus:outline-none"
+							onChange={(e) => setSearch(e.target.value)}
+							placeholder="Search steps..."
+							type="text"
+							value={search}
+						/>
+					</div>
+					<DropdownMenu>
+						<DropdownMenu.Trigger
+							render={
+								<button className="inline-flex h-9 w-44 cursor-pointer items-center justify-between rounded-lg border border-border bg-bg px-3 text-sm text-text transition-colors hover:bg-border/60">
+									<span className="flex items-center gap-2">
+										<ActiveIcon size={14} className="text-text-secondary" />
+										{activeFilter.label}
+									</span>
+									<CaretDownIcon size={14} className="text-text-secondary" />
+								</button>
+							}
+						/>
+						<DropdownMenu.Content
+							align="end"
+							className="w-44 bg-bg"
+							side="bottom"
+						>
+							{STEP_TYPE_FILTERS.map(({ value, label, icon: Icon }) => (
+								<DropdownMenu.Item
+									className="flex cursor-pointer items-center gap-2 rounded-md transition-colors hover:bg-border/60"
+									key={value}
+									onClick={() => setTypeFilter(value)}
+								>
+									<Icon size={14} className="text-text-secondary" />
+									{label}
+								</DropdownMenu.Item>
+							))}
+						</DropdownMenu.Content>
+					</DropdownMenu>
+				</div>
+			)}
+
+			<div className="overflow-hidden rounded-lg border border-border bg-bg">
+				{stepList.length === 0 ? (
+					<div className="px-4 py-8 text-center text-sm text-text-secondary">
+						No steps recorded yet
+					</div>
+				) : filtered.length === 0 ? (
+					<div className="px-4 py-8 text-center text-sm text-text-secondary">
+						No steps match your search
+					</div>
+				) : (
+					filtered.map((step, i) => (
+						<StepRow key={`${step.name}-${i}`} step={step} />
+					))
+				)}
+			</div>
+		</div>
+	);
+});
+
+// ---------------------------------------------------------------------------
+// Main view
+// ---------------------------------------------------------------------------
+
+function InstanceDetailView() {
+	const params = Route.useParams();
+	const loaderData = Route.useLoaderData();
+
+	const navigate = useNavigate();
+	const [details, setDetails] = useState<InstanceDetails>(loaderData.details);
+	const [actionInProgress, setActionInProgress] = useState<Action | null>(null);
+	const [copied, setCopied] = useState(false);
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+	const [deleting, setDeleting] = useState(false);
+	const [error, setError] = useState<string | null>(null);
+	const [sendEventOpen, setSendEventOpen] = useState(false);
+	const [eventType, setEventType] = useState("");
+	const [eventPayload, setEventPayload] = useState("");
+	const [sendingEvent, setSendingEvent] = useState(false);
+
+	// Sync from loader on navigation
+	useEffect(() => {
+		setDetails(loaderData.details);
+	}, [loaderData]);
+
+	const status = details.status ?? "unknown";
+	const instanceId = params.instanceId;
+	const steps = details.steps ?? [];
+	const availableActions = getAvailableActions(status);
+
+	// Poll every 1 second (quiet — no flash)
+	const fetchDetails = useCallback(async () => {
+		try {
+			const response = await workflowsGetInstanceDetails({
+				path: {
+					instance_id: instanceId,
+					workflow_name: params.workflowName,
+				},
+			});
+			const result = response.data?.result as InstanceDetails | undefined;
+			if (result) {
+				setDetails(result);
+			}
+		} catch {
+			// Silent fail on poll
+		}
+	}, [instanceId, params.workflowName]);
+
+	// Poll every 1s, but stop on terminal states
+	const isTerminal = isTerminalStatus(status);
+	const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
+	useEffect(() => {
+		if (isTerminal) {
+			return;
+		}
+		pollRef.current = setInterval(() => {
+			void fetchDetails();
+		}, 1_000);
+		return () => {
+			if (pollRef.current) {
+				clearInterval(pollRef.current);
+			}
+		};
+	}, [fetchDetails, isTerminal]);
+
+	const handleAction = useCallback(
+		async (action: Action) => {
+			setActionInProgress(action);
+			setError(null);
+			try {
+				await workflowsChangeInstanceStatus({
+					path: {
+						workflow_name: params.workflowName,
+						instance_id: instanceId,
+					},
+					body: { action },
+				});
+				await fetchDetails();
+			} catch (err) {
+				setError(err instanceof Error ? err.message : `Failed to ${action}`);
+			} finally {
+				setActionInProgress(null);
+			}
+		},
+		[params.workflowName, instanceId, fetchDetails]
+	);
+
+	return (
+		<div className="flex h-full flex-col">
+			<Breadcrumbs
+				icon={WorkflowsIcon}
+				items={[
+					<Link
+						className="flex items-center gap-1.5"
+						key="wf"
+						params={{ workflowName: params.workflowName }}
+						to="/workflows/$workflowName"
+					>
+						{params.workflowName}
+					</Link>,
+					<span
+						className="flex items-center gap-1.5 font-mono text-xs"
+						key="id"
+					>
+						{instanceId}
+					</span>,
+				]}
+				title="Workflows"
+			/>
+
+			<div className="flex-1 overflow-auto">
+				{/* Header */}
+				<div className="px-32 pt-6">
+					<div>
+						<header className="flex items-center justify-between pb-6">
+							<div className="flex items-center gap-3">
+								<h1 className="text-2xl font-semibold text-text">
+									{params.workflowName}
+								</h1>
+								<Tooltip content={copied ? "Copied!" : "Copy instance ID"}>
+									<button
+										className={`cursor-pointer font-mono text-2xl transition-colors ${copied ? "text-text" : "text-text-secondary hover:text-text"}`}
+										onClick={() => {
+											void navigator.clipboard.writeText(instanceId);
+											setCopied(true);
+											setTimeout(() => setCopied(false), 1000);
+										}}
+									>
+										#{instanceId}
+									</button>
+								</Tooltip>
+								<StatusIcon status={status} />
+							</div>
+
+							<div className="flex shrink-0 items-center gap-2">
+								{availableActions.map((action) => {
+									const Icon = ACTION_ICONS[action];
+									const isTerminate = action === "terminate";
+									return (
+										<button
+											key={action}
+											className={`inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border px-3 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${
+												isTerminate
+													? "border-border bg-bg text-danger hover:bg-danger/10"
+													: "border-border bg-bg text-text hover:bg-border/60"
+											}`}
+											disabled={actionInProgress !== null}
+											onClick={() => void handleAction(action)}
+										>
+											<Icon
+												size={14}
+												weight={action === "restart" ? "regular" : "fill"}
+												className={
+													actionInProgress === action ? "animate-spin" : ""
+												}
+											/>
+											{action.charAt(0).toUpperCase() + action.slice(1)}
+										</button>
+									);
+								})}
+								{status !== "complete" &&
+									status !== "errored" &&
+									status !== "terminated" && (
+										<button
+											className="inline-flex size-9 cursor-pointer items-center justify-center rounded-lg border border-border bg-bg text-text-secondary transition-colors hover:bg-border/60 disabled:cursor-not-allowed disabled:opacity-40 dark:text-text"
+											disabled={actionInProgress !== null}
+											onClick={() => setSendEventOpen(true)}
+											title="Send Event"
+										>
+											<PaperPlaneTiltIcon size={14} />
+										</button>
+									)}
+								<button
+									className="inline-flex size-9 cursor-pointer items-center justify-center rounded-lg border border-border bg-bg text-danger transition-colors hover:bg-danger/10 disabled:cursor-not-allowed disabled:opacity-40"
+									disabled={actionInProgress !== null}
+									onClick={() => setDeleteDialogOpen(true)}
+									title="Delete"
+								>
+									<TrashIcon size={14} />
+								</button>
+							</div>
+						</header>
+					</div>
+				</div>
+				{/* Stats strip overlapping the divider line */}
+				<div className="relative">
+					<hr className="absolute top-1/2 w-full border-border" />
+					<div className="relative px-32">
+						<StatsStrip
+							status={status}
+							stepCount={steps.length}
+							start={details.start}
+							end={details.end}
+						/>
+					</div>
+				</div>
+
+				{/* Delete confirmation dialog */}
+				<Dialog.Root open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+					<Dialog size="lg" className="w-[32rem]">
+						<div className="border-b border-border px-6 py-4">
+							{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+							<Dialog.Title className="text-lg font-semibold text-text">
+								Delete this instance?
+							</Dialog.Title>
+						</div>
+
+						<div className="px-6 py-5">
+							<p className="text-sm text-text-secondary">
+								This will permanently delete the instance and its persistence
+								data. This action cannot be undone.
+							</p>
+							<div className="mt-3 rounded-lg border border-border bg-bg-secondary px-4 py-3">
+								<span className="text-xs text-text-secondary">Instance ID</span>
+								<p className="mt-0.5 font-mono text-sm text-text">
+									{instanceId}
+								</p>
+							</div>
+						</div>
+
+						<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+							<Button
+								variant="secondary"
+								onClick={() => setDeleteDialogOpen(false)}
+								disabled={deleting}
+							>
+								Cancel
+							</Button>
+							<Button
+								variant="destructive"
+								disabled={deleting}
+								loading={deleting}
+								onClick={() => {
+									setDeleting(true);
+									void workflowsDeleteInstance({
+										path: {
+											workflow_name: params.workflowName,
+											instance_id: instanceId,
+										},
+									})
+										.then(() => {
+											setDeleteDialogOpen(false);
+											void navigate({
+												to: "/workflows/$workflowName",
+												params: { workflowName: params.workflowName },
+											});
+										})
+										.finally(() => setDeleting(false));
+								}}
+							>
+								Delete Instance
+							</Button>
+						</div>
+					</Dialog>
+				</Dialog.Root>
+
+				{/* Send Event dialog */}
+				<Dialog.Root
+					open={sendEventOpen}
+					onOpenChange={(open) => {
+						setSendEventOpen(open);
+						if (!open) {
+							setEventType("");
+							setEventPayload("");
+						}
+					}}
+				>
+					<Dialog size="lg" className="w-[32rem]">
+						<div className="border-b border-border px-6 py-4">
+							{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+							<Dialog.Title className="text-lg font-semibold text-text">
+								Send Event
+							</Dialog.Title>
+						</div>
+						<div className="space-y-4 px-6 py-5">
+							<div>
+								<label className="mb-2 block text-sm font-medium text-text">
+									Event Type
+								</label>
+								<input
+									className="w-full rounded-lg border border-border bg-bg px-3 py-2.5 text-sm text-text placeholder-text-secondary focus:border-primary focus:shadow-focus-primary focus:outline-none"
+									onChange={(e) => setEventType(e.target.value)}
+									placeholder="my-event"
+									type="text"
+									value={eventType}
+								/>
+							</div>
+							<div>
+								<label className="mb-2 block text-sm font-medium text-text">
+									Payload{" "}
+									<span className="font-normal text-text-secondary">
+										(optional)
+									</span>
+								</label>
+								<textarea
+									className="w-full resize-y rounded-lg border border-border bg-bg px-3 py-2.5 font-mono text-sm text-text placeholder-text-secondary focus:border-primary focus:shadow-focus-primary focus:outline-none"
+									onChange={(e) => setEventPayload(e.target.value)}
+									placeholder='{"key": "value"}'
+									rows={4}
+									value={eventPayload}
+								/>
+							</div>
+						</div>
+						<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+							<Button
+								variant="secondary"
+								onClick={() => setSendEventOpen(false)}
+								disabled={sendingEvent}
+							>
+								Cancel
+							</Button>
+							<Button
+								variant="primary"
+								disabled={!eventType.trim() || sendingEvent}
+								loading={sendingEvent}
+								onClick={() => {
+									let payload: unknown;
+									if (eventPayload.trim()) {
+										try {
+											payload = JSON.parse(eventPayload);
+										} catch {
+											// Invalid JSON — keep dialog open
+											return;
+										}
+									}
+									setSendingEvent(true);
+									void workflowsSendInstanceEvent({
+										path: {
+											workflow_name: params.workflowName,
+											instance_id: instanceId,
+											event_type: eventType.trim(),
+										},
+										body: payload,
+									})
+										.then(() => {
+											setSendEventOpen(false);
+											setEventType("");
+											setEventPayload("");
+											void fetchDetails();
+										})
+										.finally(() => setSendingEvent(false));
+								}}
+							>
+								Send
+							</Button>
+						</div>
+					</Dialog>
+				</Dialog.Root>
+
+				{/* Content */}
+				<div className="space-y-8 px-32 py-6">
+					{error && (
+						<div className="rounded-lg border border-danger/20 bg-danger/8 p-4 text-sm text-danger">
+							{error}
+						</div>
+					)}
+
+					<ParamsOutput params={details.params} output={details.output} />
+
+					{details.error && <ErrorCard error={details.error} />}
+
+					<StepHistory steps={details.steps} />
+				</div>
+			</div>
+		</div>
+	);
+}
diff --git a/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx b/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx
new file mode 100644
index 0000000000..5b2fdd8d89
--- /dev/null
+++ b/packages/local-explorer-ui/src/routes/workflows/$workflowName/index.tsx
@@ -0,0 +1,920 @@
+import {
+	Button,
+	Dialog,
+	DropdownMenu,
+	Pagination,
+	Tabs,
+} from "@cloudflare/kumo";
+import {
+	ArrowClockwiseIcon,
+	ArrowsCounterClockwiseIcon,
+	CaretDownIcon,
+	CaretUpDownIcon,
+	CheckCircleIcon,
+	CircleNotchIcon,
+	SpinnerIcon,
+	WarningCircleIcon,
+	PaperPlaneTiltIcon,
+	PauseIcon,
+	PlayIcon,
+	SquareIcon,
+	StopIcon,
+	TrashIcon,
+} from "@phosphor-icons/react";
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import {
+	workflowsChangeInstanceStatus,
+	workflowsDeleteInstance,
+	workflowsDeleteWorkflow,
+	workflowsListInstances,
+	workflowsSendInstanceEvent,
+} from "../../../api";
+import WorkflowsIcon from "../../../assets/icons/workflows.svg?react";
+import { Breadcrumbs } from "../../../components/Breadcrumbs";
+import { CreateWorkflowInstanceDialog } from "../../../components/workflows/CreateInstanceDialog";
+import { timeAgo } from "../../../components/workflows/helpers";
+import { WorkflowStatusBadge } from "../../../components/workflows/StatusBadge";
+import { getAvailableActions } from "../../../components/workflows/types";
+import type { WorkflowsInstance } from "../../../api";
+import type { Action } from "../../../components/workflows/types";
+
+export const Route = createFileRoute("/workflows/$workflowName/")({
+	component: WorkflowInstancesView,
+	loader: async ({ params }) => {
+		const response = await workflowsListInstances({
+			path: { workflow_name: params.workflowName },
+			query: { page: 1, per_page: 25 },
+		});
+
+		return {
+			instances: response.data?.result ?? [],
+			resultInfo: response.data?.result_info ?? {
+				page: 1,
+				per_page: 25,
+				total_count: 0,
+				total_pages: 0,
+			},
+		};
+	},
+});
+
+// ---------------------------------------------------------------------------
+// ---------------------------------------------------------------------------
+// Status summary
+// ---------------------------------------------------------------------------
+
+const STATUS_SUMMARY_CONFIG = [
+	{
+		key: "complete",
+		label: "Complete",
+		icon: CheckCircleIcon,
+		color: "text-[#2b7bfb] dark:text-[#004ac2]",
+		weight: "fill" as const,
+	},
+	{
+		key: "errored",
+		label: "Errored",
+		icon: WarningCircleIcon,
+		color: "text-[#fb2b36] dark:text-[#c10007]",
+		weight: "fill" as const,
+	},
+	{
+		key: "queued",
+		label: "Queued",
+		icon: CircleNotchIcon,
+		color: "text-text-secondary",
+		weight: "regular" as const,
+	},
+	{
+		key: "running",
+		label: "Running",
+		icon: PlayIcon,
+		color: "text-text-secondary",
+		weight: "fill" as const,
+	},
+	{
+		key: "paused",
+		label: "Paused",
+		icon: PauseIcon,
+		color: "text-text-secondary",
+		weight: "fill" as const,
+	},
+	{
+		key: "waiting",
+		label: "Waiting",
+		icon: SpinnerIcon,
+		color: "text-text-secondary",
+		weight: "regular" as const,
+	},
+	{
+		key: "terminated",
+		label: "Terminated",
+		icon: SquareIcon,
+		color: "text-text-secondary",
+		weight: "fill" as const,
+	},
+] as const;
+
+const StatusSummary = memo(function StatusSummary({
+	statusCounts,
+}: {
+	statusCounts: Record<string, number>;
+}): JSX.Element {
+	return (
+		<div className="mb-4 flex divide-x divide-border overflow-hidden rounded-lg border border-border bg-bg">
+			{STATUS_SUMMARY_CONFIG.map(
+				({ key, label, icon: Icon, color, weight }) => (
+					<div className="flex-1 px-3 py-2" key={key}>
+						<div className="flex items-center gap-1.5 text-xs text-text-secondary">
+							<Icon className={color} size={12} weight={weight} />
+							{label}
+						</div>
+						<div className="mt-0.5 text-base text-text">
+							{statusCounts[key] ?? 0}
+						</div>
+					</div>
+				)
+			)}
+		</div>
+	);
+});
+
+// ---------------------------------------------------------------------------
+// Action helpers
+// ---------------------------------------------------------------------------
+
+const ACTION_CONFIG_LIST: Record<
+	Action,
+	{ icon: typeof PauseIcon; style: string; weight: "fill" | "regular" }
+> = {
+	pause: {
+		icon: PauseIcon,
+		style:
+			"border-border bg-bg text-text-secondary dark:text-text hover:bg-border/60",
+		weight: "fill",
+	},
+	resume: {
+		icon: PlayIcon,
+		style:
+			"border-border bg-bg text-text-secondary dark:text-text hover:bg-border/60",
+		weight: "fill",
+	},
+	restart: {
+		icon: ArrowClockwiseIcon,
+		style:
+			"border-border bg-bg text-text-secondary dark:text-text hover:bg-border/60",
+		weight: "regular",
+	},
+	terminate: {
+		icon: StopIcon,
+		style: "border-border bg-bg text-danger hover:bg-danger/10",
+		weight: "fill",
+	},
+};
+
+// ---------------------------------------------------------------------------
+// Instance row with inline action buttons
+// ---------------------------------------------------------------------------
+
+const InstanceRow = memo(function InstanceRow({
+	instance,
+	onActionComplete,
+	workflowName,
+}: {
+	instance: WorkflowsInstance;
+	onActionComplete: () => void;
+	workflowName: string;
+}): JSX.Element {
+	const navigate = useNavigate();
+	const [actionInProgress, setActionInProgress] = useState<Action | null>(null);
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);
+	const [sendEventOpen, setSendEventOpen] = useState<boolean>(false);
+	const [eventType, setEventType] = useState<string>("");
+	const [eventPayload, setEventPayload] = useState<string>("");
+	const [sendingEvent, setSendingEvent] = useState<boolean>(false);
+
+	const status = instance.status ?? "unknown";
+	const actions = getAvailableActions(status);
+
+	async function handleAction(
+		e: React.MouseEvent,
+		action: Action
+	): Promise<void> {
+		e.stopPropagation(); // Don't navigate when clicking action buttons
+		setActionInProgress(action);
+		try {
+			await workflowsChangeInstanceStatus({
+				path: {
+					workflow_name: workflowName,
+					instance_id: instance.id ?? "",
+				},
+				body: { action },
+			});
+			onActionComplete();
+		} catch {
+			onActionComplete();
+		} finally {
+			setActionInProgress(null);
+		}
+	}
+
+	function handleDeleteClick(e: React.MouseEvent): void {
+		e.stopPropagation();
+		setDeleteDialogOpen(true);
+	}
+
+	async function handleDeleteConfirm(): Promise<void> {
+		setDeleteDialogOpen(false);
+		setActionInProgress("terminate");
+		try {
+			await workflowsDeleteInstance({
+				path: {
+					workflow_name: workflowName,
+					instance_id: instance.id ?? "",
+				},
+			});
+			onActionComplete();
+		} catch {
+			onActionComplete();
+		} finally {
+			setActionInProgress(null);
+		}
+	}
+
+	function handleSendEventClick(e: React.MouseEvent): void {
+		e.stopPropagation();
+		setSendEventOpen(true);
+	}
+
+	async function handleSendEvent(): Promise<void> {
+		if (!eventType.trim()) {
+			return;
+		}
+		let payload: unknown;
+		if (eventPayload.trim()) {
+			try {
+				payload = JSON.parse(eventPayload);
+			} catch {
+				// Invalid JSON — don't send, keep dialog open
+				return;
+			}
+		}
+		setSendingEvent(true);
+		try {
+			await workflowsSendInstanceEvent({
+				path: {
+					workflow_name: workflowName,
+					instance_id: instance.id ?? "",
+					event_type: eventType.trim(),
+				},
+				body: payload,
+			});
+			setSendEventOpen(false);
+			setEventType("");
+			setEventPayload("");
+			onActionComplete();
+		} catch {
+			setSendEventOpen(false);
+			onActionComplete();
+		} finally {
+			setSendingEvent(false);
+		}
+	}
+
+	function handleRowClick(): void {
+		void navigate({
+			to: "/workflows/$workflowName/$instanceId",
+			params: {
+				instanceId: instance.id ?? "",
+				workflowName,
+			},
+		});
+	}
+
+	return (
+		<>
+			<div className="border-b border-border bg-bg p-1 last:border-b-0">
+				<div
+					className="grid h-10 cursor-pointer grid-cols-[100px_60px_1fr_auto] items-center gap-3 rounded-lg px-2 transition-colors hover:bg-border/60"
+					onClick={handleRowClick}
+				>
+					<div>
+						<WorkflowStatusBadge status={status} />
+					</div>
+					<span className="text-sm text-text-secondary">
+						{timeAgo(instance.created_on) || "—"}
+					</span>
+					<span className="truncate font-mono text-xs text-text">
+						{instance.id}
+					</span>
+					<div className="flex items-center gap-1">
+						{actions.map((action) => {
+							const config = ACTION_CONFIG_LIST[action];
+							const Icon = config.icon;
+							return (
+								<button
+									key={action}
+									className={`inline-flex size-7 cursor-pointer items-center justify-center rounded-md border transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${config.style}`}
+									disabled={actionInProgress !== null}
+									onClick={(e) => void handleAction(e, action)}
+									title={action.charAt(0).toUpperCase() + action.slice(1)}
+								>
+									<Icon
+										size={14}
+										weight={config.weight}
+										className={
+											actionInProgress === action ? "animate-spin" : ""
+										}
+									/>
+								</button>
+							);
+						})}
+						{status !== "complete" &&
+							status !== "errored" &&
+							status !== "terminated" && (
+								<button
+									className="ml-1 inline-flex size-7 cursor-pointer items-center justify-center rounded-md border border-border bg-bg text-text-secondary transition-colors hover:bg-border/60 disabled:cursor-not-allowed disabled:opacity-40 dark:text-text"
+									disabled={actionInProgress !== null}
+									onClick={handleSendEventClick}
+									title="Send Event"
+								>
+									<PaperPlaneTiltIcon size={14} />
+								</button>
+							)}
+						<button
+							className="inline-flex size-7 cursor-pointer items-center justify-center rounded-md border border-border bg-bg text-danger transition-colors hover:bg-danger/10 disabled:cursor-not-allowed disabled:opacity-40"
+							disabled={actionInProgress !== null}
+							onClick={handleDeleteClick}
+							title="Delete"
+						>
+							<TrashIcon size={14} />
+						</button>
+					</div>
+				</div>
+			</div>
+
+			{/* Delete confirmation dialog — outside Table.Row to prevent click propagation */}
+			<Dialog.Root open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+				<Dialog size="lg">
+					<div className="border-b border-border px-6 pt-6 pb-4">
+						{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+						<Dialog.Title className="text-lg font-semibold text-text">
+							Delete this instance?
+						</Dialog.Title>
+						<p className="mt-1 text-sm text-text-secondary">
+							This will permanently delete the instance and its persistence
+							data. This action cannot be undone.
+						</p>
+					</div>
+
+					<div className="px-6 py-4">
+						<div className="rounded-lg border border-border bg-bg-secondary px-4 py-3">
+							<span className="text-xs text-text-secondary">Instance ID</span>
+							<p className="mt-0.5 font-mono text-sm text-text">
+								{instance.id}
+							</p>
+						</div>
+					</div>
+
+					<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+						<Button
+							variant="secondary"
+							onClick={() => setDeleteDialogOpen(false)}
+						>
+							Cancel
+						</Button>
+						<Button
+							variant="destructive"
+							onClick={() => void handleDeleteConfirm()}
+						>
+							Delete Instance
+						</Button>
+					</div>
+				</Dialog>
+			</Dialog.Root>
+
+			{/* Send Event dialog */}
+			<Dialog.Root
+				open={sendEventOpen}
+				onOpenChange={(open) => {
+					setSendEventOpen(open);
+					if (!open) {
+						setEventType("");
+						setEventPayload("");
+					}
+				}}
+			>
+				<Dialog size="lg" className="w-[32rem]">
+					<div className="border-b border-border px-6 py-4">
+						{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+						<Dialog.Title className="text-lg font-semibold text-text">
+							Send Event
+						</Dialog.Title>
+					</div>
+
+					<div className="space-y-4 px-6 py-5">
+						<div>
+							<label className="mb-2 block text-sm font-medium text-text">
+								Event Type
+							</label>
+							<input
+								className="w-full rounded-lg border border-border bg-bg px-3 py-2.5 text-sm text-text placeholder-text-secondary focus:border-primary focus:shadow-focus-primary focus:outline-none"
+								onChange={(e) => setEventType(e.target.value)}
+								placeholder="my-event"
+								type="text"
+								value={eventType}
+							/>
+						</div>
+						<div>
+							<label className="mb-2 block text-sm font-medium text-text">
+								Payload{" "}
+								<span className="font-normal text-text-secondary">
+									(optional)
+								</span>
+							</label>
+							<textarea
+								className="w-full resize-y rounded-lg border border-border bg-bg px-3 py-2.5 font-mono text-sm text-text placeholder-text-secondary focus:border-primary focus:shadow-focus-primary focus:outline-none"
+								onChange={(e) => setEventPayload(e.target.value)}
+								placeholder='{"key": "value"}'
+								rows={4}
+								value={eventPayload}
+							/>
+						</div>
+					</div>
+
+					<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+						<Button
+							variant="secondary"
+							onClick={() => setSendEventOpen(false)}
+							disabled={sendingEvent}
+						>
+							Cancel
+						</Button>
+						<Button
+							variant="primary"
+							disabled={!eventType.trim() || sendingEvent}
+							loading={sendingEvent}
+							onClick={() => void handleSendEvent()}
+						>
+							Send
+						</Button>
+					</div>
+				</Dialog>
+			</Dialog.Root>
+		</>
+	);
+});
+
+// ---------------------------------------------------------------------------
+// Settings tab
+// ---------------------------------------------------------------------------
+
+function SettingsTab({
+	workflowName,
+	onDeleted,
+}: {
+	workflowName: string;
+	onDeleted: () => void;
+}): JSX.Element {
+	const [confirmOpen, setConfirmOpen] = useState<boolean>(false);
+	const [deleting, setDeleting] = useState<boolean>(false);
+	const [error, setError] = useState<string | null>(null);
+
+	function handleOpenChange(open: boolean): void {
+		setConfirmOpen(open);
+		if (!open) {
+			setError(null);
+		}
+	}
+
+	async function handleDeleteAll(): Promise<void> {
+		setDeleting(true);
+		setError(null);
+		try {
+			await workflowsDeleteWorkflow({
+				path: { workflow_name: workflowName },
+			});
+			handleOpenChange(false);
+			onDeleted();
+		} catch (err) {
+			setError(
+				err instanceof Error ? err.message : "Failed to delete instances"
+			);
+		} finally {
+			setDeleting(false);
+		}
+	}
+
+	return (
+		<div className="px-32 py-6">
+			<h3 className="mb-4 text-lg font-semibold text-text">
+				Delete all instances
+			</h3>
+			<div className="overflow-hidden rounded-lg border border-border bg-bg">
+				<div className="flex items-center justify-between gap-4 px-4 py-1.5">
+					<p className="text-sm text-text-secondary">
+						Permanently delete all workflow instances and their persistence
+						data.
+					</p>
+					<button
+						className="inline-flex shrink-0 cursor-pointer items-center rounded-lg bg-bg p-3 text-sm font-medium text-danger transition-colors hover:bg-danger/10"
+						onClick={() => handleOpenChange(true)}
+					>
+						Delete
+					</button>
+				</div>
+			</div>
+
+			<Dialog.Root open={confirmOpen} onOpenChange={handleOpenChange}>
+				<Dialog size="lg" className="w-[32rem]">
+					<div className="border-b border-border px-6 py-4">
+						{/* @ts-expect-error - Type mismatch due to pnpm monorepo @types/react version conflict */}
+						<Dialog.Title className="text-lg font-semibold text-text">
+							Delete all instances
+						</Dialog.Title>
+					</div>
+
+					<div className="px-6 py-5">
+						{error && (
+							<div className="mb-4 rounded-lg border border-danger/20 bg-danger/8 p-3 text-sm text-danger">
+								{error}
+							</div>
+						)}
+						<p className="text-sm text-text-secondary">
+							This will permanently delete all instances of{" "}
+							<span className="font-semibold text-text">{workflowName}</span>.
+							All instance data and persistence files will be removed. This
+							action cannot be undone.
+						</p>
+					</div>
+
+					<div className="flex justify-end gap-2 border-t border-border px-6 py-4">
+						<Button
+							variant="secondary"
+							onClick={() => handleOpenChange(false)}
+							disabled={deleting}
+						>
+							Cancel
+						</Button>
+						<Button
+							variant="destructive"
+							disabled={deleting}
+							loading={deleting}
+							onClick={() => void handleDeleteAll()}
+						>
+							Delete
+						</Button>
+					</div>
+				</Dialog>
+			</Dialog.Root>
+		</div>
+	);
+}
+
+// ---------------------------------------------------------------------------
+// Main view
+// ---------------------------------------------------------------------------
+
+function WorkflowInstancesView() {
+	const params = Route.useParams();
+	const loaderData = Route.useLoaderData();
+
+	const [activeTab, setActiveTab] = useState<string>("instances");
+	const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+	const [error, setError] = useState<string | null>(null);
+	const [instances, setInstances] = useState<WorkflowsInstance[]>(
+		loaderData.instances
+	);
+	const [initialLoad, setInitialLoad] = useState<boolean>(
+		loaderData.instances.length === 0 &&
+			(loaderData.resultInfo.total_count ?? 0) === 0
+	);
+	const [fetching, setFetching] = useState<boolean>(false);
+	const [page, setPage] = useState<number>(loaderData.resultInfo.page ?? 1);
+	const [perPage, setPerPage] = useState<number>(
+		loaderData.resultInfo.per_page ?? 25
+	);
+	const [statusCounts, setStatusCounts] = useState<Record<string, number>>(
+		((loaderData.resultInfo as Record<string, unknown>).status_counts as Record<
+			string,
+			number
+		>) ?? {}
+	);
+	const [statusFilter, setStatusFilter] = useState<string>("all");
+	const [totalCount, setTotalCount] = useState<number>(
+		loaderData.resultInfo.total_count ?? 0
+	);
+
+	useEffect((): void => {
+		setInstances(loaderData.instances);
+		setTotalCount(loaderData.resultInfo.total_count ?? 0);
+		setStatusCounts(
+			((loaderData.resultInfo as Record<string, unknown>)
+				.status_counts as Record<string, number>) ?? {}
+		);
+		setError(null);
+		setInitialLoad(false);
+		setFetching(false);
+	}, [loaderData]);
+
+	const fetchInstances = useCallback(
+		async (
+			fetchPage?: number,
+			fetchPerPage?: number,
+			quiet?: boolean,
+			fetchStatus?: string
+		): Promise<void> => {
+			try {
+				if (!quiet) {
+					setFetching(true);
+				}
+				setError(null);
+
+				const p = fetchPage ?? page;
+				const pp = fetchPerPage ?? perPage;
+				const st = fetchStatus ?? statusFilter;
+
+				const response = await workflowsListInstances({
+					path: { workflow_name: params.workflowName },
+					query: {
+						page: p,
+						per_page: pp,
+						...(st !== "all"
+							? {
+									status: st as
+										| "queued"
+										| "running"
+										| "paused"
+										| "errored"
+										| "terminated"
+										| "complete"
+										| "waitingForPause"
+										| "waiting",
+								}
+							: {}),
+					},
+				});
+
+				setInstances(response.data?.result ?? []);
+				setTotalCount(response.data?.result_info?.total_count ?? 0);
+				setStatusCounts(
+					((response.data?.result_info as Record<string, unknown> | undefined)
+						?.status_counts as Record<string, number>) ?? {}
+				);
+				setPage(response.data?.result_info?.page ?? p);
+				setInitialLoad(false);
+			} catch (err) {
+				setError(
+					err instanceof Error ? err.message : "Failed to fetch instances"
+				);
+			} finally {
+				setFetching(false);
+			}
+		},
+		[params.workflowName, page, perPage, statusFilter]
+	);
+
+	const handleRefresh = useCallback(() => {
+		void fetchInstances(undefined, undefined, true);
+	}, [fetchInstances]);
+
+	// Auto-poll every 10s (quiet refresh — no opacity flash)
+	const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
+	useEffect(() => {
+		if (activeTab !== "instances") {
+			return;
+		}
+		pollRef.current = setInterval(() => {
+			void fetchInstances(undefined, undefined, true);
+		}, 10_000);
+		return () => {
+			if (pollRef.current) {
+				clearInterval(pollRef.current);
+			}
+		};
+	}, [fetchInstances, activeTab]);
+
+	function handlePageChange(newPage: number): void {
+		setPage(newPage);
+		void fetchInstances(newPage);
+	}
+
+	function handlePerPageChange(newPerPage: number): void {
+		setPerPage(newPerPage);
+		setPage(1);
+		void fetchInstances(1, newPerPage);
+	}
+
+	function handleCreated(): void {
+		setDialogOpen(false);
+		void fetchInstances(1);
+	}
+
+	function handleStatusFilterChange(newStatus: string): void {
+		setStatusFilter(newStatus);
+		setPage(1);
+		void fetchInstances(1, undefined, false, newStatus);
+	}
+
+	return (
+		<>
+			<Breadcrumbs
+				icon={WorkflowsIcon}
+				items={[
+					<span className="flex items-center gap-1.5" key="workflow-name">
+						{params.workflowName}
+					</span>,
+				]}
+				title="Workflows"
+			/>
+
+			<div className="px-8 pt-4">
+				<div className="tabs-styled inline-flex">
+					<Tabs
+						variant="segmented"
+						tabs={[
+							{ value: "instances", label: "Instances" },
+							{ value: "settings", label: "Settings" },
+						]}
+						value={activeTab}
+						onValueChange={setActiveTab}
+					/>
+				</div>
+				<hr className="-mx-8 mt-4 border-border" />
+			</div>
+
+			{activeTab === "instances" && (
+				<div className="px-8 py-6">
+					{totalCount > 0 && !initialLoad && (
+						<>
+							<StatusSummary statusCounts={statusCounts} />
+							<hr className="-mx-8 mb-4 border-border" />
+						</>
+					)}
+
+					<div className="mb-4 flex items-center justify-between gap-2">
+						<DropdownMenu>
+							<DropdownMenu.Trigger
+								render={
+									<button className="inline-flex h-9 w-36 cursor-pointer items-center justify-between rounded-lg border border-border bg-bg px-3 text-base text-text transition-colors hover:bg-border/60">
+										<span>
+											{statusFilter === "all"
+												? "All"
+												: (STATUS_SUMMARY_CONFIG.find(
+														(s) => s.key === statusFilter
+													)?.label ?? statusFilter)}
+										</span>
+										<CaretDownIcon size={14} className="text-text-secondary" />
+									</button>
+								}
+							/>
+							<DropdownMenu.Content
+								align="start"
+								className="w-36 bg-bg"
+								side="bottom"
+							>
+								<DropdownMenu.Item
+									className="cursor-pointer rounded-md transition-colors hover:bg-border/60"
+									onClick={() => handleStatusFilterChange("all")}
+								>
+									All
+								</DropdownMenu.Item>
+								{STATUS_SUMMARY_CONFIG.map(({ key, label }) => (
+									<DropdownMenu.Item
+										className="cursor-pointer rounded-md transition-colors hover:bg-border/60"
+										key={key}
+										onClick={() => handleStatusFilterChange(key)}
+									>
+										{label}
+									</DropdownMenu.Item>
+								))}
+							</DropdownMenu.Content>
+						</DropdownMenu>
+
+						<div className="flex items-center gap-2">
+							<button
+								aria-label="Refresh"
+								className="inline-flex size-9 cursor-pointer items-center justify-center rounded-lg border border-border bg-bg text-text transition-colors hover:bg-border/60"
+								onClick={() => void fetchInstances()}
+							>
+								<ArrowsCounterClockwiseIcon size={14} />
+							</button>
+							<Button
+								onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
+									(e.target as HTMLButtonElement).blur();
+									setDialogOpen(true);
+								}}
+								variant="primary"
+							>
+								<PlayIcon size={14} weight="fill" />
+								Trigger
+							</Button>
+						</div>
+					</div>
+
+					{error && (
+						<div className="mb-4 rounded-md border border-danger/20 bg-danger/8 p-4 text-danger">
+							{error}
+						</div>
+					)}
+
+					{initialLoad ? (
+						<div className="p-12 text-center text-text-secondary">
+							Loading...
+						</div>
+					) : instances.length === 0 && !fetching ? (
+						<div className="rounded-lg border border-border bg-bg px-5 py-8 text-center text-sm text-text-secondary">
+							No instances found
+						</div>
+					) : instances.length === 0 ? (
+						<div className="rounded-lg border border-border bg-bg px-5 py-8 text-center text-sm text-text-secondary">
+							{statusFilter !== "all" ? (
+								<>No instances found in state &lsquo;{statusFilter}&rsquo;</>
+							) : (
+								"No instances found"
+							)}
+						</div>
+					) : (
+						<div
+							className={`transition-opacity duration-150 ${fetching ? "opacity-60" : "opacity-100"}`}
+						>
+							<div className="overflow-hidden rounded-lg border border-border">
+								{instances.map((instance) => (
+									<InstanceRow
+										instance={instance}
+										key={instance.id}
+										onActionComplete={handleRefresh}
+										workflowName={params.workflowName}
+									/>
+								))}
+							</div>
+
+							{totalCount > 0 && (
+								<div className="flex items-center justify-between pt-4">
+									<DropdownMenu>
+										<DropdownMenu.Trigger
+											render={
+												<button className="inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border border-border bg-bg px-3 text-base text-text transition-colors hover:bg-border/60">
+													{perPage}
+													<CaretUpDownIcon
+														size={12}
+														className="text-text-secondary"
+													/>
+												</button>
+											}
+										/>
+										<DropdownMenu.Content
+											align="start"
+											className="bg-bg"
+											side="top"
+										>
+											{[10, 25, 50, 100].map((size) => (
+												<DropdownMenu.Item
+													className="cursor-pointer rounded-md transition-colors hover:bg-border/60"
+													key={size}
+													onClick={() => handlePerPageChange(size)}
+												>
+													{size}
+													{size === perPage && (
+														<span className="ml-2 text-text-secondary">✓</span>
+													)}
+												</DropdownMenu.Item>
+											))}
+										</DropdownMenu.Content>
+									</DropdownMenu>
+
+									<div className="pagination-styled">
+										<Pagination
+											page={page}
+											perPage={perPage}
+											setPage={handlePageChange}
+											totalCount={totalCount}
+										/>
+									</div>
+								</div>
+							)}
+						</div>
+					)}
+				</div>
+			)}
+
+			{activeTab === "settings" && (
+				<SettingsTab
+					workflowName={params.workflowName}
+					onDeleted={() => {
+						setActiveTab("instances");
+						void fetchInstances(1);
+					}}
+				/>
+			)}
+
+			<CreateWorkflowInstanceDialog
+				onCreated={handleCreated}
+				onOpenChange={setDialogOpen}
+				open={dialogOpen}
+				workflowName={params.workflowName}
+			/>
+		</>
+	);
+}
diff --git a/packages/local-explorer-ui/src/styles/tailwind.css b/packages/local-explorer-ui/src/styles/tailwind.css
index cd6a11f78d..792c631716 100644
--- a/packages/local-explorer-ui/src/styles/tailwind.css
+++ b/packages/local-explorer-ui/src/styles/tailwind.css
@@ -148,3 +148,33 @@
 		@apply text-text bg-bg-secondary text-sm leading-normal;
 	}
 }
+
+/* Style Kumo Pagination buttons to match our theme — background only, no border changes */
+.pagination-styled button {
+	background-color: var(--color-bg);
+}
+
+.pagination-styled button:hover:not(:disabled) {
+	background-color: color-mix(in srgb, var(--color-border) 60%, transparent);
+}
+
+.pagination-styled button:disabled {
+	opacity: 0.4;
+}
+
+.pagination-styled input {
+	background-color: var(--color-bg);
+}
+
+/* Tabs: inactive track uses surface-tertiary, active indicator matches table rows */
+.tabs-styled [role="tablist"] {
+	background-color: var(--color-surface-tertiary);
+}
+
+.tabs-styled [data-active] {
+	background-color: var(--color-bg);
+}
+
+.tabs-styled [role="tab"] {
+	font-weight: 400;
+}
diff --git a/packages/miniflare/src/index.ts b/packages/miniflare/src/index.ts
index bf5817ca3f..680fe403b1 100644
--- a/packages/miniflare/src/index.ts
+++ b/packages/miniflare/src/index.ts
@@ -72,6 +72,7 @@ import {
 	SOCKET_ENTRY_LOCAL,
 	STREAM_PLUGIN_NAME,
 	WorkerOptions,
+	WORKFLOWS_PLUGIN_NAME,
 	WrappedBindingNames,
 } from "./plugins";
 import { RPC_PROXY_SERVICE_NAME } from "./plugins/assets/constants";
@@ -1222,6 +1223,165 @@ export class Miniflare {
 		}
 	}
 
+	/**
+	 * Lists Workflow Engine DO instances by reading filenames from the
+	 * persistence directory. Same pattern as #handleLoopbackDOStorageRequest
+	 * but also includes mtimeMs for sorting by most recently modified.
+	 *
+	 * @param url in format: /core/workflow-storage/<workflowName>
+	 * @returns [{ name: string, type: "file" | "directory", mtimeMs: number }, ...]
+	 */
+	async #handleLoopbackWorkflowStorageRequest(url: URL): Promise<Response> {
+		const workflowName = decodeURIComponent(
+			url.pathname.slice("/core/workflow-storage/".length)
+		);
+		assert(workflowName, "Workflow name is required");
+
+		const workflowsSharedOpts = this.#sharedOpts.workflows;
+		const coreSharedOpts = this.#sharedOpts.core;
+		const workflowsPersistPath = getPersistPath(
+			WORKFLOWS_PLUGIN_NAME,
+			this.#tmpPath,
+			coreSharedOpts.defaultPersistRoot,
+			workflowsSharedOpts.workflowsPersist
+		);
+
+		// Engine DOs are stored under: <persistPath>/miniflare-workflows-<name>/<hexId>.sqlite
+		const uniqueKey = `miniflare-workflows-${workflowName}`;
+		const namespacePath = path.join(workflowsPersistPath, uniqueKey);
+
+		// Prevent directory traversal
+		if (
+			!namespacePath.startsWith(path.resolve(workflowsPersistPath) + path.sep)
+		) {
+			return new Response("Invalid workflow name", { status: 400 });
+		}
+
+		try {
+			const dirEntries = await fs.promises.readdir(namespacePath, {
+				withFileTypes: true,
+			});
+			// Include birthtimeMs so the handler can sort by file creation time
+			// without resolving Engine DO metadata for every instance.
+			const entries = await Promise.all(
+				dirEntries.map(async (entry) => {
+					let birthtimeMs = 0;
+					if (entry.isFile()) {
+						try {
+							const stat = await fs.promises.stat(
+								path.join(namespacePath, entry.name)
+							);
+							birthtimeMs = stat.birthtimeMs;
+						} catch {
+							// Ignore stat errors
+						}
+					}
+					return {
+						name: entry.name,
+						type: entry.isDirectory()
+							? ("directory" as const)
+							: ("file" as const),
+						birthtimeMs,
+					};
+				})
+			);
+			return Response.json(entries);
+		} catch (e) {
+			if (isFileNotFoundError(e)) {
+				return new Response("Not Found", { status: 404 });
+			}
+			throw e;
+		}
+	}
+
+	/**
+	 * Deletes a Workflow Engine DO instance by removing its .sqlite file
+	 * (and any associated -shm/-wal files) from the persistence directory.
+	 *
+	 * @param url in format: /core/workflow-storage/<workflowName>/<hexId>
+	 */
+	async #handleLoopbackWorkflowStorageDeleteRequest(
+		url: URL
+	): Promise<Response> {
+		const pathAfterPrefix = url.pathname.slice(
+			"/core/workflow-storage/".length
+		);
+		const slashIndex = pathAfterPrefix.indexOf("/");
+
+		const workflowName = decodeURIComponent(
+			slashIndex === -1 ? pathAfterPrefix : pathAfterPrefix.slice(0, slashIndex)
+		);
+		const hexId =
+			slashIndex === -1
+				? null
+				: decodeURIComponent(pathAfterPrefix.slice(slashIndex + 1));
+
+		assert(workflowName, "Workflow name is required");
+
+		const workflowsSharedOpts = this.#sharedOpts.workflows;
+		const coreSharedOpts = this.#sharedOpts.core;
+		const workflowsPersistPath = getPersistPath(
+			WORKFLOWS_PLUGIN_NAME,
+			this.#tmpPath,
+			coreSharedOpts.defaultPersistRoot,
+			workflowsSharedOpts.workflowsPersist
+		);
+
+		const uniqueKey = `miniflare-workflows-${workflowName}`;
+		const namespacePath = path.join(workflowsPersistPath, uniqueKey);
+
+		// Prevent directory traversal
+		if (
+			!namespacePath.startsWith(path.resolve(workflowsPersistPath) + path.sep)
+		) {
+			return new Response("Invalid workflow name", { status: 400 });
+		}
+
+		const extensions = [".sqlite", ".sqlite-shm", ".sqlite-wal"];
+
+		if (hexId) {
+			// Delete a single instance
+			let deleted = false;
+			for (const ext of extensions) {
+				const filePath = path.join(namespacePath, `${hexId}${ext}`);
+				if (!filePath.startsWith(namespacePath + path.sep)) {
+					return new Response("Invalid instance ID", { status: 400 });
+				}
+				try {
+					await fs.promises.unlink(filePath);
+					if (ext === ".sqlite") {
+						deleted = true;
+					}
+				} catch (e) {
+					if (!isFileNotFoundError(e)) {
+						throw e;
+					}
+				}
+			}
+			if (!deleted) {
+				return new Response("Not Found", { status: 404 });
+			}
+		} else {
+			// Delete ALL instances in the workflow
+			try {
+				const dirEntries = await fs.promises.readdir(namespacePath);
+				await Promise.all(
+					dirEntries
+						.filter((name) => extensions.some((ext) => name.endsWith(ext)))
+						.map((name) =>
+							fs.promises.unlink(path.join(namespacePath, name)).catch(() => {})
+						)
+				);
+			} catch (e) {
+				if (!isFileNotFoundError(e)) {
+					throw e;
+				}
+			}
+		}
+
+		return new Response("OK", { status: 200 });
+	}
+
 	get #workerSrcOpts(): NameSourceOptions[] {
 		return this.#workerOpts.map<NameSourceOptions>(({ core }) => core);
 	}
@@ -1350,6 +1510,13 @@ export class Miniflare {
 				response = new Response(filePath, { status: 200 });
 			} else if (url.pathname.startsWith("/core/do-storage/")) {
 				response = await this.#handleLoopbackDOStorageRequest(url);
+			} else if (url.pathname.startsWith("/core/workflow-storage/")) {
+				if (request.method === "DELETE") {
+					response =
+						await this.#handleLoopbackWorkflowStorageDeleteRequest(url);
+				} else {
+					response = await this.#handleLoopbackWorkflowStorageRequest(url);
+				}
 			} else if (url.pathname === "/core/dev-registry") {
 				// Used by the local explorer to aggregate resources across instances
 				const registryPath = this.#devRegistry.getRegistryPath();
@@ -1962,6 +2129,23 @@ export class Miniflare {
 			}
 		}
 
+		// Collect workflow options from all workers for the explorer binding map
+		const workflowOptions = new Map<
+			string,
+			{ name: string; className: string; scriptName?: string }
+		>();
+		for (const workerOpts of allWorkerOpts) {
+			if (workerOpts.workflows.workflows) {
+				for (const workflow of Object.values(workerOpts.workflows.workflows)) {
+					workflowOptions.set(workflow.name, {
+						name: workflow.name,
+						className: workflow.className,
+						scriptName: workflow.scriptName,
+					});
+				}
+			}
+		}
+
 		const globalServices = getGlobalServices({
 			sharedOptions: sharedOpts.core,
 			allWorkerRoutes,
@@ -1983,6 +2167,7 @@ export class Miniflare {
 			log: this.#log,
 			proxyBindings,
 			durableObjectClassNames,
+			workflowOptions: workflowOptions.size > 0 ? workflowOptions : undefined,
 		});
 		for (const service of globalServices) {
 			// Global services should all have unique names
diff --git a/packages/miniflare/src/plugins/core/explorer.ts b/packages/miniflare/src/plugins/core/explorer.ts
index 7933cc42ee..b57991ba26 100644
--- a/packages/miniflare/src/plugins/core/explorer.ts
+++ b/packages/miniflare/src/plugins/core/explorer.ts
@@ -6,6 +6,7 @@ import { OUTBOUND_DO_PROXY_SERVICE_NAME } from "../../shared/external-service";
 import { CoreBindings } from "../../workers";
 import {
 	DurableObjectClassNames,
+	WorkflowOption,
 	WORKER_BINDING_SERVICE_LOOPBACK,
 } from "../shared";
 import {
@@ -13,7 +14,7 @@ import {
 	LOCAL_EXPLORER_DISK,
 	SERVICE_LOCAL_EXPLORER,
 } from "./constants";
-import type { BindingIdMap } from "./types";
+import type { BindingIdMap, WorkflowBindingInfo } from "./types";
 
 export interface ExplorerServicesOptions {
 	localExplorerUiPath: string;
@@ -74,6 +75,21 @@ export function getExplorerServices(
 		}
 	}
 
+	// Add Engine DO namespace bindings for each workflow.
+	// This gives the explorer direct access to Engine DOs via idFromString()
+	// for the instance detail view. Same pattern as DO namespace bindings above.
+	// The Engine DO has no alarms and its constructor is idempotent, so waking
+	// it up for reads is safe.
+	for (const workflowInfo of Object.values(bindingIdMap.workflows)) {
+		explorerBindings.push({
+			name: workflowInfo.engineBinding,
+			durableObjectNamespace: {
+				className: "Engine",
+				serviceName: `workflows:${workflowInfo.name}`,
+			},
+		});
+	}
+
 	return [
 		// Disk service for serving explorer UI assets
 		{
@@ -98,18 +114,20 @@ export function getExplorerServices(
 }
 
 /**
- * Build binding ID map from proxyBindings and durableObjectClassNames
- * Maps resource IDs to binding information for the local explorer
+ * Build binding ID map from proxyBindings, durableObjectClassNames, and workflow options.
+ * Maps resource IDs to binding information for the local explorer.
  */
 export function constructExplorerBindingMap(
 	proxyBindings: Worker_Binding[],
-	durableObjectClassNames: DurableObjectClassNames
+	durableObjectClassNames: DurableObjectClassNames,
+	workflowOptions?: Map<string, WorkflowOption>
 ): BindingIdMap {
 	const IDToBindingName: BindingIdMap = {
 		d1: {},
 		kv: {},
 		do: {},
 		r2: {},
+		workflows: {},
 	};
 
 	for (const binding of proxyBindings) {
@@ -177,6 +195,49 @@ export function constructExplorerBindingMap(
 		}
 	}
 
+	// Handle Workflows: detect workflow proxy bindings by the "workflows:" prefix
+	// and enrich with workflow option metadata.
+	// Workflow proxy binding names follow: MINIFLARE_PROXY:workflows:<worker>:<bindingName>
+	if (workflowOptions) {
+		for (const binding of proxyBindings) {
+			if (
+				!binding.name?.startsWith(
+					`${CoreBindings.DURABLE_OBJECT_NAMESPACE_PROXY}:workflows:`
+				)
+			) {
+				continue;
+			}
+			if (!("wrapped" in binding)) {
+				continue;
+			}
+
+			// Extract the workflow name from the inner binding service name ("workflows:<name>")
+			const [innerBinding] = binding.wrapped?.innerBindings ?? [];
+			if (!innerBinding || !("service" in innerBinding)) {
+				continue;
+			}
+			const serviceName = innerBinding.service?.name;
+			if (!serviceName?.startsWith("workflows:")) {
+				continue;
+			}
+			const workflowName = serviceName.replace(/^workflows:/, "");
+
+			// Find the matching workflow option to get className / scriptName
+			const workflowOpt = workflowOptions.get(workflowName);
+			if (!workflowOpt) {
+				continue;
+			}
+
+			IDToBindingName.workflows[workflowName] = {
+				name: workflowName,
+				className: workflowOpt.className,
+				scriptName: workflowOpt.scriptName ?? "",
+				binding: binding.name,
+				engineBinding: `EXPLORER_WORKFLOW_ENGINE_${workflowName}`,
+			} satisfies WorkflowBindingInfo;
+		}
+	}
+
 	return IDToBindingName;
 }
 
diff --git a/packages/miniflare/src/plugins/core/index.ts b/packages/miniflare/src/plugins/core/index.ts
index 211258b09b..cc502480c1 100644
--- a/packages/miniflare/src/plugins/core/index.ts
+++ b/packages/miniflare/src/plugins/core/index.ts
@@ -79,6 +79,7 @@ import {
 	ServiceDesignatorSchema,
 } from "./services";
 import type { WorkerRegistry } from "../../shared/dev-registry-types";
+import type { WorkflowOption } from "../shared";
 import type { BindingIdMap } from "./types";
 
 // `workerd`'s `trustBrowserCas` should probably be named `trustSystemCas`.
@@ -997,6 +998,8 @@ export interface GlobalServicesOptions {
 	proxyBindings: Worker_Binding[];
 	/** Pass Durable Object configuration for the explorer worker (has more info than proxyBindings)*/
 	durableObjectClassNames: DurableObjectClassNames;
+	/** Pass Workflow configuration for the explorer worker */
+	workflowOptions?: Map<string, WorkflowOption>;
 }
 export function getGlobalServices({
 	sharedOptions,
@@ -1006,6 +1009,7 @@ export function getGlobalServices({
 	log,
 	proxyBindings,
 	durableObjectClassNames,
+	workflowOptions,
 }: GlobalServicesOptions): Service[] {
 	// Collect list of workers we could route to, then parse and sort all routes
 	const workerNames = [...allWorkerRoutes.keys()];
@@ -1140,7 +1144,8 @@ export function getGlobalServices({
 		}
 		const IDToBindingMap: BindingIdMap = constructExplorerBindingMap(
 			proxyBindings,
-			durableObjectClassNames
+			durableObjectClassNames,
+			workflowOptions
 		);
 		const hasDurableObjects = Object.keys(IDToBindingMap.do).length > 0;
 		services.push(
diff --git a/packages/miniflare/src/plugins/core/types.ts b/packages/miniflare/src/plugins/core/types.ts
index 38c09e1323..f6a8dff8a6 100644
--- a/packages/miniflare/src/plugins/core/types.ts
+++ b/packages/miniflare/src/plugins/core/types.ts
@@ -9,6 +9,7 @@ export type BindingIdMap = {
 	kv: Record<string, string>; // namespaceId -> bindingName
 	do: Record<string, DONamespaceInfo & { binding: string }>; // uniqueKey -> namespace info
 	r2: Record<string, string>; // bucketName -> bindingName
+	workflows: Record<string, WorkflowBindingInfo>; // workflowName -> binding info
 };
 
 type DONamespaceInfo = {
@@ -16,3 +17,11 @@ type DONamespaceInfo = {
 	scriptName: string;
 	useSQLite: boolean;
 };
+
+export type WorkflowBindingInfo = {
+	name: string; // workflow name
+	className: string; // entrypoint class name
+	scriptName: string; // script containing the workflow
+	binding: string; // proxy binding name in env
+	engineBinding: string; // Engine DO namespace binding for direct access
+};
diff --git a/packages/miniflare/src/plugins/shared/index.ts b/packages/miniflare/src/plugins/shared/index.ts
index 4757793e31..61ce2a184d 100644
--- a/packages/miniflare/src/plugins/shared/index.ts
+++ b/packages/miniflare/src/plugins/shared/index.ts
@@ -40,6 +40,13 @@ export type Persistence = z.infer<typeof PersistenceSchema>;
 // be added a regular worker services. These workers shouldn't be routable.
 export type WrappedBindingNames = Set<string>;
 
+// Maps workflow binding names to their workflow options
+export interface WorkflowOption {
+	name: string;
+	className: string;
+	scriptName?: string;
+}
+
 // Maps **service** names to the Durable Object class names exported by them
 export type DurableObjectClassNames = Map<
 	string,
diff --git a/packages/miniflare/src/workers/local-explorer/explorer.worker.ts b/packages/miniflare/src/workers/local-explorer/explorer.worker.ts
index 606d05d371..ea4d7f8964 100644
--- a/packages/miniflare/src/workers/local-explorer/explorer.worker.ts
+++ b/packages/miniflare/src/workers/local-explorer/explorer.worker.ts
@@ -20,6 +20,7 @@ import {
 	zWorkersKvNamespaceGetMultipleKeyValuePairsData,
 	zWorkersKvNamespaceListANamespaceSKeysData,
 	zWorkersKvNamespaceListNamespacesData,
+	zWorkflowsListInstancesData,
 } from "./generated/zod.gen";
 import { listD1Databases, rawD1Database } from "./resources/d1";
 import { listDONamespaces, listDOObjects, queryDOSqlite } from "./resources/do";
@@ -38,6 +39,17 @@ import {
 	listR2Objects,
 	putR2Object,
 } from "./resources/r2";
+import {
+	changeWorkflowInstanceStatus,
+	createWorkflowInstance,
+	deleteWorkflow,
+	deleteWorkflowInstance,
+	getWorkflowDetails,
+	getWorkflowInstanceDetails,
+	listWorkflowInstances,
+	listWorkflows,
+	sendWorkflowInstanceEvent,
+} from "./resources/workflows";
 import type { BindingIdMap } from "../../plugins/core/types";
 import type { WorkerRegistry } from "../../shared/dev-registry-types";
 import type { LocalExplorerWorker } from "./generated";
@@ -254,6 +266,66 @@ app.delete(
 	(c) => deleteR2Objects(c, c.req.param("bucket_name"), c.req.valid("json"))
 );
 
+// ============================================================================
+// Workflows Endpoints
+// ============================================================================
+
+app.get("/api/workflows", (c) => listWorkflows(c));
+
+app.get("/api/workflows/:workflow_name", (c) =>
+	getWorkflowDetails(c, c.req.param("workflow_name"))
+);
+
+app.delete("/api/workflows/:workflow_name", (c) =>
+	deleteWorkflow(c, c.req.param("workflow_name"))
+);
+
+app.get(
+	"/api/workflows/:workflow_name/instances",
+	validateQuery(zWorkflowsListInstancesData.shape.query.unwrap()),
+	(c) =>
+		listWorkflowInstances(c, c.req.param("workflow_name"), c.req.valid("query"))
+);
+
+app.post("/api/workflows/:workflow_name/instances", (c) =>
+	createWorkflowInstance(c, c.req.param("workflow_name"))
+);
+
+app.get("/api/workflows/:workflow_name/instances/:instance_id", (c) =>
+	getWorkflowInstanceDetails(
+		c,
+		c.req.param("workflow_name"),
+		c.req.param("instance_id")
+	)
+);
+
+app.patch("/api/workflows/:workflow_name/instances/:instance_id/status", (c) =>
+	changeWorkflowInstanceStatus(
+		c,
+		c.req.param("workflow_name"),
+		c.req.param("instance_id")
+	)
+);
+
+app.post(
+	"/api/workflows/:workflow_name/instances/:instance_id/events/:event_type",
+	(c) =>
+		sendWorkflowInstanceEvent(
+			c,
+			c.req.param("workflow_name"),
+			c.req.param("instance_id"),
+			c.req.param("event_type")
+		)
+);
+
+app.delete("/api/workflows/:workflow_name/instances/:instance_id", (c) =>
+	deleteWorkflowInstance(
+		c,
+		c.req.param("workflow_name"),
+		c.req.param("instance_id")
+	)
+);
+
 // ============================================================================
 // Workers Registry Endpoint
 // ============================================================================
diff --git a/packages/miniflare/src/workers/local-explorer/generated/index.ts b/packages/miniflare/src/workers/local-explorer/generated/index.ts
index 5c37b115d8..226770f5ca 100644
--- a/packages/miniflare/src/workers/local-explorer/generated/index.ts
+++ b/packages/miniflare/src/workers/local-explorer/generated/index.ts
@@ -159,4 +159,55 @@ export type {
 	WorkersNamespaceWritable,
 	WorkersObject,
 	WorkersSchemasId,
+	WorkflowsChangeInstanceStatusData,
+	WorkflowsChangeInstanceStatusError,
+	WorkflowsChangeInstanceStatusErrors,
+	WorkflowsChangeInstanceStatusResponse,
+	WorkflowsChangeInstanceStatusResponses,
+	WorkflowsCreateInstanceData,
+	WorkflowsCreateInstanceError,
+	WorkflowsCreateInstanceErrors,
+	WorkflowsCreateInstanceResponse,
+	WorkflowsCreateInstanceResponses,
+	WorkflowsDeleteInstanceData,
+	WorkflowsDeleteInstanceError,
+	WorkflowsDeleteInstanceErrors,
+	WorkflowsDeleteInstanceResponse,
+	WorkflowsDeleteInstanceResponses,
+	WorkflowsDeleteWorkflowData,
+	WorkflowsDeleteWorkflowError,
+	WorkflowsDeleteWorkflowErrors,
+	WorkflowsDeleteWorkflowResponse,
+	WorkflowsDeleteWorkflowResponses,
+	WorkflowsGetInstanceDetailsData,
+	WorkflowsGetInstanceDetailsError,
+	WorkflowsGetInstanceDetailsErrors,
+	WorkflowsGetInstanceDetailsResponse,
+	WorkflowsGetInstanceDetailsResponses,
+	WorkflowsGetWorkflowDetailsData,
+	WorkflowsGetWorkflowDetailsError,
+	WorkflowsGetWorkflowDetailsErrors,
+	WorkflowsGetWorkflowDetailsResponse,
+	WorkflowsGetWorkflowDetailsResponses,
+	WorkflowsInstance,
+	WorkflowsInstanceDetails,
+	WorkflowsInstanceId,
+	WorkflowsListInstancesData,
+	WorkflowsListInstancesError,
+	WorkflowsListInstancesErrors,
+	WorkflowsListInstancesResponse,
+	WorkflowsListInstancesResponses,
+	WorkflowsListWorkflowsData,
+	WorkflowsListWorkflowsError,
+	WorkflowsListWorkflowsErrors,
+	WorkflowsListWorkflowsResponse,
+	WorkflowsListWorkflowsResponses,
+	WorkflowsSendInstanceEventData,
+	WorkflowsSendInstanceEventError,
+	WorkflowsSendInstanceEventErrors,
+	WorkflowsSendInstanceEventResponse,
+	WorkflowsSendInstanceEventResponses,
+	WorkflowsWorkflow,
+	WorkflowsWorkflowDetails,
+	WorkflowsWorkflowName,
 } from "./types.gen";
diff --git a/packages/miniflare/src/workers/local-explorer/generated/types.gen.ts b/packages/miniflare/src/workers/local-explorer/generated/types.gen.ts
index c8ed6107ca..12c788ef5f 100644
--- a/packages/miniflare/src/workers/local-explorer/generated/types.gen.ts
+++ b/packages/miniflare/src/workers/local-explorer/generated/types.gen.ts
@@ -590,6 +590,114 @@ export type LocalExplorerWorker = {
 	protocol: string;
 };
 
+export type WorkflowsWorkflowDetails = {
+	/**
+	 * The name of the workflow.
+	 */
+	name: string;
+	/**
+	 * The entrypoint class name.
+	 */
+	class_name: string;
+	/**
+	 * The script containing the workflow.
+	 */
+	script_name: string;
+	/**
+	 * Instance counts by status.
+	 */
+	instances: {
+		complete?: number;
+		errored?: number;
+		paused?: number;
+		queued?: number;
+		running?: number;
+		terminated?: number;
+		waiting?: number;
+		waitingForPause?: number;
+	};
+};
+
+/**
+ * The name of the workflow.
+ */
+export type WorkflowsWorkflowName = string;
+
+/**
+ * The unique identifier of a workflow instance.
+ */
+export type WorkflowsInstanceId = string;
+
+export type WorkflowsWorkflow = {
+	/**
+	 * The name of the workflow.
+	 */
+	name: string;
+	/**
+	 * The entrypoint class name of the workflow.
+	 */
+	class_name?: string;
+	/**
+	 * The script name containing the workflow.
+	 */
+	script_name?: string;
+};
+
+export type WorkflowsInstance = {
+	/**
+	 * The unique identifier of the workflow instance.
+	 */
+	id: string;
+	/**
+	 * The current status of the instance.
+	 */
+	status?:
+		| "queued"
+		| "running"
+		| "paused"
+		| "errored"
+		| "terminated"
+		| "complete"
+		| "waitingForPause"
+		| "waiting"
+		| "unknown";
+	/**
+	 * ISO 8601 timestamp of when the instance was created.
+	 */
+	created_on?: string;
+};
+
+export type WorkflowsInstanceDetails = {
+	/**
+	 * The unique identifier of the workflow instance.
+	 */
+	id: string;
+	/**
+	 * The current status of the instance.
+	 */
+	status:
+		| "queued"
+		| "running"
+		| "paused"
+		| "errored"
+		| "terminated"
+		| "complete"
+		| "waitingForPause"
+		| "waiting"
+		| "unknown";
+	/**
+	 * Output value if the workflow completed successfully.
+	 */
+	output?: unknown;
+	/**
+	 * Error details if the workflow errored.
+	 */
+	error?: {
+		name?: string;
+		message?: string;
+	};
+};
+
 export type R2ResultInfoWritable = {
 	[key: string]: unknown;
 };
@@ -1277,3 +1385,345 @@ export type LocalExplorerListWorkersResponses = {
 
 export type LocalExplorerListWorkersResponse =
 	LocalExplorerListWorkersResponses[keyof LocalExplorerListWorkersResponses];
+
+export type WorkflowsListWorkflowsData = {
+	body?: never;
+	path?: never;
+	query?: never;
+	url: "/workflows";
+};
+
+export type WorkflowsListWorkflowsErrors = {
+	/**
+	 * List Workflows response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsListWorkflowsError =
+	WorkflowsListWorkflowsErrors[keyof WorkflowsListWorkflowsErrors];
+
+export type WorkflowsListWorkflowsResponses = {
+	/**
+	 * List Workflows response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: Array<WorkflowsWorkflow>;
+		result_info?: {
+			count?: number;
+		};
+	};
+};
+
+export type WorkflowsListWorkflowsResponse =
+	WorkflowsListWorkflowsResponses[keyof WorkflowsListWorkflowsResponses];
+
+export type WorkflowsDeleteWorkflowData = {
+	body?: never;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}";
+};
+
+export type WorkflowsDeleteWorkflowErrors = {
+	/**
+	 * Delete Workflow response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsDeleteWorkflowError =
+	WorkflowsDeleteWorkflowErrors[keyof WorkflowsDeleteWorkflowErrors];
+
+export type WorkflowsDeleteWorkflowResponses = {
+	/**
+	 * Delete Workflow response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: {
+			status?: string;
+			success?: boolean;
+		};
+	};
+};
+
+export type WorkflowsDeleteWorkflowResponse =
+	WorkflowsDeleteWorkflowResponses[keyof WorkflowsDeleteWorkflowResponses];
+
+export type WorkflowsGetWorkflowDetailsData = {
+	body?: never;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}";
+};
+
+export type WorkflowsGetWorkflowDetailsErrors = {
+	/**
+	 * Get Workflow Details response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsGetWorkflowDetailsError =
+	WorkflowsGetWorkflowDetailsErrors[keyof WorkflowsGetWorkflowDetailsErrors];
+
+export type WorkflowsGetWorkflowDetailsResponses = {
+	/**
+	 * Get Workflow Details response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: WorkflowsWorkflowDetails;
+	};
+};
+
+export type WorkflowsGetWorkflowDetailsResponse =
+	WorkflowsGetWorkflowDetailsResponses[keyof WorkflowsGetWorkflowDetailsResponses];
+
+export type WorkflowsListInstancesData = {
+	body?: never;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+	};
+	query?: {
+		/**
+		 * Page number (1-indexed).
+		 */
+		page?: number;
+		/**
+		 * Number of instances per page.
+		 */
+		per_page?: number;
+		/**
+		 * Filter instances by status.
+		 */
+		status?:
+			| "queued"
+			| "running"
+			| "paused"
+			| "errored"
+			| "terminated"
+			| "complete"
+			| "waitingForPause"
+			| "waiting";
+	};
+	url: "/workflows/{workflow_name}/instances";
+};
+
+export type WorkflowsListInstancesErrors = {
+	/**
+	 * List Workflow Instances response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsListInstancesError =
+	WorkflowsListInstancesErrors[keyof WorkflowsListInstancesErrors];
+
+export type WorkflowsListInstancesResponses = {
+	/**
+	 * List Workflow Instances response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: Array<WorkflowsInstance>;
+		result_info?: {
+			page?: number;
+			per_page?: number;
+			total_count?: number;
+			total_pages?: number;
+		};
+	};
+};
+
+export type WorkflowsListInstancesResponse =
+	WorkflowsListInstancesResponses[keyof WorkflowsListInstancesResponses];
+
+export type WorkflowsCreateInstanceData = {
+	body?: {
+		/**
+		 * Optional instance ID. If not provided, a UUID is generated.
+		 */
+		id?: string;
+		/**
+		 * Optional JSON payload to pass to the workflow.
+		 */
+		params?: unknown;
+	};
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}/instances";
+};
+
+export type WorkflowsCreateInstanceErrors = {
+	/**
+	 * Create Workflow Instance response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsCreateInstanceError =
+	WorkflowsCreateInstanceErrors[keyof WorkflowsCreateInstanceErrors];
+
+export type WorkflowsCreateInstanceResponses = {
+	/**
+	 * Create Workflow Instance response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: {
+			/**
+			 * The instance ID of the newly created workflow instance.
+			 */
+			id: string;
+		};
+	};
+};
+
+export type WorkflowsCreateInstanceResponse =
+	WorkflowsCreateInstanceResponses[keyof WorkflowsCreateInstanceResponses];
+
+export type WorkflowsDeleteInstanceData = {
+	body?: never;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+		instance_id: WorkflowsInstanceId;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}/instances/{instance_id}";
+};
+
+export type WorkflowsDeleteInstanceErrors = {
+	/**
+	 * Delete Workflow Instance response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsDeleteInstanceError =
+	WorkflowsDeleteInstanceErrors[keyof WorkflowsDeleteInstanceErrors];
+
+export type WorkflowsDeleteInstanceResponses = {
+	/**
+	 * Delete Workflow Instance response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: {
+			success?: boolean;
+		};
+	};
+};
+
+export type WorkflowsDeleteInstanceResponse =
+	WorkflowsDeleteInstanceResponses[keyof WorkflowsDeleteInstanceResponses];
+
+export type WorkflowsGetInstanceDetailsData = {
+	body?: never;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+		instance_id: WorkflowsInstanceId;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}/instances/{instance_id}";
+};
+
+export type WorkflowsGetInstanceDetailsErrors = {
+	/**
+	 * Get Workflow Instance Details response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsGetInstanceDetailsError =
+	WorkflowsGetInstanceDetailsErrors[keyof WorkflowsGetInstanceDetailsErrors];
+
+export type WorkflowsGetInstanceDetailsResponses = {
+	/**
+	 * Get Workflow Instance Details response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: WorkflowsInstanceDetails;
+	};
+};
+
+export type WorkflowsGetInstanceDetailsResponse =
+	WorkflowsGetInstanceDetailsResponses[keyof WorkflowsGetInstanceDetailsResponses];
+
+export type WorkflowsChangeInstanceStatusData = {
+	body: {
+		/**
+		 * The action to perform on the workflow instance.
+		 */
+		action: "pause" | "resume" | "restart" | "terminate";
+	};
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+		instance_id: WorkflowsInstanceId;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}/instances/{instance_id}/status";
+};
+
+export type WorkflowsChangeInstanceStatusErrors = {
+	/**
+	 * Change Workflow Instance Status response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsChangeInstanceStatusError =
+	WorkflowsChangeInstanceStatusErrors[keyof WorkflowsChangeInstanceStatusErrors];
+
+export type WorkflowsChangeInstanceStatusResponses = {
+	/**
+	 * Change Workflow Instance Status response.
+	 */
+	200: WorkersApiResponseCommon & {
+		result?: {
+			success?: boolean;
+		};
+	};
+};
+
+export type WorkflowsChangeInstanceStatusResponse =
+	WorkflowsChangeInstanceStatusResponses[keyof WorkflowsChangeInstanceStatusResponses];
+
+export type WorkflowsSendInstanceEventData = {
+	/**
+	 * Optional JSON payload for the event.
+	 */
+	body?: unknown;
+	path: {
+		workflow_name: WorkflowsWorkflowName;
+		instance_id: WorkflowsInstanceId;
+		/**
+		 * The event type to send.
+		 */
+		event_type: string;
+	};
+	query?: never;
+	url: "/workflows/{workflow_name}/instances/{instance_id}/events/{event_type}";
+};
+
+export type WorkflowsSendInstanceEventErrors = {
+	/**
+	 * Send Event response failure.
+	 */
+	"4XX": WorkersApiResponseCommonFailure;
+};
+
+export type WorkflowsSendInstanceEventError =
+	WorkflowsSendInstanceEventErrors[keyof WorkflowsSendInstanceEventErrors];
+
+export type WorkflowsSendInstanceEventResponses = {
+	/**
+	 * Send Event response.
+	 */
+	200: WorkersApiResponseCommon;
+};
+
+export type WorkflowsSendInstanceEventResponse =
+	WorkflowsSendInstanceEventResponses[keyof WorkflowsSendInstanceEventResponses];
diff --git a/packages/miniflare/src/workers/local-explorer/generated/zod.gen.ts b/packages/miniflare/src/workers/local-explorer/generated/zod.gen.ts
index ad24df246a..dd5635df46 100644
--- a/packages/miniflare/src/workers/local-explorer/generated/zod.gen.ts
+++ b/packages/miniflare/src/workers/local-explorer/generated/zod.gen.ts
@@ -409,6 +409,78 @@ export const zLocalExplorerWorker = z.object({
 	protocol: z.string(),
 });
 
+export const zWorkflowsWorkflowDetails = z.object({
+	name: z.string(),
+	class_name: z.string(),
+	script_name: z.string(),
+	instances: z.object({
+		complete: z.number().optional(),
+		errored: z.number().optional(),
+		paused: z.number().optional(),
+		queued: z.number().optional(),
+		running: z.number().optional(),
+		terminated: z.number().optional(),
+		waiting: z.number().optional(),
+		waitingForPause: z.number().optional(),
+	}),
+});
+
+/**
+ * The name of the workflow.
+ */
+export const zWorkflowsWorkflowName = z.string();
+
+/**
+ * The unique identifier of a workflow instance.
+ */
+export const zWorkflowsInstanceId = z.string();
+
+export const zWorkflowsWorkflow = z.object({
+	name: z.string(),
+	class_name: z.string().optional(),
+	script_name: z.string().optional(),
+});
+
+export const zWorkflowsInstance = z.object({
+	id: z.string(),
+	status: z
+		.enum([
+			"queued",
+			"running",
+			"paused",
+			"errored",
+			"terminated",
+			"complete",
+			"waitingForPause",
+			"waiting",
+			"unknown",
+		])
+		.optional(),
+	created_on: z.string().optional(),
+});
+
+export const zWorkflowsInstanceDetails = z.object({
+	id: z.string(),
+	status: z.enum([
+		"queued",
+		"running",
+		"paused",
+		"errored",
+		"terminated",
+		"complete",
+		"waitingForPause",
+		"waiting",
+		"unknown",
+	]),
+	output: z.unknown().optional(),
+	error: z
+		.object({
+			name: z.string().optional(),
+			message: z.string().optional(),
+		})
+		.optional(),
+});
+
 export const zR2ResultInfoWritable = z.record(z.unknown());
 
 export const zWorkersNamespaceWritable = z.object({
@@ -808,3 +880,212 @@ export const zLocalExplorerListWorkersResponse = zWorkersApiResponseCommon.and(
 		result: z.array(zLocalExplorerWorker).optional(),
 	})
 );
+
+export const zWorkflowsListWorkflowsData = z.object({
+	body: z.never().optional(),
+	path: z.never().optional(),
+	query: z.never().optional(),
+});
+
+/**
+ * List Workflows response.
+ */
+export const zWorkflowsListWorkflowsResponse = zWorkersApiResponseCommon.and(
+	z.object({
+		result: z.array(zWorkflowsWorkflow).optional(),
+		result_info: z
+			.object({
+				count: z.number().optional(),
+			})
+			.optional(),
+	})
+);
+
+export const zWorkflowsDeleteWorkflowData = z.object({
+	body: z.never().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Delete Workflow response.
+ */
+export const zWorkflowsDeleteWorkflowResponse = zWorkersApiResponseCommon.and(
+	z.object({
+		result: z
+			.object({
+				status: z.string().optional(),
+				success: z.boolean().optional(),
+			})
+			.optional(),
+	})
+);
+
+export const zWorkflowsGetWorkflowDetailsData = z.object({
+	body: z.never().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Get Workflow Details response.
+ */
+export const zWorkflowsGetWorkflowDetailsResponse =
+	zWorkersApiResponseCommon.and(
+		z.object({
+			result: zWorkflowsWorkflowDetails.optional(),
+		})
+	);
+
+export const zWorkflowsListInstancesData = z.object({
+	body: z.never().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+	}),
+	query: z
+		.object({
+			page: z.number().gte(1).optional().default(1),
+			per_page: z.number().gte(1).lte(100).optional().default(25),
+			status: z
+				.enum([
+					"queued",
+					"running",
+					"paused",
+					"errored",
+					"terminated",
+					"complete",
+					"waitingForPause",
+					"waiting",
+				])
+				.optional(),
+		})
+		.optional(),
+});
+
+/**
+ * List Workflow Instances response.
+ */
+export const zWorkflowsListInstancesResponse = zWorkersApiResponseCommon.and(
+	z.object({
+		result: z.array(zWorkflowsInstance).optional(),
+		result_info: z
+			.object({
+				page: z.number().optional(),
+				per_page: z.number().optional(),
+				total_count: z.number().optional(),
+				total_pages: z.number().optional(),
+			})
+			.optional(),
+	})
+);
+
+export const zWorkflowsCreateInstanceData = z.object({
+	body: z
+		.object({
+			id: z.string().optional(),
+			params: z.unknown().optional(),
+		})
+		.optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Create Workflow Instance response.
+ */
+export const zWorkflowsCreateInstanceResponse = zWorkersApiResponseCommon.and(
+	z.object({
+		result: z
+			.object({
+				id: z.string(),
+			})
+			.optional(),
+	})
+);
+
+export const zWorkflowsDeleteInstanceData = z.object({
+	body: z.never().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+		instance_id: zWorkflowsInstanceId,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Delete Workflow Instance response.
+ */
+export const zWorkflowsDeleteInstanceResponse = zWorkersApiResponseCommon.and(
+	z.object({
+		result: z
+			.object({
+				success: z.boolean().optional(),
+			})
+			.optional(),
+	})
+);
+
+export const zWorkflowsGetInstanceDetailsData = z.object({
+	body: z.never().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+		instance_id: zWorkflowsInstanceId,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Get Workflow Instance Details response.
+ */
+export const zWorkflowsGetInstanceDetailsResponse =
+	zWorkersApiResponseCommon.and(
+		z.object({
+			result: zWorkflowsInstanceDetails.optional(),
+		})
+	);
+
+export const zWorkflowsChangeInstanceStatusData = z.object({
+	body: z.object({
+		action: z.enum(["pause", "resume", "restart", "terminate"]),
+	}),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+		instance_id: zWorkflowsInstanceId,
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Change Workflow Instance Status response.
+ */
+export const zWorkflowsChangeInstanceStatusResponse =
+	zWorkersApiResponseCommon.and(
+		z.object({
+			result: z
+				.object({
+					success: z.boolean().optional(),
+				})
+				.optional(),
+		})
+	);
+
+export const zWorkflowsSendInstanceEventData = z.object({
+	body: z.unknown().optional(),
+	path: z.object({
+		workflow_name: zWorkflowsWorkflowName,
+		instance_id: zWorkflowsInstanceId,
+		event_type: z.string(),
+	}),
+	query: z.never().optional(),
+});
+
+/**
+ * Send Event response.
+ */
+export const zWorkflowsSendInstanceEventResponse = zWorkersApiResponseCommon;
diff --git a/packages/miniflare/src/workers/local-explorer/openapi.local.json b/packages/miniflare/src/workers/local-explorer/openapi.local.json
index c099ad98ef..a4fd1de84c 100644
--- a/packages/miniflare/src/workers/local-explorer/openapi.local.json
+++ b/packages/miniflare/src/workers/local-explorer/openapi.local.json
@@ -1241,6 +1241,420 @@
 			"get": {
 				"description": "List all workers in the local dev registry.",
 				"operationId": "local-explorer-list-workers",
+				"parameters": [],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"items": {
+														"$ref": "#/components/schemas/local-explorer_worker"
+													},
+													"type": "array"
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "List workers response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "List workers failure."
+					}
+				},
+				"summary": "List Workers in Dev Registry",
+				"tags": ["Local Explorer"]
+			}
+		},
+		"/workflows": {
+			"get": {
+				"description": "Returns the workflows configured for local development.",
+				"operationId": "workflows-list-workflows",
+				"parameters": [],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"items": {
+														"$ref": "#/components/schemas/workflows_workflow"
+													},
+													"type": "array"
+												},
+												"result_info": {
+													"properties": {
+														"count": {
+															"type": "number"
+														}
+													},
+													"type": "object"
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "List Workflows response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "List Workflows response failure."
+					}
+				},
+				"summary": "List Workflows",
+				"tags": ["Workflows"]
+			}
+		},
+		"/workflows/{workflow_name}": {
+			"get": {
+				"description": "Returns details of a specific workflow including instance status counts.",
+				"operationId": "workflows-get-workflow-details",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					}
+				],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"$ref": "#/components/schemas/workflows_workflow-details"
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "Get Workflow Details response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Get Workflow Details response failure."
+					}
+				},
+				"summary": "Get Workflow Details",
+				"tags": ["Workflows"]
+			},
+			"delete": {
+				"description": "Deletes all instances of a workflow by removing their persistence files.",
+				"operationId": "workflows-delete-workflow",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					}
+				],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"type": "object",
+													"properties": {
+														"status": {
+															"type": "string"
+														},
+														"success": {
+															"type": "boolean"
+														}
+													}
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "Delete Workflow response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Delete Workflow response failure."
+					}
+				},
+				"summary": "Delete Workflow (all instances)",
+				"tags": ["Workflows"]
+			}
+		},
+		"/workflows/{workflow_name}/instances": {
+			"get": {
+				"description": "Returns the instances of a workflow.",
+				"operationId": "workflows-list-instances",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					},
+					{
+						"in": "query",
+						"name": "page",
+						"schema": {
+							"default": 1,
+							"description": "Page number (1-indexed).",
+							"minimum": 1,
+							"type": "number"
+						}
+					},
+					{
+						"in": "query",
+						"name": "per_page",
+						"schema": {
+							"default": 25,
+							"description": "Number of instances per page.",
+							"maximum": 100,
+							"minimum": 1,
+							"type": "number"
+						}
+					},
+					{
+						"in": "query",
+						"name": "status",
+						"schema": {
+							"type": "string",
+							"enum": [
+								"queued",
+								"running",
+								"paused",
+								"errored",
+								"terminated",
+								"complete",
+								"waitingForPause",
+								"waiting"
+							],
+							"description": "Filter instances by status."
+						}
+					}
+				],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"items": {
+														"$ref": "#/components/schemas/workflows_instance"
+													},
+													"type": "array"
+												},
+												"result_info": {
+													"properties": {
+														"page": {
+															"type": "number"
+														},
+														"per_page": {
+															"type": "number"
+														},
+														"total_count": {
+															"type": "number"
+														},
+														"total_pages": {
+															"type": "number"
+														}
+													},
+													"type": "object"
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "List Workflow Instances response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "List Workflow Instances response failure."
+					}
+				},
+				"summary": "List Workflow Instances",
+				"tags": ["Workflows"]
+			},
+			"post": {
+				"description": "Creates a new workflow instance.",
+				"operationId": "workflows-create-instance",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					}
+				],
+				"requestBody": {
+					"content": {
+						"application/json": {
+							"schema": {
+								"type": "object",
+								"properties": {
+									"id": {
+										"type": "string",
+										"description": "Optional instance ID. If not provided, a UUID is generated."
+									},
+									"params": {
+										"description": "Optional JSON payload to pass to the workflow."
+									}
+								}
+							}
+						}
+					}
+				},
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"type": "object",
+													"properties": {
+														"id": {
+															"type": "string",
+															"description": "The instance ID of the newly created workflow instance."
+														}
+													},
+													"required": ["id"]
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "Create Workflow Instance response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Create Workflow Instance response failure."
+					}
+				},
+				"summary": "Create Workflow Instance",
+				"tags": ["Workflows"]
+			}
+		},
+		"/workflows/{workflow_name}/instances/{instance_id}": {
+			"get": {
+				"description": "Returns the status details of a workflow instance.",
+				"operationId": "workflows-get-instance-details",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					},
+					{
+						"in": "path",
+						"name": "instance_id",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_instance-id"
+						}
+					}
+				],
 				"responses": {
 					"200": {
 						"content": {
@@ -1253,10 +1667,7 @@
 										{
 											"properties": {
 												"result": {
-													"items": {
-														"$ref": "#/components/schemas/local-explorer_worker"
-													},
-													"type": "array"
+													"$ref": "#/components/schemas/workflows_instance-details"
 												}
 											},
 											"type": "object"
@@ -1265,7 +1676,7 @@
 								}
 							}
 						},
-						"description": "List workers response."
+						"description": "Get Workflow Instance Details response."
 					},
 					"4XX": {
 						"content": {
@@ -1275,11 +1686,223 @@
 								}
 							}
 						},
-						"description": "List workers failure."
+						"description": "Get Workflow Instance Details response failure."
 					}
 				},
-				"summary": "List Workers in Dev Registry",
-				"tags": ["Local Explorer"]
+				"summary": "Get Workflow Instance Details",
+				"tags": ["Workflows"]
+			},
+			"delete": {
+				"description": "Deletes a workflow instance by removing its persistence files.",
+				"operationId": "workflows-delete-instance",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					},
+					{
+						"in": "path",
+						"name": "instance_id",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_instance-id"
+						}
+					}
+				],
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"type": "object",
+													"properties": {
+														"success": {
+															"type": "boolean"
+														}
+													}
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "Delete Workflow Instance response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Delete Workflow Instance response failure."
+					}
+				},
+				"summary": "Delete Workflow Instance",
+				"tags": ["Workflows"]
+			}
+		},
+		"/workflows/{workflow_name}/instances/{instance_id}/status": {
+			"patch": {
+				"description": "Changes the status of a workflow instance (pause, resume, restart, terminate).",
+				"operationId": "workflows-change-instance-status",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					},
+					{
+						"in": "path",
+						"name": "instance_id",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_instance-id"
+						}
+					}
+				],
+				"requestBody": {
+					"required": true,
+					"content": {
+						"application/json": {
+							"schema": {
+								"type": "object",
+								"required": ["action"],
+								"properties": {
+									"action": {
+										"type": "string",
+										"enum": ["pause", "resume", "restart", "terminate"],
+										"description": "The action to perform on the workflow instance."
+									}
+								}
+							}
+						}
+					}
+				},
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"allOf": [
+										{
+											"$ref": "#/components/schemas/workers_api-response-common"
+										},
+										{
+											"properties": {
+												"result": {
+													"type": "object",
+													"properties": {
+														"success": {
+															"type": "boolean"
+														}
+													}
+												}
+											},
+											"type": "object"
+										}
+									]
+								}
+							}
+						},
+						"description": "Change Workflow Instance Status response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Change Workflow Instance Status response failure."
+					}
+				},
+				"summary": "Change Workflow Instance Status",
+				"tags": ["Workflows"]
+			}
+		},
+		"/workflows/{workflow_name}/instances/{instance_id}/events/{event_type}": {
+			"post": {
+				"description": "Sends an event to a workflow instance.",
+				"operationId": "workflows-send-instance-event",
+				"parameters": [
+					{
+						"in": "path",
+						"name": "workflow_name",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_workflow-name"
+						}
+					},
+					{
+						"in": "path",
+						"name": "instance_id",
+						"required": true,
+						"schema": {
+							"$ref": "#/components/schemas/workflows_instance-id"
+						}
+					},
+					{
+						"in": "path",
+						"name": "event_type",
+						"required": true,
+						"schema": {
+							"type": "string",
+							"description": "The event type to send."
+						}
+					}
+				],
+				"requestBody": {
+					"content": {
+						"application/json": {
+							"schema": {
+								"description": "Optional JSON payload for the event."
+							}
+						}
+					}
+				},
+				"responses": {
+					"200": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common"
+								}
+							}
+						},
+						"description": "Send Event response."
+					},
+					"4XX": {
+						"content": {
+							"application/json": {
+								"schema": {
+									"$ref": "#/components/schemas/workers_api-response-common-failure"
+								}
+							}
+						},
+						"description": "Send Event response failure."
+					}
+				},
+				"summary": "Send Event to Workflow Instance",
+				"tags": ["Workflows"]
 			}
 		}
 	},
@@ -2386,6 +3009,151 @@
 						"description": "Protocol (http or https)"
 					}
 				}
+			},
+			"workflows_workflow-details": {
+				"type": "object",
+				"properties": {
+					"name": {
+						"type": "string",
+						"description": "The name of the workflow."
+					},
+					"class_name": {
+						"type": "string",
+						"description": "The entrypoint class name."
+					},
+					"script_name": {
+						"type": "string",
+						"description": "The script containing the workflow."
+					},
+					"instances": {
+						"type": "object",
+						"description": "Instance counts by status.",
+						"properties": {
+							"complete": {
+								"type": "number"
+							},
+							"errored": {
+								"type": "number"
+							},
+							"paused": {
+								"type": "number"
+							},
+							"queued": {
+								"type": "number"
+							},
+							"running": {
+								"type": "number"
+							},
+							"terminated": {
+								"type": "number"
+							},
+							"waiting": {
+								"type": "number"
+							},
+							"waitingForPause": {
+								"type": "number"
+							}
+						}
+					}
+				},
+				"required": ["name", "class_name", "script_name", "instances"]
+			},
+			"workflows_workflow-name": {
+				"description": "The name of the workflow.",
+				"example": "my-workflow",
+				"type": "string"
+			},
+			"workflows_instance-id": {
+				"description": "The unique identifier of a workflow instance.",
+				"example": "my-instance-id",
+				"type": "string"
+			},
+			"workflows_workflow": {
+				"type": "object",
+				"properties": {
+					"name": {
+						"type": "string",
+						"description": "The name of the workflow."
+					},
+					"class_name": {
+						"type": "string",
+						"description": "The entrypoint class name of the workflow."
+					},
+					"script_name": {
+						"type": "string",
+						"description": "The script name containing the workflow."
+					}
+				},
+				"required": ["name"]
+			},
+			"workflows_instance": {
+				"type": "object",
+				"properties": {
+					"id": {
+						"type": "string",
+						"description": "The unique identifier of the workflow instance."
+					},
+					"status": {
+						"type": "string",
+						"enum": [
+							"queued",
+							"running",
+							"paused",
+							"errored",
+							"terminated",
+							"complete",
+							"waitingForPause",
+							"waiting",
+							"unknown"
+						],
+						"description": "The current status of the instance."
+					},
+					"created_on": {
+						"type": "string",
+						"description": "ISO 8601 timestamp of when the instance was created."
+					}
+				},
+				"required": ["id"]
+			},
+			"workflows_instance-details": {
+				"type": "object",
+				"properties": {
+					"id": {
+						"type": "string",
+						"description": "The unique identifier of the workflow instance."
+					},
+					"status": {
+						"type": "string",
+						"enum": [
+							"queued",
+							"running",
+							"paused",
+							"errored",
+							"terminated",
+							"complete",
+							"waitingForPause",
+							"waiting",
+							"unknown"
+						],
+						"description": "The current status of the instance."
+					},
+					"output": {
+						"description": "Output value if the workflow completed successfully."
+					},
+					"error": {
+						"type": "object",
+						"properties": {
+							"name": {
+								"type": "string"
+							},
+							"message": {
+								"type": "string"
+							}
+						},
+						"description": "Error details if the workflow errored."
+					}
+				},
+				"required": ["id", "status"]
 			}
 		}
 	}
diff --git a/packages/miniflare/src/workers/local-explorer/resources/workflows.ts b/packages/miniflare/src/workers/local-explorer/resources/workflows.ts
new file mode 100644
index 0000000000..bcaf416422
--- /dev/null
+++ b/packages/miniflare/src/workers/local-explorer/resources/workflows.ts
@@ -0,0 +1,1055 @@
+import { z } from "zod";
+import {
+	aggregateListResults,
+	fetchFromPeer,
+	getPeerUrlsIfAggregating,
+} from "../aggregation";
+import { errorResponse, wrapResponse } from "../common";
+import { zWorkflowsListInstancesData } from "../generated/zod.gen";
+import type { AppContext } from "../common";
+import type { Env } from "../explorer.worker";
+import type { WorkflowsWorkflow } from "../generated";
+
+// ============================================================================
+// Error Codes
+// ============================================================================
+
+const WORKFLOW_ERROR_NOT_FOUND = 10501;
+
+// ============================================================================
+// Types
+// ============================================================================
+
+interface DirectoryEntry {
+	name: string;
+	type: "file" | "directory";
+	birthtimeMs: number;
+}
+
+/** Methods on a WorkflowInstance handle (from workflow.get()). */
+interface WorkflowHandle {
+	pause(): Promise<void>;
+	resume(): Promise<void>;
+	restart(): Promise<void>;
+	terminate(): Promise<void>;
+	sendEvent(args: { payload: unknown; type: string }): Promise<void>;
+	status(): Promise<{ status: string; output?: unknown; error?: unknown }>;
+}
+
+/** RPC methods exposed by the Engine Durable Object. */
+interface EngineStub {
+	getInstanceMetadata(): Promise<{
+		instanceId: string;
+		status: number;
+		createdOn: string;
+	}>;
+	readDetailedLogs(): Promise<
+		Array<{
+			id: number;
+			timestamp: string;
+			event: number;
+			group: string | null;
+			target: string | null;
+			metadata: Record<string, unknown>;
+		}>
+	>;
+}
+
+// InstanceEvent enum values
+const EVT = {
+	WORKFLOW_QUEUED: 0,
+	WORKFLOW_START: 1,
+	WORKFLOW_SUCCESS: 2,
+	WORKFLOW_FAILURE: 3,
+	WORKFLOW_TERMINATED: 4,
+	STEP_START: 5,
+	STEP_SUCCESS: 6,
+	STEP_FAILURE: 7,
+	SLEEP_START: 8,
+	SLEEP_COMPLETE: 9,
+	ATTEMPT_START: 10,
+	ATTEMPT_SUCCESS: 11,
+	ATTEMPT_FAILURE: 12,
+	WAIT_START: 14,
+	WAIT_COMPLETE: 15,
+	WAIT_TIMED_OUT: 16,
+} as const;
+
+// ---------------------------------------------------------------------------
+// Status counts cache — avoids resolving ALL Engine DOs on every page load.
+// Invalidated when file count changes or after 30s TTL.
+// ---------------------------------------------------------------------------
+
+interface StatusCountsCache {
+	counts: Record<string, number>;
+	fileCount: number;
+	timestamp: number;
+}
+
+const STATUS_COUNTS_TTL_MS = 30_000;
+const statusCountsCache = new Map<string, StatusCountsCache>();
+
+async function getStatusCounts(
+	workflowName: string,
+	sqliteFiles: DirectoryEntry[],
+	engineNamespace: DurableObjectNamespace | null
+): Promise<Record<string, number>> {
+	const cached = statusCountsCache.get(workflowName);
+	const now = Date.now();
+
+	// Return cached if file count matches and TTL hasn't expired
+	if (
+		cached &&
+		cached.fileCount === sqliteFiles.length &&
+		now - cached.timestamp < STATUS_COUNTS_TTL_MS
+	) {
+		return cached.counts;
+	}
+
+	// Resolve all statuses
+	const counts: Record<string, number> = {};
+	if (engineNamespace) {
+		const results = await Promise.allSettled(
+			sqliteFiles.map(async (entry) => {
+				const hexId = entry.name.replace(/\.sqlite$/, "");
+				const stubId = engineNamespace.idFromString(hexId);
+				const stub = engineNamespace.get(stubId) as unknown as EngineStub;
+				const metadata = await stub.getInstanceMetadata();
+				return STATUS_NAMES[metadata.status] ?? "unknown";
+			})
+		);
+		for (const result of results) {
+			const statusName =
+				result.status === "fulfilled" ? result.value : "unknown";
+			counts[statusName] = (counts[statusName] ?? 0) + 1;
+		}
+	}
+
+	statusCountsCache.set(workflowName, {
+		counts,
+		fileCount: sqliteFiles.length,
+		timestamp: now,
+	});
+
+	return counts;
+}
+
+const STATUS_NAMES: Record<number, string> = {
+	0: "queued",
+	1: "running",
+	2: "paused",
+	3: "errored",
+	4: "terminated",
+	5: "complete",
+	6: "waitingForPause",
+	7: "waiting",
+};
+
+// ============================================================================
+// Helper Functions
+// ============================================================================
+
+/**
+ * Get the Engine DO namespace for a workflow.
+ * Returns the raw DurableObjectNamespace, allowing direct access via
+ * idFromString(). Same pattern as getDOBinding() in do.ts.
+ */
+function getEngineNamespace(
+	env: Env,
+	workflowName: string
+): DurableObjectNamespace | null {
+	const info = env.LOCAL_EXPLORER_BINDING_MAP.workflows[workflowName];
+	if (!info) {
+		return null;
+	}
+	return env[info.engineBinding] as DurableObjectNamespace;
+}
+
+/**
+ * Get the Workflow proxy binding for a workflow.
+ * Used for operations that go through the standard Workflow interface (create).
+ */
+function getWorkflowBinding(env: Env, workflowName: string): Workflow | null {
+	const info = env.LOCAL_EXPLORER_BINDING_MAP.workflows[workflowName];
+	if (!info) {
+		return null;
+	}
+	return env[info.binding] as Workflow;
+}
+
+function getLocalWorkflows(env: Env): WorkflowsWorkflow[] {
+	const workflowBindingMap = env.LOCAL_EXPLORER_BINDING_MAP.workflows;
+	return Object.values(workflowBindingMap).map((info) => ({
+		name: info.name,
+		class_name: info.className,
+		script_name: info.scriptName,
+	}));
+}
+
+// Cache workflow-to-peer URL mapping (avoids N+1 peer requests)
+const workflowOwnerCache = new Map<
+	string,
+	{ url: string | null; timestamp: number }
+>();
+const OWNER_CACHE_TTL_MS = 30_000;
+
+async function findWorkflowOwner(
+	c: AppContext,
+	workflowName: string
+): Promise<string | null> {
+	const cached = workflowOwnerCache.get(workflowName);
+	if (cached && Date.now() - cached.timestamp < OWNER_CACHE_TTL_MS) {
+		return cached.url;
+	}
+
+	const peerUrls = await getPeerUrlsIfAggregating(c);
+	if (peerUrls.length === 0) {
+		return null;
+	}
+
+	const responses = await Promise.all(
+		peerUrls.map(async (url) => {
+			const response = await fetchFromPeer(url, "/workflows");
+			if (!response?.ok) {
+				return null;
+			}
+			const data = (await response.json()) as {
+				result?: Array<{ name: string }>;
+			};
+			const found = data.result?.some((wf) => wf.name === workflowName);
+			return found ? url : null;
+		})
+	);
+
+	const owner = responses.find((url) => url !== null) ?? null;
+	workflowOwnerCache.set(workflowName, { url: owner, timestamp: Date.now() });
+	return owner;
+}
+
+// ============================================================================
+// API Handlers
+// ============================================================================
+
+/**
+ * Lists all workflows available across all connected instances.
+ */
+export async function listWorkflows(c: AppContext): Promise<Response> {
+	const localWorkflows = getLocalWorkflows(c.env);
+	const aggregatedWorkflows = await aggregateListResults(
+		c,
+		localWorkflows,
+		"/workflows"
+	);
+
+	// Deduplicate by name — first occurrence wins (local takes priority)
+	const seen = new Set<string>();
+	const allWorkflows = aggregatedWorkflows.filter((wf) => {
+		if (seen.has(wf.name)) {
+			return false;
+		}
+		seen.add(wf.name);
+		return true;
+	});
+
+	return c.json({
+		...wrapResponse(allWorkflows),
+		result_info: { count: allWorkflows.length },
+	});
+}
+
+/**
+ * Get details of a specific workflow, including instance status counts.
+ */
+export async function getWorkflowDetails(
+	c: AppContext,
+	workflowName: string
+): Promise<Response> {
+	const info = c.env.LOCAL_EXPLORER_BINDING_MAP.workflows[workflowName];
+
+	if (!info) {
+		const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+		if (ownerMiniflare) {
+			const response = await fetchFromPeer(
+				ownerMiniflare,
+				`/workflows/${encodeURIComponent(workflowName)}`
+			);
+			if (response) {
+				return response;
+			}
+		}
+
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	// Get instance files from loopback for status counts
+	let statusCounts: Record<string, number> = {
+		complete: 0,
+		errored: 0,
+		paused: 0,
+		queued: 0,
+		running: 0,
+		terminated: 0,
+		waiting: 0,
+		waitingForPause: 0,
+	};
+
+	if (c.env.MINIFLARE_LOOPBACK !== undefined) {
+		const encodedName = encodeURIComponent(workflowName);
+		const loopbackUrl = `http://localhost/core/workflow-storage/${encodedName}`;
+		const response = await c.env.MINIFLARE_LOOPBACK.fetch(loopbackUrl);
+
+		if (response.ok) {
+			const files = (await response.json()) as DirectoryEntry[];
+			const sqliteFiles = files.filter(
+				(entry) =>
+					entry.type === "file" &&
+					entry.name.endsWith(".sqlite") &&
+					entry.name !== "metadata.sqlite"
+			);
+
+			const engineNamespace = getEngineNamespace(c.env, workflowName);
+			const counts = await getStatusCounts(
+				workflowName,
+				sqliteFiles,
+				engineNamespace
+			);
+			statusCounts = { ...statusCounts, ...counts };
+		}
+	}
+
+	return c.json(
+		wrapResponse({
+			name: info.name,
+			class_name: info.className,
+			script_name: info.scriptName,
+			instances: statusCounts,
+		})
+	);
+}
+
+/**
+ * Delete all instances of a workflow by removing all .sqlite files
+ * from the persistence directory via the loopback.
+ */
+export async function deleteWorkflow(
+	c: AppContext,
+	workflowName: string
+): Promise<Response> {
+	const info = c.env.LOCAL_EXPLORER_BINDING_MAP.workflows[workflowName];
+
+	if (!info) {
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	if (c.env.MINIFLARE_LOOPBACK === undefined) {
+		return errorResponse(500, 10001, "Loopback service not available");
+	}
+
+	const encodedName = encodeURIComponent(workflowName);
+	const loopbackUrl = `http://localhost/core/workflow-storage/${encodedName}`;
+
+	await c.env.MINIFLARE_LOOPBACK.fetch(loopbackUrl, { method: "DELETE" });
+
+	statusCountsCache.delete(workflowName);
+
+	return c.json(wrapResponse({ status: "ok", success: true }));
+}
+
+type ListInstancesQuery = NonNullable<
+	z.output<typeof zWorkflowsListInstancesData>["query"]
+>;
+
+/**
+ * Lists instances of a workflow with server-side pagination.
+ *
+ * Sorting uses birthtimeMs from the filesystem (cheap, no DO wakeup).
+ * Only the current page's instances are resolved via Engine DO for metadata.
+ */
+export async function listWorkflowInstances(
+	c: AppContext,
+	workflowName: string,
+	query: ListInstancesQuery
+): Promise<Response> {
+	const { page = 1, per_page: perPage = 25, status: statusFilter } = query;
+
+	const workflowExists =
+		c.env.LOCAL_EXPLORER_BINDING_MAP.workflows[workflowName];
+
+	if (workflowExists) {
+		return executeListWorkflowInstances(c, workflowName, {
+			page,
+			perPage,
+			statusFilter,
+		});
+	}
+
+	const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+	if (ownerMiniflare) {
+		const params = new URLSearchParams();
+		params.set("page", String(page));
+		params.set("per_page", String(perPage));
+		if (statusFilter) {
+			params.set("status", statusFilter);
+		}
+		const peerPath = `/workflows/${encodeURIComponent(workflowName)}/instances?${params.toString()}`;
+		const response = await fetchFromPeer(ownerMiniflare, peerPath);
+		if (response) {
+			return response;
+		}
+	}
+
+	return errorResponse(
+		404,
+		WORKFLOW_ERROR_NOT_FOUND,
+		`Workflow '${workflowName}' not found.`
+	);
+}
+
+/**
+ * List workflow instances with server-side pagination.
+ *
+ * 1. Loopback returns all .sqlite files with birthtimeMs (cheap fs.stat)
+ * 2. Sort by birthtimeMs descending (newest first) — no DO wakeup needed
+ * 3. Slice to the requested page
+ * 4. Resolve metadata (ID, status, createdOn) only for that page via Engine DO
+ */
+async function executeListWorkflowInstances(
+	c: AppContext,
+	workflowName: string,
+	options: { page: number; perPage: number; statusFilter?: string }
+): Promise<Response> {
+	const { page, perPage, statusFilter } = options;
+
+	if (c.env.MINIFLARE_LOOPBACK === undefined) {
+		return errorResponse(500, 10001, "Loopback service not available");
+	}
+
+	const encodedName = encodeURIComponent(workflowName);
+	const loopbackUrl = `http://localhost/core/workflow-storage/${encodedName}`;
+	const response = await c.env.MINIFLARE_LOOPBACK.fetch(loopbackUrl);
+
+	if (!response.ok) {
+		if (response.status === 404) {
+			return c.json({
+				...wrapResponse([]),
+				result_info: {
+					page: 1,
+					per_page: perPage,
+					total_count: 0,
+					total_pages: 0,
+				},
+			});
+		}
+		return errorResponse(
+			500,
+			10001,
+			`Failed to read workflow storage: ${response.statusText}`
+		);
+	}
+
+	const files = (await response.json()) as DirectoryEntry[];
+
+	// Filter to .sqlite files, sort by file creation time (newest first)
+	const sqliteFiles = files
+		.filter(
+			(entry) =>
+				entry.type === "file" &&
+				entry.name.endsWith(".sqlite") &&
+				entry.name !== "metadata.sqlite"
+		)
+		.sort((a, b) => b.birthtimeMs - a.birthtimeMs);
+
+	const engineNamespace = getEngineNamespace(c.env, workflowName);
+
+	// Get cached status counts (resolves all DOs only on first load or after TTL/file count change)
+	const statusCounts = await getStatusCounts(
+		workflowName,
+		sqliteFiles,
+		engineNamespace
+	);
+
+	// Helper to resolve a single file's metadata
+	async function resolveInstance(entry: DirectoryEntry) {
+		const hexId = entry.name.replace(/\.sqlite$/, "");
+		if (!engineNamespace) {
+			return {
+				id: hexId,
+				status: undefined as string | undefined,
+				created_on: undefined as string | undefined,
+			};
+		}
+		try {
+			const stubId = engineNamespace.idFromString(hexId);
+			const stub = engineNamespace.get(stubId) as unknown as EngineStub;
+			const metadata = await stub.getInstanceMetadata();
+			return {
+				id: metadata.instanceId || hexId,
+				status:
+					(STATUS_NAMES[metadata.status] as string | undefined) ?? "unknown",
+				created_on: metadata.createdOn || undefined,
+			};
+		} catch {
+			return { id: hexId, status: undefined, created_on: undefined };
+		}
+	}
+
+	let instances: Array<{ id: string; status?: string; created_on?: string }>;
+	let totalCount: number;
+
+	if (statusFilter) {
+		// Status filter requires resolving ALL instances to filter server-side
+		const allResolved = await Promise.all(sqliteFiles.map(resolveInstance));
+		const filtered = allResolved.filter((inst) => inst.status === statusFilter);
+		totalCount = filtered.length;
+		const offset = (page - 1) * perPage;
+		instances = filtered.slice(offset, offset + perPage);
+	} else {
+		// No filter — only resolve the current page (efficient)
+		totalCount = sqliteFiles.length;
+		const offset = (page - 1) * perPage;
+		const pageFiles = sqliteFiles.slice(offset, offset + perPage);
+		instances = await Promise.all(pageFiles.map(resolveInstance));
+	}
+
+	const totalPages = Math.max(1, Math.ceil(totalCount / perPage));
+
+	// Clean undefined fields from response
+	const cleanInstances = instances.map(({ id, status, created_on }) => ({
+		id,
+		...(status !== undefined ? { status } : {}),
+		...(created_on ? { created_on } : {}),
+	}));
+
+	return c.json({
+		...wrapResponse(cleanInstances),
+		result_info: {
+			page,
+			per_page: perPage,
+			total_count: totalCount,
+			total_pages: totalPages,
+			status_counts: statusCounts,
+		},
+	});
+}
+
+/**
+ * Get detailed status of a specific workflow instance.
+ *
+ * The instanceId is the Engine DO hex ID. Uses the Engine DO namespace
+ * with idFromString() to address the existing DO, then calls
+ * getInstanceMetadata() and readLogs() via RPC.
+ *
+ * Safe because the Engine DO has no alarms and its constructor is
+ * idempotent (CREATE TABLE IF NOT EXISTS).
+ */
+export async function getWorkflowInstanceDetails(
+	c: AppContext,
+	workflowName: string,
+	instanceId: string
+): Promise<Response> {
+	const engineNamespace = getEngineNamespace(c.env, workflowName);
+
+	if (engineNamespace) {
+		return executeGetInstanceDetails(engineNamespace, instanceId, c);
+	}
+
+	const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+	if (ownerMiniflare) {
+		const response = await fetchFromPeer(
+			ownerMiniflare,
+			`/workflows/${encodeURIComponent(workflowName)}/instances/${encodeURIComponent(instanceId)}`
+		);
+		if (response) {
+			return response;
+		}
+	}
+
+	return errorResponse(
+		404,
+		WORKFLOW_ERROR_NOT_FOUND,
+		`Workflow '${workflowName}' not found.`
+	);
+}
+
+/**
+ * Get instance details via the Engine DO directly.
+ *
+ * Accepts either a real instance ID or a hex DO ID:
+ * - Real instance ID (e.g. "my-instance"): uses idFromName() — same mapping
+ *   the workflow engine used to create the DO.
+ * - Hex DO ID (64-char hex string): uses idFromString() for direct access.
+ */
+async function executeGetInstanceDetails(
+	engineNamespace: DurableObjectNamespace,
+	instanceId: string,
+	c: AppContext
+): Promise<Response> {
+	try {
+		const isHexId = /^[0-9a-f]{64}$/i.test(instanceId);
+		const stubId = isHexId
+			? engineNamespace.idFromString(instanceId)
+			: engineNamespace.idFromName(instanceId);
+		const stub = engineNamespace.get(stubId) as unknown as EngineStub;
+
+		const metadata = await stub.getInstanceMetadata();
+
+		if (!metadata.instanceId) {
+			return errorResponse(
+				404,
+				WORKFLOW_ERROR_NOT_FOUND,
+				`Workflow instance '${instanceId}' not found.`
+			);
+		}
+
+		const logs = await stub.readDetailedLogs();
+
+		// Extract workflow-level events
+		const queuedLog = logs.find((l) => l.event === EVT.WORKFLOW_QUEUED);
+		const startLog = logs.find((l) => l.event === EVT.WORKFLOW_START);
+		const successLog = logs.find((l) => l.event === EVT.WORKFLOW_SUCCESS);
+		const failureLog = logs.find((l) => l.event === EVT.WORKFLOW_FAILURE);
+		const terminatedLog = logs.find((l) => l.event === EVT.WORKFLOW_TERMINATED);
+
+		const endLog = successLog ?? failureLog ?? terminatedLog;
+
+		// Reconstruct steps grouped by groupKey
+		const stepGroups = new Map<string, typeof logs>();
+		for (const log of logs) {
+			if (log.group) {
+				const group = stepGroups.get(log.group) ?? [];
+				group.push(log);
+				stepGroups.set(log.group, group);
+			}
+		}
+
+		const steps: Array<Record<string, unknown>> = [];
+		for (const [, groupLogs] of stepGroups) {
+			const firstLog = groupLogs[0];
+			// Strip the trailing "-{count}" suffix from target for the step name
+			const rawTarget = firstLog.target ?? "";
+			const name = rawTarget.replace(/-\d+$/, "");
+
+			const stepStart = groupLogs.find((l) => l.event === EVT.STEP_START);
+			const stepSuccess = groupLogs.find((l) => l.event === EVT.STEP_SUCCESS);
+			const stepFailure = groupLogs.find((l) => l.event === EVT.STEP_FAILURE);
+			const sleepStart = groupLogs.find((l) => l.event === EVT.SLEEP_START);
+			const sleepComplete = groupLogs.find(
+				(l) => l.event === EVT.SLEEP_COMPLETE
+			);
+			const waitStart = groupLogs.find((l) => l.event === EVT.WAIT_START);
+			const waitComplete = groupLogs.find((l) => l.event === EVT.WAIT_COMPLETE);
+			const waitTimedOut = groupLogs.find(
+				(l) => l.event === EVT.WAIT_TIMED_OUT
+			);
+
+			if (sleepStart) {
+				// Sleep step
+				steps.push({
+					name,
+					start: sleepStart.timestamp,
+					end: sleepComplete?.timestamp ?? null,
+					finished: !!sleepComplete,
+					type: "sleep",
+					error: null,
+				});
+			} else if (waitStart) {
+				// WaitForEvent step
+				const waitEnd = waitComplete ?? waitTimedOut;
+				// WAIT_TIMED_OUT metadata is { name, message } directly
+				const waitError = waitTimedOut?.metadata as
+					| { name?: string; message?: string }
+					| undefined;
+				// WAIT_COMPLETE metadata is { timestamp, payload, type }
+				const waitMeta = waitComplete?.metadata as
+					| { timestamp?: string; payload?: unknown; type?: string }
+					| undefined;
+				steps.push({
+					name,
+					start: waitStart.timestamp,
+					end: waitEnd?.timestamp ?? null,
+					finished: !!waitEnd,
+					type: "waitForEvent",
+					error: waitError
+						? {
+								name: waitError.name ?? "Error",
+								message: waitError.message ?? "",
+							}
+						: null,
+					output: waitComplete
+						? {
+								type: waitMeta?.type ?? "",
+								payload: waitMeta?.payload ?? {},
+								timestamp: waitMeta?.timestamp ?? null,
+							}
+						: null,
+				});
+			} else if (stepStart) {
+				// Regular step (step.do) with attempts
+				const attempts: Array<Record<string, unknown>> = [];
+				const attemptStarts = groupLogs.filter(
+					(l) => l.event === EVT.ATTEMPT_START
+				);
+				const attemptSuccesses = groupLogs.filter(
+					(l) => l.event === EVT.ATTEMPT_SUCCESS
+				);
+				const attemptFailures = groupLogs.filter(
+					(l) => l.event === EVT.ATTEMPT_FAILURE
+				);
+
+				for (const aStart of attemptStarts) {
+					const attemptNum = (aStart.metadata as Record<string, unknown>)
+						.attempt as number;
+					const aSuccess = attemptSuccesses.find(
+						(l) =>
+							(l.metadata as Record<string, unknown>).attempt === attemptNum
+					);
+					const aFailure = attemptFailures.find(
+						(l) =>
+							(l.metadata as Record<string, unknown>).attempt === attemptNum
+					);
+					const aEnd = aSuccess ?? aFailure;
+
+					attempts.push({
+						start: aStart.timestamp,
+						end: aEnd?.timestamp ?? null,
+						success: aSuccess ? true : aFailure ? false : null,
+						error: aFailure
+							? ((aFailure.metadata as Record<string, unknown>).error ?? null)
+							: null,
+					});
+				}
+
+				const stepEnd = stepSuccess ?? stepFailure;
+				steps.push({
+					name,
+					start: stepStart.timestamp,
+					end: stepEnd?.timestamp ?? null,
+					success: stepSuccess ? true : stepFailure ? false : null,
+					type: "step",
+					output: stepSuccess?.metadata?.result ?? undefined,
+					config: stepStart.metadata?.config ?? null,
+					attempts,
+				});
+			}
+		}
+
+		return c.json(
+			wrapResponse({
+				status: STATUS_NAMES[metadata.status] ?? "unknown",
+				params: queuedLog?.metadata?.params ?? null,
+				queued: queuedLog?.timestamp ?? null,
+				start: startLog?.timestamp ?? null,
+				end: endLog?.timestamp ?? null,
+				output: successLog?.metadata?.result ?? null,
+				error: failureLog
+					? ((failureLog.metadata as Record<string, unknown>).error ?? null)
+					: null,
+				steps,
+				step_count: steps.length,
+			})
+		);
+	} catch (error) {
+		const message =
+			error instanceof Error ? error.message : "Instance not found";
+
+		if (
+			message === "instance.not_found" ||
+			message === "Engine was never started"
+		) {
+			return errorResponse(
+				404,
+				WORKFLOW_ERROR_NOT_FOUND,
+				`Workflow instance '${instanceId}' not found.`
+			);
+		}
+
+		return errorResponse(500, 10001, message);
+	}
+}
+
+/**
+ * Create a new workflow instance.
+ *
+ * Uses the Workflow proxy binding to call workflow.create(), which is
+ * part of the standard Workflow interface. Accepts an optional instance
+ * ID and optional params payload.
+ */
+export async function createWorkflowInstance(
+	c: AppContext,
+	workflowName: string
+): Promise<Response> {
+	const workflow = getWorkflowBinding(c.env, workflowName);
+
+	if (!workflow) {
+		// Try peer
+		const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+		if (ownerMiniflare) {
+			const response = await fetchFromPeer(
+				ownerMiniflare,
+				`/workflows/${encodeURIComponent(workflowName)}/instances`,
+				{
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: await c.req.text(),
+				}
+			);
+			if (response) {
+				return response;
+			}
+		}
+
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	try {
+		let body: { id?: string; params?: unknown } = {};
+		try {
+			body = await c.req.json();
+		} catch {
+			// Empty body is fine — id and params are optional
+		}
+
+		const result = await workflow.create({
+			id: body.id,
+			params: body.params,
+		});
+
+		statusCountsCache.delete(workflowName);
+		return c.json(wrapResponse({ id: result.id }));
+	} catch (error) {
+		const message =
+			error instanceof Error ? error.message : "Failed to create instance";
+		return errorResponse(500, 10001, message);
+	}
+}
+
+/**
+ * Change the status of a workflow instance (pause, resume, restart, terminate).
+ *
+ * Uses the Workflow proxy binding to call the corresponding method on the
+ * WorkflowHandle, which is part of the standard Workflow interface.
+ */
+export async function changeWorkflowInstanceStatus(
+	c: AppContext,
+	workflowName: string,
+	instanceId: string
+): Promise<Response> {
+	const workflow = getWorkflowBinding(c.env, workflowName);
+
+	if (!workflow) {
+		const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+		if (ownerMiniflare) {
+			const response = await fetchFromPeer(
+				ownerMiniflare,
+				`/workflows/${encodeURIComponent(workflowName)}/instances/${encodeURIComponent(instanceId)}/status`,
+				{
+					method: "PATCH",
+					headers: { "Content-Type": "application/json" },
+					body: await c.req.text(),
+				}
+			);
+			if (response) {
+				return response;
+			}
+		}
+
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	try {
+		const body = (await c.req.json()) as { action: string };
+		const { action } = body;
+
+		if (!["pause", "resume", "restart", "terminate"].includes(action)) {
+			return errorResponse(
+				400,
+				10001,
+				`Invalid action '${action}'. Must be one of: pause, resume, restart, terminate.`
+			);
+		}
+
+		const handle = await workflow.get(instanceId);
+
+		switch (action) {
+			case "pause":
+				await handle.pause();
+				break;
+			case "resume":
+				await handle.resume();
+				break;
+			case "restart":
+				await handle.restart();
+				break;
+			case "terminate":
+				await handle.terminate();
+				break;
+		}
+
+		statusCountsCache.delete(workflowName);
+		return c.json(wrapResponse({ success: true }));
+	} catch (error) {
+		const message =
+			error instanceof Error ? error.message : "Failed to change status";
+
+		if (message === "instance.not_found") {
+			return errorResponse(
+				404,
+				WORKFLOW_ERROR_NOT_FOUND,
+				`Workflow instance '${instanceId}' not found.`
+			);
+		}
+
+		return errorResponse(500, 10001, message);
+	}
+}
+
+/**
+ * Delete a workflow instance by removing its .sqlite persistence files.
+ *
+ * Converts the instance ID to a hex DO ID via idFromName(), then calls the
+ * loopback to delete the .sqlite (and -shm/-wal) files from disk.
+ */
+export async function deleteWorkflowInstance(
+	c: AppContext,
+	workflowName: string,
+	instanceId: string
+): Promise<Response> {
+	const engineNamespace = getEngineNamespace(c.env, workflowName);
+
+	if (!engineNamespace) {
+		const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+		if (ownerMiniflare) {
+			const response = await fetchFromPeer(
+				ownerMiniflare,
+				`/workflows/${encodeURIComponent(workflowName)}/instances/${encodeURIComponent(instanceId)}`,
+				{ method: "DELETE" }
+			);
+			if (response) {
+				return response;
+			}
+		}
+
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	if (c.env.MINIFLARE_LOOPBACK === undefined) {
+		return errorResponse(500, 10001, "Loopback service not available");
+	}
+
+	// Convert instance ID to hex DO ID.
+	// If it's already a 64-char hex string, use it directly.
+	// Otherwise, use idFromName() which is how the engine created the DO.
+	const isHexId = /^[0-9a-f]{64}$/i.test(instanceId);
+	const hexId = isHexId
+		? instanceId
+		: engineNamespace.idFromName(instanceId).toString();
+
+	const encodedName = encodeURIComponent(workflowName);
+	const encodedHexId = encodeURIComponent(hexId);
+	const loopbackUrl = `http://localhost/core/workflow-storage/${encodedName}/${encodedHexId}`;
+
+	const response = await c.env.MINIFLARE_LOOPBACK.fetch(loopbackUrl, {
+		method: "DELETE",
+	});
+
+	if (!response.ok) {
+		if (response.status === 404) {
+			return errorResponse(
+				404,
+				WORKFLOW_ERROR_NOT_FOUND,
+				`Workflow instance '${instanceId}' not found.`
+			);
+		}
+		return errorResponse(500, 10001, "Failed to delete instance");
+	}
+
+	statusCountsCache.delete(workflowName);
+	return c.json(wrapResponse({ success: true }));
+}
+
+/**
+ * Send an event to a workflow instance.
+ *
+ * Uses the Workflow proxy binding to call handle.sendEvent({ type, payload }).
+ */
+export async function sendWorkflowInstanceEvent(
+	c: AppContext,
+	workflowName: string,
+	instanceId: string,
+	eventType: string
+): Promise<Response> {
+	const workflow = getWorkflowBinding(c.env, workflowName);
+
+	if (!workflow) {
+		const ownerMiniflare = await findWorkflowOwner(c, workflowName);
+		if (ownerMiniflare) {
+			const response = await fetchFromPeer(
+				ownerMiniflare,
+				`/workflows/${encodeURIComponent(workflowName)}/instances/${encodeURIComponent(instanceId)}/events/${encodeURIComponent(eventType)}`,
+				{
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: await c.req.text(),
+				}
+			);
+			if (response) {
+				return response;
+			}
+		}
+
+		return errorResponse(
+			404,
+			WORKFLOW_ERROR_NOT_FOUND,
+			`Workflow '${workflowName}' not found.`
+		);
+	}
+
+	try {
+		let payload: unknown = undefined;
+		try {
+			payload = await c.req.json();
+		} catch {
+			// Empty body is fine — payload is optional
+		}
+
+		const handle = (await workflow.get(
+			instanceId
+		)) as unknown as WorkflowHandle;
+		await handle.sendEvent({ payload, type: eventType });
+
+		return c.json(wrapResponse({ success: true }));
+	} catch (error) {
+		const message =
+			error instanceof Error ? error.message : "Failed to send event";
+
+		if (message === "instance.not_found") {
+			return errorResponse(
+				404,
+				WORKFLOW_ERROR_NOT_FOUND,
+				`Workflow instance '${instanceId}' not found.`
+			);
+		}
+
+		return errorResponse(500, 10001, message);
+	}
+}
diff --git a/packages/workflows-shared/src/binding.ts b/packages/workflows-shared/src/binding.ts
index 7cebe9d7fa..e18427aa21 100644
--- a/packages/workflows-shared/src/binding.ts
+++ b/packages/workflows-shared/src/binding.ts
@@ -40,12 +40,22 @@ export class WorkflowBinding extends WorkerEntrypoint<Env> {
 		const stubId = this.env.ENGINE.idFromName(id);
 		const stub = this.env.ENGINE.get(stubId);
 
+		const now = new Date().toISOString();
 		const initPromise = stub
 			.init(
 				0, // accountId: number,
 				{} as DatabaseWorkflow, // workflow: DatabaseWorkflow,
 				{} as DatabaseVersion, // version: DatabaseVersion,
-				{ id } as DatabaseInstance, // instance: DatabaseInstance,
+				{
+					id,
+					created_on: now,
+					modified_on: now,
+					workflow_id: "",
+					version_id: "",
+					status: 0, // InstanceStatus.Queued
+					started_on: now,
+					ended_on: null,
+				} satisfies DatabaseInstance,
 				{
 					timestamp: new Date(),
 					payload: params as Readonly<typeof params>,
diff --git a/packages/workflows-shared/src/engine.ts b/packages/workflows-shared/src/engine.ts
index cb35c0d7b8..06c3f0359b 100644
--- a/packages/workflows-shared/src/engine.ts
+++ b/packages/workflows-shared/src/engine.ts
@@ -195,6 +195,41 @@ export class Engine extends DurableObject<Env> {
 		};
 	}
 
+	/**
+	 * Returns detailed logs including timestamps, ordered by ID.
+	 * Used by the local explorer to reconstruct step-level detail.
+	 */
+	readDetailedLogs(): Array<{
+		id: number;
+		timestamp: string;
+		event: number;
+		group: string | null;
+		target: string | null;
+		metadata: Record<string, unknown>;
+	}> {
+		const rows = [
+			...this.ctx.storage.sql.exec<{
+				id: number;
+				timestamp: string;
+				event: number;
+				groupKey: string | null;
+				target: string | null;
+				metadata: string;
+			}>(
+				"SELECT id, timestamp, event, groupKey, target, metadata FROM states ORDER BY id ASC"
+			),
+		];
+
+		return rows.map((row) => ({
+			id: row.id,
+			timestamp: String(row.timestamp).replace(" ", "T") + "Z",
+			event: row.event,
+			group: row.groupKey,
+			target: row.target,
+			metadata: JSON.parse(row.metadata) as Record<string, unknown>,
+		}));
+	}
+
 	readLogsFromEvent(eventType: InstanceEvent): EngineLogs {
 		const logs = [
 			...this.ctx.storage.sql.exec<{
@@ -241,6 +276,51 @@ export class Engine extends DurableObject<Env> {
 		return res;
 	}
 
+	// Returns instance metadata for the local explorer.
+	async getInstanceMetadata(): Promise<{
+		instanceId: string;
+		status: InstanceStatus;
+		createdOn: string;
+	}> {
+		const status = await this.getStatus();
+		// Read the full metadata to get the created_on timestamp
+		const metadata =
+			await this.ctx.storage.get<InstanceMetadata>(INSTANCE_METADATA);
+		let createdOn = metadata?.instance?.created_on ?? "";
+
+		// Backfill for instances created before created_on was populated:
+		// try the earliest log entry, then the earliest priority queue entry.
+		if (!createdOn) {
+			const queries = [
+				"SELECT timestamp AS ts FROM states ORDER BY id ASC LIMIT 1",
+				"SELECT created_on AS ts FROM priority_queue ORDER BY id ASC LIMIT 1",
+			];
+			for (const query of queries) {
+				if (createdOn) {
+					break;
+				}
+				try {
+					for (const row of this.ctx.storage.sql.exec(query)) {
+						if (row.ts) {
+							// SQLite DATETIME('now','subsec') returns "YYYY-MM-DD HH:MM:SS.sss"
+							// which is not valid ISO 8601 (needs T separator and Z timezone).
+							const raw = String(row.ts).replace(" ", "T") + "Z";
+							createdOn = raw;
+						}
+					}
+				} catch {
+					// Table may not exist
+				}
+			}
+		}
+
+		return {
+			instanceId: this.instanceId ?? "",
+			status,
+			createdOn,
+		};
+	}
+
 	async setStatus(
 		accountId: number,
 		instanceId: string,