6573e15ba4
Core Features: - Multi-provider support (OpenAI, Anthropic, DeepSeek, Gemini, Mistral) - Provider service architecture with abstract base class - Dynamic model discovery from provider APIs - Encrypted per-user provider credentials storage Admin Interface: - Complete admin panel with Livewire components - User management with CRUD operations - API key management with testing capabilities - Budget system with limits and reset schedules - Usage logs with filtering and CSV export - Model pricing management with cost calculator - Dashboard with Chart.js visualizations Database Schema: - MariaDB migrations for all tables - User provider credentials (encrypted) - LLM request logging - Budget tracking and rate limiting - Model pricing configuration API Implementation: - OpenAI-compatible endpoints - Budget checking middleware - Rate limit enforcement - Request logging jobs - Cost calculation service Testing: - Unit tests for all provider services - Provider factory tests - Cost calculator tests Documentation: - Admin user seeder - Model pricing seeder - Configuration files
255 lines
14 KiB
PHP
255 lines
14 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<div class="flex justify-between items-center">
|
|
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
|
|
Budget & Rate Limits - {{ $user->name }}
|
|
</h2>
|
|
</div>
|
|
</x-slot>
|
|
|
|
<div class="py-12">
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
|
|
|
|
<!-- Success Messages -->
|
|
@if(session('success'))
|
|
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded">
|
|
{{ session('success') }}
|
|
</div>
|
|
@endif
|
|
|
|
<!-- User Info -->
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
|
<div class="p-6">
|
|
<h3 class="text-lg font-semibold mb-4">User Information</h3>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Name</label>
|
|
<div class="text-lg">{{ $user->name }}</div>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Email</label>
|
|
<div class="text-lg">{{ $user->email }}</div>
|
|
</div>
|
|
<div>
|
|
<label class="block text-sm font-medium text-gray-700">Member Since</label>
|
|
<div class="text-lg">{{ $user->created_at->format('M d, Y') }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Budget Status -->
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
|
<div class="p-6">
|
|
<div class="flex justify-between items-center mb-4">
|
|
<h3 class="text-lg font-semibold">Budget Status</h3>
|
|
<form action="{{ route('admin.users.budget.reset', $user) }}" method="POST"
|
|
onsubmit="return confirm('Are you sure you want to reset this user\'s budget?');">
|
|
@csrf
|
|
<button type="submit" class="bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded text-sm">
|
|
Reset Budget
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Budget Overview -->
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
|
|
<div class="bg-blue-50 rounded-lg p-4">
|
|
<div class="text-sm text-blue-600 font-medium">Monthly Limit</div>
|
|
<div class="text-2xl font-bold text-blue-900">${{ number_format($budgetStatus['monthly_limit'], 2) }}</div>
|
|
</div>
|
|
<div class="bg-green-50 rounded-lg p-4">
|
|
<div class="text-sm text-green-600 font-medium">Daily Limit</div>
|
|
<div class="text-2xl font-bold text-green-900">${{ number_format($budgetStatus['daily_limit'], 2) }}</div>
|
|
</div>
|
|
<div class="bg-orange-50 rounded-lg p-4">
|
|
<div class="text-sm text-orange-600 font-medium">Month Spending</div>
|
|
<div class="text-2xl font-bold text-orange-900">${{ number_format($budgetStatus['current_month_spending'], 2) }}</div>
|
|
<div class="text-xs text-orange-700">{{ round($budgetStatus['monthly_usage_percentage'], 1) }}% used</div>
|
|
</div>
|
|
<div class="bg-purple-50 rounded-lg p-4">
|
|
<div class="text-sm text-purple-600 font-medium">Today Spending</div>
|
|
<div class="text-2xl font-bold text-purple-900">${{ number_format($budgetStatus['current_day_spending'], 2) }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Progress Bars -->
|
|
<div class="space-y-4 mb-6">
|
|
<div>
|
|
<div class="flex justify-between mb-1">
|
|
<span class="text-sm font-medium">Monthly Budget Usage</span>
|
|
<span class="text-sm font-medium">{{ round($budgetStatus['monthly_usage_percentage'], 1) }}%</span>
|
|
</div>
|
|
<div class="w-full bg-gray-200 rounded-full h-2.5">
|
|
<div class="h-2.5 rounded-full {{ $budgetStatus['is_exceeded'] ? 'bg-red-600' : ($budgetStatus['monthly_usage_percentage'] >= 80 ? 'bg-yellow-500' : 'bg-blue-600') }}"
|
|
style="width: {{ min(100, $budgetStatus['monthly_usage_percentage']) }}%"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Edit Budget Form -->
|
|
<form action="{{ route('admin.users.budget.update', $user) }}" method="POST" class="space-y-4">
|
|
@csrf
|
|
@method('PUT')
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
<div>
|
|
<label for="monthly_limit" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Monthly Limit ($)
|
|
</label>
|
|
<input
|
|
type="number"
|
|
step="0.01"
|
|
name="monthly_limit"
|
|
id="monthly_limit"
|
|
value="{{ $budgetStatus['monthly_limit'] }}"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="daily_limit" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Daily Limit ($)
|
|
</label>
|
|
<input
|
|
type="number"
|
|
step="0.01"
|
|
name="daily_limit"
|
|
id="daily_limit"
|
|
value="{{ $budgetStatus['daily_limit'] }}"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="alert_threshold_percentage" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Alert Threshold (%)
|
|
</label>
|
|
<input
|
|
type="number"
|
|
name="alert_threshold_percentage"
|
|
id="alert_threshold_percentage"
|
|
value="80"
|
|
min="0"
|
|
max="100"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end">
|
|
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
|
Update Budget Limits
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Rate Limit Status -->
|
|
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
|
|
<div class="p-6">
|
|
<div class="flex justify-between items-center mb-4">
|
|
<h3 class="text-lg font-semibold">Rate Limit Status</h3>
|
|
<form action="{{ route('admin.users.rate-limit.reset', $user) }}" method="POST"
|
|
onsubmit="return confirm('Are you sure you want to reset this user\'s rate limits?');">
|
|
@csrf
|
|
<button type="submit" class="bg-yellow-500 hover:bg-yellow-700 text-white font-bold py-2 px-4 rounded text-sm">
|
|
Reset Rate Limits
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- Rate Limit Overview -->
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
|
|
<div class="bg-blue-50 rounded-lg p-4">
|
|
<div class="text-sm text-blue-600 font-medium">Per Minute</div>
|
|
<div class="text-2xl font-bold text-blue-900">
|
|
{{ $rateLimitStatus['current_minute_count'] }} / {{ $rateLimitStatus['requests_per_minute'] }}
|
|
</div>
|
|
<div class="text-xs text-blue-700">{{ $rateLimitStatus['minute_remaining'] }} remaining</div>
|
|
</div>
|
|
<div class="bg-green-50 rounded-lg p-4">
|
|
<div class="text-sm text-green-600 font-medium">Per Hour</div>
|
|
<div class="text-2xl font-bold text-green-900">
|
|
{{ $rateLimitStatus['current_hour_count'] }} / {{ $rateLimitStatus['requests_per_hour'] }}
|
|
</div>
|
|
<div class="text-xs text-green-700">{{ $rateLimitStatus['hour_remaining'] }} remaining</div>
|
|
</div>
|
|
<div class="bg-purple-50 rounded-lg p-4">
|
|
<div class="text-sm text-purple-600 font-medium">Per Day</div>
|
|
<div class="text-2xl font-bold text-purple-900">
|
|
{{ $rateLimitStatus['current_day_count'] }} / {{ $rateLimitStatus['requests_per_day'] }}
|
|
</div>
|
|
<div class="text-xs text-purple-700">{{ $rateLimitStatus['day_remaining'] }} remaining</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if($rateLimitStatus['is_rate_limited'])
|
|
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
|
|
⚠️ User is currently rate limited until {{ $rateLimitStatus['rate_limit_expires_at']->format('H:i:s') }}
|
|
</div>
|
|
@endif
|
|
|
|
<!-- Edit Rate Limit Form -->
|
|
<form action="{{ route('admin.users.rate-limit.update', $user) }}" method="POST" class="space-y-4">
|
|
@csrf
|
|
@method('PUT')
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
<div>
|
|
<label for="requests_per_minute" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Requests Per Minute
|
|
</label>
|
|
<input
|
|
type="number"
|
|
name="requests_per_minute"
|
|
id="requests_per_minute"
|
|
value="{{ $rateLimitStatus['requests_per_minute'] }}"
|
|
min="0"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="requests_per_hour" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Requests Per Hour
|
|
</label>
|
|
<input
|
|
type="number"
|
|
name="requests_per_hour"
|
|
id="requests_per_hour"
|
|
value="{{ $rateLimitStatus['requests_per_hour'] }}"
|
|
min="0"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="requests_per_day" class="block text-sm font-medium text-gray-700 mb-2">
|
|
Requests Per Day
|
|
</label>
|
|
<input
|
|
type="number"
|
|
name="requests_per_day"
|
|
id="requests_per_day"
|
|
value="{{ $rateLimitStatus['requests_per_day'] }}"
|
|
min="0"
|
|
class="w-full rounded-md border-gray-300"
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex justify-end">
|
|
<button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
|
|
Update Rate Limits
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|