@hartl-services/medusa-base 0.4.0 → 1.0.0

package/.medusa/server/src/admin/index.mjs

@@ -1,11 +1,14 @@
-import { defineRouteConfig } from "@medusajs/admin-sdk";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { toast, Container, Heading, Text, Alert, Button, Label, Switch, Input, Select, Hint, StatusBadge, usePrompt } from "@medusajs/ui";
+import { useState, useEffect, useMemo, useRef } from "react";
+import { defineWidgetConfig, defineRouteConfig } from "@medusajs/admin-sdk";
+import { toast, Container, Heading, Text, Alert, Button, Label, Switch, Input, Select, Hint, StatusBadge, usePrompt, FocusModal, Prompt } from "@medusajs/ui";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import { pluginFeaturesAdminPaths } from "@hartl-services/medusa-food-supplements-contracts/paths/plugin-features";
+import { documentsPaths, packingListsPaths } from "@hartl-services/medusa-food-supplements-contracts/paths/documents";
 import Medusa from "@medusajs/js-sdk";
 import { Link, useParams } from "react-router-dom";
-import { useState, useEffect, useMemo, useRef } from "react";
+import { pluginFeaturesAdminPaths } from "@hartl-services/medusa-food-supplements-contracts/paths/plugin-features";
+import { emailAdminPaths } from "@hartl-services/medusa-food-supplements-contracts/paths/email";
+import { EMAIL_TERMS_MAX_PDF_BYTES } from "@hartl-services/medusa-food-supplements-contracts/schemas/email";
 const texts = {
   menu: {
     label: "Hartl Services Plugins"
@@ -45,6 +48,11 @@ const texts = {
     parentDisabled: (parentLabel) => `Inaktiv, solange „${parentLabel}“ ausgeschaltet ist.`,
     saving: "Wird gespeichert…"
   },
+  gate: {
+    disabled: "Diese Funktion ist unter Einstellungen → Hartl Services Plugins ausgeschaltet.",
+    disabledNamed: (label) => `„${label}“ ist unter Einstellungen → Hartl Services Plugins ausgeschaltet.`,
+    openHub: "Zu Hartl Services Plugins"
+  },
   settings: {
     missing: (labels) => `Nicht konfiguriert: ${labels}`,
     save: "Einstellungen speichern",
@@ -530,62 +538,30 @@ const PluginStatusChips = ({ plugin: plugin2 }) => /* @__PURE__ */ jsxs("div", {
   plugin2.switchable && /* @__PURE__ */ jsx(StatusBadge, { color: plugin2.enabled ? "green" : "grey", children: plugin2.enabled ? texts.chips.enabled : texts.chips.disabled }),
   plugin2.settings.length > 0 && /* @__PURE__ */ jsx(StatusBadge, { color: plugin2.configured ? "green" : "orange", children: plugin2.configured ? texts.chips.configured : texts.chips.notConfigured(missingLabels(plugin2)) })
 ] });
-const PluginHubCard = ({ plugin: plugin2 }) => {
-  const mutation = useUpdatePluginFeatures();
-  const pending = mutation.isPending;
-  const toggle = (enabled) => {
-    mutation.mutate({
-      plugin_key: plugin2.plugin_key,
-      expected_version: plugin2.version,
-      enabled,
-      features: Object.fromEntries(
-        plugin2.features.map((feature) => [feature.key, feature.enabled])
-      )
-    });
-  };
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4",
-      "aria-busy": pending,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx(Heading, { level: "h2", children: plugin2.label }),
-          plugin2.description && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: plugin2.description }),
-          /* @__PURE__ */ jsx(PluginStatusChips, { plugin: plugin2 }),
-          pending && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted mt-1", children: texts.hints.saving })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
-          plugin2.switchable && /* @__PURE__ */ jsx(
-            Switch,
-            {
-              "aria-label": texts.plugin.switchLabel(plugin2.label),
-              checked: plugin2.enabled,
-              disabled: pending,
-              onCheckedChange: (checked) => toggle(checked === true)
-            }
-          ),
-          /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(
-            Link,
-            {
-              to: plugin2.admin_page ?? pluginDetailPath(plugin2.plugin_key),
-              "aria-label": texts.plugin.openLabel(plugin2.label),
-              children: texts.plugin.open
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-};
-const PluginFeaturesSettingsPage = () => {
-  const query = usePluginFeatures();
+const isNotFound = (error) => typeof error === "object" && error !== null && error.status === 404;
+const PluginPageShell = ({ pluginKey, children }) => {
+  const query = usePluginFeature(pluginKey);
+  const plugin2 = query.data?.plugin;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsxs(Container, { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsx(Heading, { level: "h1", children: texts.page.title }),
-      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.page.description })
-    ] }),
-    query.isPending ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.loading }) }) : query.isError ? /* @__PURE__ */ jsxs(Container, { className: "flex flex-wrap items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        to: PLUGIN_HUB_PATH,
+        className: "text-ui-fg-subtle hover:text-ui-fg-base txt-compact-small-plus",
+        children: [
+          "← ",
+          texts.detail.back
+        ]
+      }
+    ) }),
+    plugin2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Container, { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h1", children: plugin2.label }),
+        plugin2.description && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: plugin2.description }),
+        /* @__PURE__ */ jsx(PluginStatusChips, { plugin: plugin2 })
+      ] }),
+      children
+    ] }) : query.isPending ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.loading }) }) : isNotFound(query.error) ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.notFound }) }) : /* @__PURE__ */ jsxs(Container, { className: "flex flex-wrap items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: texts.states.error }),
       /* @__PURE__ */ jsx(
         Button,
@@ -597,15 +573,9 @@ const PluginFeaturesSettingsPage = () => {
           children: texts.states.retry
         }
       )
-    ] }) : query.data.plugins.length === 0 ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.empty }) }) : [
-      ...query.data.plugins.filter((plugin2) => !plugin2.switchable),
-      ...query.data.plugins.filter((plugin2) => plugin2.switchable)
-    ].map((plugin2) => /* @__PURE__ */ jsx(PluginHubCard, { plugin: plugin2 }, plugin2.plugin_key))
+    ] })
   ] });
 };
-const config = defineRouteConfig({
-  label: texts.menu.label
-});
 const SUMMARY_MAX_LENGTH = 200;
 const cut = (text) => text.length > SUMMARY_MAX_LENGTH ? `${text.slice(0, SUMMARY_MAX_LENGTH - 1)}…` : text;
 const isPrimitive = (value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean";
@@ -881,30 +851,629 @@ const PluginFeatureSections = ({ pluginKey }) => {
     plugin2.actions.length > 0 && /* @__PURE__ */ jsx(PluginActionsSection, { plugin: plugin2 })
   ] });
 };
