Show Account Balance: Next to API Cost:

[scottnzuk]

Feature Request:

Description:
I would like to propose a feature for RooCode that shows the account balance dynamically next to the API cost for more realistic cost tracking. This would be particularly useful for users who have discounts, like R1 for example, where users get 75% off. In such cases, showing just the API cost doesn't accurately reflect the actual available balance or how much the user is being charged.

By showing the account balance alongside the API cost, it would help users better understand their current usage and how much credit they have left in real time. Additionally, the balance could dynamically change color based on customizable thresholds set in the settings, alerting the user when they are approaching their limits or if the balance is low.

---

Proposed Implementation:

1. Display Account Balance:

   • The account balance (i.e., the real-time credit or funds available) should be shown alongside the API cost in the UI.
   • Example:

     Balance: $100.00 | API Cost: $1.25
     

   • Account Balance: Represents the actual amount of funds or credits the user has, factoring in any applicable discounts or promotions.
   • API Cost: The cost associated with the API usage.

2. Dynamic Color Changes:

   • The account balance should change colors based on user-defined thresholds.
   • For instance:
     • Green: If the balance is above 75% of the total available.
     • Yellow: If the balance is between 25% and 75%.
     • Red: If the balance is below 25% (approaching a critical low).
   • These thresholds and colors should be configurable in the user settings.
     • Example configuration in settings:

       {
         "balanceThresholds": {
           "green": 0.75,
           "yellow": 0.25,
           "red": 0.05
         },
         "showBalanceNextToCost": true
       }

3. Integration with Discounts (like R1):

   • Users should be able to see their real-time available balance after factoring in any discounts they have, such as 75% off.
   • For example, if a user has a $100 account balance and applies a 75% discount on API usage, their actual remaining balance (after applying the discount) should be shown.

4. Visual Representation:

   • The account balance and API cost should be clearly separated but placed near each other in the status bar or a custom panel for easy visibility.
   • The balance should adjust dynamically after each API call, and the UI should update in real-time to reflect changes.

5. Settings Configuration:

   • Users should have an option to toggle the account balance display and set their own thresholds for the color changes.
   • This could be done via the settings menu or through the settings.json file.
   • Example of the settings:

     {
       "showBalanceNextToCost": true,
       "balanceThresholds": {
         "green": 0.75,
         "yellow": 0.5,
         "red": 0.2
       },
       "balanceColorScheme": "green-yellow-red"
     }

---

Use Case:

• Developers who use RooCode often have discount structures, like R1, where they are not charged full price. For example, a 75% off discount means the account balance is more meaningful than the API cost, as it reflects the actual amount left after the discount.
• Users would find it helpful to see their account balance and how it compares to their API cost, providing a more accurate and realistic view of their available funds in real-time.
• The ability to change color dynamically based on balance thresholds would help users easily identify when they need to top up or adjust their API usage.

---

Example UI Concept:

In the status bar or in a custom panel:

Balance: $75.00 | API Cost: $1.25

With the dynamic color:

• If the balance is above 75% of the total, it could be displayed in green.
• If the balance falls below 25%, it could change to red, indicating the need to add funds.

---

Additional Information:

• This feature would improve transparency for developers using RooCode, helping them manage their API usage and costs more effectively.
• It would allow developers to track their account balance in real time, without needing to check the dashboard constantly.
• It could be particularly useful for users of R1 who have heavy discounts and need to see their balance rather than just the cost.

---

Example of What Needs to Be Done:

1. Modify the status bar or custom panel to show both account balance and API cost.
2. Implement a real-time update mechanism to adjust the balance and cost as API calls are made.
3. Allow users to configure the balance thresholds and color scheme in the settings.
4. Factor in any active discounts to ensure the balance reflects the actual available funds.