@orion-studios/cms 0.5.0

package/dist/studio/index.js

@@ -0,0 +1,3824 @@
+'use client';
+"use client";
+import {
+  FORM_FIELD_TYPES,
+  FormRenderer
+} from "../chunk-WQDHEQDE.js";
+
+// src/studio/Studio.tsx
+import { useCallback as useCallback5, useEffect as useEffect11, useMemo as useMemo5, useState as useState12 } from "react";
+
+// src/studio/api.ts
+var StudioApiError = class extends Error {
+  status;
+  fieldErrors;
+  issues;
+  usage;
+  constructor(status, message, extra) {
+    super(message);
+    this.status = status;
+    this.fieldErrors = extra?.fieldErrors;
+    this.issues = extra?.issues;
+    this.usage = extra?.usage;
+  }
+};
+function createStudioApi(options) {
+  const base = options.basePath ?? "/api/cms";
+  const request = async (method, path, body) => {
+    const token = await options.getToken();
+    const isForm = typeof FormData !== "undefined" && body instanceof FormData;
+    return fetch(`${base}${path}`, {
+      method,
+      headers: {
+        ...token ? { authorization: `Bearer ${token}` } : {},
+        ...body !== void 0 && !isForm ? { "content-type": "application/json" } : {}
+      },
+      ...body !== void 0 ? { body: isForm ? body : JSON.stringify(body) } : {}
+    });
+  };
+  const call = async (method, path, body) => {
+    const response = await request(method, path, body);
+    const payload = await response.json().catch(() => ({}));
+    if (!response.ok) {
+      throw new StudioApiError(response.status, String(payload.error || "Request failed."), {
+        fieldErrors: payload.fieldErrors,
+        issues: payload.issues,
+        usage: payload.usage
+      });
+    }
+    return payload;
+  };
+  return {
+    me: () => call(
+      "GET",
+      "/me"
+    ),
+    // ---- Pages ------------------------------------------------------------
+    listPages: () => call("GET", "/pages"),
+    getPage: (id) => call("GET", `/pages/${id}`),
+    createPage: (input) => call("POST", "/pages", input),
+    saveDraft: (id, input) => call("PATCH", `/pages/${id}`, input),
+    publish: (id) => call("POST", `/pages/${id}/publish`),
+    unpublish: (id) => call("POST", `/pages/${id}/unpublish`),
+    duplicatePage: (id) => call("POST", `/pages/${id}/duplicate`),
+    deletePage: (id) => call("DELETE", `/pages/${id}`),
+    previewToken: (id) => call("POST", `/pages/${id}/preview`),
+    listVersions: (id) => call("GET", `/pages/${id}/versions`),
+    getVersion: (versionId) => call("GET", `/versions/${versionId}`),
+    restoreVersion: (versionId) => call("POST", `/versions/${versionId}/restore`),
+    // ---- Globals ----------------------------------------------------------
+    getGlobal: (key) => call("GET", `/globals/${key}`),
+    updateGlobal: (key, data) => call("PATCH", `/globals/${key}`, { data }),
+    listGlobalVersions: (key) => call(
+      "GET",
+      `/globals/${key}/versions`
+    ),
+    restoreGlobalVersion: (versionId) => call(
+      "POST",
+      `/global-versions/${versionId}/restore`
+    ),
+    // ---- Media ------------------------------------------------------------
+    listMedia: () => call("GET", "/media"),
+    uploadMedia: (form) => call("POST", "/media", form),
+    updateMedia: (id, input) => call("PATCH", `/media/${id}`, input),
+    replaceMedia: (id, form) => call("POST", `/media/${id}/replace`, form),
+    mediaUsage: (id) => call("GET", `/media/${id}/usage`),
+    deleteMedia: (id, force = false) => call("DELETE", `/media/${id}${force ? "?force=true" : ""}`),
+    // ---- Forms ------------------------------------------------------------
+    listForms: () => call("GET", "/forms"),
+    createForm: (input) => call("POST", "/forms", input),
+    getForm: (slug) => call("GET", `/forms/${slug}`),
+    updateForm: (slug, input) => call("PATCH", `/forms/${slug}`, input),
+    deleteForm: (slug) => call("DELETE", `/forms/${slug}`),
+    // ---- Submissions --------------------------------------------------------
+    listSubmissions: (params) => {
+      const query = new URLSearchParams();
+      if (params?.form) query.set("form", params.form);
+      if (params?.beforeId) query.set("beforeId", String(params.beforeId));
+      if (params?.unread) query.set("unread", "1");
+      if (params?.limit) query.set("limit", String(params.limit));
+      const suffix = query.toString() ? `?${query.toString()}` : "";
+      return call("GET", `/submissions${suffix}`);
+    },
+    markSubmission: (id, read) => call("PATCH", `/submissions/${id}`, { read }),
+    deleteSubmission: (id) => call("DELETE", `/submissions/${id}`),
+    exportSubmissionsCsv: async (form) => {
+      const response = await request("GET", `/submissions/export${form ? `?form=${form}` : ""}`);
+      if (!response.ok) throw new StudioApiError(response.status, "Export failed.");
+      return response.text();
+    },
+    // ---- Redirects ----------------------------------------------------------
+    listRedirects: () => call("GET", "/redirects"),
+    createRedirect: (input) => call("POST", "/redirects", input),
+    deleteRedirect: (id) => call("DELETE", `/redirects/${id}`),
+    // ---- Dashboard / activity / analytics --------------------------------------
+    dashboard: () => call("GET", "/dashboard"),
+    listActivity: () => call("GET", "/activity"),
+    analytics: (params) => {
+      const query = new URLSearchParams();
+      if (params?.from) query.set("from", params.from);
+      if (params?.to) query.set("to", params.to);
+      const suffix = query.toString() ? `?${query.toString()}` : "";
+      return call("GET", `/analytics${suffix}`);
+    },
+    // ---- Users ----------------------------------------------------------------
+    listUsers: () => call("GET", "/users"),
+    createUser: (input) => call("POST", "/users", input),
+    updateUser: (id, input) => call("PATCH", `/users/${id}`, input),
+    deleteUser: (id) => call("DELETE", `/users/${id}`)
+  };
+}
+
+// src/studio/auth.tsx
+import { createClient } from "@supabase/supabase-js";
+import { useCallback, useEffect, useMemo, useState as useState2 } from "react";
+
+// src/studio/PasswordInput.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EyeIcon = ({ off }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    fill: "none",
+    height: "18",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.7",
+    viewBox: "0 0 24 24",
+    width: "18",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M2.5 12s3.5-6.5 9.5-6.5S21.5 12 21.5 12s-3.5 6.5-9.5 6.5S2.5 12 2.5 12Z" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.8" }),
+      off ? /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "20", y2: "4" }) : null
+    ]
+  }
+);
+function PasswordInput({ className, ...props }) {
+  const [visible, setVisible] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "ost-password", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...props,
+        className: className ? `ost-input ${className}` : "ost-input",
+        type: visible ? "text" : "password"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": visible ? "Hide password" : "Show password",
+        "aria-pressed": visible,
+        className: "ost-password-toggle",
+        onClick: () => setVisible((current) => !current),
+        tabIndex: -1,
+        title: visible ? "Hide password" : "Show password",
+        type: "button",
+        children: /* @__PURE__ */ jsx(EyeIcon, { off: visible })
+      }
+    )
+  ] });
+}
+
+// src/studio/auth.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var browserClient = null;
+function getBrowserSupabase() {
+  if (!browserClient) {
+    const url = process.env.NEXT_PUBLIC_SUPABASE_URL || "";
+    const anonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY || "";
+    if (!url || !anonKey) {
+      throw new Error("Orion Studio: NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY must be set.");
+    }
+    browserClient = createClient(url, anonKey);
+  }
+  return browserClient;
+}
+var isMemoryMode = () => (!process.env.NEXT_PUBLIC_SUPABASE_URL || !process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY) && (process.env.NODE_ENV !== "production" || process.env.NEXT_PUBLIC_CMS_MEMORY === "true");
+var MEMORY_DEV_TOKEN = "orion-dev-token";
+var memorySession = {
+  access_token: MEMORY_DEV_TOKEN,
+  user: { id: "dev", email: "dev@local" }
+};
+function useStudioSession() {
+  const memory = isMemoryMode();
+  const supabase = useMemo(() => memory ? null : getBrowserSupabase(), [memory]);
+  const [session, setSession] = useState2(memory ? memorySession : null);
+  const [loading, setLoading] = useState2(!memory);
+  useEffect(() => {
+    if (!supabase) return;
+    let active = true;
+    supabase.auth.getSession().then(({ data }) => {
+      if (!active) return;
+      setSession(data.session);
+      setLoading(false);
+    });
+    const { data: subscription } = supabase.auth.onAuthStateChange((_event, nextSession) => {
+      if (active) setSession(nextSession);
+    });
+    return () => {
+      active = false;
+      subscription.subscription.unsubscribe();
+    };
+  }, [supabase]);
+  const getToken = useCallback(async () => {
+    if (!supabase) return MEMORY_DEV_TOKEN;
+    const { data } = await supabase.auth.getSession();
+    return data.session?.access_token ?? null;
+  }, [supabase]);
+  const signOut = useCallback(async () => {
+    if (supabase) await supabase.auth.signOut();
+  }, [supabase]);
+  return { session, loading, getToken, signOut };
+}
+function LoginView({ siteName, logoUrl }) {
+  const supabase = useMemo(getBrowserSupabase, []);
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [error, setError] = useState2("");
+  const [busy, setBusy] = useState2(false);
+  const submit = async (event) => {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    const { error: signInError } = await supabase.auth.signInWithPassword({ email, password });
+    if (signInError) setError("Invalid email or password.");
+    setBusy(false);
+  };
+  return /* @__PURE__ */ jsx2("div", { className: "ost-root ost-login", children: /* @__PURE__ */ jsxs2("form", { className: "ost-login-card", onSubmit: submit, noValidate: true, children: [
+    logoUrl ? /* @__PURE__ */ jsx2("img", { alt: siteName, className: "ost-login-logo", src: logoUrl }) : null,
+    /* @__PURE__ */ jsxs2("div", { className: "ost-login-heading", children: [
+      /* @__PURE__ */ jsx2("h1", { children: siteName }),
+      /* @__PURE__ */ jsx2("p", { className: "ost-muted", children: "Sign in to the Studio" })
+    ] }),
+    /* @__PURE__ */ jsxs2("label", { className: "ost-label", children: [
+      "Email",
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          autoComplete: "email",
+          autoFocus: true,
+          className: "ost-input",
+          onChange: (event) => setEmail(event.target.value),
+          placeholder: "you@company.com",
+          type: "email",
+          value: email
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("label", { className: "ost-label", children: [
+      "Password",
+      /* @__PURE__ */ jsx2(
+        PasswordInput,
+        {
+          autoComplete: "current-password",
+          onChange: (event) => setPassword(event.target.value),
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+          value: password
+        }
+      )
+    ] }),
+    error ? /* @__PURE__ */ jsx2("div", { className: "ost-login-error", role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx2("button", { className: "ost-btn ost-btn-primary ost-login-submit", disabled: busy, type: "submit", children: busy ? "Signing in\u2026" : "Sign in" }),
+    /* @__PURE__ */ jsx2("p", { className: "ost-login-foot", children: "Powered by Orion Studios" })
+  ] }) });
+}
+
+// src/studio/views/AnalyticsView.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var RANGES = [
+  { key: "7", label: "7 days", days: 7 },
+  { key: "30", label: "30 days", days: 30 },
+  { key: "90", label: "90 days", days: 90 }
+];
+var pct = (value) => `${Math.round(value * 100)}%`;
+function delta(current, previous) {
+  if (previous === 0) return current > 0 ? { text: "new", direction: "up" } : { text: "\u2014", direction: "flat" };
+  const change = (current - previous) / previous;
+  if (Math.abs(change) < 5e-3) return { text: "\u2014", direction: "flat" };
+  return {
+    text: `${change > 0 ? "+" : ""}${Math.round(change * 100)}%`,
+    direction: change > 0 ? "up" : "down"
+  };
+}
+function Kpi({
+  label,
+  value,
+  previous,
+  highlight
+}) {
+  const change = previous ? delta(previous.current, previous.prior) : null;
+  return /* @__PURE__ */ jsxs3("div", { className: `ost-card ost-kpi${highlight ? " is-highlight" : ""}`, children: [
+    /* @__PURE__ */ jsx3("span", { className: "ost-kpi-label", children: label }),
+    /* @__PURE__ */ jsx3("strong", { className: "ost-kpi-value", children: value }),
+    change ? /* @__PURE__ */ jsxs3("span", { className: `ost-kpi-delta is-${change.direction}`, children: [
+      change.text,
+      change.text !== "\u2014" && change.text !== "new" ? " vs previous" : ""
+    ] }) : null
+  ] });
+}
+function TrendChart({ trend }) {
+  const width = 720;
+  const height = 120;
+  const max = Math.max(1, ...trend.map((day) => day.visitors));
+  const barWidth = width / Math.max(trend.length, 1);
+  const formatDay = (iso) => (/* @__PURE__ */ new Date(`${iso}T12:00:00Z`)).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+  return /* @__PURE__ */ jsxs3("div", { className: "ost-trend-wrap", children: [
+    /* @__PURE__ */ jsx3("svg", { className: "ost-trend", preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, children: trend.map((day, index) => {
+      const barHeight = Math.max(2, day.visitors / max * height);
+      const conversionHeight = day.conversions > 0 ? Math.max(3, day.conversions / max * height) : 0;
+      return /* @__PURE__ */ jsxs3("g", { children: [
+        /* @__PURE__ */ jsx3(
+          "rect",
+          {
+            className: "ost-trend-bar",
+            height: barHeight,
+            rx: "2",
+            width: Math.max(barWidth - 3, 2),
+            x: index * barWidth + 1,
+            y: height - barHeight,
+            children: /* @__PURE__ */ jsx3("title", { children: `${day.day}: ${day.visitors} visitor${day.visitors === 1 ? "" : "s"}, ${day.conversions} conversion${day.conversions === 1 ? "" : "s"}` })
+          }
+        ),
+        conversionHeight > 0 ? /* @__PURE__ */ jsx3(
+          "rect",
+          {
+            className: "ost-trend-conversion",
+            height: conversionHeight,
+            rx: "2",
+            width: Math.max(barWidth - 3, 2),
+            x: index * barWidth + 1,
+            y: height - conversionHeight
+          }
+        ) : null
+      ] }, day.day);
+    }) }),
+    trend.length > 0 ? /* @__PURE__ */ jsxs3("div", { className: "ost-trend-dates", children: [
+      /* @__PURE__ */ jsx3("span", { children: formatDay(trend[0].day) }),
+      /* @__PURE__ */ jsx3("span", { children: formatDay(trend[trend.length - 1].day) })
+    ] }) : null
+  ] });
+}
+function BarList({
+  rows,
+  max
+}) {
+  const top = max ?? Math.max(1, ...rows.map((row) => row.value));
+  return /* @__PURE__ */ jsxs3("div", { className: "ost-barlist", children: [
+    rows.map((row) => /* @__PURE__ */ jsxs3("div", { className: "ost-barlist-row", children: [
+      /* @__PURE__ */ jsx3("span", { className: "ost-barlist-label", title: row.label, children: row.label }),
+      /* @__PURE__ */ jsx3("span", { className: "ost-barlist-track", children: /* @__PURE__ */ jsx3("span", { className: "ost-barlist-fill", style: { width: `${Math.max(row.value / top * 100, 2)}%` } }) }),
+      /* @__PURE__ */ jsxs3("span", { className: "ost-barlist-value", children: [
+        row.value,
+        row.detail ? /* @__PURE__ */ jsxs3("span", { className: "ost-muted", children: [
+          " ",
+          row.detail
+        ] }) : null
+      ] })
+    ] }, row.label)),
+    rows.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ost-muted", children: "Nothing recorded yet." }) : null
+  ] });
+}
+function AnalyticsView({ api }) {
+  const [rangeKey, setRangeKey] = useState3("30");
+  const [data, setData] = useState3(null);
+  const [error, setError] = useState3("");
+  useEffect2(() => {
+    const range = RANGES.find((entry) => entry.key === rangeKey) ?? RANGES[1];
+    const to = /* @__PURE__ */ new Date();
+    const from = new Date(to.getTime() - range.days * 864e5);
+    setData(null);
+    api.analytics({ from: from.toISOString(), to: to.toISOString() }).then(
+      setData,
+      (e) => setError(e.message)
+    );
+  }, [api, rangeKey]);
+  const localHours = useMemo2(() => {
+    if (!data) return [];
+    const offset = Math.round((/* @__PURE__ */ new Date()).getTimezoneOffset() / -60);
+    return data.hours.map((_, hour) => ({
+      hour,
+      count: data.hours[((hour - offset) % 24 + 24) % 24]
+    }));
+  }, [data]);
+  if (error) return /* @__PURE__ */ jsx3("div", { className: "ost-view", children: /* @__PURE__ */ jsx3("div", { className: "ost-error", children: error }) });
+  const kpis = data?.kpis ?? null;
+  const previous = data?.previous;
+  return /* @__PURE__ */ jsxs3("div", { className: "ost-view ost-view-wide", children: [
+    /* @__PURE__ */ jsxs3("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h2", { children: "Analytics" }),
+        /* @__PURE__ */ jsx3("p", { className: "ost-muted", children: "Consent-aware first-party analytics \u2014 what the site does for the business." })
+      ] }),
+      /* @__PURE__ */ jsx3("div", { className: "ost-row", children: RANGES.map((range) => /* @__PURE__ */ jsx3(
+        "button",
+        {
+          className: `ost-btn${rangeKey === range.key ? " ost-btn-primary" : ""}`,
+          onClick: () => setRangeKey(range.key),
+          type: "button",
+          children: range.label
+        },
+        range.key
+      )) })
+    ] }),
+    !data ? /* @__PURE__ */ jsx3("div", { className: "ost-loading", children: "Crunching the numbers\u2026" }) : null,
+    data && kpis ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsxs3("div", { className: "ost-kpi-grid", children: [
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            highlight: true,
+            label: "Calls tapped",
+            previous: previous ? { current: kpis.calls, prior: previous.calls } : void 0,
+            value: String(kpis.calls)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            highlight: true,
+            label: "Requests sent",
+            previous: previous ? { current: kpis.formSubmits, prior: previous.formSubmits } : void 0,
+            value: String(kpis.formSubmits)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            label: "Visitors",
+            previous: previous ? { current: kpis.visitors, prior: previous.visitors } : void 0,
+            value: String(kpis.visitors)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            label: "Returning visitors",
+            previous: previous ? { current: kpis.returningVisitors, prior: previous.returningVisitors } : void 0,
+            value: String(kpis.returningVisitors)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            label: "Visitor-days",
+            previous: previous ? { current: kpis.sessions, prior: previous.sessions } : void 0,
+            value: String(kpis.sessions)
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            label: "Pageviews",
+            previous: previous ? { current: kpis.pageviews, prior: previous.pageviews } : void 0,
+            value: String(kpis.pageviews)
+          }
+        ),
+        /* @__PURE__ */ jsx3(Kpi, { label: "Pages per visitor", value: kpis.pagesPerVisitor.toFixed(1) }),
+        /* @__PURE__ */ jsx3(Kpi, { label: "Conversion rate", value: pct(kpis.conversionRate) }),
+        /* @__PURE__ */ jsx3(
+          Kpi,
+          {
+            label: "Portal clicks",
+            previous: previous ? { current: kpis.portalClicks, prior: previous.portalClicks } : void 0,
+            value: String(kpis.portalClicks)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("p", { className: "ost-muted ost-analytics-note", children: [
+        "Returning visitors and cross-day totals use the pseudonymous cookie only after the visitor accepts analytics.",
+        kpis.visitors > 0 ? ` ${kpis.identifiedVisitors} of ${kpis.visitors} visitors in this range were cookie-identified.` : ""
+      ] }),
+      /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+        /* @__PURE__ */ jsxs3("h3", { children: [
+          "Daily visitors ",
+          /* @__PURE__ */ jsxs3("span", { className: "ost-trend-key", children: [
+            "\u25A0 visitors ",
+            /* @__PURE__ */ jsx3("em", { children: "\u25A0 conversions" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx3(TrendChart, { trend: data.trend })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "ost-analytics-columns", children: [
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Top pages" }),
+          /* @__PURE__ */ jsx3(
+            BarList,
+            {
+              rows: data.pages.slice(0, 12).map((page) => ({
+                label: page.path === "/" ? "Home" : page.path,
+                value: page.views,
+                detail: page.conversions > 0 ? `\xB7 ${page.conversions} conv` : void 0
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Where visitors come from" }),
+          /* @__PURE__ */ jsx3(
+            BarList,
+            {
+              rows: data.sources.map((source) => ({
+                label: source.source,
+                value: source.sessions,
+                detail: source.conversions > 0 ? `\xB7 ${source.conversions} conv` : void 0
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Form funnel" }),
+          data.forms.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ost-muted", children: "No form activity yet." }) : null,
+          data.forms.map((form) => /* @__PURE__ */ jsxs3("div", { className: "ost-funnel", children: [
+            /* @__PURE__ */ jsx3("strong", { children: form.form }),
+            /* @__PURE__ */ jsx3(
+              BarList,
+              {
+                max: Math.max(form.views, 1),
+                rows: [
+                  { label: "Saw the form", value: form.views },
+                  { label: "Started filling", value: form.starts },
+                  { label: "Submitted", value: form.submits }
+                ]
+              }
+            )
+          ] }, form.form))
+        ] }),
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Visitor locations" }),
+          /* @__PURE__ */ jsx3(
+            BarList,
+            {
+              rows: data.locations.map((location) => ({
+                label: location.location,
+                value: location.sessions
+              }))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Common journeys" }),
+          data.paths.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ost-muted", children: "Not enough multi-page visits yet." }) : null,
+          data.paths.map((journey) => /* @__PURE__ */ jsxs3("div", { className: "ost-journey", children: [
+            /* @__PURE__ */ jsx3("span", { className: "ost-journey-path", children: journey.path.map((step, index) => /* @__PURE__ */ jsxs3("span", { children: [
+              index > 0 ? /* @__PURE__ */ jsx3("span", { className: "ost-journey-arrow", children: " \u2192 " }) : null,
+              step === "/" ? "Home" : step
+            ] }, index)) }),
+            /* @__PURE__ */ jsxs3("span", { className: "ost-muted", children: [
+              "\xD7",
+              journey.count,
+              journey.converted > 0 ? ` \xB7 ${journey.converted} converted` : ""
+            ] })
+          ] }, journey.path.join("\u2192")))
+        ] }),
+        /* @__PURE__ */ jsxs3("section", { className: "ost-card ost-analytics-section", children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Housekeeping" }),
+          /* @__PURE__ */ jsx3("div", { className: "ost-row ost-housekeeping", children: data.devices.map((device) => /* @__PURE__ */ jsxs3("span", { className: "ost-pill", children: [
+            device.device,
+            ": ",
+            device.sessions
+          ] }, device.device)) }),
+          /* @__PURE__ */ jsx3("h4", { className: "ost-analytics-subhead", children: "Busiest hours" }),
+          /* @__PURE__ */ jsx3("div", { className: "ost-hours", children: localHours.map((entry) => {
+            const max = Math.max(1, ...localHours.map((h) => h.count));
+            return /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: "ost-hour-bar",
+                style: { height: `${Math.max(entry.count / max * 100, 4)}%` },
+                title: `${entry.hour}:00 \u2014 ${entry.count} views`
+              },
+              entry.hour
+            );
+          }) }),
+          /* @__PURE__ */ jsx3("h4", { className: "ost-analytics-subhead", children: "Broken links (404s)" }),
+          data.notFound.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "ost-muted", children: "None \u2014 nice." }) : null,
+          /* @__PURE__ */ jsx3(BarList, { rows: data.notFound.slice(0, 8).map((entry) => ({ label: entry.path, value: entry.count })) })
+        ] })
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/studio/views/DashboardView.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ACTION_LABELS = {
+  "page.create": "created page",
+  "page.publish": "published",
+  "page.publish.scheduled": "auto-published",
+  "page.unpublish": "unpublished",
+  "page.delete": "deleted page",
+  "page.duplicate": "duplicated",
+  "page.rename": "renamed",
+  "page.restore": "restored",
+  "page.schedule": "scheduled",
+  "page.unschedule": "unscheduled",
+  "global.save": "updated global",
+  "global.restore": "restored global",
+  "media.upload": "uploaded",
+  "media.replace": "replaced",
+  "media.delete": "deleted file",
+  "form.create": "created form",
+  "form.update": "updated form",
+  "form.delete": "deleted form",
+  "redirect.save": "saved redirect",
+  "user.create": "added user",
+  "user.update": "updated user",
+  "user.delete": "removed user"
+};
+function DashboardView({
+  api,
+  siteName,
+  onOpenPage,
+  onOpenSubmissions
+}) {
+  const [data, setData] = useState4(null);
+  const [week, setWeek] = useState4(null);
+  const [error, setError] = useState4("");
+  useEffect3(() => {
+    api.dashboard().then(setData, (e) => setError(e.message));
+    const to = /* @__PURE__ */ new Date();
+    const from = new Date(to.getTime() - 7 * 864e5);
+    api.analytics({ from: from.toISOString(), to: to.toISOString() }).then(
+      (summary) => setWeek({
+        visitors: summary.kpis.visitors,
+        calls: summary.kpis.calls,
+        formSubmits: summary.kpis.formSubmits
+      }),
+      () => void 0
+    );
+  }, [api]);
+  if (error) return /* @__PURE__ */ jsx4("div", { className: "ost-view", children: /* @__PURE__ */ jsx4("div", { className: "ost-error", children: error }) });
+  if (!data) return /* @__PURE__ */ jsx4("div", { className: "ost-view", children: /* @__PURE__ */ jsx4("div", { className: "ost-loading", children: "Loading\u2026" }) });
+  const { pages, submissions, activity } = data;
+  return /* @__PURE__ */ jsxs4("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsx4("header", { className: "ost-view-header", children: /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("h2", { children: "Welcome back" }),
+      /* @__PURE__ */ jsxs4("p", { className: "ost-muted", children: [
+        siteName,
+        pages.lastPublishedAt ? ` \xB7 last published ${new Date(pages.lastPublishedAt).toLocaleString()}` : ""
+      ] }),
+      week && (week.visitors > 0 || week.calls > 0 || week.formSubmits > 0) ? /* @__PURE__ */ jsxs4("p", { className: "ost-dash-week", children: [
+        "This week: ",
+        /* @__PURE__ */ jsx4("strong", { children: week.visitors }),
+        " visitor",
+        week.visitors === 1 ? "" : "s",
+        " \xB7",
+        " ",
+        /* @__PURE__ */ jsx4("strong", { children: week.calls }),
+        " call",
+        week.calls === 1 ? "" : "s",
+        " tapped \xB7",
+        " ",
+        /* @__PURE__ */ jsx4("strong", { children: week.formSubmits }),
+        " request",
+        week.formSubmits === 1 ? "" : "s"
+      ] }) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs4("div", { className: "ost-dash-columns", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "ost-dash-column", children: [
+        /* @__PURE__ */ jsxs4("section", { className: "ost-card ost-dash-card", children: [
+          /* @__PURE__ */ jsxs4("header", { className: "ost-dash-card-head", children: [
+            /* @__PURE__ */ jsx4("h3", { children: "Submissions" }),
+            /* @__PURE__ */ jsx4("button", { className: "ost-btn", onClick: onOpenSubmissions, type: "button", children: "Open inbox" })
+          ] }),
+          /* @__PURE__ */ jsx4("p", { className: "ost-dash-stat", children: submissions.unread > 0 ? /* @__PURE__ */ jsxs4("strong", { className: "ost-dash-unread", children: [
+            submissions.unread,
+            " unread"
+          ] }) : /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: "All caught up" }) }),
+          submissions.recent.map((submission) => /* @__PURE__ */ jsxs4(
+            "button",
+            {
+              className: "ost-dash-row",
+              onClick: onOpenSubmissions,
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsxs4("span", { children: [
+                  !submission.read_at ? /* @__PURE__ */ jsx4("span", { className: "ost-unread-dot" }) : null,
+                  String(submission.data.name || submission.data.email || `#${submission.id}`)
+                ] }),
+                /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: new Date(submission.created_at).toLocaleDateString() })
+              ]
+            },
+            submission.id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxs4("section", { className: "ost-card ost-dash-card", children: [
+          /* @__PURE__ */ jsx4("header", { className: "ost-dash-card-head", children: /* @__PURE__ */ jsx4("h3", { children: "Waiting to publish" }) }),
+          pages.pendingDrafts.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "ost-muted", children: "Every page is live and up to date." }) : pages.pendingDrafts.map((page) => /* @__PURE__ */ jsxs4("button", { className: "ost-dash-row", onClick: () => onOpenPage(page.id), type: "button", children: [
+            /* @__PURE__ */ jsx4("span", { children: page.title || page.path }),
+            /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: page.publish_at ? `scheduled ${new Date(page.publish_at).toLocaleString()}` : page.status === "draft" ? "draft" : "edited since publish" })
+          ] }, page.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "ost-dash-column", children: [
+        /* @__PURE__ */ jsxs4("section", { className: "ost-card ost-dash-card", children: [
+          /* @__PURE__ */ jsx4("header", { className: "ost-dash-card-head", children: /* @__PURE__ */ jsx4("h3", { children: "Recently edited" }) }),
+          pages.recent.map((page) => /* @__PURE__ */ jsxs4("button", { className: "ost-dash-row", onClick: () => onOpenPage(page.id), type: "button", children: [
+            /* @__PURE__ */ jsx4("span", { children: page.path === "/" ? "Home" : page.title || page.path }),
+            /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: new Date(page.updated_at).toLocaleDateString() })
+          ] }, page.id))
+        ] }),
+        activity.length > 0 ? /* @__PURE__ */ jsxs4("section", { className: "ost-card ost-dash-card", children: [
+          /* @__PURE__ */ jsx4("header", { className: "ost-dash-card-head", children: /* @__PURE__ */ jsx4("h3", { children: "Recent activity" }) }),
+          activity.map((event) => /* @__PURE__ */ jsxs4("div", { className: "ost-dash-row ost-dash-row-static", children: [
+            /* @__PURE__ */ jsxs4("span", { children: [
+              /* @__PURE__ */ jsx4("strong", { children: event.actor_name || "System" }),
+              " ",
+              ACTION_LABELS[event.action] || event.action,
+              " ",
+              /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: event.subject })
+            ] }),
+            /* @__PURE__ */ jsx4("span", { className: "ost-muted", children: new Date(event.created_at).toLocaleDateString() })
+          ] }, event.id))
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+// src/studio/views/FormsView.tsx
+import { useEffect as useEffect4, useState as useState5 } from "react";
+
+// src/studio/fields.ts
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var isArrayIndex = (key) => /^\d+$/.test(key);
+function pathGet(target, path) {
+  if (!path) return target;
+  let current = target;
+  for (const key of path.split(".")) {
+    if (Array.isArray(current) && isArrayIndex(key)) {
+      current = current[Number(key)];
+    } else if (isRecord(current)) {
+      current = current[key];
+    } else {
+      return void 0;
+    }
+  }
+  return current;
+}
+function setIn(container, keys, value) {
+  const [key, ...rest] = keys;
+  if (isArrayIndex(key)) {
+    const next2 = Array.isArray(container) ? [...container] : [];
+    const index = Number(key);
+    next2[index] = rest.length === 0 ? value : setIn(next2[index], rest, value);
+    return next2;
+  }
+  const next = isRecord(container) ? { ...container } : {};
+  next[key] = rest.length === 0 ? value : setIn(next[key], rest, value);
+  return next;
+}
+function pathSet(target, path, value) {
+  return setIn(target, path.split("."), value);
+}
+function moveItem(items, from, to) {
+  if (to < 0 || to >= items.length || from === to) return items;
+  const next = [...items];
+  const [moved] = next.splice(from, 1);
+  next.splice(to, 0, moved);
+  return next;
+}
+
+// src/studio/views/FormsView.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var TYPE_LABELS = {
+  text: "Short text",
+  textarea: "Long text",
+  email: "Email",
+  phone: "Phone",
+  url: "Website",
+  select: "Dropdown",
+  radio: "Multiple choice (one)",
+  checkbox: "Checkbox(es)",
+  date: "Date",
+  number: "Number",
+  hidden: "Hidden"
+};
+var slugify = (value) => value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+var nameFromLabel = (value) => value.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, "");
+function FormsView({
+  api,
+  canWrite,
+  canDelete,
+  onOpenSubmissions
+}) {
+  const [forms, setForms] = useState5(null);
+  const [openSlug, setOpenSlug] = useState5(null);
+  const [creating, setCreating] = useState5(false);
+  const [newTitle, setNewTitle] = useState5("");
+  const [error, setError] = useState5("");
+  const load = () => api.listForms().then(({ forms: list }) => setForms(list), (e) => setError(e.message));
+  useEffect4(() => {
+    load();
+  }, []);
+  const create = async (event) => {
+    event.preventDefault();
+    setError("");
+    try {
+      const { form } = await api.createForm({ title: newTitle, slug: slugify(newTitle) });
+      setCreating(false);
+      setNewTitle("");
+      await load();
+      setOpenSlug(form.slug);
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Could not create form.");
+    }
+  };
+  if (openSlug) {
+    return /* @__PURE__ */ jsx5(
+      FormEditor,
+      {
+        api,
+        canWrite,
+        onBack: () => {
+          setOpenSlug(null);
+          load();
+        },
+        slug: openSlug
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsxs5("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("h2", { children: "Forms" }),
+        /* @__PURE__ */ jsx5("p", { className: "ost-muted", children: "Each form's fields, notifications, and success message." })
+      ] }),
+      canWrite ? /* @__PURE__ */ jsx5("button", { className: "ost-btn ost-btn-primary", onClick: () => setCreating(!creating), type: "button", children: "New form" }) : null
+    ] }),
+    creating ? /* @__PURE__ */ jsxs5("form", { className: "ost-card ost-create-form", onSubmit: create, children: [
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Form name",
+        /* @__PURE__ */ jsx5("input", { className: "ost-input", onChange: (e) => setNewTitle(e.target.value), value: newTitle })
+      ] }),
+      /* @__PURE__ */ jsx5("button", { className: "ost-btn ost-btn-primary", disabled: !newTitle.trim(), type: "submit", children: "Create" })
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx5("div", { className: "ost-error", children: error }) : null,
+    !forms ? /* @__PURE__ */ jsx5("div", { className: "ost-loading", children: "Loading\u2026" }) : null,
+    forms && forms.length === 0 ? /* @__PURE__ */ jsx5("div", { className: "ost-card", children: "No forms yet." }) : null,
+    /* @__PURE__ */ jsx5("div", { className: "ost-list", children: (forms || []).map((form) => /* @__PURE__ */ jsxs5("div", { className: "ost-list-item ost-form-row", children: [
+      /* @__PURE__ */ jsxs5("button", { className: "ost-form-open", onClick: () => setOpenSlug(form.slug), type: "button", children: [
+        /* @__PURE__ */ jsx5("strong", { children: form.title }),
+        /* @__PURE__ */ jsxs5("span", { className: "ost-muted", children: [
+          " /",
+          form.slug
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("span", { className: "ost-row", children: [
+        /* @__PURE__ */ jsxs5("button", { className: "ost-btn", onClick: () => onOpenSubmissions(form.id), type: "button", children: [
+          form.submissionCount ?? 0,
+          " submission",
+          (form.submissionCount ?? 0) === 1 ? "" : "s",
+          form.unreadCount ? ` (${form.unreadCount} new)` : ""
+        ] }),
+        canDelete ? /* @__PURE__ */ jsx5(
+          "button",
+          {
+            className: "ost-btn ost-btn-danger",
+            onClick: async () => {
+              if (!window.confirm(
+                `Delete "${form.title}" and its ${form.submissionCount ?? 0} submissions? This cannot be undone.`
+              ))
+                return;
+              await api.deleteForm(form.slug).catch(() => void 0);
+              load();
+            },
+            type: "button",
+            children: "Delete"
+          }
+        ) : null
+      ] })
+    ] }, form.id)) })
+  ] });
+}
+function FormEditor({
+  api,
+  slug,
+  canWrite,
+  onBack
+}) {
+  const [form, setForm] = useState5(null);
+  const [title, setTitle] = useState5("");
+  const [successMessage, setSuccessMessage] = useState5("");
+  const [config, setConfig] = useState5({ steps: [] });
+  const [notifyEmails, setNotifyEmails] = useState5("");
+  const [notifySubject, setNotifySubject] = useState5("");
+  const [autoReply, setAutoReply] = useState5(false);
+  const [dirty, setDirty] = useState5(false);
+  const [message, setMessage] = useState5("");
+  const [error, setError] = useState5("");
+  const [previewKey, setPreviewKey] = useState5(0);
+  useEffect4(() => {
+    api.getForm(slug).then(({ form: loaded }) => {
+      setForm(loaded);
+      setTitle(loaded.title);
+      setSuccessMessage(loaded.success_message);
+      const loadedConfig = loaded.config || {};
+      setConfig({
+        steps: loadedConfig.steps && loadedConfig.steps.length > 0 ? loadedConfig.steps : [{ title: "", fields: [] }]
+      });
+      const notify = loaded.notify || loadedConfig.notify || {};
+      setNotifyEmails((notify.emails || []).join(", "));
+      setNotifySubject(notify.subject || "");
+      setAutoReply(notify.autoReply === true);
+    }, (e) => setError(e.message));
+  }, [api, slug]);
+  const touch = () => {
+    setDirty(true);
+    setMessage("");
+    setPreviewKey((key) => key + 1);
+  };
+  const updateConfig = (next) => {
+    setConfig(next);
+    touch();
+  };
+  const updateStep = (index, patch) => {
+    updateConfig({
+      ...config,
+      steps: (config.steps || []).map(
+        (step, stepIndex) => stepIndex === index ? { ...step, ...patch } : step
+      )
+    });
+  };
+  const save = async () => {
+    setError("");
+    const emails = notifyEmails.split(/[,\s]+/).map((entry) => entry.trim()).filter(Boolean);
+    try {
+      const { form: saved } = await api.updateForm(slug, {
+        title,
+        config: { steps: config.steps },
+        notify: {
+          emails,
+          ...notifySubject.trim() ? { subject: notifySubject.trim() } : {},
+          autoReply
+        },
+        successMessage
+      });
+      setForm(saved);
+      setDirty(false);
+      setMessage("Saved \u2014 live on the site.");
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Save failed.");
+    }
+  };
+  if (!form && !error) return /* @__PURE__ */ jsx5("div", { className: "ost-loading", children: "Loading form\u2026" });
+  if (error && !form) return /* @__PURE__ */ jsx5("div", { className: "ost-error", children: error });
+  const steps = config.steps || [];
+  return /* @__PURE__ */ jsxs5("div", { className: "ost-view ost-view-wide", children: [
+    /* @__PURE__ */ jsxs5("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "ost-row", children: [
+        /* @__PURE__ */ jsx5("button", { className: "ost-btn", onClick: onBack, type: "button", children: "\u2190 Forms" }),
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            className: "ost-input ost-title-input",
+            disabled: !canWrite,
+            onChange: (event) => {
+              setTitle(event.target.value);
+              touch();
+            },
+            value: title
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "ost-row", children: [
+        message ? /* @__PURE__ */ jsx5("span", { className: "ost-muted", children: message }) : null,
+        error ? /* @__PURE__ */ jsx5("span", { className: "ost-error", children: error }) : null,
+        canWrite ? /* @__PURE__ */ jsx5("button", { className: "ost-btn ost-btn-primary", disabled: !dirty, onClick: save, type: "button", children: "Save" }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "ost-form-editor", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "ost-form-config", children: [
+        steps.map((step, stepIndex) => /* @__PURE__ */ jsxs5("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx5("legend", { children: steps.length > 1 ? `Step ${stepIndex + 1}` : "Fields" }),
+          steps.length > 1 ? /* @__PURE__ */ jsxs5("div", { className: "ost-row", children: [
+            /* @__PURE__ */ jsxs5("label", { className: "ost-label ost-grow", children: [
+              "Step title",
+              /* @__PURE__ */ jsx5(
+                "input",
+                {
+                  className: "ost-input",
+                  disabled: !canWrite,
+                  onChange: (event) => updateStep(stepIndex, { title: event.target.value }),
+                  value: step.title || ""
+                }
+              )
+            ] }),
+            canWrite ? /* @__PURE__ */ jsx5(
+              "button",
+              {
+                className: "ost-btn ost-btn-danger",
+                onClick: () => updateConfig({
+                  ...config,
+                  steps: steps.filter((_, index) => index !== stepIndex)
+                }),
+                type: "button",
+                children: "Remove step"
+              }
+            ) : null
+          ] }) : null,
+          (step.fields || []).map((field, fieldIndex) => /* @__PURE__ */ jsx5(
+            FieldEditor,
+            {
+              canWrite,
+              field,
+              onChange: (next) => updateStep(stepIndex, {
+                fields: (step.fields || []).map(
+                  (current, index) => index === fieldIndex ? next : current
+                )
+              }),
+              onMove: (direction) => updateStep(stepIndex, {
+                fields: moveItem(step.fields || [], fieldIndex, fieldIndex + direction)
+              }),
+              onRemove: () => updateStep(stepIndex, {
+                fields: (step.fields || []).filter((_, index) => index !== fieldIndex)
+              })
+            },
+            fieldIndex
+          )),
+          canWrite ? /* @__PURE__ */ jsx5(
+            "button",
+            {
+              className: "ost-btn",
+              onClick: () => updateStep(stepIndex, {
+                fields: [
+                  ...step.fields || [],
+                  { label: "New field", name: `field_${(step.fields || []).length + 1}`, type: "text", required: false }
+                ]
+              }),
+              type: "button",
+              children: "+ Add field"
+            }
+          ) : null
+        ] }, stepIndex)),
+        canWrite ? /* @__PURE__ */ jsx5(
+          "button",
+          {
+            className: "ost-btn",
+            onClick: () => updateConfig({ ...config, steps: [...steps, { title: "", fields: [] }] }),
+            type: "button",
+            children: "+ Add step"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs5("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx5("legend", { children: "After submit" }),
+          /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+            "Success message",
+            /* @__PURE__ */ jsx5(
+              "textarea",
+              {
+                className: "ost-input ost-textarea",
+                disabled: !canWrite,
+                onChange: (event) => {
+                  setSuccessMessage(event.target.value);
+                  touch();
+                },
+                rows: 2,
+                value: successMessage
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx5("legend", { children: "Email notifications" }),
+          /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+            "Send new submissions to",
+            /* @__PURE__ */ jsx5(
+              "input",
+              {
+                className: "ost-input",
+                disabled: !canWrite,
+                onChange: (event) => {
+                  setNotifyEmails(event.target.value);
+                  touch();
+                },
+                placeholder: "you@business.com, office@business.com",
+                value: notifyEmails
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+            "Subject (optional)",
+            /* @__PURE__ */ jsx5(
+              "input",
+              {
+                className: "ost-input",
+                disabled: !canWrite,
+                onChange: (event) => {
+                  setNotifySubject(event.target.value);
+                  touch();
+                },
+                placeholder: "New {form} submission",
+                value: notifySubject
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs5("label", { className: "ost-label ost-checkbox", children: [
+            /* @__PURE__ */ jsx5(
+              "input",
+              {
+                checked: autoReply,
+                disabled: !canWrite,
+                onChange: (event) => {
+                  setAutoReply(event.target.checked);
+                  touch();
+                },
+                type: "checkbox"
+              }
+            ),
+            "Auto-reply to the submitter with the success message"
+          ] }),
+          /* @__PURE__ */ jsx5("p", { className: "ost-muted", children: "Requires the site's email sending to be configured (RESEND_API_KEY)." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "ost-form-preview", children: [
+        /* @__PURE__ */ jsx5("h4", { children: "Preview" }),
+        /* @__PURE__ */ jsx5("div", { className: "ost-form-preview-frame", children: /* @__PURE__ */ jsx5(
+          FormRenderer,
+          {
+            classNames: {
+              form: "ost-preview-form",
+              field: "ost-label",
+              label: "ost-preview-label",
+              input: "ost-input",
+              textarea: "ost-input ost-textarea",
+              select: "ost-input",
+              checkbox: "ost-label ost-checkbox",
+              button: "ost-btn ost-btn-primary",
+              errorText: "ost-error",
+              formError: "ost-error",
+              success: "ost-card",
+              stepTitle: "ost-muted"
+            },
+            config,
+            preview: true,
+            slug,
+            submitLabel: "Send",
+            successMessage
+          },
+          previewKey
+        ) }),
+        /* @__PURE__ */ jsx5("p", { className: "ost-muted", children: "This is the same renderer the site uses \u2014 changes apply on save." })
+      ] })
+    ] })
+  ] });
+}
+function FieldEditor({
+  field,
+  canWrite,
+  onChange,
+  onMove,
+  onRemove
+}) {
+  const type = field.type || "text";
+  const hasOptions = type === "select" || type === "radio" || type === "checkbox";
+  const optionsText = (field.options || []).map((option) => typeof option === "string" ? option : option.value || "").filter(Boolean).join("\n");
+  return /* @__PURE__ */ jsxs5("details", { className: "ost-item", children: [
+    /* @__PURE__ */ jsxs5("summary", { children: [
+      /* @__PURE__ */ jsxs5("span", { children: [
+        field.label || field.name || "Untitled field",
+        /* @__PURE__ */ jsxs5("span", { className: "ost-muted", children: [
+          " \xB7 ",
+          TYPE_LABELS[type] || type,
+          field.required ? " \xB7 required" : ""
+        ] })
+      ] }),
+      canWrite ? /* @__PURE__ */ jsxs5("span", { className: "ost-item-actions", children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: (event) => {
+              event.preventDefault();
+              onMove(-1);
+            },
+            type: "button",
+            children: "\u2191"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: (event) => {
+              event.preventDefault();
+              onMove(1);
+            },
+            type: "button",
+            children: "\u2193"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: (event) => {
+              event.preventDefault();
+              onRemove();
+            },
+            type: "button",
+            children: "\u2715"
+          }
+        )
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "ost-item-body", children: [
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Label",
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            className: "ost-input",
+            disabled: !canWrite,
+            onChange: (event) => {
+              const label = event.target.value;
+              const derived = nameFromLabel(label);
+              const wasDerived = field.name === nameFromLabel(field.label || "");
+              onChange({ ...field, label, ...wasDerived && derived ? { name: derived } : {} });
+            },
+            value: field.label || ""
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Field name (stored key)",
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            className: "ost-input",
+            disabled: !canWrite,
+            onChange: (event) => onChange({ ...field, name: nameFromLabel(event.target.value) }),
+            value: field.name || ""
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Type",
+        /* @__PURE__ */ jsx5(
+          "select",
+          {
+            className: "ost-input",
+            disabled: !canWrite,
+            onChange: (event) => onChange({ ...field, type: event.target.value }),
+            value: type,
+            children: FORM_FIELD_TYPES.map((entry) => /* @__PURE__ */ jsx5("option", { value: entry, children: TYPE_LABELS[entry] }, entry))
+          }
+        )
+      ] }),
+      hasOptions ? /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Options (one per line)",
+        /* @__PURE__ */ jsx5(
+          "textarea",
+          {
+            className: "ost-input ost-textarea",
+            disabled: !canWrite,
+            onChange: (event) => onChange({
+              ...field,
+              options: event.target.value.split("\n").map((entry) => entry.trim()).filter(Boolean)
+            }),
+            rows: 4,
+            value: optionsText
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label", children: [
+        "Placeholder (optional)",
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            className: "ost-input",
+            disabled: !canWrite,
+            onChange: (event) => onChange({ ...field, placeholder: event.target.value }),
+            value: field.placeholder || ""
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("label", { className: "ost-label ost-checkbox", children: [
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            checked: field.required === true,
+            disabled: !canWrite,
+            onChange: (event) => onChange({ ...field, required: event.target.checked }),
+            type: "checkbox"
+          }
+        ),
+        "Required"
+      ] })
+    ] })
+  ] });
+}
+
+// src/studio/views/PageEditor.tsx
+import { useCallback as useCallback2, useEffect as useEffect6, useMemo as useMemo3, useRef, useState as useState7 } from "react";
+
+// src/studio/inline.ts
+function collectInlineTargets(definition, data) {
+  const targets = [];
+  const addStringTarget = (path, value, multiline, fallback) => {
+    const resolved = value ?? fallback;
+    if (typeof resolved === "string" && resolved.trim().length > 0) {
+      targets.push({ path, value: resolved, multiline });
+    }
+  };
+  const addArrayTargets = (path, value, multiline) => {
+    if (!Array.isArray(value)) return;
+    for (const [index, item] of value.entries()) {
+      addStringTarget(`${path}.${index}`, item, multiline);
+    }
+  };
+  for (const field of definition.editor.fields) {
+    if (field.input === "text" || field.input === "textarea") {
+      addStringTarget(
+        field.key,
+        pathGet(data, field.key),
+        field.input === "textarea",
+        pathGet(definition.defaultData, field.key)
+      );
+      continue;
+    }
+    if (field.input === "link") {
+      addStringTarget(`${field.key}.label`, pathGet(data, `${field.key}.label`), false);
+      continue;
+    }
+    if (field.input === "media") {
+      addStringTarget(`${field.key}.caption`, pathGet(data, `${field.key}.caption`), true);
+      continue;
+    }
+    if (field.input === "paragraphs" || field.input === "stringList") {
+      addArrayTargets(field.key, pathGet(data, field.key), field.input === "paragraphs");
+      continue;
+    }
+    if (field.input === "itemList" && field.itemFields) {
+      const items = pathGet(data, field.key);
+      if (!Array.isArray(items)) continue;
+      for (const [index, item] of items.entries()) {
+        for (const itemField of field.itemFields) {
+          const itemFieldType = itemField.input || "text";
+          const itemPath = `${field.key}.${index}.${itemField.key}`;
+          if (itemFieldType === "text" || itemFieldType === "textarea") {
+            addStringTarget(
+              itemPath,
+              pathGet(item, itemField.key),
+              itemFieldType === "textarea",
+              pathGet(field.itemTemplate || {}, itemField.key)
+            );
+            continue;
+          }
+          if (itemFieldType === "link") {
+            addStringTarget(`${itemPath}.label`, pathGet(item, `${itemField.key}.label`), false);
+            continue;
+          }
+          if (itemFieldType === "media") {
+            addStringTarget(`${itemPath}.caption`, pathGet(item, `${itemField.key}.caption`), true);
+            continue;
+          }
+          if (itemFieldType === "paragraphs" || itemFieldType === "stringList") {
+            addArrayTargets(itemPath, pathGet(item, itemField.key), itemFieldType === "paragraphs");
+          }
+        }
+      }
+    }
+  }
+  return targets;
+}
+var normalizeText = (value) => value.replace(/ /g, " ").replace(/\s+/g, " ").trim();
+var stripDisplayPrefix = (value) => value.replace(/^[-–—:•·]\s*/, "").trim();
+var isEditableTextLeaf = (element) => {
+  if (element.children.length > 0) return false;
+  if (element.closest(".ost-blockchrome, .ost-insert-zone, .ost-add-section")) return false;
+  if (element.closest('[aria-hidden="true"]')) return false;
+  const ignoredTags = /* @__PURE__ */ new Set([
+    "AREA",
+    "AUDIO",
+    "BR",
+    "BUTTON",
+    "CANVAS",
+    "IFRAME",
+    "IMG",
+    "INPUT",
+    "METER",
+    "NOSCRIPT",
+    "OPTION",
+    "PICTURE",
+    "PROGRESS",
+    "SCRIPT",
+    "SELECT",
+    "STYLE",
+    "SVG",
+    "TEXTAREA",
+    "VIDEO"
+  ]);
+  if (ignoredTags.has(element.tagName)) return false;
+  return normalizeText(element.textContent || "").length > 0;
+};
+var elementMatchesTarget = (element, target) => {
+  const elementText = normalizeText(element.textContent || "");
+  const targetText = normalizeText(target.value);
+  return elementText === targetText || stripDisplayPrefix(elementText) === targetText;
+};
+function bindInlineEditing(container, targets, commit, select) {
+  const cleanups = [];
+  const bound = [];
+  const usedElements = /* @__PURE__ */ new Set();
+  const elements = Array.from(container.querySelectorAll("*")).filter(isEditableTextLeaf);
+  const targetGroups = /* @__PURE__ */ new Map();
+  for (const target of targets) {
+    const key = normalizeText(target.value);
+    targetGroups.set(key, [...targetGroups.get(key) || [], target]);
+  }
+  const bind = (target, element) => {
+    usedElements.add(element);
+    bound.push(target.path);
+    element.setAttribute("data-orion-inline", target.path);
+    element.setAttribute("spellcheck", "false");
+    try {
+      element.contentEditable = "plaintext-only";
+    } catch {
+      element.contentEditable = "true";
+    }
+    const onKeyDown = (event) => {
+      if (event.key === "Enter" && !target.multiline) {
+        event.preventDefault();
+        element.blur();
+      }
+      if (event.key === "Escape") {
+        element.textContent = target.value;
+        element.blur();
+      }
+      event.stopPropagation();
+    };
+    const onBlur = () => {
+      const next = (element.textContent || "").replace(/ /g, " ");
+      if (next !== target.value) commit(target.path, next);
+    };
+    const onClick = (event) => {
+      select?.();
+      if (element.closest("a")) event.preventDefault();
+    };
+    const onFocus = () => {
+      select?.();
+    };
+    element.addEventListener("keydown", onKeyDown);
+    element.addEventListener("blur", onBlur);
+    element.addEventListener("click", onClick);
+    element.addEventListener("focus", onFocus);
+    cleanups.push(() => {
+      element.removeEventListener("keydown", onKeyDown);
+      element.removeEventListener("blur", onBlur);
+      element.removeEventListener("click", onClick);
+      element.removeEventListener("focus", onFocus);
+      element.removeAttribute("contenteditable");
+      element.removeAttribute("data-orion-inline");
+    });
+  };
+  for (const groupTargets of targetGroups.values()) {
+    const matches = elements.filter(
+      (element) => !usedElements.has(element) && elementMatchesTarget(element, groupTargets[0])
+    );
+    if (matches.length !== groupTargets.length) continue;
+    groupTargets.forEach((target, index) => bind(target, matches[index]));
+  }
+  return {
+    bound,
+    cleanup: () => {
+      for (const dispose of cleanups) dispose();
+    }
+  };
+}
+function applyInlineCommit(data, path, value) {
+  return pathSet(data, path, value);
+}
+
+// src/studio/Inspector.tsx
+import { useEffect as useEffect5, useId, useState as useState6 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var isImage = (item) => item.mime_type.startsWith("image/");
+function MediaPickerField({ value, onChange, media, mediaUrl, onUpload }) {
+  const [open, setOpen] = useState6(false);
+  const [uploading, setUploading] = useState6(false);
+  const images = media.filter(isImage);
+  const selected = media.find((item) => item.id === value.mediaId);
+  const currentSrc = selected ? mediaUrl(selected.storage_path, { width: 320 }) : value.src;
+  return /* @__PURE__ */ jsxs6("div", { className: "ost-media-field", children: [
+    currentSrc ? (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx6("img", { alt: value.alt, className: "ost-media-thumb", src: currentSrc })
+    ) : /* @__PURE__ */ jsx6("div", { className: "ost-media-empty", children: "No image" }),
+    /* @__PURE__ */ jsxs6("div", { className: "ost-row", children: [
+      /* @__PURE__ */ jsx6("button", { className: "ost-btn", onClick: () => setOpen(!open), type: "button", children: open ? "Close library" : "Choose image" }),
+      value.mediaId || value.src ? /* @__PURE__ */ jsx6(
+        "button",
+        {
+          className: "ost-btn",
+          onClick: () => onChange({ ...value, mediaId: null, src: "" }),
+          type: "button",
+          children: "Remove"
+        }
+      ) : null
+    ] }),
+    open ? /* @__PURE__ */ jsxs6("div", { className: "ost-media-grid", children: [
+      /* @__PURE__ */ jsxs6("label", { className: "ost-media-upload", children: [
+        uploading ? "Uploading\u2026" : "+ Upload",
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            accept: "image/*",
+            hidden: true,
+            onChange: async (event) => {
+              const file = event.currentTarget.files?.[0];
+              event.currentTarget.value = "";
+              if (!file) return;
+              setUploading(true);
+              const uploaded = await onUpload(file);
+              setUploading(false);
+              if (uploaded) {
+                onChange({
+                  mediaId: uploaded.id,
+                  // Resolve the URL now so renderers never need a media lookup.
+                  src: mediaUrl(uploaded.storage_path),
+                  alt: uploaded.alt || value.alt
+                });
+                setOpen(false);
+              }
+            },
+            type: "file"
+          }
+        )
+      ] }),
+      images.map((item) => /* @__PURE__ */ jsx6(
+        "button",
+        {
+          className: `ost-media-cell${item.id === value.mediaId ? " is-selected" : ""}`,
+          onClick: () => {
+            onChange({ mediaId: item.id, src: mediaUrl(item.storage_path), alt: item.alt || value.alt });
+            setOpen(false);
+          },
+          title: item.filename,
+          type: "button",
+          children: /* @__PURE__ */ jsx6("img", { alt: item.alt, src: mediaUrl(item.storage_path, { width: 160 }) })
+        },
+        item.id
+      ))
+    ] }) : null,
+    /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+      "Alt text",
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          className: "ost-input",
+          onChange: (event) => onChange({ ...value, alt: event.target.value }),
+          type: "text",
+          value: value.alt
+        }
+      )
+    ] })
+  ] });
+}
+function FilePickerField({ value, onChange, media, mediaUrl, onUpload }) {
+  const [open, setOpen] = useState6(false);
+  const [uploading, setUploading] = useState6(false);
+  const files = media.filter((item) => !isImage(item));
+  return /* @__PURE__ */ jsxs6("div", { className: "ost-media-field", children: [
+    value.filename ? /* @__PURE__ */ jsxs6("div", { className: "ost-file-current", children: [
+      "\u{1F4C4} ",
+      value.filename
+    ] }) : /* @__PURE__ */ jsx6("div", { className: "ost-media-empty", children: "No file" }),
+    /* @__PURE__ */ jsxs6("div", { className: "ost-row", children: [
+      /* @__PURE__ */ jsx6("button", { className: "ost-btn", onClick: () => setOpen(!open), type: "button", children: open ? "Close" : "Choose file" }),
+      value.mediaId || value.src ? /* @__PURE__ */ jsx6(
+        "button",
+        {
+          className: "ost-btn",
+          onClick: () => onChange({ mediaId: null, src: "", filename: "" }),
+          type: "button",
+          children: "Remove"
+        }
+      ) : null
+    ] }),
+    open ? /* @__PURE__ */ jsxs6("div", { className: "ost-list", children: [
+      /* @__PURE__ */ jsxs6("label", { className: "ost-btn", children: [
+        uploading ? "Uploading\u2026" : "+ Upload PDF",
+        /* @__PURE__ */ jsx6(
+          "input",
+          {
+            accept: "application/pdf",
+            hidden: true,
+            onChange: async (event) => {
+              const file = event.currentTarget.files?.[0];
+              event.currentTarget.value = "";
+              if (!file) return;
+              setUploading(true);
+              const uploaded = await onUpload(file);
+              setUploading(false);
+              if (uploaded) {
+                onChange({
+                  mediaId: uploaded.id,
+                  src: mediaUrl(uploaded.storage_path),
+                  filename: uploaded.filename
+                });
+                setOpen(false);
+              }
+            },
+            type: "file"
+          }
+        )
+      ] }),
+      files.map((item) => /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          className: `ost-list-item${item.id === value.mediaId ? " is-active" : ""}`,
+          onClick: () => {
+            onChange({ mediaId: item.id, src: mediaUrl(item.storage_path), filename: item.filename });
+            setOpen(false);
+          },
+          type: "button",
+          children: [
+            "\u{1F4C4} ",
+            item.filename
+          ]
+        },
+        item.id
+      )),
+      files.length === 0 ? /* @__PURE__ */ jsx6("span", { className: "ost-muted", children: "No files in the library yet." }) : null
+    ] }) : null
+  ] });
+}
+function ParagraphsField({
+  label,
+  value,
+  onChange
+}) {
+  const [text, setText] = useState6(value.join("\n\n"));
+  const parse = (raw) => raw.split("\n\n").map((entry) => entry.trim()).filter(Boolean);
+  useEffect5(() => {
+    setText((current) => JSON.stringify(parse(current)) === JSON.stringify(value) ? current : value.join("\n\n"));
+  }, [JSON.stringify(value)]);
+  return /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+    label,
+    /* @__PURE__ */ jsx6(
+      "textarea",
+      {
+        className: "ost-input ost-textarea",
+        onChange: (event) => {
+          setText(event.target.value);
+          onChange(parse(event.target.value));
+        },
+        placeholder: "Separate entries with a blank line",
+        rows: Math.min(12, Math.max(4, value.length * 2)),
+        value: text
+      }
+    )
+  ] });
+}
+function Inspector({
+  fields,
+  data,
+  onChange,
+  canChangeStructure,
+  media,
+  mediaUrl,
+  onUploadMedia,
+  pages
+}) {
+  const datalistId = useId();
+  const set = (path, value) => onChange(pathSet(data, path, value));
+  const renderField = (field) => {
+    const raw = pathGet(data, field.key);
+    switch (field.input) {
+      case "textarea":
+        return /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+          field.label,
+          /* @__PURE__ */ jsx6(
+            "textarea",
+            {
+              className: "ost-input ost-textarea",
+              onChange: (event) => set(field.key, event.target.value),
+              value: typeof raw === "string" ? raw : ""
+            }
+          )
+        ] }, field.key);
+      case "number":
+        return /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+          field.label,
+          /* @__PURE__ */ jsx6(
+            "input",
+            {
+              className: "ost-input",
+              onChange: (event) => set(field.key, event.target.value === "" ? 0 : Number(event.target.value)),
+              type: "number",
+              value: typeof raw === "number" ? raw : ""
+            }
+          )
+        ] }, field.key);
+      case "checkbox":
+        return /* @__PURE__ */ jsxs6("label", { className: "ost-label ost-checkbox", children: [
+          /* @__PURE__ */ jsx6(
+            "input",
+            {
+              checked: Boolean(raw),
+              onChange: (event) => set(field.key, event.target.checked),
+              type: "checkbox"
+            }
+          ),
+          field.label
+        ] }, field.key);
+      case "select":
+        return /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+          field.label,
+          /* @__PURE__ */ jsx6(
+            "select",
+            {
+              className: "ost-input",
+              onChange: (event) => set(field.key, event.target.value),
+              value: typeof raw === "string" ? raw : field.options?.[0]?.value || "",
+              children: (field.options || []).map((option) => /* @__PURE__ */ jsx6("option", { value: option.value, children: option.label }, option.value))
+            }
+          )
+        ] }, field.key);
+      case "link": {
+        const value = raw || {};
+        return /* @__PURE__ */ jsxs6("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx6("legend", { children: field.label }),
+          /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+            "Label",
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                className: "ost-input",
+                onChange: (event) => set(`${field.key}.label`, event.target.value),
+                type: "text",
+                value: value.label || ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+            "Link",
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                className: "ost-input",
+                list: pages && pages.length > 0 ? datalistId : void 0,
+                onChange: (event) => set(`${field.key}.href`, event.target.value),
+                placeholder: "/about or https://\u2026",
+                type: "text",
+                value: value.href || ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+            "Style",
+            /* @__PURE__ */ jsxs6(
+              "select",
+              {
+                className: "ost-input",
+                onChange: (event) => set(`${field.key}.variant`, event.target.value),
+                value: value.variant || "solid",
+                children: [
+                  /* @__PURE__ */ jsx6("option", { value: "solid", children: "Solid" }),
+                  /* @__PURE__ */ jsx6("option", { value: "outline", children: "Outline" }),
+                  /* @__PURE__ */ jsx6("option", { value: "line", children: "Line" })
+                ]
+              }
+            )
+          ] })
+        ] }, field.key);
+      }
+      case "media": {
+        const value = raw || {};
+        return /* @__PURE__ */ jsxs6("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx6("legend", { children: field.label }),
+          /* @__PURE__ */ jsx6(
+            MediaPickerField,
+            {
+              media,
+              mediaUrl,
+              onChange: (next) => set(field.key, { ...value, ...next }),
+              onUpload: onUploadMedia,
+              value: { mediaId: value.mediaId ?? null, src: value.src || "", alt: value.alt || "" }
+            }
+          )
+        ] }, field.key);
+      }
+      case "file": {
+        const value = raw || {};
+        return /* @__PURE__ */ jsxs6("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx6("legend", { children: field.label }),
+          /* @__PURE__ */ jsx6(
+            FilePickerField,
+            {
+              media,
+              mediaUrl,
+              onChange: (next) => set(field.key, next),
+              onUpload: onUploadMedia,
+              value: {
+                mediaId: value.mediaId ?? null,
+                src: value.src || "",
+                filename: value.filename || ""
+              }
+            }
+          )
+        ] }, field.key);
+      }
+      case "paragraphs":
+      case "stringList": {
+        const values = Array.isArray(raw) ? raw : [];
+        return /* @__PURE__ */ jsx6(
+          ParagraphsField,
+          {
+            label: field.label,
+            onChange: (next) => set(field.key, next),
+            value: values
+          },
+          field.key
+        );
+      }
+      case "itemList": {
+        const items = Array.isArray(raw) ? raw : [];
+        return /* @__PURE__ */ jsxs6("fieldset", { className: "ost-fieldset", children: [
+          /* @__PURE__ */ jsx6("legend", { children: field.label }),
+          items.map((item, index) => /* @__PURE__ */ jsxs6("details", { className: "ost-item", children: [
+            /* @__PURE__ */ jsxs6("summary", { children: [
+              /* @__PURE__ */ jsx6("span", { children: String(
+                field.itemLabelKey && pathGet(item, field.itemLabelKey) || `Item ${index + 1}`
+              ) }),
+              canChangeStructure ? /* @__PURE__ */ jsxs6("span", { className: "ost-item-actions", children: [
+                /* @__PURE__ */ jsx6(
+                  "button",
+                  {
+                    disabled: index === 0,
+                    onClick: (event) => {
+                      event.preventDefault();
+                      set(field.key, moveItem(items, index, index - 1));
+                    },
+                    type: "button",
+                    children: "\u2191"
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  "button",
+                  {
+                    disabled: index === items.length - 1,
+                    onClick: (event) => {
+                      event.preventDefault();
+                      set(field.key, moveItem(items, index, index + 1));
+                    },
+                    type: "button",
+                    children: "\u2193"
+                  }
+                ),
+                /* @__PURE__ */ jsx6(
+                  "button",
+                  {
+                    onClick: (event) => {
+                      event.preventDefault();
+                      set(field.key, items.filter((_, itemIndex) => itemIndex !== index));
+                    },
+                    type: "button",
+                    children: "\u2715"
+                  }
+                )
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx6("div", { className: "ost-item-body", children: /* @__PURE__ */ jsx6(
+              Inspector,
+              {
+                canChangeStructure,
+                data: item,
+                fields: field.itemFields || [],
+                media,
+                mediaUrl,
+                onChange: (nextItem) => set(field.key, items.map((current, itemIndex) => itemIndex === index ? nextItem : current)),
+                onUploadMedia,
+                pages
+              }
+            ) })
+          ] }, index)),
+          canChangeStructure ? /* @__PURE__ */ jsxs6(
+            "button",
+            {
+              className: "ost-btn",
+              onClick: () => set(field.key, [...items, JSON.parse(JSON.stringify(field.itemTemplate || {}))]),
+              type: "button",
+              children: [
+                "+ Add ",
+                field.label.replace(/s$/, "").toLowerCase()
+              ]
+            }
+          ) : null
+        ] }, field.key);
+      }
+      default:
+        return /* @__PURE__ */ jsxs6("label", { className: "ost-label", children: [
+          field.label,
+          /* @__PURE__ */ jsx6(
+            "input",
+            {
+              className: "ost-input",
+              onChange: (event) => set(field.key, event.target.value),
+              type: "text",
+              value: typeof raw === "string" ? raw : ""
+            }
+          )
+        ] }, field.key);
+    }
+  };
+  return /* @__PURE__ */ jsxs6("div", { className: "ost-inspector", children: [
+    fields.map(renderField),
+    pages && pages.length > 0 ? /* @__PURE__ */ jsx6("datalist", { id: datalistId, children: pages.map((page) => /* @__PURE__ */ jsx6("option", { label: page.title, value: page.path }, page.path)) }) : null
+  ] });
+}
+
+// src/studio/views/PageEditor.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var AUTOSAVE_DELAY_MS = 8e3;
+function PageEditor({
+  api,
+  registry,
+  pageId,
+  role,
+  canChangeStructure,
+  canPublish,
+  media,
+  mediaUrl,
+  onUploadMedia,
+  onBack,
+  onOpenPage
+}) {
+  const [page, setPage] = useState7(null);
+  const [layout, setLayout] = useState7([]);
+  const [title, setTitle] = useState7("");
+  const [seo, setSeo] = useState7({});
+  const [selectedId, setSelectedId] = useState7(null);
+  const [dirty, setDirty] = useState7(false);
+  const [busy, setBusy] = useState7(null);
+  const [message, setMessage] = useState7("");
+  const [error, setError] = useState7("");
+  const [paletteAt, setPaletteAt] = useState7(false);
+  const [versions, setVersions] = useState7(null);
+  const [versionPreview, setVersionPreview] = useState7(null);
+  const [settingsOpen, setSettingsOpen] = useState7(false);
+  const [pages, setPages] = useState7([]);
+  const [dragIndex, setDragIndex] = useState7(null);
+  const historyRef = useRef([]);
+  const futureRef = useRef([]);
+  const editRevRef = useRef(0);
+  const savePromiseRef = useRef(null);
+  const canDelete = role === "admin" || role === "developer";
+  const canRename = role !== "content";
+  useEffect6(() => {
+    let active = true;
+    api.getPage(pageId).then(
+      ({ page: loaded }) => {
+        if (!active) return;
+        setPage(loaded);
+        setLayout(loaded.draft_layout || []);
+        setTitle(loaded.title);
+        setSeo(loaded.seo || {});
+        historyRef.current = [];
+        futureRef.current = [];
+      },
+      (loadError) => active && setError(loadError.message)
+    );
+    api.listPages().then(
+      ({ pages: list }) => active && setPages(list.map((entry) => ({ path: entry.path, title: entry.title }))),
+      () => void 0
+    );
+    return () => {
+      active = false;
+    };
+  }, [api, pageId]);
+  const pushHistory = useCallback2((snapshot) => {
+    historyRef.current = [...historyRef.current.slice(-49), snapshot];
+    futureRef.current = [];
+  }, []);
+  const markDirty = () => {
+    editRevRef.current += 1;
+    setDirty(true);
+    setMessage("");
+    setError("");
+  };
+  const updateLayout = (next) => {
+    pushHistory({ layout, title, seo });
+    setLayout(next);
+    markDirty();
+  };
+  const updateTitle = (next) => {
+    pushHistory({ layout, title, seo });
+    setTitle(next);
+    markDirty();
+  };
+  const updateSeo = (next) => {
+    pushHistory({ layout, title, seo });
+    setSeo(next);
+    markDirty();
+  };
+  const undo = useCallback2(() => {
+    const previous = historyRef.current.pop();
+    if (!previous) return;
+    futureRef.current.push({ layout, title, seo });
+    setLayout(previous.layout);
+    setTitle(previous.title);
+    setSeo(previous.seo);
+    editRevRef.current += 1;
+    setDirty(true);
+    setMessage("");
+  }, [layout, title, seo]);
+  const redo = useCallback2(() => {
+    const next = futureRef.current.pop();
+    if (!next) return;
+    historyRef.current.push({ layout, title, seo });
+    setLayout(next.layout);
+    setTitle(next.title);
+    setSeo(next.seo);
+    editRevRef.current += 1;
+    setDirty(true);
+    setMessage("");
+  }, [layout, title, seo]);
+  const selectedIndex = selectedId ? layout.findIndex((block) => block.id === selectedId) : -1;
+  const selected = selectedIndex >= 0 ? layout[selectedIndex] : null;
+  const selectedDefinition = selected ? registry.get(selected.type) : void 0;
+  const changedSincePublish = useMemo3(() => {
+    if (!page) return false;
+    if (page.status !== "published") return true;
+    return dirty || JSON.stringify(layout) !== JSON.stringify(page.published_layout ?? []);
+  }, [page, layout, dirty]);
+  const canvasRef = useRef(null);
+  const layoutRef = useRef(layout);
+  layoutRef.current = layout;
+  const commitInline = useCallback2(
+    (blockIndex, path, value) => {
+      const current = layoutRef.current;
+      const block = current[blockIndex];
+      if (!block) return;
+      historyRef.current = [
+        ...historyRef.current.slice(-49),
+        { layout: current, title, seo }
+      ];
+      futureRef.current = [];
+      const nextData = applyInlineCommit(block.data, path, value);
+      const next = current.map(
+        (entry, index) => index === blockIndex ? { ...entry, data: nextData } : entry
+      );
+      setLayout(next);
+      editRevRef.current += 1;
+      setDirty(true);
+      setMessage("");
+    },
+    [title, seo]
+  );
+  useEffect6(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const cleanups = [];
+    const wrappers = canvas.querySelectorAll("[data-orion-block-index]");
+    wrappers.forEach((wrapper) => {
+      const blockIndex = Number(wrapper.dataset.orionBlockIndex);
+      const block = layout[blockIndex];
+      if (!block) return;
+      const definition = registry.get(block.type);
+      if (!definition) return;
+      const targets = collectInlineTargets(definition, block.data);
+      const { cleanup } = bindInlineEditing(
+        wrapper,
+        targets,
+        (path, value) => commitInline(blockIndex, path, value),
+        () => setSelectedId(block.id)
+      );
+      cleanups.push(cleanup);
+    });
+    return () => {
+      for (const dispose of cleanups) dispose();
+    };
+  }, [layout, registry, commitInline]);
+  const save = useCallback2(async () => {
+    const prior = savePromiseRef.current ?? Promise.resolve(true);
+    const run = prior.catch(() => void 0).then(async () => {
+      const revAtStart = editRevRef.current;
+      setBusy("save");
+      setError("");
+      try {
+        const { page: saved } = await api.saveDraft(pageId, { title, seo, layout });
+        setPage(saved);
+        if (editRevRef.current === revAtStart) {
+          setDirty(false);
+          setMessage("Draft saved.");
+        }
+        return true;
+      } catch (saveError) {
+        setError(saveError instanceof Error ? saveError.message : "Save failed.");
+        return false;
+      } finally {
+        setBusy(null);
+      }
+    });
+    savePromiseRef.current = run;
+    try {
+      return await run;
+    } finally {
+      if (savePromiseRef.current === run) savePromiseRef.current = null;
+    }
+  }, [api, pageId, title, seo, layout]);
+  const publish = async () => {
+    if (dirty && !await save()) return;
+    setBusy("publish");
+    setError("");
+    try {
+      const { page: published } = await api.publish(pageId);
+      setPage(published);
+      setMessage("Published \u2014 live on the site.");
+    } catch (publishError) {
+      setError(publishError instanceof Error ? publishError.message : "Publish failed.");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const openPreview = async () => {
+    if (dirty && !await save()) return;
+    setBusy("preview");
+    try {
+      const { url } = await api.previewToken(pageId);
+      window.open(url, "_blank", "noopener");
+    } catch (previewError) {
+      setError(previewError instanceof Error ? previewError.message : "Preview failed.");
+    } finally {
+      setBusy(null);
+    }
+  };
+  useEffect6(() => {
+    if (!dirty || busy || error) return;
+    const timer = setTimeout(() => {
+      void save();
+    }, AUTOSAVE_DELAY_MS);
+    return () => clearTimeout(timer);
+  }, [dirty, busy, error, layout, title, seo, save]);
+  useEffect6(() => {
+    if (!dirty) return;
+    const handler = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => window.removeEventListener("beforeunload", handler);
+  }, [dirty]);
+  const guardedBack = () => {
+    if (dirty && !window.confirm("You have unsaved changes. Leave without saving?")) return;
+    onBack();
+  };
+  useEffect6(() => {
+    const handler = (event) => {
+      const meta = event.metaKey || event.ctrlKey;
+      if (!meta) return;
+      const target = event.target;
+      const inEditable = target.isContentEditable || target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT";
+      if (event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        void save();
+        return;
+      }
+      if (inEditable) return;
+      if (event.key.toLowerCase() === "z") {
+        event.preventDefault();
+        if (event.shiftKey) redo();
+        else undo();
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [save, undo, redo]);
+  const loadVersions = async () => {
+    if (versions) {
+      setVersions(null);
+      return;
+    }
+    const { versions: list } = await api.listVersions(pageId);
+    setVersions(list);
+  };
+  const restore = async (versionId) => {
+    const { page: restored } = await api.restoreVersion(versionId);
+    pushHistory({ layout, title, seo });
+    setLayout(restored.draft_layout || []);
+    setTitle(restored.title);
+    setSeo(restored.seo || {});
+    setVersions(null);
+    setVersionPreview(null);
+    setDirty(false);
+    setMessage("Version restored into draft.");
+  };
+  const palette = useMemo3(() => registry.palette(), [registry]);
+  const insertBlock = (type, at) => {
+    const instance = registry.createInstance(type);
+    const next = [...layout];
+    next.splice(at, 0, instance);
+    updateLayout(next);
+    setSelectedId(instance.id);
+    setPaletteAt(false);
+  };
+  const duplicateBlock = (index) => {
+    const source = layout[index];
+    const copy = {
+      ...JSON.parse(JSON.stringify(source)),
+      id: `b_${Date.now().toString(36)}${Math.random().toString(36).slice(2, 8)}`
+    };
+    const next = [...layout];
+    next.splice(index + 1, 0, copy);
+    updateLayout(next);
+    setSelectedId(copy.id);
+  };
+  const statusChip = () => {
+    if (!page) return { label: "", live: false };
+    if (page.publish_at) return { label: `Scheduled ${new Date(page.publish_at).toLocaleString()}`, live: false };
+    if (page.status !== "published") return { label: "Draft", live: false };
+    if (changedSincePublish) return { label: "Live \xB7 edited", live: true };
+    return { label: "Live", live: true };
+  };
+  if (!page && !error) return /* @__PURE__ */ jsx7("div", { className: "ost-loading", children: "Loading page\u2026" });
+  if (error && !page) return /* @__PURE__ */ jsx7("div", { className: "ost-error", children: error });
+  const chip = statusChip();
+  return /* @__PURE__ */ jsxs7("div", { className: "ost-editor", children: [
+    /* @__PURE__ */ jsxs7("header", { className: "ost-editor-bar", children: [
+      /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: guardedBack, type: "button", children: "\u2190 Pages" }),
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          className: "ost-input ost-title-input",
+          onChange: (event) => updateTitle(event.target.value),
+          value: title
+        }
+      ),
+      /* @__PURE__ */ jsx7("span", { className: `ost-pill${chip.live ? " is-live" : ""}`, children: chip.label }),
+      /* @__PURE__ */ jsxs7("div", { className: "ost-editor-actions", children: [
+        message ? /* @__PURE__ */ jsx7("span", { className: "ost-muted", children: message }) : null,
+        error ? /* @__PURE__ */ jsx7("span", { className: "ost-error", children: error }) : null,
+        /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: () => setSettingsOpen(true), type: "button", children: "Settings" }),
+        /* @__PURE__ */ jsx7("button", { className: "ost-btn", disabled: busy !== null, onClick: loadVersions, type: "button", children: "History" }),
+        /* @__PURE__ */ jsx7("button", { className: "ost-btn", disabled: busy !== null, onClick: openPreview, type: "button", children: busy === "preview" ? "Opening\u2026" : "Preview" }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn",
+            disabled: busy !== null || !dirty,
+            onClick: save,
+            type: "button",
+            children: busy === "save" ? "Saving\u2026" : "Save draft"
+          }
+        ),
+        canPublish ? /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn ost-btn-primary",
+            disabled: busy !== null || !changedSincePublish && !dirty,
+            onClick: publish,
+            title: page?.published_at ? `Last published ${new Date(page.published_at).toLocaleString()}` : void 0,
+            type: "button",
+            children: busy === "publish" ? "Publishing\u2026" : "Publish"
+          }
+        ) : null
+      ] })
+    ] }),
+    versions ? /* @__PURE__ */ jsxs7("div", { className: "ost-versions", children: [
+      versions.length === 0 ? /* @__PURE__ */ jsx7("span", { className: "ost-muted", children: "No versions yet." }) : null,
+      versions.map((version) => /* @__PURE__ */ jsxs7("div", { className: "ost-version-row", children: [
+        /* @__PURE__ */ jsx7("span", { className: "ost-pill", children: version.kind }),
+        /* @__PURE__ */ jsx7("span", { children: version.title }),
+        /* @__PURE__ */ jsxs7("span", { className: "ost-muted", children: [
+          version.author,
+          " \xB7 ",
+          new Date(version.created_at).toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn",
+            onClick: async () => {
+              const { version: detail } = await api.getVersion(version.id);
+              setVersionPreview(detail);
+            },
+            type: "button",
+            children: "View"
+          }
+        ),
+        /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: () => restore(version.id), type: "button", children: "Restore" })
+      ] }, version.id))
+    ] }) : null,
+    /* @__PURE__ */ jsxs7("div", { className: "ost-editor-body", children: [
+      /* @__PURE__ */ jsxs7(
+        "main",
+        {
+          className: "ost-canvas",
+          onClickCapture: (event) => {
+            const anchor = event.target.closest("a");
+            if (anchor && canvasRef.current?.contains(anchor)) {
+              event.preventDefault();
+            }
+          },
+          ref: canvasRef,
+          children: [
+            layout.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "ost-canvas-empty", children: [
+              /* @__PURE__ */ jsx7("strong", { children: "No sections yet" }),
+              canChangeStructure ? /* @__PURE__ */ jsx7("button", { className: "ost-btn ost-btn-primary", onClick: () => setPaletteAt(0), type: "button", children: "+ Add your first section" }) : /* @__PURE__ */ jsx7("span", { className: "ost-muted", children: "An editor can add sections to this page." })
+            ] }) : null,
+            /* @__PURE__ */ jsx7("div", { className: "ost-page", children: layout.map((block, index) => {
+              const definition = registry.get(block.type);
+              const Preview = definition?.preview;
+              const isSelected = block.id === selectedId;
+              return /* @__PURE__ */ jsxs7("div", { children: [
+                canChangeStructure ? /* @__PURE__ */ jsx7(
+                  "button",
+                  {
+                    className: "ost-insert-zone",
+                    onClick: () => setPaletteAt(index),
+                    title: "Insert section here",
+                    type: "button",
+                    children: /* @__PURE__ */ jsx7("span", { children: "+" })
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxs7(
+                  "div",
+                  {
+                    className: `ost-blockwrap${isSelected ? " is-selected" : ""}${dragIndex === index ? " is-dragging" : ""}`,
+                    "data-orion-block-index": index,
+                    onClick: () => setSelectedId(block.id),
+                    onDragOver: (event) => {
+                      if (dragIndex === null) return;
+                      event.preventDefault();
+                    },
+                    onDrop: (event) => {
+                      if (dragIndex === null) return;
+                      event.preventDefault();
+                      const moved = layout[dragIndex];
+                      updateLayout(moveItem(layout, dragIndex, index));
+                      if (moved) setSelectedId(moved.id);
+                      setDragIndex(null);
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs7("div", { className: "ost-blockchrome", onClick: (event) => event.stopPropagation(), children: [
+                        /* @__PURE__ */ jsxs7(
+                          "button",
+                          {
+                            className: "ost-blockchip",
+                            draggable: canChangeStructure,
+                            onClick: () => setSelectedId(block.id),
+                            onDragEnd: () => setDragIndex(null),
+                            onDragStart: (event) => {
+                              setDragIndex(index);
+                              event.dataTransfer.effectAllowed = "move";
+                            },
+                            title: canChangeStructure ? "Drag to reorder" : void 0,
+                            type: "button",
+                            children: [
+                              canChangeStructure ? /* @__PURE__ */ jsx7("span", { className: "ost-drag-dots", children: "\u22EE\u22EE" }) : null,
+                              definition?.label || block.type
+                            ]
+                          }
+                        ),
+                        canChangeStructure ? /* @__PURE__ */ jsxs7("span", { className: "ost-blockactions", children: [
+                          /* @__PURE__ */ jsx7(
+                            "button",
+                            {
+                              disabled: index === 0,
+                              onClick: () => updateLayout(moveItem(layout, index, index - 1)),
+                              title: "Move up",
+                              type: "button",
+                              children: "\u2191"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx7(
+                            "button",
+                            {
+                              disabled: index === layout.length - 1,
+                              onClick: () => updateLayout(moveItem(layout, index, index + 1)),
+                              title: "Move down",
+                              type: "button",
+                              children: "\u2193"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx7("button", { onClick: () => duplicateBlock(index), title: "Duplicate section", type: "button", children: "\u29C9" }),
+                          /* @__PURE__ */ jsx7(
+                            "button",
+                            {
+                              onClick: () => {
+                                updateLayout(layout.filter((_, blockIndex) => blockIndex !== index));
+                                setSelectedId(null);
+                              },
+                              title: "Remove section",
+                              type: "button",
+                              children: "\u2715"
+                            }
+                          )
+                        ] }) : null
+                      ] }),
+                      Preview ? /* @__PURE__ */ jsx7(Preview, { data: block.data, editing: true }) : /* @__PURE__ */ jsx7("div", { className: "ost-block-fallback", children: block.type })
+                    ]
+                  }
+                )
+              ] }, block.id);
+            }) }),
+            canChangeStructure && layout.length > 0 ? /* @__PURE__ */ jsx7("button", { className: "ost-add-section", onClick: () => setPaletteAt(layout.length), type: "button", children: "+ Add section" }) : null
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx7("aside", { className: "ost-sidebar-panel", children: selected && selectedDefinition ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        /* @__PURE__ */ jsx7("h3", { children: selectedDefinition.label }),
+        /* @__PURE__ */ jsx7(
+          Inspector,
+          {
+            canChangeStructure,
+            data: selected.data,
+            fields: selectedDefinition.editor.fields,
+            media,
+            mediaUrl,
+            onChange: (nextData) => updateLayout(
+              layout.map(
+                (current) => current.id === selectedId ? { ...current, data: nextData } : current
+              )
+            ),
+            onUploadMedia,
+            pages
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx7("p", { className: "ost-muted", children: "Select a section to edit its content." }) })
+    ] }),
+    paletteAt !== false ? /* @__PURE__ */ jsx7("div", { className: "ost-palette", onClick: () => setPaletteAt(false), children: /* @__PURE__ */ jsxs7("div", { className: "ost-palette-card", onClick: (event) => event.stopPropagation(), children: [
+      /* @__PURE__ */ jsx7("h3", { children: "Add a section" }),
+      /* @__PURE__ */ jsx7("div", { className: "ost-palette-grid", children: palette.map((entry) => /* @__PURE__ */ jsxs7(
+        "button",
+        {
+          className: "ost-palette-item",
+          onClick: () => insertBlock(entry.type, paletteAt),
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsx7("strong", { children: entry.label }),
+            entry.description ? /* @__PURE__ */ jsx7("span", { children: entry.description }) : null
+          ]
+        },
+        entry.type
+      )) })
+    ] }) }) : null,
+    versionPreview ? /* @__PURE__ */ jsx7("div", { className: "ost-palette", onClick: () => setVersionPreview(null), children: /* @__PURE__ */ jsxs7("div", { className: "ost-version-preview", onClick: (event) => event.stopPropagation(), children: [
+      /* @__PURE__ */ jsxs7("header", { className: "ost-version-preview-bar", children: [
+        /* @__PURE__ */ jsxs7("strong", { children: [
+          versionPreview.kind,
+          " \xB7 ",
+          new Date(versionPreview.created_at).toLocaleString()
+        ] }),
+        /* @__PURE__ */ jsx7("span", { className: "ost-muted", children: versionPreview.title }),
+        /* @__PURE__ */ jsxs7("span", { className: "ost-row", children: [
+          /* @__PURE__ */ jsx7("button", { className: "ost-btn ost-btn-primary", onClick: () => restore(versionPreview.id), type: "button", children: "Restore this version" }),
+          /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: () => setVersionPreview(null), type: "button", children: "Close" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7("div", { className: "ost-version-preview-body", children: (versionPreview.layout || []).map((block) => {
+        const definition = registry.get(block.type);
+        const Preview = definition?.preview;
+        return Preview ? /* @__PURE__ */ jsx7(Preview, { data: block.data }, block.id) : /* @__PURE__ */ jsx7("div", { className: "ost-block-fallback", children: block.type }, block.id);
+      }) })
+    ] }) }) : null,
+    settingsOpen && page ? /* @__PURE__ */ jsx7(
+      PageSettings,
+      {
+        api,
+        canDelete,
+        canPublish,
+        canRename,
+        media,
+        mediaUrl,
+        onBack,
+        onClose: () => setSettingsOpen(false),
+        onFlushDraft: save,
+        onOpenPage,
+        onPageChanged: (next) => setPage(next),
+        onSeoChange: updateSeo,
+        onUploadMedia,
+        page,
+        seo
+      }
+    ) : null
+  ] });
+}
+function PageSettings({
+  api,
+  page,
+  seo,
+  canRename,
+  canPublish,
+  canDelete,
+  media,
+  mediaUrl,
+  onUploadMedia,
+  onSeoChange,
+  onPageChanged,
+  onFlushDraft,
+  onOpenPage,
+  onClose,
+  onBack
+}) {
+  const [slug, setSlug] = useState7(page.slug);
+  const [path, setPath] = useState7(page.path);
+  const [publishAt, setPublishAt] = useState7(
+    page.publish_at ? page.publish_at.slice(0, 16) : ""
+  );
+  const [error, setError] = useState7("");
+  const [notice, setNotice] = useState7("");
+  const metaTitle = typeof seo.metaTitle === "string" ? seo.metaTitle : "";
+  const metaDescription = typeof seo.metaDescription === "string" ? seo.metaDescription : "";
+  const saveIdentity = async () => {
+    setError("");
+    setNotice("");
+    try {
+      const { page: updated } = await api.saveDraft(page.id, { slug, path });
+      onPageChanged(updated);
+      setNotice(
+        page.path !== updated.path && page.status === "published" ? "Saved \u2014 a redirect from the old address was added automatically." : "Saved."
+      );
+    } catch (saveError) {
+      setError(saveError instanceof Error ? saveError.message : "Could not rename.");
+    }
+  };
+  const schedule = async (value) => {
+    setError("");
+    setNotice("");
+    if (value && !await onFlushDraft()) {
+      setError("Could not save the current draft before scheduling.");
+      return;
+    }
+    try {
+      const { page: updated } = await api.saveDraft(page.id, {
+        publishAt: value ? new Date(value).toISOString() : null
+      });
+      onPageChanged(updated);
+      setPublishAt(updated.publish_at ? updated.publish_at.slice(0, 16) : "");
+      setNotice(value ? "Publish scheduled." : "Schedule cleared.");
+    } catch (scheduleError) {
+      setError(scheduleError instanceof Error ? scheduleError.message : "Could not schedule.");
+    }
+  };
+  return /* @__PURE__ */ jsx7("div", { className: "ost-palette", onClick: onClose, children: /* @__PURE__ */ jsxs7("div", { className: "ost-settings-card", onClick: (event) => event.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs7("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsx7("h3", { children: "Page settings" }),
+      /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: onClose, type: "button", children: "Close" })
+    ] }),
+    error ? /* @__PURE__ */ jsx7("div", { className: "ost-error", children: error }) : null,
+    notice ? /* @__PURE__ */ jsx7("div", { className: "ost-muted", children: notice }) : null,
+    /* @__PURE__ */ jsxs7("section", { className: "ost-settings-section", children: [
+      /* @__PURE__ */ jsx7("h4", { children: "Search & sharing" }),
+      /* @__PURE__ */ jsxs7("label", { className: "ost-label", children: [
+        "Meta title",
+        /* @__PURE__ */ jsx7(
+          "input",
+          {
+            className: "ost-input",
+            onChange: (event) => onSeoChange({ ...seo, metaTitle: event.target.value }),
+            placeholder: page.title,
+            value: metaTitle
+          }
+        ),
+        /* @__PURE__ */ jsxs7("span", { className: `ost-muted${metaTitle.length > 60 ? " ost-warn" : ""}`, children: [
+          metaTitle.length,
+          "/60 characters"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { className: "ost-label", children: [
+        "Meta description",
+        /* @__PURE__ */ jsx7(
+          "textarea",
+          {
+            className: "ost-input ost-textarea",
+            onChange: (event) => onSeoChange({ ...seo, metaDescription: event.target.value }),
+            rows: 3,
+            value: metaDescription
+          }
+        ),
+        /* @__PURE__ */ jsxs7("span", { className: `ost-muted${metaDescription.length > 160 ? " ost-warn" : ""}`, children: [
+          metaDescription.length,
+          "/160 characters"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        Inspector,
+        {
+          canChangeStructure: true,
+          data: seo,
+          fields: [
+            { key: "ogImage", label: "Social share image", input: "media" },
+            { key: "noIndex", label: "Hide from search engines (noindex)", input: "checkbox" }
+          ],
+          media,
+          mediaUrl,
+          onChange: onSeoChange,
+          onUploadMedia
+        }
+      ),
+      /* @__PURE__ */ jsx7("p", { className: "ost-muted", children: "SEO changes apply when you save and publish the page." })
+    ] }),
+    canRename ? /* @__PURE__ */ jsxs7("section", { className: "ost-settings-section", children: [
+      /* @__PURE__ */ jsx7("h4", { children: "Address" }),
+      /* @__PURE__ */ jsxs7("label", { className: "ost-label", children: [
+        "Slug",
+        /* @__PURE__ */ jsx7("input", { className: "ost-input", onChange: (event) => setSlug(event.target.value), value: slug })
+      ] }),
+      /* @__PURE__ */ jsxs7("label", { className: "ost-label", children: [
+        "Path",
+        /* @__PURE__ */ jsx7("input", { className: "ost-input", onChange: (event) => setPath(event.target.value), value: path })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          className: "ost-btn",
+          disabled: slug === page.slug && path === page.path,
+          onClick: saveIdentity,
+          type: "button",
+          children: "Save address"
+        }
+      ),
+      /* @__PURE__ */ jsx7("p", { className: "ost-muted", children: "Renaming a published page automatically redirects the old address." })
+    ] }) : null,
+    canPublish ? /* @__PURE__ */ jsxs7("section", { className: "ost-settings-section", children: [
+      /* @__PURE__ */ jsx7("h4", { children: "Scheduled publish" }),
+      /* @__PURE__ */ jsxs7("div", { className: "ost-row", children: [
+        /* @__PURE__ */ jsx7(
+          "input",
+          {
+            className: "ost-input",
+            onChange: (event) => setPublishAt(event.target.value),
+            type: "datetime-local",
+            value: publishAt
+          }
+        ),
+        /* @__PURE__ */ jsx7("button", { className: "ost-btn", disabled: !publishAt, onClick: () => schedule(publishAt), type: "button", children: "Schedule" }),
+        page.publish_at ? /* @__PURE__ */ jsx7("button", { className: "ost-btn", onClick: () => schedule(null), type: "button", children: "Clear" }) : null
+      ] }),
+      /* @__PURE__ */ jsx7("p", { className: "ost-muted", children: "The current draft goes live automatically at the chosen time." })
+    ] }) : null,
+    /* @__PURE__ */ jsxs7("section", { className: "ost-settings-section", children: [
+      /* @__PURE__ */ jsx7("h4", { children: "Actions" }),
+      /* @__PURE__ */ jsxs7("div", { className: "ost-row", children: [
+        canRename ? /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn",
+            onClick: async () => {
+              try {
+                const { page: copy } = await api.duplicatePage(page.id);
+                if (onOpenPage) onOpenPage(copy.id);
+                onClose();
+              } catch (duplicateError) {
+                setError(duplicateError instanceof Error ? duplicateError.message : "Duplicate failed.");
+              }
+            },
+            type: "button",
+            children: "Duplicate page"
+          }
+        ) : null,
+        canPublish && page.status === "published" ? /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn",
+            onClick: async () => {
+              if (!window.confirm("Take this page off the live site?")) return;
+              try {
+                const { page: updated } = await api.unpublish(page.id);
+                onPageChanged(updated);
+                setNotice("Page is no longer live.");
+              } catch (unpublishError) {
+                setError(unpublishError instanceof Error ? unpublishError.message : "Unpublish failed.");
+              }
+            },
+            type: "button",
+            children: "Unpublish"
+          }
+        ) : null,
+        canDelete ? /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: "ost-btn ost-btn-danger",
+            onClick: async () => {
+              if (!window.confirm(`Delete "${page.title}" permanently? This cannot be undone.`)) return;
+              try {
+                await api.deletePage(page.id);
+                onClose();
+                onBack();
+              } catch (deleteError) {
+                setError(deleteError instanceof Error ? deleteError.message : "Delete failed.");
+              }
+            },
+            type: "button",
+            children: "Delete page"
+          }
+        ) : null
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/studio/views/RedirectsView.tsx
+import { useEffect as useEffect7, useState as useState8 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function RedirectsView({ api }) {
+  const [redirects, setRedirects] = useState8(null);
+  const [fromPath, setFromPath] = useState8("");
+  const [toPath, setToPath] = useState8("");
+  const [error, setError] = useState8("");
+  const load = () => api.listRedirects().then(({ redirects: list }) => setRedirects(list), (e) => setError(e.message));
+  useEffect7(() => {
+    load();
+  }, []);
+  const create = async (event) => {
+    event.preventDefault();
+    setError("");
+    try {
+      await api.createRedirect({ fromPath: fromPath.trim(), toPath: toPath.trim() });
+      setFromPath("");
+      setToPath("");
+      load();
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Could not save redirect.");
+    }
+  };
+  return /* @__PURE__ */ jsxs8("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsx8("header", { className: "ost-view-header", children: /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsx8("h2", { children: "Redirects" }),
+      /* @__PURE__ */ jsx8("p", { className: "ost-muted", children: "Old addresses that forward visitors to a new destination." })
+    ] }) }),
+    /* @__PURE__ */ jsxs8("form", { className: "ost-card ost-redirect-form", onSubmit: create, children: [
+      /* @__PURE__ */ jsxs8("label", { className: "ost-label ost-grow", children: [
+        "From",
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            className: "ost-input",
+            onChange: (event) => setFromPath(event.target.value),
+            placeholder: "/old-page",
+            value: fromPath
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx8("span", { className: "ost-redirect-arrow", children: "\u2192" }),
+      /* @__PURE__ */ jsxs8("label", { className: "ost-label ost-grow", children: [
+        "To",
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            className: "ost-input",
+            onChange: (event) => setToPath(event.target.value),
+            placeholder: "/new-page",
+            value: toPath
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx8("button", { className: "ost-btn ost-btn-primary", disabled: !fromPath || !toPath, type: "submit", children: "Add" })
+    ] }),
+    error ? /* @__PURE__ */ jsx8("div", { className: "ost-error", children: error }) : null,
+    !redirects ? /* @__PURE__ */ jsx8("div", { className: "ost-loading", children: "Loading\u2026" }) : null,
+    redirects && redirects.length === 0 ? /* @__PURE__ */ jsx8("div", { className: "ost-card", children: "No redirects yet." }) : null,
+    /* @__PURE__ */ jsx8("div", { className: "ost-list", children: (redirects || []).map((redirect) => /* @__PURE__ */ jsxs8("div", { className: "ost-list-item ost-redirect-row", children: [
+      /* @__PURE__ */ jsxs8("span", { children: [
+        /* @__PURE__ */ jsx8("code", { children: redirect.from_path }),
+        " \u2192 ",
+        /* @__PURE__ */ jsx8("code", { children: redirect.to_path })
+      ] }),
+      /* @__PURE__ */ jsx8(
+        "button",
+        {
+          className: "ost-btn ost-btn-danger",
+          onClick: async () => {
+            await api.deleteRedirect(redirect.id).catch(() => void 0);
+            load();
+          },
+          type: "button",
+          children: "Remove"
+        }
+      )
+    ] }, redirect.id)) })
+  ] });
+}
+
+// src/studio/views/SubmissionsView.tsx
+import { useCallback as useCallback3, useEffect as useEffect8, useState as useState9 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+function SubmissionsView({
+  api,
+  canManage,
+  initialFormId,
+  onUnreadChanged
+}) {
+  const [forms, setForms] = useState9([]);
+  const [formFilter, setFormFilter] = useState9(initialFormId || "");
+  const [unreadOnly, setUnreadOnly] = useState9(false);
+  const [submissions, setSubmissions] = useState9(null);
+  const [hasMore, setHasMore] = useState9(false);
+  const [loadingMore, setLoadingMore] = useState9(false);
+  const [error, setError] = useState9("");
+  useEffect8(() => {
+    api.listForms().then(({ forms: list }) => setForms(list), () => void 0);
+  }, [api]);
+  const load = useCallback3(() => {
+    setSubmissions(null);
+    api.listSubmissions({ form: formFilter || void 0, unread: unreadOnly || void 0 }).then(({ submissions: list, hasMore: more }) => {
+      setSubmissions(list);
+      setHasMore(more);
+    }, (e) => setError(e.message));
+  }, [api, formFilter, unreadOnly]);
+  useEffect8(() => {
+    load();
+  }, [load]);
+  const loadMore = async () => {
+    if (!submissions || submissions.length === 0) return;
+    setLoadingMore(true);
+    try {
+      const beforeId = submissions[submissions.length - 1].id;
+      const { submissions: list, hasMore: more } = await api.listSubmissions({
+        form: formFilter || void 0,
+        unread: unreadOnly || void 0,
+        beforeId
+      });
+      setSubmissions([...submissions, ...list]);
+      setHasMore(more);
+    } finally {
+      setLoadingMore(false);
+    }
+  };
+  const formTitle = (formId) => forms.find((form) => form.id === formId)?.title || "Form";
+  const markRead = async (submission, read) => {
+    await api.markSubmission(submission.id, read).catch(() => void 0);
+    setSubmissions(
+      (current) => current?.map(
+        (entry) => entry.id === submission.id ? { ...entry, read_at: read ? (/* @__PURE__ */ new Date()).toISOString() : null } : entry
+      ) ?? null
+    );
+    onUnreadChanged?.();
+  };
+  const exportCsv = async () => {
+    try {
+      const csv = await api.exportSubmissionsCsv(formFilter || void 0);
+      const blob = new Blob([csv], { type: "text/csv" });
+      const url = URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      anchor.download = `submissions-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`;
+      anchor.click();
+      URL.revokeObjectURL(url);
+    } catch (exportError) {
+      setError(exportError instanceof Error ? exportError.message : "Export failed.");
+    }
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsxs9("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("h2", { children: "Submissions" }),
+        /* @__PURE__ */ jsx9("p", { className: "ost-muted", children: "Newest first. Open one to mark it read." })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "ost-row", children: [
+        /* @__PURE__ */ jsxs9(
+          "select",
+          {
+            className: "ost-input ost-role-select",
+            onChange: (event) => setFormFilter(event.target.value),
+            value: formFilter,
+            children: [
+              /* @__PURE__ */ jsx9("option", { value: "", children: "All forms" }),
+              forms.map((form) => /* @__PURE__ */ jsx9("option", { value: form.id, children: form.title }, form.id))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs9("label", { className: "ost-label ost-checkbox ost-inline-check", children: [
+          /* @__PURE__ */ jsx9(
+            "input",
+            {
+              checked: unreadOnly,
+              onChange: (event) => setUnreadOnly(event.target.checked),
+              type: "checkbox"
+            }
+          ),
+          "Unread only"
+        ] }),
+        /* @__PURE__ */ jsx9("button", { className: "ost-btn", onClick: exportCsv, type: "button", children: "Export CSV" })
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx9("div", { className: "ost-error", children: error }) : null,
+    !submissions ? /* @__PURE__ */ jsx9("div", { className: "ost-loading", children: "Loading\u2026" }) : null,
+    submissions && submissions.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "ost-card", children: [
+      "No submissions",
+      unreadOnly ? " to read" : " yet",
+      "."
+    ] }) : null,
+    /* @__PURE__ */ jsx9("div", { className: "ost-list", children: (submissions || []).map((submission) => /* @__PURE__ */ jsxs9(
+      "details",
+      {
+        className: `ost-card ost-submission${submission.read_at ? "" : " is-unread"}`,
+        onToggle: (event) => {
+          if (event.target.open && !submission.read_at) {
+            void markRead(submission, true);
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsxs9("summary", { children: [
+            /* @__PURE__ */ jsxs9("strong", { children: [
+              !submission.read_at ? /* @__PURE__ */ jsx9("span", { className: "ost-unread-dot" }) : null,
+              String(submission.data.name || submission.data.email || `Submission #${submission.id}`)
+            ] }),
+            /* @__PURE__ */ jsxs9("span", { className: "ost-muted", children: [
+              formTitle(submission.form_id),
+              " \xB7 ",
+              new Date(submission.created_at).toLocaleString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx9("dl", { className: "ost-submission-data", children: Object.entries(submission.data).map(([key, value]) => /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: key }),
+            /* @__PURE__ */ jsx9("dd", { children: Array.isArray(value) ? value.join(", ") : typeof value === "string" ? value : JSON.stringify(value) })
+          ] }, key)) }),
+          /* @__PURE__ */ jsxs9("div", { className: "ost-row", children: [
+            /* @__PURE__ */ jsxs9(
+              "button",
+              {
+                className: "ost-btn",
+                onClick: () => markRead(submission, !submission.read_at),
+                type: "button",
+                children: [
+                  "Mark ",
+                  submission.read_at ? "unread" : "read"
+                ]
+              }
+            ),
+            canManage ? /* @__PURE__ */ jsx9(
+              "button",
+              {
+                className: "ost-btn ost-btn-danger",
+                onClick: async () => {
+                  if (!window.confirm("Delete this submission permanently?")) return;
+                  await api.deleteSubmission(submission.id).catch(() => void 0);
+                  setSubmissions((current) => current?.filter((entry) => entry.id !== submission.id) ?? null);
+                  onUnreadChanged?.();
+                },
+                type: "button",
+                children: "Delete"
+              }
+            ) : null
+          ] })
+        ]
+      },
+      submission.id
+    )) }),
+    hasMore ? /* @__PURE__ */ jsx9("div", { className: "ost-row ost-load-more", children: /* @__PURE__ */ jsx9("button", { className: "ost-btn", disabled: loadingMore, onClick: loadMore, type: "button", children: loadingMore ? "Loading\u2026" : "Load older submissions" }) }) : null
+  ] });
+}
+
+// src/studio/views/UsersView.tsx
+import { useCallback as useCallback4, useEffect as useEffect9, useState as useState10 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var ROLE_INFO = {
+  content: { label: "Content", blurb: "Edit text and images on existing sections." },
+  editor: { label: "Editor", blurb: "Add/remove sections, create pages, publish." },
+  admin: { label: "Admin", blurb: "Everything, plus managing users." },
+  developer: { label: "Developer", blurb: "Full access, including developer tools." }
+};
+function UsersView({ api, meId }) {
+  const [users, setUsers] = useState10(null);
+  const [roles, setRoles] = useState10([]);
+  const [error, setError] = useState10("");
+  const [notice, setNotice] = useState10("");
+  const [adding, setAdding] = useState10(false);
+  const [newEmail, setNewEmail] = useState10("");
+  const [newName, setNewName] = useState10("");
+  const [newPassword, setNewPassword] = useState10("");
+  const [newRole, setNewRole] = useState10("content");
+  const [busy, setBusy] = useState10(false);
+  const load = useCallback4(() => {
+    api.listUsers().then(
+      ({ users: list, assignableRoles }) => {
+        setUsers(list);
+        setRoles(assignableRoles);
+      },
+      (loadError) => setError(loadError.message)
+    );
+  }, [api]);
+  useEffect9(() => {
+    load();
+  }, [load]);
+  const flash = (message) => {
+    setNotice(message);
+    setError("");
+    window.setTimeout(() => setNotice(""), 4e3);
+  };
+  const create = async (event) => {
+    event.preventDefault();
+    setBusy(true);
+    setError("");
+    try {
+      await api.createUser({ email: newEmail, password: newPassword, role: newRole, name: newName });
+      setAdding(false);
+      setNewEmail("");
+      setNewName("");
+      setNewPassword("");
+      setNewRole("content");
+      flash("User added. Share their email and password with them.");
+      load();
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Could not add the user.");
+    }
+    setBusy(false);
+  };
+  const changeRole = async (user, role) => {
+    setError("");
+    try {
+      await api.updateUser(user.id, { role });
+      flash(`${user.email || "User"} is now ${ROLE_INFO[role].label}.`);
+      load();
+    } catch (updateError) {
+      setError(updateError instanceof Error ? updateError.message : "Could not update the role.");
+      load();
+    }
+  };
+  const resetPassword = async (user) => {
+    const password = window.prompt(`New password for ${user.email || "this user"} (min 8 characters):`);
+    if (!password) return;
+    setError("");
+    try {
+      await api.updateUser(user.id, { password });
+      flash("Password updated.");
+    } catch (updateError) {
+      setError(updateError instanceof Error ? updateError.message : "Could not update the password.");
+    }
+  };
+  const remove = async (user) => {
+    if (!window.confirm(`Remove ${user.email || "this user"}? They will lose Studio access immediately.`)) {
+      return;
+    }
+    setError("");
+    try {
+      await api.deleteUser(user.id);
+      flash("User removed.");
+      load();
+    } catch (deleteError) {
+      setError(deleteError instanceof Error ? deleteError.message : "Could not remove the user.");
+    }
+  };
+  const canManage = (user) => user.id !== meId && (user.role === null || roles.includes(user.role));
+  return /* @__PURE__ */ jsxs10("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsxs10("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("h2", { children: "Users" }),
+        /* @__PURE__ */ jsx10("p", { className: "ost-muted", children: "Who can sign in to the Studio, and what they can do." })
+      ] }),
+      /* @__PURE__ */ jsx10("button", { className: "ost-btn ost-btn-primary", onClick: () => setAdding(!adding), type: "button", children: "Add user" })
+    ] }),
+    adding ? /* @__PURE__ */ jsxs10("form", { className: "ost-card ost-create-form", onSubmit: create, children: [
+      /* @__PURE__ */ jsxs10("label", { className: "ost-label", children: [
+        "Email",
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            autoComplete: "off",
+            className: "ost-input",
+            onChange: (event) => setNewEmail(event.target.value),
+            placeholder: "person@company.com",
+            type: "email",
+            value: newEmail
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("label", { className: "ost-label", children: [
+        "Name (optional)",
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            autoComplete: "off",
+            className: "ost-input",
+            onChange: (event) => setNewName(event.target.value),
+            value: newName
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("label", { className: "ost-label", children: [
+        "Temporary password",
+        /* @__PURE__ */ jsx10(
+          PasswordInput,
+          {
+            autoComplete: "new-password",
+            onChange: (event) => setNewPassword(event.target.value),
+            placeholder: "At least 8 characters",
+            value: newPassword
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs10("label", { className: "ost-label", children: [
+        "Role",
+        /* @__PURE__ */ jsx10(
+          "select",
+          {
+            className: "ost-input",
+            onChange: (event) => setNewRole(event.target.value),
+            value: newRole,
+            children: roles.map((role) => /* @__PURE__ */ jsxs10("option", { value: role, children: [
+              ROLE_INFO[role].label,
+              " \u2014 ",
+              ROLE_INFO[role].blurb
+            ] }, role))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          className: "ost-btn ost-btn-primary",
+          disabled: busy || !newEmail || newPassword.length < 8,
+          type: "submit",
+          children: busy ? "Adding\u2026" : "Add user"
+        }
+      )
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx10("div", { className: "ost-error", children: error }) : null,
+    notice ? /* @__PURE__ */ jsx10("div", { className: "ost-notice", children: notice }) : null,
+    !users ? /* @__PURE__ */ jsx10("div", { className: "ost-loading", children: "Loading\u2026" }) : null,
+    /* @__PURE__ */ jsx10("div", { className: "ost-list", children: (users || []).map((user) => /* @__PURE__ */ jsxs10("div", { className: "ost-list-item ost-user-row", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "ost-user-id", children: [
+        /* @__PURE__ */ jsx10("strong", { children: user.email || "(no email)" }),
+        /* @__PURE__ */ jsxs10("span", { className: "ost-muted", children: [
+          user.name ? `${user.name} \xB7 ` : "",
+          user.id === meId ? "you" : user.last_sign_in_at ? `last sign-in ${new Date(user.last_sign_in_at).toLocaleDateString()}` : "never signed in"
+        ] })
+      ] }),
+      canManage(user) ? /* @__PURE__ */ jsxs10("div", { className: "ost-user-actions", children: [
+        /* @__PURE__ */ jsxs10(
+          "select",
+          {
+            className: "ost-input ost-role-select",
+            onChange: (event) => changeRole(user, event.target.value),
+            title: user.role ? ROLE_INFO[user.role].blurb : "No Studio access yet",
+            value: user.role ?? "",
+            children: [
+              user.role === null ? /* @__PURE__ */ jsx10("option", { value: "", children: "No access" }) : null,
+              roles.map((role) => /* @__PURE__ */ jsx10("option", { value: role, children: ROLE_INFO[role].label }, role))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx10("button", { className: "ost-btn", onClick: () => resetPassword(user), type: "button", children: "Reset password" }),
+        /* @__PURE__ */ jsx10("button", { className: "ost-btn ost-btn-danger", onClick: () => remove(user), type: "button", children: "Remove" })
+      ] }) : /* @__PURE__ */ jsx10("span", { className: "ost-pill", children: user.role ? ROLE_INFO[user.role].label : "No access" })
+    ] }, user.id)) }),
+    /* @__PURE__ */ jsxs10("div", { className: "ost-card ost-role-legend", children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Roles" }),
+      Object.keys(ROLE_INFO).map((role) => /* @__PURE__ */ jsxs10("p", { className: "ost-muted", children: [
+        /* @__PURE__ */ jsx10("b", { children: ROLE_INFO[role].label }),
+        " \u2014 ",
+        ROLE_INFO[role].blurb
+      ] }, role))
+    ] })
+  ] });
+}
+
+// src/studio/views/views.tsx
+import { useEffect as useEffect10, useMemo as useMemo4, useState as useState11 } from "react";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var pageStatus = (page) => {
+  if (page.publish_at) return { label: "scheduled", live: false };
+  if (page.status !== "published") return { label: "draft", live: false };
+  if (page.has_draft_changes) return { label: "live \xB7 edited", live: true };
+  return { label: "live", live: true };
+};
+function PagesView({
+  api,
+  canCreate,
+  onOpen
+}) {
+  const [pages, setPages] = useState11(null);
+  const [creating, setCreating] = useState11(false);
+  const [newTitle, setNewTitle] = useState11("");
+  const [newSlug, setNewSlug] = useState11("");
+  const [error, setError] = useState11("");
+  const load = () => api.listPages().then(({ pages: list }) => setPages(list), (e) => setError(e.message));
+  useEffect10(() => {
+    load();
+  }, []);
+  const create = async (event) => {
+    event.preventDefault();
+    setError("");
+    try {
+      const { page } = await api.createPage({
+        title: newTitle,
+        slug: newSlug || newTitle.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "")
+      });
+      setCreating(false);
+      setNewTitle("");
+      setNewSlug("");
+      onOpen(page.id);
+    } catch (createError) {
+      setError(createError instanceof Error ? createError.message : "Could not create page.");
+    }
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsxs11("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx11("h2", { children: "Pages" }),
+        /* @__PURE__ */ jsx11("p", { className: "ost-muted", children: "Open a page to edit it in the builder." })
+      ] }),
+      canCreate ? /* @__PURE__ */ jsx11("button", { className: "ost-btn ost-btn-primary", onClick: () => setCreating(!creating), type: "button", children: "New page" }) : null
+    ] }),
+    creating ? /* @__PURE__ */ jsxs11("form", { className: "ost-card ost-create-form", onSubmit: create, children: [
+      /* @__PURE__ */ jsxs11("label", { className: "ost-label", children: [
+        "Title",
+        /* @__PURE__ */ jsx11("input", { className: "ost-input", onChange: (e) => setNewTitle(e.target.value), value: newTitle })
+      ] }),
+      /* @__PURE__ */ jsxs11("label", { className: "ost-label", children: [
+        "Slug (optional)",
+        /* @__PURE__ */ jsx11("input", { className: "ost-input", onChange: (e) => setNewSlug(e.target.value), value: newSlug })
+      ] }),
+      /* @__PURE__ */ jsx11("button", { className: "ost-btn ost-btn-primary", disabled: !newTitle, type: "submit", children: "Create" })
+    ] }) : null,
+    error ? /* @__PURE__ */ jsx11("div", { className: "ost-error", children: error }) : null,
+    !pages ? /* @__PURE__ */ jsx11("div", { className: "ost-loading", children: "Loading\u2026" }) : null,
+    /* @__PURE__ */ jsx11("div", { className: "ost-list", children: (pages || []).map((page) => {
+      const status = pageStatus(page);
+      return /* @__PURE__ */ jsxs11("button", { className: "ost-list-item", onClick: () => onOpen(page.id), type: "button", children: [
+        /* @__PURE__ */ jsxs11("div", { children: [
+          /* @__PURE__ */ jsx11("strong", { children: page.path === "/" ? "Home" : page.title }),
+          /* @__PURE__ */ jsxs11("span", { className: "ost-muted", children: [
+            " ",
+            page.path
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx11("span", { className: `ost-pill${status.live ? " is-live" : ""}`, children: status.label })
+      ] }, page.id);
+    }) })
+  ] });
+}
+function MediaView({
+  api,
+  media,
+  mediaUrl,
+  canDelete,
+  onUpload,
+  onChanged
+}) {
+  const [uploading, setUploading] = useState11(false);
+  const [selected, setSelected] = useState11(null);
+  const [search, setSearch] = useState11("");
+  const [error, setError] = useState11("");
+  const visible = useMemo4(() => {
+    const term = search.trim().toLowerCase();
+    if (!term) return media;
+    return media.filter(
+      (item) => item.filename.toLowerCase().includes(term) || item.alt.toLowerCase().includes(term)
+    );
+  }, [media, search]);
+  return /* @__PURE__ */ jsxs11("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsxs11("header", { className: "ost-view-header", children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
+        /* @__PURE__ */ jsx11("h2", { children: "Media" }),
+        /* @__PURE__ */ jsxs11("p", { className: "ost-muted", children: [
+          media.length,
+          " item",
+          media.length === 1 ? "" : "s",
+          " in the library."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs11("div", { className: "ost-row", children: [
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            className: "ost-input",
+            onChange: (event) => setSearch(event.target.value),
+            placeholder: "Search files\u2026",
+            type: "search",
+            value: search
+          }
+        ),
+        /* @__PURE__ */ jsxs11("label", { className: "ost-btn ost-btn-primary", children: [
+          uploading ? "Uploading\u2026" : "Upload",
+          /* @__PURE__ */ jsx11(
+            "input",
+            {
+              accept: "image/*,application/pdf",
+              hidden: true,
+              onChange: async (event) => {
+                const file = event.currentTarget.files?.[0];
+                event.currentTarget.value = "";
+                if (!file) return;
+                setUploading(true);
+                await onUpload(file);
+                setUploading(false);
+              },
+              type: "file"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx11("div", { className: "ost-error", children: error }) : null,
+    /* @__PURE__ */ jsx11("div", { className: "ost-media-grid ost-media-grid-lg", children: visible.map((item) => /* @__PURE__ */ jsxs11(
+      "button",
+      {
+        className: `ost-media-cell${selected?.id === item.id ? " is-selected" : ""}`,
+        onClick: () => {
+          setError("");
+          setSelected(selected?.id === item.id ? null : item);
+        },
+        type: "button",
+        children: [
+          item.mime_type.startsWith("image/") ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsx11("img", { alt: item.alt, loading: "lazy", src: mediaUrl(item.storage_path, { width: 320 }) })
+          ) : /* @__PURE__ */ jsx11("span", { className: "ost-media-doc", children: "\u{1F4C4}" }),
+          /* @__PURE__ */ jsx11("span", { className: "ost-media-name", children: item.filename })
+        ]
+      },
+      item.id
+    )) }),
+    selected ? /* @__PURE__ */ jsx11(
+      MediaDetail,
+      {
+        api,
+        canDelete,
+        media: selected,
+        mediaUrl,
+        onChanged: () => {
+          onChanged();
+        },
+        onClose: () => setSelected(null),
+        onError: setError
+      },
+      selected.id
+    ) : null
+  ] });
+}
+function MediaDetail({
+  api,
+  media,
+  mediaUrl,
+  canDelete,
+  onChanged,
+  onClose,
+  onError
+}) {
+  const [alt, setAlt] = useState11(media.alt);
+  const [caption, setCaption] = useState11(media.caption);
+  const [usage, setUsage] = useState11(null);
+  const [saving, setSaving] = useState11(false);
+  const [replacing, setReplacing] = useState11(false);
+  useEffect10(() => {
+    api.mediaUsage(media.id).then(({ usage: list }) => setUsage(list), () => setUsage([]));
+  }, [api, media.id]);
+  const dirty = alt !== media.alt || caption !== media.caption;
+  return /* @__PURE__ */ jsxs11("div", { className: "ost-card ost-media-detail", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "ost-media-detail-head", children: [
+      /* @__PURE__ */ jsx11("strong", { children: media.filename }),
+      /* @__PURE__ */ jsxs11("span", { className: "ost-muted", children: [
+        media.width && media.height ? `${media.width}\xD7${media.height} \xB7 ` : "",
+        media.mime_type
+      ] }),
+      usage === null ? /* @__PURE__ */ jsx11("span", { className: "ost-muted", children: "Checking usage\u2026" }) : usage.length === 0 ? /* @__PURE__ */ jsx11("span", { className: "ost-muted", children: "Not used on any page." }) : /* @__PURE__ */ jsxs11("span", { className: "ost-muted", children: [
+        "Used on: ",
+        usage.map((page) => page.title || page.path).join(", ")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs11("label", { className: "ost-label", children: [
+      "Alt text",
+      /* @__PURE__ */ jsx11("input", { className: "ost-input", onChange: (event) => setAlt(event.target.value), value: alt })
+    ] }),
+    /* @__PURE__ */ jsxs11("label", { className: "ost-label", children: [
+      "Caption",
+      /* @__PURE__ */ jsx11("input", { className: "ost-input", onChange: (event) => setCaption(event.target.value), value: caption })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "ost-row", children: [
+      /* @__PURE__ */ jsx11(
+        "button",
+        {
+          className: "ost-btn ost-btn-primary",
+          disabled: !dirty || saving,
+          onClick: async () => {
+            setSaving(true);
+            try {
+              await api.updateMedia(media.id, { alt, caption });
+              onChanged();
+            } catch (updateError) {
+              onError(updateError instanceof Error ? updateError.message : "Save failed.");
+            } finally {
+              setSaving(false);
+            }
+          },
+          type: "button",
+          children: saving ? "Saving\u2026" : "Save details"
+        }
+      ),
+      /* @__PURE__ */ jsxs11("label", { className: "ost-btn", title: "The new file keeps every existing reference. CDN caching can take up to an hour to show the new version everywhere.", children: [
+        replacing ? "Replacing\u2026" : "Replace file",
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            accept: media.mime_type.startsWith("image/") ? "image/*" : "application/pdf",
+            hidden: true,
+            onChange: async (event) => {
+              const file = event.currentTarget.files?.[0];
+              event.currentTarget.value = "";
+              if (!file) return;
+              setReplacing(true);
+              try {
+                const form = new FormData();
+                form.set("file", file);
+                await api.replaceMedia(media.id, form);
+                onChanged();
+              } catch (replaceError) {
+                onError(replaceError instanceof Error ? replaceError.message : "Replace failed.");
+              } finally {
+                setReplacing(false);
+              }
+            },
+            type: "file"
+          }
+        )
+      ] }),
+      canDelete ? /* @__PURE__ */ jsx11(
+        "button",
+        {
+          className: "ost-btn ost-btn-danger",
+          onClick: async () => {
+            const used = usage && usage.length > 0;
+            const prompt = used ? `"${media.filename}" is used on ${usage.length} page${usage.length === 1 ? "" : "s"} (${usage.map((page) => page.title || page.path).join(", ")}). Deleting it will leave broken images. Delete anyway?` : `Delete "${media.filename}" permanently?`;
+            if (!window.confirm(prompt)) return;
+            try {
+              await api.deleteMedia(media.id, Boolean(used));
+              onClose();
+              onChanged();
+            } catch (deleteError) {
+              if (deleteError instanceof StudioApiError && deleteError.usage) {
+                onError("This file is still used on pages \u2014 remove it from them first.");
+              } else {
+                onError(deleteError instanceof Error ? deleteError.message : "Delete failed.");
+              }
+            }
+          },
+          type: "button",
+          children: "Delete"
+        }
+      ) : null,
+      /* @__PURE__ */ jsx11("button", { className: "ost-btn", onClick: onClose, type: "button", children: "Close" })
+    ] }),
+    media.mime_type.startsWith("image/") ? (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx11("img", { alt, className: "ost-media-preview", src: mediaUrl(media.storage_path, { width: 480 }) })
+    ) : null
+  ] });
+}
+function GlobalsView({
+  api,
+  globals,
+  media,
+  mediaUrl,
+  onUploadMedia,
+  pages
+}) {
+  const definitions = globals.list();
+  const [activeKey, setActiveKey] = useState11(definitions[0]?.key || "");
+  const [data, setData] = useState11(null);
+  const [dirty, setDirty] = useState11(false);
+  const [message, setMessage] = useState11("");
+  const [history, setHistory] = useState11(null);
+  const active = globals.get(activeKey);
+  useEffect10(() => {
+    if (!activeKey) return;
+    let cancelled = false;
+    setData(null);
+    setDirty(false);
+    setMessage("");
+    setHistory(null);
+    api.getGlobal(activeKey).then(
+      ({ global }) => {
+        if (!cancelled) setData(globals.normalize(activeKey, global.data));
+      },
+      () => void 0
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [api, activeKey, globals]);
+  const toggleHistory = async () => {
+    if (history) {
+      setHistory(null);
+      return;
+    }
+    const { versions } = await api.listGlobalVersions(activeKey);
+    setHistory(versions);
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: "ost-view", children: [
+    /* @__PURE__ */ jsx11("header", { className: "ost-view-header", children: /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx11("h2", { children: "Globals" }),
+      /* @__PURE__ */ jsx11("p", { className: "ost-muted", children: "Site-wide settings shared by every page." })
+    ] }) }),
+    /* @__PURE__ */ jsxs11("div", { className: "ost-globals", children: [
+      /* @__PURE__ */ jsx11("nav", { className: "ost-globals-nav", children: definitions.map((definition) => /* @__PURE__ */ jsx11(
+        "button",
+        {
+          className: `ost-list-item${definition.key === activeKey ? " is-active" : ""}`,
+          onClick: () => setActiveKey(definition.key),
+          type: "button",
+          children: definition.label
+        },
+        definition.key
+      )) }),
+      /* @__PURE__ */ jsx11("div", { className: "ost-globals-editor", children: active && data ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        /* @__PURE__ */ jsx11(
+          Inspector,
+          {
+            canChangeStructure: true,
+            data,
+            fields: active.editor.fields,
+            media,
+            mediaUrl,
+            onChange: (next) => {
+              setData(next);
+              setDirty(true);
+              setMessage("");
+            },
+            onUploadMedia,
+            pages
+          }
+        ),
+        /* @__PURE__ */ jsxs11("div", { className: "ost-row", children: [
+          /* @__PURE__ */ jsx11(
+            "button",
+            {
+              className: "ost-btn ost-btn-primary",
+              disabled: !dirty,
+              onClick: async () => {
+                await api.updateGlobal(activeKey, data);
+                setDirty(false);
+                setMessage("Saved \u2014 live on the site.");
+                setHistory(null);
+              },
+              type: "button",
+              children: "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx11("button", { className: "ost-btn", onClick: toggleHistory, type: "button", children: history ? "Hide history" : "History" }),
+          message ? /* @__PURE__ */ jsx11("span", { className: "ost-muted", children: message }) : null
+        ] }),
+        history ? /* @__PURE__ */ jsxs11("div", { className: "ost-versions ost-global-versions", children: [
+          history.length === 0 ? /* @__PURE__ */ jsx11("span", { className: "ost-muted", children: "No saved versions yet." }) : null,
+          history.map((version) => /* @__PURE__ */ jsxs11("div", { className: "ost-version-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "ost-muted", children: new Date(version.created_at).toLocaleString() }),
+            /* @__PURE__ */ jsx11(
+              "button",
+              {
+                className: "ost-btn",
+                onClick: async () => {
+                  const { global } = await api.restoreGlobalVersion(version.id);
+                  setData(globals.normalize(activeKey, global.data));
+                  setDirty(false);
+                  setHistory(null);
+                  setMessage("Version restored \u2014 live on the site.");
+                },
+                type: "button",
+                children: "Restore"
+              }
+            )
+          ] }, version.id))
+        ] }) : null
+      ] }) : /* @__PURE__ */ jsx11("div", { className: "ost-loading", children: "Loading\u2026" }) })
+    ] })
+  ] });
+}
+
+// src/studio/Studio.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var NAV = [
+  { key: "dashboard", label: "Dashboard" },
+  { key: "pages", label: "Pages" },
+  { key: "media", label: "Media" },
+  { key: "forms", label: "Forms" },
+  { key: "submissions", label: "Submissions" },
+  { key: "analytics", label: "Analytics" },
+  { key: "globals", label: "Globals" },
+  { key: "redirects", label: "Redirects", minRole: "editor" },
+  { key: "users", label: "Users", minRole: "admin" }
+];
+function Studio({ registry, globals, siteName, logoUrl, supabaseUrl }) {
+  const { session, loading, getToken, signOut } = useStudioSession();
+  const api = useMemo5(() => createStudioApi({ getToken }), [getToken]);
+  useEffect11(() => {
+    try {
+      localStorage.setItem("orion-analytics-exclude", "1");
+    } catch {
+    }
+  }, []);
+  const [role, setRole] = useState12(null);
+  const [roleError, setRoleError] = useState12("");
+  const [section, setSection] = useState12("dashboard");
+  const [openPageId, setOpenPageId] = useState12(null);
+  const [submissionsFormId, setSubmissionsFormId] = useState12(null);
+  const [media, setMedia] = useState12([]);
+  const [pages, setPages] = useState12([]);
+  const [unreadCount, setUnreadCount] = useState12(0);
+  const baseUrl = supabaseUrl || process.env.NEXT_PUBLIC_SUPABASE_URL || "";
+  const mediaUrl = useCallback5(
+    (storagePath, options) => {
+      if (storagePath.startsWith("data:") || storagePath.startsWith("/")) return storagePath;
+      const base = `${baseUrl}/storage/v1`;
+      if (!options?.width) return `${base}/object/public/media/${storagePath}`;
+      return `${base}/render/image/public/media/${storagePath}?width=${options.width}&quality=80`;
+    },
+    [baseUrl]
+  );
+  const refreshMedia = useCallback5(() => {
+    api.listMedia().then(({ media: list }) => setMedia(list), () => void 0);
+  }, [api]);
+  const refreshUnread = useCallback5(() => {
+    api.listForms().then(
+      ({ forms }) => setUnreadCount(forms.reduce((sum, form) => sum + (form.unreadCount ?? 0), 0)),
+      () => void 0
+    );
+  }, [api]);
+  const refreshPages = useCallback5(() => {
+    api.listPages().then(
+      ({ pages: list }) => setPages(list.map((page) => ({ path: page.path, title: page.title }))),
+      () => void 0
+    );
+  }, [api]);
+  useEffect11(() => {
+    if (!session) {
+      setRole(null);
+      return;
+    }
+    api.me().then(
+      ({ user }) => {
+        setRole(user.role);
+        refreshMedia();
+        refreshUnread();
+        refreshPages();
+      },
+      () => setRoleError("Your account has no Studio access on this site.")
+    );
+  }, [api, session, refreshMedia, refreshUnread, refreshPages]);
+  const uploadMedia = useCallback5(
+    async (file) => {
+      const dimensions = file.type.startsWith("image/") ? await new Promise((resolve) => {
+        const url = URL.createObjectURL(file);
+        const image = new Image();
+        image.onload = () => {
+          URL.revokeObjectURL(url);
+          resolve({ width: image.naturalWidth, height: image.naturalHeight });
+        };
+        image.onerror = () => {
+          URL.revokeObjectURL(url);
+          resolve(null);
+        };
+        image.src = url;
+      }) : null;
+      const form = new FormData();
+      form.set("file", file);
+      form.set("alt", file.name.replace(/\.[a-z0-9]+$/i, "").replace(/[-_]+/g, " "));
+      if (dimensions) {
+        form.set("width", String(dimensions.width));
+        form.set("height", String(dimensions.height));
+      }
+      try {
+        const { media: uploaded } = await api.uploadMedia(form);
+        refreshMedia();
+        return uploaded;
+      } catch {
+        return null;
+      }
+    },
+    [api, refreshMedia]
+  );
+  if (loading) return /* @__PURE__ */ jsx12("div", { className: "ost-root ost-loading", children: "Loading Studio\u2026" });
+  if (!session) return /* @__PURE__ */ jsx12(LoginView, { logoUrl, siteName });
+  if (roleError) {
+    return /* @__PURE__ */ jsx12("div", { className: "ost-root ost-login", children: /* @__PURE__ */ jsxs12("div", { className: "ost-login-card", children: [
+      /* @__PURE__ */ jsx12("h1", { children: siteName }),
+      /* @__PURE__ */ jsx12("div", { className: "ost-error", children: roleError }),
+      /* @__PURE__ */ jsx12("button", { className: "ost-btn", onClick: () => signOut(), type: "button", children: "Sign out" })
+    ] }) });
+  }
+  if (!role) return /* @__PURE__ */ jsx12("div", { className: "ost-root ost-loading", children: "Loading Studio\u2026" });
+  const canChangeStructure = role !== "content";
+  const canPublish = role !== "content";
+  const canCreatePages = role !== "content";
+  const canDeleteMedia = role !== "content";
+  const canWriteForms = role !== "content";
+  const canManageSubmissions = role !== "content";
+  const canManageUsers = role === "admin" || role === "developer";
+  const canManageRedirects = role !== "content";
+  const canDeleteForms = role === "admin" || role === "developer";
+  const nav = NAV.filter((item) => {
+    if (item.minRole === "admin") return canManageUsers;
+    if (item.minRole === "editor") return role !== "content";
+    return true;
+  });
+  const goTo = (key) => {
+    setSection(key);
+    setOpenPageId(null);
+    if (key !== "submissions") setSubmissionsFormId(null);
+    if (key === "submissions" || key === "dashboard") refreshUnread();
+    if (key === "pages" || key === "dashboard") refreshPages();
+  };
+  const openPage = (id) => {
+    setOpenPageId(id);
+  };
+  return /* @__PURE__ */ jsxs12("div", { className: "ost-root", children: [
+    /* @__PURE__ */ jsxs12("aside", { className: "ost-nav", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "ost-brand", children: [
+        logoUrl ? /* @__PURE__ */ jsx12("img", { alt: "", src: logoUrl }) : null,
+        /* @__PURE__ */ jsxs12("div", { children: [
+          /* @__PURE__ */ jsx12("strong", { children: siteName }),
+          /* @__PURE__ */ jsx12("span", { className: "ost-muted", children: "Studio" })
+        ] })
+      ] }),
+      nav.map((item) => /* @__PURE__ */ jsxs12(
+        "button",
+        {
+          className: `ost-nav-item${section === item.key && !openPageId ? " is-active" : ""}`,
+          onClick: () => goTo(item.key),
+          type: "button",
+          children: [
+            item.label,
+            item.key === "submissions" && unreadCount > 0 ? /* @__PURE__ */ jsx12("span", { className: "ost-nav-badge", children: unreadCount }) : null
+          ]
+        },
+        item.key
+      )),
+      /* @__PURE__ */ jsxs12("div", { className: "ost-nav-footer", children: [
+        /* @__PURE__ */ jsx12("span", { className: "ost-muted", children: session.user.email }),
+        /* @__PURE__ */ jsx12("span", { className: "ost-pill", children: role }),
+        /* @__PURE__ */ jsx12("button", { className: "ost-btn", onClick: () => signOut(), type: "button", children: "Log out" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12("main", { className: "ost-main", children: openPageId ? /* @__PURE__ */ jsx12(
+      PageEditor,
+      {
+        api,
+        canChangeStructure,
+        canPublish,
+        media,
+        mediaUrl,
+        onBack: () => {
+          setOpenPageId(null);
+          refreshPages();
+        },
+        onOpenPage: openPage,
+        onUploadMedia: uploadMedia,
+        pageId: openPageId,
+        registry,
+        role
+      },
+      openPageId
+    ) : section === "pages" ? /* @__PURE__ */ jsx12(PagesView, { api, canCreate: canCreatePages, onOpen: openPage }) : section === "media" ? /* @__PURE__ */ jsx12(
+      MediaView,
+      {
+        api,
+        canDelete: canDeleteMedia,
+        media,
+        mediaUrl,
+        onChanged: refreshMedia,
+        onUpload: uploadMedia
+      }
+    ) : section === "forms" ? /* @__PURE__ */ jsx12(
+      FormsView,
+      {
+        api,
+        canDelete: canDeleteForms,
+        canWrite: canWriteForms,
+        onOpenSubmissions: (formId) => {
+          setSubmissionsFormId(formId);
+          setSection("submissions");
+        }
+      }
+    ) : section === "submissions" ? /* @__PURE__ */ jsx12(
+      SubmissionsView,
+      {
+        api,
+        canManage: canManageSubmissions,
+        initialFormId: submissionsFormId,
+        onUnreadChanged: refreshUnread
+      },
+      submissionsFormId || "all"
+    ) : section === "analytics" ? /* @__PURE__ */ jsx12(AnalyticsView, { api }) : section === "globals" ? /* @__PURE__ */ jsx12(
+      GlobalsView,
+      {
+        api,
+        globals,
+        media,
+        mediaUrl,
+        onUploadMedia: uploadMedia,
+        pages
+      }
+    ) : section === "redirects" && canManageRedirects ? /* @__PURE__ */ jsx12(RedirectsView, { api }) : section === "users" && canManageUsers ? /* @__PURE__ */ jsx12(UsersView, { api, meId: session.user.id }) : /* @__PURE__ */ jsx12(
+      DashboardView,
+      {
+        api,
+        onOpenPage: openPage,
+        onOpenSubmissions: () => goTo("submissions"),
+        siteName
+      }
+    ) })
+  ] });
+}
+export {
+  PasswordInput,
+  Studio,
+  StudioApiError,
+  createStudioApi,
+  getBrowserSupabase,
+  useStudioSession
+};