Components Navigator

Navigatore rapido dei componenti del progetto, divisi tra Design System (src/lib) e componenti business (src/components).

Componenti di libreria (src/lib)

Componente	A cosa serve	Dove utilizzato
BadgeComponent	Mostra badge informativi (contatori/stato).	src/pages/table-users, src/pages/table-recruting, src/components/recruiting-detail/application-header, src/components/team-members-picker.
ButtonComponent	Gestisce azioni utente (pulsanti standard/icona).	Usato trasversalmente in pagine e componenti: src/pages/*, src/components/*, src/lib/* (es. src/pages/skills, src/components/info-card, src/lib/native-sidebar).
ChipComponent	Visualizza elementi sintetici a pillola.	src/components/member-card, src/components/team-card, src/components/recruiting-detail/related-application-card, src/pages/team-detail.
TagComponent	Rappresenta etichette di stato/categoria.	src/pages/table-users, src/pages/table-recruting, src/components/recruiting-detail/application-history-card, src/components/leave-absent-today, src/pages/faq.
CommonConfirmDialogComponent	Dialog di conferma riutilizzabile.	src/pages/businessunit, src/pages/positions, src/pages/recruing-detail, src/pages/team-detail, src/components/recruiting-detail/application-skills.
CommonLoaderComponent	Loader condiviso per stati di caricamento.	src/pages/teams-assigned, src/pages/teams-list, src/pages/businessunit, src/pages/positions, src/components/recruiting-detail/file-card, src/components/team-members-picker.
RichTextEditorComponent (app-rich-text-editor)	Editor HTML minimale (grassetto, corsivo, elenco puntato, link) basato su p-editor/Quill, wrappato con la stessa API di app-textarea (label, placeholder, helperText, disabled, fc, onChange).	Primo utilizzo previsto in src/pages/faq per l'editing di Content.description (in arrivo, altro agente in corso).

Componenti business (src/components)

Componente	A cosa serve	Dove utilizzato
BookmarkComponent	Gestisce marker visuali bookmark specifici del dominio app.	src/utils/component-lib-data.ts, src/models/components.ts (catalogo showcase componenti).
ChipAdditionComponent	Multi-select con aggiunta dinamica di nuovi valori.	src/components/businessunit-card, src/components/user-detail/skills-card, src/pages/team-detail, src/utils/component-lib-data.ts.
ToggleButtonComponent	Bottone toggle basato su comportamento applicativo custom.	src/utils/component-lib-data.ts, src/models/components.ts (catalogo showcase componenti).
AddSkillCardComponent	Form card per aggiunta skill.	src/pages/skills.
AnimatedHeaderComponent	Animazione/intestazione grafica header.	src/components/header.
CodeBlockComponent	Wrapper blocchi demo con snippet.	src/pages/components-ui.
CodeBlockHeaderComponent	Header del blocco codice demo.	src/components/code-block.
CodeBlockSnippetComponent	Rendering snippet e azioni sul codice.	src/components/code-block.
ComponentsLinksComponent	Indice/link interni della pagina componenti.	src/pages/components-ui.
DropdownMenuComponent	Menu a tendina dell’header desktop.	src/components/navbar-desktop.
DropLottieComponent	Animazione Lottie per overlay drag & drop upload.	src/pages/feedback-form.
FormInvalidFieldsComponent	Visualizzazione errori campi form.	src/components/* e src/pages/* form-driven (es. team-detail, feedback-form, signature-generator).
FormLabelFieldsComponent	Label/struttura campi form.	src/components/* e src/pages/* form-driven (es. team-detail, overtime-form, add-client-dialog).
HeaderComponent	Header della pagina login.	src/pages/login.
InfoCardComponent	Card informativa con dati team/utente. Supporta item di tipo text, tags, avatars, person, member-list. Input memberPositionsLoading (default false): quando true mostra uno skeleton al posto delle posizioni in ogni riga member-list.	src/pages/teams-list, src/pages/teams-assigned, src/components/projects-list, src/components/projects-assigned.
LeaveAbsentTodayComponent	Lista assenze del giorno.	src/pages/permissions.
LeaveTeamAbsencesComponent	Assenze team in vista permessi.	src/pages/permissions.
LeaveTimelineComponent	Timeline assenze/performance temporale.	src/pages/permissions.
LoaderComponent	Loader pagina login.	src/pages/login.
LoadingContentComponent	Stato loading riutilizzabile in sezioni business.	src/components/recruiting-detail/*, src/components/user-detail/*, src/pages/permissions, src/pages/faq, src/pages/team-detail.
MemberCardComponent	Card membro team/relazione.	src/components/team-members-picker, src/pages/team-detail.
MobileMenuComponent	Menu mobile dell’app.	src/components/navbar-mobile.
NavbarComponent	Navbar contenitore area autenticata.	src/pages/content.
NavbarDesktopComponent	Navbar desktop.	Import @components/... non rilevato.
NavbarMobileComponent	Navbar mobile.	Import @components/... non rilevato.
NotificationBannerComponent	Banner di notifica contestuale.	src/pages/teams-list, src/pages/recruing-detail.
PositionCardComponent	Card gestione posizione con azioni.	Import @components/... non rilevato.
ProjectCollaborationComponent	Card “Stato del progetto”: collaborazione, cliente e campi livello (business, people read-only, type, team seniority, supporto/interazione PO, operatività SM).	src/pages/project-detail.
ProjectCreateDialogComponent	Dialog creazione progetto (step info + membri); include i campi stato progetto editabili (no people).	src/components/projects-management.
BusinessunitCardComponent	Card gestione business unit con form/azioni.	Import @components/... non rilevato.
RecruitingDetail/*	Sotto-componenti dettaglio candidatura (header, info, files, notes, skills, history, related).	src/pages/recruing-detail (+ dipendenze interne tra sotto-componenti).
SeparatorSidebarInfoComponent	Separatore/info nel footer sidebar mobile.	src/components/sidebar.
SettingsListComponent	Lista azioni/settings utente.	src/components/dropdown-menu, src/components/sidebar.
SidebarComponent	Sidebar principale applicazione.	src/pages/dashboard, src/components/navbar-mobile.
SocialListComponent	Lista link social/contatti utente.	src/components/user-detail/user-header.
TeamAddMemberComponent	Dialog/sezione aggiunta membro al team.	src/pages/team-detail.
AvatarGroupComponent	Gruppo avatar membri (usa profileImage + pipe personAvatar).	Team card, info-card, team-detail projects, project history. Richiede profileImage dalle API team/project/leave.
TeamCardComponent	Card team in listing assegnazioni.	Nessun consumer attivo — src/pages/teams-assigned usa ora InfoCardComponent.
TeamCreateDialogComponent	Dialog creazione team.	Import @components/... non rilevato.
TeamMembersPickerComponent	Picker selezione membri team.	src/components/team-create-dialog, src/components/team-add-member.
TeamUpdateDialogComponent	Dialog aggiornamento team.	src/pages/team-detail.
UserDetail/*	Sotto-componenti dominio utente (header, general/personal info, skills, contracts, projects).	src/pages/user-detail (+ dipendenze interne).
WrapperExampleCardComponent	Wrapper demo card nella pagina componenti.	src/pages/components-ui.
WrapperExampleDialogComponent	Wrapper demo dialog nella pagina componenti.	Import @components/... non rilevato.
WrapperExampleNativeSidebarComponent	Wrapper demo native sidebar nella pagina componenti.	src/pages/components-ui.
WrapperExampleTabViewComponent	Wrapper demo tab-view.	Import @components/... non rilevato.
WrapperExampleTooltipComponent	Wrapper demo tooltip.	Import @components/... non rilevato.

Nota: i record con "Import @components/... non rilevato" non risultano referenziati via alias @components nei file src/**/*.ts al momento del controllo.