Changelog
Every update, fix, and new feature — documented as we ship.
Messenger inbox (/inbox) — all Messenger conversations in one view. Split into "Needs a reply" (client sent last) and "Crafty handled". Shows last message preview, lead stage, time ago. Red border on rows needing attention.
Booking contracts + e-sign — Copy Contract Link from any booking. Client opens the page, reads 6-clause service agreement, types full name, taps "I Agree". Timestamp stored on booking.
Team mode — invite staff by email. They click a link, accept, and can see Leads + Bookings. Staff cannot access Finances, Ads, or Settings.
Facebook Login — "Continue with Facebook" button live on login and signup as primary CTA. Activate by configuring Supabase OAuth + Facebook Developer App.
PayMongo payment links — built and hidden. Activate when PayMongo account is set up. Client pays via GCash/Maya/card, deposit auto-marked paid via webhook.
Optimistic UI — Mark Paid, booking status, lead stage changes, and activity logging all update instantly. DB syncs in background. Reverts on error.
Balance Due This Week — amber alert card on dashboard listing bookings with event ≤7 days away and unpaid balance. Click to go straight to the booking.
Swipe-to-action on mobile lead cards — swipe right to mark Contacted, swipe left to archive as Lost. 4-second undo snackbar after every action.
Onboarding checklist on dashboard — 3-step card (Add lead · Try Crafty · Set up profile) shown after first lead. Progress bar, dismisses permanently when complete.
Stage hints on lead detail — contextual next-step hint shown below the pipeline progress bar at every stage.
/scripts page — free Taglish Follow-Up Script Pack with 5 copy-ready Messenger scripts. No signup. Shareable in FB groups.
Homepage — cost-of-inaction hero copy, Grand Slam value stack section (₱6,800+ value shown at free), Taglish libre paradox CTA, outcome-focused steps.
Mobile nav — backdrop-blur glass effect, safe-area-inset-bottom for iPhone notch, active tab indicator line.
Crafty chat tabs renamed — "💬 Ask for Advice" and "⚡ Do Something" for clarity.
Packages & Pricing save stuck on "Saving…" — replaced upsert (deadlock on new rows) with delete-then-insert. Added try/finally so the saving state always resets.
Packages save crash "Cannot read properties of null (reading trim)" — optional chaining on description field.
Onboarding checklist not dismissing after all steps done — now auto-dismisses 2 seconds after completion.
Mobile nav dark background showing in light mode — now theme-aware via CSS variables.
Mobile nav active tab — replaced top indicator line with subtle background fill, cleaner look.
Revenue strip numbers overflowing/truncating on mobile — replaced full numbers with abbreviated format (₱27,150 → ₱27.1k). Fits 3 columns cleanly on 360px screens (most common PH budget Android).
Booking mobile card touch targets — increased from py-3 to py-4 (44px+ per Apple HIG minimum). Easier to tap on budget Android phones.
Packages & Pricing page (/settings) — configure base packages and add-ons from the app. Crafty AI reads them from the database on every request, no code change needed.
Dashboard — greeting with time-of-day, revenue hero strip at top (confirmed / collected / outstanding), Today's Actions with colored left border per urgency level, pipeline snapshot segmented bar, upcoming events with date badge. Charts and monthly breakdown moved to bottom.
Leads list — avatar initial circles colored by stage, colored left border per row showing stage at a glance, simplified 5-column table, action badge under client name.
Kanban — wider cards (w-64), client avatar in card, stage color on drop zones, column count badge.
Lead detail — 2-column desktop layout (client info + activity log left, actions right), visual pipeline progress bar with numbered steps and connector lines, timeline activity log with left border thread, Convert to Booking as collapsible card.
Booking detail — payment progress bar showing % collected, deposit/balance rows with larger numbers, all hardcoded colors replaced.
Sidebar — replaced emoji nav icons with consistent SVG icons at 18px.
Mobile nav — 5 tabs with SVG icons (Home, Leads, +, Bookings, Profile). Removed Ads from mobile — secondary feature.
Sign out was completely inaccessible on mobile — no button existed. Added sign out + theme toggle to Profile page for mobile users.
Dashboard was capped at max-w-5xl leaving dead whitespace on wide screens. Now fills full content area.
New accent color #7c6ff7 — warmer violet replacing default indigo across all interactive elements
Design token unification — all pages now use CSS variables instead of hardcoded Tailwind gray classes
Global dark surface ladder — Page #09090f, Card #0f0f17, Sidebar #141420, Hover #1a1a2a, Active #1f1f33
Global table system — no vertical borders, clean sticky headers, row hover state, .tabular number class
Typography — h1–h4 get weight 600 + letter-spacing -0.015em; body text 15px; ALL CAPS labels 11px/0.08em
Button system — press scale on click, visible focus ring, 10px border radius across all buttons
Card detail — inset top border box-shadow + 1px lift on hover on all .card elements
Mobile nav — backdrop-blur + safe-area-inset padding; active tab uses new accent with bg tint
150ms transitions everywhere (was 300ms)
.card and .section-label utility classes added to globals.css for consistent use across pages
Crafty CRM Actions mode — natural language interface: tell Crafty to add leads, update bookings, log payments, and query revenue. Writes directly to DB.
Paste DM — copy-paste a raw Messenger inquiry into the chat widget; Crafty extracts details and creates the lead. No form needed.
Convert lead to booking via Crafty — one message closes the deal. Crafty finds the lead, pulls event details, creates the booking, marks deposit paid.
Kanban board view — drag-and-drop leads across 6 pipeline stages (desktop). Mobile: tab bar + single-column + Move buttons.
AI next-action badges — rule-based urgency label on every lead: "Event in Xd", "Follow up now", "First contact needed", "Event passed".
Cold lead alerts banner — leads silent 5+ days shown at top of Leads page, color-coded Warm / Cold / Very Cold.
Revenue dashboard card — Confirmed / Collected / Outstanding for current month. Updates as payments are logged.
Dashboard charts — bookings per month bar chart + lead source donut chart (recharts).
Today's Actions card — top 3 urgent leads on dashboard, click to navigate to lead detail.
Quick-prompt chips — Paste DM, What needs attention, Revenue, Draft follow-up chips fire Crafty prompts via CustomEvent.
Onboarding checklist for new users — 3-step progress bar, dismissible, shown when account has no leads.
Progressive lead form — 4 fields by default, "Add more details +" expands rest.
Mobile Quick Add — "+" button in bottom nav opens sheet: Add Lead, Paste DM, Log Payment.
Follow-up templates on lead detail — 3 Taglish message templates + Open Messenger deep link button.
PackagePicker component — 4 package cards + toggleable add-ons, auto-calculates total. Add-ons flow into invoice as line items.
Booking confirmation smart link — public /confirm/[token] page: event details, payment breakdown, GCash info, terms. No login required.
Overdue alert banner on Bookings page — event passed, balance unpaid.
Payment status badges per booking row — Unpaid / Deposit Paid / Fully Paid / Overdue.
Micro-animation on Mark Paid — green flash confirmation banner.
SMS follow-up via Semaphore PH — cron sends Taglish SMS to leads with phone numbers and no Messenger.
Open beta ready — delete INVITE_CODE env var in Vercel to open signups publicly.
Custom empty states on Leads and Bookings pages — illustrated CTAs, Paste DM as #1 entry point on empty leads.
Multi-user support — each account has private isolated data
Invite-code protected signup for beta testers
User profile page — set your name, business, and city
Onboarding tutorial modal for new users
Dark / Light mode toggle (desktop + mobile)
Sidebar shows real user name and initials
Signup no longer freezes — instant redirect after account creation
Fixed service role key accidentally used as anon key (security fix)
Mobile login speed improved — middleware now uses local session check
Login system with Supabase Auth — full route protection
Google Calendar sync — bookings auto-sync on creation
Invoice generator — printable PDF from any booking
Ad Performance dashboard — track which Facebook ads convert
Auto follow-up cron — Crafty AI sends follow-ups daily at 10am
Booking reminder cron — reminders sent 3 days before event
Crafty AI takeover toggle — manually take over any conversation
Messenger conversation viewer inside lead detail page
Fixed duplicate booking creation from Messenger auto-detection
Crafty AI now asks for name in first message
Fixed spread type TypeScript error in messenger route
Lead pipeline — New, Contacted, Quoted, Negotiating, Booked, Lost
Bookings management with deposit and balance tracking
Personal finances — income and expense tracking by month
Crafty AI — Facebook Messenger auto-reply in Taglish
Auto lead extraction from Messenger conversations
Auto booking creation when client says PAID
Dashboard with monthly breakdown and upcoming events
Activity log on each lead (notes, calls, follow-ups)