Abilities Explorer: Add i18n to labels.

includes/Experiments/Abilities_Explorer/Ability_Handler.php

@@ -118,6 +118,33 @@ private static function format_single_ability( \WP_Ability $ability ): array {
 		);
 	}
 
+	/**
+	 * Get translatable provider labels keyed by provider slug.
+	 *
+	 * @since x.x.x
+	 *
+	 * @return array<string,string> Map of provider slug to translated label.
+	 */
+	public static function get_provider_labels(): array {
+		return array(
+			'Core'   => __( 'Core', 'ai' ),
+			'Plugin' => __( 'Plugin', 'ai' ),
+			'Theme'  => __( 'Theme', 'ai' ),
+		);
+	}
+
+	/**
+	 * Get the label for a provider.
+	 *
+	 * @since x.x.x
+	 *
+	 * @param string $provider Provider slug.
+	 * @return string Provider label.
+	 */
+	public static function get_provider_label( string $provider ): string {
+		return self::get_provider_labels()[ $provider ] ?? $provider;
+	}
+
 	/**
 	 * Detect ability provider (Core, Plugin, or Theme).
 	 *

includes/Experiments/Abilities_Explorer/Ability_Table.php

@@ -197,7 +197,7 @@ public function column_provider( $item ): string {
 		return sprintf(
 			'<span class="%s">%s</span>',
 			esc_attr( $class ),
-			esc_html( $provider )
+			esc_html( Ability_Handler::get_provider_label( $provider ) )
 		);
 	}
 

includes/Experiments/Abilities_Explorer/Admin_Page.php

@@ -199,7 +199,7 @@ private function render_detail_view(): void {
 				<table class="ability-detail-table">
 					<tr>
 						<th><?php esc_html_e( 'Provider', 'ai' ); ?></th>
-						<td><span class="ability-provider ability-provider-<?php echo esc_attr( strtolower( $ability['provider'] ) ); ?>"><?php echo esc_html( $ability['provider'] ); ?></span></td>
+						<td><span class="ability-provider ability-provider-<?php echo esc_attr( strtolower( $ability['provider'] ) ); ?>"><?php echo esc_html( Ability_Handler::get_provider_label( $ability['provider'] ) ); ?></span></td>
 					</tr>
 				</table>
 			</div>

src/experiments/abilities-explorer/index.scss

@@ -62,9 +62,11 @@
 
 /* Provider Badges - Using WordPress notice colors */
 .ability-provider {
-	display: inline-block;
-	padding: 4px 8px;
-	border-radius: 3px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	padding: 2px 8px;
+	border-radius: 2px;
 	font-size: 12px;
 	font-weight: 500;
 }