@sevenfold/setto-client 0.6.1 → 0.7.0

package/dist/setto-client.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useSyncExternalStore, useRef, useLayoutEffect, createContext, useContext, useCallback, useMemo, useId, forwardRef } from "react";
+import { useState, useRef, useEffect, useSyncExternalStore, useLayoutEffect, createContext, useContext, useCallback, useMemo, useId, useInsertionEffect, forwardRef, Fragment as Fragment$1 } from "react";
 import { useTranslation } from "react-i18next";
 import { createPortal } from "react-dom";
 function __rest(s, e) {
@@ -20709,6 +20709,28 @@ function getSupabase(config) {
   cache.set(key, client);
   return client;
 }
+function createFormsApi(request) {
+  const base = (siteId) => `/sites/${encodeURIComponent(siteId)}/forms`;
+  return {
+    getSettings(siteId) {
+      return request(`${base(siteId)}/settings`, {}, "getFormSettings");
+    },
+    saveSettings(siteId, recipients) {
+      return request(
+        `${base(siteId)}/settings`,
+        { method: "PUT", body: { recipients } },
+        "saveFormSettings"
+      );
+    },
+    deleteSubmission(siteId, id) {
+      return request(
+        `${base(siteId)}/submissions/${encodeURIComponent(id)}`,
+        { method: "DELETE" },
+        "deleteSubmission"
+      );
+    }
+  };
+}
 async function bearer(sb) {
   const { data } = await sb.auth.getSession();
   const token = data.session?.access_token;
@@ -20739,7 +20761,23 @@ async function asError(res, fallback) {
 }
 function createApi(args) {
   const { apiUrl, supabase } = args;
+  const request = async (path, init = {}, label = `${init.method ?? "GET"} ${path}`) => {
+    const token = await bearer(supabase);
+    const res = await fetch(`${apiUrl}${path}`, {
+      method: init.method ?? "GET",
+      headers: {
+        Authorization: `Bearer ${token}`,
+        ...init.body !== void 0 ? { "Content-Type": "application/json" } : {}
+      },
+      body: init.body !== void 0 ? JSON.stringify(init.body) : void 0
+    });
+    if (!res.ok) throw await asError(res, `${label} failed`);
+    if (res.status === 204) return void 0;
+    return parseJson(res);
+  };
   return {
+    request,
+    forms: createFormsApi(request),
     async getContent(siteId) {
       const token = await bearer(supabase);
       const res = await fetch(`${apiUrl}/sites/${encodeURIComponent(siteId)}/content`, {
@@ -20832,14 +20870,20 @@ function getNested(obj, key) {
 }
 function deleteNested(obj, key) {
   const parts = key.split(".");
+  const chain = [obj];
   let cur = obj;
   for (let i = 0; i < parts.length - 1; i++) {
     const part = parts[i];
     const next = cur[part];
     if (!next || typeof next !== "object") return;
     cur = next;
+    chain.push(cur);
   }
   delete cur[parts[parts.length - 1]];
+  for (let i = chain.length - 1; i > 0; i--) {
+    if (Object.keys(chain[i]).length > 0) break;
+    delete chain[i - 1][parts[i - 1]];
+  }
 }
 function collectKeysUnder(obj, prefix) {
   const base = getNested(obj, prefix);
@@ -20863,6 +20907,8 @@ class I18nStore {
   /** Stable namespace used by react-i18next defaults. */
   ns;
   i18n;
+  /** >0 while a batch is running; consumers are notified once at the end. */
+  batchDepth = 0;
   /** Cached reference — useSyncExternalStore requires referential stability. */
   cachedSnapshot = {
     drafts: this.drafts,
@@ -20903,34 +20949,49 @@ class I18nStore {
   set(key, lng, value) {
     const id = `${lng}::${key}`;
     const existing = this.drafts.get(id);
-    const original = existing?.original ?? String(this.i18n.getResource(lng, this.ns, key) ?? "");
-    if (value === original) {
+    const resource = this.i18n.getResource(lng, this.ns, key);
+    const original = existing?.original ?? String(resource ?? "");
+    const created = existing ? existing.created === true : resource === void 0;
+    if (value === original && !created) {
       this.drafts.delete(id);
     } else {
-      this.drafts.set(id, { key, lng, original, current: value });
+      this.drafts.set(id, { key, lng, original, current: value, ...created ? { created } : {} });
     }
     this.i18n.addResource(lng, this.ns, key, value);
-    this.i18n.emit("languageChanged", this.i18n.language);
-    this.bump();
+    this.notify();
+  }
+  /**
+   * Deletes a key from the bundle. A key that was created this session simply
+   * disappears; one that was on disk is kept as a removal draft so the
+   * deletion counts as a change and reverts cleanly.
+   */
+  delete(key, lng) {
+    const id = `${lng}::${key}`;
+    const existing = this.drafts.get(id);
+    const resource = this.i18n.getResource(lng, this.ns, key);
+    if (existing?.created) {
+      this.drafts.delete(id);
+    } else if (existing || resource !== void 0) {
+      const original = existing?.original ?? String(resource ?? "");
+      this.drafts.set(id, { key, lng, original, current: "", removed: true });
+    }
+    this.deleteFromBundle(lng, key);
+    this.notify();
   }
   /** Resets a single draft back to its original value. */
   revert(key, lng) {
     const id = `${lng}::${key}`;
     const draft = this.drafts.get(id);
     if (!draft) return;
-    this.i18n.addResource(lng, this.ns, key, draft.original);
+    this.restore(draft);
     this.drafts.delete(id);
-    this.i18n.emit("languageChanged", this.i18n.language);
-    this.bump();
+    this.notify();
   }
   /** Resets every draft. */
   revertAll() {
-    for (const draft of this.drafts.values()) {
-      this.i18n.addResource(draft.lng, this.ns, draft.key, draft.original);
-    }
+    for (const draft of this.drafts.values()) this.restore(draft);
     this.drafts.clear();
-    this.i18n.emit("languageChanged", this.i18n.language);
-    this.bump();
+    this.notify();
   }
   /** Marks the current state as the new baseline (after a successful publish). */
   commit() {
@@ -20951,34 +21012,58 @@ class I18nStore {
    * Adds the same key across all loaded languages.
    */
   addListItem(prefix, _lng, template) {
-    const langs = this.i18n.languages?.length ? this.i18n.languages : [_lng];
+    const langs = this.languages(_lng);
     const allKeys = langs.flatMap((l) => this.getListKeys(prefix, l));
     const numeric = allKeys.map(Number).filter((n) => !Number.isNaN(n));
     const nextKey = numeric.length > 0 ? String(Math.max(...numeric) + 1) : "1";
-    for (const lang of langs) {
-      for (const [field, value] of Object.entries(template)) {
-        this.set(`${prefix}.${nextKey}.${field}`, lang, value);
+    this.batch(() => {
+      for (const lang of langs) {
+        for (const [field, value] of Object.entries(template)) {
+          this.set(`${prefix}.${nextKey}.${field}`, lang, value);
+        }
       }
-    }
+    });
     return nextKey;
   }
   /** Removes a list item and all nested keys under `prefix.itemKey` in every language. */
   removeListItem(prefix, itemKey, _lng) {
-    const langs = this.i18n.languages?.length ? this.i18n.languages : [_lng];
-    for (const lang of langs) {
-      const bundle = this.i18n.getResourceBundle(lang, this.ns) ?? {};
-      const item = getNested(bundle, `${prefix}.${itemKey}`);
-      if (!item || typeof item !== "object") continue;
-      for (const field of Object.keys(item)) {
-        const fullKey = `${prefix}.${itemKey}.${field}`;
-        const id = `${lang}::${fullKey}`;
-        this.drafts.delete(id);
-      }
-      deleteNested(bundle, `${prefix}.${itemKey}`);
-      this.i18n.addResourceBundle(lang, this.ns, bundle, true, true);
-    }
-    this.i18n.emit("languageChanged", this.i18n.language);
-    this.bump();
+    this.batch(() => {
+      for (const lang of this.languages(_lng)) {
+        for (const leaf of this.leavesUnder(`${prefix}.${itemKey}`, lang)) {
+          this.delete(leaf, lang);
+        }
+      }
+    });
+  }
+  /**
+   * Moves a list item one step up or down by swapping its values with its
+   * neighbour's, in every language. Items keep their numeric keys and the keys
+   * keep their order; only the contents trade places. That is what makes the
+   * move a set of ordinary drafts — publish, revert and the change count all
+   * work without knowing a move happened.
+   */
+  moveListItem(prefix, itemKey, direction, _lng) {
+    const keys = this.getListKeys(prefix, _lng).sort(compareListKeys);
+    const index = keys.indexOf(itemKey);
+    const targetIndex = index + direction;
+    if (index < 0 || targetIndex < 0 || targetIndex >= keys.length) return false;
+    const other = keys[targetIndex];
+    this.batch(() => {
+      for (const lang of this.languages(_lng)) {
+        const a = `${prefix}.${itemKey}`;
+        const b = `${prefix}.${other}`;
+        const fieldsA = this.leavesUnder(a, lang).map((k) => k.slice(a.length + 1));
+        const fieldsB = this.leavesUnder(b, lang).map((k) => k.slice(b.length + 1));
+        const fields = [.../* @__PURE__ */ new Set([...fieldsA, ...fieldsB])];
+        const valuesA = new Map(fields.map((f) => [f, this.valueOrUndefined(`${a}.${f}`, lang)]));
+        const valuesB = new Map(fields.map((f) => [f, this.valueOrUndefined(`${b}.${f}`, lang)]));
+        for (const f of fields) {
+          this.setOrDelete(`${a}.${f}`, lang, valuesB.get(f));
+          this.setOrDelete(`${b}.${f}`, lang, valuesA.get(f));
+        }
+      }
+    });
+    return true;
   }
   /** Re-sorts list keys after removal (optional compaction — not used by default). */
   sortListKeys(prefix, lng) {
@@ -20999,6 +21084,64 @@ class I18nStore {
     }
     return out;
   }
+  /** Runs `fn` and notifies consumers once, however many edits it makes. */
+  batch(fn) {
+    this.batchDepth += 1;
+    try {
+      fn();
+    } finally {
+      this.batchDepth -= 1;
+    }
+    if (this.batchDepth === 0) this.notify();
+  }
+  languages(fallback) {
+    return this.i18n.languages?.length ? [...this.i18n.languages] : [fallback];
+  }
+  valueOrUndefined(key, lng) {
+    const resource = this.i18n.getResource(lng, this.ns, key);
+    return resource === void 0 ? void 0 : String(resource);
+  }
+  setOrDelete(key, lng, value) {
+    if (value === void 0) {
+      if (this.i18n.getResource(lng, this.ns, key) !== void 0) this.delete(key, lng);
+    } else {
+      this.set(key, lng, value);
+    }
+  }
+  /** Every string key under `prefix`, nested to any depth. */
+  leavesUnder(prefix, lng) {
+    const bundle = this.i18n.getResourceBundle(lng, this.ns) ?? {};
+    const node = getNested(bundle, prefix);
+    const out = [];
+    const walk2 = (value, path) => {
+      if (value && typeof value === "object") {
+        for (const [k, v] of Object.entries(value)) {
+          walk2(v, `${path}.${k}`);
+        }
+      } else if (value !== void 0) {
+        out.push(path);
+      }
+    };
+    walk2(node, prefix);
+    return out;
+  }
+  deleteFromBundle(lng, key) {
+    const bundle = this.i18n.getResourceBundle(lng, this.ns) ?? {};
+    deleteNested(bundle, key);
+    this.i18n.addResourceBundle(lng, this.ns, bundle, true, true);
+  }
+  restore(draft) {
+    if (draft.created) {
+      this.deleteFromBundle(draft.lng, draft.key);
+    } else {
+      this.i18n.addResource(draft.lng, this.ns, draft.key, draft.original);
+    }
+  }
+  notify() {
+    if (this.batchDepth > 0) return;
+    this.i18n.emit("languageChanged", this.i18n.language);
+    this.bump();
+  }
   bump() {
     this.version += 1;
     this.cachedSnapshot = { drafts: this.drafts, version: this.version };
@@ -21175,21 +21318,38 @@ const EMPTY = {
 };
 function useSiteAccess(supabase, session, siteId) {
   const [state, setState] = useState(EMPTY);
+  const cachedUserIdRef = useRef(null);
   useEffect(() => {
     if (!session) {
+      cachedUserIdRef.current = null;
       setState({ sites: null, currentSite: null, loading: false, error: null });
       return;
     }
+    const userId = session.user.id;
+    const sameUser = cachedUserIdRef.current === userId;
     let cancelled = false;
-    setState((prev) => ({ ...prev, loading: true, error: null }));
+    setState((prev) => {
+      if (sameUser && prev.sites !== null && !prev.loading) {
+        return prev;
+      }
+      return {
+        ...prev,
+        loading: true,
+        error: null,
+        sites: sameUser ? prev.sites : null,
+        currentSite: sameUser ? prev.currentSite : null
+      };
+    });
     supabase.from("sites").select("*").then(({ data, error }) => {
       if (cancelled) return;
       if (error) {
+        cachedUserIdRef.current = userId;
         setState({ sites: [], currentSite: null, loading: false, error: error.message });
         return;
       }
       const rows = data ?? [];
       const current = rows.find((s) => s.id === siteId) ?? null;
+      cachedUserIdRef.current = userId;
       setState({ sites: rows, currentSite: current, loading: false, error: null });
     });
     return () => {
@@ -21211,20 +21371,30 @@ function isAdminRoute() {
 function isAdminDeploymentView() {
   return isAdminRoute() && new URLSearchParams(window.location.search).has("deployment");
 }
+function adminViewUrl(view) {
+  return `${SETTO_BASE}?view=${encodeURIComponent(view)}`;
+}
+function currentAdminView() {
+  return new URLSearchParams(window.location.search).get("view");
+}
+function isAdminPanelView() {
+  return isAdminDeploymentView() || isAdminRoute() && currentAdminView() !== null;
+}
 const FAB_SIZE = 52;
 const FAB_INSET = 16;
-const STYLE_ID$1 = "setto-edit-layout";
+const STYLE_ID$3 = "setto-edit-layout";
 const HTML_CLASS = "setto-edit-mode";
 function useSettoDocumentLayout(active) {
   useEffect(() => {
+    if (!active) return;
     const html = document.documentElement;
     html.classList.add(HTML_CLASS);
     html.style.setProperty("--setto-fab-size", `${FAB_SIZE}px`);
     html.style.setProperty("--setto-fab-inset", `${FAB_INSET}px`);
-    let styleEl = document.getElementById(STYLE_ID$1);
+    let styleEl = document.getElementById(STYLE_ID$3);
     if (!styleEl) {
       styleEl = document.createElement("style");
-      styleEl.id = STYLE_ID$1;
+      styleEl.id = STYLE_ID$3;
       styleEl.textContent = `
         html.setto-edit-mode {
           width: 100%;
@@ -21870,10 +22040,10 @@ function EditOnboardingDialog() {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: close, style: primaryBtnStyle$1, children: "Forstått" })
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: close, style: primaryBtnStyle$2, children: "Forstått" })
   ] });
 }
-const primaryBtnStyle$1 = {
+const primaryBtnStyle$2 = {
   background: "#640AFF",
   color: "#fff",
   border: "none",
@@ -22112,14 +22282,14 @@ function PublishDialog({
   return /* @__PURE__ */ jsx(EditOverlay, { onClose: void 0, children: isReady ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 12px", fontSize: 18, fontWeight: 600 }, children: "Publisert" }),
     /* @__PURE__ */ jsx("p", { style: { margin: "0 0 20px", fontSize: 14, lineHeight: 1.5, color: "#444" }, children: "Endringene dine er live." }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: onComplete, style: primaryBtnStyle, children: "OK" })
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onComplete, style: primaryBtnStyle$1, children: "OK" })
   ] }) : errored ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 12px", fontSize: 18, fontWeight: 600, color: "#dc2626" }, children: "Publisering feilet" }),
     /* @__PURE__ */ jsxs("p", { style: { margin: "0 0 20px", fontSize: 14, lineHeight: 1.5, color: "#444" }, children: [
       progressStatus === "error" ? "Bygg feilet." : "Avbrutt.",
       row?.error_message ? ` ${row.error_message}` : ""
     ] }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: onComplete, style: secondaryBtnStyle, children: "OK" })
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onComplete, style: secondaryBtnStyle$1, children: "OK" })
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("h2", { style: { margin: "0 0 16px", fontSize: 16, fontWeight: 600 }, children: "Publiserer endringer" }),
     /* @__PURE__ */ jsx("div", { style: { marginBottom: 20 }, children: /* @__PURE__ */ jsx(
@@ -22129,10 +22299,10 @@ function PublishDialog({
         buildingElapsed: isBuilding ? elapsed : void 0
       }
     ) }),
-    /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, style: secondaryBtnStyle, children: "Lukk" })
+    /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, style: secondaryBtnStyle$1, children: "Lukk" })
   ] }) });
 }
-const primaryBtnStyle = {
+const primaryBtnStyle$1 = {
   background: "#640AFF",
   color: "#fff",
   border: "none",
@@ -22143,8 +22313,8 @@ const primaryBtnStyle = {
   cursor: "pointer",
   width: "100%"
 };
-const secondaryBtnStyle = {
-  ...primaryBtnStyle,
+const secondaryBtnStyle$1 = {
+  ...primaryBtnStyle$1,
   background: "transparent",
   color: "#666",
   border: "1px solid #ddd"
@@ -22198,702 +22368,404 @@ function useEditBaseline() {
     };
   }, [session, store, config.siteId]);
 }
-function SettoMark({
-  size = 24,
-  letterColor = "#F2EBDF",
-  dotColor = "#C4502A",
-  style
-}) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 64 64",
-      width: size,
-      height: size,
-      "aria-hidden": true,
-      style: { display: "block", ...style },
-      children: [
+const shellStyle$1 = {
+  minHeight: "100dvh",
+  background: "#0a0a0d",
+  color: "#fff",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
+};
+const headerStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "16px 24px",
+  borderBottom: "1px solid #1c1c22"
+};
+const mainStyle = {
+  maxWidth: 720,
+  margin: "0 auto",
+  padding: 24,
+  display: "flex",
+  flexDirection: "column",
+  gap: 16
+};
+const cardStyle = {
+  background: "#15151a",
+  borderRadius: 12,
+  padding: 20,
+  display: "flex",
+  flexDirection: "column",
+  gap: 12
+};
+const panelStyle = {
+  background: "#1a1a20",
+  borderRadius: 8,
+  padding: 14,
+  display: "flex",
+  flexDirection: "column",
+  gap: 10
+};
+const rowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 10,
+  background: "#1a1a20",
+  padding: "6px 10px",
+  borderRadius: 6
+};
+const mutedStyle = {
+  color: "#888",
+  fontSize: 13,
+  margin: 0
+};
+const errStyle = {
+  color: "#ff7a7a",
+  fontSize: 13,
+  margin: 0
+};
+const subheadingStyle = {
+  margin: 0,
+  fontSize: 14,
+  color: "#aaa"
+};
+const primaryBtnStyle = {
+  display: "inline-block",
+  background: "#640AFF",
+  color: "#fff",
+  border: "none",
+  borderRadius: 6,
+  padding: "10px 14px",
+  fontSize: 14,
+  fontWeight: 500,
+  textDecoration: "none",
+  cursor: "pointer"
+};
+const secondaryBtnStyle = {
+  background: "transparent",
+  color: "#bda6ff",
+  border: "1px solid #2a2a32",
+  borderRadius: 6,
+  padding: "6px 10px",
+  fontSize: 12,
+  cursor: "pointer"
+};
+const dangerBtnStyle = {
+  alignSelf: "flex-start",
+  background: "transparent",
+  color: "#ff7a7a",
+  border: "1px solid #4a3030",
+  borderRadius: 6,
+  padding: "8px 14px",
+  fontSize: 13,
+  cursor: "pointer"
+};
+const inputStyle$2 = {
+  width: "100%",
+  boxSizing: "border-box",
+  background: "#0f0f13",
+  color: "#fff",
+  border: "1px solid #2a2a32",
+  borderRadius: 6,
+  padding: "8px 10px",
+  fontSize: 13,
+  fontFamily: "inherit"
+};
+const tabBarStyle = {
+  display: "flex",
+  gap: 4,
+  borderBottom: "1px solid #1c1c22",
+  paddingBottom: 0
+};
+function tabStyle(active) {
+  return {
+    background: "transparent",
+    border: "none",
+    borderBottom: active ? "2px solid #640AFF" : "2px solid transparent",
+    color: active ? "#fff" : "#888",
+    padding: "8px 12px",
+    fontSize: 13,
+    fontWeight: 500,
+    cursor: "pointer",
+    marginBottom: -1
+  };
+}
+function FormsView({ siteId }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+    /* @__PURE__ */ jsx(RecipientsPanel, { siteId }),
+    /* @__PURE__ */ jsx(SubmissionList, { siteId })
+  ] });
+}
+function RecipientsPanel({ siteId }) {
+  const { api } = useSetto();
+  const [settings, setSettings] = useState(null);
+  const [editing, setEditing] = useState(false);
+  const [draft, setDraft] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    api.forms.getSettings(siteId).then((s) => {
+      if (!cancelled) setSettings(s);
+    }).catch((err) => {
+      if (!cancelled) setError(err instanceof Error ? err.message : "Kunne ikke hente innstillinger");
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [api, siteId]);
+  const startEditing = () => {
+    setDraft((settings?.recipients ?? []).join("\n"));
+    setEditing(true);
+    setError(null);
+  };
+  const save = async (recipients) => {
+    setSaving(true);
+    setError(null);
+    try {
+      const next = await api.forms.saveSettings(siteId, recipients);
+      setSettings(next);
+      setEditing(false);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Kunne ikke lagre");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const parseDraft = () => draft.split(/[\n,;]+/).map((s) => s.trim()).filter(Boolean);
+  return /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: 15 }, children: "Hvem får e-post?" }),
+    error ? /* @__PURE__ */ jsx("p", { style: errStyle, children: error }) : null,
+    settings === null && !error ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster …" }) : null,
+    settings && !editing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { style: { margin: 0, fontSize: 14 }, children: settings.effectiveRecipients.length > 0 ? settings.effectiveRecipients.join(", ") : /* @__PURE__ */ jsx("span", { style: { color: "#ff7a7a" }, children: "Ingen mottakere — innsendinger lagres, men ingen får beskjed." }) }),
+      /* @__PURE__ */ jsx("p", { style: mutedStyle, children: settings.recipients.length === 0 ? "Standard: eierne av siden. Hver innsending lagres også her i historikken." : `Standard er ${settings.defaultRecipients.join(", ") || "ingen"}.` }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: startEditing, style: secondaryBtnStyle, children: "Endre mottakere" }),
+        settings.recipients.length > 0 ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void save([]), disabled: saving, style: secondaryBtnStyle, children: "Bruk standard" }) : null
+      ] })
+    ] }) : null,
+    settings && editing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: 6 }, children: [
+        /* @__PURE__ */ jsx("span", { style: mutedStyle, children: "E-postadresser, én per linje. Tomt betyr standard (eierne)." }),
         /* @__PURE__ */ jsx(
-          "text",
+          "textarea",
           {
-            x: "32",
-            y: "46",
-            textAnchor: "middle",
-            fontFamily: "Georgia, serif",
-            fontStyle: "italic",
-            fontSize: "42",
-            fill: letterColor,
-            children: "S"
+            value: draft,
+            rows: 3,
+            onChange: (e) => setDraft(e.target.value),
+            style: { ...inputStyle$2, resize: "vertical" },
+            placeholder: settings.defaultRecipients.join("\n"),
+            autoFocus: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => void save(parseDraft()),
+            disabled: saving,
+            style: { ...primaryBtnStyle, padding: "8px 12px", fontSize: 13 },
+            children: saving ? "Lagrer …" : "Lagre"
           }
         ),
-        /* @__PURE__ */ jsx("circle", { cx: "49", cy: "17", r: "5", fill: dotColor })
-      ]
-    }
-  );
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setEditing(false), disabled: saving, style: secondaryBtnStyle, children: "Avbryt" })
+      ] })
+    ] }) : null
+  ] });
 }
-const BLEKK = "#211711";
-const CREMA = "#F2EBDF";
-const TERRACOTTA = "#C4502A";
-function EditToolbar() {
-  const { store, themeStore, assetStore, api, config, supabase } = useSetto();
-  const { i18n } = useTranslation();
-  useEditBaseline();
-  const snap = useSyncExternalStore(
-    (cb) => store?.subscribe(() => cb()) ?? (() => {
-    }),
-    () => store?.snapshot() ?? EMPTY_I18N_STORE_SNAPSHOT,
-    () => EMPTY_I18N_STORE_SNAPSHOT
-  );
-  useSyncExternalStore(
-    (cb) => themeStore?.subscribe(() => cb()) ?? (() => {
-    }),
-    () => themeStore?.snapshot().version ?? 0,
-    () => 0
-  );
-  useSyncExternalStore(
-    (cb) => assetStore?.subscribe(() => cb()) ?? (() => {
-    }),
-    () => assetStore?.snapshot().version ?? 0,
-    () => 0
-  );
-  const [publishing, setPublishing] = useState(false);
-  const [activeDeployment, setActiveDeployment] = useState(null);
-  const [publishDialogOpen, setPublishDialogOpen] = useState(false);
+const PAGE = 50;
+function SubmissionList({ siteId }) {
+  const { supabase, api } = useSetto();
+  const [rows, setRows] = useState(null);
   const [error, setError] = useState(null);
-  const [publishedNotice, setPublishedNotice] = useState(false);
-  const [menuOpen, setMenuOpen] = useState(false);
-  const [expanded, setExpanded] = useState(false);
-  const menuRef = useRef(null);
-  const publishedNoticeTimer = useRef(null);
-  const { row: deploymentRow, status: deploymentStatus } = useDeploymentStatus(
-    supabase,
-    activeDeployment
-  );
+  const [openId, setOpenId] = useState(null);
+  const [hasMore, setHasMore] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
   useEffect(() => {
     let cancelled = false;
-    const resume = async () => {
-      try {
-        await api.expireStaleDeployments(config.siteId);
-      } catch {
-      }
-      const id = await fetchInProgressDeploymentId(supabase, config.siteId);
-      if (!cancelled && id) {
-        setActiveDeployment((current) => current ?? id);
+    supabase.from("form_submissions").select("*").eq("site_id", siteId).order("created_at", { ascending: false }).limit(PAGE).then(({ data, error: err }) => {
+      if (cancelled) return;
+      if (err) setError(err.message);
+      const list = data ?? [];
+      setRows(list);
+      setHasMore(list.length === PAGE);
+    });
+    const channel = supabase.channel(`setto-site-forms-${siteId}`).on(
+      "postgres_changes",
+      { event: "*", schema: "public", table: "form_submissions", filter: `site_id=eq.${siteId}` },
+      (payload) => {
+        const next = payload.new;
+        if (!next || !next.id) return;
+        setRows((prev) => {
+          if (!prev) return [next];
+          const without = prev.filter((r) => r.id !== next.id);
+          return [next, ...without].sort((a, b) => b.created_at.localeCompare(a.created_at));
+        });
       }
-    };
-    void resume();
+    ).subscribe();
     return () => {
       cancelled = true;
+      supabase.removeChannel(channel);
     };
-  }, [api, supabase, config.siteId]);
-  const textDraftCount = snap.drafts.size;
-  const themeDraftCount = themeStore?.size() ?? 0;
-  const assetDraftCount = assetStore?.size() ?? 0;
-  const draftCount = textDraftCount + themeDraftCount + assetDraftCount;
-  const hasDrafts = draftCount > 0;
-  const showToolbarProgress = activeDeployment !== null && !publishDialogOpen && deploymentRow !== null && isDeploymentInProgress(deploymentRow.status) && !isDeploymentStale(deploymentRow);
-  const showPublishedNotice = publishedNotice && !publishDialogOpen;
-  useEffect(() => {
-    if (error || showToolbarProgress || showPublishedNotice) {
-      setExpanded(true);
-    }
-  }, [error, showToolbarProgress, showPublishedNotice]);
-  const toggleExpanded = () => {
-    setExpanded((prev) => {
-      const next = !prev;
-      if (!next) setMenuOpen(false);
-      return next;
-    });
-  };
-  useEffect(() => {
-    return () => {
-      if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
-    };
-  }, []);
-  useEffect(() => {
-    if (!activeDeployment || !deploymentRow) return;
-    const { status } = deploymentRow;
-    if (status === "ready") {
-      if (publishDialogOpen) return;
-      setPublishedNotice(true);
-      setActiveDeployment(null);
-      if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
-      publishedNoticeTimer.current = setTimeout(() => setPublishedNotice(false), 6e3);
-      return;
-    }
-    if (publishDialogOpen) return;
-    if (status === "error" || status === "canceled") {
-      setError(
-        status === "canceled" ? "Publisering avbrutt." : deploymentRow.error_message?.includes("webhook") ? "Publisering utløpt (ingen webhook)." : "Publisering feilet."
-      );
-      setActiveDeployment(null);
+  }, [supabase, siteId]);
+  const loadMore = async () => {
+    if (!rows || rows.length === 0) return;
+    setLoadingMore(true);
+    const oldest = rows[rows.length - 1].created_at;
+    const { data, error: err } = await supabase.from("form_submissions").select("*").eq("site_id", siteId).lt("created_at", oldest).order("created_at", { ascending: false }).limit(PAGE);
+    setLoadingMore(false);
+    if (err) {
+      setError(err.message);
       return;
     }
-    if (isDeploymentStale(deploymentRow)) {
-      setError("Publisering utløpt (ingen webhook).");
-      setActiveDeployment(null);
-    }
-  }, [activeDeployment, deploymentRow, publishDialogOpen]);
-  useEffect(() => {
-    if (!activeDeployment) return;
-    const syncActiveDeployment = async () => {
-      const { data } = await supabase.from("deployments").select("status").eq("id", activeDeployment).maybeSingle();
-      if (!data) {
-        setActiveDeployment(null);
-        return;
-      }
-      const status = data.status;
-      if (status === "ready") {
-        if (!publishDialogOpen) {
-          setPublishedNotice(true);
-          if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
-          publishedNoticeTimer.current = setTimeout(() => setPublishedNotice(false), 6e3);
-        }
-        setActiveDeployment(null);
-        return;
-      }
-      if (!isDeploymentInProgress(status)) {
-        if (status === "canceled") setError("Publisering avbrutt.");
-        else if (status === "error") setError("Publisering feilet.");
-        setActiveDeployment(null);
-      }
-    };
-    const onVisible = () => {
-      if (document.visibilityState === "visible") void syncActiveDeployment();
-    };
-    window.addEventListener("focus", syncActiveDeployment);
-    document.addEventListener("visibilitychange", onVisible);
-    return () => {
-      window.removeEventListener("focus", syncActiveDeployment);
-      document.removeEventListener("visibilitychange", onVisible);
-    };
-  }, [activeDeployment, publishDialogOpen, supabase]);
-  const languages = i18n.languages?.length ? Array.from(new Set(i18n.languages)) : ["no", "en"];
-  useEffect(() => {
-    if (!menuOpen) return;
-    const close = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [menuOpen]);
-  const publish = async () => {
-    if (!store) return;
-    setPublishing(true);
-    setPublishDialogOpen(true);
-    setError(null);
-    setPublishedNotice(false);
+    const more = data ?? [];
+    setRows((prev) => [...prev ?? [], ...more]);
+    setHasMore(more.length === PAGE);
+  };
+  const remove2 = async (id) => {
+    if (!window.confirm("Slette denne henvendelsen? Dette kan ikke angres.")) return;
     try {
-      const bundles = store.serialiseBundles();
-      const files = Object.entries(bundles).map(([lng, data]) => ({
-        path: pathForLang(config.siteId, lng, languages),
-        content: JSON.stringify(data, null, 2) + "\n"
-      }));
-      if (themeStore && themeDraftCount > 0) {
-        files.push({
-          path: pathForTheme(config.siteId, config.themePath),
-          content: JSON.stringify(themeStore.serialise(), null, 2) + "\n"
-        });
-      }
-      if (assetStore && assetDraftCount > 0) {
-        const result2 = await api.publish(config.siteId, files, {
-          assets: assetStore.pendingAssets()
-        });
-        store.commit();
-        themeStore?.commit();
-        assetStore.commit();
-        let deploymentId2 = result2.deploymentId;
-        if (!deploymentId2 && result2.trackingDeferred) {
-          deploymentId2 = await waitForDeploymentByCommit(
-            supabase,
-            config.siteId,
-            result2.commitSha
-          );
-        }
-        if (deploymentId2) {
-          setActiveDeployment(deploymentId2);
-        } else {
-          setPublishDialogOpen(false);
-          setPublishedNotice(true);
-        }
-        return;
-      }
-      const result = await api.publish(config.siteId, files);
-      store.commit();
-      themeStore?.commit();
-      assetStore?.commit();
-      let deploymentId = result.deploymentId;
-      if (!deploymentId && result.trackingDeferred) {
-        deploymentId = await waitForDeploymentByCommit(
-          supabase,
-          config.siteId,
-          result.commitSha
-        );
-      }
-      if (deploymentId) {
-        setActiveDeployment(deploymentId);
-      } else {
-        setPublishDialogOpen(false);
-        setPublishedNotice(true);
-      }
+      await api.forms.deleteSubmission(siteId, id);
+      setRows((prev) => (prev ?? []).filter((r) => r.id !== id));
+      if (openId === id) setOpenId(null);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "unknown error");
-      setPublishDialogOpen(false);
-    } finally {
-      setPublishing(false);
+      setError(err instanceof Error ? err.message : "Kunne ikke slette");
     }
   };
-  const completePublish = () => {
-    setPublishDialogOpen(false);
-    setActiveDeployment(null);
-    setPublishedNotice(false);
-    if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
-  };
-  const dismissPublishedNotice = () => {
-    setPublishedNotice(false);
-    if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
-  };
-  const cancelDrafts = () => {
-    setMenuOpen(false);
-    store?.revertAll();
-    themeStore?.revertAll();
-    assetStore?.revertAll();
-    setError(null);
-    setExpanded(false);
-  };
-  const signOut = () => {
-    setMenuOpen(false);
-    void supabase.auth.signOut();
-  };
-  const goToHistory = () => {
-    setMenuOpen(false);
-    window.location.href = SETTO_BASE;
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  if (!rows) return /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster henvendelser …" });
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+    /* @__PURE__ */ jsx("h3", { style: subheadingStyle, children: "Henvendelser" }),
+    error ? /* @__PURE__ */ jsx("p", { style: errStyle, children: error }) : null,
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Ingen henvendelser ennå. Når noen sender inn et skjema på siden, dukker det opp her og i e-posten." }) : /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: 6 }, children: rows.map((row) => /* @__PURE__ */ jsx(
+      SubmissionItem,
+      {
+        row,
+        open: openId === row.id,
+        onToggle: () => setOpenId(openId === row.id ? null : row.id),
+        onDelete: () => void remove2(row.id)
+      },
+      row.id
+    )) }),
+    hasMore ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void loadMore(), disabled: loadingMore, style: secondaryBtnStyle, children: loadingMore ? "Laster …" : "Vis eldre" }) : null
+  ] });
+}
+function SubmissionItem({
+  row,
+  open,
+  onToggle,
+  onDelete
+}) {
+  const fields = submissionFields(row);
+  const sender = senderOf(fields);
+  const title = row.meta.title ?? row.form_id;
+  return /* @__PURE__ */ jsxs("li", { children: [
     /* @__PURE__ */ jsxs(
-      "div",
+      "button",
       {
-        role: "toolbar",
-        "aria-label": "Setto editor",
-        style: {
-          ...containerStyleFor(hasDrafts),
-          ...expanded ? expandedContainerStyle : {}
-        },
+        type: "button",
+        onClick: onToggle,
+        "aria-expanded": open,
+        style: { ...rowStyle, width: "100%", textAlign: "left", color: "inherit", border: "none", cursor: "pointer", font: "inherit" },
         children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": expanded ? "Lukk Setto-meny" : "Åpne Setto-meny",
-              "aria-expanded": expanded,
-              title: "Setto",
-              style: markButtonStyle,
-              onClick: toggleExpanded,
-              children: /* @__PURE__ */ jsx(SettoMark, { size: 28 })
-            }
-          ),
-          expanded ? /* @__PURE__ */ jsxs("div", { style: contentStyle, children: [
-            error ? /* @__PURE__ */ jsx("span", { style: errorStyle, children: error }) : null,
-            hasDrafts && !publishing && activeDeployment === null ? /* @__PURE__ */ jsx("button", { type: "button", onClick: publish, style: publishBtnStyle, children: "Publiser" }) : null,
-            showPublishedNotice ? /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: dismissPublishedNotice,
-                style: publishedNoticeStyle,
-                title: "Lukk",
-                children: [
-                  /* @__PURE__ */ jsx(PublishedCheckIcon, {}),
-                  "Publisert"
-                ]
-              }
-            ) : null,
-            showToolbarProgress && deploymentRow ? /* @__PURE__ */ jsx(
-              PublishProgressBar,
-              {
-                status: deploymentRow.status,
-                compact: true,
-                href: `${SETTO_BASE}?deployment=${encodeURIComponent(activeDeployment)}`
-              }
-            ) : null,
-            !hasDrafts && !error && !showPublishedNotice && !showToolbarProgress && !publishing ? /* @__PURE__ */ jsx("span", { style: emptyStateStyle, children: "Ingen endringer" }) : null,
-            /* @__PURE__ */ jsxs("div", { ref: menuRef, style: { position: "relative" }, children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setMenuOpen((o) => !o),
-                  "aria-label": "Meny",
-                  "aria-expanded": menuOpen,
-                  style: {
-                    ...menuBtnStyle,
-                    background: menuOpen ? "rgba(242, 235, 223, 0.16)" : "transparent"
-                  },
-                  onMouseEnter: (e) => {
-                    e.currentTarget.style.background = "rgba(242, 235, 223, 0.16)";
-                  },
-                  onMouseLeave: (e) => {
-                    e.currentTarget.style.background = menuOpen ? "rgba(242, 235, 223, 0.16)" : "transparent";
-                  },
-                  children: "⋮"
-                }
-              ),
-              menuOpen ? /* @__PURE__ */ jsxs("div", { style: dropdownStyle, role: "menu", children: [
-                /* @__PURE__ */ jsx(
-                  MenuItem,
-                  {
-                    onClick: cancelDrafts,
-                    icon: /* @__PURE__ */ jsx(UndoIcon, {}),
-                    disabled: !hasDrafts,
-                    children: "Avbryt"
-                  }
-                ),
-                /* @__PURE__ */ jsx(MenuItem, { onClick: goToHistory, icon: /* @__PURE__ */ jsx(HistoryIcon, {}), children: "Historikk" }),
-                /* @__PURE__ */ jsx(MenuItem, { onClick: signOut, icon: /* @__PURE__ */ jsx(LogOutIcon, {}), children: "Logg ut" })
-              ] }) : null
+          /* @__PURE__ */ jsx("span", { style: statusDotStyle(row.email_status), title: emailStatusLabel(row) }),
+          /* @__PURE__ */ jsxs("span", { style: { flex: 1, fontSize: 13, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: [
+            sender ?? /* @__PURE__ */ jsx("span", { style: { color: "#aaa" }, children: "Uten navn" }),
+            /* @__PURE__ */ jsxs("span", { style: { color: "#888" }, children: [
+              " · ",
+              title
             ] })
-          ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx("time", { style: { fontSize: 11, color: "#888", flexShrink: 0 }, children: formatWhen(row.created_at) })
         ]
       }
     ),
-    /* @__PURE__ */ jsx(EditOnboardingDialog, {}),
-    publishDialogOpen && (publishing || activeDeployment !== null) ? /* @__PURE__ */ jsx(
-      PublishDialog,
-      {
-        deploymentId: activeDeployment ?? "",
-        row: deploymentRow,
-        status: deploymentStatus ?? "pending",
-        publishing,
-        onClose: () => setPublishDialogOpen(false),
-        onComplete: completePublish
-      }
-    ) : null
+    open ? /* @__PURE__ */ jsxs("div", { style: { ...panelStyle, marginTop: 4, gap: 12 }, children: [
+      /* @__PURE__ */ jsx("dl", { style: { margin: 0, display: "grid", gap: 10 }, children: fields.map((f) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { style: { fontSize: 11, color: "#888", textTransform: "uppercase", letterSpacing: "0.04em" }, children: f.label }),
+        /* @__PURE__ */ jsx("dd", { style: { margin: 0, fontSize: 14, whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: f.value === "" ? /* @__PURE__ */ jsx("span", { style: { color: "#666" }, children: "—" }) : f.value })
+      ] }, f.name)) }),
+      /* @__PURE__ */ jsxs("p", { style: mutedStyle, children: [
+        emailStatusLabel(row),
+        row.recipients.length > 0 ? ` til ${row.recipients.join(", ")}` : "",
+        row.email_error ? ` — ${row.email_error}` : "",
+        row.meta.page ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " · ",
+          /* @__PURE__ */ jsx("a", { href: row.meta.page, style: { color: "#bda6ff" }, target: "_blank", rel: "noreferrer", children: "Sendt fra siden" })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: onDelete, style: dangerBtnStyle, children: "Slett henvendelse" })
+    ] }) : null
   ] });
 }
-const EASE_OUT_EXPO = "cubic-bezier(0.16, 1, 0.3, 1)";
-const FAB_SHADOW = "0 8px 24px rgba(33, 23, 17, 0.35), 0 2px 6px rgba(33, 23, 17, 0.2)";
-function containerStyleFor(hasDrafts) {
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    height: FAB_SIZE,
-    width: FAB_SIZE,
-    padding: 0,
-    background: BLEKK,
-    color: CREMA,
-    borderRadius: FAB_SIZE / 2,
-    boxShadow: hasDrafts ? `0 0 0 2px ${TERRACOTTA}, ${FAB_SHADOW}` : FAB_SHADOW,
-    fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
-    fontSize: 13,
-    overflow: "visible",
-    transition: `width 500ms ${EASE_OUT_EXPO}, padding 500ms ${EASE_OUT_EXPO}, box-shadow 300ms ${EASE_OUT_EXPO}`
-  };
-}
-const expandedContainerStyle = {
-  width: "auto",
-  paddingRight: 10
-};
-const markButtonStyle = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  flexShrink: 0,
-  width: FAB_SIZE,
-  height: FAB_SIZE,
-  background: "transparent",
-  border: "none",
-  padding: 0,
-  cursor: "pointer",
-  color: "inherit"
-};
-const contentStyle = {
-  display: "flex",
-  alignItems: "center",
-  gap: 6,
-  paddingLeft: 4,
-  whiteSpace: "nowrap"
-};
-const errorStyle = {
-  color: "#ffb4a8",
-  fontSize: 12,
-  maxWidth: 240,
-  overflow: "hidden",
-  textOverflow: "ellipsis"
-};
-const publishedNoticeStyle = {
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 5,
-  padding: "4px 10px",
-  borderRadius: 999,
-  border: "1px solid rgba(242, 235, 223, 0.25)",
-  background: "rgba(242, 235, 223, 0.08)",
-  color: CREMA,
-  fontSize: 12,
-  fontWeight: 500,
-  cursor: "pointer",
-  whiteSpace: "nowrap"
-};
-const publishBtnStyle = {
-  background: TERRACOTTA,
-  color: CREMA,
-  border: "none",
-  borderRadius: 999,
-  padding: "6px 14px",
-  fontSize: 13,
-  fontWeight: 600,
-  cursor: "pointer",
-  whiteSpace: "nowrap"
-};
-const menuBtnStyle = {
-  background: "transparent",
-  color: CREMA,
-  border: "none",
-  borderRadius: 999,
-  width: 32,
-  height: 32,
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: 22,
-  lineHeight: 1,
-  cursor: "pointer",
-  fontWeight: 700
-};
-const emptyStateStyle = {
-  color: "rgba(242, 235, 223, 0.55)",
-  fontSize: 13,
-  whiteSpace: "nowrap",
-  padding: "0 4px"
-};
-const dropdownStyle = {
-  position: "absolute",
-  bottom: "100%",
-  left: 0,
-  marginBottom: 8,
-  background: "#fff",
-  border: "1px solid #e8e8e8",
-  borderRadius: 10,
-  boxShadow: "0 12px 32px rgba(33, 23, 17, 0.18)",
-  minWidth: 160,
-  overflow: "hidden",
-  zIndex: 1
-};
-const menuItemStyle = {
-  display: "flex",
-  alignItems: "center",
-  gap: 8,
-  width: "100%",
-  background: "transparent",
-  border: "none",
-  padding: "10px 14px",
-  fontSize: 13,
-  textAlign: "left",
-  cursor: "pointer",
-  color: "#1a1a1a"
-};
-function MenuItem({
-  onClick,
-  icon,
-  children,
-  disabled = false
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled,
-      style: { ...menuItemStyle, opacity: disabled ? 0.4 : 1, cursor: disabled ? "not-allowed" : "pointer" },
-      role: "menuitem",
-      onMouseEnter: (e) => {
-        if (!disabled) e.currentTarget.style.background = "#f5f5f5";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.background = "transparent";
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { style: menuIconWrapStyle, "aria-hidden": true, children: icon }),
-        children
-      ]
+function submissionFields(row) {
+  const flat = [];
+  flatten(row.data, "", flat);
+  const rank = new Map((row.field_order ?? []).map((n, i) => [n, i]));
+  const rankOf = (name) => rank.get(name) ?? rank.get(name.split(".")[0]) ?? Number.MAX_SAFE_INTEGER;
+  return flat.map((f, i) => ({ f, i })).sort((a, b) => rankOf(a.f.name) - rankOf(b.f.name) || a.i - b.i).map(({ f }) => ({
+    name: f.name,
+    label: row.labels?.[f.name] ?? row.labels?.[f.name.split(".")[0]] ?? prettify(f.name),
+    value: f.value
+  }));
+}
+function flatten(value, path, out) {
+  if (value === null || value === void 0) {
+    out.push({ name: path, value: "" });
+  } else if (typeof value === "boolean") {
+    out.push({ name: path, value: value ? "Ja" : "Nei" });
+  } else if (typeof value === "string" || typeof value === "number") {
+    out.push({ name: path, value: String(value) });
+  } else if (Array.isArray(value)) {
+    if (value.every((v) => typeof v !== "object" || v === null)) {
+      out.push({ name: path, value: value.map((v) => v == null ? "" : String(v)).filter(Boolean).join(", ") });
+    } else {
+      value.forEach((item, i) => flatten(item, `${path}.${i + 1}`, out));
     }
-  );
-}
-const menuIconWrapStyle = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  flexShrink: 0,
-  color: "#666"
-};
-function PublishedCheckIcon() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "14",
-      height: "14",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": true,
-      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+  } else if (typeof value === "object") {
+    for (const [k, v] of Object.entries(value)) {
+      flatten(v, path ? `${path}.${k}` : k, out);
     }
-  );
+  }
 }
-function HistoryIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
-  ] });
+function prettify(name) {
+  const leaf = name.split(".").pop() ?? name;
+  const words = leaf.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_\-.]+/g, " ").trim().toLowerCase();
+  return words ? words[0].toUpperCase() + words.slice(1) : name;
 }
-function LogOutIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-    /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7" }),
-    /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
-  ] });
+const EMAIL_RE$1 = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
+function senderOf(fields) {
+  const named = fields.find(
+    (f) => /(^|[._-])(navn|name|fullname|full_name|fornavn|firstname|first_name)$/i.test(f.name) && f.value && !EMAIL_RE$1.test(f.value)
+  );
+  if (named) return named.value.slice(0, 80);
+  const email = fields.find((f) => EMAIL_RE$1.test(f.value));
+  if (email) return email.value;
+  const first = fields.find((f) => f.value !== "");
+  return first ? first.value.slice(0, 80) : null;
+}
+function emailStatusLabel(row) {
+  switch (row.email_status) {
+    case "sent":
+      return "E-post sendt";
+    case "failed":
+      return "E-post feilet";
+    case "skipped":
+      return "Ingen mottakere";
+    case "pending":
+      return "Sender e-post";
+  }
 }
-function UndoIcon() {
-  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 7v6h6" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 17a9 9 0 0 0-15-6.7L3 13" })
-  ] });
+function formatWhen(iso) {
+  const d = new Date(iso);
+  const now = /* @__PURE__ */ new Date();
+  const sameDay = d.toDateString() === now.toDateString();
+  return sameDay ? d.toLocaleTimeString("nb-NO", { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString("nb-NO", { day: "numeric", month: "short" }) + " " + d.toLocaleTimeString("nb-NO", { hour: "2-digit", minute: "2-digit" });
 }
-function EditModeShell({ children, themeStore }) {
-  useSettoDocumentLayout(true);
-  const [toolbarRoot, setToolbarRoot] = useState(null);
-  const [hintRoot, setHintRoot] = useState(null);
-  const [sectionToolbarRoot, setSectionToolbarRoot] = useState(null);
-  useEffect(() => {
-    const toolbar = document.createElement("div");
-    toolbar.id = "setto-toolbar-root";
-    document.body.appendChild(toolbar);
-    const hint = document.createElement("div");
-    hint.id = "setto-hint-root";
-    hint.style.pointerEvents = "none";
-    document.body.appendChild(hint);
-    const sectionBar = document.createElement("div");
-    sectionBar.id = "setto-section-toolbar-root";
-    sectionBar.style.pointerEvents = "none";
-    document.body.appendChild(sectionBar);
-    setToolbarRoot(toolbar);
-    setHintRoot(hint);
-    setSectionToolbarRoot(sectionBar);
-    return () => {
-      toolbar.remove();
-      hint.remove();
-      sectionBar.remove();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children,
-    toolbarRoot ? createPortal(/* @__PURE__ */ jsx(EditToolbar, {}), toolbarRoot) : null,
-    hintRoot ? createPortal(/* @__PURE__ */ jsx(EditLinkHint, {}), hintRoot) : null,
-    sectionToolbarRoot && themeStore ? createPortal(/* @__PURE__ */ jsx(SectionToolbar, {}), sectionToolbarRoot) : null
-  ] });
-}
-const SettoContext = createContext(null);
-function SettoProvider({ config, children }) {
-  const supabase = useMemo(() => getSupabase(config.supabase), [config.supabase]);
-  const api = useMemo(() => createApi({ apiUrl: config.apiUrl, supabase }), [config.apiUrl, supabase]);
-  const [session, setSession] = useState(null);
-  const [authLoading, setAuthLoading] = useState(true);
-  const [onAdminRoute, setOnAdminRoute] = useState(
-    () => typeof window === "undefined" ? false : isAdminRoute()
-  );
-  useEffect(() => {
-    let cancelled = false;
-    supabase.auth.getSession().then(({ data }) => {
-      if (cancelled) return;
-      setSession(data.session ?? null);
-      setAuthLoading(false);
-    });
-    const { data: sub } = supabase.auth.onAuthStateChange((_event, session2) => {
-      setSession(session2);
-    });
-    return () => {
-      cancelled = true;
-      sub.subscription.unsubscribe();
-    };
-  }, [supabase]);
-  useEffect(() => {
-    const compute = () => setOnAdminRoute(isAdminRoute());
-    compute();
-    window.addEventListener("popstate", compute);
-    return () => window.removeEventListener("popstate", compute);
-  }, []);
-  const access = useSiteAccess(supabase, session, config.siteId);
-  const { i18n } = useTranslation();
-  const storeRef = useRef(null);
-  const themeStoreRef = useRef(null);
-  const assetStoreRef = useRef(null);
-  const [storeReady, setStoreReady] = useState(false);
-  useEffect(() => {
-    if (!i18n) return;
-    storeRef.current = new I18nStore(i18n);
-    themeStoreRef.current = new ThemeStore(config.theme ?? {});
-    assetStoreRef.current = new AssetStore();
-    setStoreReady(true);
-  }, [i18n, config.theme]);
-  const editMode = !!session && !!access.currentSite && !onAdminRoute && !authLoading && !access.loading;
-  const value = {
-    config,
-    supabase,
-    api,
-    session,
-    authLoading,
-    editMode,
-    currentSite: access.currentSite,
-    sites: access.sites,
-    store: storeReady ? storeRef.current : null,
-    themeStore: storeReady ? themeStoreRef.current : null,
-    assetStore: storeReady ? assetStoreRef.current : null
-  };
-  return /* @__PURE__ */ jsx(SettoContext.Provider, { value, children: /* @__PURE__ */ jsx(SectionEditProvider, { children: editMode && value.store ? /* @__PURE__ */ jsx(EditModeShell, { themeStore: value.themeStore, children }) : children }) });
-}
-function useSetto() {
-  const ctx = useContext(SettoContext);
-  if (!ctx) {
-    throw new Error("useSetto() must be used inside <SettoProvider>");
-  }
-  return ctx;
-}
-const GuestEditContext = createContext(null);
-function GuestEditProvider({ children }) {
-  const { editMode, themeStore } = useSetto();
-  const { selectSection } = useSectionEdit();
-  const [active, setActive] = useState(false);
-  useEffect(() => {
-    if (editMode && active) setActive(false);
-  }, [editMode, active]);
-  useEffect(() => {
-    document.documentElement.classList.toggle("setto-guest-editing", active);
-    return () => document.documentElement.classList.remove("setto-guest-editing");
-  }, [active]);
-  const start = useCallback(() => setActive(true), []);
-  const stop = useCallback(() => {
-    setActive(false);
-    selectSection(null);
-  }, [selectSection]);
-  return /* @__PURE__ */ jsxs(GuestEditContext.Provider, { value: { active, start, stop }, children: [
-    children,
-    active && themeStore ? createPortal(/* @__PURE__ */ jsx(SectionToolbar, {}), document.body) : null
-  ] });
-}
-function useGuestEdit() {
-  const ctx = useContext(GuestEditContext);
-  if (!ctx) {
-    return { active: false, start: () => {
-    }, stop: () => {
-    } };
-  }
-  return ctx;
+function statusDotStyle(status) {
+  const colour = status === "sent" ? "#34d399" : status === "failed" ? "#ff7a7a" : status === "skipped" ? "#fbbf24" : "#888";
+  return { width: 8, height: 8, borderRadius: "50%", background: colour, flexShrink: 0 };
 }
 const MARGIN = 10;
 const OFFSET = 8;
@@ -23009,6 +22881,37 @@ function rangeFromPoint(doc, x, y) {
   range.collapse(true);
   return range;
 }
+const GuestEditContext = createContext(null);
+function GuestEditProvider({ children }) {
+  const { editMode, themeStore } = useSetto();
+  const { selectSection } = useSectionEdit();
+  const [active, setActive] = useState(false);
+  useEffect(() => {
+    if (editMode && active) setActive(false);
+  }, [editMode, active]);
+  useEffect(() => {
+    document.documentElement.classList.toggle("setto-guest-editing", active);
+    return () => document.documentElement.classList.remove("setto-guest-editing");
+  }, [active]);
+  const start = useCallback(() => setActive(true), []);
+  const stop = useCallback(() => {
+    setActive(false);
+    selectSection(null);
+  }, [selectSection]);
+  return /* @__PURE__ */ jsxs(GuestEditContext.Provider, { value: { active, start, stop }, children: [
+    children,
+    active && themeStore ? createPortal(/* @__PURE__ */ jsx(SectionToolbar, {}), document.body) : null
+  ] });
+}
+function useGuestEdit() {
+  const ctx = useContext(GuestEditContext);
+  if (!ctx) {
+    return { active: false, start: () => {
+    }, stop: () => {
+    } };
+  }
+  return ctx;
+}
 function T({ k }) {
   const { t, i18n } = useTranslation();
   const { editMode, store } = useSetto();
@@ -23125,11 +23028,1858 @@ function T({ k }) {
     showLinkChip ? /* @__PURE__ */ jsx(LinkActionChip, { anchorRef: ref, visible: focused }) : null
   ] });
 }
-function toBcp47(code) {
-  const base = (code.split("-")[0] ?? code).toLowerCase();
-  if (base === "no" || base === "nb" || base === "nn") return "nb-NO";
-  if (base === "en") return "en";
-  return code;
+function toBcp47(code) {
+  const base = (code.split("-")[0] ?? code).toLowerCase();
+  if (base === "no" || base === "nb" || base === "nn") return "nb-NO";
+  if (base === "en") return "en";
+  return code;
+}
+const FORM_FIELD_TYPES = [
+  "text",
+  "email",
+  "tel",
+  "number",
+  "url",
+  "date",
+  "textarea",
+  "select",
+  "radio",
+  "checkbox",
+  "checkboxes"
+];
+const FORM_FIELD_TYPE_LABELS = {
+  text: "Kort tekst",
+  email: "E-post",
+  tel: "Telefon",
+  number: "Tall",
+  url: "Nettadresse",
+  date: "Dato",
+  textarea: "Lang tekst",
+  select: "Nedtrekksliste",
+  radio: "Ett valg",
+  checkbox: "Avkrysning",
+  checkboxes: "Flere valg"
+};
+function isFormFieldType(value) {
+  return typeof value === "string" && FORM_FIELD_TYPES.includes(value);
+}
+function fieldTypeHasOptions(type) {
+  return type === "select" || type === "radio" || type === "checkboxes";
+}
+function fieldTypeHasPlaceholder(type) {
+  return !fieldTypeHasOptions(type) && type !== "checkbox" && type !== "date";
+}
+function formFieldsPrefix(formId) {
+  return `form.${formId}.fields`;
+}
+function parseOptions(value) {
+  if (!value) return [];
+  return value.split("\n").map((o) => o.trim()).filter((o) => o !== "");
+}
+function readString(item, prop) {
+  const value = item[prop];
+  return typeof value === "string" ? value : "";
+}
+function readLocaleFields(i18n, lng, formId, ns = "translation") {
+  const prefix = formFieldsPrefix(formId);
+  const candidates = [lng, ...i18n.languages ?? []].filter((l, i, all) => all.indexOf(l) === i);
+  let bundle;
+  let list;
+  for (const candidate of candidates) {
+    const b = i18n.getResourceBundle(candidate, ns);
+    const l = getNested(b, prefix);
+    if (l && typeof l === "object" && !Array.isArray(l)) {
+      bundle = b;
+      list = l;
+      break;
+    }
+  }
+  if (!list) return null;
+  const fields = [];
+  for (const itemKey of collectKeysUnder(bundle, prefix)) {
+    const item = list[itemKey];
+    if (!item || typeof item !== "object") continue;
+    const record = item;
+    const name = readString(record, "name").trim();
+    if (!name) continue;
+    const type = isFormFieldType(record.type) ? record.type : "text";
+    fields.push({
+      itemKey,
+      name,
+      type,
+      labelKey: `${prefix}.${itemKey}.label`,
+      label: readString(record, "label"),
+      placeholder: readString(record, "placeholder"),
+      required: readString(record, "required") === "true",
+      options: parseOptions(readString(record, "options"))
+    });
+  }
+  return fields;
+}
+function resolvePropFields(fields, t) {
+  return fields.map((field) => ({
+    name: field.name,
+    type: isFormFieldType(field.type) ? field.type : "text",
+    labelKey: field.labelKey,
+    label: t(field.labelKey, { defaultValue: "" }),
+    placeholder: field.placeholderKey ? t(field.placeholderKey, { defaultValue: "" }) : "",
+    required: field.required === true,
+    options: field.optionsKey ? parseOptions(t(field.optionsKey, { defaultValue: "" })) : []
+  }));
+}
+function slugifyFieldName(label) {
+  const slug = label.toLowerCase().replace(/æ/g, "ae").replace(/ø/g, "o").replace(/å/g, "a").normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9_]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 40);
+  return slug || "felt";
+}
+function uniqueFieldName(base, taken) {
+  const used = new Set(taken);
+  if (!used.has(base)) return base;
+  let n = 2;
+  while (used.has(`${base}-${n}`)) n += 1;
+  return `${base}-${n}`;
+}
+function emptyValue(type) {
+  if (type === "checkbox") return false;
+  if (type === "checkboxes") return [];
+  return "";
+}
+function isBlank(value) {
+  if (value === void 0) return true;
+  if (typeof value === "string") return value.trim() === "";
+  if (typeof value === "boolean") return !value;
+  return value.length === 0;
+}
+const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/;
+const URL_RE = /^(https?:\/\/)?[^\s/$.?#].[^\s]*$/i;
+const FIELD_ERROR_DEFAULTS = {
+  required: "Må fylles ut",
+  email: "Skriv inn en gyldig e-postadresse",
+  url: "Skriv inn en gyldig nettadresse",
+  number: "Skriv inn et tall"
+};
+function validateValues(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const value = values[field.name];
+    if (field.required && isBlank(value)) {
+      errors[field.name] = "required";
+      continue;
+    }
+    if (typeof value !== "string" || value.trim() === "") continue;
+    if (field.type === "email" && !EMAIL_RE.test(value.trim())) errors[field.name] = "email";
+    if (field.type === "url" && !URL_RE.test(value.trim())) errors[field.name] = "url";
+    if (field.type === "number" && Number.isNaN(Number(value.trim()))) errors[field.name] = "number";
+  }
+  return errors;
+}
+function buildEnvelope(fields, values, extra) {
+  const data = {};
+  const labels = {};
+  for (const field of fields) {
+    const value = values[field.name] ?? emptyValue(field.type);
+    data[field.name] = typeof value === "string" ? value.trim() : value;
+    if (field.label.trim()) labels[field.name] = field.label.trim();
+  }
+  return {
+    data,
+    labels,
+    order: fields.map((f) => f.name),
+    ...extra.title ? { title: extra.title } : {},
+    ...extra.page ? { page: extra.page } : {},
+    hp: extra.hp,
+    elapsed: Math.max(0, Math.round(extra.elapsed))
+  };
+}
+function settoSubmissionUrl(apiUrl, siteId, formId) {
+  return `${apiUrl.replace(/\/+$/, "")}/sites/${encodeURIComponent(siteId)}/forms/${encodeURIComponent(formId)}/submissions`;
+}
+function FloatingPopover({
+  open,
+  anchorRef,
+  onClose,
+  ariaLabel,
+  children,
+  style,
+  minWidth = 280
+}) {
+  const popoverRef = useRef(null);
+  const [pos, setPos] = useState(null);
+  useLayoutEffect(() => {
+    if (!open || !anchorRef.current) {
+      setPos(null);
+      return;
+    }
+    const update = () => {
+      const anchor = anchorRef.current;
+      const pop = popoverRef.current;
+      if (!anchor) return;
+      const rect = anchor.getBoundingClientRect();
+      const popoverH = pop?.offsetHeight ?? 200;
+      const popoverW = pop?.offsetWidth ?? minWidth;
+      let top = rect.bottom + 6;
+      let left = rect.left;
+      if (left + popoverW > window.innerWidth - 8) {
+        left = window.innerWidth - popoverW - 8;
+      }
+      if (left < 8) left = 8;
+      if (top + popoverH > window.innerHeight - 8) {
+        top = rect.top - popoverH - 6;
+      }
+      if (top < 8) top = rect.bottom + 6;
+      setPos({ top, left });
+    };
+    update();
+    requestAnimationFrame(update);
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [open, anchorRef, minWidth]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose]);
+  useEffect(() => {
+    if (!open) return;
+    const close = (e) => {
+      const target = e.target;
+      if (anchorRef.current?.contains(target)) return;
+      if (popoverRef.current?.contains(target)) return;
+      onClose();
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [open, onClose, anchorRef]);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: popoverRef,
+        role: "dialog",
+        "aria-label": ariaLabel,
+        "data-setto-ui": true,
+        style: {
+          position: "fixed",
+          top: pos?.top ?? -9999,
+          left: pos?.left ?? 0,
+          visibility: pos ? "visible" : "hidden",
+          zIndex: 2147483647,
+          background: "#fff",
+          border: "1px solid #e0e0e0",
+          borderRadius: 8,
+          boxShadow: "0 8px 24px rgba(0,0,0,0.15)",
+          fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+          ...style
+        },
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        children
+      }
+    ),
+    document.body
+  );
+}
+const STYLE_ID$2 = "setto-form-edit-styles";
+function useFormEditStyles() {
+  useEffect(() => {
+    if (document.getElementById(STYLE_ID$2)) return;
+    const el = document.createElement("style");
+    el.id = STYLE_ID$2;
+    el.textContent = `
+      .setto-form-field-tools {
+        opacity: 0;
+        transition: opacity 120ms ease;
+      }
+      .setto-form__field:hover .setto-form-field-tools,
+      .setto-form__field:focus-within .setto-form-field-tools,
+      .setto-form-field-tools[data-open] {
+        opacity: 1;
+      }
+      @media (hover: none) {
+        .setto-form-field-tools { opacity: 1; }
+      }
+    `;
+    document.head.appendChild(el);
+  }, []);
+}
+function FormFieldTools({
+  field,
+  index,
+  count,
+  autoOpen,
+  onMove,
+  onRemove,
+  onChange
+}) {
+  useFormEditStyles();
+  const [open, setOpen] = useState(autoOpen === true);
+  const gearRef = useRef(null);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-setto-ui": true,
+        className: "setto-form-field-tools",
+        style: toolsStyle,
+        ...open ? { "data-open": "" } : {},
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx(ToolButton, { label: "Flytt opp", disabled: index === 0, onClick: () => onMove(-1), children: /* @__PURE__ */ jsx(ArrowIcon, { direction: "up" }) }),
+          /* @__PURE__ */ jsx(
+            ToolButton,
+            {
+              label: "Flytt ned",
+              disabled: index === count - 1,
+              onClick: () => onMove(1),
+              children: /* @__PURE__ */ jsx(ArrowIcon, { direction: "down" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToolButton,
+            {
+              ref: gearRef,
+              label: "Feltinnstillinger",
+              active: open,
+              onClick: () => setOpen((o) => !o),
+              children: /* @__PURE__ */ jsx(GearIcon$1, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(ToolButton, { label: "Fjern felt", disabled: count <= 1, onClick: onRemove, danger: true, children: "×" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FloatingPopover,
+      {
+        open,
+        anchorRef: gearRef,
+        onClose: () => setOpen(false),
+        ariaLabel: "Feltinnstillinger",
+        minWidth: 300,
+        style: { width: 300, padding: 14 },
+        children: /* @__PURE__ */ jsx(FieldSettings, { field, onChange })
+      }
+    )
+  ] });
+}
+function FieldSettings({ field, onChange }) {
+  const [label, setLabel] = useState(field.label);
+  const [placeholder, setPlaceholder] = useState(field.placeholder);
+  const [options, setOptions] = useState(field.options.join("\n"));
+  const [name, setName] = useState(field.name);
+  useEffect(() => setLabel(field.label), [field.label]);
+  useEffect(() => setPlaceholder(field.placeholder), [field.placeholder]);
+  useEffect(() => setName(field.name), [field.name]);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "grid", gap: 10, fontSize: 13, color: "#222" }, children: [
+    /* @__PURE__ */ jsx(Row, { label: "Type", children: /* @__PURE__ */ jsx(
+      "select",
+      {
+        value: field.type,
+        onChange: (e) => onChange({ type: e.target.value }),
+        style: inputStyle$1,
+        children: FORM_FIELD_TYPES.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: FORM_FIELD_TYPE_LABELS[type] }, type))
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Row, { label: "Etikett", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: label,
+        onChange: (e) => setLabel(e.target.value),
+        onBlur: () => label !== field.label && onChange({ label }),
+        style: inputStyle$1
+      }
+    ) }),
+    fieldTypeHasPlaceholder(field.type) ? /* @__PURE__ */ jsx(Row, { label: "Plassholder", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: placeholder,
+        onChange: (e) => setPlaceholder(e.target.value),
+        onBlur: () => placeholder !== field.placeholder && onChange({ placeholder }),
+        style: inputStyle$1
+      }
+    ) }) : null,
+    fieldTypeHasOptions(field.type) ? /* @__PURE__ */ jsx(Row, { label: "Alternativer", hint: "Ett per linje", children: /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        value: options,
+        rows: 4,
+        onChange: (e) => setOptions(e.target.value),
+        onBlur: () => options !== field.options.join("\n") && onChange({ options }),
+        style: { ...inputStyle$1, resize: "vertical", fontFamily: "inherit" }
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: 8, cursor: "pointer" }, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: field.required,
+          onChange: (e) => onChange({ required: e.target.checked })
+        }
+      ),
+      "Må fylles ut"
+    ] }),
+    /* @__PURE__ */ jsx(Row, { label: "Teknisk navn", hint: "Brukes i e-posten og i historikken", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        value: name,
+        onChange: (e) => setName(e.target.value),
+        onBlur: () => {
+          const next = name.trim();
+          if (next && next !== field.name) onChange({ name: next });
+          else setName(field.name);
+        },
+        style: { ...inputStyle$1, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" }
+      }
+    ) })
+  ] });
+}
+function Row({ label, hint, children }) {
+  return /* @__PURE__ */ jsxs("label", { style: { display: "grid", gap: 4 }, children: [
+    /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: "#666" }, children: [
+      label,
+      hint ? /* @__PURE__ */ jsxs("span", { style: { color: "#999" }, children: [
+        " · ",
+        hint
+      ] }) : null
+    ] }),
+    children
+  ] });
+}
+function ToolButton({ label, onClick, disabled, active, danger, children, ref }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-setto-ui": true,
+      "aria-label": label,
+      title: label,
+      disabled,
+      onClick,
+      style: {
+        ...toolBtnStyle,
+        ...active ? { background: "#640AFF", color: "#fff", borderColor: "#640AFF" } : {},
+        ...danger ? { fontSize: 16 } : {},
+        ...disabled ? { opacity: 0.35, cursor: "default" } : {}
+      },
+      children
+    }
+  );
+}
+function ArrowIcon({ direction }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      style: direction === "down" ? { transform: "rotate(180deg)" } : void 0,
+      children: /* @__PURE__ */ jsx("path", { d: "M12 19V5M5 12l7-7 7 7" })
+    }
+  );
+}
+function GearIcon$1() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "13",
+      height: "13",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+        /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+      ]
+    }
+  );
+}
+const toolsStyle = {
+  position: "absolute",
+  top: -12,
+  right: 0,
+  zIndex: 2,
+  display: "flex",
+  gap: 4,
+  padding: 3,
+  background: "#ffffff",
+  border: "1px solid #e0e0e0",
+  borderRadius: 999,
+  boxShadow: "0 1px 4px rgba(0,0,0,0.18)",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
+};
+const toolBtnStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 24,
+  height: 24,
+  padding: 0,
+  background: "transparent",
+  border: "1px solid transparent",
+  borderRadius: "50%",
+  fontSize: 13,
+  lineHeight: 1,
+  color: "#444",
+  cursor: "pointer"
+};
+const inputStyle$1 = {
+  width: "100%",
+  boxSizing: "border-box",
+  padding: "6px 8px",
+  border: "1px solid #d8d8d8",
+  borderRadius: 6,
+  fontSize: 13,
+  color: "#222",
+  background: "#fff",
+  fontFamily: "inherit"
+};
+const HONEYPOT_NAME = "website";
+const warnedEndpointKeys = /* @__PURE__ */ new Set();
+function cx(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function SettoForm({
+  formId,
+  fields: propFields,
+  endpoint,
+  endpointKey,
+  className,
+  classNames = {}
+}) {
+  const { t, i18n } = useTranslation();
+  const { config, editMode, store } = useSetto();
+  const guestEdit = useGuestEdit();
+  const editable = editMode || guestEdit.active;
+  const lng = i18n.language;
+  const uid = useId();
+  useFormStyles();
+  const [, force] = useState(0);
+  useEffect(() => {
+    if (!store) return;
+    return store.subscribe(() => force((x) => x + 1));
+  }, [store]);
+  useEffect(() => {
+    if (endpointKey && !warnedEndpointKeys.has(formId)) {
+      warnedEndpointKeys.add(formId);
+      console.warn(
+        `[setto] <SettoForm formId="${formId}"> passes endpointKey, which is no longer used. Forms submit to Setto; pass \`endpoint\` for a custom backend.`
+      );
+    }
+  }, [endpointKey, formId]);
+  const localeFields = readLocaleFields(i18n, lng, formId);
+  const fields = localeFields ?? resolvePropFields(propFields ?? [], t);
+  const fromLocale = localeFields !== null;
+  const prefix = formFieldsPrefix(formId);
+  const [values, setValues] = useState({});
+  const [errors, setErrors] = useState({});
+  const [status, setStatus] = useState("idle");
+  const [justAdded, setJustAdded] = useState(null);
+  const formRef = useRef(null);
+  const successRef = useRef(null);
+  const honeypotRef = useRef(null);
+  const startedAt = useRef(null);
+  useEffect(() => {
+    if (status === "success") successRef.current?.focus({ preventScroll: false });
+  }, [status]);
+  const valueOf = (field) => values[field.name] ?? emptyValue(field.type);
+  const setValue = (name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    setErrors((prev) => {
+      if (!(name in prev)) return prev;
+      const next = { ...prev };
+      delete next[name];
+      return next;
+    });
+  };
+  const markStarted = () => {
+    if (startedAt.current === null) startedAt.current = performance.now();
+  };
+  const submitKey = `form.${formId}.submit`;
+  const successKey = `form.${formId}.success`;
+  const errorKey = `form.${formId}.error`;
+  const title = t(`form.${formId}.title`, { defaultValue: "" }) || void 0;
+  const onSubmit = async (e) => {
+    e.preventDefault();
+    if (status === "submitting") return;
+    const nextErrors = validateValues(fields, values);
+    setErrors(nextErrors);
+    const firstInvalid = fields.find((f) => nextErrors[f.name]);
+    if (firstInvalid) {
+      const el = formRef.current?.querySelector(
+        `[data-setto-field="${cssEscape(firstInvalid.name)}"] [name]`
+      );
+      el?.focus();
+      return;
+    }
+    setStatus("submitting");
+    const elapsed = startedAt.current === null ? 0 : performance.now() - startedAt.current;
+    const envelope = buildEnvelope(fields, values, {
+      title,
+      page: typeof window !== "undefined" ? window.location.href : void 0,
+      hp: honeypotRef.current?.value ?? "",
+      elapsed
+    });
+    try {
+      const url = endpoint || settoSubmissionUrl(config.apiUrl, config.siteId, formId);
+      const res = await fetch(url, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", Accept: "application/json" },
+        body: JSON.stringify(endpoint ? envelope.data : envelope)
+      });
+      if (!res.ok) throw new Error(`Form submission failed: ${res.status}`);
+      setStatus("success");
+      setValues({});
+      startedAt.current = null;
+    } catch (err) {
+      console.error("[setto] form submission failed", err);
+      setStatus("error");
+    }
+  };
+  const ensureLocaleFields = () => {
+    const keys = /* @__PURE__ */ new Map();
+    if (!store) return keys;
+    if (fromLocale) {
+      for (const f of fields) if (f.itemKey) keys.set(f.name, f.itemKey);
+      return keys;
+    }
+    const langs = i18n.languages?.length ? i18n.languages : [lng];
+    for (const prop of propFields ?? []) {
+      const itemKey = store.addListItem(prefix, lng, {
+        name: prop.name,
+        type: prop.type,
+        ...prop.required ? { required: "true" } : {}
+      });
+      for (const lang of langs) {
+        const ft = i18n.getFixedT(lang);
+        const label = ft(prop.labelKey, { defaultValue: "" });
+        if (label) store.set(`${prefix}.${itemKey}.label`, lang, label);
+        const placeholder = prop.placeholderKey ? ft(prop.placeholderKey, { defaultValue: "" }) : "";
+        if (placeholder) store.set(`${prefix}.${itemKey}.placeholder`, lang, placeholder);
+        const options = prop.optionsKey ? ft(prop.optionsKey, { defaultValue: "" }) : "";
+        if (options) store.set(`${prefix}.${itemKey}.options`, lang, options);
+      }
+      keys.set(prop.name, itemKey);
+    }
+    return keys;
+  };
+  const itemKeyFor = (field) => field.itemKey ?? ensureLocaleFields().get(field.name);
+  const allLanguages = () => i18n.languages?.length ? [...i18n.languages] : [lng];
+  const setEverywhere = (key, value) => {
+    for (const lang of allLanguages()) {
+      if (value === void 0 || value === "") store.delete(key, lang);
+      else store.set(key, lang, value);
+    }
+  };
+  const addField = () => {
+    if (!store) return;
+    store.batch(() => {
+      ensureLocaleFields();
+      const taken = fields.map((f) => f.name);
+      const itemKey = store.addListItem(prefix, lng, {
+        name: uniqueFieldName("felt", taken),
+        type: "text"
+      });
+      for (const lang of allLanguages()) store.set(`${prefix}.${itemKey}.label`, lang, "Nytt felt");
+      setJustAdded(itemKey);
+    });
+  };
+  const moveField = (field, direction) => {
+    if (!store) return;
+    store.batch(() => {
+      const itemKey = itemKeyFor(field);
+      if (itemKey) store.moveListItem(prefix, itemKey, direction, lng);
+    });
+  };
+  const removeField = (field) => {
+    if (!store || fields.length <= 1) return;
+    store.batch(() => {
+      const itemKey = itemKeyFor(field);
+      if (itemKey) store.removeListItem(prefix, itemKey, lng);
+    });
+  };
+  const updateField = (field, patch) => {
+    if (!store) return;
+    store.batch(() => {
+      const itemKey = itemKeyFor(field);
+      if (!itemKey) return;
+      const item = `${prefix}.${itemKey}`;
+      const others = fields.filter((f) => f !== field).map((f) => f.name);
+      if (patch.type !== void 0) setEverywhere(`${item}.type`, patch.type);
+      if (patch.required !== void 0) {
+        setEverywhere(`${item}.required`, patch.required ? "true" : void 0);
+      }
+      if (patch.name !== void 0) {
+        setEverywhere(`${item}.name`, uniqueFieldName(slugifyFieldName(patch.name), others));
+      }
+      if (patch.label !== void 0) {
+        store.set(`${item}.label`, lng, patch.label);
+        if (patch.name === void 0 && /^felt(-\d+)?$/.test(field.name) && patch.label.trim()) {
+          setEverywhere(`${item}.name`, uniqueFieldName(slugifyFieldName(patch.label), others));
+        }
+      }
+      if (patch.placeholder !== void 0) {
+        if (patch.placeholder) store.set(`${item}.placeholder`, lng, patch.placeholder);
+        else store.delete(`${item}.placeholder`, lng);
+      }
+      if (patch.options !== void 0) {
+        if (patch.options.trim()) store.set(`${item}.options`, lng, patch.options);
+        else store.delete(`${item}.options`, lng);
+      }
+    });
+  };
+  if (status === "success") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: successRef,
+        tabIndex: -1,
+        role: "status",
+        "aria-live": "polite",
+        "data-setto-form": formId,
+        "data-setto-form-status": "success",
+        className: cx("setto-form__success", className, classNames.success),
+        children: [
+          /* @__PURE__ */ jsx(CheckIcon, {}),
+          /* @__PURE__ */ jsx("p", { className: "setto-form__success-text", children: /* @__PURE__ */ jsx(T, { k: successKey }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "setto-form__again",
+              onClick: () => {
+                setStatus("idle");
+                setErrors({});
+              },
+              children: t("form.again", { defaultValue: "Send en ny melding" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  const submitting = status === "submitting";
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      ref: formRef,
+      "data-setto-form": formId,
+      className: cx("setto-form", className, classNames.form),
+      onSubmit,
+      onFocusCapture: markStarted,
+      onPointerDownCapture: markStarted,
+      onKeyDownCapture: markStarted,
+      noValidate: true,
+      children: [
+        fields.map((field, index) => {
+          const id = `${uid}-${field.name}`;
+          const error = errors[field.name];
+          const errorId = error ? `${id}-error` : void 0;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-setto-field": field.name,
+              className: cx("setto-form__field", `setto-form__field--${field.type}`, classNames.field),
+              children: [
+                /* @__PURE__ */ jsx(
+                  FieldControl,
+                  {
+                    field,
+                    id,
+                    value: valueOf(field),
+                    editable,
+                    invalid: error !== void 0,
+                    describedBy: errorId,
+                    classNames,
+                    placeholderFallback: t("form.choose", { defaultValue: "Velg …" }),
+                    onChange: (value) => setValue(field.name, value)
+                  }
+                ),
+                error ? /* @__PURE__ */ jsx("p", { id: errorId, className: cx("setto-form__field-error", classNames.fieldError), children: t(`form.validation.${error}`, { defaultValue: FIELD_ERROR_DEFAULTS[error] }) }) : null,
+                editable && store ? /* @__PURE__ */ jsx(
+                  FormFieldTools,
+                  {
+                    field,
+                    index,
+                    count: fields.length,
+                    autoOpen: justAdded !== null && justAdded === field.itemKey,
+                    onMove: (direction) => moveField(field, direction),
+                    onRemove: () => removeField(field),
+                    onChange: (patch) => updateField(field, patch)
+                  }
+                ) : null
+              ]
+            },
+            field.itemKey ?? field.name
+          );
+        }),
+        editable && store ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-setto-ui": true,
+            className: "setto-form__add-field",
+            style: addFieldStyle,
+            onClick: addField,
+            children: "+ Legg til felt"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "setto-form__hp", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-${HONEYPOT_NAME}`, children: "Nettside" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: honeypotRef,
+              id: `${uid}-${HONEYPOT_NAME}`,
+              type: "text",
+              name: HONEYPOT_NAME,
+              tabIndex: -1,
+              autoComplete: "off",
+              defaultValue: ""
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: cx("setto-form__actions", classNames.actions), children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "submit",
+              className: cx("setto-form__button", classNames.button),
+              disabled: submitting,
+              "aria-busy": submitting || void 0,
+              children: submitting ? t("form.sending", { defaultValue: "Sender …" }) : /* @__PURE__ */ jsx(T, { k: submitKey })
+            }
+          ),
+          status === "error" ? /* @__PURE__ */ jsx("p", { role: "alert", "data-setto-form-status": "error", className: cx("setto-form__error", classNames.error), children: /* @__PURE__ */ jsx(T, { k: errorKey }) }) : null
+        ] }),
+        editable ? /* @__PURE__ */ jsxs("div", { className: "setto-form__edit-previews", style: previewStyle, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { style: previewHintStyle, children: "Etter innsending vises:" }),
+            " ",
+            /* @__PURE__ */ jsx(T, { k: successKey })
+          ] }),
+          status !== "error" ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { style: previewHintStyle, children: "Ved feil vises:" }),
+            " ",
+            /* @__PURE__ */ jsx(T, { k: errorKey })
+          ] }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+function FieldControl({
+  field,
+  id,
+  value,
+  editable,
+  invalid,
+  describedBy,
+  classNames,
+  placeholderFallback,
+  onChange
+}) {
+  const labelId = `${id}-label`;
+  const aria = {
+    "aria-invalid": invalid || void 0,
+    "aria-describedby": describedBy,
+    required: field.required || void 0
+  };
+  const labelText = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(T, { k: field.labelKey }),
+    field.required ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "setto-form__required", children: "*" }) : null
+  ] });
+  if (field.type === "checkbox") {
+    const checked = value === true;
+    return /* @__PURE__ */ jsxs(
+      FieldLabel,
+      {
+        editable,
+        htmlFor: id,
+        id: labelId,
+        className: cx("setto-form__check", classNames.checkbox),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id,
+              type: "checkbox",
+              name: field.name,
+              checked,
+              onChange: (e) => onChange(e.target.checked),
+              ...editable ? { "aria-labelledby": labelId } : {},
+              ...aria
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: labelText })
+        ]
+      }
+    );
+  }
+  if (field.type === "radio" || field.type === "checkboxes") {
+    const multiple = field.type === "checkboxes";
+    const selected = multiple ? Array.isArray(value) ? value : [] : value;
+    const toggle = (option, on) => {
+      if (!multiple) {
+        onChange(option);
+        return;
+      }
+      const set = new Set(Array.isArray(selected) ? selected : []);
+      if (on) set.add(option);
+      else set.delete(option);
+      onChange(field.options.filter((o) => set.has(o)));
+    };
+    return /* @__PURE__ */ jsxs(
+      "fieldset",
+      {
+        className: "setto-form__fieldset",
+        role: multiple ? void 0 : "radiogroup",
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": describedBy,
+        "aria-required": !multiple && field.required ? true : void 0,
+        children: [
+          /* @__PURE__ */ jsx("legend", { className: cx("setto-form__legend", classNames.label), children: labelText }),
+          /* @__PURE__ */ jsx("div", { className: cx("setto-form__options", classNames.options), children: field.options.map((option, i) => {
+            const optionId = `${id}-${i}`;
+            const on = multiple ? selected.includes(option) : selected === option;
+            return /* @__PURE__ */ jsxs("label", { htmlFor: optionId, className: cx("setto-form__option", classNames.option), children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: optionId,
+                  type: multiple ? "checkbox" : "radio",
+                  name: field.name,
+                  value: option,
+                  checked: on,
+                  required: !multiple && field.required ? true : void 0,
+                  onChange: (e) => toggle(option, e.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: option })
+            ] }, option);
+          }) })
+        ]
+      }
+    );
+  }
+  const text = typeof value === "string" ? value : "";
+  const labelled = editable ? { "aria-labelledby": labelId } : {};
+  let control;
+  if (field.type === "textarea") {
+    control = /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        id,
+        name: field.name,
+        value: text,
+        rows: 5,
+        placeholder: field.placeholder || void 0,
+        onChange: (e) => onChange(e.target.value),
+        className: cx("setto-form__textarea", classNames.textarea),
+        ...labelled,
+        ...aria
+      }
+    );
+  } else if (field.type === "select") {
+    control = /* @__PURE__ */ jsxs(
+      "select",
+      {
+        id,
+        name: field.name,
+        value: text,
+        onChange: (e) => onChange(e.target.value),
+        className: cx("setto-form__select", classNames.select),
+        ...labelled,
+        ...aria,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", disabled: field.required, children: field.placeholder || placeholderFallback }),
+          field.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+        ]
+      }
+    );
+  } else {
+    control = /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type: inputType(field),
+        name: field.name,
+        value: text,
+        placeholder: field.placeholder || void 0,
+        inputMode: inputMode(field),
+        autoComplete: autoCompleteFor(field),
+        onChange: (e) => onChange(e.target.value),
+        className: cx("setto-form__input", classNames.input),
+        ...labelled,
+        ...aria
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FieldLabel,
+      {
+        editable,
+        htmlFor: id,
+        id: labelId,
+        className: cx("setto-form__label", classNames.label),
+        children: labelText
+      }
+    ),
+    control
+  ] });
+}
+function FieldLabel({
+  editable,
+  htmlFor,
+  id,
+  className,
+  children
+}) {
+  if (editable) {
+    return /* @__PURE__ */ jsx("span", { id, className, children });
+  }
+  return /* @__PURE__ */ jsx("label", { htmlFor, className, children });
+}
+function inputType(field) {
+  switch (field.type) {
+    case "email":
+    case "tel":
+    case "url":
+    case "date":
+      return field.type;
+    case "number":
+      return "text";
+    default:
+      return "text";
+  }
+}
+function inputMode(field) {
+  switch (field.type) {
+    case "email":
+      return "email";
+    case "tel":
+      return "tel";
+    case "url":
+      return "url";
+    case "number":
+      return "decimal";
+    default:
+      return void 0;
+  }
+}
+function autoCompleteFor(field) {
+  if (field.type === "email") return "email";
+  if (field.type === "tel") return "tel";
+  if (field.type === "url") return "url";
+  if (/^(navn|name|fullt?[-_]?navn|full[-_]?name)$/i.test(field.name)) return "name";
+  if (/^(firma|bedrift|company|organisasjon|organization)$/i.test(field.name)) return "organization";
+  return void 0;
+}
+function cssEscape(value) {
+  return typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(value) : value.replace(/["\\]/g, "\\$&");
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "setto-form__success-icon",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "20", cy: "20", r: "19", stroke: "currentColor", strokeWidth: "2" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12 20.5l5.5 5.5L28 15",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+const STYLE_ID$1 = "setto-form-styles";
+const BASE_CSS = `
+:where(.setto-form){display:grid;gap:1.1rem;position:relative}
+:where(.setto-form__field){display:grid;gap:.4rem;position:relative}
+:where(.setto-form__label,.setto-form__legend){font-weight:500;line-height:1.3;padding:0}
+:where(.setto-form__required){opacity:.6;margin-left:.15em}
+:where(.setto-form__input,.setto-form__textarea,.setto-form__select){width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:.6rem;background:color-mix(in srgb,currentColor 4%,transparent);color:inherit;font:inherit;line-height:1.4}
+:where(.setto-form__input,.setto-form__textarea,.setto-form__select)::placeholder{color:inherit;opacity:.5}
+:where(.setto-form__input,.setto-form__textarea,.setto-form__select):focus-visible{outline:2px solid currentColor;outline-offset:1px}
+:where(.setto-form__textarea){min-height:7.5rem;resize:vertical}
+:where(.setto-form__fieldset){border:0;padding:0;margin:0;min-width:0;display:grid;gap:.5rem}
+:where(.setto-form__options){display:grid;gap:.5rem}
+:where(.setto-form__option,.setto-form__check){display:flex;gap:.6rem;align-items:flex-start;line-height:1.4;cursor:pointer;font-weight:400}
+:where(.setto-form__option input,.setto-form__check input){margin:.25em 0 0;flex:none;accent-color:currentColor}
+:where(.setto-form__field-error,.setto-form__error){font-size:.875rem;color:#b42318;margin:0}
+:where(.setto-form [aria-invalid="true"]){border-color:#b42318}
+:where(.setto-form__actions){display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}
+:where(.setto-form__button){cursor:pointer;font:inherit;font-weight:500;padding:.75rem 1.4rem;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit}
+:where(.setto-form__button:disabled){opacity:.6;cursor:progress}
+:where(.setto-form__success){display:grid;gap:.75rem;justify-items:start;outline:none}
+:where(.setto-form__success-icon){width:2.5rem;height:2.5rem;color:#0f7b4f}
+:where(.setto-form__success-text){margin:0;font-size:1.05em}
+:where(.setto-form__again){background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;opacity:.8;width:fit-content;max-width:100%;text-align:inherit}
+:where(.setto-form__hp){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
+`;
+function useFormStyles() {
+  useInsertionEffect(() => {
+    if (typeof document === "undefined" || document.getElementById(STYLE_ID$1)) return;
+    const el = document.createElement("style");
+    el.id = STYLE_ID$1;
+    el.textContent = BASE_CSS;
+    document.head.appendChild(el);
+  }, []);
+}
+const addFieldStyle = {
+  justifySelf: "start",
+  padding: "6px 12px",
+  border: "1px dashed #999",
+  borderRadius: 999,
+  background: "rgba(255,255,255,0.85)",
+  color: "#333",
+  fontSize: 13,
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+  cursor: "pointer"
+};
+const previewStyle = {
+  display: "grid",
+  gap: 6,
+  padding: "10px 12px",
+  border: "1px dashed rgba(100,10,255,0.35)",
+  borderRadius: 8,
+  fontSize: "0.9em",
+  lineHeight: 1.4
+};
+const previewHintStyle = {
+  color: "#640AFF",
+  fontSize: 11,
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+  textTransform: "uppercase",
+  letterSpacing: "0.04em",
+  marginRight: 4
+};
+const formsModule = {
+  id: "forms",
+  label: "Skjemaer",
+  AdminView: FormsView
+};
+const SETTO_MODULES = [formsModule];
+function findModule(id) {
+  return id ? SETTO_MODULES.find((m) => m.id === id) : void 0;
+}
+function SettoMark({
+  size = 24,
+  letterColor = "#F2EBDF",
+  dotColor = "#C4502A",
+  style
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 64 64",
+      width: size,
+      height: size,
+      "aria-hidden": true,
+      style: { display: "block", ...style },
+      children: [
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            x: "32",
+            y: "46",
+            textAnchor: "middle",
+            fontFamily: "Georgia, serif",
+            fontStyle: "italic",
+            fontSize: "42",
+            fill: letterColor,
+            children: "S"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "49", cy: "17", r: "5", fill: dotColor })
+      ]
+    }
+  );
+}
+const BLEKK = "#211711";
+const CREMA = "#F2EBDF";
+const TERRACOTTA = "#C4502A";
+function EditToolbar() {
+  const { store, themeStore, assetStore, api, config, supabase } = useSetto();
+  const { i18n } = useTranslation();
+  useEditBaseline();
+  const snap = useSyncExternalStore(
+    (cb) => store?.subscribe(() => cb()) ?? (() => {
+    }),
+    () => store?.snapshot() ?? EMPTY_I18N_STORE_SNAPSHOT,
+    () => EMPTY_I18N_STORE_SNAPSHOT
+  );
+  useSyncExternalStore(
+    (cb) => themeStore?.subscribe(() => cb()) ?? (() => {
+    }),
+    () => themeStore?.snapshot().version ?? 0,
+    () => 0
+  );
+  useSyncExternalStore(
+    (cb) => assetStore?.subscribe(() => cb()) ?? (() => {
+    }),
+    () => assetStore?.snapshot().version ?? 0,
+    () => 0
+  );
+  const [publishing, setPublishing] = useState(false);
+  const [activeDeployment, setActiveDeployment] = useState(null);
+  const [publishDialogOpen, setPublishDialogOpen] = useState(false);
+  const [error, setError] = useState(null);
+  const [publishedNotice, setPublishedNotice] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [expanded, setExpanded] = useState(false);
+  const menuRef = useRef(null);
+  const publishedNoticeTimer = useRef(null);
+  const { row: deploymentRow, status: deploymentStatus } = useDeploymentStatus(
+    supabase,
+    activeDeployment
+  );
+  useEffect(() => {
+    let cancelled = false;
+    const resume = async () => {
+      try {
+        await api.expireStaleDeployments(config.siteId);
+      } catch {
+      }
+      const id = await fetchInProgressDeploymentId(supabase, config.siteId);
+      if (!cancelled && id) {
+        setActiveDeployment((current) => current ?? id);
+      }
+    };
+    void resume();
+    return () => {
+      cancelled = true;
+    };
+  }, [api, supabase, config.siteId]);
+  const textDraftCount = snap.drafts.size;
+  const themeDraftCount = themeStore?.size() ?? 0;
+  const assetDraftCount = assetStore?.size() ?? 0;
+  const draftCount = textDraftCount + themeDraftCount + assetDraftCount;
+  const hasDrafts = draftCount > 0;
+  const showToolbarProgress = activeDeployment !== null && !publishDialogOpen && deploymentRow !== null && isDeploymentInProgress(deploymentRow.status) && !isDeploymentStale(deploymentRow);
+  const showPublishedNotice = publishedNotice && !publishDialogOpen;
+  useEffect(() => {
+    if (error || showToolbarProgress || showPublishedNotice) {
+      setExpanded(true);
+    }
+  }, [error, showToolbarProgress, showPublishedNotice]);
+  const toggleExpanded = () => {
+    setExpanded((prev) => {
+      const next = !prev;
+      if (!next) setMenuOpen(false);
+      return next;
+    });
+  };
+  useEffect(() => {
+    return () => {
+      if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
+    };
+  }, []);
+  useEffect(() => {
+    if (!activeDeployment || !deploymentRow) return;
+    const { status } = deploymentRow;
+    if (status === "ready") {
+      if (publishDialogOpen) return;
+      setPublishedNotice(true);
+      setActiveDeployment(null);
+      if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
+      publishedNoticeTimer.current = setTimeout(() => setPublishedNotice(false), 6e3);
+      return;
+    }
+    if (publishDialogOpen) return;
+    if (status === "error" || status === "canceled") {
+      setError(
+        status === "canceled" ? "Publisering avbrutt." : deploymentRow.error_message?.includes("webhook") ? "Publisering utløpt (ingen webhook)." : "Publisering feilet."
+      );
+      setActiveDeployment(null);
+      return;
+    }
+    if (isDeploymentStale(deploymentRow)) {
+      setError("Publisering utløpt (ingen webhook).");
+      setActiveDeployment(null);
+    }
+  }, [activeDeployment, deploymentRow, publishDialogOpen]);
+  useEffect(() => {
+    if (!activeDeployment) return;
+    const syncActiveDeployment = async () => {
+      const { data } = await supabase.from("deployments").select("status").eq("id", activeDeployment).maybeSingle();
+      if (!data) {
+        setActiveDeployment(null);
+        return;
+      }
+      const status = data.status;
+      if (status === "ready") {
+        if (!publishDialogOpen) {
+          setPublishedNotice(true);
+          if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
+          publishedNoticeTimer.current = setTimeout(() => setPublishedNotice(false), 6e3);
+        }
+        setActiveDeployment(null);
+        return;
+      }
+      if (!isDeploymentInProgress(status)) {
+        if (status === "canceled") setError("Publisering avbrutt.");
+        else if (status === "error") setError("Publisering feilet.");
+        setActiveDeployment(null);
+      }
+    };
+    const onVisible = () => {
+      if (document.visibilityState === "visible") void syncActiveDeployment();
+    };
+    window.addEventListener("focus", syncActiveDeployment);
+    document.addEventListener("visibilitychange", onVisible);
+    return () => {
+      window.removeEventListener("focus", syncActiveDeployment);
+      document.removeEventListener("visibilitychange", onVisible);
+    };
+  }, [activeDeployment, publishDialogOpen, supabase]);
+  const languages = i18n.languages?.length ? Array.from(new Set(i18n.languages)) : ["no", "en"];
+  useEffect(() => {
+    if (!menuOpen) return;
+    const close = (e) => {
+      if (menuRef.current && !menuRef.current.contains(e.target)) {
+        setMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [menuOpen]);
+  const publish = async () => {
+    if (!store) return;
+    setPublishing(true);
+    setPublishDialogOpen(true);
+    setError(null);
+    setPublishedNotice(false);
+    try {
+      const bundles = store.serialiseBundles();
+      const files = Object.entries(bundles).map(([lng, data]) => ({
+        path: pathForLang(config.siteId, lng, languages),
+        content: JSON.stringify(data, null, 2) + "\n"
+      }));
+      if (themeStore && themeDraftCount > 0) {
+        files.push({
+          path: pathForTheme(config.siteId, config.themePath),
+          content: JSON.stringify(themeStore.serialise(), null, 2) + "\n"
+        });
+      }
+      if (assetStore && assetDraftCount > 0) {
+        const result2 = await api.publish(config.siteId, files, {
+          assets: assetStore.pendingAssets()
+        });
+        store.commit();
+        themeStore?.commit();
+        assetStore.commit();
+        let deploymentId2 = result2.deploymentId;
+        if (!deploymentId2 && result2.trackingDeferred) {
+          deploymentId2 = await waitForDeploymentByCommit(
+            supabase,
+            config.siteId,
+            result2.commitSha
+          );
+        }
+        if (deploymentId2) {
+          setActiveDeployment(deploymentId2);
+        } else {
+          setPublishDialogOpen(false);
+          setPublishedNotice(true);
+        }
+        return;
+      }
+      const result = await api.publish(config.siteId, files);
+      store.commit();
+      themeStore?.commit();
+      assetStore?.commit();
+      let deploymentId = result.deploymentId;
+      if (!deploymentId && result.trackingDeferred) {
+        deploymentId = await waitForDeploymentByCommit(
+          supabase,
+          config.siteId,
+          result.commitSha
+        );
+      }
+      if (deploymentId) {
+        setActiveDeployment(deploymentId);
+      } else {
+        setPublishDialogOpen(false);
+        setPublishedNotice(true);
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "unknown error");
+      setPublishDialogOpen(false);
+    } finally {
+      setPublishing(false);
+    }
+  };
+  const completePublish = () => {
+    setPublishDialogOpen(false);
+    setActiveDeployment(null);
+    setPublishedNotice(false);
+    if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
+  };
+  const dismissPublishedNotice = () => {
+    setPublishedNotice(false);
+    if (publishedNoticeTimer.current) clearTimeout(publishedNoticeTimer.current);
+  };
+  const cancelDrafts = () => {
+    setMenuOpen(false);
+    store?.revertAll();
+    themeStore?.revertAll();
+    assetStore?.revertAll();
+    setError(null);
+    setExpanded(false);
+  };
+  const signOut = () => {
+    setMenuOpen(false);
+    void supabase.auth.signOut();
+  };
+  const goToHistory = () => {
+    setMenuOpen(false);
+    window.location.href = SETTO_BASE;
+  };
+  const goToSettings = () => {
+    setMenuOpen(false);
+    window.location.href = adminViewUrl(SETTO_MODULES[0]?.id ?? "forms");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "toolbar",
+        "aria-label": "Setto editor",
+        style: {
+          ...containerStyleFor(hasDrafts),
+          ...expanded ? expandedContainerStyle : {}
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": expanded ? "Lukk Setto-meny" : "Åpne Setto-meny",
+              "aria-expanded": expanded,
+              title: "Setto",
+              style: markButtonStyle,
+              onClick: toggleExpanded,
+              children: /* @__PURE__ */ jsx(SettoMark, { size: 28 })
+            }
+          ),
+          expanded ? /* @__PURE__ */ jsxs("div", { style: contentStyle, children: [
+            error ? /* @__PURE__ */ jsx("span", { style: errorStyle, children: error }) : null,
+            hasDrafts && !publishing && activeDeployment === null ? /* @__PURE__ */ jsx("button", { type: "button", onClick: publish, style: publishBtnStyle, children: "Publiser" }) : null,
+            showPublishedNotice ? /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: dismissPublishedNotice,
+                style: publishedNoticeStyle,
+                title: "Lukk",
+                children: [
+                  /* @__PURE__ */ jsx(PublishedCheckIcon, {}),
+                  "Publisert"
+                ]
+              }
+            ) : null,
+            showToolbarProgress && deploymentRow ? /* @__PURE__ */ jsx(
+              PublishProgressBar,
+              {
+                status: deploymentRow.status,
+                compact: true,
+                href: `${SETTO_BASE}?deployment=${encodeURIComponent(activeDeployment)}`
+              }
+            ) : null,
+            !hasDrafts && !error && !showPublishedNotice && !showToolbarProgress && !publishing ? /* @__PURE__ */ jsx("span", { style: emptyStateStyle, children: "Ingen endringer" }) : null,
+            /* @__PURE__ */ jsxs("div", { ref: menuRef, style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setMenuOpen((o) => !o),
+                  "aria-label": "Meny",
+                  "aria-expanded": menuOpen,
+                  style: {
+                    ...menuBtnStyle,
+                    background: menuOpen ? "rgba(242, 235, 223, 0.16)" : "transparent"
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.background = "rgba(242, 235, 223, 0.16)";
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.background = menuOpen ? "rgba(242, 235, 223, 0.16)" : "transparent";
+                  },
+                  children: "⋮"
+                }
+              ),
+              menuOpen ? /* @__PURE__ */ jsxs("div", { style: dropdownStyle, role: "menu", children: [
+                /* @__PURE__ */ jsx(
+                  MenuItem,
+                  {
+                    onClick: cancelDrafts,
+                    icon: /* @__PURE__ */ jsx(UndoIcon, {}),
+                    disabled: !hasDrafts,
+                    children: "Avbryt"
+                  }
+                ),
+                /* @__PURE__ */ jsx(MenuItem, { onClick: goToHistory, icon: /* @__PURE__ */ jsx(HistoryIcon, {}), children: "Historikk" }),
+                /* @__PURE__ */ jsx(MenuItem, { onClick: goToSettings, icon: /* @__PURE__ */ jsx(GearIcon, {}), children: "Innstillinger" }),
+                /* @__PURE__ */ jsx(MenuItem, { onClick: signOut, icon: /* @__PURE__ */ jsx(LogOutIcon, {}), children: "Logg ut" })
+              ] }) : null
+            ] })
+          ] }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(EditOnboardingDialog, {}),
+    publishDialogOpen && (publishing || activeDeployment !== null) ? /* @__PURE__ */ jsx(
+      PublishDialog,
+      {
+        deploymentId: activeDeployment ?? "",
+        row: deploymentRow,
+        status: deploymentStatus ?? "pending",
+        publishing,
+        onClose: () => setPublishDialogOpen(false),
+        onComplete: completePublish
+      }
+    ) : null
+  ] });
+}
+const EASE_OUT_EXPO = "cubic-bezier(0.16, 1, 0.3, 1)";
+const FAB_SHADOW = "0 8px 24px rgba(33, 23, 17, 0.35), 0 2px 6px rgba(33, 23, 17, 0.2)";
+function containerStyleFor(hasDrafts) {
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    height: FAB_SIZE,
+    width: FAB_SIZE,
+    padding: 0,
+    background: BLEKK,
+    color: CREMA,
+    borderRadius: FAB_SIZE / 2,
+    boxShadow: hasDrafts ? `0 0 0 2px ${TERRACOTTA}, ${FAB_SHADOW}` : FAB_SHADOW,
+    fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
+    fontSize: 13,
+    overflow: "visible",
+    transition: `width 500ms ${EASE_OUT_EXPO}, padding 500ms ${EASE_OUT_EXPO}, box-shadow 300ms ${EASE_OUT_EXPO}`
+  };
+}
+const expandedContainerStyle = {
+  width: "auto",
+  paddingRight: 10
+};
+const markButtonStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  width: FAB_SIZE,
+  height: FAB_SIZE,
+  background: "transparent",
+  border: "none",
+  padding: 0,
+  cursor: "pointer",
+  color: "inherit"
+};
+const contentStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  paddingLeft: 4,
+  whiteSpace: "nowrap"
+};
+const errorStyle = {
+  color: "#ffb4a8",
+  fontSize: 12,
+  maxWidth: 240,
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+};
+const publishedNoticeStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 5,
+  padding: "4px 10px",
+  borderRadius: 999,
+  border: "1px solid rgba(242, 235, 223, 0.25)",
+  background: "rgba(242, 235, 223, 0.08)",
+  color: CREMA,
+  fontSize: 12,
+  fontWeight: 500,
+  cursor: "pointer",
+  whiteSpace: "nowrap"
+};
+const publishBtnStyle = {
+  background: TERRACOTTA,
+  color: CREMA,
+  border: "none",
+  borderRadius: 999,
+  padding: "6px 14px",
+  fontSize: 13,
+  fontWeight: 600,
+  cursor: "pointer",
+  whiteSpace: "nowrap"
+};
+const menuBtnStyle = {
+  background: "transparent",
+  color: CREMA,
+  border: "none",
+  borderRadius: 999,
+  width: 32,
+  height: 32,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 22,
+  lineHeight: 1,
+  cursor: "pointer",
+  fontWeight: 700
+};
+const emptyStateStyle = {
+  color: "rgba(242, 235, 223, 0.55)",
+  fontSize: 13,
+  whiteSpace: "nowrap",
+  padding: "0 4px"
+};
+const dropdownStyle = {
+  position: "absolute",
+  bottom: "100%",
+  left: 0,
+  marginBottom: 8,
+  background: "#fff",
+  border: "1px solid #e8e8e8",
+  borderRadius: 10,
+  boxShadow: "0 12px 32px rgba(33, 23, 17, 0.18)",
+  minWidth: 160,
+  overflow: "hidden",
+  zIndex: 1
+};
+const menuItemStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  width: "100%",
+  background: "transparent",
+  border: "none",
+  padding: "10px 14px",
+  fontSize: 13,
+  textAlign: "left",
+  cursor: "pointer",
+  color: "#1a1a1a"
+};
+function MenuItem({
+  onClick,
+  icon,
+  children,
+  disabled = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      disabled,
+      style: { ...menuItemStyle, opacity: disabled ? 0.4 : 1, cursor: disabled ? "not-allowed" : "pointer" },
+      role: "menuitem",
+      onMouseEnter: (e) => {
+        if (!disabled) e.currentTarget.style.background = "#f5f5f5";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.background = "transparent";
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { style: menuIconWrapStyle, "aria-hidden": true, children: icon }),
+        children
+      ]
+    }
+  );
+}
+const menuIconWrapStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  color: "#666"
+};
+function PublishedCheckIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" })
+    }
+  );
+}
+function HistoryIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+  ] });
+}
+function GearIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+  ] });
+}
+function LogOutIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+    /* @__PURE__ */ jsx("polyline", { points: "16 17 21 12 16 7" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+  ] });
+}
+function UndoIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 7v6h6" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 17a9 9 0 0 0-15-6.7L3 13" })
+  ] });
+}
+function EditModeShell({ children, themeStore, active }) {
+  useSettoDocumentLayout(active);
+  const [toolbarRoot, setToolbarRoot] = useState(null);
+  const [hintRoot, setHintRoot] = useState(null);
+  const [sectionToolbarRoot, setSectionToolbarRoot] = useState(null);
+  useEffect(() => {
+    if (!active) {
+      setToolbarRoot(null);
+      setHintRoot(null);
+      setSectionToolbarRoot(null);
+      return;
+    }
+    const toolbar = document.createElement("div");
+    toolbar.id = "setto-toolbar-root";
+    document.body.appendChild(toolbar);
+    const hint = document.createElement("div");
+    hint.id = "setto-hint-root";
+    hint.style.pointerEvents = "none";
+    document.body.appendChild(hint);
+    const sectionBar = document.createElement("div");
+    sectionBar.id = "setto-section-toolbar-root";
+    sectionBar.style.pointerEvents = "none";
+    document.body.appendChild(sectionBar);
+    setToolbarRoot(toolbar);
+    setHintRoot(hint);
+    setSectionToolbarRoot(sectionBar);
+    return () => {
+      toolbar.remove();
+      hint.remove();
+      sectionBar.remove();
+    };
+  }, [active]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    active && toolbarRoot ? createPortal(/* @__PURE__ */ jsx(EditToolbar, {}), toolbarRoot) : null,
+    active && hintRoot ? createPortal(/* @__PURE__ */ jsx(EditLinkHint, {}), hintRoot) : null,
+    active && sectionToolbarRoot && themeStore ? createPortal(/* @__PURE__ */ jsx(SectionToolbar, {}), sectionToolbarRoot) : null
+  ] });
+}
+const SettoContext = createContext(null);
+function SettoProvider({ config, children }) {
+  const supabase = useMemo(() => getSupabase(config.supabase), [config.supabase]);
+  const api = useMemo(() => createApi({ apiUrl: config.apiUrl, supabase }), [config.apiUrl, supabase]);
+  const [session, setSession] = useState(null);
+  const [authLoading, setAuthLoading] = useState(true);
+  const [onAdminRoute, setOnAdminRoute] = useState(
+    () => typeof window === "undefined" ? false : isAdminRoute()
+  );
+  useEffect(() => {
+    let cancelled = false;
+    supabase.auth.getSession().then(({ data }) => {
+      if (cancelled) return;
+      setSession(data.session ?? null);
+      setAuthLoading(false);
+    });
+    const { data: sub } = supabase.auth.onAuthStateChange((_event, session2) => {
+      setSession(session2);
+    });
+    return () => {
+      cancelled = true;
+      sub.subscription.unsubscribe();
+    };
+  }, [supabase]);
+  useEffect(() => {
+    const compute = () => setOnAdminRoute(isAdminRoute());
+    compute();
+    window.addEventListener("popstate", compute);
+    return () => window.removeEventListener("popstate", compute);
+  }, []);
+  const access = useSiteAccess(supabase, session, config.siteId);
+  const { i18n } = useTranslation();
+  const storeRef = useRef(null);
+  const themeStoreRef = useRef(null);
+  const assetStoreRef = useRef(null);
+  const [storeReady, setStoreReady] = useState(false);
+  useEffect(() => {
+    if (!i18n) return;
+    storeRef.current = new I18nStore(i18n);
+    themeStoreRef.current = new ThemeStore(config.theme ?? {});
+    assetStoreRef.current = new AssetStore();
+    setStoreReady(true);
+  }, [i18n, config.theme]);
+  const editMode = !!session && !!access.currentSite && !onAdminRoute && !authLoading && !access.loading;
+  const value = {
+    config,
+    supabase,
+    api,
+    session,
+    authLoading,
+    editMode,
+    currentSite: access.currentSite,
+    sites: access.sites,
+    store: storeReady ? storeRef.current : null,
+    themeStore: storeReady ? themeStoreRef.current : null,
+    assetStore: storeReady ? assetStoreRef.current : null
+  };
+  const editShellActive = editMode && !!value.store;
+  return /* @__PURE__ */ jsx(SettoContext.Provider, { value, children: /* @__PURE__ */ jsx(SectionEditProvider, { children: /* @__PURE__ */ jsx(EditModeShell, { active: editShellActive, themeStore: value.themeStore, children }) }) });
+}
+function useSetto() {
+  const ctx = useContext(SettoContext);
+  if (!ctx) {
+    throw new Error("useSetto() must be used inside <SettoProvider>");
+  }
+  return ctx;
 }
 function isTextEditClick(target) {
   if (target.closest("[data-setto-key]")) return true;
@@ -23207,6 +24957,7 @@ const SettoSection = forwardRef(
       "section",
       {
         ref,
+        id: sectionId,
         "data-setto-section": sectionId,
         className,
         style: mergedStyle,
@@ -23258,99 +25009,6 @@ const SettoBlock = forwardRef(
     );
   }
 );
-function FloatingPopover({
-  open,
-  anchorRef,
-  onClose,
-  ariaLabel,
-  children,
-  style,
-  minWidth = 280
-}) {
-  const popoverRef = useRef(null);
-  const [pos, setPos] = useState(null);
-  useLayoutEffect(() => {
-    if (!open || !anchorRef.current) {
-      setPos(null);
-      return;
-    }
-    const update = () => {
-      const anchor = anchorRef.current;
-      const pop = popoverRef.current;
-      if (!anchor) return;
-      const rect = anchor.getBoundingClientRect();
-      const popoverH = pop?.offsetHeight ?? 200;
-      const popoverW = pop?.offsetWidth ?? minWidth;
-      let top = rect.bottom + 6;
-      let left = rect.left;
-      if (left + popoverW > window.innerWidth - 8) {
-        left = window.innerWidth - popoverW - 8;
-      }
-      if (left < 8) left = 8;
-      if (top + popoverH > window.innerHeight - 8) {
-        top = rect.top - popoverH - 6;
-      }
-      if (top < 8) top = rect.bottom + 6;
-      setPos({ top, left });
-    };
-    update();
-    requestAnimationFrame(update);
-    window.addEventListener("scroll", update, true);
-    window.addEventListener("resize", update);
-    return () => {
-      window.removeEventListener("scroll", update, true);
-      window.removeEventListener("resize", update);
-    };
-  }, [open, anchorRef, minWidth]);
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [open, onClose]);
-  useEffect(() => {
-    if (!open) return;
-    const close = (e) => {
-      const target = e.target;
-      if (anchorRef.current?.contains(target)) return;
-      if (popoverRef.current?.contains(target)) return;
-      onClose();
-    };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, [open, onClose, anchorRef]);
-  if (!open) return null;
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: popoverRef,
-        role: "dialog",
-        "aria-label": ariaLabel,
-        "data-setto-ui": true,
-        style: {
-          position: "fixed",
-          top: pos?.top ?? -9999,
-          left: pos?.left ?? 0,
-          visibility: pos ? "visible" : "hidden",
-          zIndex: 2147483647,
-          background: "#fff",
-          border: "1px solid #e0e0e0",
-          borderRadius: 8,
-          boxShadow: "0 8px 24px rgba(0,0,0,0.15)",
-          fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif',
-          ...style
-        },
-        onMouseDown: (e) => e.stopPropagation(),
-        onClick: (e) => e.stopPropagation(),
-        children
-      }
-    ),
-    document.body
-  );
-}
 function SettoIcon({ k, icons, size = 24, className, style }) {
   const { t, i18n } = useTranslation();
   const { editMode, store } = useSetto();
@@ -23716,25 +25374,27 @@ function SettoRepeater({
   };
   const canRemove = keys.length > 1;
   return /* @__PURE__ */ jsxs("div", { className, "data-setto-repeater": true, children: [
-    keys.map((itemKey, index) => /* @__PURE__ */ jsxs("div", { className: "setto-repeater-item", style: { position: "relative" }, children: [
-      editable && canRemove ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-setto-ui": true,
-          className: "setto-repeater-remove",
-          "aria-label": `Fjern ${itemLabel}`,
-          title: `Fjern ${itemLabel}`,
-          onClick: (e) => {
-            e.stopPropagation();
-            handleRemove(itemKey);
-          },
-          style: removeBtnStyle,
-          children: "×"
-        }
-      ) : null,
-      children(itemKey, index)
-    ] }, itemKey)),
+    keys.map(
+      (itemKey, index) => editable ? /* @__PURE__ */ jsxs("div", { className: "setto-repeater-item", style: { position: "relative" }, children: [
+        canRemove ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-setto-ui": true,
+            className: "setto-repeater-remove",
+            "aria-label": `Fjern ${itemLabel}`,
+            title: `Fjern ${itemLabel}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              handleRemove(itemKey);
+            },
+            style: removeBtnStyle,
+            children: "×"
+          }
+        ) : null,
+        children(itemKey, index)
+      ] }, itemKey) : /* @__PURE__ */ jsx(Fragment$1, { children: children(itemKey, index) }, itemKey)
+    ),
     editable ? /* @__PURE__ */ jsx(
       "div",
       {
@@ -23784,95 +25444,17 @@ const removeBtnStyle = {
   justifyContent: "center",
   width: 24,
   height: 24,
-  padding: 0,
-  background: "#ffffff",
-  border: "1px solid #e0e0e0",
-  borderRadius: "50%",
-  fontSize: 16,
-  lineHeight: 1,
-  color: "#444",
-  cursor: "pointer",
-  boxShadow: "0 1px 4px rgba(0,0,0,0.18)",
-  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
-};
-function SettoForm({
-  formId,
-  fields,
-  endpoint,
-  endpointKey,
-  className
-}) {
-  const { t } = useTranslation();
-  const [status, setStatus] = useState("idle");
-  const [values, setValues] = useState(
-    () => Object.fromEntries(fields.map((f) => [f.name, ""]))
-  );
-  const setField = useCallback(
-    (name, value) => setValues((prev) => ({ ...prev, [name]: value })),
-    []
-  );
-  const resolveEndpoint = () => {
-    if (endpoint) return endpoint;
-    if (endpointKey) {
-      const resolved = t(endpointKey, { defaultValue: "" });
-      return resolved && resolved !== endpointKey ? resolved : null;
-    }
-    return null;
-  };
-  const onSubmit = async (e) => {
-    e.preventDefault();
-    const url = resolveEndpoint();
-    if (!url) {
-      setStatus("error");
-      return;
-    }
-    setStatus("submitting");
-    try {
-      const res = await fetch(url, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(values)
-      });
-      if (!res.ok) throw new Error(`HTTP ${res.status}`);
-      setStatus("success");
-      setValues(
-        (prev) => Object.fromEntries(Object.keys(prev).map((k) => [k, ""]))
-      );
-    } catch {
-      setStatus("error");
-    }
-  };
-  if (status === "success") {
-    return /* @__PURE__ */ jsx("div", { className, "data-setto-form-status": "success", children: /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(T, { k: `form.${formId}.success` }) }) });
-  }
-  return /* @__PURE__ */ jsxs("form", { className, onSubmit, "data-setto-form": formId, noValidate: true, children: [
-    fields.map((field) => /* @__PURE__ */ jsxs("label", { "data-setto-form-field": field.name, children: [
-      /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(T, { k: field.labelKey }) }),
-      field.type === "textarea" ? /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          name: field.name,
-          required: field.required,
-          value: values[field.name] ?? "",
-          placeholder: field.placeholderKey ? t(field.placeholderKey, { defaultValue: "" }) : void 0,
-          onChange: (e) => setField(field.name, e.target.value)
-        }
-      ) : /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: field.type,
-          name: field.name,
-          required: field.required,
-          value: values[field.name] ?? "",
-          placeholder: field.placeholderKey ? t(field.placeholderKey, { defaultValue: "" }) : void 0,
-          onChange: (e) => setField(field.name, e.target.value)
-        }
-      )
-    ] }, field.name)),
-    /* @__PURE__ */ jsx("button", { type: "submit", disabled: status === "submitting", children: /* @__PURE__ */ jsx(T, { k: `form.${formId}.submit` }) }),
-    status === "error" ? /* @__PURE__ */ jsx("p", { "data-setto-form-status": "error", role: "alert", children: /* @__PURE__ */ jsx(T, { k: `form.${formId}.error` }) }) : null
-  ] });
-}
+  padding: 0,
+  background: "#ffffff",
+  border: "1px solid #e0e0e0",
+  borderRadius: "50%",
+  fontSize: 16,
+  lineHeight: 1,
+  color: "#444",
+  cursor: "pointer",
+  boxShadow: "0 1px 4px rgba(0,0,0,0.18)",
+  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
+};
 function SettoVideo({ srcKey, posterKey, title, className }) {
   const { t, i18n } = useTranslation();
   const { store } = useSetto();
@@ -24138,7 +25720,7 @@ function AuthGate({ children }) {
   };
   if (mode === "set_password") {
     const callback = authCallbackType();
-    return /* @__PURE__ */ jsx("div", { style: shellStyle$1, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitSetPassword, style: formStyle, children: [
+    return /* @__PURE__ */ jsx("div", { style: shellStyle, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitSetPassword, style: formStyle, children: [
       /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 22 }, children: "Setto" }),
       /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#888", fontSize: 13 }, children: callback === "invite" ? "Velg et passord for å fullføre invitasjonen." : "Velg et nytt passord." }),
       /* @__PURE__ */ jsx(
@@ -24173,7 +25755,7 @@ function AuthGate({ children }) {
     ] }) });
   }
   if (mode === "forgot") {
-    return /* @__PURE__ */ jsx("div", { style: shellStyle$1, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitForgot, style: formStyle, children: [
+    return /* @__PURE__ */ jsx("div", { style: shellStyle, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitForgot, style: formStyle, children: [
       /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 22 }, children: "Setto" }),
       /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#888", fontSize: 13 }, children: "Skriv inn e-posten din, så sender vi en lenke for å nullstille passordet." }),
       /* @__PURE__ */ jsx(
@@ -24206,7 +25788,7 @@ function AuthGate({ children }) {
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx("div", { style: shellStyle$1, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitSignIn, style: formStyle, children: [
+  return /* @__PURE__ */ jsx("div", { style: shellStyle, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitSignIn, style: formStyle, children: [
     /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 22 }, children: "Setto" }),
     /* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#888", fontSize: 13 }, children: "Logg inn for å redigere innholdet. Har du fått invitasjon, bruk lenken i e-posten første gang." }),
     /* @__PURE__ */ jsx(
@@ -24251,7 +25833,7 @@ function AuthGate({ children }) {
     )
   ] }) });
 }
-const shellStyle$1 = {
+const shellStyle = {
   minHeight: "100dvh",
   display: "flex",
   alignItems: "center",
@@ -24296,7 +25878,7 @@ const linkStyle = {
   cursor: "pointer"
 };
 const loadingStyle = {
-  ...shellStyle$1,
+  ...shellStyle,
   fontSize: 14,
   color: "#888"
 };
@@ -24310,72 +25892,7 @@ function deploymentAdminUrl(deploymentId) {
 function focusedDeploymentId() {
   return new URLSearchParams(window.location.search).get("deployment");
 }
-function SettoAdminApp() {
-  return /* @__PURE__ */ jsx(AuthGate, { children: /* @__PURE__ */ jsx(SiteList, {}) });
-}
-function SiteList() {
-  const { supabase, session, sites, currentSite, config } = useSetto();
-  const [error, setError] = useState(null);
-  const redirectAfterSignIn = useRef(false);
-  useEffect(() => {
-    const { data: sub } = supabase.auth.onAuthStateChange((event) => {
-      if (event === "SIGNED_IN" && !isAdminDeploymentView()) {
-        redirectAfterSignIn.current = true;
-      }
-    });
-    return () => sub.subscription.unsubscribe();
-  }, [supabase]);
-  useEffect(() => {
-    if (!redirectAfterSignIn.current || !session || sites === null || isAdminDeploymentView()) {
-      return;
-    }
-    if (currentSite) {
-      redirectAfterSignIn.current = false;
-      window.location.replace(siteHomeUrl());
-      return;
-    }
-    redirectAfterSignIn.current = false;
-  }, [session, sites, currentSite]);
-  if (redirectAfterSignIn.current && session && (sites === null || currentSite)) {
-    return /* @__PURE__ */ jsx("div", { style: loadingRedirectStyle, children: "Åpner redigering …" });
-  }
-  return /* @__PURE__ */ jsxs("div", { style: shellStyle, children: [
-    /* @__PURE__ */ jsxs("header", { style: headerStyle, children: [
-      /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 22 }, children: "Setto" }),
-      /* @__PURE__ */ jsx(SignOutButton, {})
-    ] }),
-    /* @__PURE__ */ jsxs("main", { style: mainStyle, children: [
-      error ? /* @__PURE__ */ jsx("p", { style: errStyle, children: error }) : null,
-      sites === null ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster sider…" }) : null,
-      currentSite ? /* @__PURE__ */ jsxs("section", { style: cardStyle, children: [
-        /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 18 }, children: currentSite.display_name }),
-        /* @__PURE__ */ jsxs("p", { style: mutedStyle, children: [
-          currentSite.repo_owner,
-          "/",
-          currentSite.repo_name,
-          " · branch ",
-          currentSite.branch
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8 }, children: /* @__PURE__ */ jsx("a", { href: siteHomeUrl(), style: primaryBtnLinkStyle, children: "Begynn å redigere" }) }),
-        /* @__PURE__ */ jsx(DeploymentList, { siteId: currentSite.id, onError: setError })
-      ] }) : sites && sites.length === 0 ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Du er ikke medlem av noen sider ennå. Be administratoren legge deg til." }) : null,
-      sites && !currentSite && sites.length > 0 ? /* @__PURE__ */ jsxs("section", { style: cardStyle, children: [
-        /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 16 }, children: "Andre sider du har tilgang til" }),
-        /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: sites.map((s) => /* @__PURE__ */ jsxs("li", { style: { padding: "6px 0" }, children: [
-          /* @__PURE__ */ jsx("code", { style: { color: "#bda6ff" }, children: s.id }),
-          " — ",
-          s.display_name
-        ] }, s.id)) }),
-        /* @__PURE__ */ jsxs("p", { style: mutedStyle, children: [
-          "Du er logget inn på denne siden (",
-          config.siteId,
-          "), men er ikke medlem her. Spør administrator om tilgang."
-        ] })
-      ] }) : null
-    ] })
-  ] });
-}
-function DeploymentList({
+function DeploymentsView({
   siteId,
   onError
 }) {
@@ -24436,7 +25953,7 @@ function DeploymentList({
   const showFocusPanel = focusId !== null && (focusRow === null || isDeploymentInProgress(focusRow.status));
   if (!rows) return /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster deploys…" });
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
-    showFocusPanel ? /* @__PURE__ */ jsxs("section", { style: activeDepStyle, children: [
+    showFocusPanel ? /* @__PURE__ */ jsxs("section", { style: panelStyle, children: [
       /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: 15 }, children: "Publisering pågår" }),
       focusRow ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(PublishProgressBar, { status: focusRow.status }),
@@ -24460,14 +25977,14 @@ function DeploymentList({
             type: "button",
             onClick: () => void cancelDeployment(),
             disabled: canceling,
-            style: cancelBtnStyle,
+            style: dangerBtnStyle,
             children: canceling ? "Avbryter …" : "Avbryt publisering"
           }
         )
       ] }) : /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster status …" })
     ] }) : null,
     rows.length === 0 ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Ingen deploys ennå." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: 14, color: "#aaa" }, children: "Historikk" }),
+      /* @__PURE__ */ jsx("h3", { style: subheadingStyle, children: "Historikk" }),
       /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0, display: "flex", flexDirection: "column", gap: 6 }, children: rows.map((r) => {
         const focused = r.id === focusId;
         const inProgress = isDeploymentInProgress(r.status);
@@ -24476,7 +25993,7 @@ function DeploymentList({
           {
             href: inProgress ? deploymentAdminUrl(r.id) : void 0,
             style: {
-              ...depRowStyle,
+              ...rowStyle,
               textDecoration: "none",
               color: "inherit",
               outline: focused ? "1px solid #640AFF" : void 0,
@@ -24513,9 +26030,120 @@ function statusLabel(row) {
       return "Avbrutt";
   }
 }
+function depDotStyle(status) {
+  const colour = status === "ready" ? "#34d399" : status === "error" || status === "canceled" ? "#ff7a7a" : status === "building" ? "#fbbf24" : "#888";
+  return {
+    width: 8,
+    height: 8,
+    borderRadius: "50%",
+    background: colour,
+    flexShrink: 0
+  };
+}
+function SettoAdminApp() {
+  return /* @__PURE__ */ jsx(AuthGate, { children: /* @__PURE__ */ jsx(SiteList, {}) });
+}
+const DEPLOYMENTS_VIEW = "deployments";
+function SiteList() {
+  const { supabase, session, sites, currentSite, config } = useSetto();
+  const [error, setError] = useState(null);
+  const [view, setView] = useState(() => currentAdminView() ?? DEPLOYMENTS_VIEW);
+  const redirectAfterSignIn = useRef(false);
+  useEffect(() => {
+    const { data: sub } = supabase.auth.onAuthStateChange((event) => {
+      if (event === "SIGNED_IN" && !isAdminPanelView()) {
+        redirectAfterSignIn.current = true;
+      }
+    });
+    return () => sub.subscription.unsubscribe();
+  }, [supabase]);
+  useEffect(() => {
+    if (!redirectAfterSignIn.current || !session || sites === null || isAdminPanelView()) {
+      return;
+    }
+    if (currentSite) {
+      redirectAfterSignIn.current = false;
+      window.location.replace(siteHomeUrl());
+      return;
+    }
+    redirectAfterSignIn.current = false;
+  }, [session, sites, currentSite]);
+  useEffect(() => {
+    const onPopState = () => setView(currentAdminView() ?? DEPLOYMENTS_VIEW);
+    window.addEventListener("popstate", onPopState);
+    return () => window.removeEventListener("popstate", onPopState);
+  }, []);
+  const showView = (id) => {
+    setView(id);
+    setError(null);
+    window.history.pushState(null, "", id === DEPLOYMENTS_VIEW ? SETTO_BASE : adminViewUrl(id));
+  };
+  if (redirectAfterSignIn.current && session && (sites === null || currentSite)) {
+    return /* @__PURE__ */ jsx("div", { style: loadingRedirectStyle, children: "Åpner redigering …" });
+  }
+  const activeModule = findModule(view);
+  return /* @__PURE__ */ jsxs("div", { style: shellStyle$1, children: [
+    /* @__PURE__ */ jsxs("header", { style: headerStyle, children: [
+      /* @__PURE__ */ jsx("h1", { style: { margin: 0, fontSize: 22 }, children: "Setto" }),
+      /* @__PURE__ */ jsx(SignOutButton, {})
+    ] }),
+    /* @__PURE__ */ jsxs("main", { style: mainStyle, children: [
+      error ? /* @__PURE__ */ jsx("p", { style: errStyle, children: error }) : null,
+      sites === null ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Laster sider…" }) : null,
+      currentSite ? /* @__PURE__ */ jsxs("section", { style: cardStyle, children: [
+        /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 18 }, children: currentSite.display_name }),
+        /* @__PURE__ */ jsxs("p", { style: mutedStyle, children: [
+          currentSite.repo_owner,
+          "/",
+          currentSite.repo_name,
+          " · branch ",
+          currentSite.branch
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8 }, children: /* @__PURE__ */ jsx("a", { href: siteHomeUrl(), style: primaryBtnStyle, children: "Begynn å redigere" }) }),
+        /* @__PURE__ */ jsxs("nav", { style: tabBarStyle, "aria-label": "Visninger", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: tabStyle(!activeModule),
+              "aria-current": !activeModule ? "page" : void 0,
+              onClick: () => showView(DEPLOYMENTS_VIEW),
+              children: "Publiseringer"
+            }
+          ),
+          SETTO_MODULES.map((m) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              style: tabStyle(activeModule?.id === m.id),
+              "aria-current": activeModule?.id === m.id ? "page" : void 0,
+              onClick: () => showView(m.id),
+              children: m.label
+            },
+            m.id
+          ))
+        ] }),
+        activeModule ? /* @__PURE__ */ jsx(activeModule.AdminView, { siteId: currentSite.id }) : /* @__PURE__ */ jsx(DeploymentsView, { siteId: currentSite.id, onError: setError })
+      ] }) : sites && sites.length === 0 ? /* @__PURE__ */ jsx("p", { style: mutedStyle, children: "Du er ikke medlem av noen sider ennå. Be administratoren legge deg til." }) : null,
+      sites && !currentSite && sites.length > 0 ? /* @__PURE__ */ jsxs("section", { style: cardStyle, children: [
+        /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 16 }, children: "Andre sider du har tilgang til" }),
+        /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: sites.map((s) => /* @__PURE__ */ jsxs("li", { style: { padding: "6px 0" }, children: [
+          /* @__PURE__ */ jsx("code", { style: { color: "#bda6ff" }, children: s.id }),
+          " — ",
+          s.display_name
+        ] }, s.id)) }),
+        /* @__PURE__ */ jsxs("p", { style: mutedStyle, children: [
+          "Du er logget inn på denne siden (",
+          config.siteId,
+          "), men er ikke medlem her. Spør administrator om tilgang."
+        ] })
+      ] }) : null
+    ] })
+  ] });
+}
 function SignOutButton() {
   const { supabase } = useSetto();
-  return /* @__PURE__ */ jsx("button", { onClick: () => supabase.auth.signOut(), style: signOutBtnStyle, children: "Logg ut" });
+  return /* @__PURE__ */ jsx("button", { onClick: () => supabase.auth.signOut(), style: secondaryBtnStyle, children: "Logg ut" });
 }
 const loadingRedirectStyle = {
   minHeight: "100dvh",
@@ -24527,101 +26155,6 @@ const loadingRedirectStyle = {
   fontSize: 14,
   fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
 };
-const shellStyle = {
-  minHeight: "100dvh",
-  background: "#0a0a0d",
-  color: "#fff",
-  fontFamily: 'system-ui, -apple-system, "Segoe UI", sans-serif'
-};
-const headerStyle = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  padding: "16px 24px",
-  borderBottom: "1px solid #1c1c22"
-};
-const mainStyle = {
-  maxWidth: 720,
-  margin: "0 auto",
-  padding: 24,
-  display: "flex",
-  flexDirection: "column",
-  gap: 16
-};
-const cardStyle = {
-  background: "#15151a",
-  borderRadius: 12,
-  padding: 20,
-  display: "flex",
-  flexDirection: "column",
-  gap: 12
-};
-const mutedStyle = {
-  color: "#888",
-  fontSize: 13,
-  margin: 0
-};
-const errStyle = {
-  color: "#ff7a7a",
-  fontSize: 13,
-  margin: 0
-};
-const primaryBtnLinkStyle = {
-  display: "inline-block",
-  background: "#640AFF",
-  color: "#fff",
-  border: "none",
-  borderRadius: 6,
-  padding: "10px 14px",
-  fontSize: 14,
-  fontWeight: 500,
-  textDecoration: "none"
-};
-const signOutBtnStyle = {
-  background: "transparent",
-  color: "#bda6ff",
-  border: "1px solid #2a2a32",
-  borderRadius: 6,
-  padding: "6px 10px",
-  fontSize: 12,
-  cursor: "pointer"
-};
-const activeDepStyle = {
-  background: "#1a1a20",
-  borderRadius: 8,
-  padding: 14,
-  display: "flex",
-  flexDirection: "column",
-  gap: 10
-};
-const depRowStyle = {
-  display: "flex",
-  alignItems: "center",
-  gap: 10,
-  background: "#1a1a20",
-  padding: "6px 10px",
-  borderRadius: 6
-};
-const cancelBtnStyle = {
-  alignSelf: "flex-start",
-  background: "transparent",
-  color: "#ff7a7a",
-  border: "1px solid #4a3030",
-  borderRadius: 6,
-  padding: "8px 14px",
-  fontSize: 13,
-  cursor: "pointer"
-};
-function depDotStyle(status) {
-  const colour = status === "ready" ? "#34d399" : status === "error" || status === "canceled" ? "#ff7a7a" : status === "building" ? "#fbbf24" : "#888";
-  return {
-    width: 8,
-    height: 8,
-    borderRadius: "50%",
-    background: colour,
-    flexShrink: 0
-  };
-}
 const BLOCK_REGISTRY = {
   section: { allowedChildren: "any", themed: true, selectable: true },
   block: { allowedChildren: "any", themed: true, selectable: true },
@@ -24650,7 +26183,6 @@ function nodeChildren(node) {
       return [];
   }
 }
-const FIELD_TYPES = ["text", "email", "tel", "textarea"];
 const ANIMATION_PRESETS = ["fadeIn", "slideUp", "stagger", "scrollReveal"];
 function validateBlockTree(input) {
   const issues = [];
@@ -24755,18 +26287,17 @@ function validateTypeSpecific(raw, type, path, issues) {
       break;
     case "form":
       requireString(raw, "formId", path, issues);
-      if (!Array.isArray(raw.fields) || raw.fields.length === 0) {
-        issues.push({ path: `${path}.fields`, message: "form must declare at least one field" });
-        break;
-      }
-      for (let i = 0; i < raw.fields.length; i++) {
-        validateFormField(raw.fields[i], `${path}.fields[${i}]`, issues);
+      if (raw.fields !== void 0) {
+        if (!Array.isArray(raw.fields)) {
+          issues.push({ path: `${path}.fields`, message: "form.fields must be an array" });
+          break;
+        }
+        for (let i = 0; i < raw.fields.length; i++) {
+          validateFormField(raw.fields[i], `${path}.fields[${i}]`, issues);
+        }
       }
-      if (raw.endpoint === void 0 && raw.endpointKey === void 0) {
-        issues.push({
-          path,
-          message: "form must declare either endpoint or endpointKey"
-        });
+      if (raw.endpoint !== void 0 && typeof raw.endpoint !== "string") {
+        issues.push({ path: `${path}.endpoint`, message: "form.endpoint must be a string" });
       }
       break;
     case "video":
@@ -24791,10 +26322,10 @@ function validateFormField(raw, path, issues) {
   if (typeof raw.name !== "string" || raw.name.length === 0) {
     issues.push({ path: `${path}.name`, message: "field.name must be a non-empty string" });
   }
-  if (typeof raw.type !== "string" || !FIELD_TYPES.includes(raw.type)) {
+  if (!isFormFieldType(raw.type)) {
     issues.push({
       path: `${path}.type`,
-      message: `field.type must be one of ${FIELD_TYPES.join(", ")}`
+      message: `field.type must be one of ${FORM_FIELD_TYPES.join(", ")}`
     });
   }
   requireString(raw, "labelKey", path, issues);
@@ -24887,7 +26418,6 @@ function RenderNode({ node }) {
           formId: node.formId,
           fields: node.fields,
           endpoint: node.endpoint,
-          endpointKey: node.endpointKey,
           className: node.className
         }
       );
@@ -25043,10 +26573,11 @@ function walk(node, out, repeaterCtx) {
     case "form":
       out.keys.add(`form.${node.formId}.submit`);
       out.keys.add(`form.${node.formId}.success`);
-      if (node.endpointKey) out.keys.add(node.endpointKey);
-      for (const field of node.fields) {
+      out.keys.add(`form.${node.formId}.error`);
+      for (const field of node.fields ?? []) {
         out.keys.add(field.labelKey);
         if (field.placeholderKey) out.keys.add(field.placeholderKey);
+        if (field.optionsKey) out.keys.add(field.optionsKey);
       }
       return;
     case "repeater":
@@ -25100,8 +26631,11 @@ export {
   AuthGate,
   BLOCK_REGISTRY,
   BLOCK_TYPES,
+  FORM_FIELD_TYPES,
+  FORM_FIELD_TYPE_LABELS,
   GuestEditProvider,
   SETTO_BASE,
+  SETTO_MODULES,
   SettoAdminApp,
   SettoAnimation,
   SettoBlock,
@@ -25114,9 +26648,14 @@ export {
   SettoSection,
   SettoVideo,
   T,
+  adminViewUrl,
   extractContentKeys,
+  formFieldsPrefix,
+  isFormFieldType,
   nodeChildren,
   parseBlockTree,
+  readLocaleFields,
+  settoSubmissionUrl,
   useGuestEdit,
   useSectionTheme,
   useSetto,