dograh/ui/src/components
Abhishek 00b35d6963
feat: UI refresh and user onboarding (#430)
* docs: design spec for lead-gen surfaces (Credits & Billing, Hire-an-Expert, Top-up, Enterprise)

Add brainstorming spec for: sidebar OBSERVE→MANAGE rename + Credits & Billing
link + Hire-an-Expert footer button; new /billing page with extracted Dograh
Model Credits card + CTAs; Top-up / Hire-an-Expert / Enterprise intake modals
with inline math captcha; and a workflow-builder Hire-an-Expert nudge. Frontend
only; submissions fire PostHog events via a submitLead() seam for a future
MongoDB endpoint. Also gitignore .superpowers/ brainstorm mockups.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* docs: implementation plan for user-onboarding lead-gen surfaces

14 bite-sized tasks: PostHog events, shared helpers (field options,
work-email blocklist, submitLead seam, math captcha), three intake modals
(enterprise/hire/top-up), LeadFormsProvider context, AppLayout mount, sidebar
MANAGE rename + Credits & Billing link + footer Hire button, extracted
DograhCreditsCard, /billing page, credits removal from Agent Runs, builder
nudge, and a full verification/dogfood pass.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): register PostHog events for lead-gen surfaces

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): shared field options, work-email validation, and submit seam

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): inline math captcha field

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): enterprise intake modal

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): hire-an-expert modal with enterprise link

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): top-up modal with >20k volume-pricing gate

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): shared lead-forms context provider

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): mount LeadFormsProvider in app layout

Wrap the sidebar branch of AppLayout with LeadFormsProvider so the shared
lead modals are available to the sidebar, billing card, and builder nudge.
Includes eslint import-order auto-fixes in TopUpModal and LeadFormsContext.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): rename OBSERVE to MANAGE, add Credits & Billing link and Hire-an-Expert footer button

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): extract DograhCreditsCard with top-up + hire CTAs

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): add Credits & Billing page

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* refactor(lead-gen): move Dograh Model Credits card out of Agent Runs to /billing

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(lead-gen): delayed Hire-an-Expert nudge on the workflow builder

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* ci(ui): add lint:lead-flow guard script

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(ui): restructure lead forms, self-serve Buy Credits, dialog blur

Revised lead-capture surfaces and credits bar:

- Dialog overlay gains backdrop blur (bg-black/60 backdrop-blur-sm).
- Shared primitives: LeadModalShell (icon/eyebrow header, scrollable body,
  sticky footer, trust-line slot), PhoneField (react-international-phone,
  dark, E.164 out), FormTrustLine ("Average response: under 10 minutes...").
- HireExpertModal: Name, Company, Job title, agent goal, Phone (required),
  monthly volume. EnterpriseModal: + work email (required logged-out),
  conditional deployment (yes/no/maybe, source-gated), agent goal.
  OnboardingModal: drop useCase. Phone mandatory except onboarding.
- Volume buckets match the backend qualifier (0-5k/5k-100k/100k+/not-sure).
- Delete TopUpModal; DograhCreditsCard now self-serve Buy Credits (amount
  chips $5/$10/$25/$50/$100 + custom min $5 → startTopUp seam) + Hire an
  Expert + dashed custom-pricing link opening Enterprise (billing_custom_pricing).
- PostHog events: drop topup_*, add buy_credits_clicked,
  buy_credits_amount_selected, custom_pricing_clicked. LeadFormsContext
  drops topup; LeadKind/LeadSource updated.
- Introduce a single --cta warm accent token (CTAs + focus rings only).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* feat(ui): split-screen auth + enterprise CTA + dark theme default

- AuthShell: dark two-column auth layout (brand/value panel with CSS-only
  waveform motif + proof points + Bland-style enterprise CTA block on the
  left, zinc-900 form card on the right; single-column on mobile).
- AuthEnterpriseCTA: "Talk to our team" → dograh.com/contact?intent=enterprise.
- stack-theme: dark StackTheme token overrides synced to globals.css.
- page.tsx: wrap StackHandler (non-fullPage) in AuthShell + StackTheme;
  local-auth fallback preserved inside the shell. BackButton slimmed for the card.
- Dark locked as default: <html className="dark">, next-themes ThemeProvider
  (defaultTheme="dark", enableSystem=false); inline no-FOUC script defaults dark.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* ui rezig, onboarding, billing, hire us & on prem cues

* ui changes

* chore: update comment

* chore: untrack docs/superpowers and gitignore it

* feat: refactor user configuration table

* feat(ui): 'check your email' confirmation on lead forms

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* added email and country in form submissions

* chore: update leads api

* fix: wrap dograh model config in card

---------

Co-authored-by: Pritesh <pritesh@dograh.com>
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-17 19:49:33 +05:30
..
auth feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
billing feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
filters chore: add sort order in URL params 2026-02-06 09:01:06 +05:30
flow feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
http fix: support object and array parameters in custom HTTP tools (#373) 2026-06-02 11:35:38 +05:30
layout feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
lead-forms feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
onboarding Improve we call experience and add tooltips 2025-09-15 14:08:51 +05:30
telephony fix: support object and array parameters in custom HTTP tools (#373) 2026-06-02 11:35:38 +05:30
ui feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
workflow feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
workflow-runs chore: minor UI fixes 2026-05-21 17:20:21 +05:30
AIModelConfigurationV2Editor.tsx feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
BrandLogo.tsx feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
CallTypeCell.tsx chore: minor UI fixes 2026-05-21 17:20:21 +05:30
ChatwootWidget.tsx feat: add chat based testing for voice agent (#308) 2026-05-21 15:20:02 +05:30
DailyUsageTable.tsx Initial Commit 🚀 🚀 2025-09-09 14:37:32 +05:30
Footer.tsx feat: add privacy policy and terms of service links 2025-10-07 13:22:44 +05:30
LLMConfigSelector.tsx feat: add qa node in workflow builder (#172) 2026-02-25 13:53:30 +05:30
MCPSection.tsx chore: add mcp documentation 2026-04-17 12:01:57 +05:30
MediaPreviewDialog.tsx feat: add posthog events (#231) 2026-04-10 17:52:21 +05:30
ModelConfigurationV2.tsx feat: add config v2 to simplify billing (#428) 2026-06-09 16:10:26 +05:30
OrganizationPreferencesSection.tsx feat: add config v2 to simplify billing (#428) 2026-06-09 16:10:26 +05:30
PostHogIdentify.tsx feat: add posthog signup and signin events, enable backend posthog events for oss version (#249) 2026-04-24 12:02:52 +05:30
SentryErrorBoundary.tsx debug: add SentryErrorBoundary 2026-05-12 17:48:01 +05:30
ServiceConfiguration.tsx chore: add documentation links 2026-04-09 12:39:49 +05:30
ServiceConfigurationForm.tsx feat: billing and credit management v2 (#429) 2026-06-12 14:55:30 +05:30
SignInClient.tsx feat: add authentication for OSS (#167) 2026-02-20 18:21:24 +05:30
SpinLoader.tsx Initial Commit 🚀 🚀 2025-09-09 14:37:32 +05:30
TelemetrySection.tsx feat: add worker sync events 2026-04-04 14:26:47 +05:30
ThemeProvider.tsx feat: UI refresh and user onboarding (#430) 2026-06-17 19:49:33 +05:30
ThemeSwitcher.tsx feat: Update Dograh's UI Design (#67) 2025-11-29 15:39:57 +05:30
VoiceSelector.tsx feat: add Rime TTS 2026-04-07 14:05:47 +05:30