Design preview · not yet built
← Design HQ HTML on GitHub ↗ PRD · prd-pl-explore-library ↗

Explore — browse to activated

Explore is browse, then the card states.

SizePortrait scrolls 375 · sideways is a slide deckNotes
Design brief — overview · scope · journey (closed)

The full founder journey — guest scrolling the catalog to a live assistant in Pulse — in the platform's flat-row, compact-head system.

16 frames · guest → grid → detail → wizard → live → real states catalog grid = the sanctioned grid exemption Activate normalized to white-fill (was hardcoded green in shipped code) status colors: amber = action/beta/pending only, no colored success ticks

The widths drawn here are samples of a fluid continuum, not the only states that exist — content (spacing, type, gaps, card/column widths) scales continuously between them, each clamp reading a named container. Structure (rail, row↔stack, grid columns) steps only at sm 640 · md 768 · lg 1024; radius, hairlines, and pills never scale. Kit: design-canon.md U8.

Reading order in this document: § Desktop journey first — every desktop frame, full flow, journey order — then § Mobile journey — 375 below it — every mobile frame, same order, laid out side by side as a wrapping grid (never a tall single-file column of phone screens). Two sections, never interleaved — a review-document convention only (this repo's design-canon.md § Mockup review reading order). Mobile 375px is still designed and scored FIRST in the /design ritual (kit canon U5/U8) — the two rules never conflate.

Part I · Active — build now
Browse
MystFlo Platform
Sign in Get early access
Workspace
Support
Account
Explore

Pre-built assistants. Connect what you need. Pay only when they run.

All Retreat host Workshop host Event host Club keeper Drop maker · soon Custom-order maker · soon Bespoke operator · soon The Private Host · soon
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Customer Chat$0.50/sessionDetails →
WhatsApp BusinessAI Model
Personalize Connect Try
tap for detailsActivate
Retreat Booking
Beta
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
Get Paid$1.75/runDetails →
Google SheetsWhatsApp BusinessStripe
Personalize Connect Try
tap for detailsActivate
Waitlist + Launch
Builds your list before you open, broadcasts when you do, and catches the overflow when you sell out.
Get the Word Out$0.20/signupDetails →
WhatsApp BusinessGoogle SheetsGmailoptional
Personalize Connect Try
tap for detailsActivate
Product Listing Generator
Writes ready-to-publish product listings for every channel — in your brand voice, from your catalog.
Run the Shop$2.50/runDetails →
Google AccountAI Model
Personalize Connect Try
tap for detailsActivate
Trip Manifest
Coming soon
Passport, dietary, emergency details into one clean sheet — no 40-email thread.
 
 
coming soonActivate
Post-Retreat Follow-Up
Coming soon
Thank them, ask for the review, drop the photos — while the glow is still fresh.
 
 
coming soonActivate
E1 · T1155 — catalog grid, content truth
  • Copy verbatim from the assistant PRDs' Catalog Copy (`description`/`price_per_run`): On-Brand Support $0.50/session · Retreat Booking $1.75/run beta · Waitlist + Launch $0.20/signup · Product Listing Generator $2.50/run.
  • Coming-soon rows = real seeded `description` for TMPL-TMAN01 / TMPL-PRFU01 — name + one-liner only (no benefits/flow until graduation).
  • E1 fixed-zone skeleton: name+badge · 2-line clamped desc · meta (category/price/apps/steps) · CTA pinned bottom (`margin-top:auto`) — all cards baseline-align; coming-soon reuses the zones with hidden placeholders + disabled button.
  • "Details →" in the meta row is the ONLY see-more affordance (arrow-up icon gone).
  • Stepper reads Personalize → Connect → Try everywhere (T1155); no "Prep/Customize" wording.
  • Grid = the sanctioned exemption to vertical-first (Explore is a catalog).
AC-EXPLORE-03/04 — filter is persona, not category (Peyton 2026-07-21)
  • Visible tabs = All + the full 8-slug canonical taxonomy in pitch-priority order (PERSONA_PRIORITY, src/lib/assistantsGrouping.ts). Hosts first: Retreat host → Workshop host → Event host, then Club keeper, then Makers and the rest. ↗ AC-EXPLORE-03/04
  • 4/8 carry ready templates today (Retreat host, Workshop host, Event host, Club keeper); Drop maker and the other 3 render "· soon" (title visible, not clickable) — active styling still wins on a `?persona=` deep-link. ↗ AC-PERSONA-03
  • Capability (Customer Chat, Get Paid…) retired as a filter — survives only as .a-tag card metadata.
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Customer Chat$0.50/sessionDetails →
WhatsApp BusinessAI Model
tap for detailsActivate
  • Default — flat hairline-subtle border, base surface (.04).
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Customer Chat$0.50/sessionDetails →
WhatsApp BusinessAI Model
tap for detailsActivate
E2 — hover
  • Lifts 2px · border → hairline-strong · surface → .08 · white-only glow (no colored glow).
  • Desktop: whole card = hit target. Mobile: no hover — "Details →" is the tap affordance.
RE4 — catalog search (`AssistantLibrary.tsx`)
  • Free-text search sits above the persona tabs (jump straight to a known assistant as the catalog grows).
  • At narrow widths the tab row scrolls horizontally — never wraps.
Explore

Pre-built assistants. Connect what you need. Pay only when they run.

All Retreat host Workshop host Event host Club keeper Drop maker · soon Custom-order maker · soon Bespoke operator · soon The Private Host · soon
768 not yet drawn for this flow. Desktop and 375 are the contract.
MystFlo
Explore
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Customer Chat$0.50/sessionDetails →
WhatsAppAI Model
tap for detailsActivate
Retreat Booking
Beta
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
Get Paid$1.75/runDetails →
Google SheetsWhatsApp BusinessStripe
tap for detailsActivate
Mobile
  • Single-column stack (`grid-cols-1`), full-bleed cards, 44px Activate targets — same card component, no layout fork.
  • Stepper zone omitted on mobile (vertical space) — both cards share the reduced skeleton identically.
7Success — assistant is live, mobile 375px
States
C1 — sheet entry
  • Card tap / "Details →" rises the detail sheet over the dimmed grid — bottom sheet, never a slide-over.
  • Opens on Overview by design ("see first, setup later").
  • C1: header stays visible + undimmed — dim + sheet cover the content region only.
MystFloPlatform
On-Brand Support
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
$0.50/session
ShareActivate
Overview
Personalize
Connect
Try
What it does

On-Brand Support reads your Brain — your prices, policies, hours, FAQs, and brand voice — and answers guest questions in WhatsApp exactly as you would. Routine questions get answered in seconds. Anything it can't ground in your knowledge gets handed to you on Slack.

How it works

Teach it once — every assistant reads your Brain.

01
Guest DMs your WhatsApp number
Any question, any time.
02
Answers from your real prices, hours, and policies
Grounded in what's actually in your Brain — no guessing.
03
Guest gets a reply in seconds
Anything it can't ground goes straight to your Slack.
Key benefits
Answers from your real prices
Every reply is grounded in what you've actually written — no made-up prices, no off-brand guesses.
Your guests won't know it isn't you
Your brand voice, your policies, your tone — guests get the reply they'd get from you on a good day.
Replies while you sleep
Guests get an answer in 30 seconds whether it's 2pm or 2am — and you don't lose the inquiry overnight.
Knows when to hand it to you
Refunds, complaints, anything it can't answer from your Brain — escalated cleanly to Slack.
T1143 · T1155 · E6 · C11 — Overview tab
  • Benefit cards typographic — title + description, no icon (T1143: title carries the meaning).
  • Tab order Overview → Personalize → Connect → Try (T1155 personalize-first); step dot fills solid once complete.
  • E6: umbrella line ("Teach it once…") sits once above the chart; the 3 nodes = concrete run only — trigger → action → output, no slogan inside a node.
  • C11: `.m-body` is the single scroll surface — no nested/half-height scroll panes.
MystFlo
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Overview
Personalize
Connect
Try
From your Brain
Brand voice — warm, direct Business hours — Mon–Sat, 9–6 3 FAQs on file
Edit in Brain →
Sign-off preference
How replies are signed— Aria, from the team ▾
Handling rules
Refund requestsAlways escalate ▾
Off-topic questionsPolitely decline ▾
Escalation channelSlack — #support-alerts
Escalation

When a message can't be grounded in your Brain, it's posted to Slack with the full thread — you reply there, the assistant relays it back to the guest.

Continue to Connect
E7 — Personalize, content truth (`ConfigureStep`)
  • Tier-1 "From your Brain ✓" recap — read-only, never re-asks what the founder already told the Brain.
  • Template config: sign-off preference · handling rules · escalation channel (`EscalationReassurance` / `HandlingRulesEditor` / `SignOffPreferenceField`).
  • Flat field rows — no boxed form panel.
  • E7: live preview beside the form reflects sign-off/handling values as set — two states below.
  • Before any field is set, the preview shows a neutral placeholder — never a guessed sign-off.
  • Updates live as sign-off and handling rules are set — matches the form state in the main frame above.
MystFlo
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Overview
Personalize
Connect
Try
Required
WhatsApp Business
Required — how guests reach the assistant
Reconnect
MystFlo AI included
Platform AI, zero setup — use your own key instead
Connected
Optional — enrich this assistant
Database— pick one, keeps a log of every conversation
Email— optional, send weekly summaries
Payment
Wallet balance
$18.40
Manage cards in Billing Add funds
Terms
Your credentials are encrypted and never stored in third-party systems
Continue to Try
E8 · C7 · E9 · C8 · C1 — Connect, content truth (`ConnectStep`)
  • Required roles = flat rows; ONLY two connection verbs — Reconnect (action-needed) / Pending (provider-side wait); severity = amber, never a third verb.
  • Terms + pricing checkboxes gate the Try tab (`isConnectComplete`).
  • E8/C7: "MystFlo AI" renders already-Connected with an "included" chip + quiet "use your own key instead" swap — zero setup.
  • E8: Database and Email = grouped pick-one optional enrichments, distinct from required rows.
  • E9/C8: wallet-first — balance + "Add funds" (opens top-up sheet), "Manage cards in Billing"; no card entry/change UI in the wizard.
  • C1: header stays visible.
MystFlo
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Overview
Personalize
Connect
Try
Sample output
A guest asks: "Do you have anything this Saturday?"
"Yes — we have 3 spots open for Saturday's 10am session. Want me to hold one for you?"
Run a real test
Test passed
TestingSent a real WhatsApp message to your test number
TestingAnswer generated from your connected Brain
AfterLive guest messages route the same way, 24/7
Output
"Hey! Yes, Saturday 10am has 3 spots left. Want me to hold one for you?"
Run again

Preview and test runs are free. Activation will be instant — test already passed.

Activate
C12 · C1 — Try, content truth (`PreviewStep`)
  • Two-phase: auto-run sample (zero side effects) → real test run to the founder's own WhatsApp number, with progress checklist + "Output" panel.
  • C12: emerald confirmation tick on test-passed (green = success, not money-only).
  • C1: header stays visible.
MystFlo
On-Brand Support is live.

Running and ready to work for you.

Checking connections
Verifying payment
Getting your assistant ready
Connecting to WhatsApp
Finalizing
Go to Pulse
Desktop — `ActivationStepper`
  • Stepper (connections → payment → ready → WhatsApp → finalizing) completes into this state.
  • Copy verbatim: "is live." / "Running and ready to work for you." / "Go to Pulse".
  • Frames 8–16 ADD real states the frames above didn't show — every card/grid/modal above is unchanged.
  • Sources (shipped components): AssistantSummaryCard.pre.tsx · AssistantDetailModal.pre.tsx · BrainGatePanel.tsx + BrainCapabilityRows.tsx · AssistantLibrary.tsx · ConnectsPage.tsx.
RE1 — lifecycle cards (`AssistantSummaryCard.pre.tsx`)
  • An already-activated founder re-encounters the template in one of these states: state prop (available/active/paused/stopped) + lifecycleStatus === 'pending_template_approval'.
  • Badges within canon: neutral dot for Active/Stopped (never green); amber for the Meta-review wait (pending = amber).
MystFlo Platform
Account
Workspace
Explore

Pre-built assistants. Connect what you need. Pay only when they run.

All Retreat host Workshop host Event host Club keeper
On-Brand Support
Active
Your business answers DMs in your voice, 24/7 — without you typing a word.
Customer Chat$0.50/sessionDetails →
Last run: 2 hours ago
View in Pulse
Waitlist + Launch
Stopped
Builds your list before you open, broadcasts when you do, and catches the overflow when you sell out.
Get the Word Out$0.20/signupDetails →
↻ Reactivate
Retreat Booking
Pending Meta approval
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
Get Paid$1.75/runDetails →
View in Pulse
  • Reactivate carries a split chevron (DropdownMenu) opening Start Fresh — drawn collapsed (⌄); it's a hover/click reveal, not its own frame state.
RE2 — gated header CTA (`headerSetupCta.ts` + `AssistantDetailModal.pre.tsx`)
  • Same button slot (detail-activate-cta). Complete Setup stays a button. Amber Complete Setup only while Connect or Personalize is incomplete (guests stay on this label). Connect done, not yet canActivate → quiet Continue to Try. canActivate → white Activate. Live → View in Pulse.
  • Click map is unchanged — Activate fires only from Try / handleHeaderCTA. Do not treat Complete Setup as Activate.
  • Shipped code uses an emerald outline for the live state — drawn white here per the token contract (emerald = wallet credits only).
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Complete Setup
Overview
Personalize
Connect
Try
  • Guest, or Connect/Personalize incomplete. Tapping it opens the first incomplete tab (or early access for a guest). It does not activate.
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Continue to Try
Overview
Personalize
Connect
Try
  • Connect done, canActivate still false. Quiet / white secondary — not amber. Opens Try.
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Activate
Overview
Personalize
Connect
Try
  • canActivate — white primary. Activate still fires only from Try / handleHeaderCTA.
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
View in Pulse
Overview
Personalize
Connect
Try
  • Already live — the same slot routes to Pulse instead of the wizard.
RE3 — Brain gate (`BrainGatePanel.tsx` + `BrainCapabilityRows.tsx`)
  • Enforcement state behind "Brain first, activation second" — the blocked counterpart of Frame 5's satisfied Brain row.
  • Missing sections render as customer-question rows with a single Add action.
  • Continue to Try stays disabled until every required row clears.
Brain Required
Can't answer prices & policies
"How much is a weekend retreat?"
Add →
Can't answer FAQs
"Do you offer refunds?"
Add →
Business hours & contact
Synced
Open Brain →
Continue to Try
  • Disabled Continue = gray fill, no hover — same row grammar as Frame 5's satisfied case, with the unmet rows visible.
RE5 — guest landing from a shared card link; copy verbatim from `AssistantDetailModal.pre.tsx`.
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
Overview
Personalize
Connect
Try
RE6 — action cluster (`AssistantSummaryCard.pre.tsx`)
  • Share = wired growth lever (GA4 waitlist-source attribution), on every available card.
  • Demo-video icon renders only when the template has a real videoUrl.
Retreat Booking
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
Get Paid$1.75/runDetails →
tap for detailsActivate
  • Share (⇧) · Save (♡) · View demo (▷) — most cards show Share + Save only, matching Frame 1.
RE7 — copy verbatim from `AssistantLibrary.tsx`, including the "· soon" persona variant.
No assistants found

No results for "onbrand suport". Try a different search.

Clear Filters
Retreat & Workshop Host — coming soon

Assistants for Retreat & Workshop Host are coming soon. Clear the filter to browse all.

Clear Filters
RE8 — alt state of Frame 6: Activate before any preview has run surfaces this guard (no blind activation); copy verbatim from `AssistantDetailModal.pre.tsx`. Presentation is the canonical ConfirmDialog (#2576 F15) layered above the dimmed Try step — a small centered confirm, not an inline amber panel.
Activate without a test run?
Running a free preview first helps catch issues before activation.
Run preview first Yes, activate anyway
RE9 — disconnect confirm (`ConnectsPage.tsx`)
  • Shown when assistants depend on the app; copy verbatim (count is dynamic). Corrected 2026-07-24 (#2682): the server-side removal guard (connection-removal-guard.ts) always refuses this disconnect while an active/paused/error instance requires the app — so the copy previews that refusal instead of a "will pause" outcome that can never happen. Non-destructive framing ("Try anyway") since the guard, not this dialog, is the real gate.
  • Small centered dialog per the tap-intent rule (one message + 2 buttons) — not a sheet.
Stripe is required by assistants
2 assistants need this connection to run. Swap the account instead — disconnecting isn't available while it's in use.
Cancel Try anyway
#3553 — concurrent-instance card states (`AssistantSummaryCard.pre.tsx`)
  • Launch Kit family (TMPL-WMKT01, TMPL-RTLK01, TMPL-EVLK01) and Waitlist+Launch (TMPL-WAITL1) allow up to 5 concurrent active/paused instances per founder — a second workshop, a second retreat, are genuinely different programs, not edits of the first. Every other template stays single-instance.
  • The lifecycle line (frame 8's "Running since…") swaps to "N running — view Pulse for details" the moment a second instance exists — the single-name/date framing is false once there's more than one.
  • "Start another →" is a quiet centered text link under View in Pulse — deliberately not a second full-width button or a split-button dropdown. At the 5-cap it becomes non-interactive explainer text in the same slot rather than disappearing (the lifecycle line above already states the count, so this slot's job is the cap reason, not the count again).
  • "Start another" opens Personalize prefilled via carry-forward (frame 11 of `program-launch-kit.html` §11) — durable business facts (price shape, booking link, workshop/retreat/event details) carry over from the source instance; program-specific facts (name, hook, who it's for, dates, where) always start blank. Reuses the existing `start_fresh` ActivationWizard mechanism, not new plumbing.
MystFlo Platform
Account
Workspace
Explore

Pre-built assistants. Connect what you need. Pay only when they run.

Workshop Launch Kit
Active
A launch-ready blast, page copy, flyer, and captions for your next workshop — written from your Brain.
Program Launch Kit$3.00/kitDetails →
2 running — view Pulse for details
View in Pulse
Start another →
Workshop Launch Kit
Active
A launch-ready blast, page copy, flyer, and captions for your next workshop — written from your Brain.
Program Launch Kit$3.00/kitDetails →
5 running — view Pulse for details
View in Pulse
That's the most we support at once
  • A single-instance template (e.g. On-Brand Support) never shows this slot at all — frame 8's plain "View in Pulse" card stays unchanged for it.
768 not yet drawn for this flow. Desktop and 375 are the contract.
On-Brand Support is live.

Running and ready to work for you.

Go to Pulse
Mobile — same copy, full-width primary button, 44px min touch target.
Part II · Future — build later
No frames deferred. The “coming soon” catalog entries (Trip Manifest, Post-Retreat Follow-Up, the Retreat & Workshop persona empty state) are the active catalog design — labelled in place — not deferred UI shown as shipped. Flag for Peyton if the coming-soon shelf should move here.