feat(agenten): Runde 8 — Livia recherchiert, Nora matcht, Ferdi liest Verträge

Livia wird von der Exposé-Master zur Research- & Market-Intelligence-Agentin.
Sie schaut nach draussen: verknüpfte Newsquellen, Geschäftsberichte,
Handelsregister und amtliche Publikationen werden zu qualitativen Leads
verdichtet — Unternehmen, Veränderung, Ort, Zeitpunkt, Begründung, Quellen.
Die Exposé-Funktion bleibt vollständig erhalten, ist aber nachgeordnet und
liegt im zweiten Reiter ihres Arbeitsplatzes.

Das Matching bleibt ausdrücklich bei Nora. Beide Arbeitsplätze teilen sich
dieselbe Liste (`UnifiedLeadList`) und dieselbe Detailansicht (`LeadDetail`);
bei Livia läuft sie mit `showMatching={false}`. Damit ist die Grenze im Code
gezogen und nicht bloss in der Beschriftung. Es gibt keine zweite Lead-Ablage:
ein Lead, zwei Arbeitsplätze.

Neu ist die Einordnung Chance/Risiko als Spalte in Noras Liste und als Block
in der Detailansicht, je mit Begründung und konkreter nächster Handlung. Bei
einem Risiko wird das betroffene Mietverhältnis benannt und auf internes
Re-Letting hingewiesen. `leadSignalTypeOf()` leitet die Einordnung für
Altbestände aus dem Signaltyp ab, damit keine Migration nötig ist.

Thomas bekommt denselben Chat-Einstieg wie die fünf anderen — dieselbe
Komponente, dieselbe Sticky-Mechanik, keine Sonderlösung. Dafür scrollt seine
Seite als Ganzes; die drei Verwaltungsbereiche behalten ihren inneren Scroll.

Ferdi wird vom Reminder-Agenten zur Contract Intelligence: Kündigungsfristen,
echte und unechte Optionen, Verhandlungsfenster und Vertragsgespräche. Der
Unterschied zwischen echter und unechter Option ist der Kern — die echte
Option hat eine Frist, die verfällt, die unechte nur ein Fenster, in dem
verhandelt werden sollte. Alle neuen Termine orientieren sich am
Entscheidungszeitpunkt, nicht am Vertragsende: `decisionDate` und `dueDate`
liegen bewusst davor.

Auslastungsanzeige nachgezogen: Livia zählt ihre Recherche statt offener
Exposés, Nora den Abgleich statt des Findens.

Geprüft: tsc 0 Fehler, eslint 0 Fehler/0 Warnungen, 423/423 Tests grün,
Produktionsbuild erfolgreich.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

src/components/expose/ExposeLeadSection.tsx

