@xiwebdesign/xicms-core 7.31.0 → 8.16.0

package/dist/admin/lib/versieVergelijk.js

@@ -0,0 +1,24 @@
+import { bepaalWijzigingen } from "../visual/wijzigingen.js";
+function vergelijkVersie(huidig, versie, labelVoor) {
+  const uit = [];
+  if ((versie.title ?? "") !== (huidig.title ?? "")) uit.push(`Titel wordt \u201C${versie.title ?? ""}\u201D (nu \u201C${huidig.title ?? ""}\u201D).`);
+  if ((versie.path ?? "") !== (huidig.path ?? "")) uit.push(`Adres wordt ${versie.path} (nu ${huidig.path}).`);
+  if ((versie.seo?.description ?? "") !== (huidig.seo?.description ?? "")) uit.push("De omschrijving voor Google is anders.");
+  const v = versie.blocks ?? [];
+  const h = huidig.blocks ?? [];
+  const w = bepaalWijzigingen(v, h);
+  const anders = v.filter((b) => w.blokken.has(String(b._key ?? "")) || w.velden.has(String(b._key ?? "")));
+  if (anders.length > 0) {
+    const namen = [...new Set(anders.map((b) => labelVoor(String(b._type ?? ""))))];
+    uit.push(`${anders.length === 1 ? "1 blok is" : `${anders.length} blokken zijn`} anders: ${namen.slice(0, 6).join(", ")}${namen.length > 6 ? " \u2026" : ""}.`);
+  }
+  if (w.verwijderd > 0) {
+    uit.push(w.verwijderd === 1 ? "1 blok dat er nu staat, verdwijnt." : `${w.verwijderd} blokken die er nu staan, verdwijnen.`);
+  }
+  if (uit.length === 0) uit.push("Deze versie is gelijk aan je huidige werkversie.");
+  return uit;
+}
+export {
+  vergelijkVersie
+};
+//# sourceMappingURL=versieVergelijk.js.map

package/dist/admin/lib/versieVergelijk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/versieVergelijk.ts"],"sourcesContent":["import { bepaalWijzigingen } from \"../visual/wijzigingen\";\n\ntype Blok = { _key?: unknown; _type?: unknown } & Record<string, unknown>;\ninterface Versie {\n  title?: string;\n  path?: string;\n  blocks?: unknown[];\n  seo?: { title?: string; description?: string };\n}\n\n/**\n * \"Wat verandert er als ik deze versie terugzet?\" (8.4) — in zinnen, vóór je op Herstellen drukt.\n * Eerst was herstellen blind: je zag alleen een datum. Bouwt op dezelfde blokvergelijking als de\n * rode markeringen in de editor (`bepaalWijzigingen`), met de versie als \"werk\" en de huidige\n * werkversie als maatstaf.\n */\nexport function vergelijkVersie(huidig: Versie, versie: Versie, labelVoor: (type: string) => string): string[] {\n  const uit: string[] = [];\n  if ((versie.title ?? \"\") !== (huidig.title ?? \"\")) uit.push(`Titel wordt “${versie.title ?? \"\"}” (nu “${huidig.title ?? \"\"}”).`);\n  if ((versie.path ?? \"\") !== (huidig.path ?? \"\")) uit.push(`Adres wordt ${versie.path} (nu ${huidig.path}).`);\n  if ((versie.seo?.description ?? \"\") !== (huidig.seo?.description ?? \"\")) uit.push(\"De omschrijving voor Google is anders.\");\n\n  const v = (versie.blocks ?? []) as Blok[];\n  const h = (huidig.blocks ?? []) as Blok[];\n  const w = bepaalWijzigingen(v, h);\n  const anders = v.filter((b) => w.blokken.has(String(b._key ?? \"\")) || w.velden.has(String(b._key ?? \"\")));\n  if (anders.length > 0) {\n    const namen = [...new Set(anders.map((b) => labelVoor(String(b._type ?? \"\"))))];\n    uit.push(`${anders.length === 1 ? \"1 blok is\" : `${anders.length} blokken zijn`} anders: ${namen.slice(0, 6).join(\", \")}${namen.length > 6 ? \" …\" : \"\"}.`);\n  }\n  if (w.verwijderd > 0) {\n    uit.push(w.verwijderd === 1 ? \"1 blok dat er nu staat, verdwijnt.\" : `${w.verwijderd} blokken die er nu staan, verdwijnen.`);\n  }\n  if (uit.length === 0) uit.push(\"Deze versie is gelijk aan je huidige werkversie.\");\n  return uit;\n}\n"],"mappings":"AAAA,SAAS,yBAAyB;AAgB3B,SAAS,gBAAgB,QAAgB,QAAgB,WAA+C;AAC7G,QAAM,MAAgB,CAAC;AACvB,OAAK,OAAO,SAAS,SAAS,OAAO,SAAS,IAAK,KAAI,KAAK,qBAAgB,OAAO,SAAS,EAAE,oBAAU,OAAO,SAAS,EAAE,UAAK;AAC/H,OAAK,OAAO,QAAQ,SAAS,OAAO,QAAQ,IAAK,KAAI,KAAK,eAAe,OAAO,IAAI,QAAQ,OAAO,IAAI,IAAI;AAC3G,OAAK,OAAO,KAAK,eAAe,SAAS,OAAO,KAAK,eAAe,IAAK,KAAI,KAAK,wCAAwC;AAE1H,QAAM,IAAK,OAAO,UAAU,CAAC;AAC7B,QAAM,IAAK,OAAO,UAAU,CAAC;AAC7B,QAAM,IAAI,kBAAkB,GAAG,CAAC;AAChC,QAAM,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxG,MAAI,OAAO,SAAS,GAAG;AACrB,UAAM,QAAQ,CAAC,GAAG,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,UAAU,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9E,QAAI,KAAK,GAAG,OAAO,WAAW,IAAI,cAAc,GAAG,OAAO,MAAM,eAAe,YAAY,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,MAAM,SAAS,IAAI,YAAO,EAAE,GAAG;AAAA,EAC3J;AACA,MAAI,EAAE,aAAa,GAAG;AACpB,QAAI,KAAK,EAAE,eAAe,IAAI,uCAAuC,GAAG,EAAE,UAAU,uCAAuC;AAAA,EAC7H;AACA,MAAI,IAAI,WAAW,EAAG,KAAI,KAAK,kDAAkD;AACjF,SAAO;AACT;","names":[]}

package/dist/admin/lib/zodFields.js

@@ -7,6 +7,15 @@ function maxLengthOf(def) {
   }
   return void 0;
 }
