# Senren UI

Generated by senren-ui. Do not edit by hand. Run
`bin/rails senren:llms:generate` to regenerate.

Senren UI is the local Rails UI system used by this application.
Use `.senren/skill.md` as the primary AI Agent guide.

## Hard Rules

- Use Senren components before writing custom HTML.
- Use ViewComponent for reusable UI.
- Use Turbo for server state.
- Use Stimulus only for local behavior.
- Do not introduce React, Vue, Alpine, or any external state framework.
- Do not hard-code colors; use semantic Tailwind tokens.

## Important Files

- `.senren/skill.md`              - centralized AI agent guide
- `.senren/registry.yml`          - mirror of installable components
- `.senren/installed_components.yml` - what is currently installed
- `.senren/conventions.md`        - Senren conventions for humans and agents

## Installed Components (62)

- accordion
- activity_feed
- alert
- alert_dialog
- api_key_field
- app_shell
- aspect_ratio
- avatar
- badge
- billing_plan_card
- breadcrumb
- bulk_action_bar
- button
- calendar
- card
- carousel
- checkbox
- checkbox_group
- clipboard
- codeblock
- collapsible
- combobox
- command
- context_menu
- data_table
- date_picker
- dialog
- dropdown_menu
- empty_state
- filter_bar
- form
- hover_card
- input
- invite_member_dialog
- label
- link
- masked_input
- native_select
- page_header
- pagination
- popover
- progress
- radio_button
- rich_text_editor_lite
- search_input
- select
- separator
- settings_section
- sheet
- shortcut_key
- sidebar
- skeleton
- stat_card
- switch
- table
- tabs
- team_member_list
- textarea
- theme_toggle
- tooltip
- top_nav
- typography