{ __( 'Create and use an AI generated featured image for your post.', 'jetpack' ) }
++ { __( 'Based on your post content.', 'jetpack' ) } +
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/breve.scss b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/breve.scss index 46f584801f36e..51b9fe52584b0 100644 --- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/breve.scss +++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/breve.scss @@ -1,8 +1,6 @@ @import './features/features.colors'; .jetpack-ai-proofread { - margin-bottom: 24px; - .components-checkbox-control { &__input:not( :disabled ) { @include features-colors( ( 'border-color' ) ); @@ -21,11 +19,6 @@ margin-bottom: 16px; } - &__grade-label { - color: #757575; - margin-left: 12px; - } - &__help-text { font-size: 12px; color: #757575; @@ -36,4 +29,10 @@ flex-direction: column; gap: 12px; } + + &__grade-level-container { + svg { + fill: #757575; + } + } } diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx index a96118fa95a66..8ef81d02cdef2 100644 --- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx +++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/breve/controls.tsx @@ -8,10 +8,14 @@ import { CheckboxControl, ToggleControl, Tooltip, + Card, + CardBody, + CardFooter, } from '@wordpress/components'; import { compose, useDebounce } from '@wordpress/compose'; import { useDispatch, useSelect, withSelect } from '@wordpress/data'; import { __ } from '@wordpress/i18n'; +import { Icon, help } from '@wordpress/icons'; /** * External dependencies */ @@ -103,55 +107,64 @@ const Controls = ( { blocks, disabledFeatures } ) => { return ({ __( 'Improve your writing with AI.', 'jetpack' ) }
-- { __( 'Write to see your grade level.', 'jetpack' ) } -
- ) : ( -- { gradeLevel } - - { __( 'Reading grade score', 'jetpack' ) } - -
-+ { __( 'Visualize issues and apply AI suggestions.', 'jetpack' ) } +
+ { __( 'Write to see your grade level.', 'jetpack' ) } +
+ ) : ( + <> +{ __( 'Get feedback on content structure.', 'jetpack' ) }
++ { __( 'Get feedback on content structure.', 'jetpack' ) } +
diff --git a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/title-optimization/index.tsx b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/title-optimization/index.tsx index 39f4174238bd2..3d09305fe2303 100644 --- a/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/title-optimization/index.tsx +++ b/projects/plugins/jetpack/extensions/plugins/ai-assistant-plugin/components/title-optimization/index.tsx @@ -83,17 +83,17 @@ export default function TitleOptimization( { const SEOModalTitle = __( 'Improve title for SEO', 'jetpack' ); const modalTitle = isKeywordsFeatureAvailable ? SEOModalTitle : currentModalTitle; - const currentSidebarDescription = __( 'Use AI to optimize key details of your post.', 'jetpack' ); + const currentSidebarDescription = __( 'Based on your post content.', 'jetpack' ); const SEOSidebarDescription = __( - 'AI suggested titles based on your content and keywords for better SEO results.', + 'Based on your post content and SEO best practices.', 'jetpack' ); const sidebarDescription = isKeywordsFeatureAvailable ? SEOSidebarDescription : currentSidebarDescription; - const currentSidebarButtonLabel = __( 'Improve title', 'jetpack' ); - const SEOSidebarButtonLabel = __( 'Improve title for SEO', 'jetpack' ); + const currentSidebarButtonLabel = __( 'Generate title options', 'jetpack' ); + const SEOSidebarButtonLabel = __( 'Generate title options', 'jetpack' ); const sidebarButtonLabel = isKeywordsFeatureAvailable ? SEOSidebarButtonLabel : currentSidebarButtonLabel; @@ -228,12 +228,13 @@ export default function TitleOptimization( { return ({ sidebarDescription }
+{ sidebarDescription }