@dani-builder/strapi-plugin-builder 1.5.1 → 2.0.0

package/dist/admin/index.mjs

@@ -13,7 +13,186 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// admin/src/form-select.tsx
+var form_select_exports = {};
+__export(form_select_exports, {
+  FormSelect: () => FormSelect
+});
+import { forwardRef, useEffect, useId, useState } from "react";
+import {
+  Field,
+  SingleSelect,
+  SingleSelectOption,
+  Typography
+} from "@strapi/design-system";
+import { useFetchClient, useRBAC } from "@strapi/strapi/admin";
+import { Link } from "react-router-dom";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var FormSelect;
+var init_form_select = __esm({
+  "admin/src/form-select.tsx"() {
+    "use strict";
+    FormSelect = forwardRef(
+      function FormSelect2({
+        name = "",
+        value,
+        onChange,
+        label,
+        hint,
+        error,
+        required,
+        disabled,
+        onBlur
+      }, ref) {
+        const id = useId();
+        const { get } = useFetchClient();
+        const { allowedActions, isLoading: checkingPermissions } = useRBAC([
+          { action: "plugin::builder.forms.read", subject: null }
+        ]);
+        const canRead = allowedActions.canRead === true;
+        const [forms, setForms] = useState([]);
+        const [loading, setLoading] = useState(true);
+        const [loadError, setLoadError] = useState("");
+        useEffect(() => {
+          if (checkingPermissions || !canRead) return;
+          let active = true;
+          setLoading(true);
+          setLoadError("");
+          void get("/plugins/builder/forms").then(
+            ({ data }) => {
+              if (active) {
+                setForms(data.data.map(({ name: name2, slug }) => ({ name: name2, slug })));
+                setLoading(false);
+              }
+            },
+            () => {
+              if (active) {
+                setLoadError(
+                  "\uD3FC \uBAA9\uB85D\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4. \uD398\uC774\uC9C0\uB97C \uC0C8\uB85C\uACE0\uCE68\uD574 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uC138\uC694."
+                );
+                setLoading(false);
+              }
+            }
+          );
+          return () => {
+            active = false;
+          };
+        }, [get, canRead, checkingPermissions]);
+        const ready = !checkingPermissions && canRead && !loading && !loadError;
+        const savedOutsideList = Boolean(
+          value && !forms.some((form) => form.slug === value)
+        );
+        const change = (slug) => {
+          if (disabled || !ready) return;
+          onChange?.({ target: { name, value: slug, type: "string" } });
+        };
+        return /* @__PURE__ */ jsxs2(
+          Field.Root,
+          {
+            id,
+            name,
+            error,
+            hint,
+            required,
+            onBlur,
+            style: { minWidth: 0 },
+            children: [
+              /* @__PURE__ */ jsx2(Field.Label, { children: label || "Form" }),
+              /* @__PURE__ */ jsxs2(
+                SingleSelect,
+                {
+                  ref,
+                  name,
+                  value: value ?? "",
+                  disabled: disabled || !ready,
+                  placeholder: checkingPermissions || canRead && loading ? "\uD3FC \uBAA9\uB85D\uC744 \uBD88\uB7EC\uC624\uB294 \uC911\u2026" : "\uD3FC \uC120\uD0DD",
+                  onChange: (slug) => change(String(slug)),
+                  onClear: value ? () => change(null) : void 0,
+                  children: [
+                    savedOutsideList && /* @__PURE__ */ jsx2(
+                      SingleSelectOption,
+                      {
+                        value,
+                        style: {
+                          maxWidth: "calc(100vw - 32px)",
+                          whiteSpace: "normal",
+                          overflowWrap: "anywhere"
+                        },
+                        children: value
+                      }
+                    ),
+                    forms.map((form) => /* @__PURE__ */ jsxs2(
+                      SingleSelectOption,
+                      {
+                        value: form.slug,
+                        style: {
+                          maxWidth: "calc(100vw - 32px)",
+                          whiteSpace: "normal",
+                          overflowWrap: "anywhere"
+                        },
+                        children: [
+                          form.name,
+                          " (",
+                          form.slug,
+                          ")"
+                        ]
+                      },
+                      form.slug
+                    ))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx2(Field.Hint, {}),
+              /* @__PURE__ */ jsx2(Field.Error, {}),
+              value && /* @__PURE__ */ jsxs2(
+                Typography,
+                {
+                  variant: "pi",
+                  textColor: "neutral600",
+                  style: { overflowWrap: "anywhere" },
+                  children: [
+                    "Slug: ",
+                    value
+                  ]
+                }
+              ),
+              !checkingPermissions && !canRead && /* @__PURE__ */ jsx2(Typography, { role: "alert", children: "\uD3FC \uBAA9\uB85D\uC744 \uBCFC \uAD8C\uD55C\uC774 \uC5C6\uC2B5\uB2C8\uB2E4. Forms \uC77D\uAE30 \uAD8C\uD55C\uC744 \uC694\uCCAD\uD558\uC138\uC694." }),
+              loadError && /* @__PURE__ */ jsx2(Typography, { role: "alert", textColor: "danger700", children: loadError }),
+              ready && savedOutsideList && /* @__PURE__ */ jsxs2(Typography, { role: "alert", textColor: "danger700", children: [
+                "\uC800\uC7A5\uB41C \uD3FC \u201C",
+                value,
+                "\u201D\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uB2E4\uB978 \uD3FC\uC744 \uC120\uD0DD\uD558\uC138\uC694."
+              ] }),
+              ready && forms.length === 0 && /* @__PURE__ */ jsx2(Typography, { children: "\uD3FC \uBE4C\uB354\uC5D0\uC11C \uBA3C\uC800 \uD3FC\uC744 \uB9CC\uB4DC\uC138\uC694" }),
+              !checkingPermissions && canRead && /* @__PURE__ */ jsx2(Link, { to: "/plugins/builder/forms", children: "Forms \uAD00\uB9AC" })
+            ]
+          }
+        );
+      }
+    );
+  }
+});
+
 // admin/src/form.ts
+function suggestConsentVersion(current = "", date = /* @__PURE__ */ new Date(), savedVersion = "") {
+  const day = [
+    date.getFullYear(),
+    String(date.getMonth() + 1).padStart(2, "0"),
+    String(date.getDate()).padStart(2, "0")
+  ].join("-");
+  const revisions = [current, savedVersion].map((version) => {
+    const match = version.match(new RegExp(`^${day}-v(\\d+)$`));
+    return match ? Number(match[1]) : 0;
+  });
+  return `${day}-v${Math.max(...revisions) + 1}`;
+}
+function createEmptyForm() {
+  return {
+    ...emptyForm,
+    fields: [],
+    consent: { label: "", version: suggestConsentVersion() }
+  };
+}
 function savePayload(form, includeNotifications = false) {
   const notifications = structuredClone(form.notifications ?? {});
   if (notifications.email) {
@@ -32,35 +211,20 @@ function savePayload(form, includeNotifications = false) {
     consent: { label: form.consent.label, version: form.consent.version }
   };
 }
-function moveField(fields, index, direction) {
-  const next = [...fields];
-  const current = next[index];
-  const other = next[index + direction];
-  if (!current || !other) return fields;
-  next[index] = other;
-  next[index + direction] = current;
-  return next;
-}
-function setRequired(field, required, schema) {
-  return { ...field, required: schema.required || required };
-}
-function parseImport(source) {
-  let value;
-  try {
-    value = JSON.parse(source);
-  } catch {
-    throw new Error("Invalid JSON. Choose a form export JSON file.");
-  }
-  if (!value || typeof value !== "object" || Array.isArray(value))
-    throw new Error("Expected a form definition object.");
-  return value;
-}
 function errorMessage(error) {
   if (error && typeof error === "object" && "response" in error) {
     const response = error.response;
     if (response?.data?.error?.message) return response.data.error.message;
   }
-  return error instanceof Error ? error.message : "Unable to complete the request.";
+  return "Unable to complete the request.";
+}
+function suggestSlug(name) {
+  return name.toLowerCase().normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 120).replace(/-$/, "");
+}
+function missingRequired(fields, schema) {
+  return schema.filter(
+    (attribute) => attribute.required && !fields.some((field) => field.name === attribute.name)
+  );
 }
 var emptyForm;
 var init_form = __esm({
@@ -126,22 +290,17 @@ function formApi(client) {
     }
   };
 }
-function downloadForm(value, slug) {
-  const url = URL.createObjectURL(
-    new Blob([JSON.stringify(value, null, 2)], { type: "application/json" })
-  );
-  const anchor = document.createElement("a");
-  anchor.href = url;
-  anchor.download = `${slug}.json`;
-  anchor.click();
-  URL.revokeObjectURL(url);
-}
 function submissionApi(client) {
   const root2 = "/plugins/builder/submissions";
   return {
     async list(params) {
       return (await client.get(root2, { params })).data;
     },
+    async filterOptions() {
+      return (await client.get(
+        `${root2}/filter-options`
+      )).data.data;
+    },
     async get(id) {
       return (await client.get(
         `${root2}/${encodeURIComponent(id)}`
@@ -169,76 +328,32 @@ var init_api = __esm({
   }
 });
 
-// admin/src/submission.ts
-var submissionStatuses;
-var init_submission = __esm({
-  "admin/src/submission.ts"() {
-    "use strict";
-    submissionStatuses = [
-      "received",
-      "reviewing",
-      "responded",
-      "closed"
-    ];
-  }
-});
-
 // admin/src/ui.tsx
-import { useId } from "react";
-import { Box, Flex, Typography } from "@strapi/design-system";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { useId as useId2 } from "react";
+import { Box, Flex, Typography as Typography2 } from "@strapi/design-system";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Section({
   title,
   children
 }) {
-  return /* @__PURE__ */ jsx2(Box, { background: "neutral0", padding: 6, hasRadius: true, shadow: "tableShadow", children: /* @__PURE__ */ jsxs2(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
-    /* @__PURE__ */ jsx2(Typography, { tag: "h2", variant: "delta", children: title }),
+  return /* @__PURE__ */ jsx3(Box, { background: "neutral0", padding: 6, hasRadius: true, shadow: "tableShadow", children: /* @__PURE__ */ jsxs3(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsx3(Typography2, { tag: "h2", variant: "delta", children: title }),
     children
   ] }) });
 }
-function TextField({
-  label,
-  value,
-  onChange,
-  disabled,
-  required,
-  multiline,
-  secret,
-  error
-}) {
-  const errorId = useId();
-  const props = {
-    "aria-describedby": error ? errorId : void 0,
-    value,
-    disabled,
-    required,
-    onChange: (event) => onChange(event.target.value),
-    style: {
-      width: "100%",
-      padding: "10px",
-      border: "1px solid #8e8ea9",
-      borderRadius: 4,
-      font: "inherit",
-      color: "#32324d",
-      background: disabled ? "#f6f6f9" : "#fff"
-    }
-  };
-  return /* @__PURE__ */ jsxs2("label", { style: { display: "grid", gap: 6 }, children: [
-    /* @__PURE__ */ jsx2(Typography, { children: label }),
-    multiline ? /* @__PURE__ */ jsx2("textarea", { ...props, rows: 3, "aria-invalid": Boolean(error) }) : /* @__PURE__ */ jsx2(
-      "input",
-      {
-        ...props,
-        type: secret ? "password" : "text",
-        autoComplete: secret ? "new-password" : void 0,
-        "aria-invalid": Boolean(error)
-      }
-    ),
-    error && /* @__PURE__ */ jsx2(Typography, { id: errorId, textColor: "danger700", role: "alert", children: error })
-  ] });
-}
 function ErrorNotice({ message }) {
-  return message ? /* @__PURE__ */ jsx2(Box, { role: "alert", padding: 4, background: "danger100", children: /* @__PURE__ */ jsx2(Typography, { textColor: "danger700", children: message }) }) : null;
+  const { formatMessage } = useIntl();
+  return message ? /* @__PURE__ */ jsx3(
+    Box,
+    {
+      role: "alert",
+      "aria-label": formatMessage({ id: "builder.common.error" }),
+      padding: 4,
+      background: "danger100",
+      children: /* @__PURE__ */ jsx3(Typography2, { textColor: "danger700", children: message === "Unable to complete the request." ? formatMessage({ id: "builder.common.requestError" }) : message })
+    }
+  ) : null;
 }
 var init_ui = __esm({
   "admin/src/ui.tsx"() {
@@ -246,10 +361,14 @@ var init_ui = __esm({
   }
 });
 
-// admin/src/submission-page.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
+// admin/src/form-list-page.tsx
+import { useIntl as useIntl2 } from "react-intl";
+import { useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import {
+  Badge,
   Button,
+  EmptyStateLayout,
+  IconButton,
   Flex as Flex2,
   Table,
   Tbody,
@@ -257,67 +376,40 @@ import {
   Th,
   Thead,
   Tr,
-  Typography as Typography2
+  Typography as Typography3
 } from "@strapi/design-system";
-import { Layouts, Page, useFetchClient, useRBAC } from "@strapi/strapi/admin";
-import { Link } from "react-router-dom";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function TargetLink({ row }) {
-  const { allowedActions, isLoading } = useRBAC([
-    {
-      action: "plugin::content-manager.explorer.read",
-      subject: row.targetUid
-    }
-  ]);
-  if (isLoading || !allowedActions.canRead || !row.targetDocumentId)
-    return null;
-  return /* @__PURE__ */ jsx3(
-    Link,
-    {
-      to: `/content-manager/collection-types/${encodeURIComponent(row.targetUid)}/${encodeURIComponent(row.targetDocumentId)}`,
-      children: "Open submitted record"
-    }
-  );
-}
-function SubmissionPage({ canUpdate }) {
-  const client = useFetchClient();
+import { Layouts, Page, useFetchClient as useFetchClient2 } from "@strapi/strapi/admin";
+import { Duplicate } from "@strapi/icons";
+import { Link as Link2, useNavigate } from "react-router-dom";
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function FormListPage({ canUpdate }) {
+  const { formatMessage } = useIntl2();
+  const t = useCallback((id) => formatMessage({ id }), [formatMessage]);
+  const client = useFetchClient2();
   const { get } = client;
-  const [slug, setSlug] = useState("");
-  const [formFilter, setFormFilter] = useState("");
-  const [status, setStatus] = useState("");
-  const [page, setPage] = useState(1);
-  const [result, setResult] = useState(null);
-  const [selected, setSelected] = useState(null);
-  const [loading, setLoading] = useState(true);
-  const [busy, setBusy] = useState(false);
-  const [error, setError] = useState("");
+  const navigate = useNavigate();
+  const [rows, setRows] = useState2([]);
+  const [loading, setLoading] = useState2(true);
+  const [error, setError] = useState2("");
+  const [copyStatus, setCopyStatus] = useState2("");
+  const [busy, setBusy] = useState2(false);
+  const [removing, setRemoving] = useState2(null);
   const lock = useRef(false);
-  const generation = useRef(0);
   const load = useCallback(async () => {
-    const current = ++generation.current;
     setLoading(true);
     setError("");
     try {
-      const response = (await get("/plugins/builder/submissions", {
-        params: {
-          page,
-          ...formFilter ? { slug: formFilter } : {},
-          ...status ? { status } : {}
-        }
-      })).data;
-      if (current === generation.current) setResult(response);
+      setRows(
+        (await get("/plugins/builder/forms")).data.data
+      );
     } catch (cause) {
-      if (current === generation.current) setError(errorMessage(cause));
+      setError(errorMessage(cause));
     } finally {
-      if (current === generation.current) setLoading(false);
+      setLoading(false);
     }
-  }, [get, page, formFilter, status]);
-  useEffect(() => {
-    setSelected(null);
+  }, [get]);
+  useEffect2(() => {
     void load();
-    return () => {
-      generation.current++;
-    };
   }, [load]);
   async function mutate(action) {
     if (lock.current) return;
@@ -333,476 +425,448 @@ function SubmissionPage({ canUpdate }) {
       setBusy(false);
     }
   }
-  const api = submissionApi(client);
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
       Layouts.Header,
       {
-        title: "Builder Submissions",
-        subtitle: "Review receipt metadata, delivery history and processing status."
-      }
-    ),
-    /* @__PURE__ */ jsx3(Layouts.Content, { children: /* @__PURE__ */ jsxs3(Flex2, { direction: "column", alignItems: "stretch", gap: 6, children: [
-      /* @__PURE__ */ jsx3(ErrorNotice, { message: error }),
-      error && /* @__PURE__ */ jsx3(Button, { disabled: loading || busy, onClick: () => void load(), children: "Retry list" }),
-      /* @__PURE__ */ jsx3(Section, { title: "Filters", children: /* @__PURE__ */ jsxs3(Flex2, { gap: 4, wrap: "wrap", alignItems: "end", children: [
-        /* @__PURE__ */ jsx3(
-          TextField,
-          {
-            label: "Form slug",
-            value: slug,
-            onChange: setSlug,
-            disabled: busy
-          }
-        ),
-        /* @__PURE__ */ jsx3(
+        title: t("builder.forms.title"),
+        subtitle: t("builder.forms.description"),
+        primaryAction: canUpdate ? /* @__PURE__ */ jsx4(
           Button,
           {
             disabled: busy,
-            onClick: () => {
-              setPage(1);
-              setFormFilter(slug.trim());
-            },
-            children: "Apply form filter"
+            onClick: () => navigate("/plugins/builder/forms/new"),
+            children: t("builder.forms.create")
           }
-        ),
-        /* @__PURE__ */ jsxs3("label", { children: [
-          "Status",
-          " ",
-          /* @__PURE__ */ jsxs3(
-            "select",
+        ) : void 0
+      }
+    ),
+    /* @__PURE__ */ jsx4(Layouts.Content, { children: /* @__PURE__ */ jsxs4(Flex2, { direction: "column", alignItems: "stretch", gap: 6, children: [
+      /* @__PURE__ */ jsx4(ErrorNotice, { message: error }),
+      /* @__PURE__ */ jsx4("div", { role: "status", "aria-live": "polite", children: copyStatus }),
+      error && /* @__PURE__ */ jsx4(Button, { onClick: () => void load(), disabled: busy || loading, children: t("builder.common.retry") }),
+      /* @__PURE__ */ jsx4(Section, { title: t("builder.forms.title"), children: loading ? /* @__PURE__ */ jsx4(Page.Loading, {}) : rows.length === 0 ? /* @__PURE__ */ jsx4(
+        EmptyStateLayout,
+        {
+          content: t("builder.forms.empty"),
+          action: canUpdate ? /* @__PURE__ */ jsx4(
+            Button,
             {
-              "aria-label": "Filter status",
-              value: status,
-              disabled: busy,
-              onChange: (event) => {
-                setPage(1);
-                setStatus(event.target.value);
+              onClick: () => navigate("/plugins/builder/forms/new"),
+              children: t("builder.forms.create")
+            }
+          ) : void 0
+        }
+      ) : /* @__PURE__ */ jsxs4(Table, { colCount: 8, rowCount: rows.length, children: [
+        /* @__PURE__ */ jsx4(Thead, { children: /* @__PURE__ */ jsx4(Tr, { children: [
+          "builder.common.name",
+          "builder.forms.endpoint",
+          "builder.common.target",
+          "builder.forms.fieldCount",
+          "builder.common.version",
+          "builder.forms.latestSubmission",
+          "builder.forms.notifications",
+          "builder.common.actions"
+        ].map((name) => /* @__PURE__ */ jsx4(Th, { children: /* @__PURE__ */ jsx4(Typography3, { variant: "sigma", children: t(name) }) }, name)) }) }),
+        /* @__PURE__ */ jsx4(Tbody, { children: rows.map((row) => /* @__PURE__ */ jsxs4(Tr, { children: [
+          /* @__PURE__ */ jsxs4(Td, { children: [
+            /* @__PURE__ */ jsx4(
+              Link2,
+              {
+                to: `/plugins/builder/forms/${row.documentId}`,
+                style: {
+                  overflowWrap: "anywhere",
+                  whiteSpace: "normal"
+                },
+                children: row.name
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              Typography3,
+              {
+                tag: "div",
+                variant: "pi",
+                style: {
+                  overflowWrap: "anywhere",
+                  whiteSpace: "normal"
+                },
+                children: row.slug
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsxs4(Flex2, { gap: 2, children: [
+            /* @__PURE__ */ jsx4(
+              Typography3,
+              {
+                style: {
+                  overflowWrap: "anywhere",
+                  whiteSpace: "normal"
+                },
+                children: row.publicUrl
+              }
+            ),
+            /* @__PURE__ */ jsx4(
+              IconButton,
+              {
+                label: formatMessage(
+                  { id: "builder.forms.copyUrl" },
+                  { name: row.name }
+                ),
+                onClick: () => {
+                  void (async () => {
+                    try {
+                      await navigator.clipboard.writeText(
+                        row.publicUrl ?? ""
+                      );
+                      setCopyStatus(t("builder.forms.copied"));
+                    } catch {
+                      setError(t("builder.forms.copyFailed"));
+                    }
+                  })();
+                },
+                children: /* @__PURE__ */ jsx4(Duplicate, {})
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsx4(
+            Typography3,
+            {
+              style: {
+                overflowWrap: "anywhere",
+                whiteSpace: "normal"
               },
-              children: [
-                /* @__PURE__ */ jsx3("option", { value: "", children: "All statuses" }),
-                submissionStatuses.map((value) => /* @__PURE__ */ jsx3("option", { children: value }, value))
-              ]
+              children: row.targetDisplayName ?? t("builder.forms.targetUnavailable")
             }
-          )
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxs3(Section, { title: "Submissions", children: [
-        loading ? /* @__PURE__ */ jsx3(Page.Loading, {}) : !result?.data.length ? /* @__PURE__ */ jsx3(Typography2, { children: "No submissions found." }) : /* @__PURE__ */ jsxs3(Table, { colCount: 5, rowCount: result.data.length, children: [
-          /* @__PURE__ */ jsx3(Thead, { children: /* @__PURE__ */ jsx3(Tr, { children: [
-            "Form",
-            "Received",
-            "Status",
-            "Deliveries",
-            "Actions"
-          ].map((label) => /* @__PURE__ */ jsx3(Th, { children: /* @__PURE__ */ jsx3(Typography2, { variant: "sigma", children: label }) }, label)) }) }),
-          /* @__PURE__ */ jsx3(Tbody, { children: result.data.map((row) => /* @__PURE__ */ jsxs3(Tr, { children: [
-            /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Typography2, { children: row.form }) }),
-            /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Typography2, { children: row.createdAt }) }),
-            /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Typography2, { children: row.status }) }),
-            /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsx3(Flex2, { direction: "column", alignItems: "start", gap: 2, children: row.deliveries.length ? row.deliveries.map((delivery, i) => /* @__PURE__ */ jsxs3(Typography2, { children: [
-              delivery.channel,
-              ": ",
-              delivery.status,
-              " \xB7",
-              " ",
-              delivery.attempts,
-              " attempts \xB7",
-              " ",
-              delivery.sentAt ?? "Not sent"
-            ] }, i)) : /* @__PURE__ */ jsx3(Typography2, { children: "No deliveries recorded" }) }) }),
-            /* @__PURE__ */ jsx3(Td, { children: /* @__PURE__ */ jsxs3(
+          ) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsx4(Typography3, { children: row.fields.length }) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsx4(Badge, { children: row.version }) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsx4(Typography3, { children: row.latestSubmissionAt ? formatMessage(
+            { id: "builder.forms.submittedAt" },
+            { date: new Date(row.latestSubmissionAt) }
+          ) : "\u2014" }) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsxs4(Flex2, { gap: 2, children: [
+            row.notifications?.email && /* @__PURE__ */ jsx4(Badge, { children: t("builder.forms.email") }),
+            row.notifications?.webhook && /* @__PURE__ */ jsx4(Badge, { children: t("builder.forms.webhook") }),
+            !row.notifications?.email && !row.notifications?.webhook && /* @__PURE__ */ jsx4(Typography3, { children: t("builder.forms.unconfigured") })
+          ] }) }),
+          /* @__PURE__ */ jsx4(Td, { children: /* @__PURE__ */ jsxs4(Flex2, { gap: 2, children: [
+            /* @__PURE__ */ jsxs4(
               Button,
               {
+                variant: "secondary",
                 disabled: busy,
-                onClick: () => void mutate(async () => {
-                  setSelected(await api.get(row.documentId));
-                }),
+                onClick: () => navigate(
+                  `/plugins/builder/forms/${row.documentId}`
+                ),
                 children: [
-                  "View ",
-                  row.documentId
+                  t(
+                    canUpdate ? "builder.common.edit" : "builder.common.view"
+                  ),
+                  " ",
+                  row.name
                 ]
               }
-            ) })
-          ] }, row.documentId)) })
-        ] }),
-        /* @__PURE__ */ jsxs3(Flex2, { gap: 3, children: [
-          /* @__PURE__ */ jsx3(
-            Button,
-            {
-              disabled: busy || loading || page <= 1,
-              onClick: () => setPage(page - 1),
-              children: "Previous"
-            }
+            ),
+            canUpdate && /* @__PURE__ */ jsx4(
+              Button,
+              {
+                variant: "danger-light",
+                disabled: busy,
+                onClick: () => setRemoving(row),
+                children: t("builder.common.delete")
+              }
+            )
+          ] }) })
+        ] }, row.documentId)) })
+      ] }) }),
+      removing && /* @__PURE__ */ jsxs4(
+        Section,
+        {
+          title: formatMessage(
+            { id: "builder.forms.deleteTitle" },
+            { name: removing.name }
           ),
-          /* @__PURE__ */ jsxs3(Typography2, { children: [
-            "Page ",
-            page,
-            " \xB7 ",
-            result?.meta.pagination.total ?? 0,
-            " submissions"
-          ] }),
-          /* @__PURE__ */ jsx3(
-            Button,
-            {
-              disabled: busy || loading || page >= (result?.meta.pagination.pageCount ?? 0),
-              onClick: () => setPage(page + 1),
-              children: "Next"
-            }
-          )
-        ] })
-      ] }),
-      selected && /* @__PURE__ */ jsxs3(Section, { title: `Submission ${selected.documentId}`, children: [
-        /* @__PURE__ */ jsxs3(Typography2, { children: [
-          selected.form,
-          " \xB7 Received ",
-          selected.createdAt,
-          " \xB7 Updated",
-          " ",
-          selected.updatedAt
-        ] }),
-        /* @__PURE__ */ jsxs3(Typography2, { children: [
-          "Consent ",
-          selected.consentVersion,
-          " \xB7 ",
-          selected.consentAt
-        ] }),
-        /* @__PURE__ */ jsx3(TargetLink, { row: selected }),
-        /* @__PURE__ */ jsxs3("label", { children: [
-          "Processing status",
-          " ",
-          /* @__PURE__ */ jsx3(
-            "select",
-            {
-              "aria-label": "Processing status",
-              value: selected.status,
-              disabled: !canUpdate || busy,
-              onChange: (event) => {
-                const value = submissionStatuses.find(
-                  (value2) => value2 === event.target.value
-                );
-                if (value)
-                  void mutate(async () => {
-                    const updated = await api.status(
-                      selected.documentId,
-                      value
-                    );
+          children: [
+            /* @__PURE__ */ jsx4(Typography3, { children: t("builder.forms.deleteWarning") }),
+            /* @__PURE__ */ jsxs4(Flex2, { gap: 3, children: [
+              /* @__PURE__ */ jsx4(
+                Button,
+                {
+                  variant: "danger",
+                  disabled: busy,
+                  onClick: () => void mutate(async () => {
+                    await formApi(client).remove(removing.documentId);
+                    setRemoving(null);
                     await load();
-                    setSelected(updated);
-                  });
-              },
-              children: submissionStatuses.map((value) => /* @__PURE__ */ jsx3("option", { children: value }, value))
-            }
-          )
-        ] }),
-        selected.deliveries.map((delivery, i) => /* @__PURE__ */ jsxs3(Typography2, { children: [
-          delivery.channel,
-          ": ",
-          delivery.status,
-          " \xB7 ",
-          delivery.attempts,
-          " ",
-          "attempts \xB7 Sent: ",
-          delivery.sentAt ?? "Not sent",
-          delivery.lastError ? ` \xB7 ${delivery.lastError}` : ""
-        ] }, i)),
-        /* @__PURE__ */ jsx3(
-          Button,
-          {
-            disabled: !canUpdate || busy || !selected.deliveries.some(
-              (delivery) => delivery.channel !== "afterSave" && delivery.status === "failed"
-            ),
-            onClick: () => void mutate(async () => {
-              await api.redeliver(selected.documentId);
-              const updated = await api.get(selected.documentId);
-              await load();
-              setSelected(updated);
-            }),
-            children: "Retry notifications"
-          }
-        ),
-        !canUpdate && /* @__PURE__ */ jsx3(Typography2, { children: "Read only. Submission update permission is required to change status or retry notifications." })
-      ] })
+                  }),
+                  children: t("builder.common.confirmDelete")
+                }
+              ),
+              /* @__PURE__ */ jsx4(
+                Button,
+                {
+                  variant: "secondary",
+                  disabled: busy,
+                  onClick: () => setRemoving(null),
+                  children: t("builder.common.cancel")
+                }
+              )
+            ] })
+          ]
+        }
+      )
     ] }) })
   ] });
 }
-var init_submission_page = __esm({
-  "admin/src/submission-page.tsx"() {
+var init_form_list_page = __esm({
+  "admin/src/form-list-page.tsx"() {
     "use strict";
     init_api();
     init_form();
-    init_submission();
     init_ui();
   }
 });
 
-// admin/src/import-form.tsx
-import { useRef as useRef2, useState as useState2 } from "react";
-import { Button as Button2, Flex as Flex3, Typography as Typography3 } from "@strapi/design-system";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function ImportForm({
-  replace,
-  disabled,
-  onImport
+// admin/src/field-modal.tsx
+import { useState as useState3 } from "react";
+import { useIntl as useIntl3 } from "react-intl";
+import {
+  Badge as Badge2,
+  Box as Box2,
+  Button as Button2,
+  Field as Field2,
+  Flex as Flex3,
+  Modal,
+  NumberInput,
+  SingleSelect as SingleSelect2,
+  SingleSelectOption as SingleSelectOption2,
+  TextInput,
+  Toggle,
+  Typography as Typography4
+} from "@strapi/design-system";
+import { Calendar, Check, Code, Hashtag, Mail, Paragraph } from "@strapi/icons";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function FieldModal({
+  fields,
+  schema,
+  initial,
+  onApply,
+  onClose
 }) {
-  const [source, setSource] = useState2("");
-  const [error, setError] = useState2("");
-  const [busy, setBusy] = useState2(false);
-  const lock = useRef2(false);
-  async function submit() {
-    if (lock.current) return;
-    lock.current = true;
-    setBusy(true);
-    setError("");
-    try {
-      await onImport(parseImport(source));
-    } catch (cause) {
-      setError(errorMessage(cause));
-    } finally {
-      lock.current = false;
-      setBusy(false);
-    }
+  const { formatMessage } = useIntl3();
+  const t = (key) => formatMessage({ id: `builder.forms.fields.${key}` });
+  const [draft, setDraft] = useState3(
+    initial ? structuredClone(initial) : void 0
+  );
+  const attribute = schema.find((field) => field.name === draft?.name);
+  const invalid = !draft?.label.trim() || Boolean(
+    draft && ["maxLength", "min", "max"].some((key) => {
+      const constraint = key;
+      const value = draft[constraint];
+      const limit = attribute?.[constraint];
+      return value !== void 0 && (!Number.isFinite(value) || constraint === "maxLength" && (!Number.isInteger(value) || value < 1) || draft.type === "integer" && !Number.isInteger(value) || limit !== void 0 && (constraint === "min" ? value < limit : value > limit));
+    })
+  ) || Boolean(
+    draft?.min !== void 0 && draft.max !== void 0 && draft.min > draft.max
+  ) || Boolean(draft?.options?.some((option) => !option.label.trim()));
+  function update(value) {
+    if (draft) setDraft({ ...draft, ...value });
   }
-  return /* @__PURE__ */ jsxs4(Flex3, { direction: "column", alignItems: "stretch", gap: 3, children: [
-    /* @__PURE__ */ jsxs4(Typography3, { children: [
-      replace ? "Replace this saved form with an exported definition. The slug must match. The server increments the form version." : "Import a form export. A new form starts at version 1.",
-      " ",
-      "Consent version is preserved. Existing slugs cannot be duplicated."
-    ] }),
-    /* @__PURE__ */ jsxs4("label", { children: [
-      "Choose JSON file",
-      " ",
-      /* @__PURE__ */ jsx4(
-        "input",
+  function input(key, required = false) {
+    return /* @__PURE__ */ jsxs5(Field2.Root, { name: key, required, children: [
+      /* @__PURE__ */ jsx5(Field2.Label, { children: t(key) }),
+      /* @__PURE__ */ jsx5(
+        TextInput,
         {
-          type: "file",
-          accept: ".json,application/json",
-          disabled: busy || disabled,
-          onChange: (event) => {
-            const file = event.target.files?.[0];
-            if (file)
-              void file.text().then(setSource).catch((cause) => setError(errorMessage(cause)));
-            event.target.value = "";
-          }
+          value: draft?.[key] ?? "",
+          onChange: (event) => update({ [key]: event.target.value })
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx4(
-      TextField,
-      {
-        label: "Form JSON",
-        value: source,
-        onChange: setSource,
-        multiline: true,
-        disabled: busy || disabled
-      }
-    ),
-    /* @__PURE__ */ jsx4(ErrorNotice, { message: error }),
-    /* @__PURE__ */ jsx4(
-      Button2,
-      {
-        type: "button",
-        disabled: busy || disabled || !source.trim(),
-        onClick: () => void submit(),
-        children: busy ? "Importing\u2026" : replace ? "Replace saved form from JSON" : "Import new form"
-      }
-    )
-  ] });
-}
-var init_import_form = __esm({
-  "admin/src/import-form.tsx"() {
-    "use strict";
-    init_form();
-    init_ui();
-  }
-});
-
-// admin/src/form-list-page.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef3, useState as useState3 } from "react";
-import {
-  Button as Button3,
-  Flex as Flex4,
-  Table as Table2,
-  Tbody as Tbody2,
-  Td as Td2,
-  Th as Th2,
-  Thead as Thead2,
-  Tr as Tr2,
-  Typography as Typography4
-} from "@strapi/design-system";
-import { Layouts as Layouts2, Page as Page2, useFetchClient as useFetchClient2 } from "@strapi/strapi/admin";
-import { useNavigate } from "react-router-dom";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function FormListPage({ canUpdate }) {
-  const client = useFetchClient2();
-  const { get } = client;
-  const navigate = useNavigate();
-  const [rows, setRows] = useState3([]);
-  const [loading, setLoading] = useState3(true);
-  const [error, setError] = useState3("");
-  const [busy, setBusy] = useState3(false);
-  const [removing, setRemoving] = useState3(null);
-  const lock = useRef3(false);
-  const load = useCallback2(async () => {
-    setLoading(true);
-    setError("");
-    try {
-      setRows(
-        (await get("/plugins/builder/forms")).data.data
-      );
-    } catch (cause) {
-      setError(errorMessage(cause));
-    } finally {
-      setLoading(false);
-    }
-  }, [get]);
-  useEffect2(() => {
-    void load();
-  }, [load]);
-  async function mutate(action) {
-    if (lock.current) return;
-    lock.current = true;
-    setBusy(true);
-    setError("");
-    try {
-      await action();
-    } catch (cause) {
-      setError(errorMessage(cause));
-    } finally {
-      lock.current = false;
-      setBusy(false);
-    }
+    ] });
   }
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsx5(
-      Layouts2.Header,
-      {
-        title: "Builder Forms",
-        subtitle: "Manage public form definitions and consent.",
-        primaryAction: canUpdate ? /* @__PURE__ */ jsx5(
-          Button3,
+  return /* @__PURE__ */ jsx5(
+    Modal.Root,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsxs5(Modal.Content, { children: [
+        /* @__PURE__ */ jsx5(
+          Modal.Header,
           {
-            disabled: busy,
-            onClick: () => navigate("/plugins/builder/forms/new"),
-            children: "Create form"
+            closeLabel: formatMessage({ id: "builder.common.cancel" }),
+            children: /* @__PURE__ */ jsx5(Modal.Title, { children: t(draft ? "settings" : "select") })
           }
-        ) : void 0
-      }
-    ),
-    /* @__PURE__ */ jsx5(Layouts2.Content, { children: /* @__PURE__ */ jsxs5(Flex4, { direction: "column", alignItems: "stretch", gap: 6, children: [
-      /* @__PURE__ */ jsx5(ErrorNotice, { message: error }),
-      error && /* @__PURE__ */ jsx5(Button3, { onClick: () => void load(), disabled: busy || loading, children: "Retry list" }),
-      /* @__PURE__ */ jsx5(Section, { title: "Forms", children: loading ? /* @__PURE__ */ jsx5(Page2.Loading, {}) : rows.length === 0 ? /* @__PURE__ */ jsx5(Typography4, { children: "No forms yet." }) : /* @__PURE__ */ jsxs5(Table2, { colCount: 5, rowCount: rows.length, children: [
-        /* @__PURE__ */ jsx5(Thead2, { children: /* @__PURE__ */ jsx5(Tr2, { children: ["Name", "Slug", "Target", "Version", "Actions"].map(
-          (name) => /* @__PURE__ */ jsx5(Th2, { children: /* @__PURE__ */ jsx5(Typography4, { variant: "sigma", children: name }) }, name)
-        ) }) }),
-        /* @__PURE__ */ jsx5(Tbody2, { children: rows.map((row) => /* @__PURE__ */ jsxs5(Tr2, { children: [
-          /* @__PURE__ */ jsx5(Td2, { children: /* @__PURE__ */ jsx5(Typography4, { children: row.name }) }),
-          /* @__PURE__ */ jsx5(Td2, { children: /* @__PURE__ */ jsx5(Typography4, { children: row.slug }) }),
-          /* @__PURE__ */ jsx5(Td2, { children: /* @__PURE__ */ jsx5(Typography4, { children: row.targetUid }) }),
-          /* @__PURE__ */ jsx5(Td2, { children: /* @__PURE__ */ jsx5(Typography4, { children: row.version }) }),
-          /* @__PURE__ */ jsx5(Td2, { children: /* @__PURE__ */ jsxs5(Flex4, { gap: 2, children: [
+        ),
+        /* @__PURE__ */ jsx5(Modal.Body, { children: /* @__PURE__ */ jsx5(Flex3, { direction: "column", alignItems: "stretch", gap: 4, children: !draft ? schema.map((field) => {
+          const selected = fields.some(
+            (item) => item.name === field.name
+          );
+          const Icon = icons[field.type] ?? Paragraph;
+          return /* @__PURE__ */ jsx5(
+            Box2,
+            {
+              padding: 4,
+              background: selected ? "neutral100" : "neutral0",
+              borderColor: "neutral200",
+              hasRadius: true,
+              style: { opacity: selected ? 0.6 : 1 },
+              children: /* @__PURE__ */ jsxs5(Flex3, { gap: 3, wrap: "wrap", children: [
+                /* @__PURE__ */ jsx5(Icon, { "aria-hidden": true }),
+                /* @__PURE__ */ jsx5(Typography4, { fontWeight: "bold", children: field.name }),
+                /* @__PURE__ */ jsx5(Typography4, { children: t(`types.${field.type}`) }),
+                field.required && /* @__PURE__ */ jsx5(Badge2, { children: t(selected ? "required" : "missing") }),
+                ["maxLength", "min", "max"].map(
+                  (key) => field[key] !== void 0 && /* @__PURE__ */ jsxs5(Badge2, { children: [
+                    t(key),
+                    ": ",
+                    field[key]
+                  ] }, key)
+                ),
+                field.options && /* @__PURE__ */ jsx5(Typography4, { children: field.options.map((option) => option.value).join(", ") }),
+                /* @__PURE__ */ jsx5(
+                  Button2,
+                  {
+                    type: "button",
+                    disabled: selected,
+                    variant: "secondary",
+                    onClick: () => setDraft({ ...structuredClone(field), label: "" }),
+                    children: t(selected ? "selected" : "choose")
+                  }
+                )
+              ] })
+            },
+            field.name
+          );
+        }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsxs5(Typography4, { children: [
+            draft.name,
+            " \xB7 ",
+            t(`types.${draft.type}`)
+          ] }),
+          input("label", true),
+          input("placeholder"),
+          input("help"),
+          /* @__PURE__ */ jsxs5(Field2.Root, { children: [
+            /* @__PURE__ */ jsx5(Field2.Label, { children: t("required") }),
+            /* @__PURE__ */ jsx5(
+              Toggle,
+              {
+                "aria-label": t("required"),
+                checked: draft.required,
+                disabled: attribute?.required,
+                onLabel: t("required"),
+                offLabel: t("optional"),
+                onChange: (event) => update({
+                  required: Boolean(attribute?.required) || event.target.checked
+                })
+              }
+            ),
+            attribute?.required && /* @__PURE__ */ jsx5(Typography4, { variant: "pi", children: t("schemaRequired") })
+          ] }),
+          /* @__PURE__ */ jsxs5(Field2.Root, { children: [
+            /* @__PURE__ */ jsx5(Field2.Label, { children: t("visibility") }),
             /* @__PURE__ */ jsxs5(
-              Button3,
+              SingleSelect2,
               {
-                variant: "secondary",
-                disabled: busy,
-                onClick: () => navigate(
-                  `/plugins/builder/forms/${row.documentId}`
-                ),
+                value: draft.visibility,
+                onChange: (value) => update({ visibility: value }),
                 children: [
-                  canUpdate ? "Edit" : "View",
-                  " ",
-                  row.name
+                  /* @__PURE__ */ jsx5(SingleSelectOption2, { value: "form", children: t("visible") }),
+                  /* @__PURE__ */ jsx5(SingleSelectOption2, { value: "hidden", children: t("hidden") })
                 ]
               }
             ),
+            /* @__PURE__ */ jsx5(Typography4, { variant: "pi", children: t("hiddenHint") })
+          ] }),
+          (["string", "text", "email"].includes(draft.type) ? ["maxLength"] : ["integer", "decimal"].includes(draft.type) ? ["min", "max"] : []).map((key) => /* @__PURE__ */ jsxs5(Field2.Root, { children: [
+            /* @__PURE__ */ jsx5(Field2.Label, { children: t(key) }),
             /* @__PURE__ */ jsx5(
-              Button3,
+              NumberInput,
               {
-                variant: "tertiary",
-                disabled: busy,
-                onClick: () => void mutate(
-                  async () => downloadForm(
-                    await formApi(client).export(row.documentId),
-                    row.slug
-                  )
-                ),
-                children: "Export"
+                "aria-label": t(key),
+                value: draft[key],
+                min: key === "maxLength" ? 1 : key === "min" ? attribute?.min : draft.min,
+                max: key === "maxLength" ? attribute?.maxLength : key === "max" ? attribute?.max : draft.max,
+                step: draft.type === "decimal" ? 0.01 : 1,
+                onValueChange: (value) => update({ [key]: value })
               }
             ),
-            canUpdate && /* @__PURE__ */ jsx5(
-              Button3,
+            attribute?.[key] !== void 0 && /* @__PURE__ */ jsxs5(Typography4, { variant: "pi", children: [
+              t("schemaLimit"),
+              ": ",
+              attribute[key]
+            ] })
+          ] }, key)),
+          draft.options?.map((option, index) => /* @__PURE__ */ jsxs5(Field2.Root, { required: true, children: [
+            /* @__PURE__ */ jsxs5(Field2.Label, { children: [
+              t("optionLabel"),
+              ": ",
+              option.value
+            ] }),
+            /* @__PURE__ */ jsx5(
+              TextInput,
               {
-                variant: "danger-light",
-                disabled: busy,
-                onClick: () => setRemoving(row),
-                children: "Delete"
+                value: option.label,
+                onChange: (event) => update({
+                  options: draft.options?.map(
+                    (item, at) => at === index ? { ...item, label: event.target.value } : item
+                  )
+                })
               }
             )
-          ] }) })
-        ] }, row.documentId)) })
-      ] }) }),
-      removing && /* @__PURE__ */ jsxs5(Section, { title: `Delete ${removing.name}?`, children: [
-        /* @__PURE__ */ jsx5(Typography4, { children: "This permanently deletes the form definition. Forms with submissions cannot be deleted." }),
-        /* @__PURE__ */ jsxs5(Flex4, { gap: 3, children: [
-          /* @__PURE__ */ jsx5(
-            Button3,
-            {
-              variant: "danger",
-              disabled: busy,
-              onClick: () => void mutate(async () => {
-                await formApi(client).remove(removing.documentId);
-                setRemoving(null);
-                await load();
-              }),
-              children: "Confirm delete"
-            }
-          ),
-          /* @__PURE__ */ jsx5(
-            Button3,
-            {
-              variant: "secondary",
-              disabled: busy,
-              onClick: () => setRemoving(null),
-              children: "Cancel"
-            }
-          )
+          ] }, option.value)),
+          invalid && /* @__PURE__ */ jsx5(Typography4, { textColor: "danger600", children: t("invalid") })
+        ] }) }) }),
+        /* @__PURE__ */ jsxs5(Modal.Footer, { children: [
+          /* @__PURE__ */ jsx5(Button2, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "builder.common.cancel" }) }),
+          /* @__PURE__ */ jsxs5(Flex3, { gap: 2, children: [
+            draft && !initial && /* @__PURE__ */ jsx5(Button2, { variant: "secondary", onClick: () => setDraft(void 0), children: t("back") }),
+            draft && /* @__PURE__ */ jsx5(Button2, { disabled: invalid, onClick: () => onApply(draft), children: t("apply") })
+          ] })
         ] })
-      ] }),
-      canUpdate && /* @__PURE__ */ jsx5(Section, { title: "Import form", children: /* @__PURE__ */ jsx5(
-        ImportForm,
-        {
-          disabled: busy,
-          onImport: async (value) => {
-            if (lock.current) return;
-            lock.current = true;
-            setBusy(true);
-            try {
-              const saved = await formApi(client).import(value);
-              navigate(`/plugins/builder/forms/${saved.documentId}`);
-            } finally {
-              lock.current = false;
-              setBusy(false);
-            }
-          }
-        }
-      ) })
-    ] }) })
-  ] });
+      ] })
+    }
+  );
 }
-var init_form_list_page = __esm({
-  "admin/src/form-list-page.tsx"() {
+var icons;
+var init_field_modal = __esm({
+  "admin/src/field-modal.tsx"() {
     "use strict";
-    init_api();
-    init_form();
-    init_ui();
-    init_import_form();
+    icons = {
+      string: Paragraph,
+      text: Paragraph,
+      email: Mail,
+      integer: Hashtag,
+      decimal: Hashtag,
+      boolean: Check,
+      enumeration: Code,
+      date: Calendar,
+      datetime: Calendar
+    };
   }
 });
 
 // admin/src/field-editor.tsx
-import { Button as Button4, Flex as Flex5, Typography as Typography5 } from "@strapi/design-system";
+import { useLayoutEffect, useRef as useRef2, useState as useState4 } from "react";
+import { useIntl as useIntl4 } from "react-intl";
+import {
+  Alert,
+  Badge as Badge3,
+  Button as Button3,
+  Flex as Flex4,
+  IconButton as IconButton2,
+  Table as Table2,
+  Tbody as Tbody2,
+  Td as Td2,
+  Th as Th2,
+  Thead as Thead2,
+  Tooltip,
+  Tr as Tr2,
+  Typography as Typography5
+} from "@strapi/design-system";
+import { ArrowDown, ArrowUp, Pencil, Trash } from "@strapi/icons";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function FieldEditor({
   fields,
@@ -810,165 +874,219 @@ function FieldEditor({
   disabled,
   onChange
 }) {
-  function update(index, field) {
-    onChange(fields.map((item, at) => at === index ? field : item));
+  const { formatMessage } = useIntl4();
+  const t = (key) => formatMessage({ id: `builder.forms.fields.${key}` });
+  const [modal, setModal] = useState4();
+  const [announcement, setAnnouncement] = useState4("");
+  const drag = useRef2(null);
+  const controls = useRef2(/* @__PURE__ */ new Map());
+  const returnFocus = useRef2(null);
+  const pendingFocus = useRef2(void 0);
+  useLayoutEffect(() => {
+    const key = pendingFocus.current;
+    if (key) {
+      const node = controls.current.get(key);
+      const alternative = controls.current.get(
+        key.endsWith(":up") ? key.slice(0, -2) + "down" : key.slice(0, -4) + "up"
+      );
+      (node?.disabled ? alternative : node)?.focus();
+      pendingFocus.current = void 0;
+    }
+    if (modal === void 0) {
+      returnFocus.current?.focus();
+      returnFocus.current = null;
+    }
+  }, [fields, modal]);
+  function openModal(value, trigger) {
+    returnFocus.current = trigger;
+    setModal(value);
   }
-  return /* @__PURE__ */ jsxs6(Section, { title: "Fields", children: [
-    /* @__PURE__ */ jsx6(Typography5, { children: "Select target fields, then adjust their order and presentation. Required target fields cannot be removed or made optional. Hidden fields remain part of submission validation." }),
-    /* @__PURE__ */ jsx6(Flex5, { wrap: "wrap", gap: 4, children: schema.map((item) => /* @__PURE__ */ jsxs6("label", { children: [
-      /* @__PURE__ */ jsx6(
-        "input",
-        {
-          type: "checkbox",
-          checked: fields.some((field) => field.name === item.name),
-          disabled: disabled || item.required,
-          onChange: (event) => onChange(
-            event.target.checked ? [...fields, { ...item }] : fields.filter((field) => field.name !== item.name)
-          )
-        }
-      ),
-      " ",
-      item.name,
-      item.required ? " (schema required)" : ""
-    ] }, item.name)) }),
-    fields.map((field, index) => {
-      const attribute = schema.find((item) => item.name === field.name);
-      return /* @__PURE__ */ jsxs6(
-        Section,
-        {
-          title: `${index + 1}. ${field.name} (${field.type})`,
-          children: [
-            /* @__PURE__ */ jsxs6(Flex5, { gap: 3, children: [
-              /* @__PURE__ */ jsxs6(
-                Button4,
-                {
-                  type: "button",
-                  variant: "secondary",
-                  disabled: disabled || index === 0,
-                  onClick: () => onChange(moveField(fields, index, -1)),
-                  children: [
-                    "Move ",
-                    field.name,
-                    " up"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs6(
-                Button4,
-                {
-                  type: "button",
-                  variant: "secondary",
-                  disabled: disabled || index === fields.length - 1,
-                  onClick: () => onChange(moveField(fields, index, 1)),
-                  children: [
-                    "Move ",
-                    field.name,
-                    " down"
-                  ]
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx6(
-              TextField,
-              {
-                label: "Label",
-                required: true,
-                disabled,
-                value: field.label,
-                onChange: (label) => update(index, { ...field, label })
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              TextField,
-              {
-                label: "Placeholder",
-                disabled,
-                value: field.placeholder ?? "",
-                onChange: (placeholder) => update(index, { ...field, placeholder })
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              TextField,
-              {
-                label: "Help text",
-                disabled,
-                value: field.help ?? "",
-                onChange: (help) => update(index, { ...field, help })
-              }
-            ),
-            /* @__PURE__ */ jsxs6("label", { children: [
-              /* @__PURE__ */ jsx6(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: field.required,
-                  disabled: disabled || !attribute || attribute.required,
-                  onChange: (event) => {
-                    if (attribute)
-                      update(
-                        index,
-                        setRequired(field, event.target.checked, attribute)
-                      );
+  const missing = missingRequired(fields, schema);
+  const legacy = fields.filter(
+    (field) => !schema.some(
+      (item) => item.name === field.name && item.type === field.type
+    )
+  );
+  function reorder(from, to, control) {
+    if (disabled || from === to || to < 0 || to >= fields.length) return;
+    const next = [...fields];
+    const [field] = next.splice(from, 1);
+    if (!field) return;
+    next.splice(to, 0, field);
+    pendingFocus.current = control ? `${field.name}:${control}` : void 0;
+    onChange(next);
+    setAnnouncement(
+      formatMessage(
+        { id: "builder.forms.fields.moved" },
+        { name: field.label, position: to + 1, total: fields.length }
+      )
+    );
+  }
+  return /* @__PURE__ */ jsxs6(Flex4, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsx6(Typography5, { children: t("description") }),
+    missing.length > 0 && /* @__PURE__ */ jsx6(
+      Alert,
+      {
+        closeLabel: t("dismiss"),
+        variant: "warning",
+        title: t("missingRequired"),
+        action: /* @__PURE__ */ jsx6(
+          Button3,
+          {
+            disabled,
+            onClick: (event) => openModal(null, event.currentTarget),
+            children: t("add")
+          }
+        ),
+        children: missing.map((field) => field.name).join(", ")
+      }
+    ),
+    legacy.length > 0 && /* @__PURE__ */ jsx6(
+      Alert,
+      {
+        closeLabel: t("dismiss"),
+        variant: "warning",
+        title: t("legacyTitle"),
+        children: t("legacy")
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      Button3,
+      {
+        disabled: disabled || !schema.length,
+        onClick: (event) => openModal(null, event.currentTarget),
+        children: t("add")
+      }
+    ),
+    /* @__PURE__ */ jsx6("div", { role: "status", "aria-live": "polite", children: announcement }),
+    /* @__PURE__ */ jsxs6(Table2, { colCount: 5, rowCount: fields.length, children: [
+      /* @__PURE__ */ jsx6(Thead2, { children: /* @__PURE__ */ jsx6(Tr2, { children: ["order", "label", "type", "constraints", "actions"].map((key) => /* @__PURE__ */ jsx6(Th2, { children: /* @__PURE__ */ jsx6(Typography5, { variant: "sigma", children: t(key) }) }, key)) }) }),
+      /* @__PURE__ */ jsx6(Tbody2, { children: fields.map((field, index) => {
+        const attribute = schema.find((item) => item.name === field.name);
+        return /* @__PURE__ */ jsxs6(
+          Tr2,
+          {
+            draggable: !disabled,
+            onDragStart: (event) => {
+              drag.current = index;
+              event.dataTransfer.setData("text/plain", field.name);
+              event.dataTransfer.effectAllowed = "move";
+            },
+            onDragEnd: () => {
+              drag.current = null;
+            },
+            onDragOver: (event) => event.preventDefault(),
+            onDrop: (event) => {
+              event.preventDefault();
+              if (drag.current !== null) reorder(drag.current, index);
+              drag.current = null;
+            },
+            children: [
+              /* @__PURE__ */ jsx6(Td2, { children: /* @__PURE__ */ jsx6(Flex4, { gap: 1, children: [-1, 1].map((direction) => {
+                const key = direction < 0 ? "up" : "down";
+                return /* @__PURE__ */ jsx6(
+                  IconButton2,
+                  {
+                    ref: (node) => {
+                      const control = `${field.name}:${key}`;
+                      if (node) controls.current.set(control, node);
+                      else controls.current.delete(control);
+                    },
+                    label: formatMessage(
+                      { id: `builder.forms.fields.${key}` },
+                      { name: field.label }
+                    ),
+                    disabled: disabled || (direction < 0 ? index === 0 : index === fields.length - 1),
+                    onClick: () => reorder(index, index + direction, key),
+                    children: direction < 0 ? /* @__PURE__ */ jsx6(ArrowUp, {}) : /* @__PURE__ */ jsx6(ArrowDown, {})
+                  },
+                  key
+                );
+              }) }) }),
+              /* @__PURE__ */ jsxs6(Td2, { children: [
+                /* @__PURE__ */ jsx6(
+                  Typography5,
+                  {
+                    fontWeight: "bold",
+                    style: { whiteSpace: "normal", overflowWrap: "anywhere" },
+                    children: field.label
                   }
-                }
-              ),
-              " ",
-              "Required",
-              attribute?.required ? " (required by target schema)" : ""
-            ] }),
-            /* @__PURE__ */ jsxs6("label", { children: [
-              /* @__PURE__ */ jsx6(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: field.visibility === "hidden",
-                  disabled,
-                  onChange: (event) => update(index, {
-                    ...field,
-                    visibility: event.target.checked ? "hidden" : "form"
-                  })
-                }
-              ),
-              " ",
-              "Hidden from form"
-            ] }),
-            (field.maxLength !== void 0 || field.min !== void 0 || field.max !== void 0) && /* @__PURE__ */ jsxs6(Typography5, { variant: "pi", children: [
-              "Constraints:",
-              " ",
-              JSON.stringify({
-                maxLength: field.maxLength,
-                min: field.min,
-                max: field.max
-              })
-            ] }),
-            field.options?.map((option, optionIndex) => /* @__PURE__ */ jsx6(
-              TextField,
-              {
-                label: `Option label: ${option.value}`,
-                required: true,
-                disabled,
-                value: option.label,
-                onChange: (label) => update(index, {
-                  ...field,
-                  options: field.options?.map(
-                    (item, at) => at === optionIndex ? { ...item, label } : item
-                  )
-                })
-              },
-              option.value
-            ))
-          ]
-        },
-        field.name
-      );
-    })
+                ),
+                /* @__PURE__ */ jsx6(Typography5, { tag: "div", variant: "pi", children: field.name })
+              ] }),
+              /* @__PURE__ */ jsx6(Td2, { children: /* @__PURE__ */ jsx6(Typography5, { children: t(`types.${field.type}`) }) }),
+              /* @__PURE__ */ jsx6(Td2, { children: /* @__PURE__ */ jsxs6(Flex4, { gap: 1, wrap: "wrap", children: [
+                field.required && /* @__PURE__ */ jsx6(Badge3, { children: t("required") }),
+                field.visibility === "hidden" && /* @__PURE__ */ jsx6(Badge3, { children: t("hidden") }),
+                field.maxLength !== void 0 && /* @__PURE__ */ jsxs6(Badge3, { children: [
+                  t("maxLength"),
+                  ": ",
+                  field.maxLength
+                ] })
+              ] }) }),
+              /* @__PURE__ */ jsx6(Td2, { children: /* @__PURE__ */ jsxs6(Flex4, { gap: 1, children: [
+                /* @__PURE__ */ jsx6(
+                  IconButton2,
+                  {
+                    label: formatMessage(
+                      { id: "builder.forms.fields.edit" },
+                      { name: field.label }
+                    ),
+                    disabled: disabled || !attribute,
+                    onClick: (event) => openModal(field, event.currentTarget),
+                    children: /* @__PURE__ */ jsx6(Pencil, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  Tooltip,
+                  {
+                    label: attribute?.required ? t("schemaRequired") : t("remove"),
+                    children: /* @__PURE__ */ jsx6("span", { tabIndex: attribute?.required ? 0 : void 0, children: /* @__PURE__ */ jsx6(
+                      IconButton2,
+                      {
+                        label: formatMessage(
+                          { id: "builder.forms.fields.removeName" },
+                          { name: field.label }
+                        ),
+                        disabled: disabled || attribute?.required,
+                        onClick: () => onChange(fields.filter((_, at) => at !== index)),
+                        children: /* @__PURE__ */ jsx6(Trash, {})
+                      }
+                    ) })
+                  }
+                )
+              ] }) })
+            ]
+          },
+          field.name
+        );
+      }) })
+    ] }),
+    !fields.length && /* @__PURE__ */ jsx6(Typography5, { children: t("empty") }),
+    modal !== void 0 && !disabled && /* @__PURE__ */ jsx6(
+      FieldModal,
+      {
+        fields,
+        schema,
+        initial: modal ?? void 0,
+        onClose: () => setModal(void 0),
+        onApply: (field) => {
+          onChange(
+            modal ? fields.map(
+              (item) => item.name === modal.name ? field : item
+            ) : [...fields, field]
+          );
+          setModal(void 0);
+        }
+      }
+    )
   ] });
 }
 var init_field_editor = __esm({
   "admin/src/field-editor.tsx"() {
     "use strict";
     init_form();
-    init_ui();
+    init_field_modal();
   }
 });
 
@@ -990,7 +1108,7 @@ function templateError(value, fields) {
   });
   return invalid || rest.includes("{{") || rest.includes("}}") ? "Use only the available placeholders." : "";
 }
-function notificationErrors(config, fields) {
+function notificationErrors(config, fields, translate) {
   const errors = {};
   if (config.email) {
     if (config.email.replyToField && !fields.some(
@@ -1015,6 +1133,17 @@ function notificationErrors(config, fields) {
       errors.url = "Enter an HTTP or HTTPS URL without credentials.";
     }
   }
+  if (translate) {
+    const keys = {
+      replyToField: "replyToError",
+      subject: "templateError",
+      body: "templateError",
+      to: "recipientsError",
+      cc: "recipientsError",
+      url: "urlError"
+    };
+    for (const key of Object.keys(errors)) errors[key] = translate(keys[key]);
+  }
   return errors;
 }
 function samplePayload(fields, values) {
@@ -1050,8 +1179,20 @@ var init_notifications = __esm({
 });
 
 // admin/src/notification-editor.tsx
-import { useState as useState4 } from "react";
-import { Button as Button5, Flex as Flex6, Typography as Typography6 } from "@strapi/design-system";
+import { useIntl as useIntl5 } from "react-intl";
+import { useState as useState5 } from "react";
+import {
+  Button as Button4,
+  Field as Field3,
+  Flex as Flex5,
+  Popover,
+  SingleSelect as SingleSelect3,
+  SingleSelectOption as SingleSelectOption3,
+  TextInput as TextInput2,
+  Textarea,
+  Toggle as Toggle2,
+  Typography as Typography6
+} from "@strapi/design-system";
 import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function NotificationEditor({
   value,
@@ -1062,8 +1203,10 @@ function NotificationEditor({
   disabled,
   saveError
 }) {
-  const [target, setTarget] = useState4("body");
-  const errors = notificationErrors(value, fields);
+  const { formatMessage } = useIntl5();
+  const t = (key, values) => formatMessage({ id: `builder.notifications.${key}` }, values);
+  const [target, setTarget] = useState5("body");
+  const errors = notificationErrors(value, fields, (key) => t(key));
   function toggle(channel, enabled) {
     const next = { ...value };
     if (!enabled) delete next[channel];
@@ -1071,44 +1214,45 @@ function NotificationEditor({
       next.email = {
         to: [],
         cc: [],
-        subject: "New submission: {{form.name}}",
-        body: "Submission {{submission.id}} received at {{submission.receivedAt}}"
+        subject: t("defaultSubject"),
+        body: t("defaultBody")
       };
     else next.webhook = { url: "" };
     onChange(next);
   }
-  return /* @__PURE__ */ jsxs7(Section, { title: "Notifications", children: [
+  return /* @__PURE__ */ jsxs7(Section, { title: t("notifications"), children: [
     /* @__PURE__ */ jsx7(
-      Button5,
+      Button4,
       {
         type: "button",
         variant: "tertiary",
         onClick: onOpen,
         disabled: opened,
-        children: opened ? "Notification settings opened" : "Open notification settings"
+        children: opened ? t("opened") : t("open")
       }
     ),
     opened && /* @__PURE__ */ jsxs7(Fragment3, { children: [
-      /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Enable a channel to send notifications. Changes take effect after saving the form." }),
+      /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: t("hint") }),
       saveError.startsWith("notifications:") && /* @__PURE__ */ jsx7(ErrorNotice, { message: saveError }),
-      /* @__PURE__ */ jsxs7("label", { children: [
+      /* @__PURE__ */ jsxs7(Field3.Root, { children: [
+        /* @__PURE__ */ jsx7(Field3.Label, { children: t("email") }),
         /* @__PURE__ */ jsx7(
-          "input",
+          Toggle2,
           {
-            type: "checkbox",
+            "aria-label": t("email"),
+            onLabel: t("on"),
+            offLabel: t("off"),
             disabled,
             checked: Boolean(value.email),
             onChange: (event) => toggle("email", event.target.checked)
           }
-        ),
-        " ",
-        "Email notifications"
+        )
       ] }),
       value.email && /* @__PURE__ */ jsxs7(Fragment3, { children: [
         ["to", "cc"].map((key) => /* @__PURE__ */ jsx7(
-          TextField,
+          NativeField,
           {
-            label: key === "to" ? "To (one address per line)" : "Cc (one address per line)",
+            label: key === "to" ? t("to") : t("cc"),
             multiline: true,
             value: (value.email?.[key] ?? []).join("\n"),
             disabled,
@@ -1120,26 +1264,23 @@ function NotificationEditor({
           },
           key
         )),
-        /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Use fixed email addresses. Empty lines are ignored when saving." }),
-        /* @__PURE__ */ jsxs7("label", { children: [
-          "Reply-to field",
+        /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: t("recipientsHint") }),
+        /* @__PURE__ */ jsxs7(Field3.Root, { error: errors.replyToField, children: [
+          /* @__PURE__ */ jsx7(Field3.Label, { children: t("replyTo") }),
           /* @__PURE__ */ jsxs7(
-            "select",
+            SingleSelect3,
             {
-              style: { width: "100%", padding: 10 },
               disabled,
               value: value.email.replyToField ?? "",
-              "aria-invalid": Boolean(errors.replyToField),
-              onChange: (event) => {
+              onChange: (next) => {
                 const email = { ...value.email };
                 delete email.replyToField;
-                if (event.target.value)
-                  email.replyToField = event.target.value;
+                if (next) email.replyToField = String(next);
                 onChange({ ...value, email });
               },
               children: [
-                /* @__PURE__ */ jsx7("option", { value: "", children: "None" }),
-                fields.filter((field) => field.type === "email").map((field) => /* @__PURE__ */ jsxs7("option", { value: field.name, children: [
+                /* @__PURE__ */ jsx7(SingleSelectOption3, { value: "", children: t("none") }),
+                fields.filter((field) => field.type === "email").map((field) => /* @__PURE__ */ jsxs7(SingleSelectOption3, { value: field.name, children: [
                   field.label,
                   " (",
                   field.name,
@@ -1147,13 +1288,13 @@ function NotificationEditor({
                 ] }, field.name))
               ]
             }
-          )
+          ),
+          /* @__PURE__ */ jsx7(Field3.Error, {})
         ] }),
-        errors.replyToField && /* @__PURE__ */ jsx7(ErrorNotice, { message: errors.replyToField }),
         /* @__PURE__ */ jsx7(
-          TextField,
+          NativeField,
           {
-            label: "Email subject",
+            label: t("subject"),
             value: value.email.subject,
             disabled,
             error: errors.subject,
@@ -1161,9 +1302,9 @@ function NotificationEditor({
           }
         ),
         /* @__PURE__ */ jsx7(
-          TextField,
+          NativeField,
           {
-            label: "Email body",
+            label: t("body"),
             multiline: true,
             value: value.email.body,
             disabled,
@@ -1171,67 +1312,80 @@ function NotificationEditor({
             onChange: (body) => onChange({ ...value, email: { ...value.email, body } })
           }
         ),
-        /* @__PURE__ */ jsxs7("label", { children: [
-          "Insert placeholder into",
+        /* @__PURE__ */ jsxs7(Field3.Root, { children: [
+          /* @__PURE__ */ jsx7(Field3.Label, { children: t("insertTarget") }),
           /* @__PURE__ */ jsxs7(
-            "select",
+            SingleSelect3,
             {
-              style: { width: "100%", padding: 10 },
               disabled,
               value: target,
-              onChange: (event) => setTarget(
-                event.target.value === "subject" ? "subject" : "body"
-              ),
+              onChange: (next) => setTarget(next === "subject" ? "subject" : "body"),
               children: [
-                /* @__PURE__ */ jsx7("option", { value: "subject", children: "Subject" }),
-                /* @__PURE__ */ jsx7("option", { value: "body", children: "Body" })
+                /* @__PURE__ */ jsx7(SingleSelectOption3, { value: "subject", children: t("subject") }),
+                /* @__PURE__ */ jsx7(SingleSelectOption3, { value: "body", children: t("body") })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx7(Flex6, { gap: 2, wrap: "wrap", children: placeholders(fields).map((key) => /* @__PURE__ */ jsx7(
-          Button5,
-          {
-            type: "button",
-            style: {
-              maxWidth: "100%",
-              height: "auto",
-              whiteSpace: "normal",
-              overflowWrap: "anywhere"
-            },
-            size: "S",
-            variant: "tertiary",
-            disabled,
-            onClick: () => onChange({
-              ...value,
-              email: {
-                ...value.email,
-                [target]: `${value.email[target]}{{${key}}}`
-              }
-            }),
-            children: `{{${key}}}`
-          },
-          key
-        )) })
+        /* @__PURE__ */ jsxs7(Popover.Root, { children: [
+          /* @__PURE__ */ jsx7(Popover.Trigger, { children: /* @__PURE__ */ jsx7(Button4, { type: "button", variant: "tertiary", disabled, children: t("insert") }) }),
+          /* @__PURE__ */ jsx7(
+            Popover.Content,
+            {
+              "aria-label": t("placeholderList"),
+              collisionPadding: 16,
+              style: {
+                width: "min(480px, calc(100vw - 32px))",
+                maxWidth: "var(--radix-popover-content-available-width)",
+                boxSizing: "border-box"
+              },
+              children: /* @__PURE__ */ jsx7(Flex5, { gap: 2, wrap: "wrap", children: placeholders(fields).map((key) => /* @__PURE__ */ jsx7(
+                Button4,
+                {
+                  type: "button",
+                  style: {
+                    maxWidth: "100%",
+                    height: "auto",
+                    whiteSpace: "normal",
+                    overflowWrap: "anywhere"
+                  },
+                  size: "S",
+                  variant: "tertiary",
+                  disabled,
+                  onClick: () => onChange({
+                    ...value,
+                    email: {
+                      ...value.email,
+                      [target]: `${value.email[target]}{{${key}}}`
+                    }
+                  }),
+                  children: `{{${key}}}`
+                },
+                key
+              )) })
+            }
+          )
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs7("label", { children: [
+      /* @__PURE__ */ jsxs7(Field3.Root, { children: [
+        /* @__PURE__ */ jsx7(Field3.Label, { children: t("webhook") }),
         /* @__PURE__ */ jsx7(
-          "input",
+          Toggle2,
           {
-            type: "checkbox",
+            "aria-label": t("webhook"),
+            onLabel: t("on"),
+            offLabel: t("off"),
             disabled,
             checked: Boolean(value.webhook),
             onChange: (event) => toggle("webhook", event.target.checked)
           }
-        ),
-        " ",
-        "Webhook notifications"
+        )
       ] }),
       value.webhook && /* @__PURE__ */ jsxs7(Fragment3, { children: [
         /* @__PURE__ */ jsx7(
-          TextField,
+          NativeField,
           {
-            label: "Webhook URL",
+            label: t("url"),
             value: value.webhook.url,
             disabled,
             error: errors.url,
@@ -1239,9 +1393,9 @@ function NotificationEditor({
           }
         ),
         /* @__PURE__ */ jsx7(
-          TextField,
+          NativeField,
           {
-            label: "Webhook secret",
+            label: t("secret"),
             secret: true,
             value: value.webhook.secret ?? "",
             disabled,
@@ -1253,19 +1407,19 @@ function NotificationEditor({
             }
           }
         ),
-        /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Stored secrets and header values appear as ********. Leave them untouched to preserve them, or enter a replacement. Clear a secret or remove a header to delete it." }),
+        /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: t("maskHint") }),
         Object.entries(value.webhook.headers ?? {}).map(
           ([name, header]) => /* @__PURE__ */ jsxs7(
-            Flex6,
+            Flex5,
             {
               direction: "column",
               alignItems: "stretch",
               gap: 2,
               children: [
                 /* @__PURE__ */ jsx7(
-                  TextField,
+                  NativeField,
                   {
-                    label: `Header: ${name}`,
+                    label: t("header", { name }),
                     secret: true,
                     value: header,
                     disabled,
@@ -1281,8 +1435,8 @@ function NotificationEditor({
                     })
                   }
                 ),
-                /* @__PURE__ */ jsxs7(
-                  Button5,
+                /* @__PURE__ */ jsx7(
+                  Button4,
                   {
                     type: "button",
                     variant: "tertiary",
@@ -1295,10 +1449,7 @@ function NotificationEditor({
                         webhook: { ...value.webhook, headers }
                       });
                     },
-                    children: [
-                      "Remove ",
-                      name
-                    ]
+                    children: t("remove", { name })
                   }
                 )
               ]
@@ -1329,30 +1480,32 @@ function AddHeader({
   names,
   onAdd
 }) {
-  const [name, setName] = useState4("");
-  const [value, setValue] = useState4("");
+  const { formatMessage } = useIntl5();
+  const t = (key) => formatMessage({ id: `builder.notifications.${key}` });
+  const [name, setName] = useState5("");
+  const [value, setValue] = useState5("");
   return /* @__PURE__ */ jsxs7(Fragment3, { children: [
     /* @__PURE__ */ jsx7(
-      TextField,
+      NativeField,
       {
-        label: "New header name",
+        label: t("headerName"),
         value: name,
         disabled,
         onChange: setName
       }
     ),
     /* @__PURE__ */ jsx7(
-      TextField,
+      NativeField,
       {
-        label: "New header value",
+        label: t("headerValue"),
         secret: true,
         value,
         disabled,
         onChange: setValue
       }
     ),
-    /* @__PURE__ */ jsx7(
-      Button5,
+    /* @__PURE__ */ jsxs7(
+      Button4,
       {
         type: "button",
         variant: "tertiary",
@@ -1362,7 +1515,10 @@ function AddHeader({
           setName("");
           setValue("");
         },
-        children: "Add header"
+        children: [
+          t("addHeader"),
+          " "
+        ]
       }
     )
   ] });
@@ -1372,48 +1528,56 @@ function NotificationTest({
   disabled,
   send
 }) {
-  const [values, setValues] = useState4({});
-  const [results, setResults] = useState4(null);
-  const [error, setError] = useState4("");
-  const [errors, setErrors] = useState4({});
-  const [busy, setBusy] = useState4(false);
-  return /* @__PURE__ */ jsxs7(Section, { title: "Test notifications", children: [
-    /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Sends real notifications using the saved settings and these sample values, including hidden fields. Save all changes before testing. No submission record is created." }),
-    disabled && /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: "Testing requires a saved form, no unsaved changes and forms.update permission." }),
-    fields.map((field) => /* @__PURE__ */ jsx7("div", { style: { display: "grid", gap: 6 }, children: field.type === "boolean" ? /* @__PURE__ */ jsxs7("label", { children: [
-      /* @__PURE__ */ jsxs7(Typography6, { children: [
-        field.label,
-        " (",
-        field.name,
-        ")",
-        field.visibility === "hidden" ? " \xB7 hidden" : ""
-      ] }),
-      /* @__PURE__ */ jsxs7(
-        "select",
+  const { formatMessage } = useIntl5();
+  const t = (key, values2) => formatMessage({ id: `builder.notifications.${key}` }, values2);
+  const [values, setValues] = useState5({});
+  const [results, setResults] = useState5(null);
+  const [error, setError] = useState5("");
+  const [errors, setErrors] = useState5({});
+  const [busy, setBusy] = useState5(false);
+  return /* @__PURE__ */ jsxs7(Section, { title: t("testTitle"), children: [
+    /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: t("testHint") }),
+    disabled && /* @__PURE__ */ jsx7(Typography6, { variant: "pi", children: t("testDisabled") }),
+    fields.map((field) => {
+      const label = `${field.label} (${field.name})${field.visibility === "hidden" ? ` \xB7 ${t("hidden")}` : ""}`;
+      const error2 = errors[field.name] ? t(
+        ["required", "invalid", "maxLength", "min", "max"].includes(
+          errors[field.name]
+        ) ? `sample.${errors[field.name]}` : "sampleError"
+      ) : void 0;
+      const update = (next) => setValues({ ...values, [field.name]: next });
+      return field.type === "boolean" || field.type === "enumeration" ? /* @__PURE__ */ jsxs7(Field3.Root, { required: field.required, error: error2, children: [
+        /* @__PURE__ */ jsx7(Field3.Label, { children: label }),
+        /* @__PURE__ */ jsxs7(
+          SingleSelect3,
+          {
+            disabled: disabled || busy,
+            value: values[field.name] ?? "",
+            onChange: (next) => update(String(next ?? "")),
+            children: [
+              /* @__PURE__ */ jsx7(SingleSelectOption3, { value: "", children: t("choose") }),
+              field.type === "boolean" ? ["true", "false"].map((value) => /* @__PURE__ */ jsx7(SingleSelectOption3, { value, children: t(value) }, value)) : field.options?.map((option) => /* @__PURE__ */ jsx7(SingleSelectOption3, { value: option.value, children: option.label }, option.value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx7(Field3.Error, {})
+      ] }, field.name) : /* @__PURE__ */ jsx7(
+        NativeField,
         {
-          disabled: disabled || busy,
+          label,
+          required: field.required,
+          type: ["integer", "decimal"].includes(field.type) ? "number" : field.type === "email" ? "email" : field.type === "date" ? "date" : "text",
+          multiline: field.type === "text",
           value: values[field.name] ?? "",
-          onChange: (event) => setValues({ ...values, [field.name]: event.target.value }),
-          children: [
-            /* @__PURE__ */ jsx7("option", { value: "", children: "Choose a value" }),
-            /* @__PURE__ */ jsx7("option", { value: "true", children: "True" }),
-            /* @__PURE__ */ jsx7("option", { value: "false", children: "False" })
-          ]
-        }
-      ),
-      errors[field.name] && /* @__PURE__ */ jsx7(ErrorNotice, { message: errors[field.name] ?? "" })
-    ] }) : /* @__PURE__ */ jsx7(
-      TextField,
-      {
-        label: `${field.label} (${field.name})${field.visibility === "hidden" ? " \xB7 hidden" : ""}`,
-        value: values[field.name] ?? "",
-        disabled: disabled || busy,
-        error: errors[field.name],
-        onChange: (next) => setValues({ ...values, [field.name]: next })
-      }
-    ) }, field.name)),
+          disabled: disabled || busy,
+          error: error2,
+          onChange: update
+        },
+        field.name
+      );
+    }),
     /* @__PURE__ */ jsx7(
-      Button5,
+      Button4,
       {
         type: "button",
         disabled: disabled || busy,
@@ -1431,12 +1595,12 @@ function NotificationTest({
             setBusy(false);
           }
         },
-        children: busy ? "Sending test\u2026" : "Send test notifications"
+        children: busy ? t("sending") : t("send")
       }
     ),
     /* @__PURE__ */ jsx7(ErrorNotice, { message: error }),
     /* @__PURE__ */ jsxs7("div", { "aria-live": "polite", children: [
-      results?.length === 0 && /* @__PURE__ */ jsx7(Typography6, { children: "No notification channels are enabled in the saved settings." }),
+      results?.length === 0 && /* @__PURE__ */ jsx7(Typography6, { children: t("noChannels") }),
       results?.map((delivery) => /* @__PURE__ */ jsx7(
         "div",
         {
@@ -1446,14 +1610,14 @@ function NotificationTest({
             {
               textColor: delivery.status === "sent" ? "success700" : "danger700",
               children: [
-                delivery.channel,
-                ":",
-                " ",
-                delivery.status === "sent" ? "Success" : "Failed",
+                t(
+                  delivery.channel === "email" ? "email" : delivery.channel === "webhook" ? "webhook" : "afterSave"
+                ),
+                ": ",
+                delivery.status === "sent" ? t("sent") : t("failed"),
                 " \xB7",
                 " ",
-                delivery.attempts,
-                " attempt(s)",
+                t("attempts", { count: delivery.attempts }),
                 delivery.lastError ? ` \xB7 ${delivery.lastError}` : "",
                 delivery.sentAt ? ` \xB7 ${delivery.sentAt}` : ""
               ]
@@ -1465,6 +1629,40 @@ function NotificationTest({
     ] })
   ] });
 }
+function NativeField({
+  label,
+  value,
+  onChange,
+  disabled,
+  error,
+  multiline,
+  secret,
+  required,
+  type = "text"
+}) {
+  return /* @__PURE__ */ jsxs7(Field3.Root, { error, required, children: [
+    /* @__PURE__ */ jsx7(Field3.Label, { children: label }),
+    multiline ? /* @__PURE__ */ jsx7(
+      Textarea,
+      {
+        value,
+        disabled,
+        onChange: (event) => onChange(event.target.value)
+      }
+    ) : /* @__PURE__ */ jsx7(
+      TextInput2,
+      {
+        autoComplete: secret ? "new-password" : void 0,
+        type: secret ? "password" : type,
+        step: type === "number" ? "any" : void 0,
+        value,
+        disabled,
+        onChange: (event) => onChange(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx7(Field3.Error, {})
+  ] });
+}
 var init_notification_editor = __esm({
   "admin/src/notification-editor.tsx"() {
     "use strict";
@@ -1475,30 +1673,53 @@ var init_notification_editor = __esm({
 });
 
 // admin/src/form-editor-page.tsx
-import { useEffect as useEffect3, useRef as useRef4, useState as useState5 } from "react";
-import { Button as Button6, Flex as Flex7, Typography as Typography7 } from "@strapi/design-system";
-import { Layouts as Layouts3, Page as Page3, useFetchClient as useFetchClient3 } from "@strapi/strapi/admin";
+import { useIntl as useIntl6 } from "react-intl";
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState6 } from "react";
+import {
+  Alert as Alert2,
+  Badge as Badge4,
+  Button as Button5,
+  Combobox,
+  ComboboxOption,
+  Field as Field4,
+  Flex as Flex6,
+  Tabs,
+  TextInput as TextInput3,
+  Textarea as Textarea2,
+  Typography as Typography7
+} from "@strapi/design-system";
+import { Layouts as Layouts2, Page as Page2, useFetchClient as useFetchClient3 } from "@strapi/strapi/admin";
 import { useNavigate as useNavigate2, useParams } from "react-router-dom";
 import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function FormEditorPage({ canUpdate }) {
+  const { formatMessage } = useIntl6();
+  const t = useCallback2((id) => formatMessage({ id }), [formatMessage]);
   const { documentId } = useParams();
   const client = useFetchClient3();
   const { get } = client;
   const navigate = useNavigate2();
-  const [draft, setDraft] = useState5(emptyForm);
-  const [notificationsOpened, setNotificationsOpened] = useState5(false);
-  const [savedDraft, setSavedDraft] = useState5("");
-  const [version, setVersion] = useState5(null);
-  const [targets, setTargets] = useState5([]);
-  const [schema, setSchema] = useState5([]);
-  const [loading, setLoading] = useState5(true);
-  const [fieldsLoading, setFieldsLoading] = useState5(false);
-  const [error, setError] = useState5("");
-  const [loaded, setLoaded] = useState5(false);
-  const [busy, setBusy] = useState5(false);
-  const [retry, setRetry] = useState5(0);
-  const lock = useRef4(false);
-  const targetRequest = useRef4(0);
+  const [draft, setDraft] = useState6(createEmptyForm);
+  const [slugEdited, setSlugEdited] = useState6(false);
+  const [hasSubmissions, setHasSubmissions] = useState6(false);
+  const [targetChanged, setTargetChanged] = useState6(false);
+  const [tab, setTab] = useState6("basics");
+  const [invalidTabs, setInvalidTabs] = useState6([]);
+  const [notificationsOpened, setNotificationsOpened] = useState6(false);
+  const [savedConsent, setSavedConsent] = useState6(
+    null
+  );
+  const [savedDraft, setSavedDraft] = useState6("");
+  const [version, setVersion] = useState6(null);
+  const [targets, setTargets] = useState6([]);
+  const [schema, setSchema] = useState6([]);
+  const [loading, setLoading] = useState6(true);
+  const [fieldsLoading, setFieldsLoading] = useState6(false);
+  const [error, setError] = useState6("");
+  const [loaded, setLoaded] = useState6(false);
+  const [busy, setBusy] = useState6(false);
+  const [retry, setRetry] = useState6(0);
+  const lock = useRef3(false);
+  const targetRequest = useRef3(0);
   useEffect3(() => {
     let active = true;
     setLoading(true);
@@ -1515,15 +1736,14 @@ function FormEditorPage({ canUpdate }) {
         const attrs = saved ? await api.fields(saved.targetUid) : [];
         if (!active) return;
         setTargets(available);
-        setDraft(
-          saved ?? {
-            ...emptyForm,
-            fields: [],
-            consent: { ...emptyForm.consent }
-          }
-        );
+        setDraft(saved ?? createEmptyForm());
+        setSavedConsent(saved ? { ...saved.consent } : null);
         setSavedDraft(saved ? JSON.stringify(savePayload(saved, true)) : "");
         setVersion(saved?.version ?? null);
+        setHasSubmissions(saved?.hasSubmissions ?? false);
+        setSlugEdited(Boolean(saved));
+        setTargetChanged(false);
+        setInvalidTabs([]);
         setSchema(attrs);
         setLoaded(true);
       } catch (cause) {
@@ -1541,6 +1761,7 @@ function FormEditorPage({ canUpdate }) {
   async function selectTarget(targetUid) {
     const request = ++targetRequest.current;
     setDraft((current) => ({ ...current, targetUid, fields: [] }));
+    setTargetChanged(true);
     setSchema([]);
     setFieldsLoading(true);
     setError("");
@@ -1548,10 +1769,6 @@ function FormEditorPage({ canUpdate }) {
       const attrs = await formApi(client).fields(targetUid);
       if (request !== targetRequest.current) return;
       setSchema(attrs);
-      setDraft((current) => ({
-        ...current,
-        fields: attrs.filter((field) => field.required)
-      }));
     } catch (cause) {
       if (request === targetRequest.current) setError(errorMessage(cause));
     } finally {
@@ -1566,39 +1783,86 @@ function FormEditorPage({ canUpdate }) {
     try {
       await action();
     } catch (cause) {
-      setError(errorMessage(cause));
+      const message = errorMessage(cause);
+      setError(message);
+      const section = message.startsWith("fields") ? "fields" : message.startsWith("consent") ? "consent" : message.startsWith("notifications") ? "notifications" : "basics";
+      setInvalidTabs([section]);
+      setTab(section);
     } finally {
       lock.current = false;
       setBusy(false);
     }
   }
-  if (loading) return /* @__PURE__ */ jsx8(Page3.Loading, {});
+  if (loading) return /* @__PURE__ */ jsx8(Page2.Loading, {});
   const disabled = !canUpdate || busy || fieldsLoading;
   return /* @__PURE__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx8(
-      Layouts3.Header,
+      Layouts2.Header,
       {
-        title: documentId ? draft.name || "Form" : "Create form",
-        subtitle: version ? `Form version ${version} \xB7 assigned by server on every save` : "New forms start at version 1.",
+        title: documentId ? draft.name || t("builder.forms.form") : t("builder.forms.create"),
+        subtitle: /* @__PURE__ */ jsx8(Badge4, { children: version ? formatMessage({ id: "builder.forms.savedVersion" }, { version }) : t("builder.forms.newVersion") }),
+        primaryAction: loaded ? /* @__PURE__ */ jsxs8(Flex6, { gap: 3, children: [
+          /* @__PURE__ */ jsx8(
+            Button5,
+            {
+              variant: "tertiary",
+              disabled: busy,
+              onClick: () => navigate("/plugins/builder/forms"),
+              children: t("builder.common.cancel")
+            }
+          ),
+          canUpdate && /* @__PURE__ */ jsx8(
+            Button5,
+            {
+              type: "submit",
+              form: "builder-form-editor",
+              disabled: !canUpdate || busy || fieldsLoading,
+              children: t(busy ? "builder.common.saving" : "builder.common.save")
+            }
+          )
+        ] }) : void 0,
         navigationAction: /* @__PURE__ */ jsx8(
-          Button6,
+          Button5,
           {
             variant: "tertiary",
             onClick: () => navigate("/plugins/builder/forms"),
-            children: "Back to forms"
+            children: t("builder.forms.back")
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx8(Layouts3.Content, { children: /* @__PURE__ */ jsxs8(Flex7, { direction: "column", alignItems: "stretch", gap: 6, children: [
+    /* @__PURE__ */ jsx8(Layouts2.Content, { children: /* @__PURE__ */ jsxs8(Flex6, { direction: "column", alignItems: "stretch", gap: 6, children: [
       /* @__PURE__ */ jsx8(ErrorNotice, { message: error }),
-      !loaded ? /* @__PURE__ */ jsx8(Button6, { onClick: () => setRetry((value) => value + 1), children: "Retry loading form" }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
+      !loaded ? /* @__PURE__ */ jsx8(Button5, { onClick: () => setRetry((value) => value + 1), children: t("builder.common.retry") }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
         /* @__PURE__ */ jsx8(
           "form",
           {
+            id: "builder-form-editor",
+            noValidate: true,
             onSubmit: (event) => {
               event.preventDefault();
               if (disabled) return;
+              const failures = [
+                ...!draft.name.trim() || !draft.targetUid || !/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(draft.slug) || draft.slug.length > 120 || draft.name.length > 120 ? ["basics"] : [],
+                ...!draft.fields.length || missingRequired(draft.fields, schema).length || draft.fields.some(
+                  (field) => !field.label.trim() || !schema.some(
+                    (item) => item.name === field.name && item.type === field.type
+                  )
+                ) ? ["fields"] : [],
+                ...Object.keys(
+                  notificationErrors(
+                    draft.notifications ?? {},
+                    draft.fields
+                  )
+                ).length ? ["notifications"] : [],
+                ...!draft.consent.label.trim() || !draft.consent.version.trim() ? ["consent"] : []
+              ];
+              setInvalidTabs(failures);
+              if (failures.length) {
+                setError(t("builder.forms.validationError"));
+                setTab(failures[0]);
+                return;
+              }
               void run(async () => {
                 const saved = await formApi(client).save(
                   draft,
@@ -1606,127 +1870,223 @@ function FormEditorPage({ canUpdate }) {
                   notificationsOpened
                 );
                 setDraft(saved);
+                setSavedConsent({ ...saved.consent });
                 setSavedDraft(JSON.stringify(savePayload(saved, true)));
                 setVersion(saved.version);
+                setHasSubmissions(saved.hasSubmissions ?? false);
+                setTargetChanged(false);
                 if (!documentId)
                   navigate(`/plugins/builder/forms/${saved.documentId}`, {
                     replace: true
                   });
               });
             },
-            children: /* @__PURE__ */ jsxs8(Flex7, { direction: "column", alignItems: "stretch", gap: 6, children: [
-              /* @__PURE__ */ jsxs8(Section, { title: "Definition", children: [
-                /* @__PURE__ */ jsx8(
-                  TextField,
-                  {
-                    label: "Name",
-                    required: true,
-                    disabled,
-                    value: draft.name,
-                    onChange: (name) => setDraft({ ...draft, name })
-                  }
-                ),
-                /* @__PURE__ */ jsx8(
-                  TextField,
-                  {
-                    label: "Slug",
-                    required: true,
-                    disabled: disabled || Boolean(documentId),
-                    value: draft.slug,
-                    onChange: (slug) => setDraft({ ...draft, slug })
-                  }
-                ),
-                /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: "Use lowercase letters, numbers and hyphens. The slug cannot change after creation." }),
-                /* @__PURE__ */ jsxs8("label", { children: [
-                  "Target content type",
-                  " ",
-                  /* @__PURE__ */ jsxs8(
-                    "select",
+            children: /* @__PURE__ */ jsxs8(
+              Tabs.Root,
+              {
+                value: tab,
+                onValueChange: setTab,
+                hasError: invalidTabs[0],
+                children: [
+                  /* @__PURE__ */ jsx8(Tabs.List, { "aria-label": t("builder.forms.editorTabs"), children: ["basics", "fields", "consent", "notifications"].map(
+                    (value) => /* @__PURE__ */ jsxs8(Tabs.Trigger, { value, children: [
+                      t(`builder.forms.tabs.${value}`),
+                      invalidTabs.includes(value) ? " \u2022" : ""
+                    ] }, value)
+                  ) }),
+                  /* @__PURE__ */ jsx8(Tabs.Content, { value: "basics", children: /* @__PURE__ */ jsxs8(Section, { title: t("builder.forms.definition"), children: [
+                    /* @__PURE__ */ jsxs8(
+                      Field4.Root,
+                      {
+                        required: true,
+                        error: invalidTabs.includes("basics") && !draft.name.trim() ? t("builder.forms.nameRequired") : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx8(Field4.Label, { children: t("builder.common.name") }),
+                          /* @__PURE__ */ jsx8(
+                            TextInput3,
+                            {
+                              disabled,
+                              value: draft.name,
+                              maxLength: 120,
+                              onChange: (event) => {
+                                const name = event.target.value;
+                                setDraft({
+                                  ...draft,
+                                  name,
+                                  slug: !documentId && !slugEdited ? suggestSlug(name) : draft.slug
+                                });
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx8(Field4.Error, {})
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs8(
+                      Field4.Root,
+                      {
+                        required: true,
+                        error: invalidTabs.includes("basics") && (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(draft.slug) || draft.slug.length > 120) ? t("builder.forms.slugHint") : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx8(Field4.Label, { children: t("builder.common.slug") }),
+                          /* @__PURE__ */ jsx8(
+                            TextInput3,
+                            {
+                              disabled: disabled || hasSubmissions,
+                              value: draft.slug,
+                              maxLength: 120,
+                              onChange: (event) => {
+                                setSlugEdited(true);
+                                setDraft({ ...draft, slug: event.target.value });
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: t(
+                            hasSubmissions ? "builder.forms.slugLocked" : "builder.forms.slugHint"
+                          ) }),
+                          /* @__PURE__ */ jsx8(Field4.Error, {})
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs8(
+                      Field4.Root,
+                      {
+                        required: true,
+                        error: invalidTabs.includes("basics") && !draft.targetUid ? t("builder.forms.selectTarget") : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx8(Field4.Label, { children: t("builder.common.target") }),
+                          /* @__PURE__ */ jsx8(
+                            Combobox,
+                            {
+                              clearLabel: t("builder.forms.clearTarget"),
+                              disabled,
+                              value: draft.targetUid,
+                              placeholder: t("builder.forms.selectTarget"),
+                              noOptionsMessage: () => t("builder.forms.noTargets"),
+                              onChange: (value) => {
+                                if (value && value !== draft.targetUid)
+                                  void selectTarget(value);
+                              },
+                              children: targets.map((target) => /* @__PURE__ */ jsx8(ComboboxOption, { value: target.uid, children: target.name }, target.uid))
+                            }
+                          ),
+                          /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: draft.targetUid }),
+                          /* @__PURE__ */ jsx8(Field4.Error, {})
+                        ]
+                      }
+                    ),
+                    fieldsLoading && /* @__PURE__ */ jsx8(Typography7, { children: t("builder.forms.loadingFields") }),
+                    targetChanged && /* @__PURE__ */ jsx8(Typography7, { role: "status", children: t("builder.forms.targetChanged") })
+                  ] }) }),
+                  /* @__PURE__ */ jsx8(Tabs.Content, { value: "fields", children: /* @__PURE__ */ jsx8(
+                    FieldEditor,
                     {
-                      required: true,
+                      fields: draft.fields,
+                      schema,
                       disabled,
-                      value: draft.targetUid,
-                      onChange: (event) => void selectTarget(event.target.value),
-                      style: { padding: 10, width: "100%" },
-                      children: [
-                        /* @__PURE__ */ jsx8("option", { value: "", children: "Select a target" }),
-                        targets.map((target) => /* @__PURE__ */ jsxs8("option", { value: target.uid, children: [
-                          target.name,
-                          " \u2014 ",
-                          target.uid
-                        ] }, target.uid))
-                      ]
+                      onChange: (fields) => setDraft({ ...draft, fields })
                     }
-                  )
-                ] }),
-                fieldsLoading && /* @__PURE__ */ jsx8(Typography7, { children: "Loading target fields\u2026" })
-              ] }),
-              /* @__PURE__ */ jsx8(
-                FieldEditor,
-                {
-                  fields: draft.fields,
-                  schema,
-                  disabled,
-                  onChange: (fields) => setDraft({ ...draft, fields })
-                }
-              ),
-              /* @__PURE__ */ jsxs8(Section, { title: "Consent", children: [
-                /* @__PURE__ */ jsx8(
-                  TextField,
-                  {
-                    label: "Consent label",
-                    required: true,
-                    multiline: true,
-                    disabled,
-                    value: draft.consent.label,
-                    onChange: (label) => setDraft({
-                      ...draft,
-                      consent: { ...draft.consent, label }
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsx8(
-                  TextField,
-                  {
-                    label: "Consent version",
-                    required: true,
-                    disabled,
-                    value: draft.consent.version,
-                    onChange: (consentVersion) => setDraft({
-                      ...draft,
-                      consent: {
-                        ...draft.consent,
-                        version: consentVersion
+                  ) }),
+                  /* @__PURE__ */ jsx8(Tabs.Content, { value: "consent", children: /* @__PURE__ */ jsxs8(Section, { title: t("builder.forms.consent"), children: [
+                    /* @__PURE__ */ jsxs8(
+                      Field4.Root,
+                      {
+                        required: true,
+                        error: invalidTabs.includes("consent") && !draft.consent.label.trim() ? t("builder.forms.requiredValue") : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx8(Field4.Label, { children: t("builder.forms.consentLabel") }),
+                          /* @__PURE__ */ jsx8(
+                            Textarea2,
+                            {
+                              disabled,
+                              value: draft.consent.label,
+                              onChange: (event) => setDraft({
+                                ...draft,
+                                consent: {
+                                  ...draft.consent,
+                                  label: event.target.value
+                                }
+                              })
+                            }
+                          ),
+                          /* @__PURE__ */ jsx8(Field4.Error, {})
+                        ]
                       }
-                    })
-                  }
-                ),
-                /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: "Consent version identifies the terms accepted by the visitor and is separate from the server form version." })
-              ] }),
-              /* @__PURE__ */ jsx8(
-                NotificationEditor,
-                {
-                  value: draft.notifications ?? {},
-                  fields: draft.fields,
-                  opened: notificationsOpened,
-                  onOpen: () => setNotificationsOpened(true),
-                  onChange: (notifications) => setDraft({ ...draft, notifications }),
-                  disabled,
-                  saveError: error
-                }
-              ),
-              canUpdate && /* @__PURE__ */ jsx8(
-                Button6,
-                {
-                  type: "submit",
-                  disabled: disabled || !draft.targetUid || !draft.fields.length,
-                  children: busy ? "Saving\u2026" : "Save form"
-                }
-              )
-            ] })
+                    ),
+                    savedConsent !== null && savedConsent.label !== draft.consent.label && /* @__PURE__ */ jsx8(
+                      Alert2,
+                      {
+                        variant: "warning",
+                        title: t("builder.forms.consentChangedTitle"),
+                        closeLabel: t("builder.common.cancel"),
+                        children: t("builder.forms.consentChanged")
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs8(
+                      Field4.Root,
+                      {
+                        required: true,
+                        error: invalidTabs.includes("consent") && !draft.consent.version.trim() ? t("builder.forms.requiredValue") : void 0,
+                        children: [
+                          /* @__PURE__ */ jsx8(Field4.Label, { children: t("builder.forms.consentVersion") }),
+                          /* @__PURE__ */ jsx8(
+                            TextInput3,
+                            {
+                              disabled,
+                              value: draft.consent.version,
+                              onChange: (event) => setDraft({
+                                ...draft,
+                                consent: {
+                                  ...draft.consent,
+                                  version: event.target.value
+                                }
+                              })
+                            }
+                          ),
+                          /* @__PURE__ */ jsx8(Field4.Error, {})
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(
+                      Button5,
+                      {
+                        type: "button",
+                        variant: "tertiary",
+                        disabled,
+                        onClick: () => setDraft({
+                          ...draft,
+                          consent: {
+                            ...draft.consent,
+                            version: suggestConsentVersion(
+                              draft.consent.version,
+                              /* @__PURE__ */ new Date(),
+                              savedConsent?.version
+                            )
+                          }
+                        }),
+                        children: t("builder.forms.suggestConsentVersion")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: t("builder.forms.consentHint") })
+                  ] }) }),
+                  /* @__PURE__ */ jsx8(Tabs.Content, { value: "notifications", children: /* @__PURE__ */ jsx8(
+                    NotificationEditor,
+                    {
+                      value: draft.notifications ?? {},
+                      fields: draft.fields,
+                      opened: notificationsOpened,
+                      onOpen: () => setNotificationsOpened(true),
+                      onChange: (notifications) => setDraft({ ...draft, notifications }),
+                      disabled,
+                      saveError: error
+                    }
+                  ) })
+                ]
+              }
+            )
           }
         ),
-        notificationsOpened && /* @__PURE__ */ jsx8(
+        tab === "notifications" && notificationsOpened && /* @__PURE__ */ jsx8(
           NotificationTest,
           {
             fields: draft.fields,
@@ -1734,54 +2094,7 @@ function FormEditorPage({ canUpdate }) {
             send: (sample) => formApi(client).testSend(documentId, sample)
           },
           savedDraft
-        ),
-        documentId && /* @__PURE__ */ jsxs8(Section, { title: "Portable definition", children: [
-          /* @__PURE__ */ jsx8(
-            Button6,
-            {
-              disabled: busy,
-              onClick: () => void run(
-                async () => downloadForm(
-                  await formApi(client).export(documentId),
-                  draft.slug
-                )
-              ),
-              children: "Export saved form JSON"
-            }
-          ),
-          /* @__PURE__ */ jsx8(Typography7, { variant: "pi", children: "Export uses the saved definition. Notification credentials are masked by the server." }),
-          canUpdate && /* @__PURE__ */ jsx8(
-            ImportForm,
-            {
-              replace: true,
-              disabled: busy || fieldsLoading,
-              onImport: async (value) => {
-                if (lock.current) return;
-                lock.current = true;
-                setBusy(true);
-                try {
-                  const saved = await formApi(client).import(
-                    value,
-                    documentId
-                  );
-                  setDraft(saved);
-                  setSavedDraft(
-                    JSON.stringify(savePayload(saved, true))
-                  );
-                  setNotificationsOpened(false);
-                  setError("");
-                  setVersion(saved.version);
-                  setSchema(
-                    await formApi(client).fields(saved.targetUid)
-                  );
-                } finally {
-                  lock.current = false;
-                  setBusy(false);
-                }
-              }
-            }
-          )
-        ] })
+        )
       ] })
     ] }) })
   ] });
@@ -1793,79 +2106,674 @@ var init_form_editor_page = __esm({
     init_form();
     init_ui();
     init_field_editor();
+    init_notifications();
     init_notification_editor();
-    init_import_form();
   }
 });
 
-// admin/src/app.tsx
-var app_exports = {};
-__export(app_exports, {
-  SubmissionsApp: () => SubmissionsApp,
-  default: () => App
+// admin/src/submission.ts
+var submissionStatuses;
+var init_submission = __esm({
+  "admin/src/submission.ts"() {
+    "use strict";
+    submissionStatuses = [
+      "received",
+      "reviewing",
+      "responded",
+      "closed"
+    ];
+  }
 });
-import { Navigate, Route, Routes } from "react-router-dom";
-import { Layouts as Layouts4, Page as Page4, useRBAC as useRBAC2 } from "@strapi/strapi/admin";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-function FormsApp() {
-  const { allowedActions, isLoading } = useRBAC2(
-    ["read", "update"].map((action) => ({
-      action: `plugin::builder.forms.${action}`,
-      subject: null
-    }))
+
+// admin/src/submission-detail-modal.tsx
+import { useIntl as useIntl7 } from "react-intl";
+import {
+  Badge as Badge5,
+  Button as Button6,
+  Field as Field5,
+  Flex as Flex7,
+  Modal as Modal2,
+  SingleSelect as SingleSelect4,
+  SingleSelectOption as SingleSelectOption4,
+  Typography as Typography8
+} from "@strapi/design-system";
+import { Page as Page3 } from "@strapi/strapi/admin";
+import { Link as Link3 } from "react-router-dom";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function SubmissionDetailModal({
+  id,
+  detail,
+  loading,
+  busy,
+  error,
+  canUpdate,
+  onClose,
+  onRetry,
+  onStatus,
+  onRedeliver
+}) {
+  const { formatMessage, formatDate, formatTime } = useIntl7();
+  const t = (id2) => formatMessage({ id: id2 });
+  const time = (value) => value ? `${formatDate(value)} ${formatTime(value, { hour: "2-digit", minute: "2-digit", second: "2-digit" })}` : t("builder.submissions.unavailable");
+  const current = detail?.currentRecord;
+  const valueText = (value) => typeof value === "boolean" ? t(`builder.submissions.boolean.${value}`) : value === null ? t("builder.submissions.noValue") : String(value ?? "");
+  return /* @__PURE__ */ jsx9(
+    Modal2.Root,
+    {
+      open: true,
+      onOpenChange: (open) => {
+        if (!open && !busy) onClose();
+      },
+      children: /* @__PURE__ */ jsxs9(Modal2.Content, { children: [
+        /* @__PURE__ */ jsx9(Modal2.Header, { closeLabel: t("builder.common.close"), children: /* @__PURE__ */ jsx9(Modal2.Title, { children: formatMessage({ id: "builder.submissions.detailTitle" }, { id }) }) }),
+        /* @__PURE__ */ jsx9(Modal2.Body, { children: /* @__PURE__ */ jsxs9(Flex7, { direction: "column", alignItems: "stretch", gap: 5, children: [
+          /* @__PURE__ */ jsx9(ErrorNotice, { message: error }),
+          error && /* @__PURE__ */ jsx9(Button6, { disabled: loading || busy, onClick: onRetry, children: t("builder.common.retry") }),
+          loading ? /* @__PURE__ */ jsx9(Page3.Loading, {}) : detail && /* @__PURE__ */ jsxs9(Fragment5, { children: [
+            /* @__PURE__ */ jsxs9(Typography8, { children: [
+              detail.form,
+              " \xB7 ",
+              time(detail.createdAt)
+            ] }),
+            /* @__PURE__ */ jsx9(Typography8, { tag: "h3", variant: "delta", children: t("builder.submissions.currentValues") }),
+            /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.currentValuesNotice") }),
+            !current?.available || !current.fields.length ? /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.unavailable") }) : current.fields.map((field) => /* @__PURE__ */ jsxs9(
+              Flex7,
+              {
+                direction: "column",
+                alignItems: "stretch",
+                gap: 1,
+                children: [
+                  /* @__PURE__ */ jsxs9(Typography8, { fontWeight: "bold", children: [
+                    field.label,
+                    " (",
+                    field.name,
+                    ")"
+                  ] }),
+                  /* @__PURE__ */ jsx9(
+                    Typography8,
+                    {
+                      style: {
+                        whiteSpace: "pre-wrap",
+                        overflowWrap: "anywhere"
+                      },
+                      children: field.available ? valueText(field.value) : t("builder.submissions.unavailable")
+                    }
+                  )
+                ]
+              },
+              field.name
+            )),
+            /* @__PURE__ */ jsx9(Typography8, { tag: "h3", variant: "delta", children: t("builder.submissions.consent") }),
+            /* @__PURE__ */ jsx9(Typography8, { children: formatMessage(
+              { id: "builder.submissions.consentReceipt" },
+              {
+                version: detail.consentVersion,
+                time: time(detail.consentAt)
+              }
+            ) }),
+            /* @__PURE__ */ jsx9(Typography8, { tag: "h3", variant: "delta", children: t("builder.submissions.sourcePath") }),
+            /* @__PURE__ */ jsx9(Typography8, { style: { overflowWrap: "anywhere" }, children: current?.sourcePath.available ? current.sourcePath.value : t("builder.submissions.unavailable") }),
+            /* @__PURE__ */ jsx9(Typography8, { tag: "h3", variant: "delta", children: t("builder.submissions.metadata") }),
+            current?.metadata.available ? Object.entries(current.metadata.value ?? {}).map(
+              ([key, value]) => /* @__PURE__ */ jsxs9(
+                Typography8,
+                {
+                  style: { overflowWrap: "anywhere" },
+                  children: [
+                    key,
+                    ": ",
+                    valueText(value)
+                  ]
+                },
+                key
+              )
+            ) : /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.unavailable") }),
+            current?.contentManagerUrl && /* @__PURE__ */ jsx9(Link3, { to: current.contentManagerUrl, children: t("builder.submissions.openRecord") }),
+            /* @__PURE__ */ jsxs9(Field5.Root, { name: "processingStatus", children: [
+              /* @__PURE__ */ jsx9(Field5.Label, { children: t("builder.submissions.processingStatus") }),
+              /* @__PURE__ */ jsx9(
+                SingleSelect4,
+                {
+                  "aria-label": t("builder.submissions.processingStatus"),
+                  value: detail.status,
+                  disabled: !canUpdate || busy,
+                  onChange: (value) => {
+                    const status = submissionStatuses.find(
+                      (status2) => status2 === value
+                    );
+                    if (status) onStatus(status);
+                  },
+                  children: submissionStatuses.map((status) => /* @__PURE__ */ jsx9(SingleSelectOption4, { value: status, children: t(`builder.submissions.status.${status}`) }, status))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx9(Typography8, { tag: "h3", variant: "delta", children: t("builder.submissions.deliveries") }),
+            !detail.deliveries.length && /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.noDeliveries") }),
+            detail.deliveries.map((delivery, i) => /* @__PURE__ */ jsxs9(Flex7, { direction: "column", alignItems: "start", gap: 2, children: [
+              /* @__PURE__ */ jsxs9(Badge5, { children: [
+                t(`builder.submissions.channel.${delivery.channel}`),
+                ":",
+                " ",
+                t(`builder.submissions.delivery.${delivery.status}`)
+              ] }),
+              /* @__PURE__ */ jsx9(Typography8, { children: formatMessage(
+                { id: "builder.submissions.deliveryAttempt" },
+                {
+                  attempts: delivery.attempts,
+                  time: time(delivery.sentAt)
+                }
+              ) }),
+              delivery.lastError && /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.deliveryError") })
+            ] }, i)),
+            /* @__PURE__ */ jsx9(
+              Button6,
+              {
+                disabled: !canUpdate || busy || !detail.deliveries.some(
+                  (delivery) => delivery.channel !== "afterSave" && delivery.status === "failed"
+                ),
+                onClick: onRedeliver,
+                children: t("builder.submissions.retryNotifications")
+              }
+            ),
+            !canUpdate && /* @__PURE__ */ jsx9(Typography8, { children: t("builder.submissions.readOnly") })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx9(Modal2.Footer, { children: /* @__PURE__ */ jsx9(Button6, { variant: "tertiary", disabled: busy, onClick: onClose, children: t("builder.common.close") }) })
+      ] })
+    }
   );
-  if (isLoading) return /* @__PURE__ */ jsx9(Page4.Loading, {});
-  if (!allowedActions.canRead) return /* @__PURE__ */ jsx9(Page4.NoPermissions, {});
-  const canUpdate = allowedActions.canUpdate === true;
-  return /* @__PURE__ */ jsx9(Layouts4.Root, { children: /* @__PURE__ */ jsxs9(Routes, { children: [
-    /* @__PURE__ */ jsx9(Route, { index: true, element: /* @__PURE__ */ jsx9(Navigate, { to: "forms", replace: true }) }),
-    /* @__PURE__ */ jsx9(Route, { path: "forms", element: /* @__PURE__ */ jsx9(FormListPage, { canUpdate }) }),
-    /* @__PURE__ */ jsx9(
-      Route,
-      {
-        path: "forms/new",
-        element: canUpdate ? /* @__PURE__ */ jsx9(FormEditorPage, { canUpdate: true }) : /* @__PURE__ */ jsx9(Page4.NoPermissions, {})
+}
+var init_submission_detail_modal = __esm({
+  "admin/src/submission-detail-modal.tsx"() {
+    "use strict";
+    init_submission();
+    init_ui();
+  }
+});
+
+// admin/src/submission-page.tsx
+import { useIntl as useIntl8 } from "react-intl";
+import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef4, useState as useState7 } from "react";
+import {
+  Badge as Badge6,
+  Box as Box3,
+  Button as Button7,
+  DatePicker,
+  EmptyStateLayout as EmptyStateLayout2,
+  Field as Field6,
+  Flex as Flex8,
+  SingleSelect as SingleSelect5,
+  SingleSelectOption as SingleSelectOption5,
+  Status,
+  Table as Table3,
+  Tbody as Tbody3,
+  Td as Td3,
+  Th as Th3,
+  Thead as Thead3,
+  Tr as Tr3,
+  Typography as Typography9
+} from "@strapi/design-system";
+import {
+  Layouts as Layouts3,
+  Page as Page4,
+  Pagination,
+  useFetchClient as useFetchClient4
+} from "@strapi/strapi/admin";
+import { useSearchParams } from "react-router-dom";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+function submissionCalendarDate(value) {
+  return value ? `${String(value.getFullYear()).padStart(4, "0")}-${String(value.getMonth() + 1).padStart(2, "0")}-${String(value.getDate()).padStart(2, "0")}` : "";
+}
+function SubmissionPage({ canUpdate }) {
+  const { formatMessage, formatDate, formatTime, locale } = useIntl8();
+  const t = useCallback3((id) => formatMessage({ id }), [formatMessage]);
+  const client = useFetchClient4();
+  const { get } = client;
+  const [search, setSearch] = useSearchParams();
+  const page = Number(search.get("page") ?? 1);
+  const pageSize = Number(search.get("pageSize") ?? 25);
+  const [slug, setSlug] = useState7("");
+  const [status, setStatus] = useState7("");
+  const [dateFrom, setDateFrom] = useState7();
+  const [dateTo, setDateTo] = useState7();
+  const [options, setOptions] = useState7([]);
+  const [result, setResult] = useState7(null);
+  const [loading, setLoading] = useState7(true);
+  const [error, setError] = useState7("");
+  const [selectedId, setSelectedId] = useState7(null);
+  const [detail, setDetail] = useState7(null);
+  const [detailLoading, setDetailLoading] = useState7(false);
+  const [detailError, setDetailError] = useState7("");
+  const [busy, setBusy] = useState7(false);
+  const lock = useRef4(false);
+  const generation = useRef4(0);
+  const detailGeneration = useRef4(0);
+  const api = submissionApi(client);
+  const from = submissionCalendarDate(dateFrom);
+  const to = submissionCalendarDate(dateTo);
+  const load = useCallback3(async () => {
+    const current = ++generation.current;
+    setLoading(true);
+    setError("");
+    try {
+      const [response, filters] = await Promise.all([
+        get("/plugins/builder/submissions", {
+          params: {
+            page,
+            pageSize,
+            ...slug ? { slug } : {},
+            ...status ? { status } : {},
+            ...from ? { dateFrom: from } : {},
+            ...to ? { dateTo: to } : {}
+          }
+        }),
+        get(
+          "/plugins/builder/submissions/filter-options"
+        )
+      ]);
+      if (current === generation.current) {
+        setResult(response.data);
+        setOptions(filters.data.data);
       }
-    ),
-    /* @__PURE__ */ jsx9(
-      Route,
-      {
-        path: "forms/:documentId",
-        element: /* @__PURE__ */ jsx9(FormEditorPage, { canUpdate })
+    } catch (cause) {
+      if (current === generation.current) {
+        setError(
+          errorMessage(cause) === "invalid_submission_query" ? t("builder.submissions.invalidQuery") : t("builder.common.requestError")
+        );
+        setResult(null);
       }
-    ),
-    /* @__PURE__ */ jsx9(
-      Route,
+    } finally {
+      if (current === generation.current) setLoading(false);
+    }
+  }, [get, page, pageSize, slug, status, from, to, t]);
+  useEffect4(() => {
+    detailGeneration.current++;
+    setSelectedId(null);
+    setDetail(null);
+    void load();
+    return () => {
+      generation.current++;
+      detailGeneration.current++;
+    };
+  }, [load]);
+  function resetPage() {
+    setSearch((previous) => {
+      const next = new URLSearchParams(previous);
+      next.set("page", "1");
+      return next;
+    });
+  }
+  async function openDetail(id) {
+    const current = ++detailGeneration.current;
+    setSelectedId(id);
+    setDetail(null);
+    setDetailError("");
+    setDetailLoading(true);
+    try {
+      const next = await api.get(id);
+      if (current === detailGeneration.current) setDetail(next);
+    } catch {
+      if (current === detailGeneration.current)
+        setDetailError(t("builder.common.requestError"));
+    } finally {
+      if (current === detailGeneration.current) setDetailLoading(false);
+    }
+  }
+  async function mutate(action) {
+    if (!canUpdate || lock.current || !selectedId) return;
+    lock.current = true;
+    setBusy(true);
+    setDetailError("");
+    const id = selectedId;
+    const current = detailGeneration.current;
+    let failure = "";
+    try {
+      await action();
+    } catch {
+      failure = t("builder.common.requestError");
+    }
+    try {
+      const next = await api.get(id);
+      if (current === detailGeneration.current) setDetail(next);
+    } catch {
+      if (current === detailGeneration.current) setDetail(null);
+      failure ||= t("builder.common.requestError");
+    }
+    await load();
+    if (current === detailGeneration.current) setDetailError(failure);
+    lock.current = false;
+    setBusy(false);
+  }
+  const formName = (slug2) => options.find((option) => option.slug === slug2)?.name ?? slug2;
+  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    /* @__PURE__ */ jsx10(
+      Layouts3.Header,
       {
-        path: "*",
-        element: /* @__PURE__ */ jsx9(Page4.Error, { content: "Form page not found." })
+        title: t("builder.submissions.title"),
+        subtitle: t("builder.submissions.description")
       }
-    )
-  ] }) });
-}
-function SubmissionsApp() {
-  const { allowedActions, isLoading } = useRBAC2(
-    ["read", "update"].map((action) => ({
-      action: `plugin::builder.submissions.${action}`,
-      subject: null
-    }))
-  );
-  if (isLoading) return /* @__PURE__ */ jsx9(Page4.Loading, {});
-  if (!allowedActions.canRead) return /* @__PURE__ */ jsx9(Page4.NoPermissions, {});
-  return /* @__PURE__ */ jsx9(Layouts4.Root, { children: /* @__PURE__ */ jsx9(SubmissionPage, { canUpdate: allowedActions.canUpdate === true }) });
+    ),
+    /* @__PURE__ */ jsxs10(Layouts3.Content, { children: [
+      /* @__PURE__ */ jsxs10(Flex8, { direction: "column", alignItems: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsx10(ErrorNotice, { message: error }),
+        error && /* @__PURE__ */ jsx10(Button7, { disabled: loading || busy, onClick: () => void load(), children: t("builder.common.retry") }),
+        /* @__PURE__ */ jsxs10(Section, { title: t("builder.submissions.filters"), children: [
+          /* @__PURE__ */ jsx10(Typography9, { children: t("builder.submissions.filters.utc") }),
+          /* @__PURE__ */ jsxs10(Flex8, { gap: 4, wrap: "wrap", alignItems: "end", children: [
+            /* @__PURE__ */ jsxs10(Field6.Root, { name: "formFilter", children: [
+              /* @__PURE__ */ jsx10(Field6.Label, { children: t("builder.submissions.filters.form") }),
+              /* @__PURE__ */ jsxs10(
+                SingleSelect5,
+                {
+                  value: slug,
+                  disabled: busy,
+                  onChange: (value) => {
+                    setSlug(String(value));
+                    resetPage();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx10(SingleSelectOption5, { value: "", children: t("builder.submissions.filters.allForms") }),
+                    options.map((option) => /* @__PURE__ */ jsxs10(SingleSelectOption5, { value: option.slug, children: [
+                      option.name,
+                      " (",
+                      option.slug,
+                      ")"
+                    ] }, option.slug))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs10(Field6.Root, { name: "statusFilter", children: [
+              /* @__PURE__ */ jsx10(Field6.Label, { children: t("builder.common.status") }),
+              /* @__PURE__ */ jsxs10(
+                SingleSelect5,
+                {
+                  value: status,
+                  disabled: busy,
+                  onChange: (value) => {
+                    setStatus(String(value));
+                    resetPage();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx10(SingleSelectOption5, { value: "", children: t("builder.submissions.filters.allStatuses") }),
+                    submissionStatuses.map((value) => /* @__PURE__ */ jsx10(SingleSelectOption5, { value, children: t(`builder.submissions.status.${value}`) }, value))
+                  ]
+                }
+              )
+            ] }),
+            ["from", "to"].map((key) => /* @__PURE__ */ jsxs10(Field6.Root, { name: `date-${key}`, children: [
+              /* @__PURE__ */ jsx10(Field6.Label, { children: t(`builder.submissions.filters.${key}`) }),
+              /* @__PURE__ */ jsx10(
+                DatePicker,
+                {
+                  locale,
+                  value: (key === "from" ? from : to) ? /* @__PURE__ */ new Date(`${key === "from" ? from : to}T00:00:00.000Z`) : void 0,
+                  disabled: busy,
+                  clearLabel: t("builder.submissions.filters.clearDate"),
+                  calendarLabel: t("builder.submissions.filters.calendar"),
+                  monthSelectLabel: t("builder.submissions.filters.month"),
+                  yearSelectLabel: t("builder.submissions.filters.year"),
+                  onChange: (value) => {
+                    (key === "from" ? setDateFrom : setDateTo)(value);
+                    resetPage();
+                  },
+                  onClear: () => {
+                    (key === "from" ? setDateFrom : setDateTo)(void 0);
+                    resetPage();
+                  }
+                }
+              )
+            ] }, key))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs10(Section, { title: t("builder.submissions.title"), children: [
+          loading ? /* @__PURE__ */ jsx10(Page4.Loading, {}) : !error && !result?.data.length ? /* @__PURE__ */ jsx10(EmptyStateLayout2, { content: t("builder.submissions.empty") }) : result && /* @__PURE__ */ jsx10(Box3, { overflow: "auto", children: /* @__PURE__ */ jsxs10(Table3, { colCount: 6, rowCount: result.data.length, children: [
+            /* @__PURE__ */ jsx10(Thead3, { children: /* @__PURE__ */ jsx10(Tr3, { children: [
+              "builder.submissions.receipt",
+              "builder.forms.form",
+              "builder.submissions.received",
+              "builder.common.status",
+              "builder.submissions.deliveries",
+              "builder.common.actions"
+            ].map((label) => /* @__PURE__ */ jsx10(Th3, { children: /* @__PURE__ */ jsx10(Typography9, { variant: "sigma", children: t(label) }) }, label)) }) }),
+            /* @__PURE__ */ jsx10(Tbody3, { children: result.data.map((row) => /* @__PURE__ */ jsxs10(Tr3, { children: [
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsx10(Typography9, { children: row.documentId }) }),
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsxs10(
+                Typography9,
+                {
+                  style: {
+                    overflowWrap: "anywhere",
+                    whiteSpace: "normal"
+                  },
+                  children: [
+                    formName(row.form),
+                    /* @__PURE__ */ jsx10("br", {}),
+                    row.form
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsxs10(Typography9, { children: [
+                formatDate(row.createdAt),
+                " ",
+                formatTime(row.createdAt)
+              ] }) }),
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsx10(Status, { variant: statusVariants[row.status], children: /* @__PURE__ */ jsx10(Typography9, { children: t(`builder.submissions.status.${row.status}`) }) }) }),
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsx10(Flex8, { gap: 2, wrap: "wrap", children: row.deliveries.length ? row.deliveries.map((delivery, i) => /* @__PURE__ */ jsxs10(Badge6, { children: [
+                t(
+                  `builder.submissions.channel.${delivery.channel}`
+                ),
+                ":",
+                " ",
+                t(
+                  `builder.submissions.delivery.${delivery.status}`
+                )
+              ] }, i)) : /* @__PURE__ */ jsx10(Typography9, { children: t("builder.submissions.noDeliveries") }) }) }),
+              /* @__PURE__ */ jsx10(Td3, { children: /* @__PURE__ */ jsx10(
+                Button7,
+                {
+                  disabled: busy,
+                  "aria-label": formatMessage(
+                    { id: "builder.submissions.viewReceipt" },
+                    { id: row.documentId }
+                  ),
+                  onClick: () => void openDetail(row.documentId),
+                  children: t("builder.common.view")
+                }
+              ) })
+            ] }, row.documentId)) })
+          ] }) }),
+          !loading && !error && result && /* @__PURE__ */ jsxs10(
+            Pagination.Root,
+            {
+              defaultPageSize: 25,
+              pageCount: result.meta.pagination.pageCount,
+              total: result.meta.pagination.total,
+              children: [
+                /* @__PURE__ */ jsx10(Pagination.PageSize, { options: ["10", "25", "50", "100"] }),
+                /* @__PURE__ */ jsx10(Pagination.Links, {})
+              ]
+            }
+          )
+        ] })
+      ] }),
+      selectedId && /* @__PURE__ */ jsx10(
+        SubmissionDetailModal,
+        {
+          id: selectedId,
+          detail,
+          loading: detailLoading,
+          busy,
+          error: detailError,
+          canUpdate,
+          onClose: () => {
+            detailGeneration.current++;
+            setSelectedId(null);
+            setDetail(null);
+          },
+          onRetry: () => void openDetail(selectedId),
+          onStatus: (status2) => void mutate(() => api.status(selectedId, status2)),
+          onRedeliver: () => void mutate(() => api.redeliver(selectedId))
+        }
+      )
+    ] })
+  ] });
 }
+var statusVariants;
+var init_submission_page = __esm({
+  "admin/src/submission-page.tsx"() {
+    "use strict";
+    init_form();
+    init_api();
+    init_submission();
+    init_submission_detail_modal();
+    init_ui();
+    statusVariants = {
+      received: "primary",
+      reviewing: "warning",
+      responded: "success",
+      closed: "neutral"
+    };
+  }
+});
+
+// admin/src/app.tsx
+var app_exports = {};
+__export(app_exports, {
+  default: () => App
+});
+import { Navigate, NavLink, Route, Routes } from "react-router-dom";
+import { Box as Box4, Divider, Flex as Flex9, Link as Link4 } from "@strapi/design-system";
+import { Layouts as Layouts4, Page as Page5, SubNav, useRBAC as useRBAC2 } from "@strapi/strapi/admin";
+import { useIntl as useIntl9 } from "react-intl";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function App() {
-  return /* @__PURE__ */ jsxs9(Routes, { children: [
-    /* @__PURE__ */ jsx9(Route, { path: "submissions/*", element: /* @__PURE__ */ jsx9(SubmissionsApp, {}) }),
-    /* @__PURE__ */ jsx9(Route, { path: "*", element: /* @__PURE__ */ jsx9(FormsApp, {}) })
-  ] });
+  const { formatMessage } = useIntl9();
+  const forms = useRBAC2(formsPermissions);
+  const submissions = useRBAC2(submissionsPermissions);
+  if (forms.isLoading || submissions.isLoading) return /* @__PURE__ */ jsx11(Page5.Loading, {});
+  const canReadForms = forms.allowedActions.canRead === true;
+  const canReadSubmissions = submissions.allowedActions.canRead === true;
+  if (!canReadForms && !canReadSubmissions) return /* @__PURE__ */ jsx11(Page5.NoPermissions, {});
+  const canUpdateForms = forms.allowedActions.canUpdate === true;
+  const title = formatMessage({
+    id: "builder.forms.title",
+    defaultMessage: "Forms"
+  });
+  const submissionTitle = formatMessage({
+    id: "builder.submissions.title",
+    defaultMessage: "Submissions"
+  });
+  return /* @__PURE__ */ jsxs11(
+    Layouts4.Root,
+    {
+      sideNav: /* @__PURE__ */ jsxs11(SubNav.Main, { "aria-label": title, children: [
+        /* @__PURE__ */ jsx11(SubNav.Header, { label: title }),
+        /* @__PURE__ */ jsx11(Divider, {}),
+        /* @__PURE__ */ jsx11(SubNav.Content, { children: /* @__PURE__ */ jsx11(SubNav.Sections, { children: [
+          /* @__PURE__ */ jsxs11(SubNav.Section, { label: title, children: [
+            canReadForms && /* @__PURE__ */ jsx11(SubNav.Link, { to: "/plugins/builder/forms", label: title }),
+            canReadSubmissions && /* @__PURE__ */ jsx11(
+              SubNav.Link,
+              {
+                to: "/plugins/builder/submissions",
+                label: submissionTitle
+              }
+            )
+          ] }, "forms")
+        ] }) })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx11(
+          Box4,
+          {
+            tag: "nav",
+            "aria-label": title,
+            display: { initial: "block", medium: "none" },
+            padding: 4,
+            background: "neutral0",
+            children: /* @__PURE__ */ jsxs11(Flex9, { gap: 4, wrap: "wrap", children: [
+              canReadForms && /* @__PURE__ */ jsx11(Link4, { tag: NavLink, to: "/plugins/builder/forms", children: title }),
+              canReadSubmissions && /* @__PURE__ */ jsx11(Link4, { tag: NavLink, to: "/plugins/builder/submissions", children: submissionTitle })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs11(Routes, { children: [
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              index: true,
+              element: /* @__PURE__ */ jsx11(Navigate, { to: canReadForms ? "forms" : "submissions", replace: true })
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              path: "forms",
+              element: canReadForms ? /* @__PURE__ */ jsx11(FormListPage, { canUpdate: canUpdateForms }) : /* @__PURE__ */ jsx11(Page5.NoPermissions, {})
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              path: "forms/new",
+              element: canReadForms && canUpdateForms ? /* @__PURE__ */ jsx11(FormEditorPage, { canUpdate: true }) : /* @__PURE__ */ jsx11(Page5.NoPermissions, {})
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              path: "forms/:documentId",
+              element: canReadForms ? /* @__PURE__ */ jsx11(FormEditorPage, { canUpdate: canUpdateForms }) : /* @__PURE__ */ jsx11(Page5.NoPermissions, {})
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              path: "submissions",
+              element: canReadSubmissions ? /* @__PURE__ */ jsx11(
+                SubmissionPage,
+                {
+                  canUpdate: submissions.allowedActions.canUpdate === true
+                }
+              ) : /* @__PURE__ */ jsx11(Page5.NoPermissions, {})
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            Route,
+            {
+              path: "*",
+              element: /* @__PURE__ */ jsx11(
+                Page5.Error,
+                {
+                  content: formatMessage({
+                    id: "builder.common.notFound",
+                    defaultMessage: "Page not found."
+                  })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
+var formsPermissions, submissionsPermissions;
 var init_app = __esm({
   "admin/src/app.tsx"() {
     "use strict";
-    init_submission_page();
     init_form_list_page();
     init_form_editor_page();
+    init_submission_page();
+    formsPermissions = ["read", "update"].map((action) => ({
+      action: `plugin::builder.forms.${action}`,
+      subject: null
+    }));
+    submissionsPermissions = ["read", "update"].map((action) => ({
+      action: `plugin::builder.submissions.${action}`,
+      subject: null
+    }));
   }
 });
 
@@ -1899,31 +2807,480 @@ function BuilderIcon() {
   );
 }
 
+// admin/src/translations/en.json
+var en_default = {
+  "builder.common.actions": "Actions",
+  "builder.common.cancel": "Cancel",
+  "builder.common.confirmDelete": "Confirm delete",
+  "builder.common.delete": "Delete",
+  "builder.common.edit": "Edit",
+  "builder.common.error": "Error",
+  "builder.common.name": "Name",
+  "builder.common.next": "Next",
+  "builder.common.notFound": "Page not found.",
+  "builder.common.previous": "Previous",
+  "builder.common.requestError": "Unable to complete the request.",
+  "builder.common.retry": "Retry",
+  "builder.common.save": "Save form",
+  "builder.common.saving": "Saving\u2026",
+  "builder.common.slug": "Slug",
+  "builder.common.status": "Status",
+  "builder.common.target": "Target",
+  "builder.common.version": "Version",
+  "builder.common.view": "View",
+  "builder.forms.back": "Back to forms",
+  "builder.forms.consent": "Consent",
+  "builder.forms.create": "Create form",
+  "builder.forms.definition": "Definition",
+  "builder.forms.deleteTitle": "Delete {name}?",
+  "builder.forms.deleteWarning": "This permanently deletes the form definition. Forms with submissions cannot be deleted.",
+  "builder.forms.description": "Manage public form definitions and consent.",
+  "builder.forms.empty": "No forms yet.",
+  "builder.forms.form": "Form",
+  "builder.forms.newVersion": "New forms start at version 1.",
+  "builder.forms.savedVersion": "Form version {version} \xB7 assigned by server on every save",
+  "builder.forms.title": "Forms",
+  "builder.submissions.applyFilter": "Apply form filter",
+  "builder.submissions.deliveries": "Deliveries",
+  "builder.submissions.description": "Review receipt metadata, delivery history and processing status.",
+  "builder.submissions.detailTitle": "Submission {id}",
+  "builder.submissions.empty": "No submissions found.",
+  "builder.submissions.filters": "Filters",
+  "builder.submissions.openRecord": "Open submitted record",
+  "builder.submissions.pagination": "Page {page} \xB7 {total} submissions",
+  "builder.submissions.readOnly": "Read only. Submission update permission is required to change status or retry notifications.",
+  "builder.submissions.received": "Received",
+  "builder.submissions.retryNotifications": "Retry notifications",
+  "builder.submissions.title": "Submissions",
+  "builder.common.close": "Close",
+  "builder.submissions.receipt": "Receipt",
+  "builder.submissions.viewReceipt": "View submission {id}",
+  "builder.submissions.filters.form": "Form",
+  "builder.submissions.filters.allForms": "All forms",
+  "builder.submissions.filters.allStatuses": "All statuses",
+  "builder.submissions.filters.from": "Start date",
+  "builder.submissions.filters.to": "End date",
+  "builder.submissions.filters.utc": "Date filters use UTC, including the entire end date.",
+  "builder.submissions.filters.clearDate": "Clear date",
+  "builder.submissions.filters.calendar": "Choose date",
+  "builder.submissions.filters.month": "Month",
+  "builder.submissions.filters.year": "Year",
+  "builder.submissions.status.received": "Received",
+  "builder.submissions.status.reviewing": "Reviewing",
+  "builder.submissions.status.responded": "Responded",
+  "builder.submissions.status.closed": "Closed",
+  "builder.submissions.currentValues": "Current record values",
+  "builder.submissions.currentValuesNotice": "Values and field labels come from the current record and current form settings. They are not a snapshot of the submission.",
+  "builder.submissions.unavailable": "Unavailable",
+  "builder.submissions.noValue": "No value",
+  "builder.submissions.boolean.true": "Yes",
+  "builder.submissions.boolean.false": "No",
+  "builder.submissions.consent": "Consent receipt",
+  "builder.submissions.consentReceipt": "Version {version} \xB7 {time}",
+  "builder.submissions.sourcePath": "Source path",
+  "builder.submissions.metadata": "Attribution metadata",
+  "builder.submissions.processingStatus": "Processing status",
+  "builder.submissions.noDeliveries": "No deliveries recorded",
+  "builder.submissions.channel.email": "Email",
+  "builder.submissions.channel.webhook": "Webhook",
+  "builder.submissions.channel.afterSave": "After-save hook",
+  "builder.submissions.delivery.sent": "Sent",
+  "builder.submissions.delivery.failed": "Failed",
+  "builder.submissions.delivery.skipped": "Skipped",
+  "builder.submissions.deliveryAttempt": "{attempts} attempts \xB7 Sent: {time}",
+  "builder.submissions.deliveryError": "The notification could not be delivered.",
+  "builder.submissions.invalidQuery": "Choose valid dates with the start date on or before the end date, and a valid page size.",
+  "builder.forms.endpoint": "Public endpoint",
+  "builder.forms.fieldCount": "Fields",
+  "builder.forms.latestSubmission": "Latest submission",
+  "builder.forms.notifications": "Notifications",
+  "builder.forms.copyUrl": "Copy URL for {name}",
+  "builder.forms.copied": "URL copied.",
+  "builder.forms.copyFailed": "Unable to copy the URL.",
+  "builder.forms.targetUnavailable": "Target unavailable",
+  "builder.forms.submittedAt": "{date, date, medium} {date, time, short}",
+  "builder.forms.email": "Email",
+  "builder.forms.webhook": "Webhook",
+  "builder.forms.unconfigured": "Not configured",
+  "builder.forms.validationError": "Check the marked tabs. Required values or selected fields are missing or invalid.",
+  "builder.forms.editorTabs": "Form settings",
+  "builder.forms.nameRequired": "Enter a name.",
+  "builder.forms.slugLocked": "The slug is locked because this form has submissions.",
+  "builder.forms.slugHint": "Use lowercase letters, numbers and separating hyphens (maximum 120). Editable until the first submission. Enter a slug manually if the name cannot suggest one.",
+  "builder.forms.selectTarget": "Select a storage target",
+  "builder.forms.noTargets": "No matching targets",
+  "builder.forms.loadingFields": "Loading target fields\u2026",
+  "builder.forms.targetChanged": "The target changed. Select and configure its fields again in Fields. Required fields are not added automatically.",
+  "builder.forms.consentLabel": "Consent label",
+  "builder.forms.consentVersion": "Consent version",
+  "builder.forms.consentHint": "Consent version identifies the terms accepted by the visitor and is separate from the server form version.",
+  "builder.forms.fields.label": "Label",
+  "builder.forms.fields.placeholder": "Placeholder",
+  "builder.forms.fields.help": "Help text",
+  "builder.forms.fields.settings": "Field display settings",
+  "builder.forms.fields.select": "Select a schema field",
+  "builder.forms.fields.required": "Required",
+  "builder.forms.fields.optional": "Optional",
+  "builder.forms.fields.missing": "Missing required",
+  "builder.forms.fields.maxLength": "Maximum length",
+  "builder.forms.fields.min": "Minimum",
+  "builder.forms.fields.max": "Maximum",
+  "builder.forms.fields.selected": "Selected",
+  "builder.forms.fields.choose": "Choose",
+  "builder.forms.fields.schemaRequired": "Required by the storage target. It cannot be made optional or removed.",
+  "builder.forms.fields.visibility": "Visibility",
+  "builder.forms.fields.visible": "Visible",
+  "builder.forms.fields.hidden": "Hidden",
+  "builder.forms.fields.hiddenHint": "Hidden fields are filled by website code. Required validation still applies.",
+  "builder.forms.fields.schemaLimit": "Schema limit",
+  "builder.forms.fields.optionLabel": "Option label",
+  "builder.forms.fields.invalid": "Enter a label and valid constraints within the schema limits.",
+  "builder.forms.fields.back": "Back to selection",
+  "builder.forms.fields.apply": "Apply",
+  "builder.forms.fields.description": "Select schema fields and configure their labels, order and presentation. Drag rows or use the arrow buttons to reorder.",
+  "builder.forms.fields.missingRequired": "Required fields are missing",
+  "builder.forms.fields.add": "Add field",
+  "builder.forms.fields.legacyTitle": "Some saved fields are no longer selectable",
+  "builder.forms.fields.legacy": "Review the target schema and form definition in project code. These fields have not been removed automatically; saving requires a valid definition.",
+  "builder.forms.fields.moved": "{name} moved to position {position} of {total}.",
+  "builder.forms.fields.order": "Order",
+  "builder.forms.fields.type": "Type",
+  "builder.forms.fields.constraints": "Constraints",
+  "builder.forms.fields.actions": "Actions",
+  "builder.forms.fields.up": "Move {name} up",
+  "builder.forms.fields.down": "Move {name} down",
+  "builder.forms.fields.edit": "Edit {name}",
+  "builder.forms.fields.remove": "Remove field",
+  "builder.forms.fields.removeName": "Remove {name}",
+  "builder.forms.fields.empty": "No fields selected. Add a schema field to begin.",
+  "builder.forms.fields.types.string": "Short text",
+  "builder.forms.fields.types.text": "Long text",
+  "builder.forms.fields.types.email": "Email",
+  "builder.forms.fields.types.integer": "Integer",
+  "builder.forms.fields.types.decimal": "Decimal",
+  "builder.forms.fields.types.boolean": "Boolean",
+  "builder.forms.fields.types.enumeration": "Selection",
+  "builder.forms.fields.types.date": "Date",
+  "builder.forms.fields.types.datetime": "Date and time",
+  "builder.forms.tabs.basics": "Basics",
+  "builder.forms.tabs.fields": "Fields",
+  "builder.forms.tabs.consent": "Consent",
+  "builder.forms.tabs.notifications": "Notifications",
+  "builder.forms.fields.dismiss": "Dismiss",
+  "builder.forms.requiredValue": "Enter a value.",
+  "builder.forms.clearTarget": "Clear target",
+  "builder.notifications.notifications": "Notifications",
+  "builder.notifications.opened": "Notification settings opened",
+  "builder.notifications.open": "Open notification settings",
+  "builder.notifications.hint": "Enable a channel to send notifications. Changes take effect after saving the form.",
+  "builder.notifications.email": "Email notifications",
+  "builder.notifications.webhook": "Webhook notifications",
+  "builder.notifications.on": "On",
+  "builder.notifications.off": "Off",
+  "builder.notifications.to": "To (one address per line)",
+  "builder.notifications.cc": "Cc (one address per line)",
+  "builder.notifications.recipientsHint": "Use fixed email addresses. Empty lines are ignored when saving.",
+  "builder.notifications.replyTo": "Reply-to field",
+  "builder.notifications.none": "None",
+  "builder.notifications.subject": "Email subject",
+  "builder.notifications.body": "Email body",
+  "builder.notifications.insertTarget": "Insert placeholder into",
+  "builder.notifications.insert": "Insert placeholder",
+  "builder.notifications.placeholderList": "Available placeholders",
+  "builder.notifications.url": "Webhook URL",
+  "builder.notifications.secret": "Webhook secret",
+  "builder.notifications.maskHint": "Stored secrets and header values appear as ********. Leave them untouched to preserve them, or enter a replacement. Clear a secret or remove a header to delete it.",
+  "builder.notifications.header": "Header: {name}",
+  "builder.notifications.remove": "Remove {name}",
+  "builder.notifications.headerName": "New header name",
+  "builder.notifications.headerValue": "New header value",
+  "builder.notifications.addHeader": "Add header",
+  "builder.notifications.testTitle": "Test notifications",
+  "builder.notifications.testHint": "Sends real notifications using the saved settings and these sample values, including hidden fields. Save all changes before testing. No submission record is created.",
+  "builder.notifications.testDisabled": "Testing requires a saved form, no unsaved changes and forms.update permission.",
+  "builder.notifications.hidden": "hidden",
+  "builder.notifications.choose": "Choose a value",
+  "builder.notifications.true": "True",
+  "builder.notifications.false": "False",
+  "builder.notifications.sending": "Sending test\u2026",
+  "builder.notifications.send": "Send test notifications",
+  "builder.notifications.noChannels": "No notification channels are enabled in the saved settings.",
+  "builder.notifications.sent": "Success",
+  "builder.notifications.failed": "Failed",
+  "builder.notifications.attempts": "{count} attempt(s)",
+  "builder.notifications.afterSave": "After save",
+  "builder.notifications.defaultSubject": "New submission: '{{form.name}}'",
+  "builder.notifications.defaultBody": "Submission '{{submission.id}}' received at '{{submission.receivedAt}}'",
+  "builder.notifications.templateError": "Use only the available placeholders.",
+  "builder.notifications.replyToError": "Choose an email field in this form, or None.",
+  "builder.notifications.recipientsError": "Recipients must be fixed email addresses; placeholders are not allowed.",
+  "builder.notifications.urlError": "Enter an HTTP or HTTPS URL without credentials.",
+  "builder.notifications.sampleError": "Check this sample value.",
+  "builder.forms.consentChangedTitle": "Consent text changed",
+  "builder.forms.consentChanged": "The text has changed. Save it with a new version.",
+  "builder.forms.suggestConsentVersion": "Suggest a new version",
+  "builder.notifications.sample.required": "Enter a sample value.",
+  "builder.notifications.sample.invalid": "Enter a valid value for this field type.",
+  "builder.notifications.sample.maxLength": "The sample exceeds the maximum length.",
+  "builder.notifications.sample.min": "The sample is below the minimum value.",
+  "builder.notifications.sample.max": "The sample exceeds the maximum value."
+};
+
+// admin/src/translations/ko.json
+var ko_default = {
+  "builder.common.actions": "\uC791\uC5C5",
+  "builder.common.cancel": "\uCDE8\uC18C",
+  "builder.common.confirmDelete": "\uC0AD\uC81C \uD655\uC778",
+  "builder.common.delete": "\uC0AD\uC81C",
+  "builder.common.edit": "\uD3B8\uC9D1",
+  "builder.common.error": "\uC624\uB958",
+  "builder.common.name": "\uC774\uB984",
+  "builder.common.next": "\uB2E4\uC74C",
+  "builder.common.notFound": "\uD398\uC774\uC9C0\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.common.previous": "\uC774\uC804",
+  "builder.common.requestError": "\uC694\uCCAD\uC744 \uC644\uB8CC\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.common.retry": "\uB2E4\uC2DC \uC2DC\uB3C4",
+  "builder.common.save": "\uD3FC \uC800\uC7A5",
+  "builder.common.saving": "\uC800\uC7A5 \uC911\u2026",
+  "builder.common.slug": "\uC2AC\uB7EC\uADF8",
+  "builder.common.status": "\uC0C1\uD0DC",
+  "builder.common.target": "\uC800\uC7A5 \uB300\uC0C1",
+  "builder.common.version": "\uBC84\uC804",
+  "builder.common.view": "\uBCF4\uAE30",
+  "builder.forms.back": "\uD3FC \uBAA9\uB85D\uC73C\uB85C",
+  "builder.forms.consent": "\uB3D9\uC758",
+  "builder.forms.create": "\uC0C8 \uD3FC",
+  "builder.forms.definition": "\uD3FC \uC815\uC758",
+  "builder.forms.deleteTitle": "{name} \uD3FC\uC744 \uC0AD\uC81C\uD560\uAE4C\uC694?",
+  "builder.forms.deleteWarning": "\uD3FC \uC815\uC758\uB97C \uC601\uAD6C \uC0AD\uC81C\uD569\uB2C8\uB2E4. \uC811\uC218 \uB0B4\uC5ED\uC774 \uC788\uB294 \uD3FC\uC740 \uC0AD\uC81C\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.description": "\uACF5\uAC1C \uD3FC \uC815\uC758\uC640 \uB3D9\uC758\uB97C \uAD00\uB9AC\uD569\uB2C8\uB2E4.",
+  "builder.forms.empty": "\uC544\uC9C1 \uD3FC\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.form": "\uD3FC",
+  "builder.forms.newVersion": "\uC0C8 \uD3FC\uC740 \uBC84\uC804 1\uB85C \uC2DC\uC791\uD569\uB2C8\uB2E4.",
+  "builder.forms.savedVersion": "\uD3FC \uBC84\uC804 {version} \xB7 \uC800\uC7A5\uD560 \uB54C\uB9C8\uB2E4 \uC11C\uBC84\uC5D0\uC11C \uBD80\uC5EC\uD569\uB2C8\uB2E4",
+  "builder.forms.title": "\uD3FC",
+  "builder.submissions.applyFilter": "\uD3FC \uD544\uD130 \uC801\uC6A9",
+  "builder.submissions.deliveries": "\uBC1C\uC1A1 \uB0B4\uC5ED",
+  "builder.submissions.description": "\uC811\uC218 \uC815\uBCF4, \uBC1C\uC1A1 \uC774\uB825\uACFC \uCC98\uB9AC \uC0C1\uD0DC\uB97C \uD655\uC778\uD569\uB2C8\uB2E4.",
+  "builder.submissions.detailTitle": "\uC811\uC218 {id}",
+  "builder.submissions.empty": "\uC811\uC218 \uB0B4\uC5ED\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.submissions.filters": "\uD544\uD130",
+  "builder.submissions.openRecord": "\uC811\uC218\uB41C \uB808\uCF54\uB4DC \uC5F4\uAE30",
+  "builder.submissions.pagination": "{page}\uD398\uC774\uC9C0 \xB7 \uC811\uC218 {total}\uAC74",
+  "builder.submissions.readOnly": "\uC77D\uAE30 \uC804\uC6A9\uC785\uB2C8\uB2E4. \uC0C1\uD0DC \uBCC0\uACBD \uB610\uB294 \uC54C\uB9BC \uC7AC\uBC1C\uC1A1\uC5D0\uB294 \uC811\uC218 \uC218\uC815 \uAD8C\uD55C\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.",
+  "builder.submissions.received": "\uC811\uC218 \uC2DC\uAC01",
+  "builder.submissions.retryNotifications": "\uC54C\uB9BC \uC7AC\uBC1C\uC1A1",
+  "builder.submissions.title": "\uC811\uC218 \uB0B4\uC5ED",
+  "builder.common.close": "\uB2EB\uAE30",
+  "builder.submissions.receipt": "\uC811\uC218 \uBC88\uD638",
+  "builder.submissions.viewReceipt": "\uC811\uC218 {id} \uC0C1\uC138 \uBCF4\uAE30",
+  "builder.submissions.filters.form": "\uD3FC",
+  "builder.submissions.filters.allForms": "\uBAA8\uB4E0 \uD3FC",
+  "builder.submissions.filters.allStatuses": "\uBAA8\uB4E0 \uC0C1\uD0DC",
+  "builder.submissions.filters.from": "\uC2DC\uC791\uC77C",
+  "builder.submissions.filters.to": "\uC885\uB8CC\uC77C",
+  "builder.submissions.filters.utc": "\uAE30\uAC04\uC740 UTC \uAE30\uC900\uC774\uBA70 \uC885\uB8CC\uC77C \uC804\uCCB4\uB97C \uD3EC\uD568\uD569\uB2C8\uB2E4.",
+  "builder.submissions.filters.clearDate": "\uB0A0\uC9DC \uC9C0\uC6B0\uAE30",
+  "builder.submissions.filters.calendar": "\uB0A0\uC9DC \uC120\uD0DD",
+  "builder.submissions.filters.month": "\uC6D4",
+  "builder.submissions.filters.year": "\uC5F0\uB3C4",
+  "builder.submissions.status.received": "\uC811\uC218",
+  "builder.submissions.status.reviewing": "\uAC80\uD1A0 \uC911",
+  "builder.submissions.status.responded": "\uC751\uB2F5 \uC644\uB8CC",
+  "builder.submissions.status.closed": "\uC885\uB8CC",
+  "builder.submissions.currentValues": "\uD604\uC7AC \uB808\uCF54\uB4DC \uAC12",
+  "builder.submissions.currentValuesNotice": "\uD604\uC7AC \uB808\uCF54\uB4DC\uC758 \uAC12\uACFC \uD604\uC7AC \uD3FC \uC124\uC815\uC758 \uD544\uB4DC \uB77C\uBCA8\uC785\uB2C8\uB2E4. \uC81C\uCD9C \uB2F9\uC2DC\uC758 \uC2A4\uB0C5\uC0F7\uC774 \uC544\uB2D9\uB2C8\uB2E4.",
+  "builder.submissions.unavailable": "\uC870\uD68C\uD560 \uC218 \uC5C6\uC74C",
+  "builder.submissions.noValue": "\uAC12 \uC5C6\uC74C",
+  "builder.submissions.boolean.true": "\uC608",
+  "builder.submissions.boolean.false": "\uC544\uB2C8\uC694",
+  "builder.submissions.consent": "\uB3D9\uC758 \uAE30\uB85D",
+  "builder.submissions.consentReceipt": "\uBC84\uC804 {version} \xB7 {time}",
+  "builder.submissions.sourcePath": "\uC720\uC785 \uACBD\uB85C",
+  "builder.submissions.metadata": "\uC720\uC785 \uBA54\uD0C0\uB370\uC774\uD130",
+  "builder.submissions.processingStatus": "\uCC98\uB9AC \uC0C1\uD0DC",
+  "builder.submissions.noDeliveries": "\uBC1C\uC1A1 \uAE30\uB85D \uC5C6\uC74C",
+  "builder.submissions.channel.email": "\uC774\uBA54\uC77C",
+  "builder.submissions.channel.webhook": "\uC6F9\uD6C5",
+  "builder.submissions.channel.afterSave": "\uC800\uC7A5 \uD6C4 \uD6C5",
+  "builder.submissions.delivery.sent": "\uBC1C\uC1A1 \uC644\uB8CC",
+  "builder.submissions.delivery.failed": "\uBC1C\uC1A1 \uC2E4\uD328",
+  "builder.submissions.delivery.skipped": "\uAC74\uB108\uB700",
+  "builder.submissions.deliveryAttempt": "\uC2DC\uB3C4 {attempts}\uD68C \xB7 \uBC1C\uC1A1 \uC2DC\uAC01: {time}",
+  "builder.submissions.deliveryError": "\uC54C\uB9BC\uC744 \uBC1C\uC1A1\uD558\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4.",
+  "builder.submissions.invalidQuery": "\uC2DC\uC791\uC77C\uC774 \uC885\uB8CC\uC77C\uBCF4\uB2E4 \uB2A6\uC9C0 \uC54A\uB3C4\uB85D \uC62C\uBC14\uB978 \uB0A0\uC9DC\uC640 \uD398\uC774\uC9C0 \uD06C\uAE30\uB97C \uC120\uD0DD\uD558\uC138\uC694.",
+  "builder.forms.endpoint": "\uACF5\uAC1C \uC5D4\uB4DC\uD3EC\uC778\uD2B8",
+  "builder.forms.fieldCount": "\uD544\uB4DC \uC218",
+  "builder.forms.latestSubmission": "\uCD5C\uADFC \uC811\uC218",
+  "builder.forms.notifications": "\uC54C\uB9BC",
+  "builder.forms.copyUrl": "{name} URL \uBCF5\uC0AC",
+  "builder.forms.copied": "URL\uC744 \uBCF5\uC0AC\uD588\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.copyFailed": "URL\uC744 \uBCF5\uC0AC\uD558\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.targetUnavailable": "\uB300\uC0C1 \uC870\uD68C \uBD88\uAC00",
+  "builder.forms.submittedAt": "{date, date, medium} {date, time, short}",
+  "builder.forms.email": "\uC774\uBA54\uC77C",
+  "builder.forms.webhook": "\uC6F9\uD6C5",
+  "builder.forms.unconfigured": "\uBBF8\uC124\uC815",
+  "builder.forms.validationError": "\uD45C\uC2DC\uB41C \uD0ED\uC744 \uD655\uC778\uD558\uC138\uC694. \uD544\uC218 \uAC12 \uB610\uB294 \uC120\uD0DD\uD55C \uD544\uB4DC\uAC00 \uB204\uB77D\uB418\uC5C8\uAC70\uB098 \uC62C\uBC14\uB974\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.editorTabs": "\uD3FC \uC124\uC815",
+  "builder.forms.nameRequired": "\uC774\uB984\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.forms.slugLocked": "\uC811\uC218\uAC00 \uC788\uB294 \uD3FC\uC758 slug\uB294 \uBCC0\uACBD\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.slugHint": "\uC18C\uBB38\uC790 \uC601\uBB38\xB7\uC22B\uC790\xB7\uAD6C\uBD84 \uD558\uC774\uD508\uC744 \uCD5C\uB300 120\uC790 \uC0AC\uC6A9\uD558\uC138\uC694. \uCCAB \uC811\uC218 \uC804\uAE4C\uC9C0 \uBCC0\uACBD\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uC774\uB984\uC73C\uB85C \uC0DD\uC131\uD560 \uC218 \uC5C6\uB2E4\uBA74 \uC9C1\uC811 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.forms.selectTarget": "\uC800\uC7A5 \uB300\uC0C1\uC744 \uC120\uD0DD\uD558\uC138\uC694",
+  "builder.forms.noTargets": "\uC77C\uCE58\uD558\uB294 \uB300\uC0C1\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
+  "builder.forms.loadingFields": "\uB300\uC0C1 \uD544\uB4DC\uB97C \uBD88\uB7EC\uC624\uB294 \uC911\u2026",
+  "builder.forms.targetChanged": "\uC800\uC7A5 \uB300\uC0C1\uC774 \uBCC0\uACBD\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uD544\uB4DC \uD0ED\uC5D0\uC11C \uD544\uB4DC\uB97C \uB2E4\uC2DC \uC120\uD0DD\uD558\uACE0 \uC124\uC815\uD558\uC138\uC694. \uD544\uC218 \uD544\uB4DC\uB294 \uC790\uB3D9 \uCD94\uAC00\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.consentLabel": "\uB3D9\uC758 \uBB38\uAD6C",
+  "builder.forms.consentVersion": "\uB3D9\uC758 \uBC84\uC804",
+  "builder.forms.consentHint": "\uB3D9\uC758 \uBC84\uC804\uC740 \uBC29\uBB38\uC790\uAC00 \uC218\uB77D\uD55C \uC57D\uAD00\uC744 \uC2DD\uBCC4\uD558\uBA70 \uC11C\uBC84 \uD3FC \uBC84\uC804\uACFC \uBCC4\uAC1C\uC785\uB2C8\uB2E4.",
+  "builder.forms.fields.label": "\uD45C\uC2DC \uB77C\uBCA8",
+  "builder.forms.fields.placeholder": "\uD50C\uB808\uC774\uC2A4\uD640\uB354",
+  "builder.forms.fields.help": "\uB3C4\uC6C0\uB9D0",
+  "builder.forms.fields.settings": "\uD544\uB4DC \uD45C\uC2DC \uC124\uC815",
+  "builder.forms.fields.select": "\uC2A4\uD0A4\uB9C8 \uD544\uB4DC \uC120\uD0DD",
+  "builder.forms.fields.required": "\uD544\uC218",
+  "builder.forms.fields.optional": "\uC120\uD0DD",
+  "builder.forms.fields.missing": "\uB204\uB77D \uD544\uC218",
+  "builder.forms.fields.maxLength": "\uCD5C\uB300 \uAE38\uC774",
+  "builder.forms.fields.min": "\uCD5C\uC19F\uAC12",
+  "builder.forms.fields.max": "\uCD5C\uB313\uAC12",
+  "builder.forms.fields.selected": "\uC120\uD0DD\uB428",
+  "builder.forms.fields.choose": "\uC120\uD0DD",
+  "builder.forms.fields.schemaRequired": "\uC800\uC7A5 \uB300\uC0C1\uC758 \uD544\uC218 \uD544\uB4DC\uC785\uB2C8\uB2E4. \uD544\uC218 \uD574\uC81C\uD558\uAC70\uB098 \uC81C\uAC70\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.fields.visibility": "\uD45C\uC2DC \uC5EC\uBD80",
+  "builder.forms.fields.visible": "\uD45C\uC2DC",
+  "builder.forms.fields.hidden": "\uC228\uAE40",
+  "builder.forms.fields.hiddenHint": "\uC228\uAE40 \uD544\uB4DC\uB294 \uC6F9\uC0AC\uC774\uD2B8 \uCF54\uB4DC\uAC00 \uAC12\uC744 \uCC44\uC6C1\uB2C8\uB2E4. \uD544\uC218 \uAC80\uC99D\uC740 \uADF8\uB300\uB85C \uC801\uC6A9\uB429\uB2C8\uB2E4.",
+  "builder.forms.fields.schemaLimit": "\uC2A4\uD0A4\uB9C8 \uC81C\uD55C",
+  "builder.forms.fields.optionLabel": "\uC120\uD0DD\uC9C0 \uB77C\uBCA8",
+  "builder.forms.fields.invalid": "\uB77C\uBCA8\uACFC \uC2A4\uD0A4\uB9C8 \uC81C\uD55C \uC548\uC758 \uC720\uD6A8\uD55C \uC81C\uC57D\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.forms.fields.back": "\uC120\uD0DD\uC73C\uB85C \uB3CC\uC544\uAC00\uAE30",
+  "builder.forms.fields.apply": "\uC801\uC6A9",
+  "builder.forms.fields.description": "\uC2A4\uD0A4\uB9C8 \uD544\uB4DC\uB97C \uC120\uD0DD\uD558\uACE0 \uB77C\uBCA8\xB7\uC21C\uC11C\xB7\uD45C\uC2DC\uB97C \uC124\uC815\uD558\uC138\uC694. \uD589\uC744 \uB4DC\uB798\uADF8\uD558\uAC70\uB098 \uD654\uC0B4\uD45C \uBC84\uD2BC\uC73C\uB85C \uC21C\uC11C\uB97C \uBCC0\uACBD\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.fields.missingRequired": "\uD544\uC218 \uD544\uB4DC\uAC00 \uB204\uB77D\uB418\uC5C8\uC2B5\uB2C8\uB2E4",
+  "builder.forms.fields.add": "\uD544\uB4DC \uCD94\uAC00",
+  "builder.forms.fields.legacyTitle": "\uC77C\uBD80 \uC800\uC7A5\uB41C \uD544\uB4DC\uB97C \uB354 \uC774\uC0C1 \uC120\uD0DD\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
+  "builder.forms.fields.legacy": "\uD504\uB85C\uC81D\uD2B8 \uCF54\uB4DC\uC5D0\uC11C \uB300\uC0C1 \uC2A4\uD0A4\uB9C8\uC640 \uD3FC \uC815\uC758\uB97C \uC810\uAC80\uD558\uC138\uC694. \uD544\uB4DC\uB97C \uC790\uB3D9 \uC81C\uAC70\uD558\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4. \uC800\uC7A5\uD558\uB824\uBA74 \uC720\uD6A8\uD55C \uC815\uC758\uAC00 \uD544\uC694\uD569\uB2C8\uB2E4.",
+  "builder.forms.fields.moved": "{name} \uD544\uB4DC\uB97C {total}\uAC1C \uC911 {position}\uBC88\uC9F8\uB85C \uC774\uB3D9\uD588\uC2B5\uB2C8\uB2E4.",
+  "builder.forms.fields.order": "\uC21C\uC11C",
+  "builder.forms.fields.type": "\uD0C0\uC785",
+  "builder.forms.fields.constraints": "\uC81C\uC57D",
+  "builder.forms.fields.actions": "\uC791\uC5C5",
+  "builder.forms.fields.up": "{name} \uC704\uB85C \uC774\uB3D9",
+  "builder.forms.fields.down": "{name} \uC544\uB798\uB85C \uC774\uB3D9",
+  "builder.forms.fields.edit": "{name} \uD3B8\uC9D1",
+  "builder.forms.fields.remove": "\uD544\uB4DC \uC81C\uAC70",
+  "builder.forms.fields.removeName": "{name} \uC81C\uAC70",
+  "builder.forms.fields.empty": "\uC120\uD0DD\uD55C \uD544\uB4DC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uC2A4\uD0A4\uB9C8 \uD544\uB4DC\uB97C \uCD94\uAC00\uD558\uC138\uC694.",
+  "builder.forms.fields.types.string": "\uC9E7\uC740 \uD14D\uC2A4\uD2B8",
+  "builder.forms.fields.types.text": "\uAE34 \uD14D\uC2A4\uD2B8",
+  "builder.forms.fields.types.email": "\uC774\uBA54\uC77C",
+  "builder.forms.fields.types.integer": "\uC815\uC218",
+  "builder.forms.fields.types.decimal": "\uC18C\uC218",
+  "builder.forms.fields.types.boolean": "\uCC38/\uAC70\uC9D3",
+  "builder.forms.fields.types.enumeration": "\uC120\uD0DD \uBAA9\uB85D",
+  "builder.forms.fields.types.date": "\uB0A0\uC9DC",
+  "builder.forms.fields.types.datetime": "\uB0A0\uC9DC\uC640 \uC2DC\uAC04",
+  "builder.forms.tabs.basics": "\uAE30\uBCF8 \uC815\uBCF4",
+  "builder.forms.tabs.fields": "\uD544\uB4DC",
+  "builder.forms.tabs.consent": "\uB3D9\uC758",
+  "builder.forms.tabs.notifications": "\uC54C\uB9BC",
+  "builder.forms.fields.dismiss": "\uB2EB\uAE30",
+  "builder.forms.requiredValue": "\uAC12\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.forms.clearTarget": "\uB300\uC0C1 \uC120\uD0DD \uC9C0\uC6B0\uAE30",
+  "builder.notifications.notifications": "\uC54C\uB9BC",
+  "builder.notifications.opened": "\uC54C\uB9BC \uC124\uC815 \uC5F4\uB9BC",
+  "builder.notifications.open": "\uC54C\uB9BC \uC124\uC815 \uC5F4\uAE30",
+  "builder.notifications.hint": "\uBC1C\uC1A1\uD560 \uCC44\uB110\uC744 \uCF1C\uC138\uC694. \uBCC0\uACBD \uC0AC\uD56D\uC740 \uD3FC\uC744 \uC800\uC7A5\uD55C \uB4A4 \uC801\uC6A9\uB429\uB2C8\uB2E4.",
+  "builder.notifications.email": "\uC774\uBA54\uC77C \uC54C\uB9BC",
+  "builder.notifications.webhook": "\uC6F9\uD6C5 \uC54C\uB9BC",
+  "builder.notifications.on": "\uCF1C\uC9D0",
+  "builder.notifications.off": "\uAEBC\uC9D0",
+  "builder.notifications.to": "\uC218\uC2E0\uC790 (\uD55C \uC904\uC5D0 \uC8FC\uC18C \uD558\uB098)",
+  "builder.notifications.cc": "\uCC38\uC870 (\uD55C \uC904\uC5D0 \uC8FC\uC18C \uD558\uB098)",
+  "builder.notifications.recipientsHint": "\uACE0\uC815 \uC774\uBA54\uC77C \uC8FC\uC18C\uB97C \uC785\uB825\uD558\uC138\uC694. \uBE48 \uC904\uC740 \uC800\uC7A5\uD560 \uB54C \uC81C\uC678\uB429\uB2C8\uB2E4.",
+  "builder.notifications.replyTo": "\uD68C\uC2E0 \uC774\uBA54\uC77C \uD544\uB4DC",
+  "builder.notifications.none": "\uC5C6\uC74C",
+  "builder.notifications.subject": "\uC774\uBA54\uC77C \uC81C\uBAA9",
+  "builder.notifications.body": "\uC774\uBA54\uC77C \uBCF8\uBB38",
+  "builder.notifications.insertTarget": "\uCE58\uD658\uC790 \uC0BD\uC785 \uC704\uCE58",
+  "builder.notifications.insert": "\uCE58\uD658\uC790 \uC0BD\uC785",
+  "builder.notifications.placeholderList": "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uCE58\uD658\uC790",
+  "builder.notifications.url": "\uC6F9\uD6C5 URL",
+  "builder.notifications.secret": "\uC6F9\uD6C5 \uC2DC\uD06C\uB9BF",
+  "builder.notifications.maskHint": "\uC800\uC7A5\uB41C \uC2DC\uD06C\uB9BF\uACFC \uD5E4\uB354 \uAC12\uC740 ********\uB85C \uD45C\uC2DC\uB429\uB2C8\uB2E4. \uADF8\uB300\uB85C \uB450\uBA74 \uC720\uC9C0\uB418\uACE0 \uC0C8 \uAC12\uC744 \uC785\uB825\uD558\uBA74 \uAD50\uCCB4\uB429\uB2C8\uB2E4. \uC2DC\uD06C\uB9BF\uC744 \uBE44\uC6B0\uAC70\uB098 \uD5E4\uB354\uB97C \uC81C\uAC70\uD558\uBA74 \uC0AD\uC81C\uB429\uB2C8\uB2E4.",
+  "builder.notifications.header": "\uD5E4\uB354: {name}",
+  "builder.notifications.remove": "{name} \uC81C\uAC70",
+  "builder.notifications.headerName": "\uC0C8 \uD5E4\uB354 \uC774\uB984",
+  "builder.notifications.headerValue": "\uC0C8 \uD5E4\uB354 \uAC12",
+  "builder.notifications.addHeader": "\uD5E4\uB354 \uCD94\uAC00",
+  "builder.notifications.testTitle": "\uC54C\uB9BC \uD14C\uC2A4\uD2B8",
+  "builder.notifications.testHint": "\uC800\uC7A5\uB41C \uC124\uC815\uACFC hidden \uD544\uB4DC\uB97C \uD3EC\uD568\uD55C \uC0D8\uD50C \uAC12\uC73C\uB85C \uC2E4\uC81C \uC54C\uB9BC\uC744 \uBCF4\uB0C5\uB2C8\uB2E4. \uBA3C\uC800 \uBAA8\uB4E0 \uBCC0\uACBD \uC0AC\uD56D\uC744 \uC800\uC7A5\uD558\uC138\uC694. \uC811\uC218 \uAE30\uB85D\uC740 \uC0DD\uC131\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.",
+  "builder.notifications.testDisabled": "\uD3FC\uC744 \uC800\uC7A5\uD558\uACE0 \uBBF8\uC800\uC7A5 \uBCC0\uACBD \uC0AC\uD56D\uC774 \uC5C6\uC5B4\uC57C \uD558\uBA70 forms.update \uAD8C\uD55C\uC774 \uD544\uC694\uD569\uB2C8\uB2E4.",
+  "builder.notifications.hidden": "\uC228\uAE40",
+  "builder.notifications.choose": "\uAC12 \uC120\uD0DD",
+  "builder.notifications.true": "\uCC38",
+  "builder.notifications.false": "\uAC70\uC9D3",
+  "builder.notifications.sending": "\uD14C\uC2A4\uD2B8 \uBC1C\uC1A1 \uC911\u2026",
+  "builder.notifications.send": "\uD14C\uC2A4\uD2B8 \uC54C\uB9BC \uBC1C\uC1A1",
+  "builder.notifications.noChannels": "\uC800\uC7A5\uB41C \uC124\uC815\uC5D0 \uD65C\uC131\uD654\uB41C \uC54C\uB9BC \uCC44\uB110\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.notifications.sent": "\uC131\uACF5",
+  "builder.notifications.failed": "\uC2E4\uD328",
+  "builder.notifications.attempts": "{count}\uD68C \uC2DC\uB3C4",
+  "builder.notifications.afterSave": "\uC800\uC7A5 \uD6C4 \uCC98\uB9AC",
+  "builder.notifications.defaultSubject": "\uC0C8 \uC811\uC218: '{{form.name}}'",
+  "builder.notifications.defaultBody": "\uC811\uC218 '{{submission.id}}' \xB7 \uC811\uC218 \uC2DC\uAC01 '{{submission.receivedAt}}'",
+  "builder.notifications.templateError": "\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uCE58\uD658\uC790\uB9CC \uC0AC\uC6A9\uD558\uC138\uC694.",
+  "builder.notifications.replyToError": "\uC774 \uD3FC\uC758 \uC774\uBA54\uC77C \uD544\uB4DC \uB610\uB294 \uC5C6\uC74C\uC744 \uC120\uD0DD\uD558\uC138\uC694.",
+  "builder.notifications.recipientsError": "\uC218\uC2E0\uC790\uB294 \uACE0\uC815 \uC774\uBA54\uC77C \uC8FC\uC18C\uC5EC\uC57C \uD569\uB2C8\uB2E4. \uCE58\uD658\uC790\uB294 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.",
+  "builder.notifications.urlError": "\uC778\uC99D \uC815\uBCF4\uAC00 \uC5C6\uB294 HTTP \uB610\uB294 HTTPS URL\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.notifications.sampleError": "\uC0D8\uD50C \uAC12\uC744 \uD655\uC778\uD558\uC138\uC694.",
+  "builder.forms.consentChangedTitle": "\uB3D9\uC758 \uBB38\uAD6C \uBCC0\uACBD",
+  "builder.forms.consentChanged": "\uBB38\uAD6C\uAC00 \uBC14\uB00C\uC5C8\uC2B5\uB2C8\uB2E4. \uC0C8 \uBC84\uC804\uC73C\uB85C \uC800\uC7A5\uD558\uC138\uC694",
+  "builder.forms.suggestConsentVersion": "\uC0C8 \uBC84\uC804 \uC81C\uC548",
+  "builder.notifications.sample.required": "\uC0D8\uD50C \uAC12\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.notifications.sample.invalid": "\uC774 \uD544\uB4DC \uC720\uD615\uC5D0 \uB9DE\uB294 \uAC12\uC744 \uC785\uB825\uD558\uC138\uC694.",
+  "builder.notifications.sample.maxLength": "\uC0D8\uD50C \uAC12\uC774 \uCD5C\uB300 \uAE38\uC774\uB97C \uCD08\uACFC\uD588\uC2B5\uB2C8\uB2E4.",
+  "builder.notifications.sample.min": "\uC0D8\uD50C \uAC12\uC774 \uCD5C\uC19F\uAC12\uBCF4\uB2E4 \uC791\uC2B5\uB2C8\uB2E4.",
+  "builder.notifications.sample.max": "\uC0D8\uD50C \uAC12\uC774 \uCD5C\uB313\uAC12\uC744 \uCD08\uACFC\uD588\uC2B5\uB2C8\uB2E4."
+};
+
 // admin/src/index.ts
+var translations = { en: en_default, ko: ko_default };
 var index_default = {
   register(app) {
+    app.customFields.register({
+      name: "form-select",
+      pluginId: "builder",
+      type: "string",
+      intlLabel: { id: "builder.form-select", defaultMessage: "Builder form" },
+      intlDescription: {
+        id: "builder.form-select.description",
+        defaultMessage: "Select a form from Builder Forms"
+      },
+      components: {
+        Input: () => Promise.resolve().then(() => (init_form_select(), form_select_exports)).then(({ FormSelect: FormSelect3 }) => ({
+          default: FormSelect3
+        }))
+      }
+    });
     app.addMenuLink({
       to: "plugins/builder",
       icon: BuilderIcon,
-      intlLabel: { id: "builder.forms", defaultMessage: "Builder Forms" },
+      intlLabel: { id: "builder.forms.title", defaultMessage: "Forms" },
       Component: () => Promise.resolve().then(() => (init_app(), app_exports)),
-      permissions: [{ action: "plugin::builder.forms.read", subject: null }]
-    });
-    app.addMenuLink({
-      to: "plugins/builder/submissions",
-      icon: BuilderIcon,
-      intlLabel: {
-        id: "builder.submissions",
-        defaultMessage: "Builder Submissions"
-      },
-      Component: () => Promise.resolve().then(() => (init_app(), app_exports)).then(({ SubmissionsApp: SubmissionsApp2 }) => ({
-        default: SubmissionsApp2
-      })),
       permissions: [
+        { action: "plugin::builder.forms.read", subject: null },
         { action: "plugin::builder.submissions.read", subject: null }
       ]
     });
-    app.registerPlugin({ id: "builder", name: "Builder" });
+    app.registerPlugin({ id: "builder", name: "Forms" });
+  },
+  async registerTrads({ locales }) {
+    return locales.map((locale) => ({
+      locale,
+      data: translations[locale] ?? {}
+    }));
   }
 };
 export {