Adds AI Settings Screen

src/wp-admin/menu.php

@@ -410,6 +410,9 @@ function _add_plugin_file_editor_to_tools() {
 	$submenu['options-general.php'][30] = array( __( 'Media' ), 'manage_options', 'options-media.php' );
 	$submenu['options-general.php'][40] = array( __( 'Permalinks' ), 'manage_options', 'options-permalink.php' );
 	$submenu['options-general.php'][45] = array( __( 'Privacy' ), 'manage_privacy_options', 'options-privacy.php' );
+if ( ! empty( $GLOBALS['wp_ai_client_credentials_manager']->get_all_cloud_providers_metadata() ) ) {
+	$submenu['options-general.php'][47] = array( __( 'AI Services' ), 'manage_options', 'options-ai.php' );
+}
 
 $_wp_last_utility_menu = 80; // The index of the last top-level menu in the utility menu group.
 

src/wp-admin/options-ai.php

@@ -0,0 +1,102 @@
+<?php
+/**
+ * AI Services settings administration panel.
+ *
+ * @package WordPress
+ * @subpackage Administration
+ * @since 7.0.0
+ */
+
+/** WordPress Administration Bootstrap */
+require_once __DIR__ . '/admin.php';
+
+if ( ! current_user_can( 'manage_options' ) ) {
+	wp_die( __( 'Sorry, you are not allowed to manage options for this site.' ) );
+}
+
+// Used in the HTML title tag.
+$title       = __( 'AI Services Settings' );
+$parent_file = 'options-general.php';
+
+$credentials_manager = $GLOBALS['wp_ai_client_credentials_manager'];
+
+$cloud_providers = $credentials_manager->get_all_cloud_providers_metadata();
+
+$settings_section = 'wp-ai-client-provider-credentials';
+
+add_settings_section(
+	$settings_section,
+	'',
+	static function () {
+		?>
+		<p class="description">
+			<?php _e( 'Paste your API credentials for one or more AI providers you would like to use throughout your site.' ); ?>
+		</p>
+		<?php
+	},
+	'ai'
+);
+
+foreach ( $cloud_providers as $provider_metadata ) {
+	$provider_id              = $provider_metadata->getId();
+	$provider_name            = $provider_metadata->getName();
+	$provider_credentials_url = $provider_metadata->getCredentialsUrl();
+
+	$field_id   = 'wp-ai-client-provider-api-key-' . $provider_id;
+	$field_args = array(
+		'type'      => 'password',
+		'label_for' => $field_id,
+		'id'        => $field_id,
+		'name'      => WP_AI_Client_Credentials_Manager::OPTION_PROVIDER_CREDENTIALS . '[' . $provider_id . ']',
+	);
+	if ( $provider_credentials_url ) {
+		$field_args['description'] = sprintf(
+			/* translators: 1: AI provider name, 2: URL to the provider's API credentials page. */
+			__( 'Create and manage your %1$s API keys in the <a href="%2$s" target="_blank" rel="noopener noreferrer">%1$s account settings<span class="screen-reader-text"> (opens in a new tab)</span></a>.' ),
+			$provider_name,
+			esc_url( $provider_credentials_url )
+		);
+	}
+
+	add_settings_field(
+		$field_id,
+		$provider_name,
+		'wp_ai_client_render_credential_field',
+		'ai',
+		$settings_section,
+		$field_args
+	);
+}
+
+$ai_help = '<p>' . __( 'This screen allows you to configure API credentials for AI service providers. These credentials are used by AI-powered features throughout your site.' ) . '</p>';
+$ai_help .= '<p>' . __( 'You must click the Save Changes button at the bottom of the screen for new settings to take effect.' ) . '</p>';
+
+get_current_screen()->add_help_tab(
+	array(
+		'id'      => 'overview',
+		'title'   => __( 'Overview' ),
+		'content' => $ai_help,
+	)
+);
+
+get_current_screen()->set_help_sidebar(
+	'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
+	'<p>' . __( '<a href="https://wordpress.org/support/forums/">Support forums</a>' ) . '</p>'
+);
+
+require_once ABSPATH . 'wp-admin/admin-header.php';
+
+?>
+
+<div class="wrap">
+<h1><?php echo esc_html( $title ); ?></h1>
+
+<form action="options.php" method="post">
+<?php settings_fields( 'ai' ); ?>
+<?php do_settings_sections( 'ai' ); ?>
+<?php submit_button(); ?>
+</form>
+
+</div>
+
+<?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?>

src/wp-admin/options.php

@@ -159,6 +159,7 @@
 $allowed_options['misc']    = array();
 $allowed_options['options'] = array();
 $allowed_options['privacy'] = array();
+$allowed_options['ai']      = array();
 
 /**
  * Filters whether the post-by-email functionality is enabled.

src/wp-includes/ai-client.php

@@ -32,3 +32,72 @@
 function wp_ai_client_prompt( $prompt = null ) {
 	return new WP_AI_Client_Prompt_Builder( AiClient::defaultRegistry(), $prompt );
 }
+
+/**
+ * Renders a credential input field for the AI Services settings page.
+ *
+ * @since 7.0.0
+ * @access private
+ *
+ * @param array $args {
+ *     Field arguments set up during add_settings_field().
+ *
+ *     @type string $type        Input type. Default 'text'.
+ *     @type string $id          Field ID attribute.
+ *     @type string $name        Field name attribute, may include array notation.
+ *     @type string $description Optional. Field description HTML.
+ * }
+ */
+function wp_ai_client_render_credential_field( $args ) {
+	$type           = isset( $args['type'] ) ? $args['type'] : 'text';
+	$id             = isset( $args['id'] ) ? $args['id'] : '';
+	$name           = isset( $args['name'] ) ? $args['name'] : '';
+	$description    = isset( $args['description'] ) ? $args['description'] : '';
+	$description_id = $id . '_description';
+
+	if ( str_contains( $name, '[' ) ) {
+		$parts  = explode( '[', $name, 2 );
+		$option = get_option( $parts[0] );
+		$subkey = trim( $parts[1], ']' );
+		if ( is_array( $option ) && isset( $option[ $subkey ] ) && is_string( $option[ $subkey ] ) ) {
+			$value = $option[ $subkey ];
+		} else {
+			$value = '';
+		}
+	} else {
+		$option = get_option( $name );
+		$value  = is_string( $option ) ? $option : '';
+	}
+
+	?>
+	<input
+		type="<?php echo esc_attr( $type ); ?>"
+		id="<?php echo esc_attr( $id ); ?>"
+		name="<?php echo esc_attr( $name ); ?>"
+		value="<?php echo esc_attr( $value ); ?>"
+		class="regular-text"
+		<?php echo $description ? 'aria-describedby="' . esc_attr( $description_id ) . '"' : ''; ?>
+	>
+	<?php
+
+	if ( $description ) {
+		$allowed_html = array(
+			'a'      => array(
+				'class'  => array(),
+				'href'   => array(),
+				'target' => array(),
+				'rel'    => array(),
+			),
+			'strong' => array(),
+			'em'     => array(),
+			'span'   => array(
+				'class' => array(),
+			),
+		);
+		?>
+		<p id="<?php echo esc_attr( $description_id ); ?>" class="description">
+			<?php echo wp_kses( $description, $allowed_html ); ?>
+		</p>
+		<?php
+	}
+}