{ "schema_version": "1.1", "batch": "CAPTURE-02 (builds on CAPTURE-01)", "source_zip": "super_app_v1.zip", "source_version": "v1", "prototype_path": "/prototypes/super-app-v1/index.html", "capture_host": "http://127.0.0.1:8787 (local python http.server)", "capture_tool": "puppeteer-core 24 + Google Chrome 147", "viewport": { "width": 414, "height": 896, "device_scale": 2 }, "theme_forced": { "tg:themeMode": "light", "tg:theme": "pattaya" }, "captured_at": "2026-04-22", "canonical_screen_count": 24, "canonical_capture_frame_count": 24, "variation_frame_count": 5, "improved_replacement_count": 2, "presentation_ready_frame_count": 29, "total_frames": 29, "captured": 24, "captured_improved": 2, "new_sub_states": 5, "partial": 0, "blocked": 0, "not_found": 0, "count_note": "29 = 24 canonical screen frames + 5 sub-state variations. 2 of the 24 are 'captured-improved' replacements (hotel, news) — counted within the 24. See super_app_v1_canonical_counts.json for the canonical model.", "screenshots": [ { "screenshot_file": "v1_01_home.png", "screen_code": "V1-HOME", "screen_name": "Home", "state_name": "default", "mode": "all", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-1", "linked_service_codes": [], "linked_db_group_codes": ["PLATFORM_STRUCTURE","CONTENT_MEDIA"], "recommended_presentation_use": "Opening slide · overall product tone · mode-entry surface", "notes": "Dock shows Home/Discover/MICE/Wallet/My trips/Profile + center + button (AI)." }, { "screenshot_file": "v1_02_discover.png", "screen_code": "V1-DISCOVER", "screen_name": "Discover", "state_name": "feed", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-2", "linked_service_codes": ["TRIP-NEARBY","TRIP-ROUTES"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING","CONTENT_MEDIA"], "recommended_presentation_use": "Trip-mode discovery feed · content-first UX · search + filters", "notes": "Feed content with cards · Trip mode entry point." }, { "screenshot_file": "v1_03_detail.png", "screen_code": "V1-DETAIL", "screen_name": "Detail", "state_name": "place-detail", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-3", "linked_service_codes": ["TRIP-NEARBY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING","CONTENT_MEDIA"], "recommended_presentation_use": "Place detail · rich media + call-to-action · hand-off to booking/media/embed/immersive", "notes": "Full-length; crop to top-half for presentation." }, { "screenshot_file": "v1_04_booking.png", "screen_code": "V1-BOOKING", "screen_name": "Booking", "state_name": "confirmation", "mode": "trip/stay", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-4", "linked_service_codes": ["STAY-HOTELS","STAY-OFFERS"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Booking confirmation moment · trust/polish cue · transition into cockpit", "notes": "Terminal step before Cockpit." }, { "screenshot_file": "v1_04_booking_state_b.png", "screen_code": "V1-BOOKING", "screen_name": "Booking", "state_name": "confirm-booking-with-payment", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-4 + phone-scroll +500", "linked_service_codes": ["STAY-HOTELS"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Booking flow with payment options · trust moment · PromptPay/Card/Together Money choice · encryption banner", "notes": "NEW in CAPTURE-02. Shows Confirm-booking card (Sanctuary of Truth × 2) + itemized total + 3-way payment picker + 'Encrypted for your safety' trust banner. Richer than the v1_04_booking default state. Adds value for trust/security narrative." }, { "screenshot_file": "v1_05_cockpit.png", "screen_code": "V1-COCKPIT", "screen_name": "Cockpit", "state_name": "active-trip", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-5", "linked_service_codes": ["TRIP-ITINERARY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Active-trip cockpit · operational UX while on the ground · day/time aware", "notes": "Use for 'in-trip' narrative." }, { "screenshot_file": "v1_06_mice.png", "screen_code": "V1-MICE", "screen_name": "MICE", "state_name": "feed-all", "mode": "mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock-click MICE", "linked_service_codes": ["MICE-AGENDA","MICE-CHECKIN","MICE-EXHIBITORS"], "linked_db_group_codes": ["MICE"], "recommended_presentation_use": "MICE feature mode · featured event · upcoming list · B2B credibility", "notes": "Filter chip 'All' active. Good anchor for MICE pitch." }, { "screenshot_file": "v1_06_mice_state_conference.png", "screen_code": "V1-MICE", "screen_name": "MICE", "state_name": "feed-conference-filter", "mode": "mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock MICE + click Conference chip", "linked_service_codes": ["MICE-AGENDA"], "linked_db_group_codes": ["MICE"], "recommended_presentation_use": "MICE feed filtered to Conference · shows that filters are live · B2B segmentation", "notes": "NEW in CAPTURE-02. Conference chip highlighted (dark-pill state). Adds depth to MICE pitch." }, { "screenshot_file": "v1_06_mice_state_exhibition.png", "screen_code": "V1-MICE", "screen_name": "MICE", "state_name": "feed-exhibition-filter", "mode": "mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock MICE + click Exhibition chip", "linked_service_codes": ["MICE-EXHIBITORS"], "linked_db_group_codes": ["MICE"], "recommended_presentation_use": "MICE feed filtered to Exhibition · demonstrates category-aware UX", "notes": "NEW in CAPTURE-02. Exhibition chip highlighted." }, { "screenshot_file": "v1_07_wallet.png", "screen_code": "V1-WALLET", "screen_name": "Wallet", "state_name": "default", "mode": "rewards", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock-click Wallet", "linked_service_codes": ["RWD-POINTS","RWD-REDEEM"], "linked_db_group_codes": ["REWARDS"], "recommended_presentation_use": "Rewards/Wallet experience · monetary + loyalty surface · cross-service value", "notes": "Anchor for rewards / payment pitch." }, { "screenshot_file": "v1_07_wallet_state_b.png", "screen_code": "V1-WALLET", "screen_name": "Wallet", "state_name": "points-tier-ladder", "mode": "rewards", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock Wallet + phone-scroll +500", "linked_service_codes": ["RWD-POINTS","RWD-REDEEM"], "linked_db_group_codes": ["REWARDS"], "recommended_presentation_use": "Loyalty tier ladder · Explorer→Insider→Local→Resident progression · earn/spent monthly stats", "notes": "NEW in CAPTURE-02. Shows TOGETHËR POINTS 3,480 pts + tier ladder (4 tiers) + earned/spent per month. Much richer than default wallet for loyalty narrative." }, { "screenshot_file": "v1_08_hotel.png", "screen_code": "V1-HOTEL", "screen_name": "HotelFlow", "state_name": "search-entry", "mode": "stay", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured-improved", "capture_method": "home phone-scroll + row-aligned A 'Book' anchor click", "linked_service_codes": ["STAY-HOTELS","STAY-OFFERS"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Stay-mode core flow · TGScreenHotelFlow · 5 curated resorts + destination/date/rooms pickers + filter chips + Search hotels CTA", "notes": "UPGRADED in CAPTURE-02 from CAPTURE-01 partial (home+banner). Now a direct TGScreenHotelFlow render with SVC-H001 · SEARCH header · Jomtien destination · 2-night window · Beachfront/Spa/MICE/Family filters · member 10-15% off banner.", "replacement_of": "CAPTURE-01 partial (v1_08_hotel.png with home-with-Book-hotel-banner)" }, { "screenshot_file": "v1_09_profile.png", "screen_code": "V1-PROFILE", "screen_name": "Profile", "state_name": "default", "mode": "all", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "dock-click Profile", "linked_service_codes": [], "linked_db_group_codes": ["IDENTITY_GOVERNANCE"], "recommended_presentation_use": "Personalization / identity surface · preferences · activity trail", "notes": "Tab bar: Profile / Preferences / Activity." }, { "screenshot_file": "v1_10_news.png", "screen_code": "V1-NEWS", "screen_name": "News", "state_name": "platform-update", "mode": "all", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured-improved", "capture_method": "home phone-scroll + row-aligned A 'Open' inside Platform news panel", "linked_service_codes": [], "linked_db_group_codes": ["CONTENT_MEDIA"], "recommended_presentation_use": "Platform news surface · concept-comparison visual · Alex persona · project-overview video · Join the platform CTA", "notes": "UPGRADED in CAPTURE-02 from CAPTURE-01 partial (notifications drawer). Now the direct TGScreenNews render · Platform update header · 'จากผู้มาเยือน สู่ผู้ร่วมลงทุนและโปรโมทเมือง' concept-comparison panel · Alex 28-year persona · TAT channel 04:12 project overview video · Join the platform section.", "replacement_of": "CAPTURE-01 partial (v1_10_news.png with notifications drawer)" }, { "screenshot_file": "v1_11_op.png", "screen_code": "V1-OP", "screen_name": "OperatorIndex","state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-op", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES","IDENTITY_GOVERNANCE"], "recommended_presentation_use": "Operator B2B landing · partner workspace entry point", "notes": "Navigates to upload/intake/assets/case/stake/queue." }, { "screenshot_file": "v1_12_upload.png", "screen_code": "V1-UPLOAD", "screen_name": "Upload", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-7", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES","CONTENT_MEDIA"], "recommended_presentation_use": "Operator upload pipeline · asset ingestion UX", "notes": "" }, { "screenshot_file": "v1_13_intake.png", "screen_code": "V1-INTAKE", "screen_name": "Intake", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-8", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES"], "recommended_presentation_use": "Operator intake form · partner onboarding", "notes": "" }, { "screenshot_file": "v1_14_assets.png", "screen_code": "V1-ASSETS", "screen_name": "Assets", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-9", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES","CONTENT_MEDIA"], "recommended_presentation_use": "Operator asset library · media management", "notes": "" }, { "screenshot_file": "v1_15_case.png", "screen_code": "V1-CASE", "screen_name": "Case", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-10", "linked_service_codes": ["SVC-HELPDESK"], "linked_db_group_codes": ["SUPPORT_SERVICES"], "recommended_presentation_use": "Case management · support workflow", "notes": "" }, { "screenshot_file": "v1_16_stake.png", "screen_code": "V1-STAKE", "screen_name": "Stake", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-11", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES","IDENTITY_GOVERNANCE"], "recommended_presentation_use": "Stakeholder view · partner governance", "notes": "" }, { "screenshot_file": "v1_17_queue.png", "screen_code": "V1-QUEUE", "screen_name": "Queue", "state_name": "default", "mode": "services/b2b", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-12", "linked_service_codes": [], "linked_db_group_codes": ["SUPPORT_SERVICES"], "recommended_presentation_use": "Queue / work-in-progress · task triage", "notes": "" }, { "screenshot_file": "v1_18_prep.png", "screen_code": "V1-PREP", "screen_name": "Prep", "state_name": "checklist", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-prep", "linked_service_codes": ["TRIP-ITINERARY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Pre-trip prep checklist · docs + utilities", "notes": "" }, { "screenshot_file": "v1_19_journey.png", "screen_code": "V1-JOURNEY", "screen_name": "Journey", "state_name": "flow", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-journey", "linked_service_codes": ["TRIP-ITINERARY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Journey flow view · timeline visualization", "notes": "" }, { "screenshot_file": "v1_20_map.png", "screen_code": "V1-MAP", "screen_name": "Map", "state_name": "default", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-map (refreshed in CAPTURE-02 for theme consistency)", "linked_service_codes": ["TRIP-NEARBY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING"], "recommended_presentation_use": "Map view · spatial context · nearby POIs", "notes": "Refreshed in CAPTURE-02 to match light-theme consistency across pack." }, { "screenshot_file": "v1_21_media.png", "screen_code": "V1-MEDIA", "screen_name": "MediaPlayer", "state_name": "default", "mode": "trip/mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-13", "linked_service_codes": [], "linked_db_group_codes": ["CONTENT_MEDIA"], "recommended_presentation_use": "Media player · video/audio playback", "notes": "" }, { "screenshot_file": "v1_22_embed.png", "screen_code": "V1-EMBED", "screen_name": "EmbedHost", "state_name": "default", "mode": "trip/mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-14", "linked_service_codes": [], "linked_db_group_codes": ["CONTENT_MEDIA"], "recommended_presentation_use": "Embedded content host · third-party render", "notes": "" }, { "screenshot_file": "v1_23_immersive.png", "screen_code": "V1-IMMERSIVE", "screen_name": "Immersive", "state_name": "default", "mode": "trip/mice", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-15", "linked_service_codes": [], "linked_db_group_codes": ["CONTENT_MEDIA"], "recommended_presentation_use": "Immersive content view · full-screen experiential", "notes": "" }, { "screenshot_file": "v1_24_ai_plan.png", "screen_code": "V1-AIPLAN", "screen_name": "AIPlan", "state_name": "overlay-step-1", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-6 (triggers setShowAI)", "linked_service_codes": ["TRIP-ITINERARY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING","TRACKING"], "recommended_presentation_use": "AI Auto-plan wizard · §1 Traveler DNA · overlay on Home", "notes": "Wizard landing state · §1 only fully visible." }, { "screenshot_file": "v1_24_ai_plan_step_2.png", "screen_code": "V1-AIPLAN", "screen_name": "AIPlan", "state_name": "overlay-step-2-budget", "mode": "trip", "source_version": "v1", "source_ref": "super_app_v1.zip", "capture_status": "captured", "capture_method": "hash sc-6 + scroll AI modal to §2", "linked_service_codes": ["TRIP-ITINERARY"], "linked_db_group_codes": ["TRIP_STAY_SHOPPING","TRACKING"], "recommended_presentation_use": "AI Auto-plan wizard scrolled to §2 Budget · Daily budget slider ฿8,000 · ฿2k–฿20k range + Generate CTA", "notes": "NEW in CAPTURE-02. Shows §1 options + §2 Budget slider together · emphasises 'AI is not a chatbot, it's a short guided flow'. Wizard is effectively 2 sections (not 3) — original CAPTURE-01 progress-bar illusion clarified." } ], "presentation_groupings": { "core_navigation": ["v1_01_home.png","v1_02_discover.png","v1_03_detail.png","v1_20_map.png"], "mode_based_experiences": ["v1_02_discover.png","v1_04_booking.png","v1_05_cockpit.png","v1_06_mice.png","v1_07_wallet.png","v1_08_hotel.png"], "mice_experience": ["v1_06_mice.png","v1_06_mice_state_conference.png","v1_06_mice_state_exhibition.png"], "rewards_wallet": ["v1_07_wallet.png","v1_07_wallet_state_b.png"], "booking_trust": ["v1_04_booking.png","v1_04_booking_state_b.png"], "trip_planning": ["v1_18_prep.png","v1_19_journey.png","v1_20_map.png","v1_24_ai_plan.png","v1_24_ai_plan_step_2.png"], "content_media": ["v1_21_media.png","v1_22_embed.png","v1_23_immersive.png"], "profile_personalization": ["v1_09_profile.png","v1_10_news.png"], "ai_assistant": ["v1_24_ai_plan.png","v1_24_ai_plan_step_2.png"], "operations_b2b": ["v1_11_op.png","v1_12_upload.png","v1_13_intake.png","v1_14_assets.png","v1_15_case.png","v1_16_stake.png","v1_17_queue.png"] }, "honest_notes": [ "CAPTURE-02 upgraded hotel + news from partial → captured-improved (real TGScreen renders, not adjacent surfaces).", "CAPTURE-02 added 5 new sub-state frames: mice_conference · mice_exhibition · wallet_tier_ladder · booking_payment · ai_plan_step_2.", "AI wizard confirmed to have 2 effective sections (§1 Traveler DNA + §2 Budget), not 3 — original CAPTURE-01 saw progress-bar dots as decorative.", "v1_20_map.png refreshed in CAPTURE-02 for light-theme consistency.", "All frames captured at 414×896 @ 2x DPR with localStorage-forced light theme (tg:themeMode=light, tg:theme=pattaya)." ] }