newOS for Developers
Components
UI component documentation for newOS
Each component page includes an "Open Playground" button for live testing. Sign in to enable authenticated demos using mood aec78e08.
Input Components
9ChatInputPlayground
Main chat input with AI prompts and file attachments
PhoneSignInPlayground
Phone number authentication with verification
UploadDialogPlayground
File selection dialog with preview
FolderCreatePlayground
Multi-step mood creation
PromptSuggestion
AI prompt suggestion pills
SearchBox
Global search input
UserSelectBox
User picker with autocomplete
ConnectDialog
Web3/wallet connection dialog
OneOnOnePlayground
Direct messaging interface
Output Components
13PostWidgetPlayground
Full post card with actions
FolderPlayground
Mood/space viewer
MediaComponentPlayground
Universal media renderer
ItemGridPlayground
Content grid layout
UserAvatarPlayground
User avatar with fallback
LeaderBoardPlayground
Ranking list display
UserCard
User profile card
UserCardExtended
Full user profile card
UserChip
Inline user mention chip
UsersGrid
Grid of user cards
Watts
WATTS token display
FolderWidgetPlayground
Mood card widget
PostPlayground
Single post renderer
Agent Skills
.agent/skills/agent-1-components/ → ChatInput, PhoneSignIn, UploadDialog, PostWidget, Folder, FolderCreate.agent/skills/agent-2-infrastructure/ → MediaComponent, ItemGrid, UserAvatar, LeaderBoard.agent/skills/agent-3-auxiliary/ → PromptSuggestion, SearchBox, UserSelectBox.agent/skills/agent-4-contracts/ → UserCard, UserCardExtended, UserChip, UsersGrid.agent/skills/agent-5-auth/ → ConnectDialog, Watts, AuthDemoHelper.agent/skills/agent-6-core/ → OneOnOne, FolderWidget, Post, Cross-Linking