@takuhon/ui 0.10.0 → 0.12.0

package/dist/admin/index.js

@@ -178,10 +178,185 @@ function CheckboxField({ label, checked, onChange }) {
   ] });
 }
 
-// src/admin/primitives/LocaleTabs.tsx
+// src/admin/primitives/ImageField.tsx
 import { useId as useId3, useRef, useState } from "react";
-import styles6 from "../LocaleTabs.module-IEEC6Q27.module.css";
+
+// src/admin/admin-labels.ts
+var EN = {
+  "app.title": "takuhon admin",
+  "toolbar.label": "Editor actions",
+  "mode.label": "Editing mode",
+  "mode.form": "Form",
+  "mode.advanced": "Advanced (JSON)",
+  "action.save": "Save",
+  "action.reload": "Reload",
+  "action.export": "Export",
+  "action.import": "Import",
+  "action.add": "Add",
+  "action.remove": "Remove",
+  "action.moveUp": "Move up",
+  "action.moveDown": "Move down",
+  "status.saving": "Saving\u2026",
+  "status.saved": "Saved.",
+  "status.loading": "Loading\u2026",
+  "status.conflict": "The profile changed on the server since it was loaded. Reload, then reapply the edits.",
+  "status.invalid": "Some fields need attention before saving.",
+  "status.fixSummary": "Please fix the following:",
+  "status.error": "Something went wrong. Please try again.",
+  "status.imported": "Imported. Review the fields, then save to apply.",
+  "status.importInvalid": "The imported file is not a valid takuhon document.",
+  "status.uploading": "Uploading\u2026",
+  "status.uploadError": "Upload failed. Please try again.",
+  "section.profile": "Profile",
+  "section.about": "About",
+  "section.links": "Links",
+  "section.careers": "Experience",
+  "section.projects": "Projects",
+  "section.skills": "Skills",
+  "section.settings": "Settings",
+  "field.displayName": "Display name",
+  "field.tagline": "Tagline",
+  "field.bio": "Bio",
+  "field.avatarUrl": "Avatar URL",
+  "field.avatarUpload": "Upload image",
+  "field.avatarAlt": "Avatar alternative text",
+  "field.location.country": "Country",
+  "field.location.region": "Region",
+  "field.location.locality": "Locality",
+  "field.location.display": "Location (display)",
+  "field.link.type": "Type",
+  "field.link.url": "URL",
+  "field.link.label": "Label",
+  "field.link.iconUrl": "Icon URL",
+  "field.link.featured": "Featured",
+  "field.career.organization": "Organization",
+  "field.career.role": "Role",
+  "field.career.description": "Description",
+  "field.career.startDate": "Start",
+  "field.career.endDate": "End",
+  "field.career.isCurrent": "Current position",
+  "field.career.url": "URL",
+  "field.project.title": "Title",
+  "field.project.description": "Description",
+  "field.project.url": "URL",
+  "field.project.tags": "Tags",
+  "field.project.highlighted": "Highlighted",
+  "field.project.startDate": "Start",
+  "field.project.endDate": "End",
+  "field.skill.label": "Label",
+  "field.skill.category": "Category",
+  "field.settings.defaultLocale": "Default locale",
+  "field.settings.fallbackLocale": "Fallback locale",
+  "field.settings.availableLocales": "Available locales",
+  "field.settings.theme": "Theme",
+  "field.settings.showPoweredBy": 'Show the "Powered by takuhon" footer',
+  "field.settings.enableJsonLd": "Emit Schema.org JSON-LD",
+  "field.settings.enableApi": "Expose the public read API",
+  "field.settings.enableAnalytics": "Enable first-party analytics",
+  "item.link": "Link",
+  "item.career": "Position",
+  "item.project": "Project",
+  "item.skill": "Skill",
+  "empty.links": "No links yet.",
+  "empty.careers": "No positions yet.",
+  "empty.projects": "No projects yet.",
+  "empty.skills": "No skills yet.",
+  "hint.avatarNoUpload": "Paste an image URL. Uploading image files is not available yet.",
+  "hint.avatarUpload": "Paste an image URL, or upload a JPEG, PNG, WebP, or GIF.",
+  "hint.month": "Format: YYYY-MM (e.g. 2024-03).",
+  "hint.country": "ISO 3166-1 alpha-2 code, e.g. US.",
+  "hint.tags": "Comma-separated.",
+  "hint.locales": "Comma-separated BCP-47 tags, e.g. en, ja. Drives the language tabs above.",
+  "advanced.hint": "Edit the entire document as JSON. Edits apply only while the JSON is valid.",
+  "advanced.invalid": "The JSON is not a valid takuhon document:",
+  "option.none": "(none)"
+};
+var DICTIONARIES = {
+  en: EN
+};
+function getAdminLabel(key, locale = "en") {
+  const exact = DICTIONARIES[locale]?.[key];
+  if (exact !== void 0) return exact;
+  const base = locale.split("-")[0];
+  const baseMatch = base ? DICTIONARIES[base]?.[key] : void 0;
+  return baseMatch ?? EN[key];
+}
+
+// src/admin/primitives/ImageField.tsx
+import styles6 from "../ImageField.module-CC3IBMDB.module.css";
+import controls from "../controls.module-CMB7V22N.module.css";
 import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var ACCEPT = "image/jpeg,image/png,image/webp,image/gif";
