---
type: community
cohesion: 0.03
members: 77
---

# Form Handlers UI

**Cohesion:** 0.03 - loosely connected
**Members:** 77 nodes

## Members
- [[GroupsList.tsx]] - code - src/features/groups/components/GroupsList.tsx
- [[InstanceSettingsCard.tsx]] - code - src/features/config/components/InstanceSettingsCard.tsx
- [[ParticipantInfoModal.tsx]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[ParticipantMembershipInspector.tsx]] - code - src/features/group-detail/components/ParticipantMembershipInspector.tsx
- [[ProfileEditSection.tsx]] - code - src/features/settings/components/ProfileEditSection.tsx
- [[RoleBadge()]] - code - src/features/user-management/components/RoleBadge.tsx
- [[RoleBadge.tsx]] - code - src/features/user-management/components/RoleBadge.tsx
- [[TagManagerModal.tsx]] - code - src/components/tags/TagManagerModal.tsx
- [[TagSelector.tsx]] - code - src/components/tags/TagSelector.tsx
- [[Tags.tsx]] - code - src/pages/Tags.tsx
- [[UserAvatar()]] - code - src/features/user-management/components/UserAvatar.tsx
- [[UserAvatar.tsx]] - code - src/features/user-management/components/UserAvatar.tsx
- [[UserCardHeader()]] - code - src/features/user-management/components/UserCard/UserCardHeader.tsx
- [[UserCardHeader.tsx]] - code - src/features/user-management/components/UserCard/UserCardHeader.tsx
- [[UserInstanceCreationWizard.tsx]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[canDeleteUser()]] - code - src/features/user-management/lib/utils.ts
- [[canEditUser()]] - code - src/features/user-management/lib/utils.ts
- [[confirmLeaveGroup()]] - code - src/features/groups/components/GroupsList.tsx
- [[deleteAvatar()]] - code - src/features/user-management/lib/utils.ts
- [[formatDate()_5]] - code - src/features/user-management/lib/utils.ts
- [[formatPhoneNumber()_1]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[formatRelativeTime()_1]] - code - src/features/user-management/lib/utils.ts
- [[getAvatarColor()]] - code - src/features/user-management/lib/utils.ts
- [[getInitials()]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[getParticipantToastId()]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[getRoleBadgeVariant()_1]] - code - src/features/user-management/lib/utils.ts
- [[getRoleLabel()_1]] - code - src/features/user-management/lib/utils.ts
- [[getRoleVariant()]] - code - src/features/user-management/components/RoleBadge.tsx
- [[getStepDescription()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[getStepTitle()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[getUserDisplayName()]] - code - src/features/user-management/lib/utils.ts
- [[getUserInitials()_1]] - code - src/features/user-management/lib/utils.ts
- [[goToNextTab()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[goToPreviousTab()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleApply()]] - code - src/features/group-detail/components/ParticipantMembershipInspector.tsx
- [[handleAvatarUpload()]] - code - src/features/settings/components/ProfileEditSection.tsx
- [[handleCancelEdit()]] - code - src/pages/Tags.tsx
- [[handleClose()_6]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleConfigToggle()_2]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleConfirmDiscard()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleCreate()]] - code - src/components/tags/TagManagerModal.tsx
- [[handleCreateDefaults()]] - code - src/pages/Tags.tsx
- [[handleCreateInstance()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[handleCreateTag()_1]] - code - src/pages/Tags.tsx
- [[handleCreateTag()]] - code - src/components/tags/TagSelector.tsx
- [[handleDelete()]] - code - src/components/tags/TagManagerModal.tsx
- [[handleDeleteTag()]] - code - src/pages/Tags.tsx
- [[handleFinish()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[handleImpersonate()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handlePhoneChange()]] - code - src/features/config/components/InstanceSettingsCard.tsx
- [[handleRegenerate()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[handleRemove()_4]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleRemoveAvatar()]] - code - src/features/settings/components/ProfileEditSection.tsx
- [[handleRemoveFromAllGroups()]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[handleRemoveFromSingleGroup()]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[handleSave()_1]] - code - src/features/config/components/InstanceSettingsCard.tsx
- [[handleSave()_5]] - code - src/features/settings/components/ProfileEditSection.tsx
- [[handleSave()_7]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleSaveEdit()]] - code - src/components/tags/TagManagerModal.tsx
- [[handleSaveTag()]] - code - src/pages/Tags.tsx
- [[handleSearch()]] - code - src/features/group-detail/components/ParticipantMembershipInspector.tsx
- [[handleSelectServer()]] - code - src/features/instance-wizard/components/UserInstanceCreationWizard.tsx
- [[handleStartEdit()]] - code - src/components/tags/TagManagerModal.tsx
- [[handleTabChange()_1]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleToggleTag()_2]] - code - src/components/tags/TagSelector.tsx
- [[handleUpload()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[handleWebhookSaved()_1]] - code - src/features/config/components/InstanceSettingsCard.tsx
- [[index.tsx_8]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[invokeViaConvex()]] - code - src/lib/edge-function-client.ts
- [[isValidEmail()_1]] - code - src/features/user-management/lib/utils.ts
- [[loadCommonGroups()]] - code - src/features/group-detail/components/ParticipantInfoModal.tsx
- [[renderTabContent()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[requireAuthToken()]] - code - src/stores/useAuthStore.ts
- [[toUserShape()]] - code - src/features/user-management/components/UserEditDialog/index.tsx
- [[toggleGroupSelection()]] - code - src/features/group-detail/components/ParticipantMembershipInspector.tsx
- [[uploadAvatar()]] - code - src/features/user-management/lib/utils.ts
- [[utils.ts_2]] - code - src/features/user-management/lib/utils.ts

## Live Query (requires Dataview plugin)

```dataview
TABLE source_file, type FROM #community/Form_Handlers_UI
SORT file.name ASC
```

## Connections to other communities
- 2 edges to [[_COMMUNITY_Connection Dialogs]]
- 1 edge to [[_COMMUNITY_Convex Backend Core]]
- 1 edge to [[_COMMUNITY_Logger & Edge Dispatch]]
- 1 edge to [[_COMMUNITY_Admin Group Creation]]

## Top bridge nodes
- [[requireAuthToken()]] - degree 22, connects to 2 communities
- [[uploadAvatar()]] - degree 3, connects to 1 community
- [[invokeViaConvex()]] - degree 2, connects to 1 community