Component catalog

TreeSeed UI Components

One canonical index for reusable TreeSeed form elements and display components.

Stateful inputs

Form Elements

Button astro form Command and link button variants. FormActions astro form Action alignment for forms.

CheckboxField react form Theme-aware React checkbox form control. Field astro form Label, help, error, and control wrapper. TextField react form Theme-aware React text and textarea form control. TextInput astro form Theme-aware single-line input control. Textarea astro form Theme-aware multiline text input.

DynamicPieAllocationInput react form Interactive pie allocation form value editor.

MarkdownField astro form CodeMirror-enhanced Markdown field with preview mode. RichMarkdownEditor react form Rich MDXEditor-based Markdown and MDX editing surface.

PasswordMeter astro form Password strength indicator bound to a password input.

RadioGroup astro form Radio group with labels and option help. SelectField react form Theme-aware React select form control. Select astro form Theme-aware native select control.

ThemeMenu astro form Popup appearance selector menu. ThemeSelector astro form Color scheme and mode selector.

Information surfaces

Displays

ActionList astro display Actionable list rows with metadata. Badge astro display Compact status and category label. DataTable astro display Responsive tabular data. KeyValueList astro display Definition-list metadata display. MetricCard astro display Single operational metric card. MetricGrid astro display Responsive metric-card grid. StatusPill astro display Inline status with dot indicator.

Card astro display Reusable content or link card. EmptyState astro display Quiet empty state with optional actions. Panel astro display Section panel with header, actions, and body.

MonitoringChart react display Realtime monitoring line chart with synthetic polling. ProjectActivityChart react display Realtime project activity area chart with synthetic polling.

PageHeader astro display Page title, description, and actions.

ThemePreviewSwatch astro display Color scheme preview swatch.

AppShell astro display Full application shell layout. BottomNav astro display Mobile bottom navigation. ProjectHeader astro display Project context header with badges, actions, and tabs. PublicFooter astro display Public marketing footer. PublicShell astro display Full public site shell layout. RailNav astro display Application rail navigation. ShellIconLink astro display Icon-only shell utility link. TopBar astro display Brand and utility action bar.

ContentFieldHelp astro display Reusable ContentFieldHelp component copied into the TreeSeed UI library. DeleteConfirmationModal astro display Reusable DeleteConfirmationModal component copied into the TreeSeed UI library. HostCredentialPermissionNote astro display Reusable HostCredentialPermissionNote component copied into the TreeSeed UI library. LaunchRequirementSummary astro display Reusable LaunchRequirementSummary component copied into the TreeSeed UI library. PlainTable astro display Reusable PlainTable component copied into the TreeSeed UI library. ProjectControlNav astro display Reusable ProjectControlNav component copied into the TreeSeed UI library. RelatedContentCreator astro display Reusable RelatedContentCreator component copied into the TreeSeed UI library. TemplateHostRequirementPicker astro display Reusable TemplateHostRequirementPicker component copied into the TreeSeed UI library. TemplateResourceRequirementPicker astro display Reusable TemplateResourceRequirementPicker component copied into the TreeSeed UI library. TemplateSecretRequirementPanel astro display Reusable TemplateSecretRequirementPanel component copied into the TreeSeed UI library. WorkContentNav astro display Reusable WorkContentNav component copied into the TreeSeed UI library.

CapacityDiagnosticsPanel astro display Reusable CapacityDiagnosticsPanel component copied into the TreeSeed UI library. DeploymentTimeline astro display Reusable DeploymentTimeline component copied into the TreeSeed UI library. GovernanceDecisionPanel astro display Reusable GovernanceDecisionPanel component copied into the TreeSeed UI library. GovernancePolicySummary astro display Reusable GovernancePolicySummary component copied into the TreeSeed UI library. KnowledgeArtifactCard astro display Reusable KnowledgeArtifactCard component copied into the TreeSeed UI library. OperationalTimeline astro display Reusable OperationalTimeline component copied into the TreeSeed UI library. RepositoryContextPanel astro display Reusable RepositoryContextPanel component copied into the TreeSeed UI library. SeedOperationsPanel astro display Reusable SeedOperationsPanel component copied into the TreeSeed UI library. WorkerQueuePanel astro display Reusable WorkerQueuePanel component copied into the TreeSeed UI library.

