Jetpack: add UsagePanel story (#33771)

* register Jetpack plugin ./extensions folder

* Add UsagePanel story

* changelog

projects/js-packages/storybook/changelog/update-jetpack-add-usage-panel-story

@@ -0,0 +1,4 @@
+Significance: patch
+Type: added
+
+Storybook: register ./extensions folder of the Jetpack plugin project

projects/js-packages/storybook/composer.json

@@ -39,6 +39,7 @@
 				"packages/search",
 				"plugins/protect",
 				"plugins/boost",
+				"plugins/jetpack",
 				"packages/videopress"
 			]
 		},

projects/js-packages/storybook/storybook/projects.js

@@ -10,6 +10,7 @@ const projects = [
 	'../../../packages/my-jetpack/_inc/components',
 	'../../../packages/search/src/dashboard/components',
 	'../../../plugins/protect/src/js/components',
+	'../../../plugins/jetpack/extensions/',
 	'../../../plugins/boost/app/assets/src',
 	'../../../packages/videopress/src/client/admin/components',
 	'../../../packages/videopress/src/client/components',

projects/plugins/jetpack/changelog/update-jetpack-add-usage-panel-story

@@ -0,0 +1,4 @@
+Significance: patch
+Type: enhancement
+
+Jetpack: add UsagePanel story

projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/usage-panel/stories/index.stories.tsx

@@ -0,0 +1,59 @@
+/*
+ * External Dependencies
+ */
+import React from 'react';
+/*
+ * Internal Dependencies
+ */
+import UsagePanel from '..';
+
+export default {
+	title: 'Plugins/Jetpack/Extensions/UsagePanel',
+	component: UsagePanel,
+	parameters: {
+		docs: {
+			autodocs: false,
+		},
+	},
+};
+
+const DefaultTemplate = () => {
+	const props = {};
+
+	return <UsagePanel { ...props } />;
+};
+
+export const aiAssistantFeatureUnsupported = DefaultTemplate.bind( {} );
+aiAssistantFeatureUnsupported.parameters = {
+	mockData: [
+		{
+			url: 'wpcom/v2/jetpack-ai/ai-assistant-feature?_locale=user',
+			method: 'GET',
+			status: 200,
+			response: {
+				'has-feature': false,
+				'requests-count': 11,
+				'requests-limit': 20,
+			},
+		},
+	],
+};
+aiAssistantFeatureUnsupported.storyName = 'AI Assistant feature unsupported';
+
+export const aiAssisstantFeatureSupported = DefaultTemplate.bind( {} );
+aiAssisstantFeatureSupported.parameters = {
+	mockData: [
+		{
+			url: 'wpcom/v2/jetpack-ai/ai-assistant-feature?_locale=user',
+			method: 'GET',
+			status: 200,
+			response: {
+				'has-feature': true,
+				'requests-count': 120,
+				'requests-limit': 20,
+			},
+		},
+	],
+};
+
+aiAssisstantFeatureSupported.storyName = 'AI Assistant feature supported';