generated from coulomb/repo-seed
Bernd Worsch
74bab5f6f2
- Schema.sql: add FK constraints for phases 6–12 so IHP generates Id X instead of UUID for FK columns (widget_adapter_specs, friction_scores, hub_routing_rules, agent_proposals, hub_capability_manifests, etc.) - HubHealth, ModelRouter, ApiInteractionEvents: remove toUUID() wrappers now that FK columns carry proper Id types - FederatedGovernance/Dashboard, HubRoutingRules/Index: same Id comparison fix - AgentProposals/Index, DecisionRecords/Index, ApiConsumers/Edit: Id type fixes - BottleneckDetector: add Data.Coerce import; CrossHubPropagation: add guard - ApiKeys: qualify cryptohash-sha256 import to resolve package ambiguity - WebhookDeliveryJob: use LBS.fromStrict; remove duplicate diffUTCTime - Sessions/New: use renderFlashMessages (IHP built-in) - ArchiveRecords/LineageInspector: simplify renderChainStep signature - static/app.css: Tailwind CSS output (2011 lines) — A3 confirmed - workplans/IHUB-WP-0015-local-deployment-intro-ui.md: add workplan Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
84 lines
3.3 KiB
Haskell
84 lines
3.3 KiB
Haskell
module Web.View.HubRoutingRules.Index where
|
|
|
|
import Web.Types
|
|
import Generated.Types
|
|
import IHP.Prelude
|
|
import IHP.ViewPrelude
|
|
import Web.Routes ()
|
|
|
|
data IndexView = IndexView
|
|
{ rules :: ![HubRoutingRule]
|
|
, hubs :: ![Hub]
|
|
}
|
|
|
|
instance View IndexView where
|
|
html IndexView { .. } = [hsx|
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h1 class="text-2xl font-semibold">Hub Routing Rules</h1>
|
|
<a href={NewHubRoutingRuleAction}
|
|
class="text-sm bg-blue-600 text-white px-3 py-1.5 rounded hover:bg-blue-700">
|
|
New Rule
|
|
</a>
|
|
</div>
|
|
|
|
{renderRulesList rules hubs}
|
|
|]
|
|
renderRulesList :: [HubRoutingRule] -> [Hub] -> Html
|
|
renderRulesList [] _ = [hsx|<p class="text-sm text-gray-400">No routing rules configured yet.</p>|]
|
|
renderRulesList rules hubs = [hsx|
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<table class="w-full text-sm">
|
|
<thead class="bg-gray-50 border-b border-gray-200">
|
|
<tr>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Source → Target</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Match Category</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Match Widget Type</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Priority</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Status</th>
|
|
<th class="px-4 py-3"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-gray-100">
|
|
{forEach rules (renderRoutingRuleRow hubs)}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|]
|
|
|
|
renderRoutingRuleRow :: [Hub] -> HubRoutingRule -> Html
|
|
renderRoutingRuleRow hubs r =
|
|
let hubName hid = maybe (show hid) (.name) (find (\h -> h.id == hid) hubs)
|
|
in [hsx|
|
|
<tr class="hover:bg-gray-50">
|
|
<td class="px-4 py-3 font-medium text-gray-800">
|
|
{hubName r.sourceHubId} → {hubName r.targetHubId}
|
|
</td>
|
|
<td class="px-4 py-3 text-gray-500">{fromMaybe "any" r.matchCategory}</td>
|
|
<td class="px-4 py-3 text-gray-500">{fromMaybe "any" r.matchWidgetType}</td>
|
|
<td class="px-4 py-3 text-gray-600">{show r.priority}</td>
|
|
<td class="px-4 py-3">
|
|
<span class={statusBadge r.status <> " text-xs px-2 py-0.5 rounded font-medium"}>
|
|
{r.status}
|
|
</span>
|
|
</td>
|
|
<td class="px-4 py-3 text-right space-x-3">
|
|
<a href={ShowHubRoutingRuleAction (r.id)}
|
|
class="text-xs text-blue-600 hover:underline">View</a>
|
|
{renderRuleToggle r}
|
|
</td>
|
|
</tr>
|
|
|]
|
|
|
|
renderRuleToggle :: HubRoutingRule -> Html
|
|
renderRuleToggle r
|
|
| r.status == "inactive" = [hsx|<a href={ActivateRoutingRuleAction (r.id)}
|
|
class="text-xs text-green-600 hover:underline">Activate</a>|]
|
|
| otherwise = [hsx|<a href={DeactivateRoutingRuleAction (r.id)}
|
|
class="text-xs text-gray-500 hover:underline">Deactivate</a>|]
|
|
|
|
statusBadge :: Text -> Text
|
|
statusBadge s = case s of
|
|
"active" -> "bg-green-100 text-green-700"
|
|
"inactive" -> "bg-gray-100 text-gray-500"
|
|
_ -> "bg-gray-100 text-gray-600"
|