@hartl-services/medusa-base 0.3.0 → 1.0.0

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

@@ -1,35 +1,99 @@
-import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { toast, Container, Heading, Text, Switch, Label, Button } from "@medusajs/ui";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+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 { 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"
   },
   page: {
     title: "Hartl Services Plugins",
-    description: "Plugins und einzelne Funktionen ein- oder ausschalten. Änderungen gelten sofort; abgeschaltete Funktionen sind im Shop nicht erreichbar."
+    description: "Plugins ein- oder ausschalten und öffnen, um Funktionen, Einstellungen und Aktionen zu verwalten. Änderungen gelten sofort; abgeschaltete Funktionen sind im Shop nicht erreichbar."
   },
   states: {
-    loading: "Funktionsschalter werden geladen…",
-    error: "Funktionsschalter konnten nicht geladen werden.",
+    loading: "Plugins werden geladen…",
+    error: "Plugins konnten nicht geladen werden.",
     empty: "Keine Plugins mit Funktionsschaltern installiert.",
-    retry: "Erneut laden"
+    retry: "Erneut laden",
+    notFound: "Dieses Plugin ist nicht installiert."
   },
   plugin: {
-    switchLabel: (label) => `${label} aktiv`
+    switchLabel: (label) => `${label} aktiv`,
+    open: "Öffnen",
+    openLabel: (label) => `${label} öffnen`
+  },
+  chips: {
+    enabled: "aktiv",
+    disabled: "aus",
+    configured: "konfiguriert",
+    notConfigured: (labels) => `nicht konfiguriert: ${labels}`
+  },
+  detail: {
+    back: "Zurück zu Hartl Services Plugins"
+  },
+  sections: {
+    features: "Funktionen",
+    settings: "Einstellungen",
+    actions: "Aktionen"
   },
   hints: {
     pluginDisabled: "Das Plugin ist ausgeschaltet. Alle Funktionen sind inaktiv, ihre Einstellungen bleiben erhalten.",
     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",
+    secretPlaceholder: "gesetzt",
+    secretClear: "Löschen",
+    secretClearPending: "Wird beim Speichern gelöscht; danach gilt der Wert aus der Konfiguration, falls vorhanden.",
+    secretClearUndo: "Nicht löschen",
+    secretClearLabel: (label) => `${label} löschen`,
+    secretClearUndoLabel: (label) => `${label} nicht löschen`,
+    invalidates: (labels) => `Beim Ändern muss ${labels} neu eingegeben werden.`,
+    required: "Pflichtfeld",
+    invalidNumber: "Bitte eine gültige Zahl eingeben.",
+    outOfRange: "Der Wert liegt außerhalb des erlaubten Bereichs.",
+    numberMin: (min) => `Mindestens ${min}.`,
+    numberMax: (max) => `Höchstens ${max}.`,
+    numberRange: (min, max) => `Zwischen ${min} und ${max}.`,
+    selectPlaceholder: "Bitte auswählen",
+    clearHint: "Ein leeres Feld speichern entfernt den gespeicherten Wert (dann gilt Konfiguration oder Standard).",
+    source: {
+      stored: "gespeichert",
+      config: "aus Konfiguration",
+      default: "Standard",
+      none: "nicht gesetzt"
+    }
+  },
+  actions: {
+    confirmTitle: (label) => `${label}?`,
+    confirm: "Ausführen",
+    cancel: "Abbrechen",
+    runningSince: (time) => `läuft seit ${time}`,
+    lastCompleted: (time) => `Zuletzt erfolgreich: ${time}`,
+    lastFailed: (time) => `Zuletzt fehlgeschlagen: ${time}`
+  },
   toasts: {
     saved: "Einstellung wurde gespeichert.",
     saveFailed: "Einstellung konnte nicht gespeichert werden.",
-    conflict: "Die Einstellungen wurden zwischenzeitlich geändert und neu geladen."
+    conflict: "Die Einstellungen wurden zwischenzeitlich geändert und neu geladen.",
+    actionCompleted: (label) => `„${label}“ wurde ausgeführt.`,
+    actionStarted: (label) => `„${label}“ wurde gestartet und läuft im Hintergrund.`,
+    actionFailed: (label) => `„${label}“ ist fehlgeschlagen.`,
+    actionAlreadyRunning: (label) => `„${label}“ läuft bereits; der Fortschritt wird angezeigt.`
   },
   errors: {
     unknown: "Unbekannter Fehler"
@@ -58,62 +122,641 @@ const getErrorMessage = (error) => {
   return void 0;
 };
 const sdk = new Medusa({
-  baseUrl: __BACKEND_URL__ ?? "/",
+  baseUrl: (typeof __BACKEND_URL__ === "undefined" ? void 0 : __BACKEND_URL__) ?? "/",
   auth: {
-    type: __AUTH_TYPE__ ?? "session",
-    jwtTokenStorageKey: __JWT_TOKEN_STORAGE_KEY__ || void 0
+    type: (typeof __AUTH_TYPE__ === "undefined" ? void 0 : __AUTH_TYPE__) ?? "session",
+    jwtTokenStorageKey: (typeof __JWT_TOKEN_STORAGE_KEY__ === "undefined" ? void 0 : __JWT_TOKEN_STORAGE_KEY__) || void 0
   }
 });
 const listPluginFeatures = () => sdk.client.fetch(
   pluginFeaturesAdminPaths.get.list,
   { method: "GET" }
 );
+const retrievePluginFeatures = (pluginKey) => sdk.client.fetch(
+  pluginFeaturesAdminPaths.get.retrieve(pluginKey),
+  { method: "GET" }
+);
 const updatePluginFeatures = (payload) => sdk.client.fetch(
   pluginFeaturesAdminPaths.post.update,
   { method: "POST", body: payload }
 );
+const updatePluginSettings = (pluginKey, payload) => sdk.client.fetch(
+  pluginFeaturesAdminPaths.post.updateSettings(pluginKey),
+  { method: "POST", body: payload }
+);
+const runPluginAction = (pluginKey, actionKey) => sdk.client.fetch(
+  pluginFeaturesAdminPaths.post.runAction(pluginKey, actionKey),
+  { method: "POST", body: {} }
+);
+const listPluginActionRuns = (pluginKey, actionKey, limit = 1) => sdk.client.fetch(
+  pluginFeaturesAdminPaths.get.actionRuns(pluginKey, actionKey),
+  { method: "GET", query: { limit } }
+);
 const pluginFeatureKeys = {
   all: ["plugin-features"],
-  list: () => [...pluginFeatureKeys.all, "list"]
+  list: () => [...pluginFeatureKeys.all, "list"],
+  details: () => [...pluginFeatureKeys.all, "detail"],
+  detail: (pluginKey) => [...pluginFeatureKeys.details(), pluginKey],
+  actionRuns: (pluginKey, actionKey) => [...pluginFeatureKeys.all, "action-runs", pluginKey, actionKey]
 };
 const isConflict = (error) => typeof error === "object" && error !== null && "status" in error && error.status === 409;
+const storePlugin = (queryClient, plugin2) => {
+  queryClient.setQueryData(
+    pluginFeatureKeys.list(),
+    (current) => current && {
+      plugins: current.plugins.map(
+        (entry) => entry.plugin_key === plugin2.plugin_key ? plugin2 : entry
+      )
+    }
+  );
+  queryClient.setQueryData(
+    pluginFeatureKeys.detail(plugin2.plugin_key),
+    { plugin: plugin2 }
+  );
+};
+const onSaveError = async (queryClient, error) => {
+  if (isConflict(error)) {
+    toast.error(texts.toasts.conflict);
+  } else {
+    toast.error(texts.toasts.saveFailed, {
+      description: getErrorMessage(error) ?? texts.errors.unknown
+    });
+  }
+  await queryClient.invalidateQueries({ queryKey: pluginFeatureKeys.all });
+};
 function usePluginFeatures() {
   return useQuery({
     queryKey: pluginFeatureKeys.list(),
     queryFn: listPluginFeatures
   });
 }
+function usePluginFeature(pluginKey) {
+  const queryClient = useQueryClient();
+  return useQuery({
+    queryKey: pluginFeatureKeys.detail(pluginKey ?? ""),
+    queryFn: () => retrievePluginFeatures(pluginKey),
+    enabled: Boolean(pluginKey),
+    placeholderData: () => {
+      const plugin2 = queryClient.getQueryData(pluginFeatureKeys.list())?.plugins.find((entry) => entry.plugin_key === pluginKey);
+      return plugin2 ? { plugin: plugin2 } : void 0;
+    }
+  });
+}
 function useUpdatePluginFeatures() {
   const queryClient = useQueryClient();
   return useMutation({
     mutationFn: updatePluginFeatures,
     onSuccess: ({ plugin: plugin2 }) => {
+      storePlugin(queryClient, plugin2);
+      toast.success(texts.toasts.saved);
+    },
+    onError: (error) => onSaveError(queryClient, error)
+  });
+}
+function useUpdatePluginSettings(pluginKey) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (payload) => updatePluginSettings(pluginKey, payload),
+    onSuccess: ({ plugin: plugin2 }) => {
+      storePlugin(queryClient, plugin2);
+      toast.success(texts.toasts.saved);
+    },
+    onError: (error) => onSaveError(queryClient, error)
+  });
+}
+const PLUGIN_ACTION_RUN_POLL_MS = 2e3;
+function useLatestPluginActionRun(pluginKey, actionKey) {
+  return useQuery({
+    queryKey: pluginFeatureKeys.actionRuns(pluginKey, actionKey),
+    queryFn: () => listPluginActionRuns(pluginKey, actionKey, 1),
+    select: (data) => data.runs[0],
+    refetchInterval: (query) => query.state.data?.runs[0]?.status === "running" ? PLUGIN_ACTION_RUN_POLL_MS : false
+  });
+}
+function useRunPluginAction(pluginKey) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (action) => runPluginAction(pluginKey, action.key),
+    onSuccess: ({ action: run }, action) => {
       queryClient.setQueryData(
-        pluginFeatureKeys.list(),
-        (current) => current && {
-          plugins: current.plugins.map(
-            (entry) => entry.plugin_key === plugin2.plugin_key ? plugin2 : entry
-          )
-        }
+        pluginFeatureKeys.actionRuns(pluginKey, action.key),
+        { runs: [run.run] }
       );
-      toast.success(texts.toasts.saved);
+      if (run.status === "started") {
+        toast.info(texts.toasts.actionStarted(action.label));
+      } else {
+        toast.success(texts.toasts.actionCompleted(action.label));
+      }
     },
