Components

The return affordance. Icon-only below md, labelled above it.

The primary action control. Seven variants and four sizes, including the convex white fill that carries BTS's primary affordance.

The rounded filter chip used above lists. Built on the .filter-pill custom class.

A two-state button. Pressed state is visual only — it does not submit.

A set of toggles behaving as one control, single- or multiple-select.

Collapsible sections, single or multiple open. Carries a BTS-only hideChevron prop.

Constrains content to a fixed ratio. A pure re-export.

The standard surface. Header, title, description, content and footer.

Unstyled show/hide. Brings no chrome of its own.

Draggable split panes, horizontal or vertical, with an optional grip handle.

A styled scroll container with the BTS thin scrollbar.

A one-pixel rule, horizontal or vertical, decorative or semantic.

The application shell navigation — 23 exports covering the rail, the collapsed icon state and the mobile drawer.

AddFormModal — exported from the library at `src/components/forms/AddFormModal.tsx`. Awaiting a written description.

A centered footer of legal and account links shown beneath authentication forms.

The top bar for authentication pages, combining the BTS logo, a menu toggle, and login/signup mode switches.

Date selection — single, range or multiple.

Binary choice, with a BTS-added indeterminate state.

The command palette — filtered list, groups and a shortcut column.

FormAnalyticsCard — exported from the library at `src/components/forms/FormAnalyticsCard.tsx`. Awaiting a written description.

FormAnswerView — exported from the library at `src/components/forms/FormAnswerView.tsx`. Awaiting a written description.

FormBuilder — exported from the library at `src/components/forms/FormBuilder.tsx`. Awaiting a written description.

FormDetailHeader — exported from the library at `src/components/forms/FormDetailHeader.tsx`. Awaiting a written description.

FormDetailsSidebar — exported from the library at `src/components/forms/FormDetailsSidebar.tsx`. Awaiting a written description.

FormResponsesSection — exported from the library at `src/components/forms/FormResponsesSection.tsx`. Awaiting a written description.

FormSettingsPanel — exported from the library at `src/components/forms/FormSettingsPanel.tsx`. Awaiting a written description.

FormToolbarPreview — exported from the library at `src/components/forms/FormToolbarPreview.tsx`. Awaiting a written description.

FormsHeader — exported from the library at `src/components/forms/FormsHeader.tsx`. Awaiting a written description.

FormsTable — exported from the library at `src/components/forms/FormsTable.tsx`. Awaiting a written description.

A select whose options carry an icon, a label and a description line.

The single-line text field. 48px tall on mobile, 40px on desktop.

Segmented one-time-code entry with a blinking caret.

The field label, with peer-disabled handling.

PhoneFieldInput — exported from the library at `src/components/forms/PhoneFieldInput.tsx`. Awaiting a written description.

International phone entry with a country selector. Exports PHONE_COUNTRIES alongside it.

QuestionInput — exported from the library at `src/components/forms/QuestionInput.tsx`. Awaiting a written description.

One choice from a set.

The dropdown picker. BTS removed the check indicator — selection reads via focus.

A value along a range, single thumb or two.

An immediate on/off. Track and thumb both resize below md.

The multi-line field.

An inline message with optional icon, title and description.

A small status or count marker. The default variant uses the gradient .badge-primary fill.

EmptyAboutDisplay — exported from the library at `src/components/empty-states/EmptyAbout.tsx`. Awaiting a written description.

EmptyChart — exported from the library at `src/components/empty-states/EmptyAnalytics.tsx`. Awaiting a written description.

EmptyContacts — exported from the library at `src/components/empty-states/EmptyContacts.tsx`. Awaiting a written description.

EmptyPosts — exported from the library at `src/components/empty-states/EmptyPosts.tsx`. Awaiting a written description.

EmptyStore — exported from the library at `src/components/empty-states/EmptyStore.tsx`. Awaiting a written description.

Determinate completion along a bar.

The loading placeholder — block, line, circle and stacked forms.

The sonner toast host, exported as SonnerToaster to avoid colliding with the Radix one.

A transient message anchored top on mobile, bottom-right from sm up.

The Radix toast host. Renders whatever toasts it is given.

A label on hover or focus. BTS defaults to an instant open.

Upload state as a persistent toast — progress, success and error.

A person or space, as an image with initial and icon fallbacks.

A swipeable track, horizontal or vertical, with arrow controls.

The Recharts wrapper — themed container, tooltip and legend.

The twenty BTS glyphs the product ships — navigation marks, state icons and the toggles that have no Lucide equivalent.

Full-screen image and video viewing, portalled above the app.

A frosted label that sits over media. The smallest component in the system.

The trail back up the hierarchy, with ellipsis collapsing.

A persistent horizontal menu bar with submenus and shortcuts.

Top-level navigation with hover panels. Stacks on mobile, absolute on desktop.

