@@ -316,23 +474,29 @@ export default function AutomationPage() {
-
Performance
+
Trading Metrics
-
0
-
Trades
+
+ {balance?.accountValue ? `$${balance.accountValue.toFixed(0)}` : '$0'}
+
+
Portfolio
-
0%
-
Win Rate
+
+ {balance?.leverage ? `${(balance.leverage * 100).toFixed(1)}%` : '0%'}
+
+
Leverage Used
-
$0.00
-
P&L
+
= 0 ? 'text-green-400' : 'text-red-400'}`}>
+ {balance?.unrealizedPnl ? `$${balance.unrealizedPnl.toFixed(2)}` : '$0.00'}
+
+
Unrealized P&L
-
0
-
Active
+
{positions.length}
+
Open Positions
diff --git a/app/automation/page-new.js b/app/automation/page-new.js
new file mode 100644
index 0000000..5312ed5
--- /dev/null
+++ b/app/automation/page-new.js
@@ -0,0 +1,409 @@
+'use client'
+import React, { useState, useEffect } from 'react'
+
+export default function AutomationPage() {
+ const [config, setConfig] = useState({
+ mode: 'SIMULATION',
+ dexProvider: 'DRIFT',
+ symbol: 'SOLUSD',
+ timeframe: '1h',
+ tradingAmount: 100,
+ maxLeverage: 3,
+ stopLossPercent: 2,
+ takeProfitPercent: 6,
+ maxDailyTrades: 5,
+ riskPercentage: 2
+ })
+
+ const [status, setStatus] = useState(null)
+ const [isLoading, setIsLoading] = useState(false)
+ const [recentTrades, setRecentTrades] = useState([])
+
+ useEffect(() => {
+ fetchStatus()
+ const interval = setInterval(fetchStatus, 30000)
+ return () => clearInterval(interval)
+ }, [])
+
+ const fetchStatus = async () => {
+ try {
+ const response = await fetch('/api/automation/status')
+ const data = await response.json()
+ if (data.success) {
+ setStatus(data.status)
+ }
+ } catch (error) {
+ console.error('Failed to fetch status:', error)
+ }
+ }
+
+ const handleStart = async () => {
+ setIsLoading(true)
+ try {
+ const response = await fetch('/api/automation/start', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(config)
+ })
+ const data = await response.json()
+ if (data.success) {
+ fetchStatus()
+ } else {
+ alert('Failed to start automation: ' + data.error)
+ }
+ } catch (error) {
+ console.error('Failed to start automation:', error)
+ alert('Failed to start automation')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ const handleStop = async () => {
+ setIsLoading(true)
+ try {
+ const response = await fetch('/api/automation/stop', { method: 'POST' })
+ const data = await response.json()
+ if (data.success) {
+ fetchStatus()
+ } else {
+ alert('Failed to stop automation: ' + data.error)
+ }
+ } catch (error) {
+ console.error('Failed to stop automation:', error)
+ alert('Failed to stop automation')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ return (
+
+ {/* Header */}
+
+
+
🚀 DRIFT LEVERAGE AUTOMATION
+
AI-powered automated trading with Drift Protocol leverage
+
+
+ {status?.isActive ? (
+
+ ) : (
+
+ )}
+
+
+
+ {/* Main Grid */}
+
+
+ {/* Configuration Column */}
+
+
+ {/* Drift Integration Banner */}
+
+
+
⚡ DRIFT PROTOCOL INTEGRATED
+
Leverage trading up to 10x • Advanced risk management • Live trading ready
+
+
+
+ {/* Configuration Panel */}
+
+
Trading Configuration
+
+
+
+ {/* Trading Mode */}
+
+
+ {/* DEX Provider */}
+
+
+
+
+
+
+
+
+
+
+ {/* Advanced Configuration */}
+
+
+
+
+
+
+
+
+
+ setConfig({...config, tradingAmount: parseFloat(e.target.value)})}
+ className="w-full p-3 bg-gray-700 border border-gray-600 rounded-lg text-white focus:border-blue-500"
+ disabled={status?.isActive}
+ min="10"
+ step="10"
+ />
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Status Column */}
+
+
+ {/* Current Status */}
+
+
📊 Status
+ {status ? (
+
+
+ Status:
+
+ {status.isActive ? '🟢 ACTIVE' : '🔴 STOPPED'}
+
+
+
+ Mode:
+
+ {status.mode}
+
+
+
+ DEX:
+
+ {config.dexProvider}
+
+
+
+ Symbol:
+ {config.symbol}
+
+
+ Leverage:
+ {config.maxLeverage}x
+
+
+ Amount:
+ ${config.tradingAmount}
+
+
+ ) : (
+
Loading status...
+ )}
+
+
+ {/* Quick Stats */}
+
+
+ {/* Drift Benefits */}
+ {config.dexProvider === 'DRIFT' && (
+
+
⚡ Drift Benefits
+
+ -
+ ✅
+ Leverage up to 10x
+
+ -
+ ✅
+ Advanced risk management
+
+ -
+ ✅
+ Perpetual futures
+
+ -
+ ✅
+ Low fees
+
+
+
+ )}
+
+
+
+
+ )
+}
diff --git a/app/automation/page-old-backup.js b/app/automation/page-old-backup.js
new file mode 100644
index 0000000..75fab90
--- /dev/null
+++ b/app/automation/page-old-backup.js
@@ -0,0 +1,344 @@
+'use client'
+import React, { useState, useEffect } from 'react'
+
+export default function AutomationPage() {
+ const [config, setConfig] = useState({
+ mode: 'SIMULATION',
+ dexProvider: 'DRIFT',
+ symbol: 'SOLUSD',
+ timeframe: '1h',
+ tradingAmount: 100,
+ maxLeverage: 5,
+ stopLossPercent: 2,
+ takeProfitPercent: 6,
+ maxDailyTrades: 5,
+ riskPercentage: 2
+ })
+
+ const [status, setStatus] = useState(null)
+ const [isLoading, setIsLoading] = useState(false)
+
+ useEffect(() => {
+ fetchStatus()
+ const interval = setInterval(fetchStatus, 30000)
+ return () => clearInterval(interval)
+ }, [])
+
+ const fetchStatus = async () => {
+ try {
+ const response = await fetch('/api/automation/status')
+ const data = await response.json()
+ if (data.success) {
+ setStatus(data.status)
+ }
+ } catch (error) {
+ console.error('Failed to fetch status:', error)
+ }
+ }
+
+ const handleStart = async () => {
+ setIsLoading(true)
+ try {
+ const response = await fetch('/api/automation/start', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify(config)
+ })
+ const data = await response.json()
+ if (data.success) {
+ fetchStatus()
+ } else {
+ alert('Failed to start automation: ' + data.error)
+ }
+ } catch (error) {
+ console.error('Failed to start automation:', error)
+ alert('Failed to start automation')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ const handleStop = async () => {
+ setIsLoading(true)
+ try {
+ const response = await fetch('/api/automation/stop', { method: 'POST' })
+ const data = await response.json()
+ if (data.success) {
+ fetchStatus()
+ } else {
+ alert('Failed to stop automation: ' + data.error)
+ }
+ } catch (error) {
+ console.error('Failed to stop automation:', error)
+ alert('Failed to stop automation')
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ return (
+
+ {/* Header */}
+
+
+
Automated Trading
+
Drift Protocol
+
+
+ {status?.isActive ? (
+
+ ) : (
+
+ )}
+
+
+
+ {/* Main Grid */}
+
+
+ {/* Configuration */}
+
+
+
+
Configuration
+
+
+
+ {/* Trading Mode */}
+
+
+ {/* Leverage */}
+
+
+
+
+
+
+
+ {/* Parameters */}
+
+
+
+
+
+
+
+
+
+ setConfig({...config, tradingAmount: parseFloat(e.target.value)})}
+ className="w-full p-3 bg-gray-700 border border-gray-600 rounded-lg text-white focus:border-blue-500"
+ disabled={status?.isActive}
+ min="10"
+ step="10"
+ />
+
+
+
+
+
+
+
+
+
+ {/* Risk Management */}
+
+
+
+
+
+ {/* Status */}
+
+
+
+
Status
+ {status ? (
+
+
+ Status:
+
+ {status.isActive ? 'ACTIVE' : 'STOPPED'}
+
+
+
+ Mode:
+
+ {status.mode}
+
+
+
+ Protocol:
+ DRIFT
+
+
+ Symbol:
+ {config.symbol}
+
+
+ Leverage:
+ {config.maxLeverage}x
+
+
+ Position Size:
+ ${config.tradingAmount}
+
+
+ ) : (
+
Loading...
+ )}
+
+
+
+
+
+
+
+ )
+}
diff --git a/app/automation/page.js b/app/automation/page.js
index 75fab90..2d3d210 100644
--- a/app/automation/page.js
+++ b/app/automation/page.js
@@ -11,16 +11,24 @@ export default function AutomationPage() {
maxLeverage: 5,
stopLossPercent: 2,
takeProfitPercent: 6,
- maxDailyTrades: 5,
riskPercentage: 2
})
const [status, setStatus] = useState(null)
+ const [balance, setBalance] = useState(null)
+ const [positions, setPositions] = useState([])
const [isLoading, setIsLoading] = useState(false)
+ const [balanceLoading, setBalanceLoading] = useState(false)
useEffect(() => {
fetchStatus()
- const interval = setInterval(fetchStatus, 30000)
+ fetchBalance()
+ fetchPositions()
+ const interval = setInterval(() => {
+ fetchStatus()
+ fetchBalance()
+ fetchPositions()
+ }, 30000)
return () => clearInterval(interval)
}, [])
@@ -36,6 +44,70 @@ export default function AutomationPage() {
}
}
+ const fetchBalance = async () => {
+ if (config.dexProvider !== 'DRIFT') return
+
+ setBalanceLoading(true)
+ try {
+ const response = await fetch('/api/drift/balance')
+ const data = await response.json()
+ if (data.success) {
+ setBalance(data)
+ // Auto-calculate position size based on available balance and leverage
+ const maxPositionSize = (data.availableBalance * config.maxLeverage) * 0.9 // Use 90% of max
+ const suggestedSize = Math.max(10, Math.min(maxPositionSize, config.tradingAmount))
+
+ setConfig(prev => ({
+ ...prev,
+ tradingAmount: Math.round(suggestedSize)
+ }))
+ }
+ } catch (error) {
+ console.error('Failed to fetch balance:', error)
+ } finally {
+ setBalanceLoading(false)
+ }
+ }
+
+ const fetchPositions = async () => {
+ if (config.dexProvider !== 'DRIFT') return
+
+ try {
+ const response = await fetch('/api/drift/positions')
+ const data = await response.json()
+ if (data.success) {
+ setPositions(data.positions || [])
+ }
+ } catch (error) {
+ console.error('Failed to fetch positions:', error)
+ }
+ }
+
+ const handleLeverageChange = (newLeverage) => {
+ const leverage = parseFloat(newLeverage)
+
+ // Auto-calculate position size when leverage changes
+ if (balance?.availableBalance) {
+ const maxPositionSize = (balance.availableBalance * leverage) * 0.9 // Use 90% of max
+ const suggestedSize = Math.max(10, maxPositionSize)
+
+ setConfig(prev => ({
+ ...prev,
+ maxLeverage: leverage,
+ tradingAmount: Math.round(suggestedSize)
+ }))
+ } else {
+ setConfig(prev => ({
+ ...prev,
+ maxLeverage: leverage
+ }))
+ }
+ }
+
+ const hasOpenPosition = positions.some(pos =>
+ pos.symbol.includes(config.symbol.replace('USD', '')) && pos.size > 0.001
+ )
+
const handleStart = async () => {
setIsLoading(true)
try {
@@ -149,10 +221,17 @@ export default function AutomationPage() {
{/* Leverage */}
-
+
-
+
+ {balance && (
+
+ Available: ${balance.availableBalance?.toFixed(2)} •
+ Using {((config.tradingAmount / balance.availableBalance) * 100).toFixed(0)}% of balance
+
+ )}
@@ -253,16 +344,26 @@ export default function AutomationPage() {
-
-
setConfig({...config, maxDailyTrades: parseInt(e.target.value)})}
- className="w-full p-3 bg-gray-700 border border-gray-600 rounded-lg text-white focus:border-blue-500"
- disabled={status?.isActive}
- min="1"
- max="50"
- />
+
+
+
+
AI-Driven Trading
+
+
+
+ {hasOpenPosition ? 'Monitoring Position' : 'Ready to Trade'}
+
+
+
+
+ Bot will enter trades based on AI analysis when no position is open
+
+