-    onError: async (error) => {
+    onError: async (error, action) => {
       if (isConflict(error)) {
-        toast.error(texts.toasts.conflict);
+        toast.info(texts.toasts.actionAlreadyRunning(action.label));
       } else {
-        toast.error(texts.toasts.saveFailed, {
+        toast.error(texts.toasts.actionFailed(action.label), {
           description: getErrorMessage(error) ?? texts.errors.unknown
         });
       }
-      await queryClient.invalidateQueries({ queryKey: pluginFeatureKeys.list() });
+      await queryClient.invalidateQueries({
+        queryKey: pluginFeatureKeys.actionRuns(pluginKey, action.key)
+      });
     }
   });
 }
+const PLUGIN_HUB_PATH = "/settings/hartl-services";
+const pluginDetailPath = (pluginKey) => `${PLUGIN_HUB_PATH}/plugin/${encodeURIComponent(pluginKey)}`;
+const initialEntry = (setting) => {
+  if (setting.type === "secret") {
+    return "";
+  }
+  if (setting.type === "boolean") {
+    return setting.value === true;
+  }
+  return setting.value === null ? "" : String(setting.value);
+};
+const initialSettingsDraft = (settings) => Object.fromEntries(
+  settings.map((setting) => [setting.key, initialEntry(setting)])
+);
+const outsideBounds = (setting, value) => setting.min !== null && value < setting.min || setting.max !== null && value > setting.max;
+const numberEntryValue = (entry) => {
+  const value = Number(entry.trim());
+  return Number.isFinite(value) ? value : null;
+};
+const invalidDraftKeys = (settings, draft, unparsable = []) => settings.filter((setting) => {
+  if (setting.type !== "number") {
+    return false;
+  }
+  if (unparsable.includes(setting.key)) {
+    return true;
+  }
+  const entry = draft[setting.key];
+  if (typeof entry !== "string" || entry.trim() === "") {
+    return false;
+  }
+  const value = numberEntryValue(entry);
+  return value === null || outsideBounds(setting, value);
+}).map((setting) => setting.key);
+const changedSettingValues = (settings, draft, unparsable = []) => {
+  const initial = initialSettingsDraft(settings);
+  const values = {};
+  for (const setting of settings) {
+    const entry = draft[setting.key];
+    if (entry === void 0 || entry === initial[setting.key]) {
+      continue;
+    }
+    if (setting.type === "secret") {
+      if (entry === null) {
+        if (setting.source === "stored") {
+          values[setting.key] = null;
+        }
+      } else if (typeof entry === "string" && entry !== "") {
+        values[setting.key] = entry;
+      }
+      continue;
+    }
+    if (setting.type === "boolean") {
+      values[setting.key] = entry === true;
+      continue;
+    }
+    if (unparsable.includes(setting.key)) {
+      continue;
+    }
+    const text = typeof entry === "string" ? entry.trim() : "";
+    if (text === "") {
+      if (setting.source === "stored") {
+        values[setting.key] = null;
+      }
+    } else if (setting.type === "number") {
+      const value = numberEntryValue(text);
+      if (value !== null) {
+        values[setting.key] = value;
+      }
+    } else {
+      values[setting.key] = text;
+    }
+  }
+  return values;
+};
+function usePluginSettingsForm(plugin2) {
+  const mutation = useUpdatePluginSettings(plugin2.plugin_key);
+  const [draft, setDraft] = useState(
+    () => initialSettingsDraft(plugin2.settings)
+  );
+  const [unparsable, setUnparsable] = useState([]);
+  useEffect(() => {
+    setDraft(initialSettingsDraft(plugin2.settings));
+    setUnparsable([]);
+  }, [plugin2.settings, plugin2.settings_version]);
+  const changes = useMemo(
+    () => changedSettingValues(plugin2.settings, draft, unparsable),
+    [plugin2.settings, draft, unparsable]
+  );
+  const invalid = useMemo(
+    () => invalidDraftKeys(plugin2.settings, draft, unparsable),
+    [plugin2.settings, draft, unparsable]
+  );
+  const dirty = Object.keys(changes).length > 0;
+  const setValue = (key, value, badInput = false) => {
+    setDraft((current) => ({ ...current, [key]: value }));
+    setUnparsable(
+      (current) => badInput ? current.includes(key) ? current : [...current, key] : current.filter((entry) => entry !== key)
+    );
+  };
+  const submit = (event) => {
+    event.preventDefault();
+    if (!dirty || invalid.length > 0 || mutation.isPending) {
+      return;
+    }
+    mutation.mutate({
+      expected_version: plugin2.settings_version,
+      values: changes
+    });
+  };
+  return {
+    draft,
+    setValue,
+    dirty,
+    invalid,
+    submit,
+    mutation
+  };
+}
+const fieldId = (pluginKey, key) => `plugin-setting-${pluginKey}-${key}`;
+const missingLabels = (plugin2) => plugin2.missing.map(
+  (key) => plugin2.settings.find((setting) => setting.key === key)?.label ?? key
+).join(", ");
+const invalidatesLabels = (plugin2, setting) => setting.invalidates.map(
+  (key) => plugin2.settings.find((candidate) => candidate.key === key)?.label ?? key
+).join(", ");
+const boundsText = (setting) => setting.min !== null && setting.max !== null ? texts.settings.numberRange(setting.min, setting.max) : setting.min !== null ? texts.settings.numberMin(setting.min) : setting.max !== null ? texts.settings.numberMax(setting.max) : void 0;
+const SettingField = ({
+  pluginKey,
+  setting,
+  invalidatesLabels: invalidatesLabels2,
+  value,
+  invalid,
+  disabled,
+  onChange
+}) => {
+  const id = fieldId(pluginKey, setting.key);
+  const hintId = `${id}-hint`;
+  const clearPending = setting.type === "secret" && value === null;
+  const bounds = setting.type === "number" ? boundsText(setting) : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs(Label, { htmlFor: id, size: "small", weight: "plus", children: [
+        setting.label,
+        setting.required && /* @__PURE__ */ jsxs("span", { className: "text-ui-fg-muted", children: [
+          " (",
+          texts.settings.required,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "xsmall", className: "text-ui-fg-muted shrink-0", children: texts.settings.source[setting.source] })
+    ] }),
+    setting.type === "boolean" ? /* @__PURE__ */ jsx(
+      Switch,
+      {
+        id,
+        "aria-describedby": hintId,
+        checked: value === true,
+        disabled,
+        onCheckedChange: (checked) => onChange(checked === true)
+      }
+    ) : setting.type === "secret" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          "aria-describedby": hintId,
+          className: "flex-1",
+          type: "password",
+          autoComplete: "new-password",
+          placeholder: setting.is_set ? texts.settings.secretPlaceholder : "",
+          value: typeof value === "string" ? value : "",
+          disabled: disabled || clearPending,
+          onChange: (event) => onChange(event.target.value)
+        }
+      ),
+      setting.source === "stored" && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "small",
+          variant: "secondary",
+          disabled,
+          "aria-label": clearPending ? texts.settings.secretClearUndoLabel(setting.label) : texts.settings.secretClearLabel(setting.label),
+          onClick: () => onChange(clearPending ? "" : null),
+          children: clearPending ? texts.settings.secretClearUndo : texts.settings.secretClear
+        }
+      )
+    ] }) : setting.type === "select" ? /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: typeof value === "string" ? value : "",
+        disabled,
+        onValueChange: (next) => onChange(next),
+        children: [
+          /* @__PURE__ */ jsx(Select.Trigger, { id, "aria-describedby": hintId, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: texts.settings.selectPlaceholder }) }),
+          /* @__PURE__ */ jsx(Select.Content, { children: setting.options.map((option) => /* @__PURE__ */ jsx(Select.Item, { value: option.value, children: option.label }, option.value)) })
+        ]
+      }
+    ) : setting.type === "number" ? /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        "aria-describedby": hintId,
+        "aria-invalid": invalid,
+        type: "number",
+        step: "any",
+        min: setting.min ?? void 0,
+        max: setting.max ?? void 0,
+        value: typeof value === "string" ? value : "",
+        disabled,
+        onChange: (event) => onChange(event.target.value, event.target.validity.badInput)
+      }
+    ) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        "aria-describedby": hintId,
+        "aria-invalid": invalid,
+        type: setting.type === "url" ? "url" : "text",
+        value: typeof value === "string" ? value : "",
+        disabled,
+        onChange: (event) => onChange(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { id: hintId, className: "grid gap-1", children: [
+      setting.description && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: setting.description }),
+      clearPending && /* @__PURE__ */ jsx(Hint, { variant: "info", children: texts.settings.secretClearPending }),
+      invalidatesLabels2 && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: texts.settings.invalidates(invalidatesLabels2) }),
+      bounds && !invalid && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: bounds }),
+      invalid && /* @__PURE__ */ jsx(Hint, { variant: "error", children: bounds ?? texts.settings.invalidNumber })
+    ] })
+  ] });
+};
+const PluginSettingsForm = ({ plugin: plugin2 }) => {
+  const form = usePluginSettingsForm(plugin2);
+  const pending = form.mutation.isPending;
+  const hasTextFields = plugin2.settings.some(
+    (setting) => setting.type !== "boolean" && setting.type !== "secret" && setting.type !== "select"
+  );
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "aria-busy": pending, children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: texts.sections.settings }),
+      hasTextFields && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: texts.settings.clearHint })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: form.submit, className: "grid gap-5 px-6 py-5", children: [
+      !plugin2.configured && /* @__PURE__ */ jsx(Alert, { variant: "warning", children: texts.settings.missing(missingLabels(plugin2)) }),
+      plugin2.settings.map((setting) => /* @__PURE__ */ jsx(
+        SettingField,
+        {
+          pluginKey: plugin2.plugin_key,
+          setting,
+          invalidatesLabels: invalidatesLabels(plugin2, setting),
+          value: form.draft[setting.key],
+          invalid: form.invalid.includes(setting.key),
+          disabled: pending,
+          onChange: (value, badInput) => form.setValue(setting.key, value, badInput)
+        },
+        setting.key
+      )),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          size: "small",
+          isLoading: pending,
+          disabled: !form.dirty || form.invalid.length > 0 || pending,
+          children: texts.settings.save
+        }
+      ) })
+    ] })
+  ] });
+};
+const PluginStatusChips = ({ plugin: plugin2 }) => /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
+  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 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,
+      {
+        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,
+        {
+          size: "small",
+          variant: "secondary",
+          isLoading: query.isFetching,
+          onClick: () => void query.refetch(),
+          children: texts.states.retry
+        }
+      )
+    ] })
+  ] });
+};
+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";
+const summarizeActionResult = (result) => {
+  if (result === null || result === void 0) {
+    return null;
+  }
+  if (isPrimitive(result)) {
+    return cut(String(result));
+  }
+  if (typeof result !== "object" || Array.isArray(result)) {
+    return null;
+  }
+  const record = result;
+  for (const key of ["summary", "message"]) {
+    const value = record[key];
+    if (typeof value === "string" && value.trim()) {
+      return cut(value.trim());
+    }
+  }
+  const parts = Object.entries(record).filter(
+    (entry) => isPrimitive(entry[1])
+  ).map(([key, value]) => `${key}: ${String(value)}`);
+  return parts.length > 0 ? cut(parts.join(", ")) : null;
+};
+const progressPercent = (progress) => {
+  if (!progress || progress.total === null || progress.total <= 0) {
+    return null;
+  }
+  return Math.max(
+    0,
+    Math.min(100, Math.round(progress.current / progress.total * 100))
+  );
+};
+const progressCount = (progress) => {
+  if (!progress) {
+    return null;
+  }
+  return progress.total === null ? String(progress.current) : `${progress.current} / ${progress.total}`;
+};
+const formatRunTime = (iso) => {
+  if (!iso) {
+    return "";
+  }
+  const date = new Date(iso);
+  return Number.isNaN(date.getTime()) ? iso : date.toLocaleString("de-AT", { dateStyle: "short", timeStyle: "short" });
+};
+const runTransition = (previous, current) => {
+  if (!previous || !current || previous.id !== current.id || previous.status !== "running" || current.status === "running") {
+    return null;
+  }
+  return current.status;
+};
+const RunProgress = ({ run }) => {
+  const percent = progressPercent(run.progress);
+  const count = progressCount(run.progress);
+  const label = run.progress?.label;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-y-1", role: "status", children: [
+    (label || count) && /* @__PURE__ */ jsx(Text, { size: "small", children: [label, count].filter(Boolean).join(" · ") }),
+    percent !== null && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "bg-ui-border-base w-full overflow-hidden rounded-full",
+        style: { height: 6 },
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": percent,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "bg-ui-fg-interactive h-full rounded-full",
+            style: { width: `${percent}%`, height: "100%" }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: texts.actions.runningSince(formatRunTime(run.started_at)) })
+  ] });
+};
+const RunStatusLine = ({ run }) => {
+  if (run.status === "completed") {
+    const summary = summarizeActionResult(run.result);
+    return /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: texts.actions.lastCompleted(
+        formatRunTime(run.finished_at ?? run.started_at)
+      ) }),
+      summary && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: summary })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+    /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: texts.actions.lastFailed(
+      formatRunTime(run.finished_at ?? run.started_at)
+    ) }),
+    run.message && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-error", children: run.message })
+  ] });
+};
+const PluginActionRow = ({
+  pluginKey,
+  action,
+  starting,
+  blocked,
+  onRun
+}) => {
+  const { data: run } = useLatestPluginActionRun(pluginKey, action.key);
+  const previous = useRef(void 0);
+  const running = run?.status === "running";
+  useEffect(() => {
+    const transition = runTransition(previous.current, run);
+    previous.current = run;
+    if (transition === "completed") {
+      toast.success(texts.toasts.actionCompleted(action.label), {
+        description: summarizeActionResult(run?.result) ?? void 0
+      });
+    } else if (transition === "failed") {
+      toast.error(texts.toasts.actionFailed(action.label), {
+        description: run?.message ?? texts.errors.unknown
+      });
+    }
+  }, [run, action.label]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-6 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", children: action.label }),
+      action.description && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: action.description }),
+      run && (running ? /* @__PURE__ */ jsx(RunProgress, { run }) : /* @__PURE__ */ jsx(RunStatusLine, { run }))
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "secondary",
+        className: "shrink-0",
+        isLoading: starting || running,
+        disabled: blocked || starting || running,
+        onClick: () => onRun(action),
+        children: action.label
+      }
+    )
+  ] });
+};
+const PluginActionsSection = ({ plugin: plugin2 }) => {
+  const mutation = useRunPluginAction(plugin2.plugin_key);
+  const prompt = usePrompt();
+  const startingKey = mutation.isPending ? mutation.variables?.key : void 0;
+  const run = async (action) => {
+    if (mutation.isPending) {
+      return;
+    }
+    if (action.confirm) {
+      const confirmed = await prompt({
+        title: texts.actions.confirmTitle(action.label),
+        description: action.confirm,
+        confirmText: texts.actions.confirm,
+        cancelText: texts.actions.cancel,
+        variant: "confirmation"
+      });
+      if (!confirmed) {
+        return;
+      }
+    }
+    mutation.mutate(action);
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: texts.sections.actions }) }),
+    plugin2.actions.map((action) => /* @__PURE__ */ jsx(
+      PluginActionRow,
+      {
+        pluginKey: plugin2.plugin_key,
+        action,
+        starting: startingKey === action.key,
+        blocked: mutation.isPending && startingKey !== action.key,
+        onRun: (entry) => void run(entry)
+      },
+      action.key
+    ))
+  ] });
+};
 const configuredFeatures = (plugin2) => Object.fromEntries(
   plugin2.features.map((feature) => [feature.key, feature.enabled])
 );
