51 lines
2.5 KiB
Haskell
51 lines
2.5 KiB
Haskell
|
module Web.View.AgentDelegations.Index where
|
||
|
|
|
||
|
|
import Web.View.Prelude
|
||
|
|
|
||
|
|
data IndexView = IndexView
|
||
|
|
{ delegations :: ![AgentDelegation] }
|
||
|
|
|
||
|
|
instance View IndexView where
|
||
|
|
html IndexView { .. } = [hsx|
|
||
|
|
<div class="p-6">
|
||
|
|
<h1 class="text-2xl font-bold text-gray-900 mb-6">Agent Delegations</h1>
|
||
|
|
<div class="bg-white shadow rounded-lg overflow-hidden">
|
||
|
|
<table class="min-w-full divide-y divide-gray-200">
|
||
|
|
<thead class="bg-gray-50">
|
||
|
|
<tr>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Scope</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Token Budget / Used</th>
|
||
|
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Created</th>
|
||
|
|
<th class="px-6 py-3"></th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="divide-y divide-gray-200">
|
||
|
|
{forEach delegations renderRow}
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|]
|
||
|
|
where
|
||
|
|
renderRow d = [hsx|
|
||
|
|
<tr class="hover:bg-gray-50">
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-700">{d.scope}</td>
|
||
|
|
<td class="px-6 py-4">{statusBadge d.status}</td>
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-500">
|
||
|
|
{show d.tokenBudget} / {maybe "—" show d.tokensUsed}
|
||
|
|
</td>
|
||
|
|
<td class="px-6 py-4 text-sm text-gray-500">{timeAgo d.createdAt}</td>
|
||
|
|
<td class="px-6 py-4 text-right">
|
||
|
|
<a href={ShowAgentDelegationAction d.id}
|
||
|
|
class="text-sm text-blue-600 hover:text-blue-800">View</a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|]
|
||
|
|
|
||
|
|
statusBadge :: Text -> Html
|
||
|
|
statusBadge "completed" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-green-100 text-green-800">completed</span>|]
|
||
|
|
statusBadge "failed" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-red-100 text-red-800">failed</span>|]
|
||
|
|
statusBadge "cancelled" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-500">cancelled</span>|]
|
||
|
|
statusBadge _ = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-yellow-100 text-yellow-800">pending</span>|]
|