Page-by-page movement through a long list.

Sibling views within one screen.

A modal that demands a decision before it will close.

The right-click menu.

The modal surface. Supports stacking and a borderless variant.

The mobile bottom sheet, with drag-to-dismiss and background scaling.

The action menu. BTS adds first-class icon and shortcut props.

Rich preview content on hover.

The filter drawer shown below md. Renders nothing at all on desktop, where filters live inline.

A small floating panel anchored to a trigger.

A panel that slides in from any edge.

AddContactModal — exported from the library at `src/components/contacts/AddContactModal.tsx`. Awaiting a written description.

ContactFormResponseView — exported from the library at `src/components/contacts/ContactFormResponseView.tsx`. Awaiting a written description.

ContactTypeFilterPopover — exported from the library at `src/components/contacts/ContactTypeFilterPopover.tsx`. Awaiting a written description.

ContactsHeader — exported from the library at `src/components/contacts/ContactsHeader.tsx`. Awaiting a written description.

ContactsTable — exported from the library at `src/components/contacts/ContactsTable.tsx`. Awaiting a written description.

LocationFilterPopover — exported from the library at `src/components/contacts/LocationFilterPopover.tsx`. Awaiting a written description.

RolesFilterPopover — exported from the library at `src/components/contacts/RolesFilterPopover.tsx`. Awaiting a written description.

The dense record view — header, body, footer, caption and selection.

TierFilterPopover — exported from the library at `src/components/contacts/TierFilterPopover.tsx`. Awaiting a written description.

A dashboard card that visualizes checkout drop-off across started sessions, OTP authentication, and payment outcomes as a shaded step funnel with a stat row above it.

A dashboard card that presents a titled, scrollable list of items with avatars or source icons, secondary metadata, and optional badges.

A card title with an explanatory tooltip beside it.

The stat-row variant of InfoTitle, sized for the bare stat card.

A dashboard card showing new-customer counts over time as a bar chart, with a headline total and period-over-period change.

A dashboard card showing revenue over time as an area chart, with a headline total, change indicator, and dollar-formatted tooltips.

A single metric with its label and change. Two variants: the bordered card and a bare form for stat rows.

The top bar for creator/admin pages, switching between a default toolbar, a rich-text editor toolbar, and a settings header depending on the page mode.

A collapsible sidebar section that lists a space's custom channels and lets members add new ones.

The site footer shown beneath page content, with a BTS logo link, legal links, and a "Create a space" link.

The padded content column every creator screen renders into.

A loading placeholder that mirrors the shape of the page it's replacing, with dedicated layouts for post feeds, product grids, contact tables, and analytics dashboards.

A sidebar navigation list for the creator area, linking to Analytics, Transactions, Contacts, and Products.

The sticky header for creator views, showing the active space name, an admin mode toggle, and a slot for page-specific actions and a refresh control.

A confirmation dialog warning that a link will open outside BTS before the user leaves the app.

A two-layer sharing popover for a page or channel that combines access control, link copying, and member or email invites.

The persistent left sidebar for switching between spaces, messages, and the user's own account menu.

A dismissible sidebar banner that surfaces a space's live or imminent event, pulsing red while live and amber with a countdown in the 30 minutes before it starts.

The shell that arranges left navigation, the admin or member sidebar, the admin toolbar, and page content for every creator space route.

A header for member-facing space pages showing the space icon, name, creator, member avatars, and a join button or actions menu.

A site footer for member-facing pages with links to Privacy, Terms, and Community guidelines plus a control to launch the create-space wizard.

A minimal page shell for member-facing routes that stacks the admin toolbar, main content, and the member footer.

The navigation sidebar shown to space members, listing pages and channels filtered by visibility, permission tier, and join status.

The sidebar header for a BTS space, showing its icon and name and acting as the switcher between direct messages and other spaces.

Shell for the messaging surface that pairs the left space-switcher nav with the conversation sidebar and thread area, adapting to inbox and thread views on mobile.

Sticky header shown to visitors browsing a space they haven't joined, pairing a short notice with a join action.

The collapsible "Pages" list in the sidebar that links to a space's About, Posts, and Store pages with a per-page settings menu.

Top bar that appears while an admin is viewing a space as a visitor or member, showing who they're viewing as and letting them switch roles or exit.

Bordered device-frame wrapper for visitor-preview content, topped by the preview banner so the simulated view stays visually contained.

Standard page layout for profile screens, combining the left nav, an optional sticky header, a centered content column, and the footer.

A collapsible group of rail items, with its own disclosure chevron.

SidebarCollectionSection — exported from the library at `src/components/layout/sidebar/SidebarCollectionSection.tsx`. Awaiting a written description.

SidebarManagedNavItem — exported from the library at `src/components/layout/sidebar/SidebarManagedNavItem.tsx`. Awaiting a written description.

