Component Usage Audit

This audit counts source files that import each component. “Used once” means a component file is imported by exactly one source file; the exported component may still be rendered multiple times inside that importer.

Consolidated route-specific components

The following one-importer files were removed from the shared components directory:

Previous component	New location
`components/LinkCard.tsx`	Static link-list rendering is in `app/page.tsx`.
`components/link-carousel.tsx`	The interactive boundary is in `app/client.tsx`.
`components/admin-form-editor-parts.tsx`	`SortableQuestion` is in `app/admin/form/[id]/client.tsx`; `SaveStatusIndicator` is now shared.
`components/form-admin-sidebar.tsx`	`app/admin/form/[id]/sidebar-client.tsx`
`components/login-dialog.tsx`	`app/form/client.tsx`
`components/results-filters.tsx`	`app/admin/form/[id]/result/client.tsx`
`components/space-background.tsx`	Removed because the homepage already renders its background directly and the component had no imports.

These route client files remain separate where hooks, event handlers, or browser APIs require a narrow Next.js client boundary.

Shared component created from duplicated code

components/save-status-indicator.tsx is imported by all three autosaving admin clients:

This replaced three nearly identical SaveStatusIndicator implementations.

Remaining one-importer shared components

Component	Why it remains shared
`components/admin-shell.tsx`	It is transitively used by five admin routes through `admin-shell-server.tsx` and provides the client half of a server/client boundary.
`components/formatted-text.tsx`	It is generic and rendered twice by the public form client.
`components/guarded-link.tsx`	It is generic autosave-safe navigation and is rendered repeatedly by the form admin sidebar.
`components/page-progress.tsx`	It is intentionally a root-layout singleton.
`components/rich-text-editor.tsx`	It is a generic editor control, rendered twice, and kept behind a dynamic client import.
`components/theme-provider.tsx`	It is intentionally a root-layout provider singleton.

One-importer shadcn primitives

The following design-system primitives each currently have one importer:

These remain in components/ui because they are design-system primitives rather than feature components.

Remaining reuse opportunity

components/guarded-link.tsx protects navigation while autosaves are pending, but the back, previous, and next submission links in app/admin/form/[id]/result/[submissionId]/page.tsx still use ordinary links. Those links should use GuardedLink if pending note saves must always finish before navigation.

4.0 KiB Raw Blame History