Note Editor Screen
Component Detail
Description
Full-screen Flutter composing interface for creating and updating notes linked to a specific contact. Supports free-text entry with basic formatting, visible focus indicators, and font scaling up to 200% for WCAG 2.2 AA compliance. Surfaces per-org contact terminology via the Organization Labels system in note metadata fields.
note-editor-screen
Sources & reasoning
The editor screen is the primary interaction surface for the feature. WCAG 2.2 AA constraints and the conditional STT button make it non-trivial UI. Organization Labels integration ensures contact terminology matches per-org configuration without hardcoding.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render full-screen text editor with basic formatting toolbar
- Display contact metadata using org-specific terminology from Organization Labels
- Show auto-save indicator and connectivity status
- Conditionally render speech-to-text dictation button based on module registry
- Enforce minimum 4.5:1 contrast ratio and 200% font scale without horizontal scroll
Interfaces
open(noteId: String?, contactId: String)
onTextChanged(text: String)
onSave()
onDiscard()
onSttToggle()
Relationships
Dependencies (3)
Components this component depends on
Related Data Entities (2)
Data entities managed by this component