Tracking the evolution from utility tool to enterprise-grade AI ecosystem.
WorkflowAIAssistant.tsx (870 lines), an interactive in-canvas conversational assistant powered by multi-model intelligence (Gemini 3.6 Flash / OpenAI) with persistent chat history in PostgreSQL (workflows.chat_history). Enables creators to construct, wire, and modify visual DAG workflows via natural dialogue, complete with quick action chips (Image Generator, IF Condition, Email Notification, Web Scraper, and Auto-Layout cleanup).app/api/workflows/generate/route.ts and app/api/workflows/ai-chat/route.ts to translate free-form prompts into fully validated, executable DAG topologies. Features automated left-to-right coordinate calculation (triggers at x:100, intermediate steps spaced at Δx:350px, conditional bifurcation offsets at y:120/y:340), port connectivity sanitization (sanitizeWorkflowGraph), and deterministic fallback generation (generateFallbackWorkflow) for zero-downtime execution.src/lib/workflow/available-nodes.ts (570 lines) establishing a production registry of 10+ node types:
hostinger-cron-trigger: Scheduled recurring execution with cron presets (minute, hourly, daily, weekly) and timezone support (Asia/Kolkata, UTC).marketing-image-generator: AI marketing image generation with automatic aspect ratio normalization (1:1 Square, 3:2 Landscape, 2:3 Portrait) and image reference inputs.web-scraper: Headless web scraping node extracting live page content and summarizing via structured AI prompts.website-builder: Direct Playground project provisioning node executing site creation prompts and outputting live project URLs.send-email: Automated SMTP email dispatch node with recipient, subject, and mustache template body interpolation.if-condition: Logical branching engine with bifurcated true and false ports supporting contains, equals, starts_with, regex, and numerical operators.llm-generator, manual-trigger, http-request, rag-search, and sidebar-tool.app/api/cron/workflows/route.ts and src/lib/workflow/cronSchedule.ts with SHA-256 constant-time cryptographic authorization (timingSafeEqual) on WORKFLOW_CRON_SECRET. Employs the workflow_schedule_runs table to atomically claim scheduled triggers, avoid overlapping/duplicate runs with partial unique indices (WHERE status = 'running'), and track execution history.ExecutionLogViewer.tsx (1,058 lines) with real-time event-driven step execution streaming, node-level status indicators, detailed input/output JSON payload inspectors, and relative timestamp calculations (formatExecutionTime).WorkflowCanvas.tsx with native trackpad pinch-to-zoom and cursor-anchored scaling (Ctrl/Meta/Alt + wheel), Shift+wheel horizontal panning, Spacebar hand-tool panning, and a floating zoom toolbar (ZoomIn, ZoomOut, Maximize2 fit view, RotateCcw reset).NodeConfigPanel.tsx with single-step dry-run execution testing directly from the configuration drawer, copyable mustache variable chips ({{ nodes.<nodeId>.output.<port> }}), and dedicated configuration controls for all node types.WorkflowsListPage.tsx and WorkflowHeader.tsx with instant workflow activation toggles, suggested prompt templates (Daily Tech News Scraper, Support Ticket Urgency Triage, Marketing Concept Flyer Generator, Competitor Scraper), and granular Zustand store selectors to prevent unnecessary canvas re-renders.src/views/admin/AdminTokenPricing.tsx (820 lines) and app/admin/token-pricing/page.tsx providing a full administrative console for managing pay-as-you-go credit commerce: master enablement toggles, offline bank transfer toggles, price per 1,000 tokens configuration, currency selector, minimum/maximum purchase caps, purchase increment steps, customizable preset chips, and expiry rules.app/api/admin/token-pricing/stats/route.ts to calculate gross token revenue, tokens sold, completed vs. pending purchase orders, and recent order history tables with status badges.database/schema.sql and src/lib/db.ts to bifurcate user credits into subscription_balance (monthly plan quota subject to renewal cycles) and purchased_balance (non-expiring one-time top-ups). Implemented atomic database operations (creditPurchasedTokensAtomically, updateTokenBalance) with dedicated token_purchase_orders order tracking and idempotency_key enforcement on token_logs.src/views/pricing/PricingPage.tsx (795 lines) with a dedicated "Pay-as-you-go" tab alongside subscription tiers. Features an interactive credit purchase slider with preset quick-select buttons (1,000, 5,000, 10,000, 25,000 credits), dynamic cost calculation, payment method selection (Stripe card, PayPal, or Bank Transfer / Offline), and historical purchase order tracking./api/tokens/purchase/checkout: Creates one-time Stripe checkout sessions or PayPal capture orders (createTokenPurchaseCheckout) with custom purchase metadata./api/tokens/purchase/verify: Verifies completed gateway webhooks/sessions and atomically deposits purchased tokens into user balances./api/tokens/purchase/offline: Handles manual bank transfer requests for token packs with unique reference generation.app/api/admin/offline-payments/route.ts to automatically recognize token purchase orders (isTokenPurchase), atomically deposit credits via db.creditPurchasedTokensAtomically, log transactions to token_logs with idempotency, and reconcile token_purchase_orders statuses.Coins icon in AdminSidebar.tsx, and integrated credit balance badges with one-click top-up shortcut buttons in Sidebar.tsx.@sentry/nextjs (v11.9.0) across client, server, and edge runtimes via instrumentation.ts, instrumentation-client.ts, sentry.server.config.ts, sentry.edge.config.ts, and next.config.ts. Configured tunnel routing (/monitoring) to bypass ad-blockers and privacy extensions.src/components/ClientErrorMonitor.tsx (217 lines) to intercept uncaught window errors, unhandled promise rejections, and console errors, maintaining a circular in-memory buffer of the last 100 log events (__AI_SUITE_LOGS__) and auto-reporting crash incidents to /api/system/report-error.src/lib/error-reporter.ts (465 lines) to format diagnostic HTML emails with error messages, stack traces, browser environment data, viewport dimensions, user identity, and chronological console breadcrumbs. Features an in-memory cache with rate limiting (max 1 email per identical error signature every 3 minutes) to prevent notification flooding.app/error.tsx, app/global-error.tsx, and pages/_error.tsx offering users one-click reload recovery, diagnostic error IDs, and safe home navigation.LandingPage.tsx into 12 distinct, high-performance modular components in src/components/landing/.HeroSection.tsx and LandingHeader.tsx featuring a curved bottom aesthetic, high-resolution visual backdrop (hero-bg.jpg), interactive video demo modal trigger, and floating liquid glass navbar.StudioShowcaseSection.tsx (526 lines), an interactive multi-tab showcase highlighting the Text AI Writer, AI Website Builder, AI Image Studio, AI Music Studio, and WhatsApp Social Media Agents with live mockups and contextual action triggers.FutureOfAISection.tsx, PillBadgesRow.tsx, CustomTemplatesSection.tsx, MagicToolsSection.tsx, HowItWorksSection.tsx, TrustedSection.tsx, PricingSection.tsx, FAQSection.tsx, and LandingFooter.tsx.TradingTerminal.tsx and TradingChart.tsx to Binance live WebSockets (@ticker and @kline streams), delivering tick-by-tick real-time bar and price updates with reactive visual price flash animations (green/red flash pulses on price tick changes).Workbench.tsx utilizing jszip (v3.10.1) and file-saver, allowing users to download their complete WebContainer virtual filesystem directly into a .zip archive while filtering build caches (node_modules, .next, .git, .turbo, .cache).PresentationDeck.tsx with a toggleable AI slide designer chat sidebar (PanelRightClose / PanelRightOpen) to expand slide stage view to 100% width during editing and review.BrowserControlPage.tsx with tabbed navigation (chat, monitor, result), automatically switching to the result tab upon research task completion.DesktopOnlyRouteGuard.tsx (143 lines) guarding heavy creative studio routes (/workflow/*, /playground?projectId=*) on screens below 1024px with responsive modal prompts and mobile alert dispatch (/api/system/mobile-studio-alert).MusicGeneratorPage.tsx to gracefully catch browser autoplay policy rejections without breaking user interaction.src/lib/email-domain-guard.ts to strictly enforce transactional SMTP email dispatch only on authorized production domain (aisuite.mounikai.com), preventing accidental email dispatch during local development and preview environments.package.json with cross-env NODE_OPTIONS="--max-old-space-size=8192" to support memory-intensive production compilation.app/api/cron/database/route.tsx, paired with default website project seeding (peppermint-clean-project.ts).| Package | Version | Purpose |
|---|---|---|
@sentry/nextjs | ^11.9.0 | Enterprise client, server, and edge error monitoring and performance telemetry |
jszip | ^3.10.1 | In-browser WebContainer virtual filesystem compression and ZIP file generation |
cross-env | ^10.1.0 | Cross-platform environment variable configuration for build scripts |
SelectedElementSettings.tsx (630+ lines), an interactive floating inspection panel that slides into the WebContainer Workbench upon clicking any DOM element in visual edit mode, enabling real-time style customization, attribute tuning, and targeted AI prompt dispatch.PersistSelectedText) that validates unique occurrences across .html, .jsx, .tsx, .js, and .ts files, escapes HTML entities safely, writes updates directly into the WebContainer filesystem, and synchronizes to the cloud database.VISUAL_EDIT_BRIDGE_SCRIPT in src/stores/workbench.ts and Preview.tsx to handle UPDATE_SELECTED_ELEMENT and CLEAR_SELECTED_ELEMENT events, applying real-time DOM mutations without page reloads, and automatically upgrading previously injected bridge scripts via regex replacement.PanelLeftOpen drawer button in Workbench.tsx to easily restore and toggle collapsed chat panes across desktop and mobile screen sizes.app/api/website/assets/route.ts backed by Supabase Storage (website-assets bucket) supporting PNG, JPEG, WebP, GIF, and AVIF uploads up to 10 MB with automated bucket initialization and SHA-256 user-isolated namespaces ({sha256(email)}/{uuid}.{ext}).isPubliclyRoutableHost() network validation to thwart Server-Side Request Forgery attacks, strictly blocking private subnets (10.x, 192.168.x, 172.16-31.x), loopbacks (127.x, ::1), link-local ranges (169.254.x, fe80::), and internal domains (.local, .internal, .localhost)./api/marketing or /api/xkiro-marketing) directly inside the element inspector, allowing users to describe an image, select aspect ratios (1:1 square, 3:2 landscape, 2:3 portrait), poll asynchronous task completion, and automatically persist the output to Supabase CDN.PersistSelectedImage in playground.tsx to locate <img> tags matching current src or alt across all project files, update attributes to CDN URLs, commit changes to WebContainer files and the project database, and automatically roll back in-memory files if network synchronization fails.payments table in database/schema.sql with currency, reference, reviewed_by, and reviewed_at columns with self-migrating column checks. Extended subscriptions table with expires_at timestamptz.src/views/pricing/PricingPage.tsx with a "Pay offline" checkout action with a bank landmark icon and an interactive dialog displaying admin-configured transfer instructions, platform currency, and reference code submission.app/api/offline-payment/route.ts allowing authenticated users to submit transaction references for active plans and retrieve past requests.db.getActiveSubscription and db.getUserPlan in src/lib/db.ts with SQL conditions (expires_at IS NULL OR expires_at > NOW()) to enforce automatic expiration for manual and offline subscription tiers.app/api/subscription/cancel/route.ts to cleanly handle cancellation of offline plans without dispatching external Stripe API requests.src/views/admin/AdminOfflinePayments.tsx and app/admin/offline-payments/page.tsx providing a full administrative portal to view all pending, approved, and rejected manual transfers with real-time filtering, reference checking, and formatted amounts.src/components/admin/AdminSidebar.tsx.BEGIN / FOR UPDATE / COMMIT / ROLLBACK) in app/api/admin/offline-payments/route.ts to prevent double-approval race conditions, dynamically calculate subscription validity (expiresAt) using date-fns based on plan interval, atomically increment token balances via db.addTokenBalanceAtomically with audit logging, and activate the subscription under gateway: 'offline'.app/api/admin/settings/route.ts with strict session.role === 'admin' validation on both GET and POST requests, eliminating unauthorized configuration reads or tampering.src/views/admin/AdminSettings.tsx with validation preventing enablement without instructions.offlinePaymentsEnabled and offlinePaymentInstructions to SystemSettings.metadata in src/contexts/SettingsContext.tsx and seeded default testing values in app/api/cron/database/route.tsx.src/views/TextToSpeechPage.tsx to clarify generation limits in preview environments.@webcontainer/api (v1.6.4) to boot isolated, browser-based Node.js runtimes capable of running npm installs, starting Vite dev servers, and streaming live hot-reloading.Editor.tsx powered by @monaco-editor/react featuring breadcrumb file navigation, multi-language syntax highlighting (TypeScript, TSX, JSX, CSS, HTML, JSON, Markdown), and live in-memory updates.FileTree.tsx providing an intuitive project folder tree with nested directory browsing, active file selection, and unsaved changes tracking.Terminal.tsx utilizing @xterm/xterm (v6.0.0) and @xterm/addon-fit to render live build logs, package installation progress, and dev server output.src/stores/workbench.ts with Zustand and @nanostores/react to manage WebContainer lifecycle, file buffers, preview states, and terminal writers.PreviewGradientLoader.tsx with smooth multi-orb glowing animated mesh gradients and live build status messages during WebContainer initialization.database_connections table in database/schema.sql with Row Level Security (RLS) and full CRUD management routes in app/api/database-connections.DatabaseModal.tsx (DatabaseView) with a step-by-step visual tutorial using 5 dedicated walkthrough guides (public/database/1.png–5.png) for configuring Supabase URL, anon key, service key, and connection strings.app/api/database-connections/run-query running SQL migrations via pg client, automatically applying schema grants (GRANT ALL ON ALL TABLES/SEQUENCES TO anon, authenticated) to eliminate permission errors.src/components/website/playground/prompt.txt to generate timestamped migration files in supabase/migrations/ and configure @supabase/supabase-js clients.app/api/github/connect, callback, disconnect, and status utilizing secure HttpOnly cookies and configurable callback URLs.app/api/github/push to automatically create new private or public GitHub repositories, push multi-file git trees, create initial commits on main, and return live repository links.isSensitiveProjectPath() in src/lib/github.ts to automatically exclude .env files, private keys, certificates, .npmrc, and binary files from being pushed to remote repositories.app/public/[projectId]/page.tsx and public-project.tsx allowing external users to boot WebContainer and experience live project previews without an account.app/api/website/publish and added the is_public column in the websites table to enable one-click publishing or unpublishing of project files.app/api/website/share allowing users to dispatch direct project invitation emails to collaborators via sendEmail.src/views/Website.tsx with ProjectPreview supporting serialized multi-file project maps, strict CSP headers, script stripping, and IntersectionObserver lazy loading.src/utils/artifactParser.ts to parse streaming <boltArtifact> and <boltAction> tags, applying multi-file code updates and running background commands.VISUAL_EDIT_BRIDGE_SCRIPT into preview iframes, enabling users to click any preview element to inspect its tag, DOM path, and HTML, sending targeted context back to AI for instant visual refinements.demoreact/ containing a pre-configured Vite + React + Tailwind sandbox used as the instant base template for WebContainer generation.app/api/template to serialize and serve directory trees directly to WebContainer..env for file and asset uploads.documentation/documentation.html (1200+ lines) detailing full-stack architecture, deployment, environment variables, and GitHub OAuth integration.src/components/announcement-banner.tsx with pulsing live indicator, 12-hour system-synced countdown timer, glassmorphism gradient styles, and custom dismiss events.useGeminiStream, useAgent, useGameMaker, WebsiteWikiPage, and WorkflowBuilderPage with line buffer caching to handle partial streaming chunks without JSON parse errors.same-origin) and COEP (credentialless) in next.config.ts and vercel.json to enable browser SharedArrayBuffer isolation.hideNav prop to src/components/layout/Layout.tsx for full-screen playground viewports.| Package | Version | Purpose |
|---|---|---|
@webcontainer/api | ^1.6.4 | In-browser Node.js runtime and dev server execution |
@monaco-editor/react | ^4.7.0 | Monaco code editor with multi-language syntax highlighting |
@xterm/xterm & @xterm/addon-fit | ^6.0.0 / ^0.11.0 | Terminal emulation for WebContainer dev server stdout/stderr |
@nanostores/react & nanostores | ^2.0.1 / ^1.5.4 | Reactive state management for workbench files and processes |
tailwindcss | 3.4.17 → 3.4.19 | Updated Tailwind CSS core framework |
postcss | 8.5.6 → 8.5.28 | Updated PostCSS compiler |
autoprefixer | 10.4.21 → 10.6.1 | Updated CSS vendor prefixing |
src/views/WorkflowBuilderPage.tsx) for constructing robust AI task sequences.src/views/WorkflowsListPage.tsx to organize, track, and execute custom automated workflows.app/api/workflows and specialized orchestration logic in src/lib/workflow.src/stores to standardize global application state for complex interactive modules like the Playground and Workflows.src/types to enforce strict TypeScript interfaces across frontend components and API endpoints, enhancing developer experience and app reliability.postcss.config.js with the modern CommonJS format postcss.config.cjs for better module resolution.database/schema.sql and synchronized the core src/lib/db.ts driver configuration.Playground, AgentWorkspace, PresentationDeck, and AssetViewer.LandingPage, VoiceAgentPage, and core Website rendering components to take full advantage of new visual assets and integrations.src/lib/ai-service.ts featuring generateText() with automated provider fallback routing across OpenAI, Anthropic, Gemini, DeepSeek, Groq, Mistral, Together AI, and Cohere.app/api/ai/proxy/route.ts and app/api/ai/stream/route.ts with SSE header optimization, token metering, and model identifier resolution.src/components/website/playground/playground.tsx and WebsiteDesign.tsx with real-time live preview rendering and code sandbox synchronization.src/components/website/playground/prompt.txt defining strict HTML component standards, dark/light theme tokens, and dynamic layout rules.src/lib/resume-pdf-exporter.ts using jsPDF and docx for one-click downloading of AI-generated resumes.cleanPreamble() logic in src/views/ResumePage.tsx to sanitize generated output and remove markdown fences and meta-text prior to document compilation.src/utils/toolCallParser.ts featuring extractToolCallsFromText() for parsing structured function calls (<tool_call><function=...>) directly from model stream text.src/views/BrowserControlPage.tsx and autonomous web agent tasks.src/components/presentation/PresentationDeck.tsx and PitchDeckHero.tsx with enhanced slide themes, layout presets, and prompt generators.update_api.cjs to synchronize API endpoints across Manga Generator, YouTube Thumbnail Creator, Flyer Designer, Business Card Designer, and Brochure Designer tools.mobile/eas.json with development, internal preview APK, and production build pipelines.expo-build-properties, Metro resolution configs, adaptive launcher icons, and Android native build Gradle scripts.| Package | Version | Purpose |
|---|---|---|
@openrouter/sdk | ^1.2.147 | Updated OpenRouter client SDK for model catalog access |
react-icons | ^5.7.0 | Expanded vector icon suite for provider UI badges |
expo-build-properties | ^57.0.17 | Native mobile build property overrides for Android/iOS |
app/api/tts/route.ts and configuration in src/lib/tts-config.ts to support advanced speech synthesis.src/views/TextToSpeechPage.tsx and app/text-to-speech/page.tsx allowing users to generate and preview high-quality audio from text.src/components/chat/ModelSelector.tsx to easily switch between AI models across the application.src/components/ui/provider-icon.tsx to display beautiful SVG icons for various AI providers.src/components/layout/GlobalSearch.tsx for faster and more accurate workspace-wide searching.src/components/layout/Header.tsx and src/components/layout/Sidebar.tsx for a more responsive and streamlined user experience.src/views/LoginPage.tsx and src/views/RegisterPage.tsx.app/api/ai/proxy/route.ts and app/api/ai/stream/route.ts for better performance, stability, and handling of new models.src/components/landing/InteractiveFeaturesShowcase.tsx featuring tabbed live previews for Text, Image, Code, Voice, Video, Translation, and SQL tools with real-time prompt triggers.src/components/landing/AIMusicShowcase.tsx with interactive audio track preview cards, genre selector tags, and animated audio waveform visualizers.src/components/landing/MobileAppSection.tsx highlighting Android & iOS native applications with QR code app store downloads and device safe area previews.src/components/landing/TestimonialsSection.tsx featuring verified client reviews, star rating badges, customer avatars, and an interactive testimonial slider.@keyframes hero-orbit-spin orbital keyframe animations in app/globals.css with prefers-reduced-motion hardware accessibility overrides.app/privacy/page.tsx and src/views/PrivacyPage.tsx providing a responsive, structured Privacy Policy covering data protection, encryption, cookie policies, and user consent controls.app/terms/page.tsx and src/views/TermsPage.tsx detailing platform licensing, token economic consumption rules, acceptable AI use policies, and service liability terms.src/components/chat/ChatWidget.tsx with a custom SVG/CSS liquid morphing AI orb (AiOrbIcon) animated via waterMorph and liquidFlow keyframes.src/views/CustomRequirementPage.tsx with status filter tabs (All, Pending, In Progress, Completed, Rejected), search query input, and pagination controls.Low, Medium, High, Urgent) and client budget allocation badges.app/api/custom-requirement/route.ts to support status-based filtering, priority tagging, client budget fields, and admin response notes.src/views/LoginPage.tsx and src/views/RegisterPage.tsx to read the redirect search parameter via useSearchParams(), navigating users directly to their target destination post-authentication.<Suspense> boundaries to prevent hydration errors during static generation and client navigation.min-h-full flex-1 flex flex-col items-center ... overflow-y-auto to prevent clipping on small viewports.src/components/announcement-banner.tsx with gradient background themes, custom action links, auto-hide options, and session state persistence.src/components/admin/BannerManager.tsx with live preview editing, active toggles, custom CTA target URLs, and target audience filters.app/api/ai/stream/route.ts and app/api/ai/proxy/route.ts for faster SSE buffer flush times and context parameter safeguards.src/lib/rag.ts.gemini-2.5-flash with gemini-3.6-flash as the platform's primary default model in src/lib/models.ts with 1,000,000 token context window support.DEFAULT_MODEL_ID to gemini-3.6-flash so all unassigned tool queries dynamically default to the next-generation engine.app/api/ai/stream/route.ts to automatically assign gemini-3.6-flash for all non-manual agent tool streams.app/api/ai/proxy/route.ts fallback resolution to default to gemini-3.6-flash.app/api/admin/translations/ai-suggest/route.ts to route translation suggestion requests to gemini-3.6-flash.src/lib/rag.ts model fallback sequence, setting gemini-3.6-flash as the lead synthesizer for vector database search results.app/api/chat/rag/route.ts to attribute live RAG queries and token balance consumption to gemini-3.6-flash.src/hooks/useAgent.ts meeting assistant hook to utilize gemini-3.6-flash for fast, spoken-word conversational output.src/lib/voice-agent/gemini-service.ts socket connection service to stream directly through gemini-3.6-flash.src/lib/instagram/manager.ts, src/views/InstagramAgentPage.tsx, and app/api/social/instagram/settings/route.ts to gemini-3.6-flash.src/lib/whatsapp/manager.ts, src/views/WhatsAppAgentPage.tsx, and app/api/social/whatsapp/settings/route.ts to gemini-3.6-flash.database/schema.sql table definitions (whatsapp_agents, instagram_agents) and database seed routines in app/api/cron/database/route.tsx to default model_id to gemini-3.6-flash.src/components/layout/Header.tsx model selector dropdown to present Gemini 3.6 Flash as the default free tier selection.src/components/website/playground/_components/aiClient.ts stream function to default to gemini-3.6-flash.mobile/package-lock.json) and synchronized main package-lock.json dependencies.react-native-webview, managing styling, orientation, and status bar colors dynamically.react-native-safe-area-context to handle devices with notches and custom rounded screen configurations, ensuring all buttons and headers are accessible.sharedCookiesEnabled and thirdPartyCookiesEnabled) to ensure users remain logged in across mobile app launches.useBackHandler hook to capture Android hardware back button actions, navigating backward through the WebView page history instead of closing the app.onShouldStartLoadWithRequest) to keep application routes inside the WebView while opening external links (like browser links, tel:, mailto:, sms:) in their respective system applications.@react-navigation/native-stack to load the interactive web experience.native-app, platform-[os]) to allow conditional server-side styling and disables browser-based PWA installation banners inside the native wrapper.AISuiteNativeApp/1.0 to the User-Agent string to help server-side middleware and layouts detect when queries originate from the mobile application.10.0.2.2) and iOS simulator (localhost).SplashLoader.tsx) that transitions smoothly via React Native's animation driver once the underlying WebView finishes loading.package.json to start the Expo dev server, prebuild iOS/Android folders, and compile platform builds (mobile:install, mobile:start, mobile:prebuild, android, ios, mobile:build:android, mobile:build:ios).mobile folder to exclusions in the main tsconfig.json to keep separate project environments isolated.*.jks, *.p12), and provisioning files to the root .gitignore.src/views/LoginPage.tsx to wrap the "Quick demo login" block (Admin Demo and User Demo buttons) in a settings check. If `showDemoMode` is disabled in the admin dashboard settings, the demo credentials panel is cleanly hidden from the login screen.| Package | Version | Purpose |
|---|---|---|
expo | ~54.0.0 | Standard application framework context |
react-native-webview | 13.15.0 | Native WebView renderer for web integration |
react-native-safe-area-context | ~5.6.0 | Utility to query notched device inset values |
@react-navigation/native-stack | ^7.3.0 | Screen navigation manager for application screens |
/social/instagram featuring workspaces for Scheduler, DMs Auto-Reply, Comment Reply, and Settings.generate-image) and video reel generation (generate-reel) from the AI Marketing studio directly within the schedule post composer.scheduled, published, failed) with detailed error report logs./api/social/instagram/webhook) conforming to Meta Graph API Hub verification protocols./me/messages and /{comment_id}/replies) to transmit outbound replies dynamically to customers on Instagram./api/social/instagram/scheduler-cron) to scan due posts, initiate Graph API media container creation, and publish live content.instagram_agents, instagram_posts, instagram_dm_logs, and instagram_comments_logs tables with indexes, RLS, and security policies.@whiskeysockets/baileys to connect to WhatsApp Web API, managing multiple concurrent socket connections under a robust, global WhatsAppManager singleton./social/whatsapp) featuring a searchable contact sidebar, live scrollable chat logs (labeled with AI vs. Manual flags and token usage), and an instant manual messaging composer.whatsapp_agents, whatsapp_sessions, and whatsapp_logs tables with indexes, RLS, and a mock conversation seed utility in the database cron pipeline.LanguageContext.tsx and AutoTranslator.tsx to synchronously activate a backdrop-blur loading mask, preventing the "flash of untranslated text" while dynamic translation renders.useTaskPolling hook across all AI Marketing generators (Avatar Studio, Flyer/Brochure Designers, Video/Reel/Music Generators, etc.) with standard inline useEffect intervals to reduce polling overhead. Deleted the obsolete useTaskPolling.ts.isComingSoon support in navigation sidebar cards (e.g., for Instagram and Facebook agents), rendering them with 50% opacity, disabled interaction, and custom tooltip cues.top-24 for better visibility when visible.| Package | Version | Purpose |
|---|---|---|
@whiskeysockets/baileys | ^7.0.0-rc13 | Multi-device WhatsApp Web API socket adapter |
jimp | ^0.22.10 | Node.js image processing library |
PPT Playground (/ppt-playground) allowing users to construct detailed, multi-slide presentations using a visual playground./pitch-deck) into an interactive editor interface, letting users generate custom slides directly from their startup details.src/utils/pptxExporter.ts) using the pptxgenjs library to export designs, metrics, pricing tiers, and slide content directly to .pptx.presentations table to database/schema.sql to store user presentation files, complete with appropriate RLS policies, indexing, and direct pg queries in src/lib/db.ts.ChatWidget.tsx. Supports drag/file upload, image previews, and rendering via Markdown.AvatarPicker and ProductPicker into flyer, brochure, logo, and manga generators to seamlessly pass user character and product photos into Grok's image-to-video and text-to-video pipelines.isDocumentQuery) to ignore document databases for simple conversational queries, greetings, and general questions.0.1 to a robust 0.45, falling back to 0.3, while removing irrelevant latest-chunk fallbacks.src/lib/rag.ts. If primary Gemini models fail, queries fall back to OpenAI (gpt-4o-mini) and then NVIDIA NIM endpoints (llama-3.2-11b-vision-instruct / llama-3.1-8b-instruct).showDemoMode variable in system settings. Operators can toggle this via the Admin Panel to hide watch demo links, buy buttons, and discounts on the landing page.| Package | Version | Purpose |
|---|---|---|
pptxgenjs | ^4.0.1 | Native PowerPoint (.pptx) presentation builder |
src/lib/db.ts (getLanguages, saveLanguage, toggleLanguage, deleteLanguage, getTranslationKeys, getTranslationsForLanguage, getAllTranslations, saveTranslation, deleteTranslationKey) to execute direct parameterized SQL queries using the pg client.bulkSaveTranslations to execute instant PostgreSQL ON CONFLICT DO UPDATE bulk translation updates.cn) language switching and translation fallback handling in AutoTranslator.tsx, LanguageContext.tsx, and app/api/translations/route.ts to ensure seamless UI localization.src/lib/seed_translations.ts with thousands of localized strings for Chinese (cn), English (en), French (fr), Spanish (es), and Arabic (ar), covering UI elements, video creation prompts, tools descriptions, and market tags.app/api/cron/database/route.tsx to handle schema migrations and translation seeding natively using pg queries instead of relying on Supabase client endpoints.marketing_assets table with unique design history retrieval.middleware.ts) to intercept /ai-marketing designer endpoints and enforce a 50-token deduction cost check.database/schema.sql to track Paystack credentials and currency configurations in settings./api/subscription/cancel) to immediately terminate active subscriptions on Stripe, PayPal, Razorpay, and Flutterwave while updating database status to canceled.getFeatureById.Math.ceil(baseCost * 1.5)) in the UI.admin@example.com).window.location.protocol) rather than forcing HTTPS prefixes locally.subscriptions table in database/schema.sql with a gateway tracking column to track active transaction vendors.lightweight-charts library.Ctrl/Cmd + K), timeframe selectors, and collapsible side and indicator panels.database/schema.sql) with four new tables: trading_watchlists, trading_signals, trading_alerts, and trading_portfolio, with appropriate indices and row-level security.trading-terminal feature.| Package | Version | Purpose |
|---|---|---|
lightweight-charts | ^5.2.0 | High-Performance interactive charting canvas |
/dashboard/notifications) supporting notification search, read/unread filters, single/all-read marking, deletion, and rich HTML detail viewing./admin/notifications) to draft, broadcast, schedule, and pin notifications, as well as respond to user reply threads.database/schema.sql and database seed utilities with three new tables (notifications, notification_recipients, and notification_messages).db.ts) to calculate monthly recurring revenue in addition to total lifetime revenue.app/api/browser/proxy/route.ts) to rotate request user-agents and perform exponential retry backoffs.showSettings = true) for improved discoverability.webhook_events tracking system to securely prevent duplicate processing of external gateway events.database/schema.sql to centrally manage the new security columns, 2FA mechanisms, and custom domain mapping states.razorpay.ts) using direct API endpoints.gateway-factory.ts to dynamically instantiate Razorpay checkout handlers based on the active administrative configuration.AdminSettings.tsx and SettingsContext.tsx to allow platform operators to securely manage Razorpay API keys and webhook secrets.PricingPage.tsx to seamlessly render Razorpay payment flows during plan upgrades and token purchases.database/schema.sql and db.ts to securely persist the new Razorpay configuration fields within the global settings structure.AdminModelUsage.tsx), backed by dedicated tracking endpoints.AdminTokenUsage.tsx) for user-level auditing and system-wide cost analysis.AdminDomains.tsx) to oversee mapped custom domains, monitor site statuses, and manage tenant routing.app/sites/[subdomain], enabling seamless subdomains for user-generated websites.middleware.ts to securely map incoming domain requests to their respective site configurations.WebsiteDesign and WebpageTools components for a smoother drag-and-drop experience.ElementSetting properties panel and ChatSection to offer deeper customization controls for generated UI components.htmlProcessor.ts capabilities to seamlessly compile and render AI-generated blocks into the live preview canvas./api/keepalive endpoint to maintain warm serverless functions during idle periods.database/schema.sql to accommodate the new domain mapping tables and enhanced analytics tracking.gemini-2.5-flash. Generates short, conversational, human-like voice responses (1-3 sentences), automatically stripping markdown/formatting for voice synthesis.voice_agent_config, voice_calls, voice_transcripts).middleware.ts) with a global credit interceptor. Clones and parses POST API requests to verify user credits before execution./api/internal/validate-token endpoint and dynamically maps requests to their configured token cost, blocking unauthorized API overuse with clean 403 errors.x-deducted-cost and x-deducted-feature request headers.FlutterwaveGateway) with real-time webhooks (/api/webhook/flutterwave).| Package | Version | Purpose |
|---|---|---|
react-phone-number-input | ^3.4.16 | International Phone Fields & Flags |
Fabric.js and react-rnd for advanced, drag-and-drop marketing asset customization.database/schema.sql system. The database is now the single source of truth for the entire application ecosystem.npm run migrate command with a dedicated runner (migrate.ts) for seamless environment synchronization.proxy.ts to a native Next.js middleware.ts for superior routing performance and security.Zustand for high-performance, predictable client-side state across complex multi-step workflows.| Package | Version | Purpose |
|---|---|---|
fabric | ^7.3.1 | Advanced Canvas Editing |
zustand | ^5.0.13 | Global State Management |
react-rnd | ^10.5.3 | Resizable/Draggable UI |
html-to-image | ^1.11.13 | Asset Export Pipeline |
Music Generator module and its associated dependencies to reduce the overall application bundle size.system_settings table instead of transiently in session or local state. newSettingsContext and AdminSettings components to correctly sync and fetch database-backed state, resolving configuration loss across user sessions./api/admin/settings route to perform direct database updates and removed aggressive caching that previously interfered with state hydration.yet-another-react-lightbox for a sophisticated full-screen image viewing experience with zoom and gallery support. newmarketing_assets, marketing_tasks, marketing_avatars, and marketing_products tables with full RLS security.yet-another-react-lightbox ^3.31.0 — Sophisticated image gallery and lightbox component.Website Wiki transforms any URL into a structured, editable wiki document using AI-powered content refinement. newTurndown HTML-to-Markdown conversion with automatic boilerplate removal (scripts, nav, footer, aside)./api/ai/stream endpoint, ensuring full model compatibility via selectedModel.wiki-exporter.ts.BannerManager.tsx) with live preview, gradient color picker, date scheduling, CTA button configuration, and priority ordering.contentEditable-based WYSIWYG component (rich-text-editor.tsx) for banner message formatting — supports Bold, Italic, Underline, Strikethrough, Links, and keyboard shortcuts.localStorage tracking prevents dismissed banners from reappearing.--banner-height dynamically adjusts layout to prevent header/sidebar clipping when banners are active.announcement_banners — supports message, scheduling (start/end date), gradient styling, CTA buttons, priority, and enable/dismiss flags.schema.sql updated from 13.6 KB → 14.6 KB with full RLS policies for the new table.GET /api/banners — returns the highest-priority active banner within its scheduled time window./api/admin/banners — full CRUD endpoints (GET, POST, PATCH, DELETE) for banner management.POST /api/website-wiki/extract — server-side URL scraping with Turndown conversion (30K char limit for AI context).app/layout.tsx restructured with flex column layout and h-dvh overflow-hidden for proper viewport management. AnnouncementBanner renders above the main scroll container.sidebar-routes.tsx updated with Website Wiki entry under Core Tools, marked as isNew.src/scripts/list-models.js utility for debugging available Gemini API models.turndown ^7.2.4 — HTML to Markdown conversion for wiki scrapingdocx ^9.6.1 — DOCX document generation for wiki exportfile-saver ^2.0.5 — Client-side file download utility@types/turndown, @types/file-saver — TypeScript type definitionsLOWER(user_email)..env and the project to resolve the OpenAI API issue.package-lock introduced.pdf-parse with pdf2json for robust extraction./website component for site management.