-const isNotFound = (error) => typeof error === "object" && error !== null && error.status === 404;
-const PluginPageShell = ({ pluginKey, children }) => {
-  const query = usePluginFeature(pluginKey);
-  const plugin2 = query.data?.plugin;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-      Link,
+const PLUGIN_FEATURE_ENABLED_STALE_TIME = 3e4;
+const isPluginFeatureEnabledIn = (data, pluginKey, featureKeys) => {
+  const plugin2 = data.plugins.find((entry) => entry.plugin_key === pluginKey);
+  if (!plugin2?.enabled) {
+    return false;
+  }
+  return featureKeys.every(
+    (key) => plugin2.features.find((feature) => feature.key === key)?.effective_enabled === true
+  );
+};
+const pluginFeatureEnabledQueryOptions = (pluginKey, featureKeys) => ({
+  queryKey: pluginFeatureKeys.list(),
+  queryFn: listPluginFeatures,
+  staleTime: PLUGIN_FEATURE_ENABLED_STALE_TIME,
+  select: (data) => isPluginFeatureEnabledIn(data, pluginKey, featureKeys)
+});
+const toPluginFeatureEnabledState = (result) => ({
+  enabled: !result.isPending && !result.isError && result.data === true,
+  isPending: result.isPending,
+  isError: result.isError
+});
+function usePluginFeatureEnabled(pluginKey, ...featureKeys) {
+  return toPluginFeatureEnabledState(
+    useQuery(pluginFeatureEnabledQueryOptions(pluginKey, featureKeys))
+  );
+}
+const PluginFeatureGate = ({
+  pluginKey,
+  featureKeys = [],
+  fallback = null,
+  children
+}) => {
+  const { enabled } = usePluginFeatureEnabled(pluginKey, ...featureKeys);
+  return /* @__PURE__ */ jsx(Fragment, { children: enabled ? children : fallback });
+};
+const PluginFeatureDisabledNotice = ({
+  pluginKey,
+  featureLabel
+}) => /* @__PURE__ */ jsxs(
+  Container,
+  {
+    className: "flex flex-col gap-2 px-6 py-4",
+    "data-plugin-key": pluginKey,
+    children: [
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: featureLabel ? texts.gate.disabledNamed(featureLabel) : texts.gate.disabled }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: PLUGIN_HUB_PATH,
+          className: "text-ui-fg-interactive hover:text-ui-fg-interactive-hover txt-compact-small-plus",
+          children: texts.gate.openHub
+        }
+      ) })
+    ]
+  }
+);
+const listOrderDocuments = (orderId) => sdk.client.fetch(
+  documentsPaths.admin.get.listForOrder(orderId)
+);
+const issueOrderInvoice = (orderId) => sdk.client.fetch(
+  documentsPaths.admin.post.issueInvoice(orderId),
+  { method: "POST" }
+);
+const regenerateOrderDocument = (orderId, documentId) => sdk.client.fetch(
+  documentsPaths.admin.post.regenerateDocument(orderId, documentId),
+  { method: "POST", body: {} }
+);
+const listOrderPackingLists = (orderId) => sdk.client.fetch(
+  packingListsPaths.admin.get.listForOrder(orderId)
+);
+const retryOrderPackingList = (orderId, fulfillmentId) => sdk.client.fetch(
+  packingListsPaths.admin.post.retry(orderId, fulfillmentId),
+  { method: "POST", body: {} }
+);
+const retrieveOrderDocumentPreview = async (orderId, documentId) => {
+  const response = await sdk.client.fetch(
+    documentsPaths.admin.get.download(orderId, documentId),
+    { headers: { accept: "application/pdf" } }
+  );
+  const pdf = await response.blob();
+  return URL.createObjectURL(pdf);
+};
+const retrieveOrderPackingListPreview = async (orderId, fulfillmentId) => {
+  const response = await sdk.client.fetch(
+    packingListsPaths.admin.get.download(orderId, fulfillmentId),
+    { headers: { accept: "application/pdf" } }
+  );
+  const pdf = await response.blob();
+  return URL.createObjectURL(pdf);
+};
+const formatDocumentKind = (kind) => {
+  switch (kind) {
+    case "invoice":
+      return "Rechnung";
+    case "cancellation":
+      return "Stornorechnung";
+    case "credit_note":
+      return "Gutschrift";
+  }
+};
+const formatAmount = (document2) => {
+  const amount = Number(document2.total.amount);
+  if (!Number.isFinite(amount)) {
+    return `${document2.total.amount} ${document2.total.currency_code.toUpperCase()}`;
+  }
+  return new Intl.NumberFormat("de-AT", {
+    style: "currency",
+    currency: document2.total.currency_code.toUpperCase()
+  }).format(amount);
+};
+const formatIssuedAt = (issuedAt) => new Intl.DateTimeFormat("de-AT", { dateStyle: "medium" }).format(
+  new Date(issuedAt)
+);
+const OrderDocumentsWidgetContent = ({
+  data
+}) => {
+  const queryClient = useQueryClient();
+  const [preview, setPreview] = useState(null);
+  const previewRequest = useRef(0);
+  const documentsQueryKey = ["documents", "order", data.id];
+  const documentsQuery = useQuery({
+    queryKey: documentsQueryKey,
+    queryFn: () => listOrderDocuments(data.id)
+  });
+  const documents = documentsQuery.data?.documents ?? [];
+  const invoice = documents.find((document2) => document2.kind === "invoice");
+  const issueInvoice = useMutation({
+    mutationFn: () => issueOrderInvoice(data.id),
+    onSuccess: async ({ created }) => {
+      toast.success(
+        created ? "Die Rechnung wurde ausgestellt." : "Für diese Bestellung existiert bereits eine Rechnung."
+      );
+      await queryClient.invalidateQueries({ queryKey: documentsQueryKey });
+    },
+    onError: (error) => {
+      const message = error instanceof Error ? error.message : null;
+      toast.error("Die Rechnung konnte nicht ausgestellt werden.", {
+        description: message ?? "Die Bestellung muss vollständig versendet und darf nicht storniert sein."
+      });
+    }
+  });
+  const regenerateDocument = useMutation({
+    mutationFn: (document2) => regenerateOrderDocument(data.id, document2.id),
+    onSuccess: async () => {
+      toast.success("Das Dokument wurde neu ausgestellt.");
+      await queryClient.invalidateQueries({ queryKey: documentsQueryKey });
+    },
+    onError: (error) => {
+      const message = error instanceof Error ? error.message : null;
+      toast.error("Das Dokument konnte nicht regeneriert werden.", {
+        description: message ?? "Das ausgestellte Dokument ist nicht verfügbar."
+      });
+    }
+  });
+  const closePreview = () => {
+    previewRequest.current += 1;
+    if (preview?.url) {
+      URL.revokeObjectURL(preview.url);
+    }
+    setPreview(null);
+  };
+  const previewDocument = async (document2) => {
+    if (preview?.url) {
+      URL.revokeObjectURL(preview.url);
+    }
+    const requestId = previewRequest.current + 1;
+    previewRequest.current = requestId;
+    setPreview({ document: document2, url: null, error: null });
+    try {
+      const url = await retrieveOrderDocumentPreview(data.id, document2.id);
+      if (previewRequest.current !== requestId) {
+        URL.revokeObjectURL(url);
+        return;
+      }
+      setPreview({ document: document2, url, error: null });
+    } catch {
+      if (previewRequest.current !== requestId) {
+        return;
+      }
+      setPreview({
+        document: document2,
+        url: null,
+        error: "Das Dokument konnte nicht geladen werden."
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-6 py-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Dokumente" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Ausgestellte Belege zu dieser Bestellung." })
+        ] }),
+        !invoice ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: issueInvoice.isPending,
+            isLoading: issueInvoice.isPending,
+            onClick: () => issueInvoice.mutate(),
+            size: "small",
+            variant: "secondary",
+            children: "Rechnung ausstellen"
+          }
+        ) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: regenerateDocument.isPending,
+            isLoading: regenerateDocument.isPending,
+            onClick: () => regenerateDocument.mutate(invoice),
+            size: "small",
+            variant: "secondary",
+            children: "Rechnung regenerieren"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: documentsQuery.isPending ? /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Dokumente werden geladen." }) : documentsQuery.isError ? /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: "Dokumente konnten nicht geladen werden." }) : documents.length ? /* @__PURE__ */ jsx("div", { className: "space-y-3", children: documents.map((document2) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-4",
+          children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
+                formatDocumentKind(document2.kind),
+                " ",
+                document2.number
+              ] }),
+              /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle", children: [
+                formatIssuedAt(document2.issued_at),
+                " ·",
+                " ",
+                formatAmount(document2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: () => previewDocument(document2),
+                  size: "small",
+                  variant: "secondary",
+                  children: "Ansehen"
+                }
+              ),
+              document2.kind !== "invoice" ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  disabled: regenerateDocument.isPending,
+                  isLoading: regenerateDocument.isPending,
+                  onClick: () => regenerateDocument.mutate(document2),
+                  size: "small",
+                  variant: "secondary",
+                  children: "Regenerieren"
+                }
+              ) : null
+            ] })
+          ]
+        },
+        document2.id
+      )) }) : /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Für diese Bestellung wurden noch keine Dokumente ausgestellt." }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FocusModal,
       {
-        to: PLUGIN_HUB_PATH,
-        className: "text-ui-fg-subtle hover:text-ui-fg-base txt-compact-small-plus",
-        children: [
-          "← ",
-          texts.detail.back
-        ]
+        onOpenChange: (open) => {
+          if (!open) {
+            closePreview();
+          }
+        },
+        open: preview !== null,
+        children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+          /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(FocusModal.Title, { children: preview ? `${formatDocumentKind(preview.document.kind)} ${preview.document.number}` : "Dokument" }) }),
+          /* @__PURE__ */ jsx(FocusModal.Body, { className: "h-[75vh] p-0", children: preview?.url ? /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              className: "h-full w-full border-0",
+              src: preview.url,
+              title: `Vorschau ${preview.document.number}`
+            }
+          ) : preview?.error ? /* @__PURE__ */ jsx(Text, { className: "p-6 text-ui-fg-error", children: preview.error }) : /* @__PURE__ */ jsx(Text, { className: "p-6 text-ui-fg-subtle", children: "Dokument wird geladen." }) }),
+          /* @__PURE__ */ jsx(FocusModal.Footer, { children: /* @__PURE__ */ jsx(FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { onClick: closePreview, variant: "secondary", children: "Schließen" }) }) })
+        ] })
       }
