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: 3d6e240

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	Actions	Updated (UTC)
forma-36	Error		Jan 30, 2026 11:20am

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

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
CommonJS	114.79 KB (+0.05% 🔺)	2.3 s (+0.05% 🔺)	58 ms (+282.32% 🔺)	2.4 s
Module	112.46 KB (-0.03% 🔽)	2.3 s (-0.03% 🔽)	62 ms (+215.67% 🔺)	2.4 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 👍🏼

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

…ne of a title or icon

…-AI-chat-message-markdown

feat: ai chat message markdown improvements [PIC-764]

…aragraph feat: paragraph marging adjustments [PIC-764]

…-758]

…tioning feat: added AIChatMentionList auto placement support [PIC-758]

…tyles

…prop definitions

Change top and bottom padding to 6px instead of 5px to match the design

feat(f36-ai-components): add AIChatSuggestionPill component [PIC-833]

…s in messages [PIC-847] (#3282)

…ut control

feat(AIChat): add height and position props to AIChatLayout for flexible layout control

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

packages/f36-ai-components/src/AIChatLayout/AIChatLayout.styles.ts Outdated Show resolved Hide resolved

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

nikunj-tilva and others added 28 commits December 9, 2025 10:11

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

3ef6f5c

…-AI-chat-message-markdown

feat: spacing adjustments [PIC-764]

47b69f3

Merge pull request #3265 from contentful/PIC-AI-chat-message-markdown

c5c8fa2

feat: ai chat message markdown improvements [PIC-764]

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.29 [skip ci]

a574112

feat: paragraph marging adjustments [PIC-764]

f6b4e7e

Merge pull request #3267 from contentful/PIC-764-remove-margin-last-p…

654173f

…aragraph feat: paragraph marging adjustments [PIC-764]

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.30 [skip ci]

4f209b7

feat: added AIChatMentionList auto placement support [PIC-758]

57f3129

feat: handling scrolling behavior for AIChatMentionList position [PIC…

b5f8ac0

…-758]

Merge pull request #3269 from contentful/PIC-758-ai-chat-mention-posi…

0a58667

…tioning feat: added AIChatMentionList auto placement support [PIC-758]

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.31 [skip ci]

14864a9

chore: document other use of layout variant

fd74b2f

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.32 [skip ci]

5573d0b

feat: implement AIChatSuggestionPill component with styles and tests

47cdf1a

feat: enhance AIChatSuggestionPill styles

19519ce

feat: add transition effect to AIChatSuggestionPill icon and update s…

39d5e15

…tyles

feat: extend AIChatSuggestionPillProps with CommonProps and clean up …

20168e1

…prop definitions

Update AIChatSuggestionPill.styles.ts

a8deaaf

Change top and bottom padding to 6px instead of 5px to match the design

Merge pull request #3275 from contentful/PIC-833

8001d4a

feat(f36-ai-components): add AIChatSuggestionPill component [PIC-833]

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.33 [skip ci]

62698c2

fix: Re-Add bugfix for AiChatMessage markdown li [PIC-845] (#3280)

fb6a8ae

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.34 [skip ci]

0bccb41

feat: AIChatMessage add ability for clients to add advanced component…

49af14a

…s in messages [PIC-847] (#3282)

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.35 [skip ci]

33dc4b9

feat: add height and position props to AIChatLayout for flexible layo…

4ea8686

…ut control

fix(AIChat): improve relative auto height implementation and story

677a45d

Merge pull request #3297 from contentful/PIC-879

e2edaf6

feat(AIChat): add height and position props to AIChatLayout for flexible layout control

chore: bump @contentful/f36-ai-components to 0.0.1-alpha.36 [skip ci]

3d6e240

vercel bot had a problem deploying to Preview January 30, 2026 11:15 Failure

vercel bot had a problem deploying to Preview January 30, 2026 11:20 Failure

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

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!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

10 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!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

10 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