Rework bundestag.io/admin procedures list and detail views to match the wireframe flow

[Copilot]

The admin procedures workflow was still centered around a basic table/detail pair and did not reflect the wireframed navigation, filtering, and status-oriented editing flow. This updates bundestag.io/admin to present the procedures backlog as distinct operational views and restructures the detail page around the data points editors actually need.

• Procedures list: wireframe-style admin workflow

  • replaced the bare table with a tabbed list view for Todo, Sitzungswoche, Vergangen, and Top 100
  • added a compact filter/search bar for:
    • procedure ID / title
    • legislative period
    • current state
    • procedure type
    • vote type (named / party)
    • data-entry status (todo / done)
  • kept title-based navigation into the procedure detail page
  • surfaced vote-date state directly in the table via colored date rendering and explicit data-status badges

• Procedure detail: structured editor layout

  • reorganized the detail page into:
    • metadata/status summary
    • document links
    • plenary protocol links
    • helper section
    • vote result editor
  • added visible vote-date status on the detail screen
  • preserved the existing named-poll vs. party-vote editing split

• Vote form defaults

  • defaulted votingDocument to mainDocument when no stored value exists
  • initialized the toggle state from the stored voting recommendation so the form reflects existing data more reliably

• Data/query support

  • extended the admin procedure list query to fetch activities, lastUpdateDate, and voteEnd for richer list segmentation/sorting
  • exposed activities and lastUpdateDate in the GraphQL Procedure schema so the admin can rank the Top 100 view without introducing a parallel data path

• Build-safe cleanup in adjacent admin pages

  • removed a fragile external type-only dependency from the app-router list pages by introducing a local entry type for fetched procedure rows

<Form
  initialValues={{
    votingDocument: data.votingDocument ?? 'mainDocument',
    decisionText: data.decisionText ?? '',
    toggleDecision: data.votingRecommendation === false,
  }}
>

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• bundestag-io-api.local.democracy-app.de
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node ./node_modules/.bin/../next/dist/bin/next start -H 127.0.0.1 -p 3000 de_modules/.pnpm/esbuild@0.19.12/node_modules/esbuild/node_modules/.bin/sh (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>🌟 [b.io.admin] Wireframing</issue_title>
<issue_description>## Konzept

ListView

mehrere Ansichten (ToDo, Sitzungswoche, Vergangen, Top100) zzgl. mit Type (named;party) & Status (todo;done)

• alle Informationen wie im Moment umgesetzt

• 👤 US01: Liste sortieren

  • Date = Abstimmungstermin (grün/rot)
  • State = Aktueller Stand (Überwiesen, Beschlussempfehlung liegt vor, Angenommen,...)

• 👤 US02: Liste filtern:

  • ID
  • Title
  • State = Aktueller Stand (Überwiesen, Beschlussempfehlung liegt vor, Angenommen,...)
  • Type = Antrag/Gesetz
  • VoteType = named/party
  • Status = Abgestimmungsdaten eingetragen / nicht eingetragen

• 👤 US03: Prozedur aufrufen via Klick auf Title

DetailView

• alle Informationen wie im Moment umgesetzt
  • + Automatische Auswahl "Abstimmung über [Gesetz/Antrag] | [Beschlussempehlung]
  • + VoteDate (grün/rot) auf DetailView
  • ./. Abgeordnetenstimmen
• [Bio-Admin]👤 US02: Plenarsaalprotokoll – Texte zu Fraktionsergebnissen umwandeln democracy-client#1593
• 👤 US04: manuelle Zuordnung Namentliche via ID
• 👤 US05: VoteDate löschen (🗑️)

AI-Thema

• 👤 US06: Vollständige Redaktionsautomatisierung
  Sobald Helper Text vorhanden > automatischer Trigger "get via AI" > Beschlusstext automatisiert speichern > automatischer Trigger "Fetch via AI" > automatische Speicherung der Ergebnisse > (automatische Synchronisation)

• 👤 US06b: manuell editierbares Beschlusstextfeld

• 👤 US06c: Manuell bedienbarer get-via-AI-Button

• 👤 US06c: Manuell bedienbarer fetch-via-AI-Button</issue_description>

<agent_instructions>setze es in bundestag.io/admin um, mache gerne ein komplettes refactoring von Grund auf unterhalb von bundestag.io/admin beachte die wireframes</agent_instructions>

Comments on the Issue (you are @copilot in this section)

@ManAnRuck erstmal geblockt durch die höher priorisierte Notwendigkeit von demokratie-live/democracy-client#1611 & https://github.com//issues/607

• Fixes 🌟 [b.io.admin] Wireframing democracy-client#1592

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.