mAi: #75 - team view mailto: link for non-admin members

t-paliad-244 / m/paliad#75. Both "E-Mail an Auswahl senden" actions on
/team (filter-bar + bottom selection footer) now branch on canBroadcast():
- Admin path keeps the in-app compose modal (POST /api/team/broadcast).
- Non-admin path renders a native <a href="mailto:..."> with the
  recipient list pre-filled, comma-joined and URL-encoded via
  buildMailtoHref (already exported from broadcast.ts).

Filter-bar button used to hide for non-admins; it now shows as the
mailto: anchor and its href refreshes on every filter change so the link
always matches what's visible. Empty visible set disables the affordance
visually (aria-disabled + pointer-events:none) so a click can't open an
empty composer. Bottom selection footer mirrors the same shape.

No new i18n keys, no backend changes, admin compose flow untouched.

frontend/src/client/i18n.ts

@@ -1426,14 +1426,8 @@ const translations: Record<Lang, Record<string, string>> = {
     "projects.detail.tab.notizen": "Notizen",
     "projects.detail.tab.checklisten": "Checklisten",
     "projects.detail.tab.submissions": "Schriftsätze",
-    "projects.detail.tab.settings": "Verwaltung",
     "projects.detail.export.button": "Daten exportieren",
     "projects.detail.export.tooltip": "Daten dieses Projekts (mit Unter-Projekten) als Excel + JSON + CSV herunterladen.",
-    "projects.detail.settings.export.heading": "Daten exportieren",
-    "projects.detail.settings.export.description": "Lade alle Daten dieses Projekts (inkl. Unter-Projekten) als Excel + JSON + CSV-Archiv herunter.",
-    "projects.detail.settings.archive.heading": "Projekt archivieren",
-    "projects.detail.settings.archive.description": "Archivieren erfolgt aus dem Bearbeiten-Dialog (Gefahrenbereich).",
-    "projects.detail.settings.archive.cta": "Bearbeiten öffnen",
     "projects.detail.submissions.empty": "Es sind aktuell keine Schriftsatzvorlagen hinterlegt.",
     "projects.detail.submissions.empty.no_proceeding": "Für dieses Projekt ist noch kein Verfahrenstyp gesetzt — der Katalog unten zeigt trotzdem alle Vorlagen.",
     "projects.detail.submissions.empty.no_proceeding.cta": "Projekt bearbeiten",
@@ -4353,14 +4347,8 @@ const translations: Record<Lang, Record<string, string>> = {
     "projects.detail.tab.notizen": "Notes",
     "projects.detail.tab.checklisten": "Checklists",
     "projects.detail.tab.submissions": "Submissions",
-    "projects.detail.tab.settings": "Settings",
     "projects.detail.export.button": "Export data",
     "projects.detail.export.tooltip": "Download this project's data (including sub-projects) as Excel + JSON + CSV.",
-    "projects.detail.settings.export.heading": "Export data",
-    "projects.detail.settings.export.description": "Download all data for this project (including sub-projects) as an Excel + JSON + CSV archive.",
-    "projects.detail.settings.archive.heading": "Archive project",
-    "projects.detail.settings.archive.description": "Archiving happens in the edit dialog (danger zone).",
-    "projects.detail.settings.archive.cta": "Open edit dialog",
     "projects.detail.submissions.empty": "No submission templates are configured yet.",
     "projects.detail.submissions.empty.no_proceeding": "No proceeding type is set for this project yet — the catalog below still lists every template.",
     "projects.detail.submissions.empty.no_proceeding.cta": "Edit project",

frontend/src/client/projects-detail.ts

@@ -175,8 +175,7 @@ type TabId =
   | "appointments"
   | "notes"
   | "checklists"
-  | "submissions"
-  | "settings";
+  | "submissions";
 
 const VALID_TABS: TabId[] = [
   "history",
@@ -188,7 +187,6 @@ const VALID_TABS: TabId[] = [
   "notes",
   "checklists",
   "submissions",
-  "settings",
 ];
 
 // Legacy German tab slugs that may appear in bookmarked URLs after the
@@ -1187,16 +1185,13 @@ function renderHeader() {
     netdocs.style.display = "none";
   }
 
-  // Delete visibility: partner/admin only. The Verwaltung tab's archive
-  // sub-section mirrors the same gate (t-paliad-245) — it only points at
-  // the Edit-modal danger zone, so it's pointless to show when the danger
-  // zone itself is hidden.
+  // Delete visibility: partner/admin only
   const deleteWrap = document.getElementById("project-delete-wrap")!;
-  const archiveSection = document.getElementById("project-settings-archive");
-  const canArchive = !!me && me.global_role === "global_admin";
-  deleteWrap.style.display = canArchive ? "" : "none";
-  if (archiveSection) archiveSection.style.display = canArchive ? "" : "none";
-  updateSettingsTabVisibility();
+  if (me && (me.global_role === "global_admin")) {
+    deleteWrap.style.display = "";
+  } else {
+    deleteWrap.style.display = "none";
+  }
 }
 
 // wrapEventTitleLink — kept for the dashboard activity feed which reuses
@@ -2050,17 +2045,6 @@ function initEditModal() {
     });
   }
 
