generated from coulomb/repo-seed
fix(WP-0014): pre-flight compilation fixes, Tailwind pipeline, and admin seed
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>
This commit is contained in:
@@ -4,6 +4,7 @@ import Web.Types
|
||||
import Generated.Types
|
||||
import IHP.Prelude
|
||||
import IHP.ViewPrelude
|
||||
import Web.Routes ()
|
||||
|
||||
data GovernanceDashboardView = GovernanceDashboardView
|
||||
{ hub :: !Hub
|
||||
@@ -23,22 +24,22 @@ instance View GovernanceDashboardView where
|
||||
<div class="flex items-center gap-2 text-sm text-gray-500 mb-1">
|
||||
<a href={HubsAction} class="hover:text-gray-700">Hubs</a>
|
||||
<span>/</span>
|
||||
<a href={ShowHubAction { hubId = hub.id }} class="hover:text-gray-700">{hub.name}</a>
|
||||
<a href={ShowHubAction (hub.id)} class="hover:text-gray-700">{hub.name}</a>
|
||||
<span>/</span>
|
||||
<span>Governance</span>
|
||||
</div>
|
||||
<h1 class="text-2xl font-semibold">Governance Dashboard — {hub.name}</h1>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a href={TriageDashboardAction { hubId = hub.id }}
|
||||
<a href={TriageDashboardAction (hub.id)}
|
||||
class="text-sm border border-gray-300 px-3 py-1.5 rounded hover:bg-gray-50">
|
||||
Triage Dashboard
|
||||
</a>
|
||||
<a href={AntifragilityDashboardAction { hubId = hub.id }}
|
||||
<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={ShowHubAction { hubId = hub.id }}
|
||||
<a href={ShowHubAction (hub.id)}
|
||||
class="text-sm border border-gray-300 px-3 py-1.5 rounded hover:bg-gray-50">
|
||||
Hub Overview
|
||||
</a>
|
||||
@@ -54,14 +55,7 @@ instance View GovernanceDashboardView where
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{if null regressionWidgetIds then mempty else [hsx|
|
||||
<div class="bg-red-50 border border-red-200 rounded-lg px-6 py-4 mb-6">
|
||||
<h2 class="text-sm font-semibold text-red-700 mb-2">⚠ Regressed Widgets</h2>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{forEach regressedWidgets renderRegressedBadge}
|
||||
</div>
|
||||
</div>
|
||||
|]}
|
||||
{if null regressionWidgetIds then mempty else renderGovRegressionAlerts regressedWidgets}
|
||||
|
||||
<!-- Open requirements awaiting decision -->
|
||||
<div class="bg-white rounded-lg border border-gray-200 px-6 py-5 mb-6">
|
||||
@@ -71,31 +65,13 @@ instance View GovernanceDashboardView where
|
||||
({show (length awaitingDecision)} pending)
|
||||
</span>
|
||||
</h2>
|
||||
{if null awaitingDecision
|
||||
then [hsx|<p class="text-sm text-gray-400">All requirements have linked decisions.</p>|]
|
||||
else forEach awaitingDecision renderAwaitingReq}
|
||||
{renderAwaitingSection awaitingDecision}
|
||||
</div>
|
||||
|
||||
<!-- Recent decisions -->
|
||||
<div class="bg-white rounded-lg border border-gray-200 px-6 py-5 mb-6">
|
||||
<h2 class="text-sm font-semibold text-gray-700 mb-3">Recent Decisions</h2>
|
||||
{if null recentDecisions
|
||||
then [hsx|<p class="text-sm text-gray-400">No decisions recorded yet.</p>|]
|
||||
else [hsx|
|
||||
<table class="w-full text-sm">
|
||||
<thead class="border-b border-gray-100">
|
||||
<tr>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Title</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Outcome</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Source Widget</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Decided At</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-50">
|
||||
{forEach recentDecisions (renderDecisionRow allRequirements allCandidates widgets)}
|
||||
</tbody>
|
||||
</table>
|
||||
|]}
|
||||
{renderRecentDecisionsSection recentDecisions allRequirements allCandidates widgets}
|
||||
</div>
|
||||
|
||||
<!-- Traceability coverage per widget -->
|
||||
@@ -150,7 +126,7 @@ isAwaitingDecision decisions req =
|
||||
renderAwaitingReq :: Requirement -> Html
|
||||
renderAwaitingReq req = [hsx|
|
||||
<div class="flex items-center justify-between py-2 border-b border-gray-50 last:border-0">
|
||||
<a href={ShowRequirementAction { requirementId = req.id }}
|
||||
<a href={ShowRequirementAction (req.id)}
|
||||
class="text-sm text-indigo-600 hover:text-indigo-800">{req.title}</a>
|
||||
<span class="text-xs text-gray-400">{show req.createdAt}</span>
|
||||
</div>
|
||||
@@ -160,7 +136,7 @@ renderDecisionRow :: [Requirement] -> [RequirementCandidate] -> [Widget] -> Deci
|
||||
renderDecisionRow reqs candidates widgets dr = [hsx|
|
||||
<tr>
|
||||
<td class="py-2 pr-4">
|
||||
<a href={ShowDecisionRecordAction { decisionRecordId = dr.id }}
|
||||
<a href={ShowDecisionRecordAction (dr.id)}
|
||||
class="text-indigo-600 hover:text-indigo-800">{dr.title}</a>
|
||||
</td>
|
||||
<td class="py-2 pr-4">
|
||||
@@ -213,7 +189,7 @@ renderCoverageRow annotations candidates requirements decisions w = [hsx|
|
||||
|
||||
renderRegressedBadge :: Widget -> Html
|
||||
renderRegressedBadge w = [hsx|
|
||||
<a href={ShowWidgetAction { widgetId = w.id }}
|
||||
<a href={ShowWidgetAction (w.id)}
|
||||
class="text-xs bg-red-100 text-red-800 border border-red-300 rounded px-2 py-1 hover:bg-red-200">
|
||||
{w.name}
|
||||
</a>
|
||||
@@ -223,6 +199,38 @@ coverageMark :: Bool -> Html
|
||||
coverageMark True = [hsx|<span class="text-green-600 font-bold">✓</span>|]
|
||||
coverageMark False = [hsx|<span class="text-gray-300">✗</span>|]
|
||||
|
||||
renderGovRegressionAlerts :: [Widget] -> Html
|
||||
renderGovRegressionAlerts ws = [hsx|
|
||||
<div class="bg-red-50 border border-red-200 rounded-lg px-6 py-4 mb-6">
|
||||
<h2 class="text-sm font-semibold text-red-700 mb-3">Regression Alerts</h2>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{forEach ws renderRegressedBadge}
|
||||
</div>
|
||||
</div>
|
||||
|]
|
||||
|
||||
renderAwaitingSection :: [Requirement] -> Html
|
||||
renderAwaitingSection [] = [hsx|<p class="text-sm text-gray-400">All requirements have linked decisions.</p>|]
|
||||
renderAwaitingSection reqs = [hsx|{forEach reqs renderAwaitingReq}|]
|
||||
|
||||
renderRecentDecisionsSection :: [DecisionRecord] -> [Requirement] -> [RequirementCandidate] -> [Widget] -> Html
|
||||
renderRecentDecisionsSection [] _ _ _ = [hsx|<p class="text-sm text-gray-400">No decisions recorded yet.</p>|]
|
||||
renderRecentDecisionsSection decisions reqs candidates ws = [hsx|
|
||||
<table class="w-full text-sm">
|
||||
<thead class="border-b border-gray-100">
|
||||
<tr>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Title</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Outcome</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Source Widget</th>
|
||||
<th class="text-left py-2 text-xs font-medium text-gray-500">Decided At</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-50">
|
||||
{forEach decisions (renderDecisionRow reqs candidates ws)}
|
||||
</tbody>
|
||||
</table>
|
||||
|]
|
||||
|
||||
outcomeClass :: Text -> Text
|
||||
outcomeClass "accepted" = "bg-green-100 text-green-800"
|
||||
outcomeClass "rejected" = "bg-red-100 text-red-800"
|
||||
|
||||
Reference in New Issue
Block a user