Login
All updates
Release 0.5.0 - Onboarding, dashboard home & contact-topic model

Onboarding, dashboard home & contact-topic model

A guided onboarding flow, a new dashboard home, and the contact-topic subscription model for audience management.

OnboardingDashboardContactsTopicsSettingsSidebar

Planning

  • Contact-topic data model Replaced audience groups with audience topics and mappers. Renamed Audience to Contact, AudienceTopic to Topic, and introduced Topic Subscription model with enrolled/unenrolled states.
  • Onboarding flow design Multi-step onboarding: workspace creation → API key generation → domain setup → DNS configuration, with step indicators and animated transitions.

Design

  • Onboarding steps UI SplitLayout with SidebarPreview, Shiki CodeBlock for code snippets, dynamic logo theming, DNS record table customization (showPriorityColumn, nameColumnWidth), and animated icon transitions.
  • Dashboard sidebar redesign Modularized with AnimatedHoverBackground, main navigation with animated hover states, user menu popover with boring-avatars, organization switcher with dropdown, and collapsible sidebar state.
  • Settings UI updates Profile settings on appearance page, account settings page for user details, connected accounts component, OS-specific session icons with browser/device type display, sticky settings header.

Frontend

  • Onboarding steps CreateOrg with logo upload and slug validation, ApiPreview with language tabs, ConfigureDnsStep with dynamic DNS records fetch and verification, DomainPreview with logo prop, GenerateApiKeyStep with Go to Dashboard navigation.
  • Dashboard home page Feature cards for navigation, API key display, scraped pages chart with 15-day mock data, graph-up/graph-down icons, and chart bar styling.
  • Sidebar & navigation User menu popover (account settings, sign out), dynamic user navigation, Dropdown replaced with Tooltip for user email, organization switcher removed from collapsed state.
  • Contact & topic management Tabbed navigation for contacts and topics, contact list with search, bulk import to topics, topic subscription management (subscribe, unsubscribe, remove), pagination across lists.
  • Settings overhaul Profile and account settings, connected accounts, password change conditional on login method, session management with OS/browser/device icons, redesigned session UI with revocation actions, SWR data fetching with skeleton loaders, framer-motion animations.
  • Team management Organization invitation email, role updates and member removal, team member search/filter, invite modal, consolidated team list, cross/link/user-role icons.
  • Accept invitation page Frontend page for accepting organization invitations with Suspense/Spinner fallbacks and authentication check with redirect.

Backend

  • Contact-topic schema New topic and mapper tables with custom ID prefixes, topic subscription model, bulk contact import to topics, and bulk add contacts functionality.
  • API key generation Actual key generation with enhanced display, strengthened schema and authentication, BETTER_AUTH_SECRET default value.
  • Auth improvements Centralized auth config into auth.config.ts, removed serverTiming plugin, enhanced organization invite email logging, and invitation link generation with configurable default port.
  • Onboarding content OnBoardingContent component with Suspense wrapper, authentication check with loading spinner, and redirect for unauthenticated users.

DevOps

  • Protected layout Generalized protected layout with simplified onboarding page, authentication checks, and Suspense boundaries.
  • API key schema migration Refactored apikey schema to include organizationId with notNull constraints, removed separate export structure.