Rebuild as InnungsApp project: replace stadtwerke analysis with full documentation

- PRD: vollständige Produktspezifikation (5 Module, Scope, Akzeptanzkriterien)
- ARCHITECTURE: Tech Stack, Ordnerstruktur, Multi-Tenancy, Push, Kosten
- DATABASE_SCHEMA: Vollständiges SQL-Schema mit RLS Policies und Views
- USER_STORIES: 40+ Stories nach Rolle (Admin, Mitglied, Azubi, Obermeister)
- PERSONAS: 5 detaillierte Nutzerprofile mit Alltag, Zitaten und Erwartungen
- BUSINESS_MODEL: Preistabellen, Unit Economics, Revenue-Projektionen, Distribution
- ROADMAP: 6 Phasen, Sprint-Planung, Meilensteine und KPIs
- COMPETITIVE_ANALYSIS: Wettbewerbsmatrix, USPs, Preispositionierung
- API_DESIGN: Supabase Query Patterns, Edge Functions, Realtime Subscriptions
- ONBOARDING_FLOWS: 7 User Flows von Setup bis Fehlerfall
- GTM_STRATEGY: 3-Phasen-Vertrieb, Outreach-Sequenz, Einwandbehandlung
- AZUBI_MODULE: Video-Feed, 1-Click-Apply, Chat, Berichtsheft, Quiz
- DSGVO_KONZEPT: Rechtsgrundlagen, TOMs, AVV, Minderjährige, Incident Response
- FEATURES_BACKLOG: 72 Features nach MoSCoW + Technische Schulden

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

innungsapp/apps/admin/app/dashboard/mitglieder/neu/page.tsx

