crimson-ai

As a user, I want to generate, edit, and download AI images so that I can use BLOBBY's image intelligence tools. Implement the Image Studio page based on the existing JSX design (Image Studio v2). Include: prompt input for image generation, upload area for image analysis/editing, background remover and upscaler options, download button, and gallery history of generated images. Follows user flow: Chat → Image Studio: Generate Image → Image Studio: Download Image.

As a user, I want to have real-time conversations with BLOBBY so that I can get intelligent responses in a futuristic chat interface. Implement the Chat page based on the existing JSX design (Chat v2). Include: scrollable conversation history, liquid-style glassmorphism chat bubbles with soft inner glow, BLOBBY typing indicator animation, regenerate response button, input bar with microphone icon placeholder, and the glowing AI orb avatar. Follows user flow: Chat: Start Conversation → Chat: Regenerate Response → Image Studio → Doc Tools.

As a user, I want to use the backend API for real-time information retrieval so that BLOBBY can answer questions with current data. Build a FastAPI endpoint that triggers web search via Langchain tools, returning up-to-date news, facts, and data to be injected into BLOBBY's chat responses.

As an admin, I want to view and edit user accounts so that I can manage all platform users. Implement the User Manager page based on the existing JSX design (User Manager v2). Include: user list table with search/filter, user detail view, and edit user form with glassmorphism panels. Follows admin flow: Admin Dashboard → User Manager: View Users → User Manager: Edit User.

As an admin, I want to configure AI settings and manage themes so that BLOBBY operates as intended. Implement the Settings page based on the existing JSX design (Settings v2). Include: AI configuration panel, theme switcher (all 8 themes), and system preference controls. Follows admin flow: Admin Dashboard → Settings: Configure AI → Settings: Manage Themes.

As a user, I want to sign in to BLOBBY so that I can access my personalized AI companion. Implement the Login page based on the existing JSX design (Login v2). Include glassmorphism form panel, glowing input fields, futuristic sign-in button, and link to signup. Follows user flow: Login: Sign In → Chat: Start Conversation (General User) and Login: Sign In → Admin Dashboard (Admin). Ensure the design matches the Login v2 design page exactly.

As a user, I want to upload and analyze documents so that BLOBBY can summarize, extract, or edit my files. Implement the Doc Tools page based on the existing JSX design (Doc Tools v2). Include: file upload area (PDF, DOC, TXT), summarize button, extract text button, create/edit document options, and results display panel with glassmorphism styling. Follows user flow: Chat → Doc Tools: Upload Document → Doc Tools: Summarize Doc.

As an admin, I want to view system stats and monitor platform health so that I can manage BLOBBY effectively. Implement the Admin Dashboard page based on the existing JSX design (Admin Dashboard v2). Include: stats overview cards, system health monitor panel, navigation to User Manager and Settings. Follows admin flow: Login → Admin Dashboard: View Stats → Admin Dashboard: Monitor Health → User Manager / Settings.

As a user, I want the backend API for conversation memory so that BLOBBY remembers my previous interactions. Implement a memory/context management layer using Langchain to maintain per-user conversation context across sessions. Store and retrieve memory snapshots in MySQL. Expose endpoints for fetching and clearing conversation history.

As a user, I want to use the backend API for voice interaction so that I can speak to BLOBBY and hear its responses. Build FastAPI endpoints for: speech-to-text (voice input processing), text-to-speech (AI voice response generation), and real-time voice conversation session management.

As a user, I want to land on a stunning cosmic homepage so that I am immediately immersed in BLOBBY's futuristic experience. No JSX design is available yet — a design sub-step is required before implementation. Design and implement the Landing page with: 3D holographic AI orb avatar floating in the center with pulsating glowing gradients (purple, blue, pink), dynamic cosmic nebula background with animated particles, a radial mode-selection menu around the orb (Dream Weaver, Mind Storm, Quantum Dive, Doc Master, Sonic Realm, Empire Mode) with hover ripple animations, and glassmorphism panels. CTA navigates to Login. Follow user flow: Landing: View Orb → Landing: Select Mode → Login: Sign In.

As a user, I want the Chat page to communicate with the backend so that my conversations are processed and stored in real-time. Connect the Chat page to the Core Chat API and Memory API. Implement streaming message rendering, typing indicator driven by backend events, regenerate response action, and scrollable history loaded from API.

As an admin, I want the Admin Dashboard to display live stats and health data so that I can monitor the platform in real-time. Connect Admin Dashboard, User Manager, and Settings pages to their respective APIs. Implement data fetching, real-time health polling, and user CRUD actions in the UI.

As a user, I want BLOBBY to adapt to my behavior over time so that conversations feel increasingly personal. Build backend logic using Langchain and long-term memory storage to track user preferences, interaction patterns, and generate smart suggestions. Expose endpoints for preference retrieval and personality adaptation updates.

As a user, I want the Image Studio page to connect to the backend so that I can generate, edit, and download images seamlessly. Connect Image Studio page to Image Generation API and Image Tools API. Implement prompt submission, gallery display, upload flow, editing controls, and download functionality.

As a user, I want the Doc Tools page to connect to the backend so that I can upload, summarize, and extract content from my documents. Connect Doc Tools page to the Document Tools API. Implement file upload UI, summarization trigger, text extraction display, and document editing flow.