# extendify/3.1.3/src/Agent/workflows/abilities/components/AbilityRunGate.jsx

Extendify, version 3.1.3. 35 lines.

- Page: https://pluginprobe.com/plugins/extendify/3.1.3/code/src/Agent/workflows/abilities/components/AbilityRunGate.jsx
- Raw: https://pluginprobe.com/plugins/extendify/3.1.3/raw/src/Agent/workflows/abilities/components/AbilityRunGate.jsx
- Modified: 2026-07-08T14:57:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/3.1.3/code/src/Agent/workflows/abilities/components/AbilityRunGate.jsx#L10-L20`.

```jsx
import { __ } from '@wordpress/i18n';

export const AbilityRunGate = ({ inputs, onConfirm, onCancel }) => {
	const run = () => onConfirm?.({ data: inputs ?? {} });

	return (
		<div className="mb-4 ml-10 mr-2 flex flex-col rounded-lg border border-gray-300 bg-gray-50 rtl:ml-2 rtl:mr-10">
			<div className="rounded-lg border-b border-gray-300 bg-white p-3">
				<p className="m-0 p-0 text-sm text-gray-900">
					{
						// translators: confirm prompt before the agent performs a WordPress task it picked.
						__('Run this action?', 'extendify-local')
					}
				</p>
			</div>
			<div className="flex justify-start gap-2 p-3">
				<button
					type="button"
					className="w-full rounded-sm border border-gray-500 bg-white p-2 text-sm text-gray-900"
					onClick={onCancel}
				>
					{__('Cancel', 'extendify-local')}
				</button>
				<button
					type="button"
					className="w-full rounded-sm border border-design-main bg-design-main p-2 text-sm text-white"
					onClick={run}
				>
					{__('Confirm', 'extendify-local')}
				</button>
			</div>
		</div>
	);
};

```