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

ChatInputPlayground

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

PostWidgetPlayground

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