SidebarMobileSearch — exported from the library at `src/components/layout/sidebar/SidebarMobileSearch.tsx`. Awaiting a written description.

A single rail item — icon, label, active state. Built on the .nav-item custom class.

SpaceSidebar — exported from the library at `src/components/layout/SpaceSidebar.tsx`. Awaiting a written description.

The primary header for authenticated app views, showing the current brand or page title alongside member avatars, an admin-mode toggle, and quick actions.

The sticky top header shown to signed-out visitors, pairing the BTS logo and a menu toggle with sign up and log in buttons.

The page shell for signed-out visitors that arranges the mobile sidebar menu, header, main content, and footer around the current route.

The full-height mobile menu for signed-out visitors, combining space search, a space-details accordion, and navigation to public pages and channels.

A horizontal tab bar listing public pages and channels for signed-out visitors to switch between space sections.

A slide-in navigation menu shown to signed-out visitors, presented as a fullscreen overlay on mobile or narrow viewports and a push-in panel on desktop, linking to the unauthenticated space view and Fortuna One.

The header bar for a space's public, signed-out view, showing the space icon and name alongside a Join space button and an overflow menu.

A sticky header for the Analytics page that displays the current date range and exposes refresh and export actions.

Two-calendar range picker for the Custom preset.

The preset list and calendar behind the reporting date control. Exports its presets, labels and resolver.

The compact date-range trigger used below md.

CartModeChooserModal — exported from the library at `src/components/checkout-links/CartModeChooserModal.tsx`. Awaiting a written description.

CheckoutAccountCard — exported from the library at `src/components/checkout/CheckoutAccountCard.tsx`. Awaiting a written description.

CheckoutBusinessDetails — exported from the library at `src/components/checkout/CheckoutBusinessDetails.tsx`. Awaiting a written description.

CheckoutBuyerDetails — exported from the library at `src/components/checkout/CheckoutBuyerDetails.tsx`. Awaiting a written description.

CheckoutCardForm — exported from the library at `src/components/checkout/CheckoutCardForm.tsx`. Awaiting a written description.

CheckoutEmailVerification — exported from the library at `src/components/checkout/CheckoutEmailVerification.tsx`. Awaiting a written description.

CheckoutField — exported from the library at `src/components/checkout/CheckoutField.tsx`. Awaiting a written description.

CheckoutLineItem — exported from the library at `src/components/checkout/checkout-line-items.ts`. Awaiting a written description.

CheckoutLinkActivitySection — exported from the library at `src/components/checkout-links/CheckoutLinkActivitySection.tsx`. Awaiting a written description.

CheckoutLinkAnalyticsCard — exported from the library at `src/components/checkout-links/CheckoutLinkAnalyticsCard.tsx`. Awaiting a written description.

CheckoutLinkDetailHeader — exported from the library at `src/components/checkout-links/CheckoutLinkDetailHeader.tsx`. Awaiting a written description.

CheckoutLinkDetailsSidebar — exported from the library at `src/components/checkout-links/CheckoutLinkDetailsSidebar.tsx`. Awaiting a written description.

CheckoutLinkSummary — exported from the library at `src/components/checkout-links/CheckoutLinkEditor.tsx`. Awaiting a written description.

CheckoutLinkPreview — exported from the library at `src/components/checkout-links/CheckoutLinkPreview.tsx`. Awaiting a written description.

CheckoutLinkPreviewCard — exported from the library at `src/components/checkout-links/CheckoutLinkPreviewCard.tsx`. Awaiting a written description.

CheckoutLinkInterval — exported from the library at `src/components/checkout-links/checkout-link-types.ts`. Awaiting a written description.

CheckoutLinksEmptyState — exported from the library at `src/components/checkout-links/CheckoutLinksEmptyState.tsx`. Awaiting a written description.

CheckoutLinksHeaderMenuItems — exported from the library at `src/components/checkout-links/CheckoutLinksHeader.tsx`. Awaiting a written description.

CheckoutLinksTable — exported from the library at `src/components/checkout-links/CheckoutLinksTable.tsx`. Awaiting a written description.

CheckoutModal — exported from the library at `src/components/checkout/CheckoutModal.tsx`. Awaiting a written description.

CheckoutPaymentCard — exported from the library at `src/components/checkout/CheckoutPaymentCard.tsx`. Awaiting a written description.

CheckoutProductSummary — exported from the library at `src/components/checkout/CheckoutProductSummary.tsx`. Awaiting a written description.

CheckoutSaveInfo — exported from the library at `src/components/checkout/CheckoutSaveInfo.tsx`. Awaiting a written description.

CheckoutSavedMethod — exported from the library at `src/components/checkout/CheckoutSavedMethod.tsx`. Awaiting a written description.