-const PluginFeaturesCard = ({ plugin: plugin2 }) => {
+const PluginFeaturesCard = ({ plugin: plugin2, title }) => {
   const mutation = useUpdatePluginFeatures();
   const pending = mutation.isPending;
   const labels = new Map(
@@ -132,12 +775,12 @@ const PluginFeaturesCard = ({ plugin: plugin2 }) => {
   return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", "aria-busy": pending, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 px-6 py-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", 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(Heading, { level: "h2", children: title ?? plugin2.label }),
+        title === void 0 && plugin2.description && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: plugin2.description }),
         !plugin2.enabled && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted mt-1", children: texts.hints.pluginDisabled }),
         pending && /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted mt-1", children: texts.hints.saving })
       ] }),
-      /* @__PURE__ */ jsx(
+      plugin2.switchable && /* @__PURE__ */ jsx(
         Switch,
         {
           id: pluginSwitchId,
@@ -197,6 +840,632 @@ const PluginFeaturesCard = ({ plugin: plugin2 }) => {
     })
   ] });
 };
+const PluginFeatureSections = ({ pluginKey }) => {
+  const plugin2 = usePluginFeature(pluginKey).data?.plugin;
+  if (!plugin2) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (plugin2.switchable || plugin2.features.length > 0) && /* @__PURE__ */ jsx(PluginFeaturesCard, { plugin: plugin2, title: texts.sections.features }),
+    plugin2.settings.length > 0 && /* @__PURE__ */ jsx(PluginSettingsForm, { plugin: plugin2 }),
+    plugin2.actions.length > 0 && /* @__PURE__ */ jsx(PluginActionsSection, { plugin: plugin2 })
+  ] });
+};
+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,
+      {
+        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" }) }) })
+        ] })
+      }
+    )
+  ] });
+};
+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." })
+      ] }),
+      /* @__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: [
@@ -216,19 +1485,885 @@ 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.map((plugin2) => /* @__PURE__ */ jsx(PluginFeaturesCard, { plugin: plugin2 }, plugin2.plugin_key))
+    ] }) : 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 widgetModule = { widgets: [] };
+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: [
+  {
+    Component: OrderDocumentsWidget,
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-93c9"
+  },
+  {
+    Component: OrderPackingListsWidget,
+    zone: ["order.details.side.after"],
+    widgetId: "Widget-381c"
+  }
+] };
 const routeModule = {
   routes: [
     {
       Component: PluginFeaturesSettingsPage,
       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"
     }
   ]
 };