-    ) }),
-    plugin2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Container, { className: "px-6 py-4", children: [
-        /* @__PURE__ */ jsx(Heading, { level: "h1", children: plugin2.label }),
-        plugin2.description && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: plugin2.description }),
-        /* @__PURE__ */ jsx(PluginStatusChips, { plugin: plugin2 })
+    )
+  ] });
+};
+const OrderDocumentsWidget = (props) => /* @__PURE__ */ jsx(PluginFeatureGate, { pluginKey: "documents", featureKeys: ["invoices"], children: /* @__PURE__ */ jsx(OrderDocumentsWidgetContent, { ...props }) });
+defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const formatStatus = (status) => {
+  switch (status) {
+    case "missing":
+      return "Nicht erstellt";
+    case "pending":
+      return "Ausstehend";
+    case "processing":
+      return "Wird erstellt";
+    case "ready":
+      return "Bereit";
+    case "failed":
+      return "Fehlgeschlagen";
+    case "canceled":
+      return "Storniert";
+  }
+};
+const formatGeneratedAt = (generatedAt) => new Intl.DateTimeFormat("de-AT", {
+  dateStyle: "medium",
+  timeStyle: "short"
+}).format(new Date(generatedAt));
+const formatDetails = (packingList) => [
+  packingList.number ? `Nummer: ${packingList.number}` : null,
+  packingList.source_revision !== null ? `Revision: ${packingList.source_revision}` : null,
+  packingList.generated_at ? `Datum: ${formatGeneratedAt(packingList.generated_at)}` : null
+].filter((detail) => detail !== null).join(" · ");
+const formatFailureReason = (failureReason) => {
+  const description = failureReason?.replace(/\s+/g, " ").trim();
+  if (!description) {
+    return null;
+  }
+  return description.length > 140 ? `${description.slice(0, 137)}...` : description;
+};
+const retryLabel = (status) => {
+  if (status === "missing") {
+    return "Erstellen";
+  }
+  if (status === "pending" || status === "failed") {
+    return "Erneut versuchen";
+  }
+  return null;
+};
+const OrderPackingListsWidgetContent = ({
+  data
+}) => {
+  const queryClient = useQueryClient();
+  const [preview, setPreview] = useState(null);
+  const previewRequest = useRef(0);
+  const previewUrl = useRef(null);
+  const packingListsQueryKey = ["packing-lists", "order", data.id];
+  const packingListsQuery = useQuery({
+    queryKey: packingListsQueryKey,
+    queryFn: () => listOrderPackingLists(data.id),
+    refetchInterval: (query) => {
+      const packingLists2 = query.state.data?.packing_lists;
+      return packingLists2?.some(
+        ({ status }) => status === "missing" || status === "pending" || status === "processing"
+      ) ? 2e3 : false;
+    }
+  });
+  const packingLists = packingListsQuery.data?.packing_lists ?? [];
+  const retryPackingList = useMutation({
+    mutationFn: (packingList) => retryOrderPackingList(data.id, packingList.fulfillment_id),
+    onSuccess: async () => {
+      toast.success("Die Packliste wird erstellt.");
+      await queryClient.invalidateQueries({ queryKey: packingListsQueryKey });
+    },
+    onError: (error) => {
+      toast.error("Die Packliste konnte nicht erstellt werden.", {
+        description: error instanceof Error ? error.message : "Bitte versuchen Sie es erneut."
+      });
+    }
+  });
+  useEffect(
+    () => () => {
+      previewRequest.current += 1;
+      if (previewUrl.current) {
+        URL.revokeObjectURL(previewUrl.current);
+        previewUrl.current = null;
+      }
+    },
+    []
+  );
+  const revokePreviewUrl = () => {
+    if (previewUrl.current) {
+      URL.revokeObjectURL(previewUrl.current);
+      previewUrl.current = null;
+    }
+  };
+  const closePreview = () => {
+    previewRequest.current += 1;
+    revokePreviewUrl();
+    setPreview(null);
+  };
+  const previewPackingList = async (packingList, position) => {
+    revokePreviewUrl();
+    const requestId = previewRequest.current + 1;
+    previewRequest.current = requestId;
+    setPreview({ packingList, position, url: null, error: null });
+    try {
+      const url = await retrieveOrderPackingListPreview(
+        data.id,
+        packingList.fulfillment_id
+      );
+      if (previewRequest.current !== requestId) {
+        URL.revokeObjectURL(url);
+        return;
+      }
+      previewUrl.current = url;
+      setPreview({ packingList, position, url, error: null });
+    } catch {
+      if (previewRequest.current !== requestId) {
+        return;
+      }
+      setPreview({
+        packingList,
+        position,
+        url: null,
+        error: "Die Packliste konnte nicht geladen werden."
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Packlisten" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Packlisten zu den Versandvorgängen dieser Bestellung." })
       ] }),
