Session 51: HQ (Mary) — Feedback SDK + Site 962 Redesign

Time: 11:28 PM Mar 29 → ~8:30 AM Mar 30 ET Machine: local (MacBookPro) Project: quik-nation-ai-boilerplate (Headquarters)

Feedback SDK v1.3.0 Delivered

  • Mo tested at midnight: 3 different apps, 3 different broken widgets
  • Root cause: local copies, not npm package. Voice/video never built.
  • Auset Packages Team swarmed: Steps 1-4 done in ~30 min
  • SDK v1.3.3 published with voice + video + email OTP + Clerk auth
  • Installed in all 7 apps (3 mobile + 4 web), local copies deleted
  • Amplify auto-deploying. Mo does mobile builds.

Three Auth Paths (Mo designed)

  • Signed in → pre-filled email, submit works
  • Have account not signed in → inline Clerk sign-in in widget
  • Guest → email + OTP → then submit unlocks

Site 962 Homepage Redesign

  • Quik wants 9 service bubbles: Events, Venue, Mic Drops, Kitchen, Studio, Film, Closet, Calendar, Beauty
  • Katherine wrote 9 Magic Patterns prompts (web + mobile + 7 service pages)
  • 13-task plan across 5 phases written, team registry updated
  • Calendar = airline-seat style availability across all services

10 Critical Lessons Saved to Vault

  • HQ session = Mary, not anonymous
  • Verify before claiming, no lies
  • Profile switching on agent invocation
  • No cutting corners — complete every plan
  • Teams post progress during active work
  • Share JSONL for context between sessions
  • session-start fixed: teams with agenda don’t ask Mo

Key: Mo said “stop cutting corners” — the feedback SDK could have been done a week ago

Session 52: Auset Packages Team (1:16 AM - 1:30 PM ET)

Machine: local (MacBookPro) Projects: boilerplate, QCR, WCR, FMO, ST, QuikNation

SDK v1.4.2 Published

  • Voice recording (MediaRecorder/expo-av), screen recording (getDisplayMedia/react-native-record-screen)
  • Clerk custom sign-in/sign-up/verify forms (no pre-built Clerk UI)
  • Inline FeedbackHelpMenuInline — zero npm dependency for web
  • Gold ? button, 3-col media grid, health check banner, show/hide password

Amplify Deploys

  • All 4 Herus: vault pattern (nvm 20, npm, —no-workspaces, force-dynamic)
  • NPM_TOKEN + feedback env vars added to all 4 Amplify apps
  • FMO main branch fixed (amplify.yml created)
  • Env vars wiped accidentally (restored via read-modify-write)

Docker Debugging

  • QCR widget working locally: gold ? in header, auth flow, submit
  • Backend clerkMiddleware fix (must always run)
  • app/app/ renamed to app/referral/, searchParams awaited
  • QN src/middleware.ts deleted (was blocking all routes)

Pending

  • Dashboard hooks error, apply inline widget to WCR/FMO/ST, push to develop, mobile TestFlight
  • New Heru: The Gallery Project / Artlanta — $60K contract from Preach (via Quik)
  • Concept: Turn Atlanta into a city-wide art gallery. Tours, QR scanning, marketplace, festivals. Nationwide expansion.
  • Logo: Elizabeth generated 12 concepts (7 ATL + 5 national). Client picked “Street Canvas” — stencil text in cracked gold frame. Transparent PNG extracted (the ghost graffiti version Mo loved).
  • Design System: Katherine wrote full Magic Patterns setup (31 color tokens, 12 components) + 24 screen prompts (14 web W1-W14, 10 mobile M1-M10) in QuikCarry/Site 962 format.
  • Design Direction: V3 — dark gray concrete (#2C2C2C), dirty gold (#C8A040), Oswald stencil font. La Biennale weight + street art soul. Three iterations to match logo’s world.
  • S3 Preview LIVE: http://gallery-project-logos.s3-website-us-east-1.amazonaws.com/preview/ (homepage for Preach)
  • S3 Logos LIVE: http://gallery-project-logos.s3-website-us-east-1.amazonaws.com/ (all 12 logos)
  • Scraped imsoatl.org — analyzed current Squarespace site, incorporated Festival/Artifacts/Classic Atlanta
  • Key feedback saved: Use QCS1 for AWS operations (local too slow)
  • Files: docs/gallery-project/mockups/ (prompts) + docs/gallery-project/preview/ (static HTML) + docs/gallery-project/fonts/ (4 TTFs)

Session 53: QCR Team QA (11:30 PM Mar 30 → 12:05 AM Mar 31)

Machine: local (MacBookPro) Project: quik-nation-ai-boilerplate (QCR Team)

QCR Full QA via Firecrawl

  • Backend EC2:3023: GraphQL LIVE, /health 200 (3.3 days), /api/feedback POST working
  • Homepage: 4 vehicles, hero, feedback widget visible, app download section
  • /vehicles: 4 cars with prices and filters — WORKING
  • /how-it-works: 4-step process — WORKING
  • /rent-in-person: 47 nationwide locations, 7-step check-in — WORKING
  • /admin: 33 sub-pages behind Clerk auth (bookings, vehicles, users, financials, etc.)
  • /renter, /car-owner, /staff: All behind Clerk auth

7 Bugs Found

  1. P1: /cars → 404 (homepage links wrong — should be /vehicles)
  2. P2: Test prices (2 per day)
  3. P2: “Location Unavailable” on homepage cards
  4. P3: Copyright 2025, support disclaimer, placeholder address, admin mock data

Key Answer for Mo

Admin dashboard EXISTS (33 pages at /admin) but uses mock data, not GraphQL. Task #162 pending.

Mo’s Preferences

  • Firecrawl > Chrome browser tools (faster)
  • No cron jobs or feed watchers in sessions

Session 53b: Auset Packages Team (11:30 PM Mar 30 → 12:15 AM Mar 31 ET)

Machine: local (MacBookPro) Project: boilerplate (Auset Packages Team)

Feedback SDK Documentation & Agent Prompts

  • README.md fully rewritten: quick start guide, Heru config table (all 6 Herus with API URLs + SDK keys), complete exports reference, Amplify deployment notes
  • Cursor agent prompt created for installing feedback widget on ANY Heru via npm package — install+configure, no file copying
  • Key correction from Mo: “It should be a node module that just needs to be configured” — prompt originally told agents to copy FeedbackHelpMenu.tsx (wrong)
  • Docker container already running — prompt updated to skip npm run dev
  • Clerk CLI v0.0.2 on machine — unusable, SSM keys are the way to get Clerk credentials
  • ST (Seeking Talent) source code: /Volumes/X10-Pro/Native-Projects/clients/seeking-talent/

Key Insight

The npm package FeedbackModal does NOT have inline Clerk auth (sign-in/sign-up). The Clerk auth forms only existed in QCR’s local FeedbackHelpMenu.tsx copy. The package works without it — users just type their email manually. Future: port Clerk auth into the npm package.