@@ -0,0 +1,100 @@
+import { useCallback, useMemo, useState } from 'react'
+import { Alert, Box, Tab, Tabs } from '@mui/material'
+import { LeadTable } from './LeadTable'
+import { PanelLoadingState, ErrorState } from '../ui'
+import { useExposeLeads } from '../../hooks/useExposeLeads'
+import { useProperties } from '../../hooks/useProperties'
+import { ExposeLeadStatus } from '../../domain/exposeLead'
+import { EXPOSE_LEAD_TABS, EXPOSE_LEAD_TAB_LABELS } from '../../lib/constants'
+import type { ExposeLeadTab } from '../../lib/constants'
+
+interface Props {
+  /** Scrollcontainer der Seite — die geöffnete Zeile gleitet darin nach oben. */
+  scrollRef: React.RefObject<HTMLDivElement | null>
+}
+
+/**
+ * Der Exposé-Bereich auf Livias Arbeitsplatz (Runde 4, §8; Runde 8, §1).
+ *
+ * Aus `MyListings.tsx` herausgelöst, als die Recherche mit Runde 8 zur
+ * Hauptaufgabe wurde. Die Exposé-Funktion ist damit nachgeordnet, aber
+ * unverändert vollständig — Leadliste, dreistufiger Assistent, Pflichtfelder
+ * und Export arbeiten weiter wie zuvor.
+ */
+export function ExposeLeadSection({ scrollRef }: Props) {
+  const [tab, setTab] = useState<ExposeLeadTab>(EXPOSE_LEAD_TABS.ACTIVE)
+  const [selectedId, setSelectedId] = useState<string | null>(null)
+
+  const { data: leads = [], isLoading, isError, refetch } = useExposeLeads()
+  const { data: properties = [] } = useProperties()
+
+  const visible = useMemo(() => {
+    const wanted = tab === EXPOSE_LEAD_TABS.ARCHIVED ? ExposeLeadStatus.ARCHIVED : ExposeLeadStatus.ACTIVE
+    return leads
+      .filter(l => l.status === wanted)
+      .sort((a, b) => b.receivedAt.localeCompare(a.receivedAt))
+  }, [leads, tab])
+
+  /**
+   * Beim Öffnen gleitet die gewählte Zeile an den oberen Rand des sichtbaren
+   * Inhaltsbereichs; die nachfolgenden Leads rücken nach unten und dürfen aus
+   * dem Blickfeld verschwinden (Runde 4, §8.4). Umgesetzt mit `scrollTo` auf dem
+   * bestehenden Scrollcontainer — dafür braucht es keine Animationsbibliothek.
+   *
+   * Bei `prefers-reduced-motion` wird ohne Bewegung direkt gesprungen.
+   */
+  const handleSelect = useCallback((id: string, row: HTMLElement | null) => {
+    const next = id === selectedId ? null : id
+    setSelectedId(next)
+    if (!next || !row || !scrollRef.current) return
+
+    const container = scrollRef.current
+    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches
+    const top = container.scrollTop + row.getBoundingClientRect().top - container.getBoundingClientRect().top
+
+    // Nach dem Zustandswechsel scrollen, sonst misst der Browser die alte Höhe.
+    requestAnimationFrame(() => {
+      container.scrollTo({ top, behavior: reduced ? 'auto' : 'smooth' })
+    })
+  }, [selectedId, scrollRef])
+
+  const handleTabChange = useCallback((next: ExposeLeadTab) => {
+    setSelectedId(null)
+    setTab(next)
+  }, [])
+
+  if (isLoading) return <PanelLoadingState />
+  if (isError) return <ErrorState message="Die Leads konnten nicht geladen werden." onRetry={() => refetch()} />
+
+  return (
+    <Box>
+      <Alert severity="info" sx={{ mb: 2, fontSize: '0.8rem', py: 0.5 }}>
+        Nachgeordnete Aufgabe. Livias Schwerpunkt liegt seit Runde 8 auf der Marktrecherche —
+        Exposés entstehen weiterhin hier, wenn ein Objekt vermarktet werden soll.
+      </Alert>
+
+      <Tabs
+        value={tab}
+        onChange={(_, v: ExposeLeadTab) => handleTabChange(v)}
+        sx={{ mb: 2, '& .MuiTab-root': { textTransform: 'none', fontWeight: 600, fontSize: '0.9rem' } }}
+      >
+        {Object.values(EXPOSE_LEAD_TABS).map(value => (
+          <Tab key={value} value={value} label={EXPOSE_LEAD_TAB_LABELS[value]} />
+        ))}
+      </Tabs>
+
+      <LeadTable
+        leads={visible}
+        properties={properties}
+        selectedId={selectedId}
+        onSelect={handleSelect}
+        withWorkspace={tab === EXPOSE_LEAD_TABS.ACTIVE}
+        emptyText={
+          tab === EXPOSE_LEAD_TABS.ACTIVE
+            ? 'Keine aktiven Exposé-Aufträge. Über die Detailansicht eines Leads bei Nora lassen sich Objekte hierher vormerken.'
+            : 'Noch keine archivierten Leads.'
+        }
+      />
+    </Box>
+  )
+}