Skip to content

Show available models in a tooltip on the pricing page #249

Description

@AnthonyRonning

please look for the models we support (the hardcoded ones) and then put their friendly name in one of those (i) tooltips that when pressed or hovered, show one of those normal subtle dialog boxes with the models. this is for the pricing page, maybe even the marketing page too since i think that also has a pricing component to it. put it on the same line where we say something like "6 models available"

Activity

  1. AnthonyRonning commented on Oct 6, 2025

    @AnthonyRonning
    ContributorAuthor

    @claude can you do this?

  2. claude commented on Oct 6, 2025

    @claude
    Contributor

    Claude finished @AnthonyRonning's task —— View job • claude/issue-249-20251006-1552 • Create PR ➔


    ✅ Task Complete: Model Information Tooltip Added

    Todo List:

    • Install dependencies and setup environment
    • Find pricing page and marketing page components
    • Locate hardcoded model definitions in codebase
    • Implement tooltip component with model information
    • Test changes with build/lint commands
    • Commit and push changes

    🎯 Summary

    Successfully implemented a tooltip showing available models on the pricing pages as requested! Here's what was accomplished:

    ✅ What I Built:

    • ModelTooltip.tsx - A reusable React component with an info (i) icon that displays all available models in a tooltip
    • Updated pricing config - Enhanced the "6 Powerful Models (including DeepSeek R1)" text to include the interactive tooltip
    • Type enhancements - Modified PlanFeature type to support React components alongside strings

    🔧 Models Displayed in Tooltip:

    1. Llama 3.3 70B
    2. Gemma 3 27B (Starter+ badge)
    3. DeepSeek R1 0528 671B (Pro+, New badges)
    4. OpenAI GPT-OSS 120B (Pro+, New badges)
    5. Mistral Small 3.1 24B (Pro+ badge)
    6. Qwen 2.5 72B (Pro+ badge)
    7. Qwen3 Coder 480B (Pro+, New badges)

    📍 Where It Appears:

    • ✅ Main pricing page (/pricing)
    • ✅ Marketing page pricing section
    • ✅ All paid plan tiers (Pro, Max, Team)

    🧪 Quality Assurance:

    • ✅ Build passed
    • ✅ ESLint passed
    • ✅ Prettier formatting applied
    • ✅ Pre-commit hooks passed
    • ✅ All changes committed and pushed

    Branch: claude/issue-249-20251006-1552 | Workflow run

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions