Fristenrechner: complete UX overhaul — dual-mode (direct search/filter + guided wizard) with project-file write-back #146
Reference in New Issue
Block a user
No description provided.
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Background
The current
/tools/fristenrechnerform (frontend/src/client/fristenrechner.tsbuildRowStackat L2848) conflates two distinct use cases into one row-stack, producing several visible UX bugs:m's verdict (2026-05-26, 21:21): "complete overhaul. Should be easy to use."
Vision
Two complementary paths, both lead to the same outcome ("these are the follow-up deadlines, optionally file them into a project"):
A — Direct search + filter
Keep the existing search form (text search across procedural_events) plus filter chips (forum / proceeding_type / event_kind / party). Power-user path: "I already know what I'm looking for."
B — Guided wizard
A short Q&A (3-5 questions max) that narrows from broad to specific to identify the trigger event. The wizard's only job is to land on one
procedural_eventsrow. Once that's locked in, the result view takes over.Result view (shared by A and B)
Given a trigger event:
paliad.deadlinesfor that project. Multi-select: user can take all mandatory, deselect optional, or pick & choose.Axis taxonomy (to be ratified in the design pass)
proceeding_types.code(upc.*/de.*/epa.*/dpma.*)sequencing_rules.proceeding_type_id→proceeding_typesproject.our_sideOR user picksequencing_rules.primary_partyprocedural_events.event_kind(filing / hearing / decision / order / …)Rule: a filter narrows the visible options without committing to a deadline answer; a qualifier is part of the resulting deadline calculation. Filters must propagate forward (R2 narrows R3). Qualifiers are picked once and locked.
Wizard sketch (3-5 questions, branchy)
The wizard's branching depends on whether there's a project context. With a project, half the questions are pre-filled from project.forum / project.proceeding_type / project.our_side and rendered as
prefilledrows the user can override. Without a project, all questions are asked.Strawman question order (inventor to refine):
Open design questions (for the inventor)
event_categoriestree (the "Was ist passiert?" hierarchical picker) or replace with flat event_kind + free-text search? Tree adds visual structure but burns clicks.Acceptance for the inventor design pass
Deliverable:
docs/design-fristenrechner-overhaul-2026-05-NN.mdcovering:buildRowStackand theevent_categoriestreeNo code yet — design only. Coder shift comes after m ratifies the design (per inventor→coder gate in head SKILL).
Data quality preconditions (already in flight or fixed)
Mängelbeseitigung / Zahlungsequencing_rule clones being archived in mig 152 (curie, in progress).Zwischenverfahrenrenamed toZwischenanhörungfor upc.inf/rev/dmgs.cfi.interim (2026-05-26).Out of scope
sequencing_rulesmodel (Phase 3 schema is fine for this UX).S1-S6 train shipped
Fristenrechner overhaul fully landed across six slices per design doc:
7ea4151GET /search?kind=events+ newGET /follow-ups9ab8dd8?overhaul=1— sticky trigger card, 4 priority groups + SPAWNED badge, per-rule rows, write-back footer conditional on?project=2a2c5b870985d84571bd4?overhaul=1default; legacy reachable via?legacy=1for the 2-week deprecation windowba3e079Sequenced together with
m/paliad#147— mig 153 (taxonomykinddiscriminator) landed before S3 so Mode A's chip query and Mode B's R3 EventKind filter exclude phase / side_action / meta rows from day one.Verified at every slice boundary: bun build clean (2971 i18n keys, data-i18n attributes clean), 256 frontend tests pass (incl. 9 + 7 new helpers for
groupFollowUps/defaultChecked/followUpsDifferByParty), go build + vet clean, live-DB tests against youpc Postgres pass (6 subtests acrossTestListProceedings+TestSearchEvents+TestLookupFollowUps).Follow-up scope: drop the legacy concept-card response shape from
/searchtogether with the upper-half Pathway B B2 search wiring (runSearch/renderConceptCard/renderSearchResults/SearchResponsetypes infristenrechner.ts). The dead-code row-stack helpers (buildRowStack,renderRowStack,runB1Search, etc.) get lifted out in the same follow-up — they're unreachable today but bulk up the file.m/paliad#147 taxonomy work covered the proceeding_types cleanup that load-bears this overhaul.
Fixer (brunel, t-paliad-326): dark-mode token migration for Fristenrechner overhaul CSS — COMPLETE
The S2/S3/S4 additions (~121 hardcoded hex literals across the result view, Mode A search, Mode B wizard) bypassed the
:root[data-theme="dark"]flip and left the whole Fristenrechner stuck in light colors when the theme toggle ran.All hex literals in those sections are now consumed from the design-token system that the rest of paliad uses (
PWAHead.tsxflipsdata-themefromlocalStorage[paliad-theme]):--color-surface{,-2}/--color-border{,-strong}/--color-text{,-muted,-subtle}tokens.--status-{red,amber,green,blue}-*tokens.--color-accent/--color-accent-dark.--color-accent-fg(midnight in light, lime in dark).var(--shadow)(auto-deepens in dark).Ten new tokens introduced in
:root+ mirrored in:root[data-theme="dark"]:--color-accent-soft-{bg,fg,border}— pale lime tints for nudges, footers, hover bgs, success messages,is-from-projectwizard rows, lime hover.--color-accent-strong-{bg,fg,border}— saturated lime pills for active chip, jurisdiction badge, wizardis-activeoutline.--status-blue-border— missing primary on the existing blue bucket, now used for the Recommended-group stripe.--status-purple-{bg,fg,border}— new bucket for the court party stance (no existing purple status palette to lean on).Wizard active-row glow
rgba(198, 244, 28, 0.15)rewritten asrgb(var(--hlc-lime-rgb) / 0.15)so it also follows the channel token.Verification (CSS-only change, no DOM / no JS / no layout touched): built
frontend/dist/assets/global.cssviabun run buildand mounted it against a representative static DOM (all four group stripes, every party stance, mode-A filter+result list, mode-B wizard with filter+qualifier badges, trigger card, write-back footer, kontextfrei nudge, ok+error messages). Toggleddata-theme="dark"via JS — every surface, border, chip, badge, status pill flipped to its dark counterpart andgetComputedStyleconfirms each token resolves through both modes (e.g.--color-accent-soft-bg→#f7fbe6light,rgb(191 243 85 / 0.08)dark; defendant party →rgb(239 68 68 / 0.18)+#fca5a5; court party →rgb(168 85 247 / 0.18)+#d8b4fe).bun run build+go vet ./...clean. Single commit. Layout / spacing / sizing untouched (colours, borders, shadows only).Commit: https://mgit.msbls.de/m/paliad/commit/76d38c4
Branch:
mai/brunel/fixer-dark-mode-supportSweep verdict (2026-07-29): ALREADY DONE.
Shipped 2026-05-26 → 2026-05-27, recorded in #151's own inventory: "dual-mode (Direkt Suchen + Geführt) → result view with follow-ups (shipped … via m/paliad#146 + #149 P3)".
Worth knowing before anyone re-opens it: the surface it overhauled has since been retired.
/tools/fristenrechnerhard-301s to/tools/procedures, which has itself been rebuilt again as the #153 builder. There is no page left to apply this UX to.Full sweep:
docs/findings-issue-sweep-2026-07-29.md(commit4c39886).