CheckoutSoldOutStep — exported from the library at `src/components/checkout/CheckoutSoldOutStep.tsx`. Awaiting a written description.

CheckoutStatusBadge — exported from the library at `src/components/checkout/CheckoutStatusBadge.tsx`. Awaiting a written description.

CheckoutSummaryPanel — exported from the library at `src/components/checkout/CheckoutSummaryPanel.tsx`. Awaiting a written description.

MembershipAllocationModal — exported from the library at `src/components/checkout/MembershipAllocationModal.tsx`. Awaiting a written description.

The payment-method mark. Exports PAYMENT_TYPES and a resolver from card id to type.

Payment logos — exported from the library at `src/components/payment/payment-logos.ts`. Awaiting a written description.

PaymentsNotSetUpModal — exported from the library at `src/components/checkout/PaymentsNotSetUpModal.tsx`. Awaiting a written description.

PostPurchaseConfirmationModal — exported from the library at `src/components/checkout/PostPurchaseConfirmationModal.tsx`. Awaiting a written description.

The refund sheet for a transaction, rendered as a dialog on desktop and a bottom drawer on mobile, covering amount, reason, and which items lose access.

StatusFilterPopover — exported from the library at `src/components/checkout-links/StatusFilterPopover.tsx`. Awaiting a written description.

The header bar for a transaction detail page, showing the transaction number, status badge, and the actions available for that status.

Lists every line item a buyer paid for on a transaction detail page, showing a thumbnail, name, item-type pill, and unit price for each row.

Displays the money breakdown on a transaction detail page, walking from subtotal through discount and fees down to the creator's net payout.

A set of four cards for the sidebar of a transaction detail page: transaction info and payment method, buyer contact details, acquisition source, and a standalone payment-method card.

Succeeded, refunded, partially refunded or disputed, with an explanatory tooltip.

Renders the audit trail of a transaction as a vertical list of events joined by a dashed rail, from payment authorization through refunds or disputes.

TransactionItemType — exported from the library at `src/components/transactions/transaction-types.ts`. Awaiting a written description.

TransactionsTable — exported from the library at `src/components/transactions/TransactionsTable.tsx`. Awaiting a written description.

Filters a product list by the layer it belongs to.

Recent transactions for one product.

Per-product performance figures, with defaults supplied for the prototype.

The metadata rail on a product detail screen — price, dates, access.

Title, share URL and actions above the product editor.

The compact product tile used in pickers and previews.

Filters by product kind. Exports its option set.

The product management table — desktop grid and a stacked mobile list from the same rows.

The full-screen editor shell for creating or editing a store product, switching between a type-specific form layout and a live device preview.

The six-card product type chooser, with search and a suggestion when nothing matches.

Lesson playback with the module outline beside it.

The post-registration event screen — countdown, attendees and calendar links.

The product description, with a heading that changes by product kind. Returns null when empty.

The storefront tile. Five product types by three pricing models, with an optional layer action menu.

The rich-text renderer behind the about section — bold, headings, lists.

The product screen header, with an optional completion ring.

Price, host, dates and the call to action on a product page.

Cover imagery with thumbnails, price and type pills over the media.

The row form of ProductCard, for the store's list view. Exports the media type labels.

Title and controls above a product grid.

The storefront header, with grid and list view toggles and an overflow menu.

Picks products to attach to something else, filtered by title.

What a member sees once a product is unlocked, by file type.

The rich-text description editor and its text styles.

Expiry and the less common settings.

Title and summary, with rotating placeholder copy.

The course variant of the editor shell, with the module outline in place of sections.

Module and lesson management for a course.

The read-only outline shown to a prospective buyer.

Drip, access and completion rules for a course.

Date, time, repeat and location for an event product.

Cover and gallery upload. Exports the product types that can carry unlockable media.

Pricing model and recurring interval.

Detail fields whose labels change by product kind.

The device-framed live preview shown inside the product editor when an operator toggles preview mode.

The editor shell — sidebar, section column and live preview.

The live storefront preview beside the editor. Exports its price and CTA formatters.

Section navigation for the editor. Exports the empty form state it starts from.

Access and expiry for a standard product.

Upload and crop for the promotional still.

How a service is delivered — sessions, turnaround, submission and deliverable method.

Booking and scheduling rules for a service.

Video by upload or by URL, with a thumbnail resolver.

Who can see the product, with a description per option.

An editable membership tier card covering its name, description, pricing model, optional free trial, and tags, used by the space access settings screen.

AccountEditProfile — exported from the library at `src/components/account/AccountEditProfile.tsx`. Awaiting a written description.

AccountNotifications — exported from the library at `src/components/account/AccountNotifications.tsx`. Awaiting a written description.

AccountPaymentMethods — exported from the library at `src/components/account/AccountPaymentMethods.tsx`. Awaiting a written description.

