Skip to content

chore(rsp,swc): regenerate status index with ai components - #220

Merged
marissahuysentruyt merged 3 commits into
mainfrom
rsp-regen
Nov 12, 2026
Merged

marissahuysentruyt merged 3 commits into
mainfrom
rsp-regen

Conversation

@marissahuysentruyt

@marissahuysentruyt marissahuysentruyt commented Nov 10, 2026 •

Copy link
Copy Markdown
Collaborator

Description

Refresh the React Spectrum catalog and generated status data to include AI components alongside Spectrum Web Components AI toolkit patterns.

  • Add extracted React Spectrum AI component properties.
  • Map Thread, ThreadItem, SourceList, and MessageSuggestionList to Conversation Thread, Conversation Turn, Message Sources, and Suggestion Group.
  • Add implementation guidance and exclude supporting subcomponents from the status table.
  • Regenerate the combined status index, per-component status files, and implementation name mappings.
  • Normalize Inline Alert naming and rename its playground snippet to inline-alert.jsx.
  • Temporarily remove autocomplete from SWC text-field property data pending se.js cache invalidation.

Screenshots (if applicable)

Type of change

  • Bug fix
  • New feature / block
  • Refactor
  • Docs / content
  • Chore (deps, config, tooling)

Related issue(s)

  • fixes SPDOCS-671 and SPDOCS-568

Validation steps

  • This PR has visual elements, so it was reviewed by a designer.
  • This PR has code changes, and our linters still pass.
  • This PR affects production code, so it was browser tested (see below).
  • This PR affects existing pages, so automated E2E tests were run (see below).
  • This PR has new code, so new tests were added or updated, and they pass.
  • This PR has copy changes, so copy was proofread and approved.
  • The content of this PR requires documentation, so a detailed description of the component's purpose, requirements, quirks, and instructions for use by designers and developers was added, along with accessibility information if pertinent.

To Validate

URL for testing:
https://rsp-regen--spectrum-hub--adobe.aem.live/web/status-table

  • Make sure all PR Checks have passed
  • Pull down the branch locally or visit the branch preview
  • Run npm test and confirm all tests pass
  • Run npm run lint and confirm no linting errors
  • Verified in browser with aem up
  • Open /docs/pattern-library/status-table and confirm AI Button, Conversation Thread, Conversation Turn, Message Feedback, Message Sources, Pixel Loader, Prompt Field, Response Status, Suggestion Group, System Message, and User Message appear.
  • Confirm Conversation Thread, Conversation Turn, Message Sources, and Suggestion Group show the corresponding React Spectrum implementation guidance.
  • Confirm supporting components such as Attachment Grid, Prompt Token, and Response Status Panel do not appear as standalone status-table rows.
  • Search for Inline Alert and confirm one correctly named row appears with Figma and React Spectrum availability.
  • Open /web/rsp/components/inline-alert and confirm the playground loads the renamed snippet.
  • On published AI component pages, verify implementation links target the corresponding React Spectrum AI documentation or SWC AI toolkit pattern.
  • Open /web/swc/components/text-field and confirm the API table renders without the temporarily removed autocomplete property.
  • Cross-check /web/rsp/components/button for regressions in its status, API table, and playground.

Accessibility testing checklist

  • Keyboard
  1. Go here.
  2. Tab to Search components, activate it, and filter for Conversation Thread. Continue through available controls and links, then clear the search and activate a sorting control.
  3. Expect visible focus, logical navigation, working search and sorting, and no focus traps. Status text without a link should not become an additional tab stop.
  • Screen reader
  1. Go here with a screen reader enabled.
  2. Navigate the Component availability table, inspect Conversation Thread and Inline Alert, then filter the table using Search components.
  3. Expect component row headers and implementation column headers to retain their relationships. Available links should announce the component, availability, and implementation. Filtering should announce the result count, and sorting should announce the column and direction without duplicate status announcements.

Device review

  • Did it pass in Desktop?
  • Did it pass in (emulated) Mobile?
  • Did it pass in (emulated) iPad?

Checklist:

  • I have signed the Adobe Open Source CLA.
  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

@aem-code-sync

aem-code-sync Bot commented Nov 10, 2026 •

Copy link
Copy Markdown

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run all PSI checks
  • Re-run failed PSI checks
  • Re-sync branch
Commits

@aem-code-sync

aem-code-sync Bot commented Nov 10, 2026 •

Copy link
Copy Markdown
Page Scores Audits Google
📱 /web/status-table PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
🖥️ /web/status-table PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Comment thread deps/status-index.json Resolved
@marissahuysentruyt

Copy link
Copy Markdown
Collaborator Author

a11y failure is specific to me removing autocomplete while the CDN invalidates se.js (it's not serving the se-disclosure code yet, and might not for 48 hours).

@marissahuysentruyt
marissahuysentruyt marked this pull request as ready for review November 12, 2026 21:20
@marissahuysentruyt
marissahuysentruyt merged commit 4ea4237 into main Nov 12, 2026
9 of 10 checks passed
@marissahuysentruyt
marissahuysentruyt deleted the rsp-regen branch November 12, 2026 21:36

This branch was successfully deployed

1 active deployment
rsp-regen — b60c859a Deployed Nov 12, 2026 by aem-code-sync[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant