generated from coulomb/repo-seed
Bernd Worsch
f1978c3888
A2 — Compilation fixes: - Remove inline FK constraints from Schema.sql; IHP schema compiler cannot parse them. Add 1744329600-restore-fk-constraints.sql migration to restore referential integrity at the DB level. - Rename `#label` → `#label_` throughout to avoid clash with Haskell built-in. - Fix `hub.id == hid` UUID comparisons to use `toUUID hub.id`. - Replace non-existent `setStatus`/`respondJson` calls with `renderJsonWithStatusCode` throughout Api controllers. - Fix qualified package import for `cryptohash-sha256` in Auth.hs. - Add `CanSelect (Text, Text)` instance in Helper.View. - Refactor HSX inline lambdas to named helper functions in 100+ views (GHC cannot infer types for anonymous functions inside quasi-quoted HSX). - Fix missing imports (IHP.QueryBuilder, IHP.Fetch, Web.Routes, Only, etc.) across helpers and controllers. - Remove duplicate `diffUTCTime` definition in BottleneckDetector. - Change `createEventForHub` return type from `IO ResponseReceived` to `IO ()`. - Seed type-registry vocabulary via 1744502400-seed-type-registries.sql (moved from Schema.sql where IHP does not execute INSERT statements). A3 — Tailwind build pipeline: - Add `tailwindcss` to flake.nix native packages. - Uncomment `tailwind.exec` process in devenv shell config. - Add tailwind/tailwind.config.js (scans Web/View/**/*.hs). - Add tailwind/app.css with @tailwind directives. A4 — Admin user seed: - Add 1744416000-seed-admin-user.sql: inserts admin@inter-hub.local with bcrypt-hashed password admin1234! (cost 10). - Add .env.example documenting all required environment variables and default admin credentials. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
235 lines
11 KiB
Haskell
235 lines
11 KiB
Haskell
module Web.View.Hubs.Show where
|
|
|
|
import Web.Types
|
|
import Generated.Types
|
|
import IHP.Prelude
|
|
import IHP.ViewPrelude
|
|
import Web.Routes ()
|
|
|
|
data ShowView = ShowView
|
|
{ hub :: !Hub
|
|
, widgets :: ![Widget]
|
|
, recentEvents :: ![InteractionEvent]
|
|
, recentAnnotations :: ![Annotation]
|
|
, mManifest :: !(Maybe HubCapabilityManifest)
|
|
}
|
|
|
|
instance View ShowView where
|
|
html ShowView { .. } = [hsx|
|
|
<div class="mb-6">
|
|
<div class="flex items-center gap-2 text-sm text-gray-500 mb-2">
|
|
<a href={HubsAction} class="hover:text-gray-700">Hubs</a>
|
|
<span>/</span>
|
|
<span>{hub.name}</span>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<div class="flex items-center gap-2">
|
|
<h1 class="text-2xl font-semibold">{hub.name}</h1>
|
|
{kindBadge hub.hubKind}
|
|
</div>
|
|
<p class="text-sm text-gray-500 mt-1">
|
|
<span class="font-mono bg-gray-100 px-1 rounded">{hub.slug}</span>
|
|
<span class="ml-2">{hub.domain}</span>
|
|
</p>
|
|
</div>
|
|
<div class="flex gap-2">
|
|
<a href={TriageDashboardAction (hub.id)}
|
|
class="text-sm border border-indigo-300 text-indigo-700 px-3 py-1.5 rounded hover:bg-indigo-50">
|
|
Triage Dashboard
|
|
</a>
|
|
<a href={GovernanceDashboardAction (hub.id)}
|
|
class="text-sm border border-purple-300 text-purple-700 px-3 py-1.5 rounded hover:bg-purple-50">
|
|
Governance Dashboard
|
|
</a>
|
|
<a href={AntifragilityDashboardAction (hub.id)}
|
|
class="text-sm border border-green-300 text-green-700 px-3 py-1.5 rounded hover:bg-green-50">
|
|
Antifragility
|
|
</a>
|
|
<a href={AgentAuditDashboardAction (hub.id)}
|
|
class="text-sm border border-purple-300 text-purple-700 px-3 py-1.5 rounded hover:bg-purple-50">
|
|
Agent Audit
|
|
</a>
|
|
<a href={AdapterCompatibilityDashboardAction (hub.id)}
|
|
class="text-sm border border-teal-300 text-teal-700 px-3 py-1.5 rounded hover:bg-teal-50">
|
|
Adapters
|
|
</a>
|
|
<a href={FrictionHeatmapAction (hub.id)}
|
|
class="text-sm border border-orange-300 text-orange-700 px-3 py-1.5 rounded hover:bg-orange-50">
|
|
Friction
|
|
</a>
|
|
<a href={BottleneckDashboardAction (hub.id)}
|
|
class="text-sm border border-red-300 text-red-700 px-3 py-1.5 rounded hover:bg-red-50">
|
|
Bottlenecks
|
|
</a>
|
|
<a href={HubHealthHistoryAction (hub.id)}
|
|
class="text-sm border border-green-300 text-green-700 px-3 py-1.5 rounded hover:bg-green-50">
|
|
Health
|
|
</a>
|
|
<a href={EditHubAction (hub.id)}
|
|
class="text-sm border border-gray-300 px-3 py-1.5 rounded hover:bg-gray-50">
|
|
Edit
|
|
</a>
|
|
<a href={NewWidgetAction}
|
|
class="text-sm bg-indigo-600 text-white px-3 py-1.5 rounded hover:bg-indigo-700">
|
|
New Widget
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-3 gap-4 mb-8">
|
|
<div class="bg-white rounded-lg border border-gray-200 p-4">
|
|
<p class="text-xs text-gray-500 uppercase tracking-wide">Widgets</p>
|
|
<p class="text-3xl font-semibold mt-1">{length widgets}</p>
|
|
</div>
|
|
<div class="bg-white rounded-lg border border-gray-200 p-4">
|
|
<p class="text-xs text-gray-500 uppercase tracking-wide">Recent Events</p>
|
|
<p class="text-3xl font-semibold mt-1">{length recentEvents}</p>
|
|
</div>
|
|
<div class="bg-white rounded-lg border border-gray-200 p-4">
|
|
<p class="text-xs text-gray-500 uppercase tracking-wide">Recent Annotations</p>
|
|
<p class="text-3xl font-semibold mt-1">{length recentAnnotations}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="mb-8">
|
|
<h2 class="text-lg font-medium mb-3">Widgets</h2>
|
|
<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">Name</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Type</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Status</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Version</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{forEach widgets renderWidgetRow}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mb-8">
|
|
<h2 class="text-lg font-medium mb-3">Recent Interaction Events</h2>
|
|
<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">Event</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Actor</th>
|
|
<th class="text-left px-4 py-3 font-medium text-gray-700">Occurred</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{forEach recentEvents renderEventRow}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-medium mb-3">Recent Annotations</h2>
|
|
<div class="space-y-2">
|
|
{forEach recentAnnotations renderAnnotationCard}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="mt-8">
|
|
<h2 class="text-lg font-medium mb-3">Capability Manifest</h2>
|
|
{renderManifestSection mManifest hub.id}
|
|
</section>
|
|
|]
|
|
|
|
renderWidgetRow :: Widget -> Html
|
|
renderWidgetRow w = [hsx|
|
|
<tr class="border-b border-gray-100 hover:bg-gray-50">
|
|
<td class="px-4 py-3">
|
|
<a href={ShowWidgetAction (w.id)}
|
|
class="font-medium text-indigo-600 hover:text-indigo-800">
|
|
{w.name}
|
|
</a>
|
|
</td>
|
|
<td class="px-4 py-3 text-gray-500">{w.widgetType}</td>
|
|
<td class="px-4 py-3">
|
|
<span class="inline-block px-2 py-0.5 rounded text-xs bg-green-100 text-green-800">
|
|
{w.status}
|
|
</span>
|
|
</td>
|
|
<td class="px-4 py-3 text-gray-500">v{show w.version}</td>
|
|
</tr>
|
|
|]
|
|
|
|
renderEventRow :: InteractionEvent -> Html
|
|
renderEventRow e = [hsx|
|
|
<tr class="border-b border-gray-100">
|
|
<td class="px-4 py-3 font-mono text-xs">{e.eventType}</td>
|
|
<td class="px-4 py-3 text-gray-500 text-xs">{e.actorType}</td>
|
|
<td class="px-4 py-3 text-gray-400 text-xs">{show e.occurredAt}</td>
|
|
</tr>
|
|
|]
|
|
|
|
renderAnnotationCard :: Annotation -> Html
|
|
renderAnnotationCard a = [hsx|
|
|
<div class="bg-white rounded border border-gray-200 px-4 py-3">
|
|
<div class="flex items-center gap-2 mb-1">
|
|
<span class="text-xs bg-gray-100 text-gray-600 px-2 py-0.5 rounded">{a.category}</span>
|
|
<span class="text-xs text-gray-400">{a.actorType}</span>
|
|
</div>
|
|
<p class="text-sm text-gray-700">{a.body}</p>
|
|
</div>
|
|
|]
|
|
|
|
renderManifestSection :: Maybe HubCapabilityManifest -> Id Hub -> Html
|
|
renderManifestSection Nothing hubId = [hsx|
|
|
<div class="bg-white rounded-lg border border-gray-200 p-5 flex items-center justify-between">
|
|
<div>
|
|
<p class="text-sm text-gray-600">No capability manifest registered for this hub.</p>
|
|
<p class="text-xs text-gray-400 mt-1">
|
|
Domain hubs should declare their vocabulary before creating hub-owned type registry entries.
|
|
</p>
|
|
</div>
|
|
<a href={NewHubCapabilityManifestAction}
|
|
class="text-sm border border-indigo-300 text-indigo-700 px-3 py-1.5 rounded hover:bg-indigo-50">
|
|
Register Capabilities
|
|
</a>
|
|
</div>
|
|
|]
|
|
renderManifestSection (Just m) _ = [hsx|
|
|
<div class="bg-white rounded-lg border border-gray-200 p-5">
|
|
<div class="flex items-center justify-between mb-3">
|
|
<div class="flex items-center gap-2">
|
|
{manifestStatusBadge m.status}
|
|
<span class="text-sm text-gray-600">v{m.manifestVersion}</span>
|
|
{maybe mempty renderCapabilityDesc m.capabilityDescription}
|
|
</div>
|
|
<a href={ShowHubCapabilityManifestAction (m.id)}
|
|
class="text-sm text-indigo-600 hover:text-indigo-800">View manifest →</a>
|
|
</div>
|
|
{maybe mempty renderManifestContactLine m.contact}
|
|
</div>
|
|
|]
|
|
|
|
manifestStatusBadge :: Text -> Html
|
|
manifestStatusBadge "active" = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-green-100 text-green-800">active</span>|]
|
|
manifestStatusBadge "draft" = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-amber-100 text-amber-800">draft</span>|]
|
|
manifestStatusBadge "retired" = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-gray-100 text-gray-500">retired</span>|]
|
|
manifestStatusBadge s = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-gray-100 text-gray-600">{s}</span>|]
|
|
|
|
kindBadge :: Text -> Html
|
|
kindBadge "framework" = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-purple-100 text-purple-800">framework</span>|]
|
|
kindBadge "shared" = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-teal-100 text-teal-800">shared</span>|]
|
|
kindBadge _ = [hsx|<span class="px-2 py-0.5 rounded text-xs bg-blue-100 text-blue-800">domain</span>|]
|
|
|
|
maybeText :: Maybe Text -> [Text]
|
|
maybeText Nothing = []
|
|
maybeText (Just t) = [t]
|
|
|
|
renderCapabilityDesc :: Text -> Html
|
|
renderCapabilityDesc d = [hsx|<span class="text-sm text-gray-500">— {d}</span>|]
|
|
|
|
renderManifestContactLine :: Text -> Html
|
|
renderManifestContactLine c = [hsx|<p class="text-xs text-gray-400">Contact: {c}</p>|]
|