strapi-plugin-radiocult-uploader 1.0.0

package/dist/admin/Settings-DHv9SmRU.js

@@ -0,0 +1,534 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const index = require("./index-BLAtUo_j.js");
+const tokens = require("./tokens-CDeNcvZq.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const MAPPING_FIELDS = [
+  { key: "title", label: "Title", hint: "Track title on Radio Cult", types: ["string", "text"], required: true },
+  { key: "image", label: "Artwork image", hint: "Embedded in mp3s and sent to Mixcloud/SoundCloud", types: ["media"] },
+  { key: "broadcastDate", label: "Broadcast date", hint: 'Used for the default album name ("August 2026")', types: ["date", "datetime"] },
+  { key: "soundcloudLink", label: "SoundCloud link", hint: "The published SoundCloud URL is written here", types: ["string", "text"] },
+  { key: "mixcloudLink", label: "Mixcloud link", hint: "The published Mixcloud URL is written here", types: ["string", "text"] },
+  { key: "tagsRelation", label: "Tags / genres relation", hint: "Relation whose entries become publish tags", types: ["relation"] },
+  { key: "showRelation", label: "Show relation", hint: "Optional — used for the uploader tab title", types: ["relation"] }
+];
+const isHex = (value) => /^#[0-9a-fA-F]{6}$/.test(value);
+const ColorField = ({
+  label,
+  hint,
+  value,
+  overridden,
+  onChange
+}) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "color",
+      "aria-label": label,
+      value: isHex(value) ? value : "#000000",
+      style: {
+        width: 34,
+        height: 34,
+        flex: "none",
+        padding: 0,
+        border: "1px solid rgba(0,0,0,.2)",
+        borderRadius: 6,
+        background: "none",
+        cursor: "pointer"
+      },
+      onChange: (e) => onChange(e.target.value)
+    }
+  ),
+  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { style: { minWidth: 0, flex: 1 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: overridden ? "bold" : void 0, ellipsis: true, title: hint, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "text",
+        "aria-label": `${label} hex value`,
+        value,
+        style: {
+          width: "100%",
+          fontSize: 11,
+          fontFamily: "monospace",
+          border: "1px solid rgba(0,0,0,.15)",
+          borderRadius: 4,
+          padding: "2px 6px"
+        },
+        onChange: (e) => onChange(e.target.value)
+      }
+    )
+  ] })
+] });
+const Section = ({ title, children }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral0", hasRadius: true, shadow: "filterShadow", padding: 6, marginBottom: 6, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: title }),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 4, children })
+] });
+const Settings = () => {
+  const [settings, setSettings] = React__namespace.useState(null);
+  const [contentTypes, setContentTypes] = React__namespace.useState([]);
+  const [diagnostics, setDiagnostics] = React__namespace.useState(null);
+  const [apiKeyInput, setApiKeyInput] = React__namespace.useState("");
+  const [saving, setSaving] = React__namespace.useState(false);
+  const [testing, setTesting] = React__namespace.useState(false);
+  const [message, setMessage] = React__namespace.useState(null);
+  const [testResult, setTestResult] = React__namespace.useState(null);
+  const [dirty, setDirty] = React__namespace.useState(false);
+  const [loadError, setLoadError] = React__namespace.useState(null);
+  tokens.useGoogleFont(tokens.googleFontHref(tokens.resolveFont(settings?.theme)));
+  React__namespace.useEffect(() => {
+    Promise.all([index.fetchSettings(), index.fetchContentTypes(), index.fetchDiagnostics()]).then(([s, cts, diag]) => {
+      setSettings(s);
+      setContentTypes(cts);
+      setDiagnostics(diag);
+    }).catch((error) => setLoadError(index.apiError(error)));
+  }, []);
+  if (loadError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "danger600", children: loadError }) });
+  }
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading…" }) });
+  }
+  const selectedType = contentTypes.find((ct) => ct.uid === settings.mapping.contentType);
+  const patch = (path, value) => {
+    setDirty(true);
+    setSettings((current) => {
+      if (!current) return current;
+      const next = structuredClone(current);
+      const keys = path.split(".");
+      let obj = next;
+      for (const key of keys.slice(0, -1)) obj = obj[key];
+      obj[keys[keys.length - 1]] = value;
+      return next;
+    });
+  };
+  const setMappingType = (uid) => {
+    setDirty(true);
+    const ct = contentTypes.find((c) => c.uid === uid);
+    const auto = (kinds, nameHints) => {
+      const byName = ct?.attributes.find((a) => kinds.includes(a.type) && nameHints.test(a.name));
+      return byName?.name ?? null;
+    };
+    setSettings(
+      (current) => current ? {
+        ...current,
+        mapping: {
+          contentType: uid,
+          title: auto(["string", "text"], /title|name/i),
+          image: auto(["media"], /image|artwork|cover|photo/i) ?? auto(["media"], /./),
+          broadcastDate: auto(["date", "datetime"], /broadcast|date|air/i),
+          soundcloudLink: auto(["string", "text"], /soundcloud/i),
+          mixcloudLink: auto(["string", "text"], /mixcloud/i),
+          tagsRelation: auto(["relation"], /tag|genre/i),
+          tagsLabelField: null,
+          showRelation: auto(["relation"], /show|series|program/i),
+          showLabelField: null
+        }
+      } : current
+    );
+  };
+  const save = async () => {
+    setSaving(true);
+    setMessage(null);
+    try {
+      const payload = {
+        credentials: {
+          stationId: settings.credentials.stationId,
+          enabled: settings.credentials.enabled,
+          ...apiKeyInput ? { apiKey: apiKeyInput } : {}
+        },
+        mapping: settings.mapping,
+        defaults: settings.defaults,
+        theme: { ...settings.theme, overrides: tokens.pickEditableOverrides(settings.theme.overrides) }
+      };
+      const next = await index.saveSettings(payload);
+      setSettings(next);
+      setApiKeyInput("");
+      setDirty(false);
+      setMessage({ ok: true, text: "Settings saved" });
+    } catch (error) {
+      setMessage({ ok: false, text: index.apiError(error) });
+    } finally {
+      setSaving(false);
+    }
+  };
+  const runTest = async () => {
+    setTesting(true);
+    setMessage(null);
+    setTestResult(null);
+    try {
+      const result = await index.testConnection();
+      setTestResult({ ok: result.ok, text: result.message });
+    } catch (error) {
+      setTestResult({ ok: false, text: index.apiError(error) });
+    } finally {
+      setTesting(false);
+    }
+  };
+  const unsavedChanges = dirty || apiKeyInput !== "";
+  const targetAttributesFor = (relationKey) => {
+    const relationField = settings.mapping[relationKey];
+    const attr = selectedType?.attributes.find((a) => a.name === relationField);
+    return attr?.targetAttributes ?? [];
+  };
+  const effectiveTokens = tokens.resolveTokens(settings.theme);
+  const previewVars = tokens.tokensToCssVars(effectiveTokens);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { padding: 8, style: { maxWidth: 960 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "flex-start", paddingBottom: 6, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", tag: "h1", children: "Radio Cult Uploader" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "epsilon", textColor: "neutral600", children: "Credentials, field mapping and uploader theme" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: save, loading: saving, size: "L", children: "Save" })
+    ] }),
+    message ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: message.ok ? "success600" : "danger600", fontWeight: "semiBold", children: message.text }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Radio Cult credentials", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          hint: settings.envLocks.apiKey ? "Set by RADIOCULT_API_KEY — the environment value wins" : settings.credentials.apiKeySet ? "A key is stored — leave blank to keep it" : "From your Radio Cult station dashboard",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "API key" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.TextInput,
+              {
+                type: "password",
+                placeholder: settings.credentials.apiKeySet ? "••••••••••••" : "",
+                value: apiKeyInput,
+                disabled: settings.envLocks.apiKey,
+                onChange: (e) => setApiKeyInput(e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          hint: settings.envLocks.stationId ? "Set by RADIOCULT_STATION_ID — the environment value wins" : "Your station’s ID on Radio Cult",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Station ID" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.TextInput,
+              {
+                value: settings.credentials.stationId,
+                disabled: settings.envLocks.stationId,
+                onChange: (e) => patch("credentials.stationId", e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Field.Root,
+        {
+          hint: settings.envLocks.enabled ? "Set by RADIOCULT_ENABLED — the environment value wins" : "Turn the whole integration on or off",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Enabled" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Toggle,
+              {
+                onLabel: "On",
+                offLabel: "Off",
+                checked: settings.credentials.enabled,
+                disabled: settings.envLocks.enabled,
+                onChange: (e) => patch("credentials.enabled", e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "flex-start", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "secondary", onClick: runTest, loading: testing, children: "Test connection" }),
+          testResult ? /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Typography,
+            {
+              textColor: testResult.ok ? "success600" : "danger600",
+              fontWeight: "semiBold",
+              children: testResult.text
+            }
+          ) : null
+        ] }),
+        testResult && !testResult.ok ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: unsavedChanges ? "You have unsaved changes — the test uses the saved API key and station ID, so hit Save first, then test again." : "The test uses the saved API key and station ID. If you have just changed them, save your settings before testing again." }) }) : null
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Section, { title: "Field mapping", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Tell the uploader which content type holds your episodes and which fields to use. Fields are auto-matched when you pick a content type — check them before saving." }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { required: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Episode content type" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: settings.mapping.contentType ?? "",
+              onChange: (value) => setMappingType(String(value)),
+              placeholder: "Pick a content type",
+              children: contentTypes.map((ct) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: ct.uid, children: ct.displayName }, ct.uid))
+            }
+          )
+        ] }) }),
+        selectedType ? MAPPING_FIELDS.map((field) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: field.hint, required: field.required, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: field.label }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.SingleSelect,
+            {
+              value: settings.mapping[field.key] ?? "",
+              onChange: (value) => patch(`mapping.${field.key}`, value === "" ? null : String(value)),
+              placeholder: "—",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "", children: "— not used —" }),
+                selectedType.attributes.filter((a) => field.types.includes(a.type)).map((a) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: a.name, children: a.name }, a.name))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) }, field.key)) : null,
+        selectedType && settings.mapping.tagsRelation ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Which field on the tag entries holds the tag text", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Tag label field" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: settings.mapping.tagsLabelField ?? "",
+              onChange: (value) => patch("mapping.tagsLabelField", value === "" ? null : String(value)),
+              placeholder: "—",
+              children: targetAttributesFor("tagsRelation").map((name) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: name, children: name }, name))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) }) : null,
+        selectedType && settings.mapping.showRelation ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Which field on the show holds its name", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Show name field" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: settings.mapping.showLabelField ?? "",
+              onChange: (value) => patch("mapping.showLabelField", value === "" ? null : String(value)),
+              placeholder: "—",
+              children: targetAttributesFor("showRelation").map((name) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: name, children: name }, name))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Publish defaults", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Default track artist (e.g. your station name)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Artist" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.TextInput,
+          {
+            value: settings.defaults.artist,
+            onChange: (e) => patch("defaults.artist", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Default description for Mixcloud / SoundCloud publishes", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Description" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Textarea,
+          {
+            value: settings.defaults.description,
+            onChange: (e) => patch("defaults.description", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Section, { title: "Uploader theme", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Preset" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: settings.theme.preset,
+              onChange: (value) => {
+                patch("theme.preset", String(value));
+                patch("theme.overrides", {});
+              },
+              children: Object.entries(tokens.PRESETS).map(([key, preset]) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: preset.label }, key))
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Google Fonts are loaded on the uploader page as needed", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Font" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.SingleSelect,
+            {
+              value: settings.theme.fontFamily ?? "system",
+              onChange: (value) => patch("theme.fontFamily", String(value)),
+              children: Object.entries(tokens.FONTS).map(([key, font]) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: key, children: font.label }, key))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Shown under the page heading and in the tab", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Station name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              value: settings.theme.stationName,
+              onChange: (e) => patch("theme.stationName", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint: "Upload it in the Media Library, then paste its URL here", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Logo URL" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.TextInput,
+            {
+              value: settings.theme.logoUrl ?? "",
+              placeholder: "/uploads/logo.svg",
+              onChange: (e) => patch("theme.logoUrl", e.target.value || null)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Colours" }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 1, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Tweak the handful of colours the uploader is built from — everything else (cards, borders, shadows, status colours) follows the preset." }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 3, children: tokens.EDITABLE_TOKENS.map(({ key, label, hint }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 6, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ColorField,
+          {
+            label,
+            hint,
+            value: effectiveTokens[key],
+            overridden: settings.theme.overrides?.[key] !== void 0,
+            onChange: (value) => patch("theme.overrides", {
+              ...tokens.pickEditableOverrides(settings.theme.overrides),
+              [key]: value
+            })
+          }
+        ) }, key)) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: () => patch("theme.overrides", {}), children: "Reset colours to preset" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 6, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Preview" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              ...previewVars,
+              marginTop: 8,
+              borderRadius: 12,
+              padding: 24,
+              fontFamily: tokens.resolveFont(settings.theme).stack,
+              background: `linear-gradient(160deg, ${effectiveTokens.pageBg}, ${effectiveTokens.pageBgDeep})`,
+              color: effectiveTokens.text
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 14, marginBottom: 16 }, children: [
+                settings.theme.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: settings.theme.logoUrl, alt: "logo", style: { width: 44, height: 44 } }) : /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      width: 44,
+                      height: 44,
+                      borderRadius: "50%",
+                      border: `3px solid ${effectiveTokens.text}`
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 800, fontSize: 18 }, children: "Episode Uploader" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: effectiveTokens.textDim }, children: [
+                    settings.theme.stationName || "Your station",
+                    " · Example episode"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: {
+                    background: effectiveTokens.card,
+                    border: `1px solid ${effectiveTokens.cardBorder}`,
+                    borderRadius: 14,
+                    padding: 18,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 14
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: {
+                          width: 30,
+                          height: 30,
+                          borderRadius: "50%",
+                          display: "grid",
+                          placeItems: "center",
+                          fontWeight: 800,
+                          fontSize: 13,
+                          color: effectiveTokens.buttonText,
+                          background: `linear-gradient(135deg, ${effectiveTokens.text}, ${effectiveTokens.contrast})`
+                        },
+                        children: "1"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 700, fontSize: 14 }, children: "Track details" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { marginLeft: "auto", display: "flex", gap: 8 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          style: {
+                            fontSize: 12,
+                            fontWeight: 700,
+                            color: effectiveTokens.buttonText,
+                            background: `linear-gradient(135deg, ${effectiveTokens.text}, ${effectiveTokens.contrast})`,
+                            border: "none",
+                            borderRadius: 9,
+                            padding: "8px 14px",
+                            boxShadow: `0 4px 16px ${effectiveTokens.shadow}`
+                          },
+                          children: "Upload to Radio Cult"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: effectiveTokens.green, fontWeight: 600, alignSelf: "center" }, children: "✓ done" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, color: effectiveTokens.amber, alignSelf: "center" }, children: "publishing…" })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Section, { title: "Diagnostics", children: diagnostics ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: diagnostics.openAsBlob ? "success600" : "danger600", children: diagnostics.openAsBlob ? `✓ Node ${diagnostics.nodeVersion} supports streamed uploads` : `✗ Node ${diagnostics.nodeVersion} is too old — uploads need Node 20+` }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: diagnostics.bodyLimitOk ? "success600" : "warning600", children: diagnostics.bodyLimitOk ? "✓ Request body limit allows 750MB uploads" : `✗ The app's strapi::body maxFileSize is ${diagnostics.bodyMaxFileSize ? `${Math.round(diagnostics.bodyMaxFileSize / 1024 / 1024)}MB` : "unknown"} — raise it to 800MB in config/middlewares.ts to allow full-size uploads (see the plugin README)` }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: diagnostics.cronEnabled ? "success600" : "warning600", children: diagnostics.cronEnabled ? "✓ Cron is enabled — links are synced every 10 minutes" : "✗ Cron is disabled — published links are only picked up when a page checks" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Loading…" }) })
+  ] });
+};
+exports.default = Settings;

package/dist/admin/en-CTCtUg23.mjs

@@ -0,0 +1,8 @@
+const en = {
+  "plugin.name": "Radio Cult Uploader",
+  "settings.section": "Radio Cult Uploader",
+  "settings.link": "Configuration"
+};
+export {
+  en as default
+};

package/dist/admin/en-D_61ojL7.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {
+  "plugin.name": "Radio Cult Uploader",
+  "settings.section": "Radio Cult Uploader",
+  "settings.link": "Configuration"
+};
+exports.default = en;