@@ -0,0 +1,187 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { trpc } from '@/lib/trpc-client'
+import Link from 'next/link'
+import { SPARTEN } from '@innungsapp/shared'
+
+export default function MitgliedNeuPage() {
+  const router = useRouter()
+  const [sendInvite, setSendInvite] = useState(true)
+  const [form, setForm] = useState({
+    name: '',
+    betrieb: '',
+    sparte: 'Elektrotechnik',
+    ort: '',
+    telefon: '',
+    email: '',
+    status: 'aktiv' as const,
+    istAusbildungsbetrieb: false,
+    seit: new Date().getFullYear(),
+  })
+
+  const createMutation = trpc.members.create.useMutation({
+    onSuccess: () => router.push('/dashboard/mitglieder'),
+  })
+  const inviteMutation = trpc.members.invite.useMutation({
+    onSuccess: () => router.push('/dashboard/mitglieder'),
+  })
+
+  const isPending = createMutation.isPending || inviteMutation.isPending
+  const error = createMutation.error ?? inviteMutation.error
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (sendInvite) {
+      inviteMutation.mutate(form)
+    } else {
+      createMutation.mutate(form)
+    }
+  }
+
+  return (
+    <div className="max-w-2xl space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/dashboard/mitglieder" className="text-gray-400 hover:text-gray-600">
+          ← Zurück
+        </Link>
+        <h1 className="text-2xl font-bold text-gray-900">Mitglied anlegen</h1>
+      </div>
+
+      <form onSubmit={handleSubmit} className="bg-white rounded-xl border shadow-sm p-6 space-y-4">
+        <div className="grid grid-cols-2 gap-4">
+          <div className="col-span-2">
+            <label className="block text-sm font-medium text-gray-700 mb-1">Name *</label>
+            <input
+              required
+              value={form.name}
+              onChange={(e) => setForm({ ...form, name: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div className="col-span-2">
+            <label className="block text-sm font-medium text-gray-700 mb-1">Betrieb *</label>
+            <input
+              required
+              value={form.betrieb}
+              onChange={(e) => setForm({ ...form, betrieb: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Sparte *</label>
+            <select
+              value={form.sparte}
+              onChange={(e) => setForm({ ...form, sparte: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            >
+              {SPARTEN.map((s) => <option key={s}>{s}</option>)}
+            </select>
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Ort *</label>
+            <input
+              required
+              value={form.ort}
+              onChange={(e) => setForm({ ...form, ort: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">E-Mail *</label>
+            <input
+              required
+              type="email"
+              value={form.email}
+              onChange={(e) => setForm({ ...form, email: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Telefon</label>
+            <input
+              type="tel"
+              value={form.telefon}
+              onChange={(e) => setForm({ ...form, telefon: e.target.value })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Mitglied seit</label>
+            <input
+              type="number"
+              value={form.seit}
+              onChange={(e) => setForm({ ...form, seit: Number(e.target.value) })}
+              min="1900"
+              max="2100"
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 mb-1">Status</label>
+            <select
+              value={form.status}
+              onChange={(e) => setForm({ ...form, status: e.target.value as typeof form.status })}
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+            >
+              <option value="aktiv">Aktiv</option>
+              <option value="ruhend">Ruhend</option>
+              <option value="ausgetreten">Ausgetreten</option>
+            </select>
+          </div>
+          <div className="col-span-2">
+            <label className="flex items-center gap-2 cursor-pointer">
+              <input
+                type="checkbox"
+                checked={form.istAusbildungsbetrieb}
+                onChange={(e) => setForm({ ...form, istAusbildungsbetrieb: e.target.checked })}
+                className="rounded border-gray-300 text-brand-500 focus:ring-brand-500"
+              />
+              <span className="text-sm text-gray-700">Ausbildungsbetrieb</span>
+            </label>
+          </div>
+        </div>
+
+        <div className="border-t pt-4">
+          <label className="flex items-center gap-2 cursor-pointer">
+            <input
+              type="checkbox"
+              checked={sendInvite}
+              onChange={(e) => setSendInvite(e.target.checked)}
+              className="rounded border-gray-300 text-brand-500 focus:ring-brand-500"
+            />
+            <span className="text-sm text-gray-700 font-medium">
+              Einladungs-E-Mail senden
+            </span>
+          </label>
+          <p className="text-xs text-gray-500 mt-1 ml-6">
+            Das Mitglied erhält eine E-Mail mit einem Login-Link.
+          </p>
+        </div>
+
+        {error && (
+          <p className="text-sm text-red-600 bg-red-50 px-4 py-2 rounded-lg">
+            {error.message}
+          </p>
+        )}
+
+        <div className="flex gap-3 pt-2">
+          <button
+            type="submit"
+            disabled={isPending}
+            className="bg-brand-500 text-white px-6 py-2 rounded-lg text-sm font-medium hover:bg-brand-600 disabled:opacity-60 transition-colors"
+          >
+            {isPending ? 'Wird gespeichert...' : sendInvite ? 'Speichern & Einladung senden' : 'Speichern'}
+          </button>
+          <Link
+            href="/dashboard/mitglieder"
+            className="px-6 py-2 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors"
+          >
+            Abbrechen
+          </Link>
+        </div>
+      </form>
+    </div>
+  )
+}

innungsapp/apps/admin/app/dashboard/mitglieder/page.tsx

@@ -0,0 +1,150 @@
+import { prisma } from '@innungsapp/shared'
+import { auth } from '@/lib/auth'
+import { headers } from 'next/headers'
+import { redirect } from 'next/navigation'
+import Link from 'next/link'
+import { MEMBER_STATUS_LABELS } from '@innungsapp/shared'
+import { format } from 'date-fns'
+import { de } from 'date-fns/locale'
+
+const STATUS_COLORS = {
+  aktiv: 'bg-green-100 text-green-700',
+  ruhend: 'bg-yellow-100 text-yellow-700',
+  ausgetreten: 'bg-red-100 text-red-700',
+}
+
+export default async function MitgliederPage({
+  searchParams,
+}: {
+  searchParams: { q?: string; status?: string }
+}) {
+  const session = await auth.api.getSession({ headers: await headers() })
+  if (!session?.user) redirect('/login')
+
+  const userRole = await prisma.userRole.findFirst({
+    where: { userId: session.user.id },
+  })
+  if (!userRole || userRole.role !== 'admin') redirect('/dashboard')
+
+  const search = searchParams.q ?? ''
+  const statusFilter = searchParams.status
+
+  const members = await prisma.member.findMany({
+    where: {
+      orgId: userRole.orgId,
+      ...(statusFilter && { status: statusFilter as never }),
+      ...(search && {
+        OR: [
+          { name: { contains: search, mode: 'insensitive' } },
+          { betrieb: { contains: search, mode: 'insensitive' } },
+          { ort: { contains: search, mode: 'insensitive' } },
+        ],
+      }),
+    },
+    orderBy: { name: 'asc' },
+  })
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-900">Mitglieder</h1>
+          <p className="text-gray-500 mt-1">{members.length} Einträge</p>
+        </div>
+        <Link
+          href="/dashboard/mitglieder/neu"
+          className="bg-brand-500 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-brand-600 transition-colors"
+        >
+          + Mitglied anlegen
+        </Link>
+      </div>
+
+      {/* Filters */}
+      <div className="bg-white rounded-xl border shadow-sm p-4 flex gap-4">
+        <form className="flex gap-4 w-full">
+          <input
+            name="q"
+            defaultValue={search}
+            placeholder="Name, Betrieb, Ort suchen..."
+            className="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+          />
+          <select
+            name="status"
+            defaultValue={statusFilter ?? ''}
+            className="px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500"
+          >
+            <option value="">Alle Status</option>
+            <option value="aktiv">Aktiv</option>
+            <option value="ruhend">Ruhend</option>
+            <option value="ausgetreten">Ausgetreten</option>
+          </select>
+          <button
+            type="submit"
+            className="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm hover:bg-gray-200 transition-colors"
+          >
+            Suchen
+          </button>
+        </form>
+      </div>
+
+      {/* Table */}
+      <div className="bg-white rounded-xl border shadow-sm overflow-hidden">
+        <table className="w-full data-table">
+          <thead>
+            <tr>
+              <th>Name / Betrieb</th>
+              <th>Sparte</th>
+              <th>Ort</th>
+              <th>Mitglied seit</th>
+              <th>Status</th>
+              <th>Eingeladen</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody>
+            {members.map((m) => (
+              <tr key={m.id}>
+                <td>
+                  <div>
+                    <p className="font-medium text-gray-900">{m.name}</p>
+                    <p className="text-xs text-gray-500">{m.betrieb}</p>
+                  </div>
+                </td>
+                <td>{m.sparte}</td>
+                <td>{m.ort}</td>
+                <td>{m.seit ?? '—'}</td>
+                <td>
+                  <span
+                    className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${STATUS_COLORS[m.status]}`}
+                  >
+                    {MEMBER_STATUS_LABELS[m.status]}
+                  </span>
+                </td>
+                <td>
+                  {m.userId ? (
+                    <span className="text-xs text-green-600">✓ Aktiv</span>
+                  ) : (
+                    <span className="text-xs text-gray-400">Nicht eingeladen</span>
+                  )}
+                </td>
+                <td>
+                  <Link
+                    href={`/dashboard/mitglieder/${m.id}`}
+                    className="text-sm text-brand-600 hover:underline"
+                  >
+                    Bearbeiten
+                  </Link>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+        {members.length === 0 && (
+          <div className="text-center py-12 text-gray-500">
+            Keine Mitglieder gefunden
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}