-  // Verwaltung → Projekt archivieren — opens the edit modal scrolled to
-  // the danger-zone archive button (t-paliad-245).
-  const archiveLink = document.getElementById(
-    "project-settings-archive-link",
-  ) as HTMLButtonElement | null;
-  if (archiveLink) {
-    archiveLink.addEventListener("click", () => {
-      openEditModal("project-delete-btn");
-    });
-  }
-
   form.addEventListener("submit", async (e) => {
     e.preventDefault();
     if (!project) return;
@@ -3007,21 +2991,17 @@ function canExportProject(): boolean {
   );
 }
 
-// wireExportButton reveals the Export sub-section of the Verwaltung tab
-// (t-paliad-245) and hooks up the project-export button. Triggers a
-// download via a transient <a download> — same pattern as the personal
-// export in client/settings.ts.
+// wireExportButton reveals + hooks up the project-export button on the
+// tabs nav. Triggers a download via a transient <a download> — same
+// pattern as the personal export in client/settings.ts.
 function wireExportButton(projectID: string): void {
-  const section = document.getElementById("project-settings-export") as HTMLElement | null;
   const btn = document.getElementById("project-export-btn") as HTMLButtonElement | null;
-  if (!section || !btn) return;
+  if (!btn) return;
   if (!canExportProject()) {
-    section.style.display = "none";
-    updateSettingsTabVisibility();
+    btn.style.display = "none";
     return;
   }
-  section.style.display = "";
-  updateSettingsTabVisibility();
+  btn.style.display = "";
   btn.addEventListener("click", () => {
     const a = document.createElement("a");
     a.href = `/api/projects/${encodeURIComponent(projectID)}/export`;
@@ -3032,17 +3012,6 @@ function wireExportButton(projectID: string): void {
   });
 }
 
-// updateSettingsTabVisibility hides the Verwaltung tab when none of its
-// sub-sections are visible to the current user — an empty tab is worse
-// UX than no tab. Called whenever a sub-section's visibility flips.
-function updateSettingsTabVisibility(): void {
-  const tab = document.querySelector<HTMLElement>('.entity-tab[data-tab="settings"]');
-  if (!tab) return;
-  const exportShown = document.getElementById("project-settings-export")?.style.display !== "none";
-  const archiveShown = document.getElementById("project-settings-archive")?.style.display !== "none";
-  tab.style.display = exportShown || archiveShown ? "" : "none";
-}
-
 function canRemoveTeamMember(m: ProjectTeamMember): boolean {
   if (!me) return false;
   if (m.user_id === me.id) return true;

frontend/src/client/team.ts

@@ -1,6 +1,6 @@
 import { initI18n, onLangChange, t, tDyn } from "./i18n";
 import { initSidebar } from "./sidebar";
-import { openBroadcastModal, firstName, type BroadcastRecipient } from "./broadcast";
+import { openBroadcastModal, firstName, buildMailtoHref, type BroadcastRecipient } from "./broadcast";
 
 interface User {
   id: string;
@@ -341,28 +341,64 @@ function buildProjectFilter() {
 function buildBroadcastButton() {
   const wrap = document.getElementById("team-broadcast-wrap");
   if (!wrap) return;
-  if (!canBroadcast()) {
+  // Wait for /api/me so the affordance never flickers between admin (form)
+  // and non-admin (mailto) on initial paint. canBroadcast() already returns
+  // false when me is null but we'd briefly render the mailto anchor before
+  // the admin form, which is visually jarring.
+  if (!me) {
     wrap.innerHTML = "";
     wrap.style.display = "none";
     return;
   }
   wrap.style.display = "";
-  wrap.innerHTML = `
-    <button type="button" class="btn btn-primary" id="team-broadcast-btn">
-      ${esc(t("team.broadcast.button") || "E-Mail an Auswahl")} <span class="team-broadcast-count" id="team-broadcast-count">0</span>
-    </button>
-  `;
-  document.getElementById("team-broadcast-btn")?.addEventListener("click", () => onBroadcastClick());
+  const label = esc(t("team.broadcast.button") || "E-Mail an Auswahl");
+  const counter = `<span class="team-broadcast-count" id="team-broadcast-count">0</span>`;
+  if (canBroadcast()) {
+    // Admin path (global_admin or project-lead-of-selected): opens the
+    // in-app compose modal that POSTs to /api/team/broadcast.
+    wrap.innerHTML = `
+      <button type="button" class="btn btn-primary" id="team-broadcast-btn">
+        ${label} ${counter}
+      </button>
+    `;
+    document.getElementById("team-broadcast-btn")?.addEventListener("click", () => onBroadcastClick());
+  } else {
+    // Non-admin path (t-paliad-244): native mailto: anchor pre-filled with
+    // the current filter set. href is refreshed in updateBroadcastButton()
+    // whenever filters change so the link always reflects what's visible.
+    wrap.innerHTML = `
+      <a class="btn btn-primary" id="team-broadcast-btn" href="mailto:">
+        ${label} ${counter}
+      </a>
+    `;
+  }
 }
 
 function updateBroadcastButton() {
   buildBroadcastButton();
+  const recipients = displayedRecipients();
   const countEl = document.getElementById("team-broadcast-count");
-  if (countEl) {
-    const n = displayedRecipients().length;
-    countEl.textContent = String(n);
-    const btn = document.getElementById("team-broadcast-btn") as HTMLButtonElement | null;
-    if (btn) btn.disabled = n === 0;
+  if (countEl) countEl.textContent = String(recipients.length);
+  const btn = document.getElementById("team-broadcast-btn");
+  if (!btn) return;
+  if (btn.tagName === "BUTTON") {
+    (btn as HTMLButtonElement).disabled = recipients.length === 0;
+  } else {
+    // Anchor (non-admin): regenerate the mailto: href against the current
+    // visible recipients, and disable the affordance when empty so a click
+    // doesn't open an empty mail composer.
+    const a = btn as HTMLAnchorElement;
+    if (recipients.length === 0) {
+      a.setAttribute("href", "mailto:");
+      a.setAttribute("aria-disabled", "true");
+      a.style.pointerEvents = "none";
+      a.style.opacity = "0.5";
+    } else {
+      a.setAttribute("href", buildMailtoHref(recipients));
+      a.removeAttribute("aria-disabled");
+      a.style.pointerEvents = "";
+      a.style.opacity = "";
+    }
   }
 }
 
@@ -673,14 +709,21 @@ function renderSelectionFooter(): void {
     "{n}",
     String(n),
   );
+  const sendLabel = esc(t("team.selection.send") || "E-Mail an Auswahl");
+  // t-paliad-244: mirror buildBroadcastButton() so the bottom send button
+  // behaves the same as the filter-bar one. Admin (canBroadcast) opens the
+  // compose modal; non-admin gets a native mailto: anchor pre-filled with
+  // the explicit selection.
+  const adminPath = canBroadcast();
+  const sendAction = adminPath
+    ? `<button type="button" class="btn-primary" id="team-selection-send">${sendLabel}</button>`
+    : `<a class="btn-primary" id="team-selection-send" href="${buildMailtoHref(selectedRecipients())}">${sendLabel}</a>`;
   footer.innerHTML = `
     <span class="team-selection-count">${esc(countLabel)}</span>
     <button type="button" class="btn-secondary btn-small" id="team-selection-clear">
       ${esc(t("team.selection.clear") || "Auswahl aufheben")}
     </button>
-    <button type="button" class="btn-primary" id="team-selection-send">
-      ${esc(t("team.selection.send") || "E-Mail an Auswahl")}
-    </button>
+    ${sendAction}
   `;
   footer.style.display = "";
   document.body.classList.add("team-has-selection");
@@ -691,9 +734,12 @@ function renderSelectionFooter(): void {
     syncMasterCheckbox();
     renderSelectionFooter();
   });
-  document.getElementById("team-selection-send")?.addEventListener("click", () => {
-    onBroadcastFromSelection();
-  });
+  if (adminPath) {
+    document.getElementById("team-selection-send")?.addEventListener("click", () => {
+      onBroadcastFromSelection();
+    });
+  }
+  // Anchor path has no click handler — native href open is the action.
 }
 
 // selectedRecipients maps the explicit selection Set into the

frontend/src/i18n-keys.ts

@@ -2188,11 +2188,6 @@ export type I18nKey =
   | "projects.detail.parteien.role.defendant"
   | "projects.detail.parteien.role.thirdparty"
   | "projects.detail.save"
-  | "projects.detail.settings.archive.cta"
-  | "projects.detail.settings.archive.description"
-  | "projects.detail.settings.archive.heading"
-  | "projects.detail.settings.export.description"
-  | "projects.detail.settings.export.heading"
   | "projects.detail.smarttimeline.add.cancel"
   | "projects.detail.smarttimeline.add.choice.amend"
   | "projects.detail.smarttimeline.add.choice.appointment"
@@ -2282,7 +2277,6 @@ export type I18nKey =
   | "projects.detail.tab.kinder"
   | "projects.detail.tab.notizen"
   | "projects.detail.tab.parteien"
-  | "projects.detail.tab.settings"
   | "projects.detail.tab.submissions"
   | "projects.detail.tab.team"
   | "projects.detail.tab.termine"

frontend/src/projects-detail.tsx

@@ -89,9 +89,20 @@ export function renderProjectsDetail(): string {
                   <a className="entity-tab" data-tab="notes" href="#" data-i18n="projects.detail.tab.notizen">Notizen</a>
                   <a className="entity-tab" data-tab="checklists" href="#" data-i18n="projects.detail.tab.checklisten">Checklisten</a>
                   <a className="entity-tab" data-tab="submissions" href="#" data-i18n="projects.detail.tab.submissions">Schriftsätze</a>
-                  {/* Verwaltung — rare admin actions (export, archive). Sits
-                      last in the tab list per t-paliad-245. */}
-                  <a className="entity-tab" data-tab="settings" href="#" data-i18n="projects.detail.tab.settings">Verwaltung</a>
+                  {/* t-paliad-214 Slice 2 — project-subtree export button.
+                      Sits at the end of the tab nav. Hidden by default; the
+                      client unhides it after /api/me confirms the caller can
+                      extract (responsibility ∈ {lead, member} OR global_admin). */}
+                  <button
+                    type="button"
+                    id="project-export-btn"
+                    className="entity-tab entity-tab-action"
+                    style="display:none"
+                    title=""
+                    data-i18n-title="projects.detail.export.tooltip"
+                    data-i18n="projects.detail.export.button">
+                    Daten exportieren
+                  </button>
                 </nav>
 
                 {/* History (Verlauf) — t-paliad-171 SmartTimeline Slice 1.
@@ -655,39 +666,6 @@ export function renderProjectsDetail(): string {
                     Schriftsätze werden direkt aus dem Projekt heraus als .docx generiert. Anpassen, drucken, einreichen.
                   </p>
                 </section>
-
-                {/* Verwaltung — rare admin actions (export, archive). Each
-                    sub-section hides itself if the caller is not entitled
-                    (export: §4 gate; archive: global_admin). */}
-                <section className="entity-tab-panel" id="tab-settings" style="display:none">
-                  <div className="settings-section" id="project-settings-export" style="display:none">
-                    <h3 className="entity-section-heading" data-i18n="projects.detail.settings.export.heading">Daten exportieren</h3>
-                    <p className="tool-subtitle" data-i18n="projects.detail.settings.export.description">
-                      Lade alle Daten dieses Projekts (inkl. Unter-Projekten) als Excel + JSON + CSV-Archiv herunter.
-                    </p>
-                    <button
-                      type="button"
-                      id="project-export-btn"
-                      className="btn-secondary"
-                      data-i18n="projects.detail.export.button">
-                      Daten exportieren
-                    </button>
-                  </div>
-
-                  <div className="settings-section" id="project-settings-archive" style="display:none">
-                    <h3 className="entity-section-heading" data-i18n="projects.detail.settings.archive.heading">Projekt archivieren</h3>
-                    <p className="tool-subtitle" data-i18n="projects.detail.settings.archive.description">
-                      Archivieren erfolgt aus dem Bearbeiten-Dialog (Gefahrenbereich).
-                    </p>
-                    <button
-                      type="button"
-                      id="project-settings-archive-link"
-                      className="btn-secondary"
-                      data-i18n="projects.detail.settings.archive.cta">
-                      Bearbeiten öffnen
-                    </button>
-                  </div>
-                </section>
               </div>
 
               {/* Full edit modal — same form as /projects/new, pre-filled. */}

frontend/src/styles/global.css

@@ -7291,20 +7291,6 @@ dialog.modal::backdrop {
     padding: 0.5rem 0 2rem;
 }
 
-/* Verwaltung tab — rare admin actions (export, archive) live here as
-   stacked sections. No accent, no oversized buttons (t-paliad-245). */
-.settings-section {
-    margin-bottom: 2rem;
-}
-
-.settings-section:last-child {
-    margin-bottom: 0;
-}
-
-.settings-section .tool-subtitle {
-    margin-bottom: 0.75rem;
-}
-
 .entity-events {
     list-style: none;
     padding: 0;