A4F

Changelog

Stay up to date with the latest updates, new features, and exciting changes.

Docs: Update Provider IDs & Pricing Addresses

Updates to API examples, provider routing, payment addresses, and plan activation times in documentation.

  • Improvement: Changed provider ID from 'provider-1/gpt-4o' to 'provider-1/chatgpt-4o-latest' in API examples and code snippets.
  • Improvement: Updated curl, JSON payloads, and SDK usage to reflect the new provider routing strategy.
  • Improvement: Revised TRC-20 and BEP-20 addresses.
  • Improvement: Adjusted plan activation time from 24 hours to 10-30 minutes.

    • Fix: Consistent Full API Key Copying & UI Clarity

    Resolved an issue to ensure the 'Copy' button always copies the full API key and updated related UI text for better user experience.

  • Bug Fix: Ensured the 'Copy' button in API key management consistently copies the full API key.
  • Bug Fix: Updated toast notification title to 'Full API Key Copied!' and description for clarity.
  • Bug Fix: Revised the copy button tooltip to 'Copy full key' to accurately reflect its function.

    • Pricing Updates, FAQ Enhancements & UI Refinements

    Introduced new free plan limits, updated savings information, and refined the FAQ and pricing page UI for better clarity and user experience.

  • New Feature: Added '300 RPD Request Limit' to the Free plan features, including an informational tooltip.
  • New Feature: Updated savings in pricing FAQ from 'up to 60%' to 'up to 90%'.
  • Improvement: Refined FAQ accordion styling for a more compact and visually appealing presentation.
  • Improvement: Adjusted icon alignments in pricing page warnings and FAQ section.
  • Improvement: Removed 'Community support' from the Free plan features.

    • Docs & About Page Enhancements, File Organization

    Standardized model naming in docs, updated API key placeholders, refactored the About Us page for better modularity, and improved project file organization.

  • New Feature: Standardized model naming in API examples to use provider prefixes (e.g., 'provider-1/gpt-4o').
  • Improvement: Updated API key placeholders in code snippets to 'YOUR_A4F_API_KEY' for clarity.
  • Improvement: Refactored the 'About Us' page, improving its structure and component modularity.
  • Improvement: Improved project file organization by moving utility scripts to an 'xtra/' directory.
  • Improvement: Removed underlines from NextPageLink components for cleaner navigation styling.

    • About Page Overhaul, Dark Mode & UI Enhancements

    Comprehensive update to the 'About Us' page with new sections and contributor details, improved dark mode consistency, and refined styling across the application.

  • New Feature: Overhauled 'About Us' page with new modular components (Hero, Team, Commitment, Trust, Repositories sections).
  • New Feature: Enhanced contributor cards on 'About Us' page with keywords, tooltips, and new team members.
  • Improvement: Improved dark mode styling for the Refund Policy page and other UI elements.
  • New Feature: Added '@tailwindcss/typography' plugin and a new 'premiumGlow' animation for enhanced styling options.
  • Improvement: Replaced 'Our Values' section with 'Trust Through Transparency: Our Open Source Commitment' on the About page.
  • Bug Fix: Corrected an import path in the Model Grid component.

    • Models Section & Metadata Refactor

    Significant refactoring of the AI models display section for better modularity and improved metadata management in the application layout.

  • Improvement: Overhauled the 'Models' section, modularizing UI and logic into new components, types, and utility directories.
  • Improvement: Enhanced metadata handling and management within the main application layout.
  • Improvement: Removed 'use client' directive from the old models-section.tsx as part of the refactor.

    • Enhanced Model Feature Display & Dialog UX

    Improved how model features are displayed, including feature previews on model cards and a detailed 'Supported Features' section in the model dialog.

  • New Feature: Refactored API logic to correctly aggregate and display features for base models and individual providers.
  • New Feature: Model cards now show a preview of supported features using badges.
  • New Feature: Added a new 'Supported Features' (Beta) section to the model details dialog, showing per-provider capabilities.
  • Improvement: Implemented custom scrollbars for model dialog content for consistent UI.
  • Improvement: Updated OpenGraph and Twitter card images to use CDN URLs.

    • Metadata Refactor & Layout Enhancements

    Centralized Open Graph/Twitter metadata management, updated social preview images, and improved main page layout structure for better SEO and maintainability.

  • Improvement: Migrated Open Graph (OG) and Twitter card configurations to Next.js metadata object for centralized management.
  • Improvement: Updated deploymentURL logic for Vercel deployments and enhanced SEO keywords.
  • Improvement: Replaced social media preview images (og-image.png, page-preview.png) with a new home-preview.jpg.
  • Improvement: Wrapped main page content in <main> HTML5 semantic tag for improved structure and accessibility.

    • Chat Playground Selection & Navigation Updates

    Introduced a new chat playground selection page allowing users to choose between Playground V1 and V2, and updated navigation links across the app.

  • New Feature: Implemented a new page at /chat for users to select between Playground V1 and Playground V2.
  • New Feature: Chat selection page displays features, known issues, and feedback options for each playground version.
  • New Feature: Utilized environment variables for configuring Playground V1 and V2 URLs.
  • Improvement: Updated 'Try Model' buttons (Model Grid, Models Section) and Hero component input to navigate to the new /chat selection page.

    • Code Quality: Dashboard Stats ESLint Fix

    Resolved an ESLint error in dashboard statistics by changing a variable declaration from 'let' to 'const'.

  • Bug Fix: Corrected an ESLint error in dashboard-stats by changing 'let' to 'const' for 'successfulRequestsCount'.

    • API Data Structure Updates & Chat Navigation Enhancement

    Aligned frontend API routes with backend data structure changes for dashboard stats and user API keys. Improved chat page navigation when returning from external playgrounds.

  • New Feature: Updated dashboard statistics API to align with revised backend data structures (e.g., 'current_plan', 'effective_days_remaining').
  • New Feature: Modified user API key retrieval to fetch new fields like RPM/RPD limits and plan details from the backend.
  • Improvement: Enhanced chat page navigation: users are now redirected to the home page when navigating back from an external playground.

    • Refactor: Centralized Playground URL Configuration

    Updated 'Try Model' buttons in the models section and model grid to use a centralized environment variable for the playground URL, ensuring consistency.

  • Improvement: Refactored 'Try Model' button in the model grid component to use the NEXT_PUBLIC_PLAYGROUND_URL environment variable.
  • Improvement: Updated 'Try Model' button in the main models section to also use the NEXT_PUBLIC_PLAYGROUND_URL environment variable.

    • Chat Page Refactor: Playground Redirection & UX States

    Simplified the chat page by redirecting to a configurable external playground URL. Removed the previous iframe and added loading/error states for improved user feedback.

  • Improvement: Refactored chat page to redirect users to an external playground URL (configurable via NEXT_PUBLIC_PLAYGROUND_URL).
  • Improvement: Removed the previous iframe-based chat implementation and theme synchronization logic.
  • Improvement: Added loading, redirecting, and error states to the chat page for better user feedback during redirection.

    • Content: Updated Contributor Details

    Corrected GitHub links and avatar paths for several contributors on the 'About Us' page.

  • Improvement: Updated GitHub links and avatar paths for contributors Infip, Niansuh, and Udit in the 'About Us' section.

    • Feature: Provider Filtering for AI Models

    Added the ability to filter AI models by their provider in the models section, including a new filter tray UI.

  • New Feature: Implemented provider-based filtering functionality in the AI models section.
  • New Feature: Introduced a new filter tray UI element for selecting model providers.
  • Improvement: Updated model filtering logic to incorporate provider selection.
  • Improvement: Included a minor type assertion update in pricing cards for improved type safety.

    • Auth: Sign-In Flow Integration in Pricing & How-It-Works

    Enhanced user onboarding by integrating sign-in prompts and API key checks into pricing cards and making sign-up buttons functional in the 'How It Works' section.

  • New Feature: Added sign-in prompts and API key status checks to pricing cards, guiding users to authenticate before purchase.
  • New Feature: Integrated Supabase client and GitHub sign-in functionality into the 'How It Works' section visuals.
  • Improvement: Improved user onboarding with clear calls to action for authentication at relevant points.

    • Auth & Dashboard: Authentication Status Integration & Sign-In Prompts

    Enhanced dashboard and API key sections by integrating authentication status, adding sign-in prompts for unauthenticated users, and refining UI based on auth state.

  • New Feature: Integrated authentication status (useAuth hook) into API key list and Dashboard page.
  • Improvement: Data fetching in dashboard and API key sections now depends on user authentication status.
  • New Feature: Added a 'SignInPrompt' component to the dashboard for unauthenticated users.
  • Improvement: Adjusted loading states and conditional rendering based on authentication and data loading status.
  • Improvement: Modified API key and model usage sections on the dashboard to clearly reflect missing API keys and prompt creation.

    • Feature: New Auth/Chat Pages & Major Documentation Expansion

    Introduced new authentication error pages, an initial iframe-based chat page, and significantly expanded product documentation with new guides and policies. Also included various link corrections and layout updates.

  • New Feature: Added new authentication error pages (auth-code-error, auth-error).
  • New Feature: Implemented an initial iframe-based chat interface page.
  • Improvement: Significantly expanded documentation with new sections for Data Policies, AI Model Providers, and various usage guides.
  • Improvement: Corrected internal documentation links, updated Discord and privacy policy links.
  • Improvement: Updated 'Monthly Tokens' stat link in site statistics from '/rankings' to '/trending'.
  • Improvement: Refined deploymentURL logic and updated author URL in application layout metadata.

    • Config: Corrected Production Deployment URL

    Updated the placeholder production deployment URL in the application layout to the correct Vercel app URL.

  • Improvement: Updated the production deployment URL in app/layout.tsx to the correct Vercel URL.

    • Style: Global Font Styling Enhancements & Minor Content Updates

    Applied updated font weights and letter spacing globally for improved typography. Also included minor content and documentation updates.

  • Improvement: Updated font weights (font-bold to font-extrabold) and letter spacing (tracking-tight to tracking-tighter) across various components.
  • Improvement: Updated careers link in 'About Us' section.
  • Improvement: Simplified Python authentication example in documentation.
  • Improvement: Added support channel links to errors documentation.
  • Improvement: Removed unused 'git-changes.md' file.

    • Build: ESLint Configuration & Documentation Updates

    Added ESLint configuration to the project and made updates to documentation.

  • Improvement: Added ESLint configuration for code linting.
  • Improvement: Updated project documentation.

    • UI & Content: Styling Overhaul & Team Information Update

    Implemented a significant UI styling update including enhanced typography, standardized headings, and improved button styles. Updated team information with real names and profile pictures.

  • Improvement: Updated team information with real names and profile pictures, replacing placeholder content.
  • Improvement: Enhanced typography with extrabold weights and tighter letter spacing.
  • Improvement: Adjusted component spacing and layout in various sections for a more polished UI.
  • Improvement: Improved button styling and accessibility across multiple components.
  • Improvement: Standardized heading styles across all pages for consistency.

    • UI Refinements, Doc Link Updates & Favicon Config

    Updated internal documentation links for consistency. Improved UI components with enhanced tooltips, responsive design, and optimized layouts. Added Google Favicon configuration.

  • Improvement: Updated documentation links from /docs/performance to /docs/provider-routing for consistency.
  • Improvement: Enhanced tooltips and responsive design in the 'Top Apps' component.
  • Improvement: Optimized layout and reduced sizes in the 'How It Works' component.
  • New Feature: Added Google Favicon configuration in next.config.ts for application icons.

    • Feature: New Status Page & Enhanced Hero/Trending Components

    Introduced a new status page for system monitoring. Enhanced the hero component with dynamic data loading and improved the responsiveness of the trending models component.

  • New Feature: Added a new status page for monitoring system operations with service health indicators.
  • New Feature: Enhanced hero component with dynamic model data loading (provider logos) and improved UI.
  • Improvement: Updated the trending models component for better responsiveness.
  • Improvement: Added package-lock.json to .gitignore.

    • UI & Content: Consistency Updates for About, Changelog, Refund Policy

    Enhanced UI consistency across About, Changelog, and Refund Policy sections by standardizing colors, typography, and markup. Updated text content for clarity.

  • Improvement: Standardized color and typography classes in About, Changelog, and Refund Policy sections.
  • Improvement: Updated text content in these sections to improve clarity and reinforce branding.
  • Improvement: Refined markup for better accessibility and semantic structure.
  • Improvement: Made minor code structure adjustments for maintainability.

    • Docs: New API References & Styling Improvements

    Added new API reference pages for usage, image generation, and model listing. Improved dark mode styling on the authentication page and optimized the chat completion page.

  • New Feature: Added new API reference documentation for GET /usage, image generation API, and list models API.
  • Improvement: Improved dark mode styling on the authentication page.
  • Improvement: Optimized chat completion page by removing unused imports and code.

    • Docs: Enhanced Layout System, Code Block Fixes & New Sections

    Improved the documentation layout system with support for custom right-column content and dynamic grids. Fixed a critical rendering issue in code blocks and added new documentation sections.

  • New Feature: Enhanced DocsLayout with 'rightAside' prop for custom right-column content and dynamic grid adjustments.
  • New Feature: Added mobile/tablet support for 'rightAside' content when no Table of Contents is present.
  • Improvement: Fixed critical rendering issue in CodeBlock component by adjusting dependency array.
  • Improvement: Added 'maxCodeHeight' prop to CodeBlock for better control of code display.
  • New Feature: Added new documentation sections for API reference, authentication, errors, and more.

    • Docs: Navigation Updates, New Icons & New Documentation Pages

    Improved documentation navigation sidebar, added HTTP method badges and new icons. Introduced new documentation pages for Privacy and Provider Routing.

  • Improvement: Updated documentation sidebar (side-nav.tsx) with improved layout and styling.
  • New Feature: Added HTTP method badges for API reference endpoints in documentation.
  • Improvement: Updated icon set, removing unused icons and adding new ones (Cpu, Eye).
  • New Feature: Added new documentation page for Privacy, detailing data handling practices.
  • New Feature: Added new documentation page for Provider Routing, explaining routing mechanisms.

    • Docs: New 'Principles' & 'Models' Documentation Pages

    Added new documentation pages outlining the core principles of the platform and providing an overview of available AI models.

  • New Feature: Added 'Principles' documentation page, explaining core platform values and benefits.
  • New Feature: Added 'Models' documentation page, providing an overview of accessible AI models, tokenization info, and provider collaboration details.

    • Docs: API Endpoint Update, New Pages & Navigation Enhancements

    Updated API endpoint URL across documentation. Added new FAQ and Quickstart pages. Introduced new UI components for documentation navigation and feedback. Fixed a Table of Contents rendering issue.

  • Improvement: Updated API endpoint URL from paid.a4f.co to api.a4f.co in all documentation code examples.
  • New Feature: Added new 'FAQ' and 'Quickstart' documentation pages to improve user onboarding.
  • New Feature: Created new UI components for documentation: 'next-page-link' for sequential navigation and 'page-feedback' for user feedback.
  • Improvement: Cleaned up code in documentation components, removing unnecessary comments and improving organization.
  • Improvement: Fixed Table of Contents (TOC) component to prevent unnecessary re-renders by adjusting dependency array.

    • UI: Tabbed Code Snippets with Syntax Highlighting

    Enhanced the CodeBlock component to support multiple language tabs and integrated prism-react-renderer for improved syntax highlighting, improving the documentation experience.

  • New Feature: Refactored CodeBlock component to support multiple language tabs in a single block.
  • New Feature: Integrated prism-react-renderer for enhanced syntax highlighting capabilities.
  • Improvement: Added language-specific styling for tabs and icons within code blocks.
  • Improvement: Created a 'CodeSnippet' interface for better type safety in code examples.
  • Improvement: Updated documentation pages to utilize the new tabbed code snippets with Python, TypeScript, and cURL examples.

    • Pricing: Enhanced Plan Comparison UI & Feature Descriptions

    Improved the pricing comparison dialog with a more detailed and structured layout, providing clearer information about plan differences.

  • New Feature: Added comprehensive feature comparison table to pricing dialog with clear visual indicators.
  • Improvement: Reorganized plan comparison content into logical sections (Core Capabilities, Performance, Support).
  • Improvement: Enhanced descriptions for each plan feature with more specific details.
  • Improvement: Added coding tool compatibility information to Free plan features.
  • Improvement: Restored 'Why choose our platform?' section in the main pricing page.

    • Payment: International Payment Support, Currency Selection & Rebranding

    Implemented international payment support with currency selection and override options. Enhanced payment flow for non-INR transactions and updated branding.

  • New Feature: Added user currency override functionality in the pricing API.
  • New Feature: Refactored payment button component to support international payments.
  • New Feature: Created a new international payment warning dialog component.
  • New Feature: Implemented currency selection dropdown in pricing cards.
  • Improvement: Improved payment flow for non-INR transactions.
  • Improvement: Updated branding from 'SREE SHOP' to 'a4f' across multiple files.

    • Payment: Multi-Currency Support & Billing Cycle Options

    Implemented support for multiple currencies in payment processing and introduced monthly/yearly billing cycle options with improved payment verification.

  • New Feature: Added support for multiple currencies in payment processing, including a currency multiplier function and updated order creation API.
  • Improvement: Enhanced error handling for Razorpay-specific payment errors.
  • New Feature: Implemented monthly/yearly billing cycle options in the pricing UI with yearly discount display.
  • Improvement: Updated pricing cards to dynamically show prices based on the selected billing cycle.
  • Improvement: Improved payment verification process by tracking both transacted amount/currency and original USD amount.

    • Pricing: Feature Tooltips & Alternative Payment Options

    Enhanced the pricing page with tooltips for plan features and an alternative payment options dialog. Improved Pro plan details and fixed payment button loading state.

  • New Feature: Added tooltips to plan features on the pricing page, providing detailed explanations.
  • New Feature: Implemented an alternative payment options dialog, offering cryptocurrency and Buy Me a Coffee methods.
  • Improvement: Enhanced the Pro plan with additional features and visual highlighting.
  • Improvement: Updated plan comparison details with more specific information.
  • Improvement: Fixed loading state management in the payment button component.

    • Pricing: Localized Currency Support

    Implemented automatic currency detection and conversion for pricing display, enhancing the experience for international users.

  • New Feature: Added new API endpoint for localized pricing information.
  • New Feature: Implemented automatic currency detection using Vercel headers or ipinfo.io.
  • New Feature: Converted prices to local currency with appropriate formatting, displaying original USD price alongside.
  • Improvement: Added loading states, fallback mechanisms, and toast notifications for currency detection process.
  • Improvement: Fixed variable declarations in user-account-card and trending-models components.

    • Dashboard & API Key Management Enhancements

    Improved the dashboard with loading states and responsive design. Enhanced API key management with copy-to-clipboard, better error handling, deletion confirmations, and an improved list UI.

  • New Feature: Added skeleton loading states to dashboard components for a better user experience during data fetching.
  • Improvement: Implemented a responsive layout for dashboard statistics cards.
  • New Feature: Added copy-to-clipboard functionality for API keys with visual feedback.
  • Improvement: Improved error handling with more user-friendly error messages.
  • New Feature: Added confirmation dialogs for API key deletion to prevent accidental removals.
  • Improvement: Enhanced the API key list with better visual hierarchy and information display.
  • Improvement: Added tooltips for better feature discoverability on the dashboard.

    • Trending Models Component Enhancements

    Improved the trending models component with skeleton loading UI, dynamic data display, and enhanced graph visualization for a smoother user experience.

  • New Feature: Added skeleton loading UI to the trending models component for better UX during data fetching.
  • Improvement: Implemented dynamic model stats randomization for more realistic data display.
  • Improvement: Improved graph visualization with consistent x-axis month labels and more detailed trend bars.
  • Improvement: Enhanced styling for change badges with better color contrast.
  • Improvement: Added proper React imports and component documentation.

    • Model Display & Fetching Improvements

    Enhanced model display with plan-specific fetching, skeleton loading states, improved search, and UI updates for better performance and user experience.

  • New Feature: Refactored API route to fetch models by plan (free/pro) instead of all at once, improving performance.
  • New Feature: Added skeleton loading components for a better user experience during model data fetching.
  • Improvement: Improved search functionality with normalized string matching for more robust results.
  • Improvement: Updated model card and dialog UI for better information display.
  • Improvement: Optimized model grid layout and responsiveness.

    • UI: API Key Display, Status Handling & Minor Enhancements

    Improved API key display responsiveness and status detection. Enhanced error handling, dark mode support, and added a 'Buy me a coffee' button.

  • Improvement: Improved API key display with mobile-optimized responsive design.
  • Improvement: Fixed API key status detection by explicitly checking for true value.
  • Improvement: Added better error handling for backend API failures related to API keys.
  • Improvement: Enhanced dark mode support for revoked API key display.
  • New Feature: Added a 'Buy me a coffee' support button to the dashboard.
  • Improvement: Added fadeIn animation to Tailwind config for smoother UI transitions.

    • Project Initialization: NC-Mod Branch

    Initial commit for the NC-Mod branch, establishing the foundational codebase for subsequent features and modifications.

  • Refactor: Initialized the NC-Mod branch with the base project structure.

    • The Phoenix Update: Reimagined & Rebuilt

    A significant overhaul focusing on performance, new capabilities, and user experience enhancements across the platform.

  • New Feature: Introduced dynamic, usage-based billing alongside new subscription tiers.
  • Improvement: Revamped dashboard UI with real-time analytics and deeper insights.
  • Improvement: Optimized core API latency, achieving up to 40% faster responses for key models.
  • Bug Fix: Resolved an issue with inconsistent API key validation under high load.
  • New Feature: Added support for three new cutting-edge language models.

    • Model Expansion & Stability

    Expanding our model catalog and enhancing platform stability with targeted fixes and optimizations.

  • New Feature: Integrated Claude 3.7 Sonnet and OpenAI's GPT-4o models.
  • Improvement: Improved error handling for provider-specific API downtimes.
  • Bug Fix: Fixed a bug where streaming responses could prematurely terminate.

    • Ignition: A4F Platform Launch

    The official public launch of A4F, bringing unified AI model access to developers worldwide.

  • New Feature: Core platform launch with unified API for major LLMs.
  • New Feature: Support for GPT-3.5, Claude 3 Haiku, and Mistral Large.
  • New Feature: Secure OAuth-based authentication and account management.
  • New Feature: Initial version of the responsive web application and dashboard.