Skip to content

feat(ui): add Technology Preview tag for collections#5578

Open
stevefulme1 wants to merge 1 commit intoansible:masterfrom
stevefulme1:feat/technology-preview-tag
Open

feat(ui): add Technology Preview tag for collections#5578
stevefulme1 wants to merge 1 commit intoansible:masterfrom
stevefulme1:feat/technology-preview-tag

Conversation

@stevefulme1
Copy link
Copy Markdown

Summary

  • Adds TechnologyPreviewTag component (styled blue badge, modeled after DeprecatedTag)
  • Adds isTechnologyPreview() helper that detects "technology_preview" or "tech-preview" in collection tags
  • Collection list items show a "TECHNOLOGY PREVIEW" badge next to collections with this tag
  • Collection detail header shows an info alert: "This collection is a Technology Preview. It may not be feature-complete and is not recommended for production use."

How it works

Content creators add technology_preview to the tags list in their galaxy.yml:

tags:
  - cloud
  - technology_preview

No backend changes required — this leverages the existing tag system. Users can already filter for these collections using the existing tag search filter.

Ref: AAP-55564

Files changed

  • src/components/technology-preview-tag.tsx — New component + helper
  • src/components/index.ts — Barrel export
  • src/components/collection-list-item.tsx — Badge on list items
  • src/components/collection-header.tsx — Info alert on detail page

Test plan

  • Add technology_preview tag to a test collection's galaxy.yml and upload
  • Verify blue "TECHNOLOGY PREVIEW" badge appears in collection list view
  • Verify info alert appears on collection detail page
  • Verify badge does NOT appear for collections without the tag
  • Verify tech-preview alternate tag name also triggers the badge
  • Verify TypeScript compiles without errors (npm run lint:ts)

🤖 Generated with Claude Code

Add TechnologyPreviewTag component and isTechnologyPreview helper
that detect the "technology_preview" or "tech-preview" tag in
collection metadata. When present:
- A styled blue badge appears next to the collection name in list views
- An info alert appears on the collection detail page header

Content creators set this by adding "technology_preview" to the tags
list in their galaxy.yml. Users can filter for it using the existing
tag search filter.

Ref: AAP-55564

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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