@automattic/jetpack-ai-client 0.34.7 → 0.34.9

package/CHANGELOG.md

@@ -5,6 +5,20 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.34.9] - 2026-03-30
+### Changed
+- Update package dependencies. [#47799]
+
+## [0.34.8] - 2026-03-23
+### Security
+- Fix markdown-to-HTML paragraph renderer. [#47637]
+
+### Changed
+- Update package dependencies. [#47684] [#47719]
+
+### Fixed
+- AI Assistant: Prevent modal shaking from when content streams in by correcting header margins and making the header sticky. [#47616]
+
 ## [0.34.7] - 2026-03-16
 ### Changed
 - Update dependencies. [#47472]
@@ -829,6 +843,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - AI Client: stop using smart document visibility handling on the fetchEventSource library, so it does not restart the completion when changing tabs. [#32004]
 - Updated package dependencies. [#31468] [#31659] [#31785]
 
+[0.34.9]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.8...v0.34.9
+[0.34.8]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.7...v0.34.8
 [0.34.7]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.6...v0.34.7
 [0.34.6]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.5...v0.34.6
 [0.34.5]: https://github.com/Automattic/jetpack-ai-client/compare/v0.34.4...v0.34.5

package/build/src/components/ai-image/hooks/use-ai-image.js

@@ -50,7 +50,7 @@ export default function useAiImage({ feature, type, cost, autoStart = true, prev
         });
     }, []);
     // the selec/useEffect combo...
-    const loadedMedia = useSelect((select) => select('core')?.getEntityRecord?.('postType', 'attachment', previousMediaId), [previousMediaId]);
+    const loadedMedia = useSelect(select => select('core')?.getEntityRecord?.('postType', 'attachment', previousMediaId), [previousMediaId]);
     useEffect(() => {
         if (loadedMedia) {
             updateImages({

package/build/src/components/modal/index.js

@@ -18,5 +18,5 @@ const ModalHeader = ({ requestingState, onClose, title, }) => {
  */
 export default function AiAssistantModal({ children, handleClose, hideHeader = true, requestingState = 'init', title = __('AI Assistant', 'jetpack-ai-client'), maxWidth = 720, }) {
     return (_jsx(Modal, { __experimentalHideHeader: hideHeader, className: "ai-assistant-modal", shouldCloseOnClickOutside: false, onRequestClose: handleClose, children: _jsxs("div", { className: "ai-assistant-modal__content", style: { maxWidth }, children: [
-                _jsx(ModalHeader, { requestingState: requestingState, onClose: handleClose, title: title }), _jsx("hr", { className: "ai-assistant-modal__divider" }), children] }) }));
+                _jsx(ModalHeader, { requestingState: requestingState, onClose: handleClose, title: title }), children] }) }));
 }

package/build/src/libs/markdown/markdown-to-html.js

@@ -40,8 +40,18 @@ export const fixes = {
         if (!extension) {
             return content;
         }
-        // Fix encoding of <br /> tags
-        return content.replaceAll(/\s*&lt;br \/&gt;\s*/g, '<br />');
+        // Fix encoding of <br /> tags and trim surrounding whitespace.
+        // Uses split/join instead of regex to avoid polynomial ReDoS on long whitespace runs.
+        return content
+            .split('&lt;br /&gt;')
+            .map((s, i, arr) => {
+            if (i < arr.length - 1)
+                s = s.trimEnd();
+            if (i > 0)
+                s = s.trimStart();
+            return s;
+        })
+            .join('<br />');
     },
     table: (content, extension = false, { hasFixedLayout = false }) => {
         if (!extension) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-ai-client",
-	"version": "0.34.7",
+	"version": "0.34.9",
 	"private": false,
 	"description": "A JS client for consuming Jetpack AI services",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/ai-client/#readme",
@@ -32,30 +32,30 @@
 		"watch": "tsgo --watch --pretty"
 	},
 	"dependencies": {
-		"@automattic/jetpack-base-styles": "^1.0.19",
-		"@automattic/jetpack-components": "^1.6.0",
-		"@automattic/jetpack-connection": "^1.4.40",
+		"@automattic/jetpack-base-styles": "^1.0.20",
+		"@automattic/jetpack-components": "^1.7.0",
+		"@automattic/jetpack-connection": "^1.4.42",
 		"@automattic/jetpack-explat": "workspace:*",
 		"@automattic/jetpack-script-data": "^0.6.1",
-		"@automattic/jetpack-shared-extension-utils": "^1.5.4",
+		"@automattic/jetpack-shared-extension-utils": "^1.5.6",
 		"@microsoft/fetch-event-source": "2.0.1",
 		"@types/jest": "30.0.0",
 		"@types/react": "18.3.28",
-		"@types/wordpress__block-editor": "15.0.3",
-		"@wordpress/api-fetch": "7.41.0",
-		"@wordpress/base-styles": "6.17.0",
-		"@wordpress/blob": "4.41.0",
-		"@wordpress/block-editor": "15.14.0",
-		"@wordpress/blocks": "15.14.0",
-		"@wordpress/components": "32.3.0",
-		"@wordpress/compose": "7.41.0",
-		"@wordpress/data": "10.41.0",
-		"@wordpress/editor": "14.41.0",
-		"@wordpress/element": "6.41.0",
-		"@wordpress/i18n": "6.14.0",
-		"@wordpress/icons": "11.8.0",
-		"@wordpress/primitives": "4.41.0",
-		"@wordpress/url": "4.41.0",
+		"@types/wordpress__block-editor": "15.0.5",
+		"@wordpress/api-fetch": "7.42.0",
+		"@wordpress/base-styles": "6.18.0",
+		"@wordpress/blob": "4.42.0",
+		"@wordpress/block-editor": "15.15.0",
+		"@wordpress/blocks": "15.15.0",
+		"@wordpress/components": "32.4.0",
+		"@wordpress/compose": "7.42.0",
+		"@wordpress/data": "10.42.0",
+		"@wordpress/editor": "14.42.0",
+		"@wordpress/element": "6.42.0",
+		"@wordpress/i18n": "6.15.0",
+		"@wordpress/icons": "12.0.0",
+		"@wordpress/primitives": "4.42.0",
+		"@wordpress/url": "4.42.0",
 		"clsx": "2.1.1",
 		"debug": "4.4.3",
 		"markdown-it": "14.1.1",
@@ -64,13 +64,14 @@
 		"turndown": "7.1.2"
 	},
 	"devDependencies": {
-		"@storybook/addon-docs": "10.2.11",
-		"@storybook/react": "10.2.11",
+		"@storybook/addon-docs": "10.3.1",
+		"@storybook/react": "10.3.1",
 		"@testing-library/dom": "10.4.1",
 		"@types/markdown-it": "14.1.2",
 		"@types/turndown": "5.0.6",
 		"@typescript/native-preview": "7.0.0-dev.20260225.1",
-		"jest": "30.2.0",
-		"storybook": "10.2.11"
+		"jest": "30.3.0",
+		"storybook": "10.3.1",
+		"typescript": "5.9.3"
 	}
 }

package/src/components/ai-image/hooks/use-ai-image.ts

@@ -119,8 +119,12 @@ export default function useAiImage( {
 
 	// the selec/useEffect combo...
 	const loadedMedia = useSelect(
-		( select: ( store ) => CoreSelectors ) =>
-			select( 'core' )?.getEntityRecord?.( 'postType', 'attachment', previousMediaId ),
+		select =>
+			( select( 'core' ) as CoreSelectors )?.getEntityRecord?.(
+				'postType',
+				'attachment',
+				previousMediaId
+			),
 		[ previousMediaId ]
 	);
 	useEffect( () => {

package/src/components/modal/index.tsx

@@ -57,7 +57,6 @@ export default function AiAssistantModal( {
 		>
 			<div className="ai-assistant-modal__content" style={ { maxWidth } }>
 				<ModalHeader requestingState={ requestingState } onClose={ handleClose } title={ title } />
-				<hr className="ai-assistant-modal__divider" />
 				{ children }
 			</div>
 		</Modal>

package/src/components/modal/style.scss

@@ -16,16 +16,14 @@
 	&__header {
 		display: flex;
 		justify-content: space-between;
-		margin-right: -32px;
-		margin-left: -32px;
-		margin-top: -32px;
+		margin-right: -24px;
+		margin-left: -24px;
+		margin-top: -24px;
 		padding: 8px 12px;
-	}
-
-	&__divider {
-		background: #dcdcde;
-		margin: 0 -32px;
-		height: 1px;
+		position: sticky;
+		top: -24px;
+		background: #fff;
+		border-bottom: 1px solid #dcdcde;
 	}
 
 	&__title-wrapper {

package/src/libs/markdown/markdown-to-html.ts

@@ -62,8 +62,16 @@ export const fixes: Fixes = {
 			return content;
 		}
 
-		// Fix encoding of <br /> tags
-		return content.replaceAll( /\s*&lt;br \/&gt;\s*/g, '<br />' );
+		// Fix encoding of <br /> tags and trim surrounding whitespace.
+		// Uses split/join instead of regex to avoid polynomial ReDoS on long whitespace runs.
+		return content
+			.split( '&lt;br /&gt;' )
+			.map( ( s, i, arr ) => {
+				if ( i < arr.length - 1 ) s = s.trimEnd();
+				if ( i > 0 ) s = s.trimStart();
+				return s;
+			} )
+			.join( '<br />' );
 	},
 	table: ( content: string, extension = false, { hasFixedLayout = false } ) => {
 		if ( ! extension ) {

package/src/logo-generator/components/prompt.scss

@@ -88,7 +88,7 @@
 			color: var(--studio-gray-50, #646970);
 		}
 
-		&[data-placeholder]:empty:focus::before:not([contentEditable="false"]) {
+		&[data-placeholder]:empty:focus:not([contentEditable="false"])::before {
 			content: "";
 		}
 	}