diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx
index cb9696985e167..0cfd93de39a81 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/index.tsx
@@ -14,7 +14,7 @@ import React from 'react';
/**
* Internal dependencies
*/
-import QuotaExceededMessage from '../../../../blocks/ai-assistant/components/quota-exceeded-message';
+import { FairUsageNotice } from '../../../../blocks/ai-assistant/components/quota-exceeded-message';
import useAICheckout from '../../../../blocks/ai-assistant/hooks/use-ai-checkout';
import useAiFeature from '../../../../blocks/ai-assistant/hooks/use-ai-feature';
import useAiProductPage from '../../../../blocks/ai-assistant/hooks/use-ai-product-page';
@@ -66,7 +66,7 @@ const JetpackAndSettingsContent = ( {
requireUpgrade,
upgradeType,
showUsagePanel,
- showQuotaExceeded,
+ showFairUsageNotice,
}: JetpackSettingsContentProps ) => {
const { checkoutUrl } = useAICheckout();
const { productPageUrl } = useAiProductPage();
@@ -80,6 +80,14 @@ const JetpackAndSettingsContent = ( {
return (
<>
+ { showFairUsageNotice && (
+
+
+
+
+
+ ) }
+
{ isBreveAvailable && (
@@ -119,12 +127,6 @@ const JetpackAndSettingsContent = ( {
) }
- { showQuotaExceeded && (
-
-
-
- ) }
-
{ __( 'Provide feedback', 'jetpack' ) }
@@ -179,7 +181,7 @@ export default function AiAssistantPluginSidebar() {
const showUsagePanel =
planType === PLAN_TYPE_FREE || ( tierPlansEnabled && planType !== PLAN_TYPE_UNLIMITED );
- const showQuotaExceeded = planType === PLAN_TYPE_UNLIMITED && isOverLimit;
+ const showFairUsageNotice = planType === PLAN_TYPE_UNLIMITED && isOverLimit;
return (
<>
@@ -198,7 +200,7 @@ export default function AiAssistantPluginSidebar() {
requireUpgrade={ requireUpgrade }
upgradeType={ upgradeType }
showUsagePanel={ showUsagePanel }
- showQuotaExceeded={ showQuotaExceeded }
+ showFairUsageNotice={ showFairUsageNotice }
/>
@@ -213,7 +215,7 @@ export default function AiAssistantPluginSidebar() {
requireUpgrade={ requireUpgrade }
upgradeType={ upgradeType }
showUsagePanel={ showUsagePanel }
- showQuotaExceeded={ showQuotaExceeded }
+ showFairUsageNotice={ showFairUsageNotice }
/>
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/types.ts b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/types.ts
index 8384d9189ee12..3647c19c48977 100644
--- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/types.ts
+++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/ai-assistant-plugin-sidebar/types.ts
@@ -5,7 +5,7 @@ export type JetpackSettingsContentProps = {
requireUpgrade: boolean;
upgradeType: string;
showUsagePanel: boolean;
- showQuotaExceeded: boolean;
+ showFairUsageNotice: boolean;
};
export type CoreSelect = {