feat(f36-ai-components): add f36-ai-components package #3202

elliotmassen · 2025-10-20T17:07:35Z

Purpose of PR

This PR adds a new package which will be the home of the AI components that will support AI chat. It adds an example AIChatLayout component from the component boilerplate. There will be subsequent PRs from Core Agents team to begin adding various AI chat components within the package, such as AIChatLayout.

This PR also amends the documentation regarding changesets to include reference to the required change to the changelog generation command, as well as fixing the component boilerplate's import of CommonProps.

PR Checklist

I have read the relevant readme.md file(s)
All commits follow our Git commit message convention
Tests are added/updated/not required
Tests are passing
Storybook stories are added/updated/not required
Usage notes are added/updated/not required
Has been tested based on Contentful's browser support
Doesn't contain any sensitive information

changeset-bot · 2025-10-20T17:07:38Z

⚠️ No Changeset found

Latest commit: a433566

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

vercel · 2025-10-20T17:07:39Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Updated (UTC)
forma-36	Error		Oct 30, 2025 4:25pm

github-actions · 2025-10-20T17:13:47Z

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
CommonJS	114.71 KB (-0.11% 🔽)	2.3 s (-0.11% 🔽)	179 ms (+53.79% 🔺)	2.5 s
Module	112.53 KB (0%)	2.3 s (0%)	171 ms (+5.66% 🔺)	2.5 s

scripts/changesets/changelog-generate.js

elliotmassen · 2025-10-21T11:12:31Z

packages/f36-ai-components/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@contentful/f36-ai-components",


Once this PR is approved, should I be running the scripts/prerelease.mjs script to publish this package?

elliotmassen · 2025-10-21T11:17:11Z

scripts/changesets/changelog-generate.js

  '@contentful/f36-i18n-utils',
  '@contentful/f36-website',
  '@contentful/f36-docs-utils',
+  '@contentful/f36-ai-components',


Is this correct? If so, I have added a note to the prerelease section in RELEASES.md to document it.

cf-remylenoir

Blocking until @contentful/team-ui-foundation review and v6 is released

mshaaban0

Looks good to me 👍🏼

mshaaban0 · 2025-10-21T11:53:54Z

packages/f36-ai-components/src/AIChatLayout/AIChatLayout.styles.ts

