@takuhon/ui 0.24.0 → 1.0.0

package/dist/admin/index.js

@@ -214,6 +214,19 @@ var EN = {
   "section.projects": "Projects",
   "section.skills": "Skills",
   "section.settings": "Settings",
+  "section.education": "Education",
+  "section.certifications": "Certifications",
+  "section.publications": "Publications",
+  "section.honors": "Honors & awards",
+  "section.volunteering": "Volunteering",
+  "section.memberships": "Memberships",
+  "section.languages": "Languages",
+  "section.courses": "Courses",
+  "section.patents": "Patents",
+  "section.testScores": "Test scores",
+  "section.recommendations": "Recommendations",
+  "section.contact": "Contact",
+  "section.meta": "Metadata",
   "field.displayName": "Display name",
   "field.tagline": "Tagline",
   "field.bio": "Bio",
@@ -683,154 +696,6 @@ function Repeater({
   ] });
 }
 
-// src/admin/sections/ProfileForm.tsx
-import styles10 from "../sections.module-7MUK6I3V.module.css";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var POINTER = "/profile";
-function isEmptyRecord(record) {
-  return !record || Object.keys(record).length === 0;
-}
-function ProfileForm({
-  value,
-  onChange,
-  locales,
-  errors = NO_FIELD_ERRORS,
-  formatLocale,
-  uploadAsset
-}) {
-  const updateAvatar = (patch) => {
-    const merged = { url: "", ...value.avatar, ...patch };
-    const keep = merged.url !== "" || !isEmptyRecord(merged.alt);
-    onChange({ ...value, avatar: keep ? merged : void 0 });
-  };
-  const updateLocation = (patch) => {
-    const merged = { ...value.location, ...patch };
-    const empty = !merged.country && !merged.region && isEmptyRecord(merged.locality) && isEmptyRecord(merged.display);
-    onChange({ ...value, location: empty ? void 0 : merged });
-  };
-  const headingId = "admin-section-profile";
-  return /* @__PURE__ */ jsxs7("section", { className: styles10.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx10("h2", { className: styles10.heading, id: headingId, children: getAdminLabel("section.profile") }),
-    /* @__PURE__ */ jsx10(
-      LocaleTabs,
-      {
-        label: getAdminLabel("field.displayName"),
-        value: value.displayName,
-        locales,
-        onChange: (next) => {
-          onChange({ ...value, displayName: next ?? {} });
-        },
-        required: true,
-        pointer: `${POINTER}/displayName`,
-        errors,
-        formatLocale
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      LocaleTabs,
-      {
-        label: getAdminLabel("field.tagline"),
-        value: value.tagline,
-        locales,
-        onChange: (next) => {
-          onChange({ ...value, tagline: next });
-        },
-        pointer: `${POINTER}/tagline`,
-        errors,
-        formatLocale
-      }
-    ),
-    /* @__PURE__ */ jsx10("h3", { className: styles10.subheading, children: getAdminLabel("section.about") }),
-    /* @__PURE__ */ jsx10(
-      LocaleTabs,
-      {
-        label: getAdminLabel("field.bio"),
-        value: value.bio,
-        locales,
-        onChange: (next) => {
-          onChange({ ...value, bio: next });
-        },
-        multiline: true,
-        pointer: `${POINTER}/bio`,
-        errors,
-        formatLocale
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      ImageField,
-      {
-        label: getAdminLabel("field.avatarUrl"),
-        value: value.avatar?.url ?? "",
-        onChange: (url) => {
-          updateAvatar({ url });
-        },
-        hint: getAdminLabel(uploadAsset ? "hint.avatarUpload" : "hint.avatarNoUpload"),
-        errors: errorsAt(errors, `${POINTER}/avatar/url`),
-        uploadAsset
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      GravatarField,
-      {
-        onApply: (url) => {
-          updateAvatar({ url });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      LocaleTabs,
-      {
-        label: getAdminLabel("field.avatarAlt"),
-        value: value.avatar?.alt,
-        locales,
-        onChange: (next) => {
-          updateAvatar({ alt: next });
-        },
-        pointer: `${POINTER}/avatar/alt`,
-        errors,
-        formatLocale
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      TextField,
-      {
-        label: getAdminLabel("field.location.country"),
-        value: value.location?.country ?? "",
-        onChange: (country) => {
-          updateLocation({ country: country || void 0 });
-        },
-        hint: getAdminLabel("hint.country"),
-        errors: errorsAt(errors, `${POINTER}/location/country`)
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      TextField,
-      {
-        label: getAdminLabel("field.location.region"),
-        value: value.location?.region ?? "",
-        onChange: (region) => {
-          updateLocation({ region: region || void 0 });
-        },
-        errors: errorsAt(errors, `${POINTER}/location/region`)
-      }
-    ),
-    /* @__PURE__ */ jsx10(
-      LocaleTabs,
-      {
-        label: getAdminLabel("field.location.locality"),
-        value: value.location?.locality,
-        locales,
-        onChange: (next) => {
-          updateLocation({ locality: next });
-        },
-        pointer: `${POINTER}/location/locality`,
-        errors,
-        formatLocale
-      }
-    )
-  ] });
-}
-
 // src/admin/ids.ts
 function makeId(prefix, taken) {
   const safe = prefix.toLowerCase().replace(/[^a-z0-9-]/g, "") || "item";
@@ -840,151 +705,6 @@ function makeId(prefix, taken) {
   return `${safe}-${String(n)}`;
 }
 
-// src/admin/sections/LinksForm.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var LINK_TYPES = [
-  "website",
-  "blog",
-  "github",
-  "gitlab",
-  "linkedin",
-  "x",
-  "mastodon",
-  "bluesky",
-  "instagram",
-  "youtube",
-  "threads",
-  "facebook",
-  "email",
-  "rss",
-  "custom"
-];
-function retypeLink(link, type) {
-  if (type === "custom") {
-    return {
-      id: link.id,
-      url: link.url,
-      label: link.label,
-      featured: link.featured,
-      order: link.order,
-      type: "custom",
-      iconUrl: link.iconUrl ?? ""
-    };
-  }
-  const builtin = {
-    id: link.id,
-    url: link.url,
-    label: link.label,
-    featured: link.featured,
-    order: link.order,
-    type
-  };
-  if (link.iconUrl) builtin.iconUrl = link.iconUrl;
-  return builtin;
-}
-function setIconUrl(link, iconUrl) {
-  if (link.type === "custom") return { ...link, iconUrl };
-  return { ...link, iconUrl: iconUrl || void 0 };
-}
-function LinksForm({
-  value,
-  onChange,
-  locales,
-  errors = NO_FIELD_ERRORS,
-  formatLocale
-}) {
-  return /* @__PURE__ */ jsx11(
-    Repeater,
-    {
-      legend: getAdminLabel("section.links"),
-      items: value,
-      onChange,
-      keyOf: (link) => link.id,
-      itemLabel: (link, index) => link.url || `${getAdminLabel("item.link")} ${String(index + 1)}`,
-      createItem: () => ({
-        id: makeId(
-          "link",
-          value.map((l) => l.id)
-        ),
-        type: "website",
-        url: ""
-      }),
-      addLabel: getAdminLabel("action.add"),
-      removeLabel: getAdminLabel("action.remove"),
-      moveUpLabel: getAdminLabel("action.moveUp"),
-      moveDownLabel: getAdminLabel("action.moveDown"),
-      emptyHint: getAdminLabel("empty.links"),
-      renderItem: (link, update, index) => {
-        const at = `/links/${String(index)}`;
-        return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx11(
-            SelectField,
-            {
-              label: getAdminLabel("field.link.type"),
-              value: link.type,
-              options: LINK_TYPES.map((t) => ({ value: t, label: t })),
-              onChange: (t) => {
-                update(retypeLink(link, t));
-              },
-              errors: errorsAt(errors, `${at}/type`)
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            TextField,
-            {
-              label: getAdminLabel("field.link.url"),
-              type: "url",
-              value: link.url,
-              onChange: (url) => {
-                update({ ...link, url });
-              },
-              required: true,
-              errors: errorsAt(errors, `${at}/url`)
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.link.label"),
-              value: link.label,
-              locales,
-              onChange: (next) => {
-                update({ ...link, label: next });
-              },
-              pointer: `${at}/label`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            TextField,
-            {
-              label: getAdminLabel("field.link.iconUrl"),
-              type: "url",
-              value: link.iconUrl ?? "",
-              onChange: (iconUrl) => {
-                update(setIconUrl(link, iconUrl));
-              },
-              required: link.type === "custom",
-              errors: errorsAt(errors, `${at}/iconUrl`)
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            CheckboxField,
-            {
-              label: getAdminLabel("field.link.featured"),
-              checked: link.featured ?? false,
-              onChange: (featured) => {
-                update({ ...link, featured: featured || void 0 });
-              }
-            }
-          )
-        ] });
-      }
-    }
-  );
-}
-
 // src/admin/localized.ts
 function firstLocalized(record, locales) {
   if (!record) return "";
@@ -995,334 +715,453 @@ function firstLocalized(record, locales) {
   return Object.values(record).find((value) => value !== "") ?? "";
 }
 
-// src/admin/sections/CareersForm.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function CareersForm({
-  value,
-  onChange,
-  locales,
-  errors = NO_FIELD_ERRORS,
-  formatLocale
-}) {
-  return /* @__PURE__ */ jsx12(
-    Repeater,
-    {
-      legend: getAdminLabel("section.careers"),
-      items: value,
-      onChange,
-      keyOf: (career) => career.id,
-      itemLabel: (career, index) => firstLocalized(career.organization, locales) || `${getAdminLabel("item.career")} ${String(index + 1)}`,
-      createItem: () => ({
-        id: makeId(
-          "career",
-          value.map((c) => c.id)
-        ),
-        organization: {},
-        role: {},
-        startDate: ""
-      }),
-      addLabel: getAdminLabel("action.add"),
-      removeLabel: getAdminLabel("action.remove"),
-      moveUpLabel: getAdminLabel("action.moveUp"),
-      moveDownLabel: getAdminLabel("action.moveDown"),
-      emptyHint: getAdminLabel("empty.careers"),
-      renderItem: (career, update, index) => {
-        const at = `/careers/${String(index)}`;
-        return /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx12(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.career.organization"),
-              value: career.organization,
-              locales,
-              onChange: (next) => {
-                update({ ...career, organization: next ?? {} });
-              },
-              required: true,
-              pointer: `${at}/organization`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.career.role"),
-              value: career.role,
-              locales,
-              onChange: (next) => {
-                update({ ...career, role: next ?? {} });
-              },
-              required: true,
-              pointer: `${at}/role`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            TextField,
-            {
-              label: getAdminLabel("field.career.startDate"),
-              type: "month",
-              value: career.startDate,
-              onChange: (startDate) => {
-                update({ ...career, startDate });
-              },
-              required: true,
-              hint: getAdminLabel("hint.month"),
-              errors: errorsAt(errors, `${at}/startDate`)
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            TextField,
-            {
-              label: getAdminLabel("field.career.endDate"),
-              type: "month",
-              value: career.endDate ?? "",
-              onChange: (endDate) => {
-                update({ ...career, endDate: endDate || void 0 });
-              },
-              hint: getAdminLabel("hint.month"),
-              errors: errorsAt(errors, `${at}/endDate`)
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            CheckboxField,
-            {
-              label: getAdminLabel("field.career.isCurrent"),
-              checked: career.isCurrent ?? false,
-              onChange: (isCurrent) => {
-                update({ ...career, isCurrent: isCurrent || void 0 });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.career.description"),
-              value: career.description,
-              locales,
-              onChange: (next) => {
-                update({ ...career, description: next });
-              },
-              multiline: true,
-              pointer: `${at}/description`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            TextField,
-            {
-              label: getAdminLabel("field.career.url"),
-              type: "url",
-              value: career.url ?? "",
-              onChange: (url) => {
-                update({ ...career, url: url || void 0 });
-              },
-              errors: errorsAt(errors, `${at}/url`)
-            }
-          )
-        ] });
-      }
+// src/admin/schema-form/field-classification.ts
+var REF_PREFIX = "#/$defs/";
+function refName(node) {
+  const ref = node.$ref;
+  if (typeof ref !== "string" || !ref.startsWith(REF_PREFIX)) return void 0;
+  return ref.slice(REF_PREFIX.length);
+}
+function deref(root, node) {
+  let current = node;
+  let nullable = false;
+  const variants = current.anyOf;
+  if (variants) {
+    const nonNull = variants.filter((variant) => variant.type !== "null");
+    const [only] = nonNull;
+    if (only && nonNull.length === 1 && nonNull.length < variants.length) {
+      nullable = true;
+      current = only;
     }
-  );
+  }
+  const name = refName(current);
+  if (name === void 0) return { node: current, nullable };
+  const target = root.$defs?.[name];
+  if (!target) return { node: current, nullable };
+  return { node: target, ref: name, nullable };
+}
+var REF_WIDGET = {
+  LocalizedTitle: { widget: "localizedTitle" },
+  LocalizedBody: { widget: "localizedBody" },
+  YearMonth: { widget: "month" },
+  Slug: { widget: "slug" },
+  LocaleTag: { widget: "localeTag" }
+};
+function classifyNode(root, node) {
+  const { node: resolved, ref } = deref(root, node);
+  if (ref !== void 0) {
+    const known = REF_WIDGET[ref];
+    if (known) return known;
+  }
+  if (Array.isArray(resolved.enum)) {
+    return { widget: "select", options: resolved.enum.map((value) => String(value)) };
+  }
+  const type = typeof resolved.type === "string" ? resolved.type : void 0;
+  if (type === "string") {
+    switch (resolved.format) {
+      case "email":
+        return { widget: "email" };
+      case "uri":
+        return { widget: "url" };
+      case "date":
+        return { widget: "date" };
+      case "date-time":
+        return { widget: "datetime" };
+      default:
+        return resolved.maxLength === void 0 ? { widget: "text" } : { widget: "text", maxLength: resolved.maxLength };
+    }
+  }
+  if (type === "boolean") {
+    return typeof resolved.default === "boolean" ? { widget: "checkbox", default: resolved.default } : { widget: "checkbox" };
+  }
+  if (type === "integer" || type === "number") {
+    return resolved.minimum === void 0 ? { widget: "integer" } : { widget: "integer", minimum: resolved.minimum };
+  }
+  if (type === "array") {
+    const item = resolved.items ? classifyNode(root, resolved.items) : { widget: "unsupported" };
+    return { widget: "array", item };
+  }
+  if (type === "object") {
+    return { widget: "object", fields: objectEntries(root, resolved) };
+  }
+  return { widget: "unsupported" };
+}
+function objectEntries(root, objectSchema) {
+  const properties = objectSchema.properties ?? {};
+  const required = new Set(objectSchema.required ?? []);
+  return Object.entries(properties).map(([name, propNode]) => ({
+    name,
+    required: required.has(name),
+    nullable: deref(root, propNode).nullable,
+    kind: classifyNode(root, propNode)
+  }));
+}
+function sectionFieldKind(root, section) {
+  const node = root.properties?.[section];
+  if (!node) return { widget: "unsupported" };
+  return classifyNode(root, node);
 }
 
-// src/admin/sections/ProjectsForm.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs10 } 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;
+// src/admin/schema-form/field-registry.ts
+var EMPTY_REGISTRY = {};
+var ACRONYMS = /* @__PURE__ */ new Set(["url", "id", "doi"]);
+function humanize(name) {
+  const words = name.replace(/([a-z0-9])([A-Z])/g, "$1 $2").toLowerCase().split(" ");
+  return words.map(
+    (word, index) => ACRONYMS.has(word) ? word.toUpperCase() : index === 0 ? word.charAt(0).toUpperCase() + word.slice(1) : word
+  ).join(" ");
 }
-function ProjectsForm({
-  value,
-  onChange,
-  locales,
-  errors = NO_FIELD_ERRORS,
-  formatLocale
-}) {
-  return /* @__PURE__ */ jsx13(
-    Repeater,
-    {
-      legend: getAdminLabel("section.projects"),
-      items: value,
-      onChange,
-      keyOf: (project) => project.id,
-      itemLabel: (project, index) => firstLocalized(project.title, locales) || `${getAdminLabel("item.project")} ${String(index + 1)}`,
-      createItem: () => ({
-        id: makeId(
-          "project",
-          value.map((p) => p.id)
-        ),
-        title: {}
-      }),
-      addLabel: getAdminLabel("action.add"),
-      removeLabel: getAdminLabel("action.remove"),
-      moveUpLabel: getAdminLabel("action.moveUp"),
-      moveDownLabel: getAdminLabel("action.moveDown"),
-      emptyHint: getAdminLabel("empty.projects"),
-      renderItem: (project, update, index) => {
-        const at = `/projects/${String(index)}`;
-        return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.project.title"),
-              value: project.title,
-              locales,
-              onChange: (next) => {
-                update({ ...project, title: next ?? {} });
-              },
-              required: true,
-              pointer: `${at}/title`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            LocaleTabs,
-            {
-              label: getAdminLabel("field.project.description"),
-              value: project.description,
-              locales,
-              onChange: (next) => {
-                update({ ...project, description: next });
-              },
-              multiline: true,
-              pointer: `${at}/description`,
-              errors,
-              formatLocale
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            TextField,
-            {
-              label: getAdminLabel("field.project.url"),
-              type: "url",
-              value: project.url ?? "",
-              onChange: (url) => {
-                update({ ...project, url: url || void 0 });
-              },
-              errors: errorsAt(errors, `${at}/url`)
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            TextField,
-            {
-              label: getAdminLabel("field.project.tags"),
-              value: (project.tags ?? []).join(", "),
-              onChange: (input) => {
-                update({ ...project, tags: parseTags(input) });
-              },
-              hint: getAdminLabel("hint.tags"),
-              errors: collectErrorsUnder(errors, `${at}/tags`)
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            TextField,
-            {
-              label: getAdminLabel("field.project.startDate"),
-              type: "month",
-              value: project.startDate ?? "",
-              onChange: (startDate) => {
-                update({ ...project, startDate: startDate || void 0 });
-              },
-              hint: getAdminLabel("hint.month"),
-              errors: errorsAt(errors, `${at}/startDate`)
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            TextField,
-            {
-              label: getAdminLabel("field.project.endDate"),
-              type: "month",
-              value: project.endDate ?? "",
-              onChange: (endDate) => {
-                update({ ...project, endDate: endDate || void 0 });
-              },
-              hint: getAdminLabel("hint.month"),
-              errors: errorsAt(errors, `${at}/endDate`)
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            CheckboxField,
-            {
-              label: getAdminLabel("field.project.highlighted"),
-              checked: project.highlighted ?? false,
-              onChange: (highlighted) => {
-                update({ ...project, highlighted: highlighted || void 0 });
-              }
-            }
-          )
-        ] });
+function hintAt(registry, path) {
+  return registry[path] ?? {};
+}
+
+// src/admin/schema-form/SchemaForm.tsx
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function asRecord(value) {
+  return value && typeof value === "object" ? value : {};
+}
+function asLocalized(value) {
+  return value && typeof value === "object" ? value : void 0;
+}
+function asString(value) {
+  return typeof value === "string" ? value : "";
+}
+function withKey(obj, name, next) {
+  return { ...obj, [name]: next };
+}
+function idOf(item) {
+  const id = asRecord(item).id;
+  return typeof id === "string" ? id : void 0;
+}
+function lastSegment(path) {
+  const parts = path.split(".");
+  return parts[parts.length - 1] ?? path;
+}
+function blankValue(kind, takenIds, path) {
+  switch (kind.widget) {
+    case "object": {
+      const obj = {};
+      for (const field of kind.fields) {
+        if (!field.required) continue;
+        obj[field.name] = field.kind.widget === "slug" ? makeId(lastSegment(path), takenIds) : blankValue(field.kind, [], `${path}.${field.name}`);
       }
+      return obj;
     }
-  );
+    case "checkbox":
+      return false;
+    case "integer":
+      return 0;
+    case "localizedTitle":
+    case "localizedBody":
+      return {};
+    case "select":
+      return kind.options[0] ?? "";
+    case "array":
+      return [];
+    default:
+      return "";
+  }
 }
-
-// src/admin/sections/SkillsForm.tsx
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-function SkillsForm({
-  value,
-  onChange,
-  errors = NO_FIELD_ERRORS
-}) {
-  return /* @__PURE__ */ jsx14(
+function captionOf(item, itemKind, locales) {
+  if (itemKind.widget !== "object") return asString(item);
+  const obj = asRecord(item);
+  for (const field of itemKind.fields) {
+    if (field.kind.widget === "localizedTitle") {
+      const caption = firstLocalized(asLocalized(obj[field.name]), locales);
+      if (caption) return caption;
+    }
+  }
+  for (const field of itemKind.fields) {
+    if (field.kind.widget === "text" || field.kind.widget === "select") {
+      const value = asString(obj[field.name]);
+      if (value) return value;
+    }
+  }
+  return "";
+}
+function renderScalar(kind, value, onChange, ctx) {
+  const errors = errorsAt(ctx.errors, ctx.pointer);
+  switch (kind.widget) {
+    case "localizedTitle":
+    case "localizedBody":
+      return /* @__PURE__ */ jsx10(
+        LocaleTabs,
+        {
+          label: ctx.label,
+          value: asLocalized(value),
+          locales: ctx.locales,
+          onChange: (next) => {
+            onChange(next);
+          },
+          multiline: kind.widget === "localizedBody" || ctx.multiline,
+          required: ctx.required,
+          pointer: ctx.pointer,
+          errors: ctx.errors,
+          formatLocale: ctx.formatLocale
+        }
+      );
+    case "checkbox": {
+      const hasDefault = kind.default !== void 0;
+      const checked = value === void 0 ? kind.default ?? false : value === true;
+      return /* @__PURE__ */ jsx10(
+        CheckboxField,
+        {
+          label: ctx.label,
+          checked,
+          onChange: (next) => {
+            onChange(hasDefault ? next : next || void 0);
+          }
+        }
+      );
+    }
+    case "select":
+    case "localeTag": {
+      const localeOptions = ctx.locales.map((locale) => ({
+        value: locale,
+        label: ctx.formatLocale ? ctx.formatLocale(locale) : locale
+      }));
+      const options = kind.widget === "select" ? kind.options.map((option) => ({ value: option, label: option })) : ctx.required ? localeOptions : [{ value: "", label: getAdminLabel("option.none") }, ...localeOptions];
+      return /* @__PURE__ */ jsx10(
+        SelectField,
+        {
+          label: ctx.label,
+          value: asString(value),
+          options,
+          onChange: (next) => {
+            onChange(next || void 0);
+          },
+          required: ctx.required,
+          errors
+        }
+      );
+    }
+    case "integer":
+      return /* @__PURE__ */ jsx10(
+        TextField,
+        {
+          label: ctx.label,
+          type: "text",
+          inputMode: "numeric",
+          value: typeof value === "number" ? String(value) : "",
+          onChange: (next) => {
+            onChange(next === "" ? void 0 : Number(next));
+          },
+          required: ctx.required,
+          hint: ctx.hint,
+          errors
+        }
+      );
+    default: {
+      const type = kind.widget === "url" ? "url" : kind.widget === "email" ? "email" : kind.widget === "month" ? "month" : "text";
+      const hint = ctx.hint ?? (kind.widget === "month" ? getAdminLabel("hint.month") : void 0);
+      return /* @__PURE__ */ jsx10(
+        TextField,
+        {
+          label: ctx.label,
+          type,
+          value: asString(value),
+          onChange: (next) => {
+            onChange(next || void 0);
+          },
+          required: ctx.required,
+          hint,
+          errors
+        }
+      );
+    }
+  }
+}
+function renderEntry(entry, obj, onChange, ctx) {
+  const path = ctx.path ? `${ctx.path}.${entry.name}` : entry.name;
+  const hint = hintAt(ctx.registry, path);
+  if (hint.hidden) return null;
+  const childCtx = {
+    ...ctx,
+    pointer: `${ctx.pointer}/${entry.name}`,
+    path,
+    label: hint.label ?? humanize(entry.name),
+    hint: hint.hint,
+    required: entry.required,
+    multiline: hint.multiline ?? false
+  };
+  const update = (next) => {
+    onChange(withKey(obj, entry.name, next));
+  };
+  if (hint.render) {
+    const customCtx = {
+      value: obj[entry.name],
+      onChange: update,
+      pointer: childCtx.pointer,
+      path: childCtx.path,
+      label: childCtx.label,
+      required: childCtx.required,
+      locales: childCtx.locales,
+      errors: childCtx.errors,
+      formatLocale: childCtx.formatLocale,
+      uploadAsset: childCtx.uploadAsset,
+      document: childCtx.document
+    };
+    return /* @__PURE__ */ jsx10("div", { children: hint.render(customCtx) }, entry.name);
+  }
+  return /* @__PURE__ */ jsx10("div", { children: entry.kind.widget === "object" ? (
+    // Nested objects (location, the activity providers, meta.privacy) become
+    // their own labelled fieldset, so same-named children (github.username
+    // vs wakatime.username) stay distinguishable.
+    /* @__PURE__ */ jsxs7("fieldset", { children: [
+      /* @__PURE__ */ jsx10("legend", { children: childCtx.label }),
+      renderObjectFields(entry.kind, asRecord(obj[entry.name]), update, childCtx)
+    ] })
+  ) : entry.kind.widget === "array" ? renderArray(entry.kind, obj[entry.name], update, childCtx) : renderScalar(entry.kind, obj[entry.name], update, childCtx) }, entry.name);
+}
+function renderObjectFields(kind, obj, onChange, ctx) {
+  const update = (next) => {
+    onChange(next);
+  };
+  return kind.fields.map((entry) => renderEntry(entry, obj, update, ctx));
+}
+function renderArray(kind, value, onChange, ctx) {
+  const items = Array.isArray(value) ? value : [];
+  const itemKind = kind.item;
+  const takenIds = items.map(idOf).filter((id) => id !== void 0);
+  return /* @__PURE__ */ jsx10(
     Repeater,
     {
-      legend: getAdminLabel("section.skills"),
-      items: value,
-      onChange,
-      keyOf: (skill) => skill.id,
-      itemLabel: (skill, index) => skill.label || `${getAdminLabel("item.skill")} ${String(index + 1)}`,
-      createItem: () => ({
-        id: makeId(
-          "skill",
-          value.map((s) => s.id)
-        ),
-        label: ""
-      }),
+      legend: ctx.label,
+      items,
+      onChange: (next) => {
+        onChange(next);
+      },
+      keyOf: (item, index) => idOf(item) ?? String(index),
+      itemLabel: (item, index) => captionOf(item, itemKind, ctx.locales) || `${ctx.label} ${String(index + 1)}`,
+      createItem: () => blankValue(itemKind, takenIds, ctx.path),
       addLabel: getAdminLabel("action.add"),
       removeLabel: getAdminLabel("action.remove"),
       moveUpLabel: getAdminLabel("action.moveUp"),
       moveDownLabel: getAdminLabel("action.moveDown"),
-      emptyHint: getAdminLabel("empty.skills"),
-      renderItem: (skill, update, index) => {
-        const at = `/skills/${String(index)}`;
-        return /* @__PURE__ */ jsxs11(Fragment7, { children: [
-          /* @__PURE__ */ jsx14(
-            TextField,
-            {
-              label: getAdminLabel("field.skill.label"),
-              value: skill.label,
-              onChange: (label) => {
-                update({ ...skill, label });
-              },
-              required: true,
-              errors: errorsAt(errors, `${at}/label`)
-            }
-          ),
-          /* @__PURE__ */ jsx14(
-            TextField,
-            {
-              label: getAdminLabel("field.skill.category"),
-              value: skill.category ?? "",
-              onChange: (category) => {
-                update({ ...skill, category: category || void 0 });
-              },
-              errors: errorsAt(errors, `${at}/category`)
-            }
-          )
-        ] });
+      renderItem: (item, update, index) => {
+        const itemCtx = { ...ctx, pointer: `${ctx.pointer}/${String(index)}` };
+        return itemKind.widget === "object" ? renderObjectFields(itemKind, asRecord(item), update, itemCtx) : renderScalar(itemKind, item, update, itemCtx);
       }
     }
   );
 }
+function SchemaForm(props) {
+  const ctx = {
+    pointer: props.pointer,
+    path: props.path ?? props.pointer.replace(/^\//, "").replace(/\//g, "."),
+    label: props.label,
+    required: true,
+    multiline: false,
+    locales: props.locales,
+    errors: props.errors ?? NO_FIELD_ERRORS,
+    registry: props.registry ?? EMPTY_REGISTRY,
+    formatLocale: props.formatLocale,
+    uploadAsset: props.uploadAsset,
+    document: props.document
+  };
+  if (props.kind.widget === "array") {
+    return /* @__PURE__ */ jsx10(Fragment4, { children: renderArray(props.kind, props.value, props.onChange, ctx) });
+  }
+  if (props.kind.widget === "object") {
+    return /* @__PURE__ */ jsxs7("fieldset", { children: [
+      /* @__PURE__ */ jsx10("legend", { children: props.label }),
+      renderObjectFields(props.kind, asRecord(props.value), props.onChange, ctx)
+    ] });
+  }
+  return /* @__PURE__ */ jsx10(Fragment4, { children: renderScalar(props.kind, props.value, props.onChange, ctx) });
+}
+
+// src/admin/schema-form/section-registry.tsx
+import "@takuhon/core";
 
-// src/admin/sections/SettingsForm.tsx
-import styles11 from "../sections.module-7MUK6I3V.module.css";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+// src/admin/schema-form/custom-fields.tsx
+import styles10 from "../custom-fields.module-3T2M3DO3.module.css";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function asRecord2(value) {
+  return value && typeof value === "object" ? value : {};
+}
+function asLocalized2(value) {
+  return value && typeof value === "object" ? value : void 0;
+}
+function isEmptyRecord(record) {
+  return !record || Object.keys(record).length === 0;
+}
+function asString2(value) {
+  return typeof value === "string" ? value : "";
+}
+function idOf2(item) {
+  const id = asRecord2(item).id;
+  return typeof id === "string" ? id : "";
+}
+function renderAvatar(ctx) {
+  const avatar = asRecord2(ctx.value);
+  const url = typeof avatar.url === "string" ? avatar.url : "";
+  const updateAvatar = (patch) => {
+    const merged = { url: "", ...avatar, ...patch };
+    const keep = merged.url !== "" || !isEmptyRecord(asLocalized2(merged.alt));
+    ctx.onChange(keep ? merged : void 0);
+  };
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx11(
+      ImageField,
+      {
+        label: getAdminLabel("field.avatarUrl"),
+        value: url,
+        onChange: (next) => {
+          updateAvatar({ url: next });
+        },
+        hint: getAdminLabel(ctx.uploadAsset ? "hint.avatarUpload" : "hint.avatarNoUpload"),
+        errors: errorsAt(ctx.errors, `${ctx.pointer}/url`),
+        uploadAsset: ctx.uploadAsset
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      GravatarField,
+      {
+        onApply: (next) => {
+          updateAvatar({ url: next });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      LocaleTabs,
+      {
+        label: getAdminLabel("field.avatarAlt"),
+        value: asLocalized2(avatar.alt),
+        locales: ctx.locales,
+        onChange: (next) => {
+          updateAvatar({ alt: next });
+        },
+        pointer: `${ctx.pointer}/alt`,
+        errors: ctx.errors,
+        formatLocale: ctx.formatLocale
+      }
+    )
+  ] });
+}
+function parseCsv(input) {
+  return input.split(",").map((entry) => entry.trim()).filter((entry) => entry !== "");
+}
+function csvListRenderer(options) {
+  return function renderCsvList(ctx) {
+    const items = Array.isArray(ctx.value) ? ctx.value : [];
+    const text = items.filter((item) => typeof item === "string").join(", ");
+    return /* @__PURE__ */ jsx11(
+      TextField,
+      {
+        label: ctx.label,
+        value: text,
+        onChange: (input) => {
+          const next = parseCsv(input);
+          ctx.onChange(options.emptyToUndefined && next.length === 0 ? void 0 : next);
+        },
+        required: ctx.required,
+        hint: getAdminLabel(options.hint),
+        errors: collectErrorsUnder(ctx.errors, ctx.pointer)
+      }
+    );
+  };
+}
 var VISIBILITY_SECTIONS = [
   { key: "links", label: "field.publicVisibility.links" },
   { key: "careers", label: "field.publicVisibility.careers" },
@@ -1341,129 +1180,25 @@ var VISIBILITY_SECTIONS = [
   { key: "recommendations", label: "field.publicVisibility.recommendations" },
   { key: "contact", label: "field.publicVisibility.contact" }
 ];
-function parseLocales(input) {
-  return input.split(",").map((tag) => tag.trim()).filter((tag) => tag !== "");
-}
-function SettingsForm({
-  value,
-  onChange,
-  errors = NO_FIELD_ERRORS,
-  formatLocale
-}) {
-  const format = formatLocale ?? ((locale) => locale);
-  const localeOptions = value.availableLocales.map((locale) => ({
-    value: locale,
-    label: format(locale)
-  }));
-  const headingId = "admin-section-settings";
+function renderVisibilityMatrix(ctx) {
+  const visibility = asRecord2(ctx.value);
   const setVisibility = (key, visible) => {
-    const next = { ...value.publicVisibility };
+    const next = { ...visibility };
     if (visible) {
       delete next[key];
     } else {
       next[key] = false;
     }
-    const publicVisibility = Object.keys(next).length > 0 ? next : void 0;
-    onChange({ ...value, publicVisibility });
+    ctx.onChange(Object.keys(next).length > 0 ? next : void 0);
   };
-  return /* @__PURE__ */ jsxs12("section", { className: styles11.section, "aria-labelledby": headingId, children: [
-    /* @__PURE__ */ jsx15("h2", { className: styles11.heading, id: headingId, children: getAdminLabel("section.settings") }),
-    /* @__PURE__ */ jsx15(
-      TextField,
-      {
-        label: getAdminLabel("field.settings.availableLocales"),
-        value: value.availableLocales.join(", "),
-        onChange: (input) => {
-          onChange({ ...value, availableLocales: parseLocales(input) });
-        },
-        required: true,
-        hint: getAdminLabel("hint.locales"),
-        errors: collectErrorsUnder(errors, "/settings/availableLocales")
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      SelectField,
-      {
-        label: getAdminLabel("field.settings.defaultLocale"),
-        value: value.defaultLocale,
-        options: localeOptions,
-        onChange: (defaultLocale) => {
-          onChange({ ...value, defaultLocale });
-        },
-        required: true,
-        errors: errorsAt(errors, "/settings/defaultLocale")
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      SelectField,
-      {
-        label: getAdminLabel("field.settings.fallbackLocale"),
-        value: value.fallbackLocale ?? "",
-        options: [{ value: "", label: getAdminLabel("option.none") }, ...localeOptions],
-        onChange: (fallbackLocale) => {
-          onChange({ ...value, fallbackLocale: fallbackLocale || void 0 });
-        },
-        errors: errorsAt(errors, "/settings/fallbackLocale")
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      TextField,
-      {
-        label: getAdminLabel("field.settings.theme"),
-        value: value.theme ?? "",
-        onChange: (theme) => {
-          onChange({ ...value, theme: theme || void 0 });
-        },
-        errors: errorsAt(errors, "/settings/theme")
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      CheckboxField,
-      {
-        label: getAdminLabel("field.settings.showPoweredBy"),
-        checked: value.showPoweredBy ?? true,
-        onChange: (showPoweredBy) => {
-          onChange({ ...value, showPoweredBy });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      CheckboxField,
-      {
-        label: getAdminLabel("field.settings.enableJsonLd"),
-        checked: value.enableJsonLd ?? true,
-        onChange: (enableJsonLd) => {
-          onChange({ ...value, enableJsonLd });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      CheckboxField,
-      {
-        label: getAdminLabel("field.settings.enableApi"),
-        checked: value.enableApi ?? true,
-        onChange: (enableApi) => {
-          onChange({ ...value, enableApi });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      CheckboxField,
-      {
-        label: getAdminLabel("field.settings.enableAnalytics"),
-        checked: value.enableAnalytics ?? false,
-        onChange: (enableAnalytics) => {
-          onChange({ ...value, enableAnalytics });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx15("h3", { className: styles11.subheading, children: getAdminLabel("field.settings.publicVisibility") }),
-    /* @__PURE__ */ jsx15("p", { className: styles11.hint, children: getAdminLabel("hint.publicVisibility") }),
-    VISIBILITY_SECTIONS.map(({ key, label }) => /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
+    /* @__PURE__ */ jsx11("h3", { className: styles10.subheading, children: getAdminLabel("field.settings.publicVisibility") }),
+    /* @__PURE__ */ jsx11("p", { className: styles10.hint, children: getAdminLabel("hint.publicVisibility") }),
+    VISIBILITY_SECTIONS.map(({ key, label }) => /* @__PURE__ */ jsx11(
       CheckboxField,
       {
         label: getAdminLabel(label),
-        checked: value.publicVisibility?.[key] ?? true,
+        checked: visibility[key] ?? true,
         onChange: (visible) => {
           setVisibility(key, visible);
         }
@@ -1472,12 +1207,129 @@ function SettingsForm({
     ))
   ] });
 }
+function referenceSelect(spec) {
+  return function renderReferenceSelect(ctx) {
+    const value = asString2(ctx.value);
+    const items = (() => {
+      const list = asRecord2(ctx.document)[spec.section];
+      return Array.isArray(list) ? list : [];
+    })();
+    const candidates = items.map((item) => {
+      const id = idOf2(item);
+      const caption = firstLocalized(asLocalized2(asRecord2(item)[spec.captionField]), ctx.locales);
+      return { value: id, label: caption ? `${caption} (${id})` : id };
+    }).filter((option) => option.value !== "");
+    const danglingId = value !== "" && !candidates.some((option) => option.value === value);
+    const options = [
+      ...ctx.required ? [] : [{ value: "", label: getAdminLabel("option.none") }],
+      ...candidates,
+      // Keep an unrecognized current value selectable so it is never dropped.
+      ...danglingId ? [{ value, label: value }] : []
+    ];
+    return /* @__PURE__ */ jsx11(
+      SelectField,
+      {
+        label: ctx.label,
+        value,
+        options,
+        onChange: (next) => {
+          ctx.onChange(next || void 0);
+        },
+        required: ctx.required,
+        errors: errorsAt(ctx.errors, ctx.pointer)
+      }
+    );
+  };
+}
+
+// src/admin/schema-form/section-registry.tsx
+var ADMIN_SECTIONS = [
+  { key: "profile", label: "section.profile" },
+  { key: "links", label: "section.links" },
+  { key: "careers", label: "section.careers" },
+  { key: "projects", label: "section.projects" },
+  { key: "skills", label: "section.skills" },
+  { key: "settings", label: "section.settings" },
+  { key: "education", label: "section.education" },
+  { key: "certifications", label: "section.certifications" },
+  { key: "publications", label: "section.publications" },
+  { key: "honors", label: "section.honors" },
+  { key: "volunteering", label: "section.volunteering" },
+  { key: "memberships", label: "section.memberships" },
+  { key: "languages", label: "section.languages" },
+  { key: "courses", label: "section.courses" },
+  { key: "patents", label: "section.patents" },
+  { key: "testScores", label: "section.testScores" },
+  { key: "recommendations", label: "section.recommendations" },
+  { key: "contact", label: "section.contact" },
+  { key: "meta", label: "section.meta" }
+];
+var SECTION_REGISTRY = {
+  // Profile — avatar is the URL/upload/Gravatar trio.
+  "profile.avatar": { render: renderAvatar },
+  "profile.location.country": { hint: getAdminLabel("hint.country") },
+  "profile.location.display": { label: getAdminLabel("field.location.display") },
+  // Links.
+  "links.url": { label: getAdminLabel("field.link.url") },
+  "links.iconUrl": { label: getAdminLabel("field.link.iconUrl") },
+  // Careers.
+  "careers.startDate": {
+    label: getAdminLabel("field.career.startDate"),
+    hint: getAdminLabel("hint.month")
+  },
+  "careers.endDate": {
+    label: getAdminLabel("field.career.endDate"),
+    hint: getAdminLabel("hint.month")
+  },
+  "careers.isCurrent": { label: getAdminLabel("field.career.isCurrent") },
+  "careers.url": { label: getAdminLabel("field.career.url") },
+  // Projects — tags are a comma-separated list; relatedCareerId is a reference.
+  "projects.tags": { render: csvListRenderer({ hint: "hint.tags", emptyToUndefined: true }) },
+  "projects.relatedCareerId": {
+    render: referenceSelect({ section: "careers", captionField: "organization" })
+  },
+  "projects.url": { label: getAdminLabel("field.project.url") },
+  "projects.startDate": { hint: getAdminLabel("hint.month") },
+  "projects.endDate": { hint: getAdminLabel("hint.month") },
+  // Settings — locales are comma-separated, visibility is the inverted matrix.
+  "settings.availableLocales": {
+    render: csvListRenderer({ hint: "hint.locales", emptyToUndefined: false })
+  },
+  "settings.theme": { label: getAdminLabel("field.settings.theme") },
+  "settings.showPoweredBy": { label: getAdminLabel("field.settings.showPoweredBy") },
+  "settings.enableJsonLd": { label: getAdminLabel("field.settings.enableJsonLd") },
+  "settings.enableApi": { label: getAdminLabel("field.settings.enableApi") },
+  "settings.enableAnalytics": { label: getAdminLabel("field.settings.enableAnalytics") },
+  "settings.activity.github": { label: "GitHub" },
+  "settings.activity.wakatime": { label: "WakaTime" },
+  "settings.publicVisibility": { render: renderVisibilityMatrix },
+  // Cross-section reference selectors (decision C): dropdowns of sibling-section
+  // ids. courses / testScores / recommendations point at education / careers.
+  "courses.relatedEducationId": {
+    render: referenceSelect({ section: "education", captionField: "institution" })
+  },
+  "testScores.relatedEducationId": {
+    render: referenceSelect({ section: "education", captionField: "institution" })
+  },
+  "recommendations.relatedCareerId": {
+    render: referenceSelect({ section: "careers", captionField: "organization" })
+  },
+  "recommendations.relatedEducationId": {
+    render: referenceSelect({ section: "education", captionField: "institution" })
+  },
+  // Languages — disambiguate from the profile's "Display name".
+  "languages.displayName": { label: "Language name" },
+  // Metadata — auto-managed, never hand-edited.
+  "meta.createdAt": { hidden: true },
+  "meta.updatedAt": { hidden: true },
+  "meta.generator": { hidden: true }
+};
 
 // src/admin/RawJsonEditor.tsx
 import { validate } from "@takuhon/core";
 import { useId as useId5, useState as useState4 } from "react";
-import styles12 from "../RawJsonEditor.module-NGGM3IBY.module.css";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import styles11 from "../RawJsonEditor.module-NGGM3IBY.module.css";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var MAX_SHOWN_PROBLEMS = 50;
 function RawJsonEditor({ value, onChange }) {
   const [text, setText] = useState4(() => JSON.stringify(value, null, 2));
@@ -1504,13 +1356,13 @@ function RawJsonEditor({ value, onChange }) {
     onChange(result.data);
   };
   const hasProblems = problems.length > 0;
-  return /* @__PURE__ */ jsxs13("section", { className: styles12.wrapper, "aria-labelledby": labelId, children: [
-    /* @__PURE__ */ jsx16("h2", { className: styles12.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
-    /* @__PURE__ */ jsx16("p", { className: styles12.hint, children: getAdminLabel("advanced.hint") }),
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs9("section", { className: styles11.wrapper, "aria-labelledby": labelId, children: [
+    /* @__PURE__ */ jsx12("h2", { className: styles11.heading, id: labelId, children: getAdminLabel("mode.advanced") }),
+    /* @__PURE__ */ jsx12("p", { className: styles11.hint, children: getAdminLabel("advanced.hint") }),
+    /* @__PURE__ */ jsx12(
       "textarea",
       {
-        className: styles12.textarea,
+        className: styles11.textarea,
         value: text,
         spellCheck: false,
         "aria-label": getAdminLabel("mode.advanced"),
@@ -1521,18 +1373,22 @@ function RawJsonEditor({ value, onChange }) {
         }
       }
     ),
-    hasProblems ? /* @__PURE__ */ jsxs13("div", { className: styles12.problems, id: errorId, role: "alert", children: [
-      /* @__PURE__ */ jsx16("p", { className: styles12.problemsTitle, children: getAdminLabel("advanced.invalid") }),
-      /* @__PURE__ */ jsx16("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx16("li", { children: problem }, i)) })
+    hasProblems ? /* @__PURE__ */ jsxs9("div", { className: styles11.problems, id: errorId, role: "alert", children: [
+      /* @__PURE__ */ jsx12("p", { className: styles11.problemsTitle, children: getAdminLabel("advanced.invalid") }),
+      /* @__PURE__ */ jsx12("ul", { children: problems.map((problem, i) => /* @__PURE__ */ jsx12("li", { children: problem }, i)) })
     ] }) : null
   ] });
 }
 
 // src/admin/AdminEditor.tsx
-import { validate as validate2 } from "@takuhon/core";
-import { useRef as useRef3, useState as useState5 } from "react";
-import styles13 from "../AdminEditor.module-ABYQXFN4.module.css";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { schema, validate as validate2 } from "@takuhon/core";
+import { useEffect, useRef as useRef3, useState as useState5 } from "react";
+import styles12 from "../AdminEditor.module-ABYQXFN4.module.css";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var schemaRoot = schema;
+function setSection(doc, key, value) {
+  return { ...doc, [key]: value };
+}
 function AdminEditor({
   initialDocument,
   onSave,
@@ -1549,7 +1405,15 @@ function AdminEditor({
   const [busy, setBusy] = useState5(false);
   const [loadGen, setLoadGen] = useState5(0);
   const intentRef = useRef3(0);
+  const summaryRef = useRef3(null);
+  const focusSummaryRef = useRef3(false);
   const locales = draft.settings.availableLocales;
+  useEffect(() => {
+    if (focusSummaryRef.current && summaryRef.current) {
+      summaryRef.current.focus();
+    }
+    focusSummaryRef.current = false;
+  }, [errors]);
   const updateDraft = (next) => {
     intentRef.current += 1;
     setDraft(next);
@@ -1566,6 +1430,7 @@ function AdminEditor({
   const handleSave = async () => {
     const result = validate2(draft);
     if (!result.ok) {
+      focusSummaryRef.current = true;
       setErrors(indexValidationErrors(result.errors));
       setStatus({ tone: "error", message: getAdminLabel("status.invalid") });
       return;
@@ -1586,6 +1451,7 @@ function AdminEditor({
           setStatus({ tone: "error", message: getAdminLabel("status.conflict") });
           break;
         case "invalid":
+          focusSummaryRef.current = true;
           setErrors(indexErrors(outcome.errors));
           setStatus({ tone: "error", message: getAdminLabel("status.invalid") });
           break;
@@ -1635,14 +1501,14 @@ function AdminEditor({
   const errorEntries = [...errors].flatMap(
     ([pointer, messages]) => messages.map((message) => ({ pointer, message }))
   );
-  return /* @__PURE__ */ jsxs14("div", { className: styles13.editor, children: [
-    /* @__PURE__ */ jsxs14("div", { className: styles13.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
-      /* @__PURE__ */ jsxs14("div", { className: styles13.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
-        /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs10("div", { className: styles12.editor, children: [
+    /* @__PURE__ */ jsxs10("div", { className: styles12.toolbar, role: "toolbar", "aria-label": getAdminLabel("toolbar.label"), children: [
+      /* @__PURE__ */ jsxs10("div", { className: styles12.modes, role: "group", "aria-label": getAdminLabel("mode.label"), children: [
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: `${styles13.modeButton} ${mode === "form" ? styles13.modeActive : ""}`,
+            className: `${styles12.modeButton} ${mode === "form" ? styles12.modeActive : ""}`,
             "aria-pressed": mode === "form",
             onClick: () => {
               setMode("form");
@@ -1650,11 +1516,11 @@ function AdminEditor({
             children: getAdminLabel("mode.form")
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: `${styles13.modeButton} ${mode === "advanced" ? styles13.modeActive : ""}`,
+            className: `${styles12.modeButton} ${mode === "advanced" ? styles12.modeActive : ""}`,
             "aria-pressed": mode === "advanced",
             onClick: () => {
               setMode("advanced");
@@ -1663,12 +1529,12 @@ function AdminEditor({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: styles13.actions, children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs10("div", { className: styles12.actions, children: [
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: styles13.primary,
+            className: styles12.primary,
             disabled: busy,
             onClick: () => {
               void handleSave();
@@ -1676,11 +1542,11 @@ function AdminEditor({
             children: getAdminLabel("action.save")
           }
         ),
-        onReload ? /* @__PURE__ */ jsx17(
+        onReload ? /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: styles13.secondary,
+            className: styles12.secondary,
             disabled: busy,
             onClick: () => {
               void handleReload();
@@ -1688,22 +1554,22 @@ function AdminEditor({
             children: getAdminLabel("action.reload")
           }
         ) : null,
-        onExport ? /* @__PURE__ */ jsx17(
+        onExport ? /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: styles13.secondary,
+            className: styles12.secondary,
             onClick: () => {
               onExport(draft);
             },
             children: getAdminLabel("action.export")
           }
         ) : null,
-        onImport ? /* @__PURE__ */ jsx17(
+        onImport ? /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
-            className: styles13.secondary,
+            className: styles12.secondary,
             disabled: busy,
             onClick: () => {
               void handleImport();
@@ -1713,110 +1579,68 @@ function AdminEditor({
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsx17("p", { className: styles13.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
-    errorEntries.length > 0 ? /* @__PURE__ */ jsxs14("section", { className: styles13.summary, "aria-labelledby": "admin-error-summary", children: [
-      /* @__PURE__ */ jsx17("h2", { className: styles13.summaryHeading, id: "admin-error-summary", children: getAdminLabel("status.fixSummary") }),
-      /* @__PURE__ */ jsx17("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx17("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
-    ] }) : null,
-    mode === "form" ? /* @__PURE__ */ jsxs14("div", { className: styles13.sections, children: [
-      /* @__PURE__ */ jsx17(
-        ProfileForm,
-        {
-          value: draft.profile,
-          onChange: (profile) => {
-            updateDraft({ ...draft, profile });
-          },
-          locales,
-          errors,
-          formatLocale,
-          uploadAsset
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        LinksForm,
-        {
-          value: draft.links,
-          onChange: (links) => {
-            updateDraft({ ...draft, links });
-          },
-          locales,
-          errors,
-          formatLocale
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        CareersForm,
-        {
-          value: draft.careers,
-          onChange: (careers) => {
-            updateDraft({ ...draft, careers });
-          },
-          locales,
-          errors,
-          formatLocale
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        ProjectsForm,
+    /* @__PURE__ */ jsx13("p", { className: styles12.status, role: "status", "aria-live": "polite", "data-tone": status?.tone, children: status?.message ?? "" }),
+    errorEntries.length > 0 ? /* @__PURE__ */ jsxs10("section", { className: styles12.summary, "aria-labelledby": "admin-error-summary", children: [
+      /* @__PURE__ */ jsx13(
+        "h2",
         {
-          value: draft.projects,
-          onChange: (projects) => {
-            updateDraft({ ...draft, projects });
-          },
-          locales,
-          errors,
-          formatLocale
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        SkillsForm,
-        {
-          value: draft.skills,
-          onChange: (skills) => {
-            updateDraft({ ...draft, skills });
-          },
-          errors
+          className: styles12.summaryHeading,
+          id: "admin-error-summary",
+          tabIndex: -1,
+          ref: summaryRef,
+          children: getAdminLabel("status.fixSummary")
         }
       ),
-      /* @__PURE__ */ jsx17(
-        SettingsForm,
-        {
-          value: draft.settings,
-          onChange: (settings) => {
-            updateDraft({ ...draft, settings });
-          },
-          errors,
-          formatLocale
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx17(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
+      /* @__PURE__ */ jsx13("ul", { children: errorEntries.map((entry, i) => /* @__PURE__ */ jsx13("li", { children: entry.pointer === "" ? entry.message : `${entry.pointer.replace(/^\//, "")}: ${entry.message}` }, i)) })
+    ] }) : null,
+    mode === "form" ? /* @__PURE__ */ jsx13("div", { className: styles12.sections, children: ADMIN_SECTIONS.map(({ key, label }) => /* @__PURE__ */ jsx13(
+      SchemaForm,
+      {
+        kind: sectionFieldKind(schemaRoot, key),
+        value: draft[key],
+        onChange: (next) => {
+          updateDraft(setSection(draft, key, next));
+        },
+        pointer: `/${key}`,
+        label: getAdminLabel(label),
+        locales,
+        errors,
+        registry: SECTION_REGISTRY,
+        formatLocale,
+        uploadAsset,
+        document: draft
+      },
+      key
+    )) }) : /* @__PURE__ */ jsx13(RawJsonEditor, { value: draft, onChange: updateDraft }, loadGen)
   ] });
 }
 export {
+  ADMIN_SECTIONS,
   AdminEditor,
-  CareersForm,
   CheckboxField,
+  EMPTY_REGISTRY,
   Field,
   GravatarField,
   ImageField,
-  LinksForm,
   LocaleTabs,
   NO_FIELD_ERRORS,
-  ProfileForm,
-  ProjectsForm,
   RawJsonEditor,
   Repeater,
+  SECTION_REGISTRY,
+  SchemaForm,
   SelectField,
-  SettingsForm,
-  SkillsForm,
   TextAreaField,
   TextField,
   canonicalPointer,
+  classifyNode,
   collectErrorsUnder,
   errorsAt,
   getAdminLabel,
   hasErrorsUnder,
+  hintAt,
+  humanize,
   indexErrors,
-  indexValidationErrors
+  indexValidationErrors,
+  sectionFieldKind
 };
 //# sourceMappingURL=index.js.map