AccountPurchases — exported from the library at `src/components/account/AccountPurchases.tsx`. Awaiting a written description.

AccountSettingsSidebar — exported from the library at `src/components/account/AccountSettingsSidebar.tsx`. Awaiting a written description.

The "Connected account" card shown under an analytics pane's header, displaying the authenticated login, an account picker, and a disconnect action.

The top bar of an analytics integration pane: a back button, the platform's logo in a tinted chip, its name, and an optional live-connection dot.

The manage pane for an ad-platform analytics integration, covering connection status, the linked ad account, an event-sync matrix, and the disconnect action.

AppCard — exported from the library at `src/components/apps/AppCard.tsx`. Awaiting a written description.

AppDetailHeader — exported from the library at `src/components/apps/AppDetailHeader.tsx`. Awaiting a written description.

AppInfoBar — exported from the library at `src/components/apps/AppInfoBar.tsx`. Awaiting a written description.

AppsHeader — exported from the library at `src/components/apps/AppsHeader.tsx`. Awaiting a written description.

A configurable dialog that walks an operator through connecting an analytics platform to a Space, showing the platform name, a one-line pitch, and a single branded connect button.

A three-step dialog for connecting an external website to BTS analytics: enter the URL, add DNS records, then install a framework-specific SDK snippet and verify.

Connect website snippets — exported from the library at `src/components/settings/connect-website-snippets.ts`. Awaiting a written description.

A one-screen dialog for quickly creating a discount code, covering code, value, an apply-to item picker, and usage-limit and expiry toggles.

The destructive action panel, with an optional type-to-confirm gate before it will fire.

A text field with a calendar popover, tolerant of loose typing.

The full-screen discount builder that switches its section cards, form fields, and a live summary sidebar based on discount kind: amount off products, buy X get Y, or amount off order.

The inline selector, backed by a modal, used everywhere a discount needs to specify which tiers, products, checkout links, or discount codes it applies to.

A dialog offering the three discount kinds a space can create, so an operator can pick one before entering the full editor.

A fixed-copy dialog for connecting a Google Analytics 4 account, pairing the GA4 mark with a description of the property import and event-forwarding it enables.

The manage pane for a Google Analytics 4 integration, covering the connect/disconnect flow, the connected-account banner, and a configuration card for website domain and measurement ID.

A GA4 settings pane wired to mock account and domain data, handling connect/disconnect, property selection, and configuration of website domain and measurement ID.

A card for one connected GoHighLevel account, showing a renameable label above two collapsible switch groups for data sync settings and member event triggers.

A list of saved GoHighLevel API key connections, each shown as a renameable label with a delete affordance and a masked key string.

The "Connect GoHighLevel" dialog for entering a GoHighLevel Private Integration API key, with a docs link and a Connect action gated on the field having content.

A two-step confirmation dialog for removing a saved GoHighLevel API key, warning about disrupted syncs before requesting a six-digit emailed verification code.

A fixed-copy dialog for connecting a Google Ads account, pairing the Google mark with a description of the conversion tracking it enables.

A settings panel for managing a Space's Google Ads connection, showing the linked ad account and which events and fields sync to it.

Edit a name in place: display until invited to edit, then a field, with optional delete.

Who can see a layer — public, link, members, a named tier, or invite only.

A dialog that walks a user through authorizing a LinkedIn Campaign Manager account for conversion tracking and audience insights.

A settings panel for managing a Space's LinkedIn Ads connection, showing the linked ad account and which events and fields sync to it.

A dialog that walks a user through authorizing a Meta Business account for pixel tracking and Conversions API access.

A settings panel for managing a Space's Meta connection, showing the linked ad account and which events and fields sync to it.

PurchaseAllocationsView — exported from the library at `src/components/account/PurchaseAllocationsView.tsx`. Awaiting a written description.

PurchaseTierUpgradeView — exported from the library at `src/components/account/PurchaseTierUpgradeView.tsx`. Awaiting a written description.

The twelve role glyphs, with a fallback for an unknown id. Exports the id list and map.

The Access pane of space settings, combining a public/private visibility chooser with a stack of access-tier cards and a Save/Cancel action row.

The Admins settings pane where space owners invite people by email and manage the list of everyone who currently holds full permissions.

The Analytics settings pane listing tracking pixels and conversion APIs (Meta, TikTok, Google, GA4, LinkedIn) a space can connect, plus a callout for linking an external website.

A router that opens the dedicated management screen for a connected tracking pixel — Meta, Google, GA4, LinkedIn, or TikTok — based on the selected pixel's id.

A router that opens the management view for an installed app, using a dedicated GoHighLevel screen when that app is selected and a generic placeholder for every other app.

The Apps settings pane listing every app installed into a space, with its icon, type badge, tagline, and an overflow menu for managing or uninstalling it.

