Skip to content

Migrate templates to @openai/apps-sdk-ui components#30

Merged
David-Dohyun-Im merged 9 commits intoSumeLabs:mainfrom
chaewon-huh:feat/apps-sdk-ui-integration
Nov 24, 2025
Merged

Migrate templates to @openai/apps-sdk-ui components#30
David-Dohyun-Im merged 9 commits intoSumeLabs:mainfrom
chaewon-huh:feat/apps-sdk-ui-integration

Conversation

@chaewon-huh
Copy link
Contributor

This PR migrates all FastApps templates to use the official @openai/apps-sdk-ui component library, ensuring consistency with OpenAI's design system.

1. Port all templates to @openai/apps-sdk-ui

  • Replace custom components with official SDK components (Button, Badge, Image, EmptyMessage)
  • Add AppsSDKUIProvider wrapper for theme/token support
  • Standardize CSS imports with Tailwind v4 + Apps SDK UI styles
  • Remove ~85 lines of redundant custom styling

2. Fix albums template layout issues

  • Remove rigid height constraints causing image clipping
  • Switch from absolute to flexbox positioning in FullscreenViewer
  • Adjust overflow behavior based on display mode

3. Update CLI for automatic dependency management

  • Auto-install @openai/apps-sdk-ui when creating templates
  • Add template-specific deps (embla-carousel, lucide-react)
  • Include Tailwind build tools in dev dependencies

Tested all templates in inline, PIP, and fullscreen modes.

@Jhvictor4 Jhvictor4 self-assigned this Nov 24, 2025
Copy link
Contributor

@Jhvictor4 Jhvictor4 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm. thanks!

@David-Dohyun-Im David-Dohyun-Im merged commit 9b3d042 into SumeLabs:main Nov 24, 2025
11 checks passed
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.

3 participants