+function ImageField({
+  label,
+  value,
+  onChange,
+  errors,
+  hint,
+  uploadAsset
+}) {
+  const fileId = useId3();
+  const statusId = useId3();
+  const fileRef = useRef(null);
+  const [busy, setBusy] = useState(false);
+  const [uploadError, setUploadError] = useState(null);
+  const handleFile = (event) => {
+    const file = event.target.files?.[0];
+    if (!file || uploadAsset === void 0) return;
+    setBusy(true);
+    setUploadError(null);
+    uploadAsset(file).then((result) => {
+      if (result.status === "uploaded") {
+        onChange(result.url);
+      } else {
+        setUploadError(result.message ?? getAdminLabel("status.uploadError"));
+      }
+    }).catch(() => {
+      setUploadError(getAdminLabel("status.uploadError"));
+    }).finally(() => {
+      setBusy(false);
+      if (fileRef.current) fileRef.current.value = "";
+    });
+  };
+  return /* @__PURE__ */ jsx6(Field, { label, errors, hint, children: ({ controlId, describedBy, invalid }) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx6(
+      "input",
+      {
+        id: controlId,
+        className: controls.control,
+        type: "url",
+        value,
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": describedBy,
+        onChange: (event) => {
+          onChange(event.target.value);
+        }
+      }
+    ),
+    uploadAsset !== void 0 ? /* @__PURE__ */ jsxs3("div", { className: styles6.uploadRow, children: [
+      /* @__PURE__ */ jsx6("label", { className: styles6.uploadLabel, htmlFor: fileId, children: getAdminLabel("field.avatarUpload") }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          id: fileId,
+          ref: fileRef,
+          type: "file",
+          accept: ACCEPT,
+          disabled: busy,
+          "aria-describedby": statusId,
+          onChange: handleFile
+        }
+      ),
+      /* @__PURE__ */ jsx6("span", { className: styles6.uploadStatus, id: statusId, role: "status", "aria-live": "polite", children: busy ? getAdminLabel("status.uploading") : "" }),
+      uploadError !== null ? /* @__PURE__ */ jsx6("span", { className: styles6.uploadError, role: "alert", children: uploadError }) : null
+    ] }) : null
+  ] }) });
+}
+
+// src/admin/primitives/LocaleTabs.tsx
+import { useId as useId4, useRef as useRef2, useState as useState2 } from "react";
+import styles7 from "../LocaleTabs.module-IEEC6Q27.module.css";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function LocaleTabs({
   label,
   value,
@@ -194,17 +369,17 @@ function LocaleTabs({
   pointer,
   formatLocale
 }) {
-  const baseId = useId3();
-  const hintId = useId3();
-  const errorId = useId3();
-  const [active, setActive] = useState(() => locales[0] ?? "");
-  const tabRefs = useRef({});
+  const baseId = useId4();
+  const hintId = useId4();
+  const errorId = useId4();
+  const [active, setActive] = useState2(() => locales[0] ?? "");
+  const tabRefs = useRef2({});
   const format = formatLocale ?? ((locale) => locale);
   const labelId = `${baseId}-label`;
   if (locales.length === 0) {
-    return /* @__PURE__ */ jsxs3("div", { className: styles6.group, role: "group", "aria-labelledby": labelId, children: [
-      /* @__PURE__ */ jsx6("span", { className: styles6.groupLabel, id: labelId, children: label }),
-      /* @__PURE__ */ jsx6("p", { className: styles6.hint, children: "No locales are configured yet; add one under Settings." })
+    return /* @__PURE__ */ jsxs4("div", { className: styles7.group, role: "group", "aria-labelledby": labelId, children: [
+      /* @__PURE__ */ jsx7("span", { className: styles7.groupLabel, id: labelId, children: label }),
+      /* @__PURE__ */ jsx7("p", { className: styles7.hint, children: "No locales are configured yet; add one under Settings." })
     ] });
   }
   const activeLocale = locales.includes(active) ? active : locales[0];
@@ -249,16 +424,16 @@ function LocaleTabs({
     }
   };
   const controlName = `${label} (${format(activeLocale)})`;
-  return /* @__PURE__ */ jsxs3("div", { className: styles6.group, role: "group", "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsxs3("span", { className: styles6.groupLabel, id: labelId, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: styles7.group, role: "group", "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsxs4("span", { className: styles7.groupLabel, id: labelId, children: [
       label,
-      required ? /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: " *" }) : null
+      required ? /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: " *" }) : null
     ] }),
-    hint ? /* @__PURE__ */ jsx6("p", { className: styles6.hint, id: hintId, children: hint }) : null,
-    /* @__PURE__ */ jsx6("div", { className: styles6.tablist, role: "tablist", "aria-label": label, children: locales.map((locale) => {
+    hint ? /* @__PURE__ */ jsx7("p", { className: styles7.hint, id: hintId, children: hint }) : null,
+    /* @__PURE__ */ jsx7("div", { className: styles7.tablist, role: "tablist", "aria-label": label, children: locales.map((locale) => {
       const selected = locale === activeLocale;
       const tabHasErrors = pointer ? hasErrorsUnder(errors, `${pointer}/${locale}`) : false;
-      return /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs4(
         "button",
         {
           ref: (element) => {
@@ -270,37 +445,37 @@ function LocaleTabs({
           "aria-selected": selected,
           "aria-controls": `${baseId}-panel`,
           tabIndex: selected ? 0 : -1,
-          className: `${styles6.tab} ${selected ? styles6.tabActive : ""}`,
+          className: `${styles7.tab} ${selected ? styles7.tabActive : ""}`,
           onClick: () => {
             setActive(locale);
           },
           onKeyDown: onTabKeyDown,
           children: [
             format(locale),
-            tabHasErrors ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-              /* @__PURE__ */ jsxs3("span", { className: styles6.tabError, "aria-hidden": "true", children: [
+            tabHasErrors ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+              /* @__PURE__ */ jsxs4("span", { className: styles7.tabError, "aria-hidden": "true", children: [
                 " ",
                 "\u25CF"
               ] }),
-              /* @__PURE__ */ jsx6("span", { className: styles6.srOnly, children: " (has errors)" })
+              /* @__PURE__ */ jsx7("span", { className: styles7.srOnly, children: " (has errors)" })
             ] }) : null
           ]
         },
         locale
       );
     }) }),
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs4(
       "div",
       {
         role: "tabpanel",
         id: `${baseId}-panel`,
         "aria-labelledby": `${baseId}-tab-${activeLocale}`,
-        className: styles6.panel,
+        className: styles7.panel,
         children: [
-          multiline ? /* @__PURE__ */ jsx6(
+          multiline ? /* @__PURE__ */ jsx7(
             "textarea",
             {
-              className: `${styles6.control} ${styles6.textarea}`,
+              className: `${styles7.control} ${styles7.textarea}`,
               value: text,
               rows: 4,
               "aria-label": controlName,
@@ -311,10 +486,10 @@ function LocaleTabs({
                 setText(event.target.value);
               }
             }
-          ) : /* @__PURE__ */ jsx6(
+          ) : /* @__PURE__ */ jsx7(
             "input",
             {
-              className: styles6.control,
+              className: styles7.control,
               type: "text",
               value: text,
               "aria-label": controlName,
@@ -326,7 +501,7 @@ function LocaleTabs({
               }
             }
           ),
-          hasErrors ? /* @__PURE__ */ jsx6("ul", { className: styles6.errors, id: errorId, children: shownErrors.map((message, i) => /* @__PURE__ */ jsx6("li", { children: message }, i)) }) : null
+          hasErrors ? /* @__PURE__ */ jsx7("ul", { className: styles7.errors, id: errorId, children: shownErrors.map((message, i) => /* @__PURE__ */ jsx7("li", { children: message }, i)) }) : null
         ]
       }
     )
@@ -334,8 +509,8 @@ function LocaleTabs({
 }
 
 // src/admin/primitives/Repeater.tsx
-import styles7 from "../Repeater.module-MWSEKS4G.module.css";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import styles8 from "../Repeater.module-MWSEKS4G.module.css";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function Repeater({
   legend,
   items,
@@ -367,20 +542,20 @@ function Repeater({
     copy.splice(to, 0, moved);
     onChange(copy);
   };
-  return /* @__PURE__ */ jsxs4("fieldset", { className: styles7.fieldset, children: [
-    /* @__PURE__ */ jsx7("legend", { className: styles7.legend, children: legend }),
-    items.length === 0 && emptyHint ? /* @__PURE__ */ jsx7("p", { className: styles7.empty, children: emptyHint }) : null,
-    /* @__PURE__ */ jsx7("ol", { className: styles7.list, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxs5("fieldset", { className: styles8.fieldset, children: [
+    /* @__PURE__ */ jsx8("legend", { className: styles8.legend, children: legend }),
+    items.length === 0 && emptyHint ? /* @__PURE__ */ jsx8("p", { className: styles8.empty, children: emptyHint }) : null,
+    /* @__PURE__ */ jsx8("ol", { className: styles8.list, children: items.map((item, index) => {
       const caption = itemLabel(item, index);
-      return /* @__PURE__ */ jsx7("li", { className: styles7.item, children: /* @__PURE__ */ jsxs4("div", { role: "group", "aria-label": caption, children: [
-        /* @__PURE__ */ jsxs4("div", { className: styles7.itemHeader, children: [
-          /* @__PURE__ */ jsx7("span", { className: styles7.itemCaption, children: caption }),
-          /* @__PURE__ */ jsxs4("div", { className: styles7.itemActions, children: [
-            /* @__PURE__ */ jsx7(
+      return /* @__PURE__ */ jsx8("li", { className: styles8.item, children: /* @__PURE__ */ jsxs5("div", { role: "group", "aria-label": caption, children: [
+        /* @__PURE__ */ jsxs5("div", { className: styles8.itemHeader, children: [
+          /* @__PURE__ */ jsx8("span", { className: styles8.itemCaption, children: caption }),
+          /* @__PURE__ */ jsxs5("div", { className: styles8.itemActions, children: [
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
-                className: styles7.iconButton,
+                className: styles8.iconButton,
                 "aria-label": `${moveUpLabel}: ${caption}`,
                 disabled: index === 0,
                 onClick: () => {
@@ -389,11 +564,11 @@ function Repeater({
                 children: "\u2191"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
-                className: styles7.iconButton,
+                className: styles8.iconButton,
                 "aria-label": `${moveDownLabel}: ${caption}`,
                 disabled: index === items.length - 1,
                 onClick: () => {
@@ -402,11 +577,11 @@ function Repeater({
                 children: "\u2193"
               }
             ),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
-                className: styles7.removeButton,
+                className: styles8.removeButton,
                 "aria-label": `${removeLabel}: ${caption}`,
                 onClick: () => {
                   remove(index);
@@ -416,7 +591,7 @@ function Repeater({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx7("div", { className: styles7.itemBody, children: renderItem(
+        /* @__PURE__ */ jsx8("div", { className: styles8.itemBody, children: renderItem(
           item,
           (next) => {
             update(index, next);
@@ -425,11 +600,11 @@ function Repeater({
         ) })
       ] }) }, key(item, index));
     }) }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
-        className: styles7.addButton,
+        className: styles8.addButton,
         onClick: () => {
           onChange([...items, createItem()]);
         },
@@ -439,106 +614,9 @@ function Repeater({
   ] });
 }
 
-// src/admin/admin-labels.ts
-var EN = {
-  "app.title": "takuhon admin",
-  "toolbar.label": "Editor actions",
-  "mode.label": "Editing mode",
-  "mode.form": "Form",
-  "mode.advanced": "Advanced (JSON)",
-  "action.save": "Save",
-  "action.reload": "Reload",
-  "action.export": "Export",
-  "action.import": "Import",
-  "action.add": "Add",
-  "action.remove": "Remove",
-  "action.moveUp": "Move up",
-  "action.moveDown": "Move down",
-  "status.saving": "Saving\u2026",
-  "status.saved": "Saved.",
-  "status.loading": "Loading\u2026",
-  "status.conflict": "The profile changed on the server since it was loaded. Reload, then reapply the edits.",
-  "status.invalid": "Some fields need attention before saving.",
-  "status.fixSummary": "Please fix the following:",
-  "status.error": "Something went wrong. Please try again.",
-  "status.imported": "Imported. Review the fields, then save to apply.",
-  "status.importInvalid": "The imported file is not a valid takuhon document.",
-  "section.profile": "Profile",
-  "section.about": "About",
-  "section.links": "Links",
-  "section.careers": "Experience",
-  "section.projects": "Projects",
-  "section.skills": "Skills",
-  "section.settings": "Settings",
-  "field.displayName": "Display name",
-  "field.tagline": "Tagline",
-  "field.bio": "Bio",
-  "field.avatarUrl": "Avatar URL",
-  "field.avatarAlt": "Avatar alternative text",
-  "field.location.country": "Country",
-  "field.location.region": "Region",
-  "field.location.locality": "Locality",
-  "field.location.display": "Location (display)",
-  "field.link.type": "Type",
-  "field.link.url": "URL",
-  "field.link.label": "Label",
-  "field.link.iconUrl": "Icon URL",
-  "field.link.featured": "Featured",
-  "field.career.organization": "Organization",
-  "field.career.role": "Role",
-  "field.career.description": "Description",
-  "field.career.startDate": "Start",
-  "field.career.endDate": "End",
-  "field.career.isCurrent": "Current position",
-  "field.career.url": "URL",
-  "field.project.title": "Title",
-  "field.project.description": "Description",
-  "field.project.url": "URL",
-  "field.project.tags": "Tags",
-  "field.project.highlighted": "Highlighted",
-  "field.project.startDate": "Start",
-  "field.project.endDate": "End",
-  "field.skill.label": "Label",
-  "field.skill.category": "Category",
-  "field.settings.defaultLocale": "Default locale",
-  "field.settings.fallbackLocale": "Fallback locale",
-  "field.settings.availableLocales": "Available locales",
-  "field.settings.theme": "Theme",
-  "field.settings.showPoweredBy": 'Show the "Powered by takuhon" footer',
-  "field.settings.enableJsonLd": "Emit Schema.org JSON-LD",
-  "field.settings.enableApi": "Expose the public read API",
-  "field.settings.enableAnalytics": "Enable first-party analytics",
-  "item.link": "Link",
-  "item.career": "Position",
-  "item.project": "Project",
-  "item.skill": "Skill",
-  "empty.links": "No links yet.",
-  "empty.careers": "No positions yet.",
-  "empty.projects": "No projects yet.",
-  "empty.skills": "No skills yet.",
-  "hint.avatarNoUpload": "Paste an image URL. Uploading image files is not available yet.",
-  "hint.month": "Format: YYYY-MM (e.g. 2024-03).",
-  "hint.country": "ISO 3166-1 alpha-2 code, e.g. US.",
-  "hint.tags": "Comma-separated.",
-  "hint.locales": "Comma-separated BCP-47 tags, e.g. en, ja. Drives the language tabs above.",
-  "advanced.hint": "Edit the entire document as JSON. Edits apply only while the JSON is valid.",
-  "advanced.invalid": "The JSON is not a valid takuhon document:",
-  "option.none": "(none)"
-};
-var DICTIONARIES = {
-  en: EN
-};
-function getAdminLabel(key, locale = "en") {
-  const exact = DICTIONARIES[locale]?.[key];
-  if (exact !== void 0) return exact;
-  const base = locale.split("-")[0];
-  const baseMatch = base ? DICTIONARIES[base]?.[key] : void 0;
-  return baseMatch ?? EN[key];
-}
-
 // src/admin/sections/ProfileForm.tsx
-import styles8 from "../sections.module-ZVBKZHDE.module.css";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import styles9 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var POINTER = "/profile";
 function isEmptyRecord(record) {
   return !record || Object.keys(record).length === 0;
@@ -548,7 +626,8 @@ function ProfileForm({
   onChange,
   locales,
   errors = NO_FIELD_ERRORS,
-  formatLocale
+  formatLocale,
+  uploadAsset
 }) {
   const updateAvatar = (patch) => {
     const merged = { url: "", ...value.avatar, ...patch };
@@ -561,9 +640,9 @@ function ProfileForm({
     onChange({ ...value, location: empty ? void 0 : merged });
   };
   const headingId = "admin-section-profile";
-  return /* @__PURE__ */ jsxs5("section", { className: styles8.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx8("h2", { className: styles8.heading, id: headingId, children: getAdminLabel("section.profile") }),
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs6("section", { className: styles9.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx9("h2", { className: styles9.heading, id: headingId, children: getAdminLabel("section.profile") }),
+    /* @__PURE__ */ jsx9(
       LocaleTabs,
       {
         label: getAdminLabel("field.displayName"),
@@ -578,7 +657,7 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       LocaleTabs,
       {
         label: getAdminLabel("field.tagline"),
@@ -592,8 +671,8 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx8("h3", { className: styles8.subheading, children: getAdminLabel("section.about") }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("h3", { className: styles9.subheading, children: getAdminLabel("section.about") }),
+    /* @__PURE__ */ jsx9(
       LocaleTabs,
       {
         label: getAdminLabel("field.bio"),
@@ -608,20 +687,20 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx8(
-      TextField,
+    /* @__PURE__ */ jsx9(
+      ImageField,
       {
         label: getAdminLabel("field.avatarUrl"),
-        type: "url",
         value: value.avatar?.url ?? "",
         onChange: (url) => {
           updateAvatar({ url });
         },
-        hint: getAdminLabel("hint.avatarNoUpload"),
-        errors: errorsAt(errors, `${POINTER}/avatar/url`)
+        hint: getAdminLabel(uploadAsset ? "hint.avatarUpload" : "hint.avatarNoUpload"),
+        errors: errorsAt(errors, `${POINTER}/avatar/url`),
+        uploadAsset
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       LocaleTabs,
       {
         label: getAdminLabel("field.avatarAlt"),
@@ -635,7 +714,7 @@ function ProfileForm({
         formatLocale
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       TextField,
       {
         label: getAdminLabel("field.location.country"),
@@ -647,7 +726,7 @@ function ProfileForm({
         errors: errorsAt(errors, `${POINTER}/location/country`)
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       TextField,
       {
         label: getAdminLabel("field.location.region"),
@@ -658,7 +737,7 @@ function ProfileForm({
         errors: errorsAt(errors, `${POINTER}/location/region`)
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       LocaleTabs,
       {
         label: getAdminLabel("field.location.locality"),
@@ -685,7 +764,7 @@ function makeId(prefix, taken) {
 }
 
 // src/admin/sections/LinksForm.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var LINK_TYPES = [
   "website",
   "blog",
@@ -737,7 +816,7 @@ function LinksForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Repeater,
     {
       legend: getAdminLabel("section.links"),
@@ -760,8 +839,8 @@ function LinksForm({
       emptyHint: getAdminLabel("empty.links"),
       renderItem: (link, update, index) => {
         const at = `/links/${String(index)}`;
-        return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-          /* @__PURE__ */ jsx9(
+        return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          /* @__PURE__ */ jsx10(
             SelectField,
             {
               label: getAdminLabel("field.link.type"),
@@ -773,7 +852,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/type`)
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             TextField,
             {
               label: getAdminLabel("field.link.url"),
@@ -786,7 +865,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/url`)
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             LocaleTabs,
             {
               label: getAdminLabel("field.link.label"),
@@ -800,7 +879,7 @@ function LinksForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             TextField,
             {
               label: getAdminLabel("field.link.iconUrl"),
@@ -813,7 +892,7 @@ function LinksForm({
               errors: errorsAt(errors, `${at}/iconUrl`)
             }
           ),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             CheckboxField,
             {
               label: getAdminLabel("field.link.featured"),
@@ -840,7 +919,7 @@ function firstLocalized(record, locales) {
 }
 
 // src/admin/sections/CareersForm.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function CareersForm({
   value,
   onChange,
@@ -848,7 +927,7 @@ function CareersForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Repeater,
     {
       legend: getAdminLabel("section.careers"),
@@ -872,8 +951,8 @@ function CareersForm({
       emptyHint: getAdminLabel("empty.careers"),
       renderItem: (career, update, index) => {
         const at = `/careers/${String(index)}`;
-        return /* @__PURE__ */ jsxs7(Fragment3, { children: [
-          /* @__PURE__ */ jsx10(
+        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          /* @__PURE__ */ jsx11(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.organization"),
@@ -888,7 +967,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.role"),
@@ -903,7 +982,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             TextField,
             {
               label: getAdminLabel("field.career.startDate"),
@@ -917,7 +996,7 @@ function CareersForm({
               errors: errorsAt(errors, `${at}/startDate`)
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             TextField,
             {
               label: getAdminLabel("field.career.endDate"),
@@ -930,7 +1009,7 @@ function CareersForm({
               errors: errorsAt(errors, `${at}/endDate`)
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             CheckboxField,
             {
               label: getAdminLabel("field.career.isCurrent"),
@@ -940,7 +1019,7 @@ function CareersForm({
               }
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             LocaleTabs,
             {
               label: getAdminLabel("field.career.description"),
@@ -955,7 +1034,7 @@ function CareersForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             TextField,
             {
               label: getAdminLabel("field.career.url"),
@@ -974,7 +1053,7 @@ function CareersForm({
 }
 
 // src/admin/sections/ProjectsForm.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function parseTags(input) {
   const tags = input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
   return tags.length > 0 ? tags : void 0;
@@ -986,7 +1065,7 @@ function ProjectsForm({
   errors = NO_FIELD_ERRORS,
   formatLocale
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Repeater,
     {
       legend: getAdminLabel("section.projects"),
@@ -1008,8 +1087,8 @@ function ProjectsForm({
       emptyHint: getAdminLabel("empty.projects"),
       renderItem: (project, update, index) => {
         const at = `/projects/${String(index)}`;
-        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx11(
+        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx12(
             LocaleTabs,
             {
               label: getAdminLabel("field.project.title"),
@@ -1024,7 +1103,7 @@ function ProjectsForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             LocaleTabs,
             {
               label: getAdminLabel("field.project.description"),
@@ -1039,7 +1118,7 @@ function ProjectsForm({
               formatLocale
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.project.url"),
@@ -1051,7 +1130,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/url`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.project.tags"),
@@ -1063,7 +1142,7 @@ function ProjectsForm({
               errors: collectErrorsUnder(errors, `${at}/tags`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.project.startDate"),
@@ -1076,7 +1155,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/startDate`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             TextField,
             {
               label: getAdminLabel("field.project.endDate"),
@@ -1089,7 +1168,7 @@ function ProjectsForm({
               errors: errorsAt(errors, `${at}/endDate`)
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             CheckboxField,
             {
               label: getAdminLabel("field.project.highlighted"),
@@ -1106,13 +1185,13 @@ function ProjectsForm({
 }
 
 // src/admin/sections/SkillsForm.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function SkillsForm({
   value,
   onChange,
   errors = NO_FIELD_ERRORS
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Repeater,
     {
       legend: getAdminLabel("section.skills"),
@@ -1134,8 +1213,8 @@ function SkillsForm({
       emptyHint: getAdminLabel("empty.skills"),
       renderItem: (skill, update, index) => {
         const at = `/skills/${String(index)}`;
-        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.skill.label"),
@@ -1147,7 +1226,7 @@ function SkillsForm({
               errors: errorsAt(errors, `${at}/label`)
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             TextField,
             {
               label: getAdminLabel("field.skill.category"),
@@ -1165,8 +1244,8 @@ function SkillsForm({
 }
 
 // src/admin/sections/SettingsForm.tsx
-import styles9 from "../sections.module-ZVBKZHDE.module.css";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import styles10 from "../sections.module-ZVBKZHDE.module.css";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function parseLocales(input) {
   return input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
 }
@@ -1182,9 +1261,9 @@ function SettingsForm({
     label: format(locale)
   }));
   const headingId = "admin-section-settings";
-  return /* @__PURE__ */ jsxs10("section", { className: styles9.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx13("h2", { className: styles9.heading, id: headingId, children: getAdminLabel("section.settings") }),
-    /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs11("section", { className: styles10.section, "aria-labelledby": headingId, children: [
+    /* @__PURE__ */ jsx14("h2", { className: styles10.heading, id: headingId, children: getAdminLabel("section.settings") }),
+    /* @__PURE__ */ jsx14(
       TextField,
       {
         label: getAdminLabel("field.settings.availableLocales"),
@@ -1197,7 +1276,7 @@ function SettingsForm({
         errors: collectErrorsUnder(errors, "/settings/availableLocales")
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       SelectField,
       {
         label: getAdminLabel("field.settings.defaultLocale"),
@@ -1210,7 +1289,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/defaultLocale")
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       SelectField,
       {
         label: getAdminLabel("field.settings.fallbackLocale"),
@@ -1222,7 +1301,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/fallbackLocale")
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       TextField,
       {
         label: getAdminLabel("field.settings.theme"),
@@ -1233,7 +1312,7 @@ function SettingsForm({
         errors: errorsAt(errors, "/settings/theme")
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.showPoweredBy"),
@@ -1243,7 +1322,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableJsonLd"),
@@ -1253,7 +1332,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableApi"),
@@ -1263,7 +1342,7 @@ function SettingsForm({
         }
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       CheckboxField,
       {
         label: getAdminLabel("field.settings.enableAnalytics"),
@@ -1278,15 +1357,15 @@ function SettingsForm({
 
 // src/admin/RawJsonEditor.tsx
 import { validate } from "@takuhon/core";
-import { useId as useId4, useState as useState2 } from "react";
-import styles10 from "../RawJsonEditor.module-NGGM3IBY.module.css";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useId as useId5, useState as useState3 } from "react";
+import styles11 from "../RawJsonEditor.module-NGGM3IBY.module.css";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var MAX_SHOWN_PROBLEMS = 50;
 function RawJsonEditor({ value, onChange }) {
-  const [text, setText] = useState2(() => JSON.stringify(value, null, 2));
-  const [problems, setProblems] = useState2([]);
-  const labelId = useId4();
-  const errorId = useId4();
+  const [text, setText] = useState3(() => JSON.stringify(value, null, 2));
+  const [problems, setProblems] = useState3([]);
+  const labelId = useId5();
+  const errorId = useId5();
   const apply = (next) => {
     setText(next);
     let parsed;
@@ -1307,13 +1386,13 @@ function RawJsonEditor({ value, onChange }) {
     onChange(result.data);
   };
   const hasProblems = problems.length > 0;
-  return /* @__PURE__ */ jsxs11("section", { className: styles10.wrapper, "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsx14("h2", { className: styles10.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
-    /* @__PURE__ */ jsx14("p", { className: styles10.hint, children: getAdminLabel("advanced.hint") }),
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs12("section", { className: styles11.wrapper, "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx15("h2", { className: styles11.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
+    /* @__PURE__ */ jsx15("p", { className: styles11.hint, children: getAdminLabel("advanced.hint") }),
+    /* @__PURE__ */ jsx15(
       "textarea",
       {
-        className: styles10.textarea,
+        className: styles11.textarea,
         value: text,
         spellCheck: false,
         "aria-label": getAdminLabel("mode.advanced"),
@@ -1324,33 +1403,34 @@ function RawJsonEditor({ value, onChange }) {
         }
       }
     ),
-    hasProblems ? /* @__PURE__ */ jsxs11("div", { className: styles10.problems, id: errorId, role: "alert", children: [
-      /* @__PURE__ */ jsx14("p", { className: styles10.problemsTitle, children: getAdminLabel("advanced.invalid") }),
-      /* @__PURE__ */ jsx14("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx14("li", { children: problem }, i)) })
+    hasProblems ? /* @__PURE__ */ jsxs12("div", { className: styles11.problems, id: errorId, role: "alert", children: [
+      /* @__PURE__ */ jsx15("p", { className: styles11.problemsTitle, children: getAdminLabel("advanced.invalid") }),
+      /* @__PURE__ */ jsx15("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx15("li", { children: problem }, i)) })
     ] }) : null
   ] });
 }
 
 // src/admin/AdminEditor.tsx
 import { validate as validate2 } from "@takuhon/core";
-import { useRef as useRef2, useState as useState3 } from "react";
-import styles11 from "../AdminEditor.module-ABYQXFN4.module.css";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useRef as useRef3, useState as useState4 } from "react";
+import styles12 from "../AdminEditor.module-ABYQXFN4.module.css";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function AdminEditor({
   initialDocument,
   onSave,
   onReload,
   onExport,
   onImport,
-  formatLocale
+  formatLocale,
+  uploadAsset
 }) {
-  const [draft, setDraft] = useState3(initialDocument);
-  const [mode, setMode] = useState3("form");
-  const [errors, setErrors] = useState3(NO_FIELD_ERRORS);
-  const [status, setStatus] = useState3(null);
-  const [busy, setBusy] = useState3(false);
-  const [loadGen, setLoadGen] = useState3(0);
-  const intentRef = useRef2(0);
+  const [draft, setDraft] = useState4(initialDocument);
+  const [mode, setMode] = useState4("form");
+  const [errors, setErrors] = useState4(NO_FIELD_ERRORS);
+  const [status, setStatus] = useState4(null);
+  const [busy, setBusy] = useState4(false);
+  const [loadGen, setLoadGen] = useState4(0);
+  const intentRef = useRef3(0);
   const locales = draft.settings.availableLocales;
   const updateDraft = (next) => {
     intentRef.current += 1;
@@ -1437,14 +1517,14 @@ function AdminEditor({
   const errorEntries = [...errors].flatMap(
     ([pointer, messages]) => messages.map((message) => ({ pointer, message }))
   );
-  return /* @__PURE__ */ jsxs12("div", { className: styles11.editor, children: [
-    /* @__PURE__ */ jsxs12("div", { className: styles11.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
-      /* @__PURE__ */ jsxs12("div", { className: styles11.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
-        /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs13("div", { className: styles12.editor, children: [
+    /* @__PURE__ */ jsxs13("div", { className: styles12.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
+      /* @__PURE__ */ jsxs13("div", { className: styles12.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: `${styles11.modeButton} ${mode === "form" ? styles11.modeActive : ""}`,
+            className: `${styles12.modeButton} ${mode === "form" ? styles12.modeActive : ""}`,
             "aria-pressed": mode === "form",
             onClick: () => {
               setMode("form");
@@ -1452,11 +1532,11 @@ function AdminEditor({
             children: getAdminLabel("mode.form")
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: `${styles11.modeButton} ${mode === "advanced" ? styles11.modeActive : ""}`,
+            className: `${styles12.modeButton} ${mode === "advanced" ? styles12.modeActive : ""}`,
             "aria-pressed": mode === "advanced",
             onClick: () => {
               setMode("advanced");
@@ -1465,12 +1545,12 @@ function AdminEditor({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: styles11.actions, children: [
-        /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsxs13("div", { className: styles12.actions, children: [
+        /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: styles11.primary,
+            className: styles12.primary,
             disabled: busy,
             onClick: () => {
               void handleSave();
@@ -1478,11 +1558,11 @@ function AdminEditor({
             children: getAdminLabel("action.save")
           }
         ),
-        onReload ? /* @__PURE__ */ jsx15(
+        onReload ? /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: styles11.secondary,
+            className: styles12.secondary,
             disabled: busy,
             onClick: () => {
               void handleReload();
@@ -1490,22 +1570,22 @@ function AdminEditor({
             children: getAdminLabel("action.reload")
           }
         ) : null,
-        onExport ? /* @__PURE__ */ jsx15(
+        onExport ? /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: styles11.secondary,
+            className: styles12.secondary,
             onClick: () => {
               onExport(draft);
             },
             children: getAdminLabel("action.export")
           }
         ) : null,
-        onImport ? /* @__PURE__ */ jsx15(
+        onImport ? /* @__PURE__ */ jsx16(
           "button",
           {
             type: "button",
-            className: styles11.secondary,
+            className: styles12.secondary,
             disabled: busy,
             onClick: () => {
               void handleImport();
@@ -1515,13 +1595,13 @@ function AdminEditor({
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx15("p", { className: styles11.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
-    errorEntries.length > 0 ? /* @__PURE__ */ jsxs12("section", { className: styles11.summary, "aria-labelledby": "admin-error-summary", children: [
-      /* @__PURE__ */ jsx15("h2", { className: styles11.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
-      /* @__PURE__ */ jsx15("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx15("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
+    /* @__PURE__ */ jsx16("p", { className: styles12.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
+    errorEntries.length > 0 ? /* @__PURE__ */ jsxs13("section", { className: styles12.summary, "aria-labelledby": "admin-error-summary", children: [
+      /* @__PURE__ */ jsx16("h2", { className: styles12.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
+      /* @__PURE__ */ jsx16("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx16("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
     ] }) : null,
-    mode === "form" ? /* @__PURE__ */ jsxs12("div", { className: styles11.sections, children: [
-      /* @__PURE__ */ jsx15(
+    mode === "form" ? /* @__PURE__ */ jsxs13("div", { className: styles12.sections, children: [
+      /* @__PURE__ */ jsx16(
         ProfileForm,
         {
           value: draft.profile,
@@ -1530,10 +1610,11 @@ function AdminEditor({
           },
           locales,
           errors,
-          formatLocale
+          formatLocale,
+          uploadAsset
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         LinksForm,
         {
           value: draft.links,
@@ -1545,7 +1626,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         CareersForm,
         {
           value: draft.careers,
@@ -1557,7 +1638,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         ProjectsForm,
         {
           value: draft.projects,
@@ -1569,7 +1650,7 @@ function AdminEditor({
           formatLocale
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         SkillsForm,
         {
           value: draft.skills,
@@ -1579,7 +1660,7 @@ function AdminEditor({
           errors
         }
       ),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(
         SettingsForm,
         {
           value: draft.settings,
@@ -1590,7 +1671,7 @@ function AdminEditor({
           formatLocale
         }
       )
-    ] }) : /* @__PURE__ */ jsx15(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
+    ] }) : /* @__PURE__ */ jsx16(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
   ] });
 }
 export {
@@ -1598,6 +1679,7 @@ export {
   CareersForm,
   CheckboxField,
   Field,
+  ImageField,
   LinksForm,
   LocaleTabs,
   NO_FIELD_ERRORS,