-      children
-    ] }) : query.isPending ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.loading }) }) : isNotFound(query.error) ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.notFound }) }) : /* @__PURE__ */ jsxs(Container, { className: "flex flex-wrap items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid gap-3 px-6 py-4", children: packingListsQuery.isPending ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          "aria-atomic": "true",
+          "aria-live": "polite",
+          className: "text-ui-fg-subtle",
+          role: "status",
+          children: "Packlisten werden geladen."
+        }
+      ) : packingListsQuery.isError ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          "aria-atomic": "true",
+          "aria-live": "assertive",
+          className: "text-ui-fg-error",
+          role: "alert",
+          children: "Packlisten konnten nicht geladen werden."
+        }
+      ) : packingLists.length ? packingLists.map((packingList, index) => {
+        const actionLabel = retryLabel(packingList.status);
+        const details = formatDetails(packingList);
+        const failureReason = formatFailureReason(
+          packingList.failure_reason
+        );
+        const canPreview = packingList.generated_at !== null && (packingList.status === "ready" || packingList.status === "canceled");
+        const isRetrying = retryPackingList.isPending && retryPackingList.variables?.fulfillment_id === packingList.fulfillment_id;
+        const accessiblePackingListName = packingList.number ? `Packliste ${packingList.number} für Fulfillment ${packingList.fulfillment_id}` : `Packliste ${index + 1} für Fulfillment ${packingList.fulfillment_id}`;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "border-ui-border-base rounded-md border p-3",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
+                    "Packliste ",
+                    index + 1
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    Text,
+                    {
+                      "aria-atomic": "true",
+                      "aria-live": "polite",
+                      className: packingList.status === "failed" ? "text-ui-fg-error text-xs" : "text-ui-fg-subtle text-xs",
+                      role: "status",
+                      children: [
+                        "Status: ",
+                        formatStatus(packingList.status)
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-2", children: [
+                  canPreview ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": `Ansehen: ${accessiblePackingListName}`,
+                      onClick: () => previewPackingList(packingList, index + 1),
+                      size: "small",
+                      variant: "secondary",
+                      children: "Ansehen"
+                    }
+                  ) : null,
+                  actionLabel ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": `${actionLabel}: ${accessiblePackingListName}`,
+                      disabled: retryPackingList.isPending,
+                      isLoading: isRetrying,
+                      onClick: () => retryPackingList.mutate(packingList),
+                      size: "small",
+                      variant: "secondary",
+                      children: actionLabel
+                    }
+                  ) : null
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 grid gap-1", children: [
+                /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle text-xs", children: [
+                  "Lagerstandort:",
+                  " ",
+                  packingList.location_name ?? "Nicht verfügbar"
+                ] }),
+                details ? /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: details }) : null,
+                failureReason ? /* @__PURE__ */ jsxs(
+                  Text,
+                  {
+                    "aria-atomic": "true",
+                    "aria-live": "assertive",
+                    className: "text-ui-fg-error text-xs",
+                    role: "alert",
+                    children: [
+                      "Fehler: ",
+                      failureReason
+                    ]
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          packingList.fulfillment_id
+        );
+      }) : /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Für diese Bestellung sind keine Packlisten vorhanden." }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FocusModal,
+      {
+        onOpenChange: (open) => {
+          if (!open) {
+            closePreview();
+          }
+        },
+        open: preview !== null,
+        children: /* @__PURE__ */ jsxs(FocusModal.Content, { children: [
+          /* @__PURE__ */ jsx(FocusModal.Header, { children: /* @__PURE__ */ jsx(FocusModal.Title, { children: preview ? `Packliste ${preview.position}${preview.packingList.number ? ` · ${preview.packingList.number}` : ""}` : "Packliste" }) }),
+          /* @__PURE__ */ jsx(FocusModal.Body, { className: "h-[75vh] p-0", children: preview?.url ? /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              className: "h-full w-full border-0",
+              src: preview.url,
+              title: `Vorschau Packliste ${preview.position}`
+            }
+          ) : preview?.error ? /* @__PURE__ */ jsx(
+            Text,
+            {
+              "aria-atomic": "true",
+              "aria-live": "assertive",
+              className: "p-6 text-ui-fg-error",
+              role: "alert",
+              children: preview.error
+            }
+          ) : /* @__PURE__ */ jsx(
+            Text,
+            {
+              "aria-atomic": "true",
+              "aria-live": "polite",
+              className: "p-6 text-ui-fg-subtle",
+              role: "status",
+              children: "Packliste wird geladen."
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FocusModal.Footer, { children: /* @__PURE__ */ jsx(FocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { onClick: closePreview, variant: "secondary", children: "Schließen" }) }) })
+        ] })
+      }
+    )
+  ] });
+};
+const OrderPackingListsWidget = (props) => /* @__PURE__ */ jsx(PluginFeatureGate, { pluginKey: "documents", featureKeys: ["packing_lists"], children: /* @__PURE__ */ jsx(OrderPackingListsWidgetContent, { ...props }) });
+defineWidgetConfig({
+  zone: "order.details.side.after"
+});
+const PluginHubCard = ({ plugin: plugin2 }) => {
+  const mutation = useUpdatePluginFeatures();
+  const pending = mutation.isPending;
+  const toggle = (enabled) => {
+    mutation.mutate({
+      plugin_key: plugin2.plugin_key,
+      expected_version: plugin2.version,
+      enabled,
+      features: Object.fromEntries(
+        plugin2.features.map((feature) => [feature.key, feature.enabled])
+      )
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    Container,
+    {
+      className: "flex flex-wrap items-start justify-between gap-4 px-6 py-4",
+      "aria-busy": pending,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: plugin2.label }),
+          plugin2.description && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: plugin2.description }),
+          /* @__PURE__ */ jsx(PluginStatusChips, { plugin: plugin2 }),
+          pending && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted mt-1", children: texts.hints.saving })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+          plugin2.switchable && /* @__PURE__ */ jsx(
+            Switch,
+            {
+              "aria-label": texts.plugin.switchLabel(plugin2.label),
+              checked: plugin2.enabled,
+              disabled: pending,
+              onCheckedChange: (checked) => toggle(checked === true)
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              to: plugin2.admin_page ?? pluginDetailPath(plugin2.plugin_key),
+              "aria-label": texts.plugin.openLabel(plugin2.label),
+              children: texts.plugin.open
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+const PluginFeaturesSettingsPage = () => {
+  const query = usePluginFeatures();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxs(Container, { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h1", children: texts.page.title }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.page.description })
+    ] }),
+    query.isPending ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.loading }) }) : query.isError ? /* @__PURE__ */ jsxs(Container, { className: "flex flex-wrap items-center justify-between gap-3", children: [
       /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", children: texts.states.error }),
       /* @__PURE__ */ jsx(
         Button,
@@ -916,14 +1485,871 @@ const PluginPageShell = ({ pluginKey, children }) => {
           children: texts.states.retry
         }
       )
+    ] }) : query.data.plugins.length === 0 ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: texts.states.empty }) }) : [
+      ...query.data.plugins.filter((plugin2) => !plugin2.switchable),
+      ...query.data.plugins.filter((plugin2) => plugin2.switchable)
+    ].map((plugin2) => /* @__PURE__ */ jsx(PluginHubCard, { plugin: plugin2 }, plugin2.plugin_key))
+  ] });
+};
+const config = defineRouteConfig({
+  label: texts.menu.label
+});
+const withPagination = (params) => new URLSearchParams({
+  limit: String(params.limit),
+  offset: String(params.offset)
+});
+const withMessageQuery = (path, params) => {
+  const query = withPagination(params);
+  if (params.kind) {
+    query.set("kind", params.kind);
+  }
+  if (params.status) {
+    query.set("status", params.status);
+  }
+  return `${path}?${query.toString()}`;
+};
+const listEmailMessages = (params) => sdk.client.fetch(
+  withMessageQuery(emailAdminPaths.get.list, params)
+);
+const retrieveEmailMessage = (messageId) => sdk.client.fetch(
+  emailAdminPaths.get.detail(messageId)
+);
+const resendEmailMessage = (messageId, body) => sdk.client.fetch(
+  emailAdminPaths.post.resend(messageId),
+  { method: "POST", body }
+);
+const listEmailTermsVersions = (params) => {
+  const query = withPagination(params);
+  return sdk.client.fetch(
+    `${emailAdminPaths.get.termsVersions}?${query.toString()}`
+  );
+};
+const createEmailTermsVersion = (body) => sdk.client.fetch(
+  emailAdminPaths.post.createTermsVersion,
+  { method: "POST", body }
+);
+const downloadEmailTermsVersion = async (termsVersionId) => {
+  const response = await sdk.client.fetch(
+    emailAdminPaths.get.downloadTermsVersion(termsVersionId),
+    { headers: { accept: "application/pdf" } }
+  );
+  return response.blob();
+};
+const PAGE_SIZE$1 = 20;
+const MAX_PAGE_OFFSET$1 = 1e4;
+const KINDS = [
+  "order.received",
+  "order.received.admin",
+  "order.shipped",
+  "order.canceled",
+  "order.return_requested",
+  "order.return_received",
+  "order.refunded",
+  "auth.password_reset",
+  "affiliate.consignment_report_due"
+];
+const STATUSES = [
+  "pending",
+  "ready",
+  "sending",
+  "retry_pending",
+  "sent",
+  "failed",
+  "unknown",
+  "suppressed"
+];
+const KIND_LABELS = {
+  "order.received": "Bestellbestätigung (Kunde)",
+  "order.received.admin": "Neue Bestellung (Shop)",
+  "order.shipped": "Versandbestätigung",
+  "order.canceled": "Stornierung",
+  "order.return_requested": "Retourenanfrage",
+  "order.return_received": "Retoureneingang",
+  "order.refunded": "Rückerstattung",
+  "auth.password_reset": "Passwort zurücksetzen",
+  "affiliate.consignment_report_due": "Affiliate-Meldung"
+};
+const STATUS_LABELS = {
+  pending: "Wartet auf Fakten",
+  ready: "Bereit",
+  sending: "Wird versendet",
+  retry_pending: "Erneuter Versuch geplant",
+  sent: "Versendet",
+  failed: "Fehlgeschlagen",
+  unknown: "Ausgang unbekannt",
+  suppressed: "Unterdrückt"
+};
+const ATTEMPT_STATUS_LABELS = {
+  processing: "In Bearbeitung",
+  sent: "Versendet",
+  failed: "Fehlgeschlagen",
+  unknown: "Ausgang unbekannt"
+};
+const isKindFilter = (value) => value === "all" || KINDS.includes(value);
+const isStatusFilter = (value) => value === "all" || STATUSES.includes(value);
+const canResend = (message) => message.kind !== "auth.password_reset" && (message.status === "sent" || message.status === "unknown" || message.status === "failed");
+const formatDateTime$1 = (value) => {
+  if (!value) {
+    return "-";
+  }
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return "-";
+  }
+  return new Intl.DateTimeFormat("de-AT", {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+};
+const formatResource = (message) => message.resource_id ? `${message.resource_type} · ${message.resource_id}` : message.resource_type;
+const Status = ({ message }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: message.status === "sent" ? "text-ui-fg-base" : message.status === "failed" || message.status === "unknown" ? "text-ui-fg-error" : "text-ui-fg-subtle",
+    children: STATUS_LABELS[message.status]
+  }
+);
+const MessageCards = ({
+  messages,
+  selectedId,
+  onSelect
+}) => /* @__PURE__ */ jsx("div", { className: "grid gap-3 px-4 py-4 md:hidden", children: messages.map((message) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: `border-ui-border-base rounded-md border p-4 ${selectedId === message.id ? "bg-ui-bg-base-hover" : ""}`,
+    children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx(Text, { className: "font-medium", children: KIND_LABELS[message.kind] }),
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle break-all text-xs", children: formatResource(message) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-pressed": selectedId === message.id,
+            onClick: () => onSelect(message.id),
+            size: "small",
+            variant: "secondary",
+            children: "Details"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center justify-between gap-3 text-sm", children: [
+        /* @__PURE__ */ jsx(Status, { message }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: formatDateTime$1(message.created_at) })
+      ] })
+    ]
+  },
+  message.id
+)) });
+const MessageTable = ({
+  messages,
+  selectedId,
+  onSelect
+}) => /* @__PURE__ */ jsx("div", { className: "hidden overflow-x-auto md:block", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-sm", children: [
+  /* @__PURE__ */ jsx("thead", { className: "border-ui-border-base border-b", children: /* @__PURE__ */ jsxs("tr", { className: "text-ui-fg-subtle", children: [
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Art" }),
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Status" }),
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Ressource" }),
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Versuche" }),
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Erstellt" }),
+    /* @__PURE__ */ jsx("th", { className: "px-6 py-3 text-right font-medium", children: "Aktion" })
+  ] }) }),
+  /* @__PURE__ */ jsx("tbody", { children: messages.map((message) => /* @__PURE__ */ jsxs(
+    "tr",
+    {
+      className: `border-ui-border-base border-b ${selectedId === message.id ? "bg-ui-bg-base-hover" : ""}`,
+      children: [
+        /* @__PURE__ */ jsx("td", { className: "px-6 py-3 font-medium", children: KIND_LABELS[message.kind] }),
+        /* @__PURE__ */ jsx("td", { className: "px-6 py-3", children: /* @__PURE__ */ jsx(Status, { message }) }),
+        /* @__PURE__ */ jsx("td", { className: "max-w-64 truncate px-6 py-3 font-mono text-xs", children: formatResource(message) }),
+        /* @__PURE__ */ jsx("td", { className: "px-6 py-3 tabular-nums", children: message.attempt_count }),
+        /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-6 py-3", children: formatDateTime$1(message.created_at) }),
+        /* @__PURE__ */ jsx("td", { className: "px-6 py-3 text-right", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-pressed": selectedId === message.id,
+            onClick: () => onSelect(message.id),
+            size: "small",
+            variant: "secondary",
+            children: "Details"
+          }
+        ) })
+      ]
+    },
+    message.id
+  )) })
+] }) });
+const DetailTimestamp = ({
+  label,
+  value
+}) => /* @__PURE__ */ jsxs("div", { children: [
+  /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: label }),
+  /* @__PURE__ */ jsx(Text, { className: "text-sm", children: formatDateTime$1(value) })
+] });
+const EmailStatusPage = () => {
+  const queryClient = useQueryClient();
+  const [kind, setKind] = useState("all");
+  const [status, setStatus] = useState("all");
+  const [offset, setOffset] = useState(0);
+  const [selectedId, setSelectedId] = useState(null);
+  const [confirmationOpen, setConfirmationOpen] = useState(false);
+  const [retryDecisions, setRetryDecisions] = useState({});
+  const listQueryKey = [
+    "email",
+    "message-list",
+    { kind, status, offset, limit: PAGE_SIZE$1 }
+  ];
+  const messagesQuery = useQuery({
+    queryKey: listQueryKey,
+    queryFn: () => listEmailMessages({
+      kind: kind === "all" ? void 0 : kind,
+      status: status === "all" ? void 0 : status,
+      limit: PAGE_SIZE$1,
+      offset
+    })
+  });
+  const detailQueryKey = ["email", "message-detail", selectedId];
+  const detailQuery = useQuery({
+    queryKey: detailQueryKey,
+    queryFn: () => retrieveEmailMessage(selectedId),
+    enabled: selectedId !== null
+  });
+  const resend = useMutation({
+    mutationFn: (decision) => resendEmailMessage(decision.messageId, {
+      request_id: decision.requestId
+    }),
+    onSuccess: async (_, decision) => {
+      setRetryDecisions((current) => {
+        const next = { ...current };
+        delete next[decision.messageId];
+        return next;
+      });
+      toast.success("Der erneute Versand wurde angenommen.");
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: ["email", "message-list"] }),
+        queryClient.invalidateQueries({
+          queryKey: ["email", "message-detail", decision.messageId]
+        })
+      ]);
+    },
+    onError: (_, decision) => {
+      setRetryDecisions((current) => ({
+        ...current,
+        [decision.messageId]: decision
+      }));
+      toast.error("Die Anfrage zum erneuten Versand ist fehlgeschlagen.", {
+        description: "Dieselbe Anfrage kann mit unveränderter UUID sicher wiederholt werden."
+      });
+    }
+  });
+  const messages = messagesQuery.data?.messages ?? [];
+  const count = messagesQuery.data?.count ?? 0;
+  const detail = detailQuery.data?.message;
+  const attempts = detailQuery.data?.attempts ?? [];
+  const retryDecision = selectedId ? retryDecisions[selectedId] : void 0;
+  const selectMessage = (messageId) => {
+    setSelectedId(messageId);
+  };
+  const changePage = (nextOffset) => {
+    setSelectedId(null);
+    setOffset(nextOffset);
+  };
+  const confirmResend = () => {
+    if (!detail || !canResend(detail)) {
+      setConfirmationOpen(false);
+      return;
+    }
+    setConfirmationOpen(false);
+    resend.mutate({ messageId: detail.id, requestId: crypto.randomUUID() });
+  };
+  const renderMessages = () => {
+    if (messagesQuery.isPending) {
+      return /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", role: "status", children: "E-Mails werden geladen." }) });
+    }
+    if (messagesQuery.isError) {
+      return /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", role: "alert", children: "E-Mails konnten nicht geladen werden." }) });
+    }
+    if (!messages.length) {
+      return /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Für diese Filter wurden keine E-Mails gefunden." }) });
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        MessageTable,
+        {
+          messages,
+          onSelect: selectMessage,
+          selectedId
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MessageCards,
+        {
+          messages,
+          onSelect: selectMessage,
+          selectedId
+        }
+      )
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+    /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 px-6 py-4 lg:flex-row lg:items-center lg:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "E-Mail-Protokoll" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Sicherer Status und Zustellversuche ohne Empfänger- oder Inhaltsdaten." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: kind,
+              onValueChange: (value) => {
+                if (isKindFilter(value)) {
+                  setKind(value);
+                  setOffset(0);
+                  setSelectedId(null);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": "E-Mail-Art", className: "sm:w-56", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                /* @__PURE__ */ jsxs(Select.Content, { children: [
+                  /* @__PURE__ */ jsx(Select.Item, { value: "all", children: "Alle Arten" }),
+                  KINDS.map((value) => /* @__PURE__ */ jsx(Select.Item, { value, children: KIND_LABELS[value] }, value))
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Select,
+            {
+              value: status,
+              onValueChange: (value) => {
+                if (isStatusFilter(value)) {
+                  setStatus(value);
+                  setOffset(0);
+                  setSelectedId(null);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(Select.Trigger, { "aria-label": "E-Mail-Status", className: "sm:w-52", children: /* @__PURE__ */ jsx(Select.Value, {}) }),
+                /* @__PURE__ */ jsxs(Select.Content, { children: [
+                  /* @__PURE__ */ jsx(Select.Item, { value: "all", children: "Alle Status" }),
+                  STATUSES.map((value) => /* @__PURE__ */ jsx(Select.Item, { value, children: STATUS_LABELS[value] }, value))
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      renderMessages(),
+      !messagesQuery.isPending && !messagesQuery.isError && count > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 sm:flex-row sm:items-center sm:justify-between", children: [
+        /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle text-sm", children: [
+          offset + 1,
+          "-",
+          offset + messages.length,
+          " von ",
+          count
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: offset === 0,
+              onClick: () => changePage(Math.max(0, offset - PAGE_SIZE$1)),
+              size: "small",
+              variant: "secondary",
+              children: "Zurück"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: offset >= MAX_PAGE_OFFSET$1 || offset + messages.length >= count,
+              onClick: () => changePage(Math.min(MAX_PAGE_OFFSET$1, offset + PAGE_SIZE$1)),
+              size: "small",
+              variant: "secondary",
+              children: "Weiter"
+            }
+          )
+        ] })
+      ] }) : null
+    ] }),
+    selectedId ? /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 sm:flex-row sm:items-start sm:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Zustellstatus" }),
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Autoritativer Status und sichere Versuchsdaten." })
+        ] }),
+        detail && canResend(detail) ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:items-end", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: resend.isPending,
+              onClick: () => setConfirmationOpen(true),
+              size: "small",
+              variant: "secondary",
+              children: "Erneut senden"
+            }
+          ),
+          retryDecision ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: resend.isPending,
+              onClick: () => resend.mutate(retryDecision),
+              size: "small",
+              variant: "transparent",
+              children: "Gleiche Anfrage wiederholen"
+            }
+          ) : null
+        ] }) : null
+      ] }),
+      detailQuery.isPending ? /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", role: "status", children: "Zustellversuche werden geladen." }) }) : detailQuery.isError ? /* @__PURE__ */ jsx("div", { className: "px-6 py-8", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", role: "alert", children: "Details konnten nicht geladen werden." }) }) : detail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 px-6 py-5 sm:grid-cols-2 lg:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "Art" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-sm", children: KIND_LABELS[detail.kind] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "Status" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-sm", children: /* @__PURE__ */ jsx(Status, { message: detail }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "sm:col-span-2", children: [
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "Ressource" }),
+            /* @__PURE__ */ jsx(Text, { className: "break-all font-mono text-xs", children: formatResource(detail) })
+          ] }),
+          /* @__PURE__ */ jsx(DetailTimestamp, { label: "Erstellt", value: detail.created_at }),
+          /* @__PURE__ */ jsx(
+            DetailTimestamp,
+            {
+              label: "Aktualisiert",
+              value: detail.updated_at
+            }
+          ),
+          /* @__PURE__ */ jsx(DetailTimestamp, { label: "Versendet", value: detail.sent_at }),
+          /* @__PURE__ */ jsx(
+            DetailTimestamp,
+            {
+              label: "Fehlgeschlagen",
+              value: detail.failed_at
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DetailTimestamp,
+            {
+              label: "Nächster Versuch",
+              value: detail.next_attempt_at
+            }
+          ),
+          detail.terminal_code ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "Statuscode" }),
+            /* @__PURE__ */ jsx(Text, { className: "font-mono text-xs", children: detail.terminal_code })
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "px-6 py-5", children: [
+          /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Zustellversuche" }),
+          attempts.length ? /* @__PURE__ */ jsx("div", { className: "mt-3 grid gap-3", children: attempts.map((attempt) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "border-ui-border-base grid gap-3 rounded-md border p-4 sm:grid-cols-[auto_1fr_auto] sm:items-center",
+              children: [
+                /* @__PURE__ */ jsxs(Text, { className: "font-medium", children: [
+                  "Versuch ",
+                  attempt.attempt_number
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { className: "text-sm", children: ATTEMPT_STATUS_LABELS[attempt.status] }),
+                  attempt.failure_code ? /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle font-mono text-xs", children: attempt.failure_code }) : null
+                ] }),
+                /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle text-xs sm:text-right", children: [
+                  formatDateTime$1(attempt.started_at),
+                  attempt.finished_at ? ` · ${formatDateTime$1(attempt.finished_at)}` : ""
+                ] })
+              ]
+            },
+            attempt.id
+          )) }) : /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle mt-3", children: "Es gibt noch keinen Zustellversuch." })
+        ] })
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx(Prompt, { open: confirmationOpen, onOpenChange: setConfirmationOpen, children: /* @__PURE__ */ jsxs(Prompt.Content, { children: [
+      /* @__PURE__ */ jsxs(Prompt.Header, { children: [
+        /* @__PURE__ */ jsx(Prompt.Title, { children: "E-Mail erneut senden?" }),
+        /* @__PURE__ */ jsx(Prompt.Description, { children: "Diese bewusste Entscheidung erzeugt einen neuen Versand mit einer neuen Request-UUID. Der Server prüft Status und E-Mail-Art erneut." })
+      ] }),
+      /* @__PURE__ */ jsxs(Prompt.Footer, { children: [
+        /* @__PURE__ */ jsx(Prompt.Cancel, { children: "Abbrechen" }),
+        /* @__PURE__ */ jsx(Prompt.Action, { onClick: confirmResend, children: "Erneut senden" })
+      ] })
+    ] }) })
+  ] });
+};
+const validateTermsPdf = (file) => {
+  if (!file.name.toLowerCase().endsWith(".pdf") || file.type !== "" && file.type !== "application/pdf") {
+    return "Bitte eine PDF-Datei auswählen.";
+  }
+  if (file.size === 0) {
+    return "Die PDF-Datei darf nicht leer sein.";
+  }
+  if (file.size > EMAIL_TERMS_MAX_PDF_BYTES) {
+    return "Die PDF-Datei darf maximal 5 MiB groß sein.";
+  }
+  return null;
+};
+const encodeCanonicalBase64 = (buffer) => {
+  const bytes = new Uint8Array(buffer);
+  const chunkSize = 32768;
+  let binary = "";
+  for (let offset = 0; offset < bytes.length; offset += chunkSize) {
+    binary += String.fromCharCode(
+      ...bytes.subarray(offset, offset + chunkSize)
+    );
+  }
+  return btoa(binary);
+};
+const readPdfAsCanonicalBase64 = async (file) => encodeCanonicalBase64(await file.arrayBuffer());
+const PAGE_SIZE = 20;
+const MAX_PAGE_OFFSET = 1e4;
+const formatDateTime = (value) => {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return "-";
+  }
+  return new Intl.DateTimeFormat("de-AT", {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(date);
+};
+const formatFileSize = (bytes) => {
+  if (bytes < 1024) {
+    return `${bytes} B`;
+  }
+  const divisor = bytes < 1024 * 1024 ? 1024 : 1024 * 1024;
+  const unit = bytes < 1024 * 1024 ? "KiB" : "MiB";
+  return `${new Intl.NumberFormat("de-AT", {
+    maximumFractionDigits: 1
+  }).format(bytes / divisor)} ${unit}`;
+};
+const newestFirst = (versions) => [...versions].sort(
+  (left, right) => right.effective_at.localeCompare(left.effective_at) || right.created_at.localeCompare(left.created_at)
+);
+const EmailTermsVersionsSection = () => {
+  const queryClient = useQueryClient();
+  const fileInputRef = useRef(null);
+  const [effectiveAt, setEffectiveAt] = useState("");
+  const [file, setFile] = useState(null);
+  const [formError, setFormError] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const termsQueryKey = [
+    "email",
+    "terms-versions",
+    { limit: PAGE_SIZE, offset }
+  ];
+  const termsQuery = useQuery({
+    queryKey: termsQueryKey,
+    queryFn: () => listEmailTermsVersions({ limit: PAGE_SIZE, offset })
+  });
+  const createTermsVersion = useMutation({
+    mutationFn: async ({
+      effectiveAt: effectiveAtValue,
+      file: selectedFile,
+      requestId
+    }) => {
+      const body = {
+        request_id: requestId,
+        filename: selectedFile.name,
+        effective_at: effectiveAtValue,
+        content_base64: await readPdfAsCanonicalBase64(selectedFile)
+      };
+      return createEmailTermsVersion(body);
+    },
+    onSuccess: async ({ created }) => {
+      setFile(null);
+      setEffectiveAt("");
+      setFormError(null);
+      setOffset(0);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+      toast.success(
+        created ? "Die AGB-Version wurde hochgeladen." : "Diese AGB-Version war bereits vorhanden."
+      );
+      await queryClient.invalidateQueries({
+        queryKey: ["email", "terms-versions"]
+      });
+    },
+    onError: () => {
+      toast.error("Die AGB-Version konnte nicht hochgeladen werden.");
+    }
+  });
+  const downloadTermsVersion = useMutation({
+    mutationFn: async (version) => ({
+      blob: await downloadEmailTermsVersion(version.id),
+      version
+    }),
+    onSuccess: ({ blob, version }) => {
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = version.filename;
+      document.body.appendChild(link);
+      link.click();
+      link.remove();
+      window.setTimeout(() => URL.revokeObjectURL(url), 0);
+    },
+    onError: () => {
+      toast.error("Die AGB-PDF konnte nicht heruntergeladen werden.");
+    }
+  });
+  const versions = newestFirst(termsQuery.data?.terms_versions ?? []);
+  const count = termsQuery.data?.count ?? 0;
+  const submit = (event) => {
+    event.preventDefault();
+    if (!file) {
+      setFormError("Bitte eine PDF-Datei auswählen.");
+      return;
+    }
+    const fileError = validateTermsPdf(file);
+    if (fileError) {
+      setFormError(fileError);
+      return;
+    }
+    const date = new Date(effectiveAt);
+    if (!effectiveAt || Number.isNaN(date.getTime())) {
+      setFormError("Bitte einen gültigen Wirksamkeitszeitpunkt angeben.");
+      return;
+    }
+    setFormError(null);
+    createTermsVersion.mutate({
+      effectiveAt: date.toISOString(),
+      file,
+      requestId: crypto.randomUUID()
+    });
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "AGB/PDF-Versionen" }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Globale, unveränderliche AGB-Versionen für den E-Mail-Versand verwalten." })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: "grid gap-4 px-6 py-5", onSubmit: submit, children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-[minmax(0,1fr)_minmax(15rem,0.6fr)_auto] md:items-end", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "email-terms-pdf", children: "AGB als PDF" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              accept: "application/pdf,.pdf",
+              "aria-describedby": `email-terms-pdf-help${formError ? " email-terms-form-error" : ""}`,
+              disabled: createTermsVersion.isPending,
+              id: "email-terms-pdf",
+              onChange: (event) => {
+                const selectedFile = event.target.files?.[0] ?? null;
+                setFile(selectedFile);
+                setFormError(
+                  selectedFile ? validateTermsPdf(selectedFile) : null
+                );
+              },
+              ref: fileInputRef,
+              type: "file"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "email-terms-effective-at", children: "Wirksam ab" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              "aria-describedby": `email-terms-effective-at-help${formError ? " email-terms-form-error" : ""}`,
+              disabled: createTermsVersion.isPending,
+              id: "email-terms-effective-at",
+              onChange: (event) => setEffectiveAt(event.target.value),
+              type: "datetime-local",
+              value: effectiveAt
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: createTermsVersion.isPending,
+            isLoading: createTermsVersion.isPending,
+            type: "submit",
+            children: "Version hochladen"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+        /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle text-xs", id: "email-terms-pdf-help", children: [
+          "Nur PDF, maximal ",
+          formatFileSize(EMAIL_TERMS_MAX_PDF_BYTES),
+          "."
+        ] }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: "text-ui-fg-subtle text-xs",
+            id: "email-terms-effective-at-help",
+            children: "Der Zeitpunkt wird aus der lokalen Zeitzone in UTC übernommen."
+          }
+        ),
+        formError ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: "text-ui-fg-error text-sm",
+            id: "email-terms-form-error",
+            role: "alert",
+            children: formError
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h3", children: "Hinterlegte Versionen" }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Neueste Wirksamkeit zuerst. Downloads erfolgen authentifiziert." })
+      ] }),
+      termsQuery.isPending ? /* @__PURE__ */ jsx("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", role: "status", children: "AGB-Versionen werden geladen." }) }) : termsQuery.isError ? /* @__PURE__ */ jsx("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-error", role: "alert", children: "AGB-Versionen konnten nicht geladen werden." }) }) : versions.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "hidden overflow-x-auto md:block", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left text-sm", children: [
+          /* @__PURE__ */ jsx("thead", { className: "border-ui-border-base border-y", children: /* @__PURE__ */ jsxs("tr", { className: "text-ui-fg-subtle", children: [
+            /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Dateiname" }),
+            /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Wirksam ab" }),
+            /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Größe" }),
+            /* @__PURE__ */ jsx("th", { className: "px-6 py-3 font-medium", children: "Erstellt" }),
+            /* @__PURE__ */ jsx("th", { className: "px-6 py-3 text-right font-medium", children: "Aktion" })
+          ] }) }),
+          /* @__PURE__ */ jsx("tbody", { children: versions.map((version) => {
+            const isDownloading = downloadTermsVersion.isPending && downloadTermsVersion.variables?.id === version.id;
+            return /* @__PURE__ */ jsxs(
+              "tr",
+              {
+                className: "border-ui-border-base border-b",
+                children: [
+                  /* @__PURE__ */ jsx("td", { className: "max-w-80 break-all px-6 py-3 font-medium", children: version.filename }),
+                  /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-6 py-3", children: formatDateTime(version.effective_at) }),
+                  /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-6 py-3 tabular-nums", children: formatFileSize(version.byte_size) }),
+                  /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-6 py-3", children: formatDateTime(version.created_at) }),
+                  /* @__PURE__ */ jsx("td", { className: "px-6 py-3 text-right", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      "aria-label": `${version.filename} herunterladen`,
+                      disabled: downloadTermsVersion.isPending,
+                      isLoading: isDownloading,
+                      onClick: () => downloadTermsVersion.mutate(version),
+                      size: "small",
+                      variant: "secondary",
+                      children: "Herunterladen"
+                    }
+                  ) })
+                ]
+              },
+              version.id
+            );
+          }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid gap-3 px-4 py-4 md:hidden", children: versions.map((version) => {
+          const isDownloading = downloadTermsVersion.isPending && downloadTermsVersion.variables?.id === version.id;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "border-ui-border-base grid gap-3 rounded-md border p-4",
+              children: [
+                /* @__PURE__ */ jsx(Text, { className: "break-all font-medium", children: version.filename }),
+                /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-3 text-sm", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("dt", { className: "text-ui-fg-subtle text-xs", children: "Wirksam ab" }),
+                    /* @__PURE__ */ jsx("dd", { children: formatDateTime(version.effective_at) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("dt", { className: "text-ui-fg-subtle text-xs", children: "Größe" }),
+                    /* @__PURE__ */ jsx("dd", { children: formatFileSize(version.byte_size) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+                    /* @__PURE__ */ jsx("dt", { className: "text-ui-fg-subtle text-xs", children: "Erstellt" }),
+                    /* @__PURE__ */ jsx("dd", { children: formatDateTime(version.created_at) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    "aria-label": `${version.filename} herunterladen`,
+                    disabled: downloadTermsVersion.isPending,
+                    isLoading: isDownloading,
+                    onClick: () => downloadTermsVersion.mutate(version),
+                    size: "small",
+                    variant: "secondary",
+                    children: "Herunterladen"
+                  }
+                )
+              ]
+            },
+            version.id
+          );
+        }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", children: "Es wurde noch keine AGB-Version hinterlegt." }) }),
+      !termsQuery.isPending && !termsQuery.isError && count > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 px-6 py-4 sm:flex-row sm:items-center sm:justify-between", children: [
+        /* @__PURE__ */ jsxs(Text, { className: "text-ui-fg-subtle text-sm", children: [
+          offset + 1,
+          "-",
+          offset + versions.length,
+          " von ",
+          count
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: offset === 0,
+              onClick: () => setOffset(Math.max(0, offset - PAGE_SIZE)),
+              size: "small",
+              variant: "secondary",
+              children: "Neuere"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              disabled: offset >= MAX_PAGE_OFFSET || offset + versions.length >= count,
+              onClick: () => setOffset(Math.min(MAX_PAGE_OFFSET, offset + PAGE_SIZE)),
+              size: "small",
+              variant: "secondary",
+              children: "Ältere"
+            }
+          )
+        ] })
+      ] }) : null
     ] })
   ] });
 };
