Component inventory

Everything the Outloud, Rabotka and Patterns mockups use, mapped to its registry source. “@aresa composite” is a thin wrapper over registry parts that both products share; “@aresa new” has no registry equivalent and gets built once. Highlighted rows were found only by drawing Rabotka.

44components

34used by both products

24registry as-is

12@aresa composites

8@aresa new

Text style	Geist · size · weight	Sample
Type scale — every screen uses only these (Outloud, Rabotka, Patterns)
Page / doc title	28 · 600 · −0.02em	Credits are $0.01 of our cost
Settings / mobile title, compact stat	22 · 600	Business profile
Content header	20 · 600	October 2026
Dialog title, doc h2	18 · 600	Disconnect Instagram?
Top-bar page title	16 · 600	Notifications
Panel / list header	15 · 600	Ready to schedule
Body, buttons, crumb, tabs	14 · 400/500	Launch: what we learned
Meta, filter tokens	13 · 400	Approved in Planning, no date yet
Small meta, table head, section label	12 · 400/500	approved by Maria
Ids, times, numbers, counts	Geist Mono 11–13	OUT-15 · 09:30 · 1,148
KPI number	28 · 600 · −0.02em	48.2k

Component	Source	Kind	Outloud	Rabotka
Layout & navigation
App sidebar	shadcn sidebar-07	registry as-is	all app screens	all app screens
Settings layout	@aresa/settings-shell	@aresa composite	Settings, Dev	Workflow, Members, Profile
Breadcrumb header + actions	shadcn breadcrumb	@aresa composite	Post, Project	Task, Doc, Entity
Tabs / segmented control	shadcn tabs, toggle-group	registry as-is	Planning, Schedule, Analytics	Threads, History, Appearance
Command palette	shadcn command	@aresa composite	⌘K	Search with scopes and actions
Mobile tab bar + FAB	@aresa/mobile-shell	@aresa new	Mobile*	RabotkaMobile
Data views
Data table	tablecn + TanStack Table	registry as-is	Posts list, Ideas, Dev	Table (grouped, inline edit)
Filter tokens	@aresa/filter-token over ReUI filters	@aresa composite	Posts, Board, Analytics	Board, Table
Kanban	Dice UI kanban	registry as-is	Board	Board
Calendar month/week	Kibo calendar	registry as-is	Schedule	—
Grouped list rows	shadcn item + @aresa/group	@aresa composite	Inbox, Engage	My tasks, Threads
Virtualized list	TanStack Virtual	registry as-is	Inbox, Media	Table at 1k+ rows
Charts	shadcn charts	registry as-is	Analytics, Usage	Epic progress
Progress bar / ring	shadcn progress	registry as-is	Usage, Billing	Epic, acceptance
Inputs & properties
Property pill (status, priority, assignee, date)	@aresa/property-pill = badge + popover + command	@aresa new	Post targets	Task, New task, Mobile
Combobox	shadcn popover + command	registry as-is	Connections, Agents	Epic, Labels, Statuses
Date picker	shadcn calendar + popover	registry as-is	Schedule	Due date
Mention	Dice UI mention	registry as-is	Comments	Editor @, Threads
Tags input	Dice UI tags-input	registry as-is	Knowledge	Labels
Sortable list	Dice UI sortable	registry as-is	Board stages	Workflow statuses
Color swatches	Dice UI color-swatch	registry as-is	Brand kit	Project color, labels
Radio cards	shadcn radio-group + @aresa/option-card	@aresa composite	Connect flows	Folder setup
Dropzone	Kibo dropzone	registry as-is	Media library	Doc images
Copy field	shadcn input-group	@aresa composite	API keys, approval link	One-time device link
Editor
Rich text editor	Tiptap + Kibo editor	registry as-is	Post body	Docs
Slash block menu	Tiptap suggestion + shadcn command	@aresa composite	—	Editor
Bubble format toolbar	Tiptap bubble-menu + toggle-group	@aresa composite	Post body	Editor
Mermaid block	@aresa/mermaid-node	@aresa new	—	Doc, Entity ERD
Work reference chip / card	@aresa/ref-chip + hover-card	@aresa new	—	Doc, Editor
Block-level comments	@aresa/thread	@aresa new	Post discussion	Doc, Threads
Prose diff	@aresa/prose-diff	@aresa new	—	Doc history
Version list	shadcn item + @aresa/version	@aresa new	Post revisions	Doc history
Feedback & overlays
Empty / error / not found	shadcn empty, alert	registry as-is	States*	RabotkaStates
Skeletons matching layout	shadcn skeleton	registry as-is	States*	RabotkaStates
Toasts	sonner	registry as-is	Toasts	—
Status dot / badge	Kibo status, shadcn badge	registry as-is	Targets, Jobs	Statuses, Reviewed/Draft
Avatar stack + presence	Kibo avatar-stack	@aresa composite	Post discussion	Live update, Doc
Connection banner	@aresa/live-banner	@aresa new	—	Offline, Reconnecting
Relative time	Kibo relative-time	registry as-is	everywhere	everywhere
Dialog / sheet / drawer	shadcn dialog, drawer	registry as-is	Create, Share	New task, New project, Mobile
⋯ row menu	shadcn dropdown-menu	registry as-is	everywhere	everywhere
Outloud only
AI chat	AI Elements conversation, message, prompt-input, tool	registry as-is	Chat, Post AI	—
Media editor	filerobot + @aresa wrappers	@aresa composite	Media editor	—
Approval share page	@aresa/public-page	@aresa composite	Approval	—