Changelog

✨ New Features

• Comprehensive Error Handling: Added robust error handling across the entire codebase including:
• Try-catch blocks and error logging for database operations in api.ts
• JSON parsing error handling with validation in analyze-studio.ts
• Promise.allSettled in sitemap.ts for resilient route fetching
• Auth error handling and environment variable validation in middleware.ts
• Parameter validation and error handling for Supabase file operations
• Error handling for dynamic route pages (services, glossary, guides)
• Duplicate Management Scripts: Imported duplicate management scripts for issue handling (auto-close-duplicates.ts, backfill-duplicate-comments.ts).

🔒 Security

• Environment Variable Protection: Removed environment variable logging from debug output to prevent information disclosure. Debug logging now only runs in development environment.

🐛 Bug Fixes

• Internationalization: Fixed service booking page to use dynamic language from AuthContext instead of hardcoded English (Issue #12).
• TypeScript Sitemap: Corrected async function return type from MetadataRoute.Sitemap to Promise, fixing Netlify deployment errors.
• CSS Typo: Fixed pointing-events-none to pointer-events-none in video setup review page, restoring click-through for gradient overlay (Issue #8).
• Review Confirmation: Added confirmation dialog before discarding review on modal close with German text: "Bist du sicher, dass du das Review verwerfen möchtest?" (Issue #2).
• CMS Revalidation: Standardized all CMS page revalidation to 3600s (1 hour) for consistent content freshness across guides, equipment, glossary, templates, and setup-type pages (Issue #13).

⚙️ CI/CD

• Workflow Fix: Disabled oncall-triage workflow schedule due to claude-code-base-action@beta installation issues causing timeouts.

🧹 Maintenance & Cleanup

• Legacy Data Removal: Completely removed legacy mock data files (src/lib/services-data.ts, src/lib/data/services.ts) to establish Sanity CMS as the single source for content.
• Codebase Hygiene: Removed dependencies on legacy static data in service-client.tsx, refactoring it to fetch related services dynamically from Sanity.

⚙️ CMS Configuration

• Validation: Verified content fetching and rendering for all 7 content types on the Design System showcase page.

🐛 Bug Fixes

• Broken Links: Fixed SetupTypeCard slug issues where links were rendering as [object Object].
• Interactivity: Made TemplateCard clickable by wrapping it in Link components.
• Reliability: Implemented frontend fallbacks (empty states) and crash protection for CMS data fetching in design-system/content/page.tsx.

Design System: Content Types Showcase

• New Page: Content Types Showcase: Built a dedicated showcase page at /design-system/content. This page serves as a comprehensive overview of all CMS-managed content, visualizing all available content types in one place.
• Unified UI & Experience:
• Horizontal Infinite Scroll: Implemented a performant, client-side infinite scroll gallery with snap-scrolling and "Load More" functionality for all content sections.
• Hidden Scrollbars: Enforced cross-browser hidden scrollbars (Webkit, Firefox, IE/Edge) for a polished, frictionless aesthetic.
• Unified List Cards: Standardized the display of high-volume items (Setup Guides, Equipment, Glossary) into uniform SimpleListCard components with "pill tag" layouts.
• Dynamic CMS Categorization:
• CMS Driven: Moved category logic from frontend code to Sanity CMS. Added category fields to Equipment, Glossary, and Setup Guides schemas.
• Auto-Migration: Automatically migrated existing content into these new categories (e.g., "Key Light" → "Lighting").
• Navigation: Fixed broken links (404s); all tags now properly link to their respective detail pages.

🔌 Integrations

• Userback Widget: Integrated @userback/widget globally via a UserbackProvider. The feedback widget is now active site-wide.

🧹 Maintenance & Fixes

• Data Hygiene: Validated content and removed duplicate entries.
• Pricing Display: Fixed double currency symbols in service cards.
• Routing: Fixed broken links in Review cards.

🎨 Visual & Experience Overhaul

• Mobile Menu ("Perspective Style"): Implemented a fully custom mobile navigation with:
• Smooth fade and backdrop animations.
• Seamless "Hamburger" to "Close X" icon morphing transition.
• Full-screen immersive dark overlay.
• Sticky Mega Menus: Added high-performance sticky headers with categorized mega menus for "Tools" and "Resources".

📱 Mobile Optimization

• Responsive Layouts:
• Hero Section: Updated CTA buttons to handle long text gracefully on smaller screens (auto-wrapping).
• Footer: Optimized grid layout to 2 columns on mobile for better readability.
• App Sidebar: Added top offset to mobile menu to prevent content occlusion by the fixed header.
• Visual Fidelity: Fixed logo alignment and rendering inconsistencies between Header and Mobile Menu.

🛠️ Refactoring

• Component Architecture: Extracted shared SiteLogo component to ensure brand consistency across the application.

📝 Content Management System (Sanity Integration)

• CMS Integration: Fully integrated Sanity CMS for dynamic content management.
• Content Modeling: Developed schemas for Content Categories and Content Types.
• Dynamic Pages: Connected frontend components to fetch content directly from Sanity.

✨ Studio Review Enhancements

• Data Persistence: Fixed issues where Studio Reviews were not correctly saving to user profiles.
• Stability: Addressed JSON parsing errors and timeout issues during analysis generations.

👤 User Experience & Flow

• Phase Transition Modal: Implemented a new modal to summarize progress between different service phases, improving user orientation.
• Authentication: Optimized getProjects query to fix login timeouts and ensure stable session persistence on refresh.

🐛 Bug Fixes & Optimization

• Performance: Reduced redundant API calls during initial load and project fetching (if applicable).
• Reliability: Fixed "Data fetch timeout" and "onSaveResult is not a function" errors.

🌟 Marketing Site Overhaul & Analytics

This release focuses on the public-facing marketing website, implementing a complete funnel structure and robust analytics.

• Analytics Architecture:
• Migrated specific GA4 implementation to Google Tag Manager (container GTM-XXXXXXX).
• Implemented a unified analytics.ts utility for easy event tracking via dataLayer.
• Added comprehensive tracking for: Pageviews, Service Views, Purchase Intent, Tool Usage, and Template Downloads.
• Refactored layout.tsx to handle scripts efficiently.

• New Landing Pages (Dark Mode UI):
• src/app/start: Interactive "Choose your path" gateway.
• src/app/services: Overview and detailed sub-pages for all 6 core pillars (Perspective, Audio, etc.).
• src/app/membership: detailed pricing and benefits page.
• src/app/enterprise: B2B/Agency solutions page.
• src/app/templates: Resource download center with "lock" functionality.

• Technical Improvements:
• SEO: Implemented hreflang tags and dynamic metadata generation for service pages.
• Performance: Split Service Detail pages into Server Components (Metadata/Fetching) and Client Components (Interactivity/Tracking).
• Structure: Centralized static data in src/lib/data/services.ts.

🚀 Major Migration (Vite → Next.js)

This release marks a complete architectural overhaul of the application, migrating from a client-side Vite application to a server-rendered Next.js framework.

• Framework: Migrated from Vite to Next.js 16 (App Router).
• Routing: Implemented file-system based routing (src/app).
• Performance: Leveraged React Server Components (RSC) for improved initial load times and SEO.
• Styling: Updated to Tailwind CSS v4.

✨ New Features & Improvements

#### 🤖 AI Studio Review

• Loop Prevention: Added output token limits to prevent analysis hangs.
• Image Handling: Implemented client-side image compression (max 1920px, ~300KB) to fix upload crashes with large (4MB+) files.
• Public Access: Added a public-facing version of the Studio Review tool at /video-setup-review.
• Social Cards: Improved generation of downloadable "Review Cards" for social sharing.

#### 👤 Onboarding & Authentication

• Streamlined Flow: Fixed intermittent redirects and loop issues during onboarding.
• Error Handling: Resolved 500 Internal Server and 406 Not Acceptable errors during profile creation/updates.
• Auto-Project: Automatically creates a default "Mein Studio" project upon new user registration.
• Optimized Sync: Reduced redundant API calls during the backend synchronization process.

#### 🛠️ Technical

• Directory Structure: Reorganized codebase into src/app, src/services, src/components, and src/contexts.
• Supabase: Refined database schemas and triggers (handle_new_user) for robust user creation.
• Environment: Standardized environment variables to NEXT_PUBLIC_ prefix.

🐛 Bug Fixes

• Fixed a critical crash in the Studio Review analysis caused by hallucinated model names (gemini-2.5-flash).
• Fixed "onSaveResult is not a function" crash on the public review page.
• Fixed storage API errors when uploading large frame grabs.
• Fixed authentication state persistence issues on page refresh.

---

• Initial release built with React + Vite.
• Basic Studio Review functionality.
• Client-side only architecture.
• Basic Supabase integration.