+function grenzenVan(def) {
+  const uit = {};
+  for (const c of def?.checks ?? []) {
+    const rule = c?._zod?.def;
+    if (rule?.check === "greater_than" && typeof rule.value === "number") uit.min = rule.value;
+    if (rule?.check === "less_than" && typeof rule.value === "number") uit.max = rule.value;
+  }
+  return uit;
+}
 const valuesOf = (def) => Object.values(def?.entries ?? {});
 function shapeOf(schema) {
   const def = defOf(schema);
@@ -20,13 +29,22 @@ function describedAs(s) {
 function unwrap(schema) {
   let s = schema;
   let description = describedAs(s);
+  let standaard;
   for (; ; ) {
     const def = defOf(s);
     if (def?.type !== "default" && def?.type !== "optional" && def?.type !== "nullable") break;
+    if (def.type === "default" && standaard === void 0) {
+      const d = def.defaultValue;
+      try {
+        standaard = typeof d === "function" ? d() : d;
+      } catch {
+        standaard = void 0;
+      }
+    }
     s = def.innerType;
     description = description ?? describedAs(s);
   }
-  return { def: defOf(s), description, inner: s };
+  return { def: defOf(s), description, inner: s, standaard };
 }
 function introspectObjectSchema(schema) {
   if (!schema) return [];
@@ -72,20 +90,20 @@ function introspectToFields(schema, hints, prefix = "") {
   const out = [];
   for (const [key, raw] of Object.entries(shape)) {
     if (key.startsWith("_")) continue;
-    const { def: inner, description, inner: innerSchema } = unwrap(raw);
+    const { def: inner, description, inner: innerSchema, standaard } = unwrap(raw);
     const label = description ?? key;
     const path = prefix ? `${prefix}.${key}` : key;
     const hint = hints?.[path];
     const push = (f) => out.push({ ...f, ...hint, key, label: hint?.label ?? label });
     switch (inner?.type) {
       case "number":
-        push({ key, label, type: "number" });
+        push({ key, label, type: "number", ...grenzenVan(inner) });
         break;
       case "boolean":
         push({ key, label, type: "switch" });
         break;
       case "enum":
-        push({ key, label, type: "select", options: valuesOf(inner).map((v) => ({ value: v, label: v })) });
+        push({ key, label, type: "select", options: valuesOf(inner).map((v) => ({ value: v, label: v })), standaard: typeof standaard === "string" ? standaard : void 0 });
         break;
       case "string": {
         const max = maxLengthOf(inner);

package/dist/admin/lib/zodFields.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/admin/lib/zodFields.ts"],"sourcesContent":["/**\n * Zod-introspectie voor automatisch gegenereerde formulieren. Gedeeld door:\n * - de `GenericEditor` (fallback-editor voor blokken zonder eigen `Editor`), en\n * - het `ModuleSettingsForm` (instellingen van een module in /beheer).\n *\n * Twee lagen:\n * - `introspectObjectSchema` (legacy, plat): simpele kinds — blijft bestaan voor module-settings.\n * - `introspectToFields` (5.0): levert de rijke **Field-IR** (schema/fields.ts, primo-port) met\n *   échte repeaters/groepen (recursief), richtext-/image-/link-detectie en optionele per-block\n *   hints (`defineBlock({ fields })`). De GenericEditor 2.0 rendert deze IR.\n *\n * Een veld krijgt zijn label uit `.describe(\"…\")` op het schema; zonder beschrijving valt het\n * terug op de veldsleutel. Puur (geen React) — apart testbaar.\n */\nimport { globalRegistry } from \"zod/mini\";\nimport type { $ZodType as ZodTypeAny } from \"zod/v4/core\";\nimport type { Field } from \"../../schema/fields\";\n\nexport interface SchemaField {\n  key: string;\n  kind: \"number\" | \"boolean\" | \"string\" | \"enum\" | \"json\";\n  /** Leesbaar label: `.describe()` van het schema, anders de veldsleutel. */\n  label: string;\n  options?: string[];\n  /** Max-lengte van een string (bepaalt Input vs Textarea in de UI). */\n  maxLength?: number;\n  /** Het volledige veld-schema — voor validatie van json-velden vóór commit. */\n  schema: ZodTypeAny;\n}\n\n/**\n * Zod 4-interne vorm. In Zod 3 heette dit `_def.typeName` (\"ZodObject\") met `shape` als FUNCTIE en\n * de beschrijving op `_def.description`; sinds Zod 4 is het `_def.type` (\"object\") met `shape` als\n * gewoon object, staat de beschrijving op de schema-instantie, dragen enums hun waarden in\n * `entries`, en zit een string-check achter `checks[i]._zod.def` als\n * `{ check: \"max_length\", maximum: n }`.\n *\n * Dit blijft leunen op interne velden — er is geen publieke introspectie-API in Zod. De\n * Field-IR-tests (fields.test.ts) zijn daarom het vangnet: die vallen om zodra Zod zijn interne\n * vorm opnieuw wijzigt, in plaats van dat de GenericEditor stilletjes lege formulieren toont.\n */\ntype ZodKind =\n  | \"object\" | \"string\" | \"number\" | \"boolean\" | \"enum\" | \"array\" | \"record\"\n  | \"default\" | \"optional\" | \"nullable\" | \"literal\" | (string & {});\n\ninterface AnyDef {\n  type?: ZodKind;\n  innerType?: unknown;\n  entries?: Record<string, string>;\n  element?: unknown;\n  checks?: { _zod?: { def?: { check?: string; maximum?: number } } }[];\n  shape?: Record<string, unknown>;\n}\n\n/**\n * De interne definitie van een schema.\n *\n * LET OP: `_def` is een alias die alléén de classic-façade aanbiedt — `zod/mini` (waar core op\n * draait) heeft hem niet en zet alles op `_zod.def`. Lees dus `_zod.def` eerst, met `_def` als\n * terugval voor classic-schema's uit een klantrepo. Zonder die volgorde levert introspectie\n * stilletjes niets op en toont de GenericEditor lege formulieren.\n */\nconst defOf = (schema: unknown): AnyDef | undefined =>\n  (schema as { _zod?: { def?: AnyDef } })?._zod?.def ?? (schema as { _def?: AnyDef })?._def;\n\n/** Max-lengte van een string-schema (Zod 4: checks dragen hun regel onder `_zod.def`). */\nfunction maxLengthOf(def: AnyDef | undefined): number | undefined {\n  for (const c of def?.checks ?? []) {\n    const rule = c?._zod?.def;\n    if (rule?.check === \"max_length\") return rule.maximum;\n  }\n  return undefined;\n}\n\n/** Waarden van een enum (Zod 4 levert een entries-map i.p.v. een values-array). */\nconst valuesOf = (def: AnyDef | undefined): string[] => Object.values(def?.entries ?? {});\n\n/** De velden van een objectschema; leeg als het geen object is. */\nfunction shapeOf(schema: unknown): Record<string, unknown> | null {\n  const def = defOf(schema);\n  if (def?.type !== \"object\" || !def.shape || typeof def.shape !== \"object\") return null;\n  return def.shape;\n}\n\n/**\n * De beschrijving van een schema — de bron van de veldlabels in /beheer.\n *\n * `zod/mini` heeft géén `.description`-getter (die hoort bij de classic-façade), maar `.describe()`\n * en `.register()` schrijven allebei naar dezelfde `globalRegistry`. Die lezen we hier dus direct,\n * met de getter als terugval zodat een classic-schema uit een klantrepo blijft werken.\n */\nfunction describedAs(s: unknown): string | undefined {\n  const uitRegister = globalRegistry.get(s as never)?.description;\n  return uitRegister ?? (s as { description?: string } | null)?.description;\n}\n\n/** Pakt het binnenste type uit default/optional/nullable; bewaart de buitenste beschrijving. */\nfunction unwrap(schema: unknown): { def?: AnyDef; description?: string; inner?: unknown } {\n  let s: unknown = schema;\n  let description = describedAs(s);\n  for (;;) {\n    const def = defOf(s);\n    if (def?.type !== \"default\" && def?.type !== \"optional\" && def?.type !== \"nullable\") break;\n    s = def.innerType;\n    description = description ?? describedAs(s);\n  }\n  return { def: defOf(s), description, inner: s };\n}\n\n/**\n * Leidt een formulier-beschrijving af uit een Zod-objectschema. Interne velden (`_key`/`_type`/\n * `_style`) worden overgeslagen — die beheren de editor-chrome en de StyleEditor. Complexe velden\n * (array/object/record) worden als `json` teruggegeven zodat een fallback-editor ze tóch kan\n * aanbieden; een aanroeper die alleen simpele velden wil, filtert op `kind !== \"json\"`.\n */\nexport function introspectObjectSchema(schema: ZodTypeAny | undefined): SchemaField[] {\n  if (!schema) return [];\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: SchemaField[] = [];\n  for (const [key, field] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description } = unwrap(field);\n    const label = description ?? key;\n    const fieldSchema = field as ZodTypeAny;\n    switch (inner?.type) {\n      case \"number\":\n        out.push({ key, kind: \"number\", label, schema: fieldSchema });\n        break;\n      case \"boolean\":\n        out.push({ key, kind: \"boolean\", label, schema: fieldSchema });\n        break;\n      case \"enum\":\n        out.push({ key, kind: \"enum\", label, options: valuesOf(inner), schema: fieldSchema });\n        break;\n      case \"string\": {\n        out.push({ key, kind: \"string\", label, maxLength: maxLengthOf(inner), schema: fieldSchema });\n        break;\n      }\n      case \"array\":\n      case \"object\":\n      case \"record\":\n        out.push({ key, kind: \"json\", label, schema: fieldSchema });\n        break;\n      default:\n        // ZodLiteral (bv. _type), unions e.d.: geen zinvol generiek veld.\n        break;\n    }\n  }\n  return out;\n}\n\nexport type { FieldHints } from \"../../schema/fields\";\nimport type { FieldHints } from \"../../schema/fields\";\n\n/** Herkent een beeld-URL-veld aan de sleutelnaam (zelfde heuristiek als de oude GenericEditor). */\nconst IMAGE_KEY = /image|photo|foto|logo|cover|avatar|poster/i;\n/** Herkent een URL-veld aan de sleutelnaam. */\nconst URL_KEY = /^(href|url|link)$|Url$|Href$/;\n\n/**\n * Leidt de rijke Field-IR af uit een Zod-objectschema (5.0). Verschillen met de platte laag:\n * - `z.array(z.object)` → **repeater** met recursief geïntrospecteerde subvelden;\n * - genest `z.object` → **group** (of **link** als de vorm exact `{label, href}` is);\n * - stringvelden `html`/`*Html` → **richtext**, beeld-sleutels → **image**, URL-sleutels → **url**;\n * - al het overige (records, scalar-arrays, unions) → **json** (laatste redmiddel).\n * `hints` verfijnt per (dotted) sleutel: type-overrides (date/slider/…) en `showIf`.\n */\nexport function introspectToFields(schema: ZodTypeAny | undefined, hints?: FieldHints, prefix = \"\"): Field[] {\n  // Lazy schema's (7.13): vóór registerBuiltinSchemas kan een def nog geen schema hebben —\n  // dan geen velden i.p.v. een crash (komt in de praktijk alleen in tests/randgevallen voor).\n  if (!schema) return [];\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: Field[] = [];\n  for (const [key, raw] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description, inner: innerSchema } = unwrap(raw);\n    const label = description ?? key;\n    const path = prefix ? `${prefix}.${key}` : key;\n    const hint = hints?.[path];\n    const push = (f: Field) => out.push({ ...f, ...(hint as Partial<Field>), key, label: (hint?.label as string) ?? label } as Field);\n    switch (inner?.type) {\n      case \"number\":\n        push({ key, label, type: \"number\" });\n        break;\n      case \"boolean\":\n        push({ key, label, type: \"switch\" });\n        break;\n      case \"enum\":\n        push({ key, label, type: \"select\", options: valuesOf(inner).map((v) => ({ value: v, label: v })) });\n        break;\n      case \"string\": {\n        const max = maxLengthOf(inner);\n        if (key === \"html\" || key.endsWith(\"Html\")) push({ key, label, type: \"richtext\" });\n        else if (IMAGE_KEY.test(key)) push({ key, label, type: \"image\" });\n        else if (URL_KEY.test(key)) push({ key, label, type: \"url\" });\n        else if ((max ?? 0) > 500) push({ key, label, type: \"textarea\", maxLength: max });\n        else push({ key, label, type: \"text\", maxLength: max });\n        break;\n      }\n      case \"object\": {\n        const sub = introspectToFields(innerSchema as ZodTypeAny, hints, path);\n        const isLink = sub.length === 2 && sub.some((f) => f.key === \"label\") && sub.some((f) => f.key === \"href\");\n        if (isLink) push({ key, label, type: \"link\" });\n        else if (sub.length > 0) push({ key, label, type: \"group\", fields: sub });\n        else push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"array\": {\n        const { def: elDef, inner: elSchema } = unwrap(inner?.element);\n        if (elDef?.type === \"object\") {\n          const sub = introspectToFields(elSchema as ZodTypeAny, hints, path);\n          if (sub.length > 0) {\n            push({ key, label, type: \"repeater\", fields: sub });\n            break;\n          }\n        }\n        push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"record\":\n        push({ key, label, type: \"json\" });\n        break;\n      default:\n        break;\n    }\n  }\n  return out;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/admin/lib/zodFields.ts"],"sourcesContent":["/**\n * Zod-introspectie voor automatisch gegenereerde formulieren. Gedeeld door:\n * - de `GenericEditor` (fallback-editor voor blokken zonder eigen `Editor`), en\n * - het `ModuleSettingsForm` (instellingen van een module in /beheer).\n *\n * Twee lagen:\n * - `introspectObjectSchema` (legacy, plat): simpele kinds — blijft bestaan voor module-settings.\n * - `introspectToFields` (5.0): levert de rijke **Field-IR** (schema/fields.ts, primo-port) met\n *   échte repeaters/groepen (recursief), richtext-/image-/link-detectie en optionele per-block\n *   hints (`defineBlock({ fields })`). De GenericEditor 2.0 rendert deze IR.\n *\n * Een veld krijgt zijn label uit `.describe(\"…\")` op het schema; zonder beschrijving valt het\n * terug op de veldsleutel. Puur (geen React) — apart testbaar.\n */\nimport { globalRegistry } from \"zod/mini\";\nimport type { $ZodType as ZodTypeAny } from \"zod/v4/core\";\nimport type { Field } from \"../../schema/fields\";\n\nexport interface SchemaField {\n  key: string;\n  kind: \"number\" | \"boolean\" | \"string\" | \"enum\" | \"json\";\n  /** Leesbaar label: `.describe()` van het schema, anders de veldsleutel. */\n  label: string;\n  options?: string[];\n  /** Max-lengte van een string (bepaalt Input vs Textarea in de UI). */\n  maxLength?: number;\n  /** Het volledige veld-schema — voor validatie van json-velden vóór commit. */\n  schema: ZodTypeAny;\n}\n\n/**\n * Zod 4-interne vorm. In Zod 3 heette dit `_def.typeName` (\"ZodObject\") met `shape` als FUNCTIE en\n * de beschrijving op `_def.description`; sinds Zod 4 is het `_def.type` (\"object\") met `shape` als\n * gewoon object, staat de beschrijving op de schema-instantie, dragen enums hun waarden in\n * `entries`, en zit een string-check achter `checks[i]._zod.def` als\n * `{ check: \"max_length\", maximum: n }`.\n *\n * Dit blijft leunen op interne velden — er is geen publieke introspectie-API in Zod. De\n * Field-IR-tests (fields.test.ts) zijn daarom het vangnet: die vallen om zodra Zod zijn interne\n * vorm opnieuw wijzigt, in plaats van dat de GenericEditor stilletjes lege formulieren toont.\n */\ntype ZodKind =\n  | \"object\" | \"string\" | \"number\" | \"boolean\" | \"enum\" | \"array\" | \"record\"\n  | \"default\" | \"optional\" | \"nullable\" | \"literal\" | (string & {});\n\ninterface AnyDef {\n  type?: ZodKind;\n  innerType?: unknown;\n  entries?: Record<string, string>;\n  element?: unknown;\n  checks?: { _zod?: { def?: { check?: string; maximum?: number } } }[];\n  shape?: Record<string, unknown>;\n}\n\n/**\n * De interne definitie van een schema.\n *\n * LET OP: `_def` is een alias die alléén de classic-façade aanbiedt — `zod/mini` (waar core op\n * draait) heeft hem niet en zet alles op `_zod.def`. Lees dus `_zod.def` eerst, met `_def` als\n * terugval voor classic-schema's uit een klantrepo. Zonder die volgorde levert introspectie\n * stilletjes niets op en toont de GenericEditor lege formulieren.\n */\nconst defOf = (schema: unknown): AnyDef | undefined =>\n  (schema as { _zod?: { def?: AnyDef } })?._zod?.def ?? (schema as { _def?: AnyDef })?._def;\n\n/** Max-lengte van een string-schema (Zod 4: checks dragen hun regel onder `_zod.def`). */\nfunction maxLengthOf(def: AnyDef | undefined): number | undefined {\n  for (const c of def?.checks ?? []) {\n    const rule = c?._zod?.def;\n    if (rule?.check === \"max_length\") return rule.maximum;\n  }\n  return undefined;\n}\n\n/** Onder- en bovengrens van een getal (`z.minimum`/`z.maximum`), voor een knoppenrij i.p.v. een vrij veld. */\nfunction grenzenVan(def: AnyDef | undefined): { min?: number; max?: number } {\n  const uit: { min?: number; max?: number } = {};\n  for (const c of def?.checks ?? []) {\n    const rule = c?._zod?.def as { check?: string; value?: unknown } | undefined;\n    if (rule?.check === \"greater_than\" && typeof rule.value === \"number\") uit.min = rule.value;\n    if (rule?.check === \"less_than\" && typeof rule.value === \"number\") uit.max = rule.value;\n  }\n  return uit;\n}\n\n/** Waarden van een enum (Zod 4 levert een entries-map i.p.v. een values-array). */\nconst valuesOf = (def: AnyDef | undefined): string[] => Object.values(def?.entries ?? {});\n\n/** De velden van een objectschema; leeg als het geen object is. */\nfunction shapeOf(schema: unknown): Record<string, unknown> | null {\n  const def = defOf(schema);\n  if (def?.type !== \"object\" || !def.shape || typeof def.shape !== \"object\") return null;\n  return def.shape;\n}\n\n/**\n * De beschrijving van een schema — de bron van de veldlabels in /beheer.\n *\n * `zod/mini` heeft géén `.description`-getter (die hoort bij de classic-façade), maar `.describe()`\n * en `.register()` schrijven allebei naar dezelfde `globalRegistry`. Die lezen we hier dus direct,\n * met de getter als terugval zodat een classic-schema uit een klantrepo blijft werken.\n */\nfunction describedAs(s: unknown): string | undefined {\n  const uitRegister = globalRegistry.get(s as never)?.description;\n  return uitRegister ?? (s as { description?: string } | null)?.description;\n}\n\n/** Pakt het binnenste type uit default/optional/nullable; bewaart de buitenste beschrijving. */\nfunction unwrap(schema: unknown): { def?: AnyDef; description?: string; inner?: unknown; standaard?: unknown } {\n  let s: unknown = schema;\n  let description = describedAs(s);\n  let standaard: unknown;\n  for (;;) {\n    const def = defOf(s);\n    if (def?.type !== \"default\" && def?.type !== \"optional\" && def?.type !== \"nullable\") break;\n    if (def.type === \"default\" && standaard === undefined) {\n      // 8.10: de default meenemen — een keuzelijst toont dan wat er echt gerenderd wordt.\n      const d = (def as { defaultValue?: unknown }).defaultValue;\n      try {\n        standaard = typeof d === \"function\" ? (d as () => unknown)() : d;\n      } catch {\n        standaard = undefined;\n      }\n    }\n    s = def.innerType;\n    description = description ?? describedAs(s);\n  }\n  return { def: defOf(s), description, inner: s, standaard };\n}\n\n/**\n * Leidt een formulier-beschrijving af uit een Zod-objectschema. Interne velden (`_key`/`_type`/\n * `_style`) worden overgeslagen — die beheren de editor-chrome en de StyleEditor. Complexe velden\n * (array/object/record) worden als `json` teruggegeven zodat een fallback-editor ze tóch kan\n * aanbieden; een aanroeper die alleen simpele velden wil, filtert op `kind !== \"json\"`.\n */\nexport function introspectObjectSchema(schema: ZodTypeAny | undefined): SchemaField[] {\n  if (!schema) return [];\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: SchemaField[] = [];\n  for (const [key, field] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description } = unwrap(field);\n    const label = description ?? key;\n    const fieldSchema = field as ZodTypeAny;\n    switch (inner?.type) {\n      case \"number\":\n        out.push({ key, kind: \"number\", label, schema: fieldSchema });\n        break;\n      case \"boolean\":\n        out.push({ key, kind: \"boolean\", label, schema: fieldSchema });\n        break;\n      case \"enum\":\n        out.push({ key, kind: \"enum\", label, options: valuesOf(inner), schema: fieldSchema });\n        break;\n      case \"string\": {\n        out.push({ key, kind: \"string\", label, maxLength: maxLengthOf(inner), schema: fieldSchema });\n        break;\n      }\n      case \"array\":\n      case \"object\":\n      case \"record\":\n        out.push({ key, kind: \"json\", label, schema: fieldSchema });\n        break;\n      default:\n        // ZodLiteral (bv. _type), unions e.d.: geen zinvol generiek veld.\n        break;\n    }\n  }\n  return out;\n}\n\nexport type { FieldHints } from \"../../schema/fields\";\nimport type { FieldHints } from \"../../schema/fields\";\n\n/** Herkent een beeld-URL-veld aan de sleutelnaam (zelfde heuristiek als de oude GenericEditor). */\nconst IMAGE_KEY = /image|photo|foto|logo|cover|avatar|poster/i;\n/** Herkent een URL-veld aan de sleutelnaam. */\nconst URL_KEY = /^(href|url|link)$|Url$|Href$/;\n\n/**\n * Leidt de rijke Field-IR af uit een Zod-objectschema (5.0). Verschillen met de platte laag:\n * - `z.array(z.object)` → **repeater** met recursief geïntrospecteerde subvelden;\n * - genest `z.object` → **group** (of **link** als de vorm exact `{label, href}` is);\n * - stringvelden `html`/`*Html` → **richtext**, beeld-sleutels → **image**, URL-sleutels → **url**;\n * - al het overige (records, scalar-arrays, unions) → **json** (laatste redmiddel).\n * `hints` verfijnt per (dotted) sleutel: type-overrides (date/slider/…) en `showIf`.\n */\nexport function introspectToFields(schema: ZodTypeAny | undefined, hints?: FieldHints, prefix = \"\"): Field[] {\n  // Lazy schema's (7.13): vóór registerBuiltinSchemas kan een def nog geen schema hebben —\n  // dan geen velden i.p.v. een crash (komt in de praktijk alleen in tests/randgevallen voor).\n  if (!schema) return [];\n  const shape = shapeOf(schema);\n  if (!shape) return [];\n  const out: Field[] = [];\n  for (const [key, raw] of Object.entries(shape)) {\n    if (key.startsWith(\"_\")) continue;\n    const { def: inner, description, inner: innerSchema, standaard } = unwrap(raw);\n    const label = description ?? key;\n    const path = prefix ? `${prefix}.${key}` : key;\n    const hint = hints?.[path];\n    const push = (f: Field) => out.push({ ...f, ...(hint as Partial<Field>), key, label: (hint?.label as string) ?? label } as Field);\n    switch (inner?.type) {\n      case \"number\":\n        push({ key, label, type: \"number\", ...grenzenVan(inner) });\n        break;\n      case \"boolean\":\n        push({ key, label, type: \"switch\" });\n        break;\n      case \"enum\":\n        push({ key, label, type: \"select\", options: valuesOf(inner).map((v) => ({ value: v, label: v })), standaard: typeof standaard === \"string\" ? standaard : undefined });\n        break;\n      case \"string\": {\n        const max = maxLengthOf(inner);\n        if (key === \"html\" || key.endsWith(\"Html\")) push({ key, label, type: \"richtext\" });\n        else if (IMAGE_KEY.test(key)) push({ key, label, type: \"image\" });\n        else if (URL_KEY.test(key)) push({ key, label, type: \"url\" });\n        else if ((max ?? 0) > 500) push({ key, label, type: \"textarea\", maxLength: max });\n        else push({ key, label, type: \"text\", maxLength: max });\n        break;\n      }\n      case \"object\": {\n        const sub = introspectToFields(innerSchema as ZodTypeAny, hints, path);\n        const isLink = sub.length === 2 && sub.some((f) => f.key === \"label\") && sub.some((f) => f.key === \"href\");\n        if (isLink) push({ key, label, type: \"link\" });\n        else if (sub.length > 0) push({ key, label, type: \"group\", fields: sub });\n        else push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"array\": {\n        const { def: elDef, inner: elSchema } = unwrap(inner?.element);\n        if (elDef?.type === \"object\") {\n          const sub = introspectToFields(elSchema as ZodTypeAny, hints, path);\n          if (sub.length > 0) {\n            push({ key, label, type: \"repeater\", fields: sub });\n            break;\n          }\n        }\n        push({ key, label, type: \"json\" });\n        break;\n      }\n      case \"record\":\n        push({ key, label, type: \"json\" });\n        break;\n      default:\n        break;\n    }\n  }\n  return out;\n}\n"],"mappings":"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","names":[]}

package/dist/admin/lib/zodFout.d.ts

@@ -0,0 +1,9 @@
+interface Issue {
+    path?: PropertyKey[];
+    code?: string;
+    message?: string;
+    origin?: string;
+    format?: string;
+}
+export declare function zodFoutTekst(issue: Issue | undefined): string;
+export {};

package/dist/admin/lib/zodFout.js

@@ -0,0 +1,63 @@
+const NAMEN = {
+  name: "Sitenaam",
+  contactEmail: "Contact-e-mail",
+  domain: "Domein",
+  nav: "Menu",
+  children: "submenu",
+  footer: "Footer",
+  columns: "kolom",
+  links: "link",
+  social: "social-link",
+  copyright: "copyright",
+  heading: "kop",
+  label: "tekst",
+  href: "adres",
+  platform: "naam",
+  redirects: "Doorverwijzing",
+  from: "van",
+  to: "naar",
+  theme: "Huisstijl",
+  primary: "merkkleur",
+  accent: "accentkleur",
+  background: "achtergrondkleur",
+  foreground: "tekstkleur",
+  seoDefaults: "SEO",
+  description: "omschrijving",
+  forms: "Formulieren",
+  title: "titel",
+  slug: "adres",
+  price: "prijs",
+  priceCents: "prijs",
+  fields: "veld",
+  options: "keuze",
+  code: "code",
+  percent: "percentage",
+  stock: "voorraad",
+  variants: "variant"
+};
+function zodFoutTekst(issue) {
+  if (!issue) return "Onbekende fout.";
+  const delen = [];
+  for (const p of issue.path ?? []) {
+    if (typeof p === "number") {
+      if (delen.length) delen[delen.length - 1] += ` ${p + 1}`;
+      else delen.push(`item ${p + 1}`);
+    } else {
+      delen.push(NAMEN[String(p)] ?? String(p));
+    }
+  }
+  const waar = delen.join(", ");
+  let wat;
+  if (issue.code === "too_small" && issue.origin === "string") wat = "is leeg";
+  else if (issue.code === "too_small") wat = "is te klein of te kort";
+  else if (issue.code === "too_big") wat = "is te lang";
+  else if (issue.code === "invalid_format" && issue.format === "email") wat = "is geen geldig e-mailadres";
+  else if (issue.code === "invalid_format") wat = "heeft een ongeldige vorm";
+  else if (issue.code === "invalid_type") wat = "ontbreekt of heeft een verkeerde waarde";
+  else wat = issue.message ?? "klopt niet";
+  return waar ? `${waar[0].toUpperCase()}${waar.slice(1)}: ${wat}.` : `${wat[0].toUpperCase()}${wat.slice(1)}.`;
+}
+export {
+  zodFoutTekst
+};
+//# sourceMappingURL=zodFout.js.map

package/dist/admin/lib/zodFout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/lib/zodFout.ts"],"sourcesContent":["/**\n * Een zod-fout in mensentaal (8.10).\n *\n * Bij opslaan van de instellingen kreeg de klant \"Too small: expected string to have >=1\n * characters\" — Engels, zonder te zeggen wélk veld. Dit maakt er \"Footer, kolom 2, link 1: de tekst\n * is leeg\" van. Onbekende velden krijgen hun sleutel; dat is nog altijd beter dan niets.\n */\nconst NAMEN: Record<string, string> = {\n  name: \"Sitenaam\",\n  contactEmail: \"Contact-e-mail\",\n  domain: \"Domein\",\n  nav: \"Menu\",\n  children: \"submenu\",\n  footer: \"Footer\",\n  columns: \"kolom\",\n  links: \"link\",\n  social: \"social-link\",\n  copyright: \"copyright\",\n  heading: \"kop\",\n  label: \"tekst\",\n  href: \"adres\",\n  platform: \"naam\",\n  redirects: \"Doorverwijzing\",\n  from: \"van\",\n  to: \"naar\",\n  theme: \"Huisstijl\",\n  primary: \"merkkleur\",\n  accent: \"accentkleur\",\n  background: \"achtergrondkleur\",\n  foreground: \"tekstkleur\",\n  seoDefaults: \"SEO\",\n  description: \"omschrijving\",\n  forms: \"Formulieren\",\n  title: \"titel\",\n  slug: \"adres\",\n  price: \"prijs\",\n  priceCents: \"prijs\",\n  fields: \"veld\",\n  options: \"keuze\",\n  code: \"code\",\n  percent: \"percentage\",\n  stock: \"voorraad\",\n  variants: \"variant\",\n};\n\ninterface Issue {\n  path?: PropertyKey[];\n  code?: string;\n  message?: string;\n  origin?: string;\n  format?: string;\n}\n\nexport function zodFoutTekst(issue: Issue | undefined): string {\n  if (!issue) return \"Onbekende fout.\";\n  const delen: string[] = [];\n  for (const p of issue.path ?? []) {\n    if (typeof p === \"number\") {\n      if (delen.length) delen[delen.length - 1] += ` ${p + 1}`;\n      else delen.push(`item ${p + 1}`);\n    } else {\n      delen.push(NAMEN[String(p)] ?? String(p));\n    }\n  }\n  const waar = delen.join(\", \");\n  let wat: string;\n  if (issue.code === \"too_small\" && issue.origin === \"string\") wat = \"is leeg\";\n  else if (issue.code === \"too_small\") wat = \"is te klein of te kort\";\n  else if (issue.code === \"too_big\") wat = \"is te lang\";\n  else if (issue.code === \"invalid_format\" && issue.format === \"email\") wat = \"is geen geldig e-mailadres\";\n  else if (issue.code === \"invalid_format\") wat = \"heeft een ongeldige vorm\";\n  else if (issue.code === \"invalid_type\") wat = \"ontbreekt of heeft een verkeerde waarde\";\n  else wat = issue.message ?? \"klopt niet\";\n  return waar ? `${waar[0].toUpperCase()}${waar.slice(1)}: ${wat}.` : `${wat[0].toUpperCase()}${wat.slice(1)}.`;\n}\n"],"mappings":"AAOA,MAAM,QAAgC;AAAA,EACpC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ;AAUO,SAAS,aAAa,OAAkC;AAC7D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAkB,CAAC;AACzB,aAAW,KAAK,MAAM,QAAQ,CAAC,GAAG;AAChC,QAAI,OAAO,MAAM,UAAU;AACzB,UAAI,MAAM,OAAQ,OAAM,MAAM,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC;AAAA,UACjD,OAAM,KAAK,QAAQ,IAAI,CAAC,EAAE;AAAA,IACjC,OAAO;AACL,YAAM,KAAK,MAAM,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA,IAC1C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,KAAK,IAAI;AAC5B,MAAI;AACJ,MAAI,MAAM,SAAS,eAAe,MAAM,WAAW,SAAU,OAAM;AAAA,WAC1D,MAAM,SAAS,YAAa,OAAM;AAAA,WAClC,MAAM,SAAS,UAAW,OAAM;AAAA,WAChC,MAAM,SAAS,oBAAoB,MAAM,WAAW,QAAS,OAAM;AAAA,WACnE,MAAM,SAAS,iBAAkB,OAAM;AAAA,WACvC,MAAM,SAAS,eAAgB,OAAM;AAAA,MACzC,OAAM,MAAM,WAAW;AAC5B,SAAO,OAAO,GAAG,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,YAAY,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC;AAC5G;","names":[]}

package/dist/admin/media/MediaManager.js

@@ -14,12 +14,15 @@ import {
 } from "firebase/firestore";
 import { deleteObject, ref as storageRef } from "firebase/storage";
 import { getBucket, getDb } from "../../firebase/client.js";
-import { DEMO_EVENT, isDemoActive, listDemoMediaAll } from "../../demo/demoStore.js";
-import { Button, Card, Badge, Input } from "../ui/primitives.js";
+import { DEMO_EVENT, isDemoActive, listDemoMediaAll, removeDemoMedia } from "../../demo/demoStore.js";
+import { Button, Card, Badge, Input, LegeStaat } from "../ui/primitives.js";
 import { useToast } from "../ui/toast.js";
+import { Switch } from "../ui/switch.js";
 import { useConfirm } from "../ui/ConfirmDialog.js";
 import { uploadImage } from "../lib/upload.js";
 import { findMediaUsage, findUnusedMedia } from "../lib/mediaUsage.js";
+import { korteDatum, leesbareGrootte, MEDIA_SORTERINGEN, sorteerMedia } from "../lib/mediaLijst.js";
+import { Select } from "../ui/select.js";
 const PAGE_SIZE = 48;
 function MediaManager({ siteId }) {
   const { toast } = useToast();
@@ -32,7 +35,10 @@ function MediaManager({ siteId }) {
   const [hasMore, setHasMore] = useState(false);
   const inputRef = useRef(null);
   const [zoek, setZoek] = useState("");
+  const [zonderAlt, setZonderAlt] = useState(false);
   const [sleepOver, setSleepOver] = useState(false);
+  const [sortering, setSortering] = useState("nieuw");
+  const [geselecteerd, setGeselecteerd] = useState(() => /* @__PURE__ */ new Set());
   useEffect(() => {
     if (isDemoActive()) {
       const sync = () => setItems(listDemoMediaAll(siteId));
@@ -92,14 +98,13 @@ function MediaManager({ siteId }) {
     }
   }
   async function remove(item) {
-    const db = getDb();
-    const bucket = getBucket();
-    if (!db) return;
-    const usedOn = await findMediaUsage(siteId, item);
+    const demo = isDemoActive();
+    if (!demo && !getDb()) return;
+    const usedOn = demo ? [] : await findMediaUsage(siteId, item);
     const ok = await confirm({
       title: "Afbeelding verwijderen?",
-      description: usedOn.length > 0 ? `Let op: deze afbeelding wordt gebruikt op ${usedOn.length} gepubliceerde pagina('s) (${usedOn.join(", ")}). Daar verschijnt dan een gebroken afbeelding.` : "De afbeelding wordt definitief verwijderd.",
-      confirmLabel: "Verwijderen",
+      description: usedOn === null ? "Er kon niet worden nagegaan of deze afbeelding nog ergens gebruikt wordt. Wordt hij dat wel, dan verschijnt daar een gebroken afbeelding." : usedOn.length > 0 ? `Let op: deze afbeelding wordt nog gebruikt (${usedOn.slice(0, 5).join(", ")}${usedOn.length > 5 ? " \u2026" : ""}). Daar verschijnt dan een gebroken afbeelding.` : "De afbeelding wordt nergens gebruikt en wordt definitief verwijderd.",
+      confirmLabel: usedOn && usedOn.length > 0 ? "Toch verwijderen" : "Verwijderen",
       tone: "danger"
     });
     if (!ok) return;
@@ -110,7 +115,67 @@ function MediaManager({ siteId }) {
       toast({ title: "Verwijderen mislukt", description: e.message, tone: "error" });
     }
   }
+  async function verwijderSelectie() {
+    const doelen = items.filter((it) => geselecteerd.has(it.id));
+    if (doelen.length === 0) return;
+    setBusy(true);
+    let inGebruik = isDemoActive() ? 0 : null;
+    try {
+      if (!isDemoActive()) {
+        const vrij = new Set(await findUnusedMedia(siteId, doelen));
+        inGebruik = doelen.filter((d) => !vrij.has(d.id)).length;
+      }
+    } catch {
+      inGebruik = null;
+    }
+    setBusy(false);
+    const ok = await confirm({
+      title: `${doelen.length} foto('s) verwijderen?`,
+      description: inGebruik === null ? "Kon niet nagaan of deze foto's nog op de site staan. Waar ze gebruikt worden, verschijnt dan een gebroken afbeelding." : inGebruik > 0 ? `Let op: ${inGebruik} hiervan ${inGebruik === 1 ? "wordt" : "worden"} nog gebruikt (of ${inGebruik === 1 ? "is" : "zijn"} net ge\xFCpload). Daar verschijnt dan een gebroken afbeelding.` : "Geen van deze foto's wordt nog gebruikt. Ze worden definitief verwijderd.",
+      confirmLabel: "Verwijderen",
+      tone: "danger"
+    });
+    if (!ok) return;
+    setBusy(true);
+    let gelukt = 0;
+    const fouten = [];
+    for (const it of doelen) {
+      try {
+        await verwijderItem(it);
+        gelukt++;
+      } catch (e) {
+        fouten.push(`${it.name}: ${e.message}`);
+      }
+    }
+    setGeselecteerd(/* @__PURE__ */ new Set());
+    setBusy(false);
+    if (gelukt) toast({ title: `${gelukt} foto('s) verwijderd`, tone: "success" });
+    if (fouten.length) toast({ title: "Niet alles kon weg", description: fouten.join(" \xB7 "), tone: "error" });
+  }
+  async function download(item) {
+    try {
+      const res = await fetch(item.url);
+      if (!res.ok) throw new Error(String(res.status));
+      const url = URL.createObjectURL(await res.blob());
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = item.name || "foto";
+      a.click();
+      setTimeout(() => URL.revokeObjectURL(url), 1e3);
+    } catch {
+      window.open(item.url, "_blank", "noopener");
+    }
+  }
+  function wisselSelectie(id) {
+    setGeselecteerd((s) => {
+      const n = new Set(s);
+      if (n.has(id)) n.delete(id);
+      else n.add(id);
+      return n;
+    });
+  }
   async function verwijderItem(item) {
+    if (isDemoActive()) return removeDemoMedia(siteId, item.id);
     const db = getDb();
     const bucket = getBucket();
     if (!db) throw new Error("Geen databaseverbinding.");
@@ -169,7 +234,13 @@ function MediaManager({ siteId }) {
     if (fouten.length) toast({ title: "Niet alles kon weg", description: fouten.join(" \xB7 "), tone: "error" });
   }
   const term = zoek.trim().toLowerCase();
-  const getoond = term ? items.filter((m) => `${m.name ?? ""} ${m.alt ?? ""}`.toLowerCase().includes(term)) : items;
+  const aantalZonderAlt = items.filter((m) => !m.alt?.trim()).length;
+  const getoond = sorteerMedia(
+    items.filter((m) => !zonderAlt || !m.alt?.trim()).filter((m) => !term || `${m.name ?? ""} ${m.alt ?? ""}`.toLowerCase().includes(term)),
+    sortering
+  );
+  const aantalGeselecteerd = items.filter((m) => geselecteerd.has(m.id)).length;
+  const allesGetoondGeselecteerd = getoond.length > 0 && getoond.every((m) => geselecteerd.has(m.id));
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -205,7 +276,48 @@ function MediaManager({ siteId }) {
             /* @__PURE__ */ jsx("strong", { children: "focuspunt" }),
             " te kiezen: dat deel blijft in beeld als de foto wordt bijgesneden (bijvoorbeeld een brede kopfoto op een telefoon)."
           ] }),
-          items.length > 8 && /* @__PURE__ */ jsx("div", { className: "mt-3 max-w-xs", children: /* @__PURE__ */ jsx(Input, { value: zoek, onChange: (e) => setZoek(e.target.value), placeholder: "Zoek op naam of alt-tekst\u2026", "aria-label": "Zoek in mediabibliotheek" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-3", children: [
+            items.length > 8 && /* @__PURE__ */ jsx("div", { className: "w-full max-w-xs", children: /* @__PURE__ */ jsx(Input, { value: zoek, onChange: (e) => setZoek(e.target.value), placeholder: "Zoek op naam of beschrijving\u2026", "aria-label": "Zoek in mediabibliotheek" }) }),
+            (aantalZonderAlt > 0 || zonderAlt) && /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: zonderAlt,
+                onCheckedChange: setZonderAlt,
+                label: `Alleen zonder beschrijving (${aantalZonderAlt})`
+              }
+            ),
+            items.length > 1 && /* @__PURE__ */ jsx("div", { className: "w-48", children: /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: sortering,
+                onValueChange: (v) => setSortering(v || "nieuw"),
+                options: MEDIA_SORTERINGEN,
+                placeholder: "Sorteren"
+              }
+            ) })
+          ] }),
+          aantalGeselecteerd > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "region",
+              "aria-label": "Selectie",
+              className: "sticky top-2 z-10 mt-3 flex flex-wrap items-center gap-2 rounded-lg border border-brand-500/40 bg-brand-50 px-3 py-2 text-sm shadow-sm",
+              children: [
+                /* @__PURE__ */ jsxs("strong", { children: [
+                  aantalGeselecteerd,
+                  " geselecteerd"
+                ] }),
+                !allesGetoondGeselecteerd && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setGeselecteerd(/* @__PURE__ */ new Set([...geselecteerd, ...getoond.map((m) => m.id)])), children: [
+                  "Alles selecteren (",
+                  getoond.length,
+                  ")"
+                ] }),
+                /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => setGeselecteerd(/* @__PURE__ */ new Set()), children: "Selectie wissen" }),
+                /* @__PURE__ */ jsx("span", { className: "flex-1" }),
+                /* @__PURE__ */ jsx(Button, { loading: busy, variant: "danger", size: "sm", disabled: busy, onClick: () => void verwijderSelectie(), children: `Verwijderen (${aantalGeselecteerd})` })
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx(
             "input",
             {
@@ -222,32 +334,49 @@ function MediaManager({ siteId }) {
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: [
-          getoond.map((m) => /* @__PURE__ */ jsxs(Card, { className: "p-3", children: [
-            /* @__PURE__ */ jsx(FocusFoto, { item: m, onFocus: (f) => void zetFocus(m, f) }),
+          getoond.map((m) => /* @__PURE__ */ jsxs(Card, { className: `p-3 ${geselecteerd.has(m.id) ? "ring-2 ring-brand-500" : ""}`, children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(FocusFoto, { item: m, onFocus: (f) => void zetFocus(m, f) }),
+              /* @__PURE__ */ jsx("label", { className: "absolute top-1.5 left-1.5 flex h-7 w-7 cursor-pointer items-center justify-center rounded-md bg-white/90 shadow", children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "h-4 w-4 cursor-pointer accent-brand-600",
+                  checked: geselecteerd.has(m.id),
+                  onChange: () => wisselSelectie(m.id),
+                  "aria-label": `Selecteer ${m.name ?? "foto"}`
+                }
+              ) })
+            ] }),
             /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-1", children: [
-              /* @__PURE__ */ jsxs("span", { className: "truncate text-xs text-slate-500", children: [
-                m.name,
-                m.width && /* @__PURE__ */ jsxs("span", { className: "text-slate-400", children: [
-                  " \xB7 ",
-                  m.width,
-                  "\xD7",
-                  m.height
-                ] })
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 text-xs text-slate-500", children: [
+                /* @__PURE__ */ jsx("span", { className: "block truncate", title: m.name, children: m.name }),
+                /* @__PURE__ */ jsx("span", { className: "block truncate", children: [
+                  m.width && m.height ? `${m.width}\xD7${m.height}` : "",
+                  leesbareGrootte(m.size),
+                  korteDatum(m.createdAt)
+                ].filter(Boolean).join(" \xB7 ") })
               ] }),
               m.status === "processing" ? /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "verwerken" }) : ongebruikt?.includes(m.id) ? /* @__PURE__ */ jsx(Badge, { tone: "amber", children: "ongebruikt" }) : /* @__PURE__ */ jsx(Badge, { tone: "green", children: "klaar" })
             ] }),
             /* @__PURE__ */ jsx(AltInput, { item: m, onSave: saveAlt }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "text-xs", onClick: () => void navigator.clipboard?.writeText(m.url), children: "Kopieer URL" }),
-              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "text-xs", onClick: () => void remove(m), children: "Verwijder" })
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "text-xs",
+                  onClick: () => void navigator.clipboard?.writeText(m.url).then(() => toast({ title: "Adres gekopieerd", tone: "success" })).catch(() => toast({ title: "Kopi\xEBren lukte niet", description: m.url, tone: "error" })),
+                  children: "Kopieer adres"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "text-xs", onClick: () => void download(m), children: "Download" }),
+              /* @__PURE__ */ jsx(Button, { variant: "dangerGhost", size: "sm", className: "text-xs", onClick: () => void remove(m), children: "Verwijderen" })
             ] })
           ] }, m.id)),