Renders a space's invoice history as a paginated desktop table or an unpaginated stacked list on mobile, with a dedicated empty state for spaces that have never paid.

The Details pane of space settings for editing a space's cover photo, icon, name, short description, and URL slug behind a Save/Cancel pair.

A read-only detail pane for a single saved discount, showing its code, type, value, applied scope, status, and creation date plus a usage count.

The Discounts pane of space settings, listing discount codes in a filterable, selectable, paginated table with search, bulk delete, and row-level edit/delete/copy actions.

The GoHighLevel integration settings screen, switching between a connect pitch and a connected panel with a sync-events accordion and a disconnect danger zone.

The Manage pane of space settings, holding the single irreversible action of permanently deleting a space and all of its contents.

The Notifications pane of space settings, listing the sending-domain block plus two switch groups for member-facing and operator-facing emails.

The Payment methods pane of space settings, showing saved cards with a default badge, a per-card action menu, and an add-card dialog.

The Payouts pane of space settings, combining a balance card with a withdraw action and a paginated history of past withdrawals.

The Bank details screen behind Payouts, presenting a labelled form of account holder, bank name, and masked account and routing numbers.

A two-card comparison of the Free and Pro subscription tiers for a BTS space, showing the active plan, pricing, and the upgrade or downgrade action.

SettingsRoleFolder — exported from the library at `src/components/settings/SettingsRoleFolder.tsx`. Awaiting a written description.

The role editor for a BTS space, letting an admin set a role's name, icon, and colour, toggle its permissions, and assign or remove members across three tabs.

The roles list for a BTS space, with a search field, a create-role button, and a table of existing roles showing each role's icon, colour, and member count.

A stack of label, description and control rows — the body of a settings section, at two densities.

The title, description and actions above a block of settings. The unit every settings screen is stacked from.

The sending-domain block in space notification settings, covering the sender-address field, a collapsible DNS authentication table, and dialogs for sending a test email or getting DNS help.

The left-rail navigation for the BTS space-settings modal, showing the space identity above a menu of setting panes.

The Custom website screen under Settings → Apps, showing either a connect prompt or the list of domains linked to a space for visitor analytics.

The full space settings modal, covering every tab (details, access, analytics, admins, roles, notifications, discounts, payouts, plan, payment, billing, apps, manage) with its own responsive layout.

Page controls beneath a table. Hides itself entirely when there is nothing to page through.

A confirmation dialog that lets an operator connect a TikTok for Business account to enable pixel tracking and the Events API for a Space.

The full TikTok integration panel in Settings, covering account connection, ad account selection, and which activity, lifecycle events, and data fields sync to TikTok.

Half-hour time selection, auto-scrolled to the current value.

The share sheet — copyable link, preview card and platform targets.

The seven platform marks the share sheet uses, plus the platform list itself.

AboutHeader — exported from the library at `src/components/about/AboutHeader.tsx`. Awaiting a written description.

A placeholder view shown in the activity feed before any member interactions have occurred, pairing a faded skeleton preview of activity rows with a short explanatory message.

A row of underline tabs for switching between activity categories (All, Transactions, Messages, Insights, Interactions), paired with an overflow menu for read status and mute controls.

A simple wrapper that renders a list of ActivityItem rows for a set of activities, or nothing if the list is empty.

The sticky page header for the transactions/activity view, showing the section title, a formatted transaction count, and a menu to mute or unmute transaction notifications.

A single clickable row in the activity feed that renders an avatar or type icon, a description of what happened, and a relative timestamp, with the description and destination link varying by activity type.

AddChannelModal — exported from the library at `src/components/channels/AddChannelModal.tsx`. Awaiting a written description.

AddFeatureModal — exported from the library at `src/components/features/AddFeatureModal.tsx`. Awaiting a written description.

AddPageModal — exported from the library at `src/components/pages/AddPageModal.tsx`. Awaiting a written description.

A popover with a dollar-prefixed input for filtering activity records by transaction amount, adapting to a mobile sheet on small screens.

BlockEditor — exported from the library at `src/components/editor/block-editor/BlockEditor.tsx`. Awaiting a written description.

CalendarDayView — exported from the library at `src/components/calendar/CalendarDayView.tsx`. Awaiting a written description.

CalendarEventCreateStub — exported from the library at `src/components/calendar/CalendarEventCreateStub.tsx`. Awaiting a written description.

CalendarEventDetailModal — exported from the library at `src/components/calendar/CalendarEventDetailModal.tsx`. Awaiting a written description.

CalendarEventSelectorModal — exported from the library at `src/components/calendar/CalendarEventSelectorModal.tsx`. Awaiting a written description.

CalendarHeader — exported from the library at `src/components/calendar/CalendarHeader.tsx`. Awaiting a written description.