SensitiveDataUnlock astro display Reusable SensitiveDataUnlock component copied into the TreeSeed UI library.

AuthCard astro display Reusable AuthCard component copied into the TreeSeed UI library. AuthDivider astro display Reusable AuthDivider component copied into the TreeSeed UI library. AuthShell astro display Reusable AuthShell component copied into the TreeSeed UI library. ProviderButtonList astro display Reusable ProviderButtonList component copied into the TreeSeed UI library.

ContentStatusLegend astro display Reusable ContentStatusLegend component copied into the TreeSeed UI library. StatusBadge astro display Reusable StatusBadge component copied into the TreeSeed UI library.

DevWatchReload astro display Reusable DevWatchReload component copied into the TreeSeed UI library. SiteTitle astro display Reusable SiteTitle component copied into the TreeSeed UI library.

BookFontControls astro display Reusable BookFontControls component copied into the TreeSeed UI library. DesktopSidebarToggle astro display Reusable DesktopSidebarToggle component copied into the TreeSeed UI library. DownloadBook astro display Reusable DownloadBook component copied into the TreeSeed UI library. Footer astro display Reusable Footer component copied into the TreeSeed UI library. Header astro display Reusable Header component copied into the TreeSeed UI library. PageFrame astro display Reusable PageFrame component copied into the TreeSeed UI library. PageSidebar astro display Reusable PageSidebar component copied into the TreeSeed UI library. PageTitle astro display Reusable PageTitle component copied into the TreeSeed UI library. Sidebar astro display Reusable Sidebar component copied into the TreeSeed UI library. ThemeSelect astro display Reusable ThemeSelect component copied into the TreeSeed UI library.

ContactForm astro display Reusable ContactForm component copied into the TreeSeed UI library. FooterSubscribeForm astro display Reusable FooterSubscribeForm component copied into the TreeSeed UI library.

AuthoredEntryLayout astro display Reusable AuthoredEntryLayout component copied into the TreeSeed UI library. BookLayout astro display Reusable BookLayout component copied into the TreeSeed UI library. BridgeLayout astro display Reusable BridgeLayout component copied into the TreeSeed UI library. ContentLayout astro display Reusable ContentLayout component copied into the TreeSeed UI library. MainLayout astro display Reusable MainLayout component copied into the TreeSeed UI library. NoteLayout astro display Reusable NoteLayout component copied into the TreeSeed UI library. ProfileLayout astro display Reusable ProfileLayout component copied into the TreeSeed UI library. AppLayout astro display Reusable AppLayout component copied into the TreeSeed UI library. PublicLayout astro display Reusable PublicLayout component copied into the TreeSeed UI library.

ProductCard astro display Reusable ProductCard component copied into the TreeSeed UI library.

BookList astro display Reusable BookList component copied into the TreeSeed UI library. CTASection astro display Reusable CTASection component copied into the TreeSeed UI library. ChronicleList astro display Reusable ChronicleList component copied into the TreeSeed UI library. Hero astro display Reusable Hero component copied into the TreeSeed UI library. NotesList astro display Reusable NotesList component copied into the TreeSeed UI library. PathCard astro display Reusable PathCard component copied into the TreeSeed UI library. ProfileList astro display Reusable ProfileList component copied into the TreeSeed UI library. PublishedContentBody astro display Reusable PublishedContentBody component copied into the TreeSeed UI library. RouteNotFound astro display Reusable RouteNotFound component copied into the TreeSeed UI library. SectionIntro astro display Reusable SectionIntro component copied into the TreeSeed UI library. StageBanner astro display Reusable StageBanner component copied into the TreeSeed UI library. TrustCallout astro display Reusable TrustCallout component copied into the TreeSeed UI library.