feat: add cross-organization member search and template cloning functionality

apps/web/app/[locale]/home/[account]/verband/clubs/[clubId]/page.tsx

@@ -27,7 +27,16 @@ export default async function ClubDetailPage({ params }: Props) {
   if (!acct) return <AccountNotFound />;
 
   const api = createVerbandApi(client);
-  const detail = await api.getClubDetail(clubId);
+
+  let detail: Awaited<ReturnType<typeof api.getClubDetail>>;
+
+  try {
+    detail = await api.getClubDetail(clubId);
+  } catch {
+    return <AccountNotFound />;
+  }
+
+  if (!detail?.club) return <AccountNotFound />;
 
   return (
     <CmsPageShell account={account} title={`Verein – ${detail.club.name}`}>

apps/web/app/[locale]/home/[account]/verband/events/page.tsx

@@ -0,0 +1,65 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createVerbandApi } from '@kit/verbandsverwaltung/api';
+import {
+  VerbandTabNavigation,
+  HierarchyEvents,
+} from '@kit/verbandsverwaltung/components';
+
+import { AccountNotFound } from '~/components/account-not-found';
+import { CmsPageShell } from '~/components/cms-page-shell';
+
+interface PageProps {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<{
+    status?: string;
+    sharedOnly?: string;
+    fromDate?: string;
+    page?: string;
+  }>;
+}
+
+export default async function HierarchyEventsPage({
+  params,
+  searchParams,
+}: PageProps) {
+  const { account } = await params;
+  const sp = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createVerbandApi(client);
+  const page = Math.max(1, Number(sp.page) || 1);
+  const pageSize = 25;
+
+  const result = await api.listHierarchyEvents(acct.id, {
+    status: sp.status,
+    sharedOnly: sp.sharedOnly === 'true',
+    fromDate: sp.fromDate,
+    page,
+    pageSize,
+  });
+
+  return (
+    <CmsPageShell
+      account={account}
+      title="Verbandsverwaltung - Veranstaltungen"
+      description="Veranstaltungen aller verknüpften Organisationen anzeigen und filtern"
+    >
+      <VerbandTabNavigation account={account} activeTab="events" />
+      <HierarchyEvents
+        account={account}
+        events={result.data}
+        total={result.total}
+        page={page}
+        pageSize={pageSize}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/verband/members/page.tsx

@@ -0,0 +1,92 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createVerbandApi } from '@kit/verbandsverwaltung/api';
+import {
+  VerbandTabNavigation,
+  CrossOrgMemberSearch,
+} from '@kit/verbandsverwaltung/components';
+
+import { AccountNotFound } from '~/components/account-not-found';
+import { CmsPageShell } from '~/components/cms-page-shell';
+
+interface PageProps {
+  params: Promise<{ account: string }>;
+  searchParams: Promise<{
+    q?: string;
+    status?: string;
+    accountId?: string;
+    page?: string;
+  }>;
+}
+
+export default async function CrossOrgMembersPage({
+  params,
+  searchParams,
+}: PageProps) {
+  const { account } = await params;
+  const sp = await searchParams;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createVerbandApi(client);
+  const page = Math.max(1, Number(sp.page) || 1);
+  const pageSize = 25;
+
+  const [result, hierarchy] = await Promise.all([
+    api.searchMembersAcrossHierarchy(acct.id, {
+      search: sp.q,
+      status: sp.status,
+      accountId: sp.accountId,
+      page,
+      pageSize,
+    }),
+    api.getHierarchyTree(acct.id),
+  ]);
+
+  // Build flat list of child accounts for the filter dropdown
+  const childAccounts: Array<{ id: string; name: string }> = [];
+
+  function collectChildren(node: {
+    id: string;
+    name: string;
+    children?: unknown[];
+  }) {
+    if (node.id !== acct!.id) {
+      childAccounts.push({ id: node.id, name: node.name });
+    }
+
+    if (Array.isArray(node.children)) {
+      for (const child of node.children) {
+        collectChildren(
+          child as { id: string; name: string; children?: unknown[] },
+        );
+      }
+    }
+  }
+
+  collectChildren(hierarchy);
+
+  return (
+    <CmsPageShell
+      account={account}
+      title="Verbandsverwaltung - Mitgliedersuche"
+      description="Suchen Sie Mitglieder in allen verknüpften Organisationen"
+    >
+      <VerbandTabNavigation account={account} activeTab="members" />
+      <CrossOrgMemberSearch
+        account={account}
+        members={result.data}
+        total={result.total}
+        page={page}
+        pageSize={pageSize}
+        childAccounts={childAccounts}
+      />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/verband/reporting/page.tsx

@@ -0,0 +1,44 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createVerbandApi } from '@kit/verbandsverwaltung/api';
+import {
+  VerbandTabNavigation,
+  HierarchyReport,
+} from '@kit/verbandsverwaltung/components';
+
+import { AccountNotFound } from '~/components/account-not-found';
+import { CmsPageShell } from '~/components/cms-page-shell';
+
+interface PageProps {
+  params: Promise<{ account: string }>;
+}
+
+export default async function ReportingPage({ params }: PageProps) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createVerbandApi(client);
+
+  const [summary, report] = await Promise.all([
+    api.getHierarchySummary(acct.id),
+    api.getHierarchyReport(acct.id),
+  ]);
+
+  return (
+    <CmsPageShell
+      account={account}
+      title="Verbandsverwaltung - Berichte"
+      description="Aggregierte Berichte und Kennzahlen aller Organisationen im Verband"
+    >
+      <VerbandTabNavigation account={account} activeTab="reporting" />
+      <HierarchyReport summary={summary} report={report} />
+    </CmsPageShell>
+  );
+}

apps/web/app/[locale]/home/[account]/verband/templates/page.tsx

@@ -0,0 +1,40 @@
+import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { createVerbandApi } from '@kit/verbandsverwaltung/api';
+import {
+  VerbandTabNavigation,
+  SharedTemplates,
+} from '@kit/verbandsverwaltung/components';
+
+import { AccountNotFound } from '~/components/account-not-found';
+import { CmsPageShell } from '~/components/cms-page-shell';
+
+interface PageProps {
+  params: Promise<{ account: string }>;
+}
+
+export default async function TemplatesPage({ params }: PageProps) {
+  const { account } = await params;
+  const client = getSupabaseServerClient();
+
+  const { data: acct } = await client
+    .from('accounts')
+    .select('id')
+    .eq('slug', account)
+    .single();
+
+  if (!acct) return <AccountNotFound />;
+
+  const api = createVerbandApi(client);
+  const templates = await api.listSharedTemplates(acct.id);
+
+  return (
+    <CmsPageShell
+      account={account}
+      title="Verbandsverwaltung - Vorlagen"
+      description="Geteilte Vorlagen aus der Verbandshierarchie klonen und verwenden"
+    >
+      <VerbandTabNavigation account={account} activeTab="templates" />
+      <SharedTemplates accountId={acct.id} templates={templates} />
+    </CmsPageShell>
+  );
+}