CalendarLayerView — exported from the library at `src/components/calendar/CalendarLayerView.tsx`. Awaiting a written description.

CalendarPage — exported from the library at `src/components/calendar/CalendarPage.tsx`. Awaiting a written description.

CancelSubscriptionModal — exported from the library at `src/components/subscriptions/CancelSubscriptionModal.tsx`. Awaiting a written description.

ChannelBeginning — exported from the library at `src/components/channels/ChannelBeginning.tsx`. Awaiting a written description.

ChannelHeader — exported from the library at `src/components/channels/ChannelHeader.tsx`. Awaiting a written description.

ChannelMessage — exported from the library at `src/components/channels/ChannelMessage.tsx`. Awaiting a written description.

ChannelMessageBox — exported from the library at `src/components/channels/ChannelMessageBox.tsx`. Awaiting a written description.

ChannelSettingsSheet — exported from the library at `src/components/channels/ChannelSettingsSheet.tsx`. Awaiting a written description.

ChannelSettingsView — exported from the library at `src/components/channels/ChannelSettingsView.tsx`. Awaiting a written description.

CollectionModal — exported from the library at `src/components/collections/CollectionModal.tsx`. Awaiting a written description.

ConversationItem — exported from the library at `src/components/messages/ConversationItem.tsx`. Awaiting a written description.

CreatePostPanel — exported from the library at `src/components/posts/CreatePostPanel.tsx`. Awaiting a written description.

CreateSpaceWizard — exported from the library at `src/components/space/CreateSpaceWizard.tsx`. Awaiting a written description.

A popover with a text input for filtering activity records by customer name or email, adapting to a mobile sheet on small screens.

DateSeparator — exported from the library at `src/components/channels/DateSeparator.tsx`. Awaiting a written description.

A popover combining a calendar date picker and a typed time field for filtering activity records by a specific date and time.

Wraps a preview in a desktop or mobile device frame.

DMBeginning — exported from the library at `src/components/messages/DMBeginning.tsx`. Awaiting a written description.

DMHeader — exported from the library at `src/components/messages/DMHeader.tsx`. Awaiting a written description.

DMMessageBox — exported from the library at `src/components/messages/DMMessageBox.tsx`. Awaiting a written description.

EditProfileModal — exported from the library at `src/components/members/EditProfileModal.tsx`. Awaiting a written description.

LayerBlockView — exported from the library at `src/components/editor/block-editor/blocks/EmbedBlocks.tsx`. Awaiting a written description.

FilterPills — exported from the library at `src/components/posts/FilterPills.tsx`. Awaiting a written description.

HeroCarousel — exported from the library at `src/components/about/HeroCarousel.tsx`. Awaiting a written description.

HeroImageEditor — exported from the library at `src/components/about/HeroImageEditor.tsx`. Awaiting a written description.

InviteModal — exported from the library at `src/components/space/InviteModal.tsx`. Awaiting a written description.

JoinSpaceAuthModal — exported from the library at `src/components/space/JoinSpaceAuthModal.tsx`. Awaiting a written description.

JoinSpaceModal — exported from the library at `src/components/space/JoinSpaceModal.tsx`. Awaiting a written description.

JoinTierCard — exported from the library at `src/components/space/JoinTierCard.tsx`. Awaiting a written description.

LayerBanner — exported from the library at `src/components/pages/LayerBanner.tsx`. Awaiting a written description.

LayerSettingsView — exported from the library at `src/components/pages/LayerSettingsView.tsx`. Awaiting a written description.

LegalPageHeader — exported from the library at `src/components/legal/LegalPageHeader.tsx`. Awaiting a written description.

LegalProse — exported from the library at `src/components/legal/LegalProse.tsx`. Awaiting a written description.

LegalSection — exported from the library at `src/components/legal/LegalSection.tsx`. Awaiting a written description.

LegalTableOfContents — exported from the library at `src/components/legal/LegalTableOfContents.tsx`. Awaiting a written description.

ImageBlockView — exported from the library at `src/components/editor/block-editor/blocks/MediaBlocks.tsx`. Awaiting a written description.

MemberProfileHeader — exported from the library at `src/components/members/MemberProfileHeader.tsx`. Awaiting a written description.

MemberProfileSection — exported from the library at `src/components/members/MemberProfileSection.tsx`. Awaiting a written description.

MemberSpaceCard — exported from the library at `src/components/members/MemberSpaceCard.tsx`. Awaiting a written description.

MemberSpacesGrid — exported from the library at `src/components/members/MemberSpacesGrid.tsx`. Awaiting a written description.

MembershipBarcode — exported from the library at `src/components/memberships/MembershipBarcode.tsx`. Awaiting a written description.

MembershipQRCode — exported from the library at `src/components/memberships/MembershipQRCode.tsx`. Awaiting a written description.

