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: ea8863b

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		Nov 14, 2025 1:55pm

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

size-limit report 📦

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
CommonJS	114.7 KB (-0.12% 🔽)	2.3 s (-0.12% 🔽)	37 ms (+91.48% 🔺)	2.4 s
Module	112.58 KB (+0.04% 🔺)	2.3 s (+0.04% 🔺)	44 ms (+117.75% 🔺)	2.3 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

… handling and state comparison

… with dynamic props

…for Slider component

…dingly

…sistency

…at-layout-toolbar-to-support feat(f36-ai-components): Update AIChatLayout to support multiple headers

…ned [PIC-706] (#3227)

…ned [PIC-706] (#3229)

#3233) * fix: update AIChatReasoning to recalculate height on children change and add dynamic children story * fix: resolve flickering icons after collapsing * fix: remove unneccessary comment

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

elliotmassen added 15 commits November 11, 2025 09:05

feat: enhance AIChatLayout and Slider components with improved button…

c686416

… handling and state comparison

fix: tidy up button usage

0ed9eab

feat: update mock chat messages with placeholder content for testing

9a7ef9c

feat: rename Basic story to Default and add WithChangableHeader story…

6bdab2f

… with dynamic props

fix: make fixed buttons zero-to-many

78aec6d

fix: final tweaks

28ea69e

fix: tidy up slider

88516ae

fix: resolve import issue with storybook actions in mock data

3b223ca

fix: simplify header identification

1d6dee4

fix: update data-testid attribute syntax and add comprehensive tests …

7b46d72

…for Slider component

fix: refactor Slider component to use slideKey and update tests accor…

c1b623e

…dingly

fix: remove tests for missing slideKey and children in Slider component

1cc0a97

fix: adjust padding and margin values in AIChatHistory styles for con…

9d44c8a

…sistency

feat: add AIChatSidePanel component

bf84e4c

Merge pull request #3224 from contentful/PIC-734-forma36-update-ai-ch…

bde742b

…at-layout-toolbar-to-support feat(f36-ai-components): Update AIChatLayout to support multiple headers

vercel bot had a problem deploying to Preview November 11, 2025 17:36 Failure

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

710c193

vercel bot had a problem deploying to Preview November 11, 2025 17:40 Failure

fix: fix null pointer error on list item when is children is not defi…

8d7bb40

…ned [PIC-706] (#3227)

vercel bot had a problem deploying to Preview November 11, 2025 22:52 Failure

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

69431c8

vercel bot had a problem deploying to Preview November 11, 2025 22:56 Failure

fix: fix null pointer error on list item when is children is not defi…

9ee4871

…ned [PIC-706] (#3229)

vercel bot had a problem deploying to Preview November 12, 2025 09:46 Failure

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

5f5f793

vercel bot had a problem deploying to Preview November 12, 2025 09:50 Failure

fix(f36-ai-components): re-render AIChatReasoning when children update (

0037c21

#3233) * fix: update AIChatReasoning to recalculate height on children change and add dynamic children story * fix: resolve flickering icons after collapsing * fix: remove unneccessary comment

vercel bot had a problem deploying to Preview November 14, 2025 13:51 Failure

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

ea8863b

vercel bot had a problem deploying to Preview November 14, 2025 13:55 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!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

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

7 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