+const EmailPluginContent = () => {
+  const { enabled, isPending, isError } = usePluginFeatureEnabled("email");
+  if (isPending || isError) {
+    return null;
+  }
+  return enabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EmailTermsVersionsSection, {}),
+    /* @__PURE__ */ jsx(EmailStatusPage, {})
+  ] }) : /* @__PURE__ */ jsx(PluginFeatureDisabledNotice, { pluginKey: "email" });
+};
+const EmailPluginRoute = () => /* @__PURE__ */ jsxs(PluginPageShell, { pluginKey: "email", children: [
+  /* @__PURE__ */ jsx(PluginFeatureSections, { pluginKey: "email" }),
+  /* @__PURE__ */ jsx(EmailPluginContent, {})
+] });
 const PluginDetailPage = () => {
   const { plugin_key: pluginKey = "" } = useParams();
   return /* @__PURE__ */ jsx(PluginPageShell, { pluginKey, children: /* @__PURE__ */ jsx(PluginFeatureSections, { pluginKey }) });
 };
-const widgetModule = { widgets: [] };
+const widgetModule = { widgets: [
+  {
+    Component: OrderDocumentsWidget,
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-93c9"
+  },
+  {
+    Component: OrderPackingListsWidget,
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-381c"
+  }
+] };
 const routeModule = {
   routes: [
     {
@@ -931,6 +2357,10 @@ const routeModule = {
       path: "/settings/hartl-services",
       handle: { label: config.label, translationNs: config.translationNs }
     },
+    {
+      Component: EmailPluginRoute,
+      path: "/settings/hartl-services/email"
+    },
     {
       Component: PluginDetailPage,
       path: "/settings/hartl-services/plugin/:plugin_key"