Design preview · not yet built

Team — saved and kept assistants, restyled into the canon idiom

Team is Saved then Keepers — pre-activation, then live.

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

Saved (pre-activation) and Keepers (post-activation) — a second doorway onto the SAME AssistantSummaryCard.pre/.post + AssistantDetailModal.pre/.post components as Explore and Pulse (BINDING taxonomy), never a third card.

2 tabs: Saved · KeepersSaved = pre-activation card + modal (Explore twins)Keepers = post-activation card + modal (Pulse twins)Activate normalized to white-fill, matching Explore

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
Saved
1 · Desktop — Team shell, Saved tab (pre-activation cards)
MystFlo Platform Preview
· Peyton
Explore
Brain
Pulse
Team
Connects
Wishlist
Feedback
Support
FAQ
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
3 saved. Ready to activate one? Explore More →
On-Brand Support
⇪♥
Customer Chat$0.50/session
Your business answers DMs in your voice, 24/7 — without you typing a word.
WhatsApp BusinessAI Model
Prep Customize Try
Activatetap for details
Retreat Booking
⇪♥
Get Paid$1.75/run
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
Google SheetsWhatsApp BusinessStripeoptional
Prep Customize Try
ActivateBeta · tap for details
Product Listing Generator
⇪♥
Run the Shop$2.00/run
Writes ready-to-publish product listings for every channel — in your brand voice, from your catalog.
Google AccountAI Model
Prep Customize Try
Activatetap for details
© 2026 MystFlo
AboutPricingFAQPrivacyTerms
Saved — AssistantSummaryCardPre
  • The SAME card rendered on Explore — copy, prices, app chips are the real Catalog Copy (On-Brand Support $0.50/session · Retreat Booking $1.75/run beta · Product Listing Generator $2.00/run).
  • Saved ♥ = filled/red (tap to unsave); Explore shows the outline heart.
  • Strip above the grid = slim lit-hairline "N saved. Ready to activate one?" nudge (T1119) — never a filled CTA box.
768 not yet drawn for this flow. Desktop and 375 are the contract.
MystFlo
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
3 saved. Ready to activate? More →
On-Brand Support
♥
Customer Chat$0.50/session
Your business answers DMs in your voice, 24/7 — without you typing a word.
WhatsAppAI Model
Activatetap for details
Retreat Booking
♥
Get Paid$1.75/run
Chases deposits and balances for your retreat — so every booked spot actually pays before it starts.
ActivateBeta · tap for details
  • Single-column stack (grid-cols-1), full-bleed cards, 44px Activate targets.
  • Same card component as desktop — no layout fork.
2bKeepers tab — mobile 375px
MystFlo
Team
Saved and kept assistants
♡ Saved 0
★ Keepers 0
Your saved assistants
Nothing saved yet
Save assistants from Explore to build your library.
Explore Assistants
Saved-empty
  • Lit-hairline panel, left-aligned — eyebrow kicker, one-line heading, quiet sub-line, one CTA.
  • No flat circle-icon box.
3Empty state — Keepers tab (T1121 calm-invitation panel)
MystFlo
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 0
Your keepers
No keepers yet
Mark your favorite assistants as keepers to find them easily.
Explore Assistants
Keepers-empty
  • Identical panel shape — only eyebrow/heading/copy swap (Team.tsx ternary), never a forked layout.
4Detail modal — Pre-activation (On-Brand Support, opened from Saved)
MystFlo
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
On-Brand Support
Your business answers DMs in your voice, 24/7 — without you typing a word.
$0.50/session
⇪♥✕
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
01
Guest messages your WhatsApp number
Any question, any time.
02
Assistant answers from your Brain
Prices, policies, hours, FAQs — grounded, in your voice.
Key benefits
Answers from your real prices
No made-up prices, no off-brand guesses.
Replies while you sleep
An answer in 30 seconds, 2pm or 2am.
  • Saved-card tap (or "tap for details") rises the SAME AssistantDetailModal.pre sheet used on Explore — second entry point, not a second modal.
  • Opens on Overview by design.
  • Tab order Overview → Personalize → Connect → Try (T1155 personalize-first); step dot fills solid when complete — here Personalize is done from a prior visit.
  • Benefit cards typographic only, no icon.
  • Choreography = explore.html's modal: dimmed Saved tab behind, glass sheet + drag handle rises with a top reveal gap.
5Detail modal — Post-activation (Niseko winter bookings, opened from Keepers)
Live
2 · Desktop — Team shell, Keepers tab (post-activation cards)
MystFlo Platform Preview
· Peyton
Explore
Brain
Pulse
Team
Connects
Wishlist
Feedback
Support
FAQ
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
Active
⏸︎⏹︎
Details → $0.50
Niseko winter bookings
Direct Booking · ASST-4K2
Runs
46 · 96% healthy · 2h ago · $22.00
Stopped
Details → $0.50
Bali retreat waitlist
Waitlist + Launch · ASST-9J1
Manually stopped
Stopped Jul 10 · Active Jun 2 – Jul 10 (38 days)
Runs
64 · 94% healthy · $10.00
Reactivate Start Fresh
© 2026 MystFlo
AboutPricingFAQPrivacyTerms
Keepers — AssistantSummaryCardPost
  • The SAME card rendered on Pulse Active/Past — identical shell, sub-status drives visuals only.
  • One card per starred template, Active (Niseko) or Stopped (Bali) — dedupe is independent of running state.
  • Reactivate footer = in-card hairline-top row (same as Pulse Past), never a detached button.
5 · Detail modal — Post-activation (Niseko winter bookings, opened from Keepers)
  • Keepers-card tap opens the SAME AssistantDetailModal.post sheet used on Pulse.
  • Direct Booking isn't a waitlist template → tab set Overview · Personalize · Connect · Activity; no "Try" tab (Waitlist + Launch instances only).
MystFloPlatform Preview
·Peyton
Explore
Team
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
Niseko winter bookings✕
Overview Personalize Connect Activity
This assistant
Health96% healthy
Runs this month46
Cost this month$22.00
Last run2h ago
Recent
  • Desktop seated sheet — full-width gutters, no re-centered narrow column (T1147).
  • Tab strip = same uppercase eyebrow voice on both viewports.
  • Sheet sits below the 72px header with a reveal gap over the dimmed Keepers shell — same below-header pattern as explore.html's desktop modal.
768 not yet drawn for this flow. Desktop and 375 are the contract.
MystFlo
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
Active
⏸︎⏹︎
Niseko winter bookings
Direct Booking · ASST-4K2
Runs
46 · 96% · 2h ago · $22.00
Details →$0.50
  • Single-column stack; identical zones to the desktop card (badge row → title band → spacer → metrics divider).
3Empty state — Saved tab (T1121 calm-invitation panel)
MystFlo
Team
Saved and kept assistants
♡ Saved 3
★ Keepers 2
Niseko winter bookings✕
Overview Personalize Connect Activity
This assistant
Health96% healthy
Runs this month46
Cost this month$22.00
Last run2h ago
Recent
  • Overview tab = quiet stat rows (health · runs · cost · last run) + one recent-activity doorway line into Activity — exact same layout as Pulse's post-modal Overview.
  • Dimmed Keepers tab stays visible behind the sheet — same choreography as the pre modal above.
Part II · Future — build later
No deferred items — everything above is the current build.