+export const getStyles = () => {
+  return {
+    aIChatLayout: css({
+      color: tokens.red600,


…ne of a title or icon

…osed, collapsed, open)

…ency

…tlayout-component-implementation feat(f36-ai-components): add AIChatLayout component

wiz-inc-38d59fb8d7 · 2025-10-28T08:44:44Z

Wiz Scan Summary

Scanner	Findings
Vulnerabilities	-
Sensitive Data	-
SAST Findings	2

Total	2

View scan details in Wiz

To detect these findings earlier in the dev lifecycle, try using Wiz Code VS Code Extension.

…tlayout-component-implementation feat(f36-ai-components): add AIChatLayout component

…-713-forma36-create-aichatartifactmessage-component

…tartifactmessage-component feat(f36-ai-components): add AIChatArtifactMessage component [PIC-713]

feat(f36-ai-components): add f36-ai-components package

2a4944b

elliotmassen commented Oct 20, 2025

View reviewed changes

scripts/changesets/changelog-generate.js Outdated Show resolved Hide resolved

fix: tidy up changeset updates

f88f199

vercel bot had a problem deploying to Preview October 21, 2025 11:03 Failure

elliotmassen commented Oct 21, 2025

View reviewed changes

elliotmassen marked this pull request as ready for review October 21, 2025 11:17

elliotmassen requested review from a team and damann as code owners October 21, 2025 11:17

elliotmassen requested review from mshaaban0 and seanf-ctfl October 21, 2025 11:17

elliotmassen self-assigned this Oct 21, 2025

seanf-ctfl approved these changes Oct 21, 2025

View reviewed changes

cf-remylenoir requested changes Oct 21, 2025

View reviewed changes

mshaaban0 approved these changes Oct 21, 2025

View reviewed changes

elliotmassen added 11 commits October 22, 2025 14:59

feat: style collapsed state

d5fc97c

feat(AIChatLayout): fix up styles and story

fdac382

fix: improve styling and layout

8d6f229

feat: complete functionality

ed91a60

fix: make styles pixel perfect

df6828a

fix: add dependency

dd19ba3

fix: use stying tokens where possible

11815c8

fix: ensure buttons always stay on the right regardless of the presce…

5abad13

…ne of a title or icon

feat: add tests

722665f

fix: code quality tweaks

20df8c2

fix: correct tab indexing when buttons are hidden

496dbac

elliotmassen mentioned this pull request Oct 23, 2025

feat(f36-ai-components): add AIChatLayout component #3203

Merged

8 tasks

elliotmassen added 8 commits October 24, 2025 10:29

fix: support svg gradient in Safari

a5c21bd

fix: remove comment

81cf875

feat: refactor AIChatLayout to use display prop with three states (cl…

06505aa

…osed, collapsed, open)

refactor: rename 'type' prop to 'variant' in AIChatLayout for consist…

495b36b

…ency

fix: include fixed positioning within the component

a0fe9b0

fix: centralise docs description

520b42e

feat: add IconGradient component for gradient support in AIChatLayout

8e56100

Merge pull request #3203 from contentful/PIC-694-forma36-create-aicha…

6a44dfe

…tlayout-component-implementation feat(f36-ai-components): add AIChatLayout component

vercel bot had a problem deploying to Preview October 27, 2025 11:33 Failure

feat: add ai chat input component [PIC-707] (#3205)

1e7bf5e

vercel bot had a problem deploying to Preview October 28, 2025 08:44 Failure

elliotmassen and others added 8 commits October 29, 2025 09:36

Merge pull request #3203 from contentful/PIC-694-forma36-create-aicha…

59b69e5

…tlayout-component-implementation feat(f36-ai-components): add AIChatLayout component

feat: implement AIChatArtifactMessage

d81f41d

fix: update styles and story args for AIChatArtifactMessage component

cbeb645

fix: tidy up code

2f7db27

fix: update tests

9911606

Merge branch 'PIC-694-forma36-create-aichatlayout-component' into PIC…

922d558

…-713-forma36-create-aichatartifactmessage-component

fix: resolve analyze_code failure

e30dfd8

feat: add ai chat message component [PIC-706] (#3208)

e9b4c57

vercel bot had a problem deploying to Preview October 29, 2025 14:36 Failure

Merge pull request #3206 from contentful/PIC-713-forma36-create-aicha…

a433566

…tartifactmessage-component feat(f36-ai-components): add AIChatArtifactMessage component [PIC-713]

vercel bot had a problem deploying to Preview October 30, 2025 16:25 Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(f36-ai-components): add f36-ai-components package #3202

feat(f36-ai-components): add f36-ai-components package #3202

Uh oh!

elliotmassen commented Oct 20, 2025 •

edited

Loading

Uh oh!

changeset-bot bot commented Oct 20, 2025 •

edited

Loading

Uh oh!

vercel bot commented Oct 20, 2025 •

edited

Loading

Uh oh!

github-actions bot commented Oct 20, 2025 •

edited

Loading

Uh oh!

Uh oh!

elliotmassen Oct 21, 2025

Uh oh!

elliotmassen Oct 21, 2025

Uh oh!

cf-remylenoir left a comment •

edited

Loading

Uh oh!

mshaaban0 left a comment

Uh oh!

mshaaban0 Oct 21, 2025

Uh oh!

wiz-inc-38d59fb8d7 bot commented Oct 28, 2025 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

feat(f36-ai-components): add f36-ai-components package #3202

Are you sure you want to change the base?

feat(f36-ai-components): add f36-ai-components package #3202

Uh oh!

Conversation

elliotmassen commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Purpose of PR

PR Checklist

Uh oh!

changeset-bot bot commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

vercel bot commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Oct 20, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

size-limit report 📦

Uh oh!

Uh oh!

elliotmassen Oct 21, 2025

Choose a reason for hiding this comment

Uh oh!

elliotmassen Oct 21, 2025

Choose a reason for hiding this comment

Uh oh!

cf-remylenoir left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

mshaaban0 left a comment

Choose a reason for hiding this comment

Uh oh!

mshaaban0 Oct 21, 2025

Choose a reason for hiding this comment

Uh oh!

wiz-inc-38d59fb8d7 bot commented Oct 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Wiz Scan Summary

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

elliotmassen commented Oct 20, 2025 •

edited

Loading

changeset-bot bot commented Oct 20, 2025 •

edited

Loading

vercel bot commented Oct 20, 2025 •

edited

Loading

github-actions bot commented Oct 20, 2025 •

edited

Loading

cf-remylenoir left a comment •

edited

Loading

wiz-inc-38d59fb8d7 bot commented Oct 28, 2025 •

edited

Loading