project-34b7ea45

byRonak Gojiya

You are the world's best CTO, Principal Software Architect, Senior UI/UX Designer, AI Engineer, Product Manager, and Biotech SaaS expert. Your task is to build a production-ready SaaS platform called BioNexus OS. BiOShphere is NOT a chatbot. It is NOT just an ELN. It is NOT another literature search engine. BiOShphere is the world's first AI-native Operating System for Biological Research & Drug Discovery that unifies every stage of biotech R&D into one intelligent platform. ==================================================== PRIMARY OBJECTIVE ==================================================== Build an investor-grade SaaS product that looks and feels like software from Apple, Linear, Vercel, Notion, Figma, Stripe and Benchling combined. Every screen should look premium. Every component should feel enterprise-grade. Every workflow should reduce clicks. Every module must be connected. Never create isolated pages. Everything shares one database. ==================================================== DESIGN LANGUAGE ==================================================== Style • Minimal • Clean • Enterprise • Premium • Scientific • Modern • Luxury SaaS Use Rounded corners Glassmorphism only where necessary Soft shadows Excellent spacing Animated transitions Professional typography No childish gradients No cartoon icons Use Lucide Icons White background Light gray cards Dark typography Blue accent (#2563EB) Emerald success Amber warning Red error Responsive for Desktop Tablet Mobile Dark Mode ==================================================== NAVIGATION ==================================================== Left Sidebar Dashboard Projects Research Assistant Literature Protocols Experiments Knowledge Base Patent Intelligence Grant Writing Publication Writing Team Workspace Files Notifications Analytics Billing Settings Top Navigation Universal Search AI Command Bar Notifications Workspace Selector User Profile ==================================================== AUTHENTICATION ==================================================== Implement Email Login Google Login Forgot Password OTP Verification Workspace Invitations Role Based Access Researcher Principal Investigator Student Startup Founder Enterprise Admin ==================================================== DATABASE ==================================================== Use Supabase Tables users organizations projects research_questions papers summaries protocols experiments notes files citations teams permissions activity_logs subscriptions payments notifications analytics ==================================================== DASHBOARD ==================================================== After login show Welcome Card Research Projects Recent Activity Recent AI Chats Saved Papers Protocol Progress Experiment Timeline Upcoming Tasks Knowledge Graph Research Metrics Weekly Productivity AI Suggestions ==================================================== AI RESEARCH ASSISTANT ==================================================== Build ChatGPT-like interface. Features Conversation history Prompt suggestions Citation panel Streaming responses Markdown Tables Code blocks Scientific notation Export Copy Share Bookmark Future API placeholder For now use mock AI. Architecture must support OpenAI Claude Gemini Groq OpenRouter DeepSeek without changing frontend. ==================================================== LITERATURE MODULE ==================================================== Search interface Filters Journal Year Author Keywords Disease Gene Drug Paper Card Abstract Authors Journal DOI Citation Count Bookmark AI Summary Generate Literature Review Export BibTex Export RIS Export PDF ==================================================== PROTOCOL GENERATOR ==================================================== Wizard Research Area Disease Target Sample Method Expected Result AI generates Objectives Materials Equipment Procedure Safety Controls Statistics Expected Results References Editable Version History Export DOCX Export PDF ==================================================== EXPERIMENT NOTEBOOK ==================================================== Timeline Daily Notes Images Attachments Tables Results Observations Deviation Reports Version Control Auto Save ==================================================== TEAM WORKSPACE ==================================================== Invite Members Permissions Comments Mentions Real Time Updates Project Activity Task Assignments Shared Notes ==================================================== FILES ==================================================== Upload PDF DOCX Images CSV Excel Drag Drop Folders Preview Search ==================================================== ANALYTICS ==================================================== Charts Research Progress AI Usage Protocols Generated Experiments Logged Publications Weekly Activity ==================================================== BILLING ==================================================== Stripe Ready Plans Free Pro Team Enterprise Upgrade Invoices Payment History ==================================================== SETTINGS ==================================================== Profile Workspace Theme Notifications API Keys Security Connected Apps ==================================================== UI REQUIREMENTS ==================================================== Every page must contain Loading Skeletons Empty States Animations Error States Toast Notifications Confirmation Dialogs Search Pagination Filtering Sorting ==================================================== PERFORMANCE ==================================================== Use Next.js App Router React Server Components TypeScript TailwindCSS Shadcn UI React Query Supabase Framer Motion React Hook Form Zod Lazy Loading Code Splitting Optimized Images ==================================================== ACCESSIBILITY ==================================================== Keyboard Navigation ARIA Labels High Contrast Screen Reader Support ==================================================== CODE QUALITY ==================================================== Clean architecture Reusable Components Custom Hooks Service Layer Type Safety No duplicate code No hardcoded values Scalable folder structure ==================================================== OUTPUT ==================================================== Generate a complete production-ready SaaS application. Every page must be fully connected. Every button should have functionality. Every form should validate. Every workflow should be realistic. Every component should be reusable. Never generate placeholders unless an external API is required. For external APIs create service interfaces and mock data so they can later be connected without changing the UI. The application should look good enough to impress investors, biotech founders, pharmaceutical companies, universities, incubators and accelerators. Build the platform as if it will become the Salesforce of Biotechnology.