-          items.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: "Nog geen media." }),
-          items.length > 0 && getoond.length === 0 && /* @__PURE__ */ jsxs("p", { className: "text-sm text-slate-500", children: [
-            "Geen foto's gevonden voor \u201C",
-            zoek,
-            "\u201D."
-          ] })
+          items.length === 0 && /* @__PURE__ */ jsx(LegeStaat, { titel: "Nog geen foto's", tekst: "Sleep foto's hierheen of gebruik Uploaden. Ze worden vanzelf verkleind en in meerdere formaten klaargezet." }),
+          items.length > 0 && getoond.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500", children: zonderAlt && !term ? "Alle foto's hebben een beschrijving." : `Geen foto's gevonden voor \u201C${zoek}\u201D.` })
         ] }),
         hasMore && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: () => setPageCount((c) => c + 1), children: "Meer laden\u2026" }) })
       ]
@@ -264,13 +393,14 @@ function AltInput({ item, onSave }) {
     Input,
     {
       value,
-      placeholder: "Alt-tekst",
-      className: "mb-2 h-8 text-xs",
+      placeholder: "Beschrijving (alt-tekst)",
+      "aria-label": `Beschrijving van ${item.name ?? "de foto"} voor schermlezers en Google`,
+      className: "mb-2 text-xs",
       onChange: (e) => setValue(e.target.value),
       onFocus: () => setFocused(true),
       onBlur: () => {
         setFocused(false);
-        void onSave(item, value);
+        if (value !== (item.alt ?? "")) void onSave(item, value);
       }
     }
   );