TikText

Aplicación de una sola página montada en src/main.tsx sobre createRoot. App.tsx actúa como router por estado con tres modos raíz — reader, lab y wallet — sin dependencia de router externo. El modo reader renderiza una pila de StoryCard dentro de un contenedor con snap-y mandatory; un efecto sobre el evento de scroll divide scrollTop entre la altura de ventana para calcular el índice activo, y solo esa tarjeta ejecuta el intervalo RSVP. StoryLab es un contenedor de pestañas que monta WritingStudio, VisualSynth y CreatorDashboard, con navegación inferior fija de cuatro destinos. CreatorWallet repite el patrón con sus propias cuatro pestañas (feed, studio, marketplace, wallet) y recibe callbacks para devolver al lector la portada elegida en FeedGrid. La capa de datos está separada en tres niveles: src/lib/http.ts crea la instancia axios con cabeceras X-Api-Key y X-Timezone derivada del navegador e interceptores que disparan toasts de error; src/lib/api.ts expone envoltorios genéricos get, post, put, patch y del tipados; src/services/creatorStudio.ts declara los tipos CreatorStats y CreatorContent y consume los dos endpoints del estudio con el sobre paginado genérico PaginatedResponse<T> definido en src/lib/types.ts. La biblioteca visual vive aparte en src/app/components/ui con 46 primitivos shadcn/ui, de modo que los 9 módulos de dominio suman unas 4.195 líneas propias sin mezclarse con el sistema de diseño.