## Description Apply the unified UX/design produced in the parent issue (#3586402) to the **Moderation Explorer** plugin (`modules/ai_api_explorer/src/Plugin/AiApiExplorer/ModerationGenerator.php`). This issue is blocked by https://git.drupalcode.org/project/ai/-/work_items/3586402 — the design spec, shared CSS, and any base-class scaffolding from the parent must land first. In addition to applying the unified look, this explorer must switch to the canonical **AI Provider Configuration form element** ([docs](https://project.pages.drupalcode.org/ai/1.3.x/developers/ai_provider_configuration_element/#ai-provider-configuration-form-element)) in place of the current ad-hoc provider/model selection. ## Tasks * [ ] Replace the current provider/model selection in `ModerationGenerator.php` with the AI Provider Configuration form element. * [ ] Restructure the form to match the unified layout defined in the parent issue (input / advanced / submit / result / code preview regions). * [ ] Apply the shared CSS / library / Twig templates from the parent issue — remove any ad-hoc styling local to this explorer. * [ ] Implement the standard loading, error, empty, and success states. * [ ] Verify keyboard navigation and basic accessibility (labels, focus order, ARIA where needed). * [ ] Manual smoke test against at least one provider that supports the operation. ## Acceptance criteria * The moderation explorer visually matches the unified design spec from the parent issue. * Provider/model selection uses the AI Provider Configuration form element (no bespoke select lists in this plugin). * No regressions in the explorer's core functionality. * No ad-hoc styling remains in this plugin's templates / CSS. ## Related issues AI-Generated: Yes (Used Claude Code to draft this issue body from the user's brief and the existing plugin file.)