MentionSelector — exported from the library at `src/components/channels/MentionSelector.tsx`. Awaiting a written description.

MessageActionSheet — exported from the library at `src/components/channels/MessageActionSheet.tsx`. Awaiting a written description.

MessagesSidebar — exported from the library at `src/components/messages/MessagesSidebar.tsx`. Awaiting a written description.

MobileCommentsSheet — exported from the library at `src/components/posts/MobileCommentsSheet.tsx`. Awaiting a written description.

MobileEventDetailSheet — exported from the library at `src/components/calendar/MobileEventDetailSheet.tsx`. Awaiting a written description.

MonetizationModal — exported from the library at `src/components/posts/MonetizationModal.tsx`. Awaiting a written description.

PageSettingsModal — exported from the library at `src/components/pages/PageSettingsModal.tsx`. Awaiting a written description.

A popover with a checkbox list of card and wallet brands (Visa, Mastercard, Amex, Discover, Apple Pay, Google Pay, PayPal, Link) for filtering activity by payment method.

PostCard — exported from the library at `src/components/posts/PostCard.tsx`. Awaiting a written description.

CommentRow — exported from the library at `src/components/posts/PostComments.tsx`. Awaiting a written description.

PostDetailHeader — exported from the library at `src/components/posts/PostDetailHeader.tsx`. Awaiting a written description.

PostSettingsModal — exported from the library at `src/components/posts/PostSettingsModal.tsx`. Awaiting a written description.

PostsHeader — exported from the library at `src/components/posts/PostsHeader.tsx`. Awaiting a written description.

ProductSelectorModal — exported from the library at `src/components/posts/ProductSelectorModal.tsx`. Awaiting a written description.

RoleChip — exported from the library at `src/components/shared/RoleBadge.tsx`. Awaiting a written description.

SlashMenu — exported from the library at `src/components/editor/block-editor/SlashMenu.tsx`. Awaiting a written description.

A popover with a checkbox list of transaction statuses (Succeeded, Refunded, Partially refunded, Disputed) for filtering activity records.

StepAccessModel — exported from the library at `src/components/space/steps/StepAccessModel.tsx`. Awaiting a written description.

StepBusinessModel — exported from the library at `src/components/space/steps/StepBusinessModel.tsx`. Awaiting a written description.

StepCategory — exported from the library at `src/components/space/steps/StepCategory.tsx`. Awaiting a written description.

StepComplete — exported from the library at `src/components/space/steps/StepComplete.tsx`. Awaiting a written description.

StepCoverImage — exported from the library at `src/components/space/steps/StepCoverImage.tsx`. Awaiting a written description.

StepLocation — exported from the library at `src/components/space/steps/StepLocation.tsx`. Awaiting a written description.

StepPersonalize — exported from the library at `src/components/space/steps/StepPersonalize.tsx`. Awaiting a written description.

StepSpaceIcon — exported from the library at `src/components/space/steps/StepSpaceIcon.tsx`. Awaiting a written description.

StepSpaceName — exported from the library at `src/components/space/steps/StepSpaceName.tsx`. Awaiting a written description.

A membership tier, shown as a pill.

Selects one or more tiers, with a formatter for the collapsed label.

A ledger view listing payment transactions with amount, status, customer, product, and date, presented as a selectable desktop grid or an infinitely-scrolling stacked list on mobile.

BlockType — exported from the library at `src/components/editor/block-editor/types.ts`. Awaiting a written description.

UnauthCalendarView — exported from the library at `src/components/unauth/UnauthCalendarView.tsx`. Awaiting a written description.

UnauthChannelView — exported from the library at `src/components/unauth/UnauthChannelView.tsx`. Awaiting a written description.

UnauthDetailHeader — exported from the library at `src/components/unauth/UnauthDetailHeader.tsx`. Awaiting a written description.

UnauthPostDetail — exported from the library at `src/components/unauth/UnauthPostDetail.tsx`. Awaiting a written description.

UnauthPostsFeed — exported from the library at `src/components/unauth/UnauthPostsFeed.tsx`. Awaiting a written description.

UnauthProductDetail — exported from the library at `src/components/unauth/UnauthProductDetail.tsx`. Awaiting a written description.

UnauthStoreGrid — exported from the library at `src/components/unauth/UnauthStoreGrid.tsx`. Awaiting a written description.

UpgradeTierSheet — exported from the library at `src/components/space/UpgradeTierSheet.tsx`. Awaiting a written description.

CategoryValue — exported from the library at `src/components/space/data/wizard-options.ts`. Awaiting a written description.

WizardPreviewCard — exported from the library at `src/components/space/WizardPreviewCard.tsx`. Awaiting a written description.

WizardStepLayout — exported from the library at `src/components/space/WizardStepLayout.tsx`. Awaiting a written description.