@acms-subir/core 0.3.3-next.20260929113209 → 0.3.4

package/src/components/editor/EventPanel.tsx

@@ -1,6 +1,8 @@
 import { useMemo, useState } from 'react';
 import type { EventCta, EventLocation } from '../../lib/schema';
 import type { EventFieldConfig } from '../../lib/calendar/config';
+import WhereItLands from '../calendar/WhereItLands';
+import RoomHolds, { type RoomHoldValue } from '../calendar/RoomHolds';
 import { buildRepeat, describeRepeat, parseRepeat, WEEKDAY_CODES, weekdayOf, type RepeatParts } from '../../lib/calendar/rrule';
 
 // The event half of the editor sidebar: When · Repeats · Where · Button ·
@@ -21,6 +23,7 @@ export interface EventMeta {
   calendarIds: string[];
   fields: Record<string, string>;
   rsvp: { enabled: boolean; capacity: number; autoConfirm: boolean; maxSeats: number };
+  roomHold: RoomHoldValue;
 }
 
 export interface CalendarOption {
@@ -35,6 +38,11 @@ interface Props {
   calendars: CalendarOption[];
   fields: EventFieldConfig[];
   siteTimezone: string;
+  // shows the "where it lands" mini month (Schedule data, minus this event)
+  eventId?: string;
+  // for the Rooms section (conflict wording, "Hold now" on drafts)
+  title?: string;
+  status?: string;
 }
 
 const DAY_LETTERS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
@@ -64,7 +72,7 @@ function zoneList(): string[] {
   }
 }
 
-export function EventPanel({ meta, onChange, calendars, fields, siteTimezone }: Props) {
+export function EventPanel({ meta, onChange, calendars, fields, siteTimezone, eventId, title = '', status = 'draft' }: Props) {
   const repeat = useMemo(() => parseRepeat(meta.rrule, meta.start), [meta.rrule, meta.start]);
   const [skipDraft, setSkipDraft] = useState('');
   const zones = useMemo(zoneList, []);
@@ -136,6 +144,10 @@ export function EventPanel({ meta, onChange, calendars, fields, siteTimezone }:
         {!meta.allDay && !showEndDate && (
           <button type="button" className="pe-ev-link" onClick={() => setShowEndDate(true)}>Ends on another day</button>
         )}
+        {eventId && datePart(meta.start) && (
+          <WhereItLands date={datePart(meta.start)} eventId={eventId}
+            onPick={(d) => setStart(meta.allDay ? d : `${d}T${timePart(meta.start) || '10:00'}`)} />
+        )}
         <label className="pe-switch-row">
           <span><b>All day</b><small>No start or end time</small></span>
           <input type="checkbox" role="switch" className="pe-switch" checked={meta.allDay} onChange={(e) => toggleAllDay(e.target.checked)} />
@@ -277,6 +289,15 @@ export function EventPanel({ meta, onChange, calendars, fields, siteTimezone }:
         </label>
       </section>
 
+      <RoomHolds
+        times={{ eventId: eventId ?? '', title, start: meta.start, end: meta.end, allDay: meta.allDay, timezone: meta.timezone, rrule: meta.rrule, exdates: meta.exdates }}
+        hold={meta.roomHold}
+        status={status}
+        locationName={meta.location.name}
+        onChange={(roomHold) => onChange({ roomHold })}
+        onLocation={(name) => onChange({ location: { ...meta.location, name } })}
+      />
+
       <section className="pe-sb-section pe-ev">
         <h3 className="pe-sb-title">Button</h3>
         <div className="pe-ev-row">
@@ -327,7 +348,7 @@ export function EventPanel({ meta, onChange, calendars, fields, siteTimezone }:
       <section className="pe-sb-section pe-ev">
         <h3 className="pe-sb-title">Calendars</h3>
         {calendars.length === 0 ? (
-          <p className="pe-ev-note">No calendars yet — the event shows on the main calendar. <a href="/admin/calendar/calendars" target="_blank" rel="noopener">Create one</a> to group events.</p>
+          <p className="pe-ev-note">No calendars yet — the event shows on the main calendar. <a href="/admin/calendar/settings?new=1" target="_blank" rel="noopener">Create one</a> to group events.</p>
         ) : (
           <div className="pe-ev-cals">
             {calendars.map((c) => {

package/src/components/editor/PostEditor.tsx

@@ -7,7 +7,8 @@ import Highlight from '@tiptap/extension-highlight';
 import { TableKit } from '@tiptap/extension-table';
 import { Placeholder, CharacterCount } from '@tiptap/extensions';
 import { actions } from 'astro:actions';
-import type { CalEvent, Page, Post, Status } from '../../lib/schema';
+import type { CalEvent, DocTranslations, Page, Post, Status } from '../../lib/schema';
+import { textHash } from '../../theme-sdk/fields.mjs';
 import { ImageCard, EmbedCard, ButtonCard, Callout, HtmlCard, detectEmbed } from './extensions/cards';
 import { FileCard, GalleryCard, BookmarkCard } from './extensions/mediaCards';
 import { CodeBlock } from './extensions/codeBlock';
@@ -30,6 +31,7 @@ import { I18N, localeHomeUrl } from '../../lib/i18n';
 import { mergeEventDraft, mergePageDraft, mergePostDraft } from '../../lib/drafts';
 import { CALENDAR, eventUrl, type EventFieldConfig } from '../../lib/calendar/config';
 import { EventPanel, eventWhenLabel, type CalendarOption, type EventMeta } from './EventPanel';
+import { fetchRoomStatus, NO_HOLD, RoomConflictDialog } from '../calendar/RoomHolds';
 
 // The Ghost-style writing surface, shared by posts AND pages: distraction-free
 // column, cards via "/", autosave, a collapsible settings sidebar, and an
@@ -62,6 +64,10 @@ interface Props {
   templates?: string[];
   // public identity for the Search / Social preview tabs
   site?: { title: string; url: string };
+  // extra site languages (acms({ i18n })) and whether AI drafts are available
+  languages?: { code: string; name: string }[];
+  mainLanguage?: { code: string; name: string };
+  translationDrafts?: boolean;
 }
 
 interface Meta extends EventMeta {
@@ -136,13 +142,18 @@ function joinBrokenTableRows(text: string): string {
   return out.join('\n');
 }
 
+type TrField = 'title' | 'excerpt' | 'bodyHtml' | 'seoTitle' | 'seoDesc' | 'locationName' | 'ctaLabel';
+const emptyTr = () => ({ title: '', excerpt: '', bodyHtml: '', seoTitle: '', seoDesc: '', slug: '', locationName: '', ctaLabel: '', meta: {} as Record<string, { state: 'ai' | 'reviewed'; src: string }> });
+const TR_STATE: Record<string, string> = { missing: 'not translated', ai: 'AI draft', reviewed: 'reviewed', outdated: 'English changed' };
+
 const NO_EVENT: EventMeta = {
   start: '', end: '', allDay: false, timezone: '', rrule: '', exdates: [], cancelled: false,
   location: { name: '', address: '', url: '' }, cta: { label: '', href: '', style: 'primary' }, calendarIds: [], fields: {},
   rsvp: { enabled: false, capacity: 0, autoConfirm: true, maxSeats: 4 },
+  roomHold: NO_HOLD,
 };
 
-export default function PostEditor({ kind = 'post', post, page, event, calendars = [], eventFields = [], siteTimezone = '', initialHTML, unsplashEnabled, previewPath, sharePath, livePath: livePathProp, templates = [], site = { title: '', url: '' } }: Props) {
+export default function PostEditor({ kind = 'post', post, page, event, calendars = [], eventFields = [], siteTimezone = '', initialHTML, unsplashEnabled, previewPath, sharePath, livePath: livePathProp, templates = [], site = { title: '', url: '' }, languages = [], mainLanguage, translationDrafts = false }: Props) {
   const doc = (kind === 'page' ? page : kind === 'event' ? event : post)!;
   // posts and events share the feature image, excerpt, tags and "featured"
   const postLike = kind !== 'page';
@@ -167,7 +178,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
           template: event!.template, publishedAt: event!.publishedAt, scheduledAt: event!.scheduledAt,
           start: event!.start, end: event!.end, allDay: event!.allDay, timezone: event!.timezone, rrule: event!.rrule,
           exdates: event!.exdates, cancelled: event!.cancelled, location: event!.location, cta: event!.cta,
-          calendarIds: event!.calendarIds, fields: event!.fields, rsvp: event!.rsvp,
+          calendarIds: event!.calendarIds, fields: event!.fields, rsvp: event!.rsvp, roomHold: event!.roomHold,
         }
       : {
           ...NO_EVENT,
@@ -183,7 +194,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
   const col = kind === 'event'
     ? { singular: 'Event', plural: 'Events', base: CALENDAR.eventsBase, redirectFrom: [] }
     : kind === 'page' ? CONTENT.posts : (CONTENT.collections[meta.collection] ?? CONTENT.posts);
-  const listHref = kind === 'page' ? '/admin/pages' : kind === 'event' ? '/admin/calendar/events' : `/admin/c/${meta.collection}`;
+  const listHref = kind === 'page' ? '/admin/pages' : kind === 'event' ? '/admin/calendar' : `/admin/c/${meta.collection}`;
   const noun = kind === 'page' ? 'page' : col.singular.toLowerCase();
 
   const [authors, setAuthors] = useState<AuthorOption[]>([]);
@@ -230,6 +241,21 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
   };
   // excerpt line under the title: shown when it has text or was asked for
   const [excerptOpen, setExcerptOpen] = useState(false);
+
+  // ---- translations: the same document's words in another language ----
+  // Spanish (etc.) lives in `translations[lang]`; switching language swaps
+  // the editor body, the rest (dates, cover, tags…) stays shared.
+  const [trs, setTrs] = useState<DocTranslations>(() => ((doc as { translations?: DocTranslations }).translations ?? {}) as DocTranslations);
+  const trsRef = useRef(trs);
+  trsRef.current = trs;
+  const [lang, setLangState] = useState('');
+  const langRef = useRef('');
+  const mainBody = useRef<{ html: string; json: unknown } | null>(null);
+  const trBodyDirty = useRef(false);
+  const [trBusy, setTrBusy] = useState(false);
+  const [trMsg, setTrMsg] = useState('');
+  const mainLangName = mainLanguage?.name || 'English';
+  const mainLangShort = (mainLanguage?.code || 'en').toUpperCase();
   // sidebar: reveal the date input for drafts that have no date yet
   const [dateOpen, setDateOpen] = useState(false);
   // which Preview tab opens (the sidebar's search card jumps to Search)
@@ -322,7 +348,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
         return false;
       },
     },
-    onUpdate: () => queueSave(),
+    onUpdate: () => { if (langRef.current) trBodyDirty.current = true; queueSave(); },
     onSelectionUpdate: ({ editor: ed }) => {
       // the top-level block holding the caret; the live pane scrolls to it.
       // Debounced and split-only so typing doesn't re-render the editor.
@@ -344,8 +370,18 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
     if (saveTimer.current) { clearTimeout(saveTimer.current); saveTimer.current = null; }
     const m = { ...metaRef.current, ...overrides };
     setSave('saving');
-    const bodyJson = JSON.stringify(ed.getJSON());
-    const bodyHtml = ed.getHTML();
+    // in another language the editor holds that language's body: store it as
+    // the translation and keep sending the main-language body unchanged
+    if (langRef.current && trBodyDirty.current) {
+      trBodyDirty.current = false;
+      const l = langRef.current;
+      const cur = trsRef.current[l] ?? emptyTr();
+      trsRef.current = { ...trsRef.current, [l]: { ...cur, bodyHtml: ed.isEmpty ? '' : ed.getHTML(), meta: { ...cur.meta, bodyHtml: { state: 'reviewed', src: textHash(mainBody.current?.html ?? '') } } } };
+      setTrs(trsRef.current);
+    }
+    const bodyJson = langRef.current && mainBody.current ? JSON.stringify(mainBody.current.json) : JSON.stringify(ed.getJSON());
+    const bodyHtml = langRef.current && mainBody.current ? mainBody.current.html : ed.getHTML();
+    const translations = languages.length ? trsRef.current : undefined;
     if (kind === 'event') {
       const r = await actions.events.save({
         id: docId,
@@ -374,7 +410,9 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
         calendarIds: m.calendarIds,
         fields: m.fields,
         rsvp: m.rsvp,
+        roomHold: m.roomHold,
         scheduledAt: m.scheduledAt,
+        translations,
       });
       if (r.error) {
         setSave('error');
@@ -403,6 +441,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
         status: m.status,
         isHome: m.isHome,
         locale: m.locale,
+        translations,
       });
       if (r.error) {
         setSave('error');
@@ -437,6 +476,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
         template: m.template,
         publishedAt: m.publishedAt,
         scheduledAt: m.scheduledAt,
+        translations,
       });
       if (r.error) {
         setSave('error');
@@ -463,6 +503,92 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
     saveTimer.current = setTimeout(() => save(), 1200);
   }, [save]);
 
+  // the main-language text a translated field is made from
+  const mainValue = (f: TrField): string => {
+    const m = metaRef.current;
+    switch (f) {
+      case 'title': return m.title;
+      case 'excerpt': return postLike ? m.excerpt : '';
+      case 'seoTitle': return m.seoTitle;
+      case 'seoDesc': return m.seoDesc;
+      case 'locationName': return kind === 'event' ? m.location.name : '';
+      case 'ctaLabel': return kind === 'event' ? m.cta.label : '';
+      default: return langRef.current && mainBody.current ? mainBody.current.html : (editorRef.current?.isEmpty ? '' : editorRef.current?.getHTML() ?? '');
+    }
+  };
+  const trFields = (): TrField[] => ['title', ...(postLike ? ['excerpt' as const] : []), 'bodyHtml', 'seoTitle', 'seoDesc', ...(kind === 'event' ? ['locationName' as const, 'ctaLabel' as const] : [])];
+  const trStatus = (l: string, f: TrField) => {
+    const src = mainValue(f);
+    if (!src.trim()) return 'n/a';
+    const t = trsRef.current[l];
+    const v = t?.[f] ?? '';
+    if (!String(v).trim()) return 'missing';
+    const meta = t?.meta?.[f];
+    if (meta && meta.src !== textHash(src)) return 'outdated';
+    return meta?.state === 'reviewed' ? 'reviewed' : 'ai';
+  };
+  const setTr = (f: TrField, value: string, state: 'ai' | 'reviewed' = 'reviewed') => {
+    const l = langRef.current;
+    if (!l) return;
+    const cur = trsRef.current[l] ?? emptyTr();
+    trsRef.current = { ...trsRef.current, [l]: { ...cur, [f]: value, meta: { ...cur.meta, [f]: { state, src: textHash(mainValue(f)) } } } };
+    setTrs(trsRef.current);
+    queueSave();
+  };
+  // switch the editor between the main language and a translation
+  const switchLang = async (next: string) => {
+    const ed = editorRef.current;
+    if (!ed || next === langRef.current) return;
+    await save();
+    if (!langRef.current) mainBody.current = { html: ed.getHTML(), json: ed.getJSON() };
+    const html = next ? (trsRef.current[next]?.bodyHtml ?? '') : (mainBody.current?.html ?? '');
+    langRef.current = next;
+    setLangState(next);
+    trBodyDirty.current = false;
+    ed.commands.setContent(html, { emitUpdate: false });
+    if (!next) mainBody.current = null;
+    setTrMsg('');
+  };
+  // machine drafts for every field still missing or with changed English
+  const translateAll = async (includeReviewed = false) => {
+    const l = langRef.current;
+    if (!l) return;
+    const fields = trFields().filter((f) => { const st = trStatus(l, f); return st === 'missing' || (st === 'outdated' && (includeReviewed || trsRef.current[l]?.meta?.[f]?.state !== 'reviewed')) || (includeReviewed && st === 'ai'); });
+    if (!fields.length) { setTrMsg('Everything is already translated.'); return; }
+    setTrBusy(true); setTrMsg('');
+    try {
+      const res = await fetch('/api/design/translate', {
+        method: 'POST', headers: { 'content-type': 'application/json', accept: 'application/json' },
+        body: JSON.stringify({ locale: l, units: fields.map((f) => ({ id: f, text: mainValue(f), kind: f === 'bodyHtml' ? 'richtext' : f === 'excerpt' || f === 'seoDesc' ? 'textarea' : 'text', label: f })) }),
+      });
+      const body = await res.json().catch(() => ({})) as { results?: Record<string, string>; error?: string };
+      if (!res.ok) { setTrMsg(body.error || `Translation failed (${res.status}).`); return; }
+      const results = body.results ?? {};
+      const cur = trsRef.current[l] ?? emptyTr();
+      const next = { ...cur, meta: { ...cur.meta } } as typeof cur;
+      for (const f of fields) {
+        if (results[f] === undefined) continue;
+        (next as Record<string, unknown>)[f] = results[f];
+        next.meta[f] = { state: 'ai', src: textHash(mainValue(f)) };
+      }
+      trsRef.current = { ...trsRef.current, [l]: next };
+      setTrs(trsRef.current);
+      if (results.bodyHtml !== undefined && langRef.current === l) { editorRef.current?.commands.setContent(results.bodyHtml, { emitUpdate: false }); trBodyDirty.current = false; }
+      setTrMsg(`Translated ${Object.keys(results).length} ${Object.keys(results).length === 1 ? 'part' : 'parts'} as AI drafts. Check them, then mark them right.`);
+      queueSave();
+    } catch { setTrMsg('Couldn’t reach the server.'); } finally { setTrBusy(false); }
+  };
+  const confirmAll = () => {
+    const l = langRef.current;
+    if (!l) return;
+    const cur = trsRef.current[l] ?? emptyTr();
+    const meta = { ...cur.meta };
+    for (const f of trFields()) if (String(cur[f] ?? '').trim() && mainValue(f).trim()) meta[f] = { state: 'reviewed', src: textHash(mainValue(f)) };
+    trsRef.current = { ...trsRef.current, [l]: { ...cur, meta } };
+    setTrs(trsRef.current);
+    queueSave();
+  };
+
   const setMeta = useCallback((patch: Partial<Meta>) => {
     setMetaState((prev) => {
       const next = { ...prev, ...patch };
@@ -588,8 +714,17 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
     toastTimer.current = setTimeout(() => setToast(null), 4500);
   }
 
-  async function transition(patch: Partial<Meta>) {
+  // publishing or scheduling an event that holds rooms: check for bookings
+  // that overlap first, and let the author keep or cancel each one
+  const [roomGate, setRoomGate] = useState<{ patch: Partial<Meta>; rooms: Parameters<typeof RoomConflictDialog>[0]['rooms'] } | null>(null);
+  async function transition(patch: Partial<Meta>, roomsChecked = false) {
     setPublishOpen(false);
+    const m0 = metaRef.current;
+    if (kind === 'event' && !roomsChecked && (patch.status === 'published' || patch.status === 'scheduled') && m0.roomHold.resourceIds.length) {
+      const st = await fetchRoomStatus({ eventId: docId, title: m0.title, start: m0.start, end: m0.end, allDay: m0.allDay, timezone: m0.timezone, rrule: m0.rrule, exdates: m0.exdates }, m0.roomHold).catch(() => null);
+      const rooms = (st?.rooms ?? []).filter((r) => m0.roomHold.resourceIds.includes(r.id) && r.conflicts.length);
+      if (rooms.length) { setRoomGate({ patch, rooms }); return; }
+    }
     const next = { ...metaRef.current, ...patch };
     metaRef.current = next;
     setMetaState(next);
@@ -779,6 +914,19 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
 
   return (
     <div className={`pe-shell ${sidebarOpen ? 'has-sidebar' : ''} ${split ? 'has-split' : ''}`}>
+      {roomGate && (
+        <RoomConflictDialog
+          rooms={roomGate.rooms}
+          onCancel={() => setRoomGate(null)}
+          onConfirm={async ({ keep, cancel, message }) => {
+            if (cancel.length) await actions.events.cancelBookingsForEvent({ ids: cancel, message });
+            const hold = metaRef.current.roomHold;
+            const patch = { ...roomGate.patch, roomHold: { ...hold, keep: [...new Set([...hold.keep, ...keep])] } };
+            setRoomGate(null);
+            await transition(patch, true);
+          }}
+        />
+      )}
       {toast && (
         <div className="pe-toast" role="status">
           <span className="pe-toast-check">✓</span>
@@ -788,7 +936,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
       )}
       <header className="pe-topbar">
         <div className="pe-topbar-left">
-          <a className="pe-btn ghost sm" href={listHref} onClick={(e) => { if (e.metaKey || e.ctrlKey || e.shiftKey) return; e.preventDefault(); requestLeave('list'); }} aria-label={kind === 'page' ? 'Back to pages' : `Back to ${col.plural.toLowerCase()}`}>‹<span className="pe-hide-sm">{kind === 'page' ? 'Pages' : col.plural}</span></a>
+          <a className="pe-btn ghost sm" href={listHref} onClick={(e) => { if (e.metaKey || e.ctrlKey || e.shiftKey) return; e.preventDefault(); requestLeave('list'); }} aria-label={kind === 'page' ? 'Back to pages' : kind === 'event' ? 'Back to the schedule' : `Back to ${col.plural.toLowerCase()}`}>‹<span className="pe-hide-sm">{kind === 'page' ? 'Pages' : kind === 'event' ? 'Schedule' : col.plural}</span></a>
           <span className={`pe-savestate ${saveState}`}>
             <i className="pe-save-dot" aria-hidden="true" />
             {STATUS_LABEL[meta.status]}{pending && <em className="pe-edited-dot"> · edited</em>}<span className="pe-hide-sm"> · {saveLabel}</span>
@@ -808,6 +956,17 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
             Preview
           </button>
         </div>
+        {languages.length > 0 && (
+          <div className="pe-seg pe-langs" role="radiogroup" aria-label="Language">
+            <button type="button" role="radio" aria-checked={!lang} onClick={() => void switchLang('')}>{mainLangShort}</button>
+            {languages.map((l) => (
+              <button key={l.code} type="button" role="radio" aria-checked={lang === l.code} title={`${l.name} version`} onClick={() => void switchLang(l.code)}>
+                {l.code.toUpperCase()}
+                {trFields().some((f) => ['missing', 'outdated'].includes(trStatus(l.code, f))) && <i className="pe-lang-dot" aria-label="needs translation" />}
+              </button>
+            ))}
+          </div>
+        )}
         <div className="pe-topbar-right">
           <div className="pe-publish-wrap">
             <button type="button" className="pe-btn primary sm" onClick={() => setPublishOpen((v) => !v)}>
@@ -973,7 +1132,7 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
                     Feature image
                   </button>
                 )}
-                {!meta.excerpt && !excerptOpen && (
+                {!meta.excerpt && !excerptOpen && !lang && (
                   <button type="button" title="A short teaser under the title, on post cards and in link previews" onClick={() => setExcerptOpen(true)}>
                     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"><path d="M4 7h16M4 12h10M4 17h7" /></svg>
                     Excerpt
@@ -982,6 +1141,36 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
               </div>
             )}
 
+            {lang && (() => {
+              const name = languages.find((l) => l.code === lang)?.name ?? lang;
+              const statuses = trFields().map((f) => [f, trStatus(lang, f)] as const).filter(([, st]) => st !== 'n/a');
+              const label: Record<TrField, string> = { title: 'Title', excerpt: 'Excerpt', bodyHtml: 'Body', seoTitle: 'Search title', seoDesc: 'Search description', locationName: 'Place name', ctaLabel: 'Button text' };
+              const t = trs[lang] ?? emptyTr();
+              return (
+                <section className="pe-trpanel" aria-label={`${name} version`}>
+                  <div className="pe-tr-head">
+                    <b>{name} version</b>
+                    <span className="pe-tr-states">{statuses.map(([f, st]) => <span key={f} className={`is-${st}`}>{label[f]}: {TR_STATE[st]}</span>)}</span>
+                  </div>
+                  <p className="pe-tr-note">You're editing the {name} words. Dates, photos, tags and links are shared with {mainLangName}. Anything left empty shows in {mainLangName}.</p>
+                  <div className="pe-tr-fields">
+                    {postLike && <label>Excerpt<textarea rows={2} value={t.excerpt} placeholder={meta.excerpt} onChange={(e) => setTr('excerpt', e.target.value)} /></label>}
+                    <label>Search title<input value={t.seoTitle} placeholder={meta.seoTitle || meta.title} onChange={(e) => setTr('seoTitle', e.target.value)} /></label>
+                    <label>Search description<textarea rows={2} value={t.seoDesc} placeholder={meta.seoDesc} onChange={(e) => setTr('seoDesc', e.target.value)} /></label>
+                    {kind === 'event' && <label>Place name<input value={t.locationName} placeholder={meta.location.name} onChange={(e) => setTr('locationName', e.target.value)} /></label>}
+                    {kind === 'event' && <label>Button text<input value={t.ctaLabel} placeholder={meta.cta.label} onChange={(e) => setTr('ctaLabel', e.target.value)} /></label>}
+                  </div>
+                  <div className="pe-tr-actions">
+                    {translationDrafts && <button type="button" className="pe-btn sm" disabled={trBusy} onClick={() => void translateAll()}>{trBusy ? 'Translating…' : `Translate the rest with AI`}</button>}
+                    {statuses.some(([, st]) => st === 'ai' || st === 'outdated') && <button type="button" className="pe-btn ghost sm" onClick={confirmAll}>✓ Looks right</button>}
+                    {!translationDrafts && <span className="pe-tr-msg">Turn on AI in Settings → AI &amp; agents and the {name} can draft itself.</span>}
+                    <button type="button" className="pe-btn ghost sm" onClick={() => void switchLang('')}>Back to {mainLangName}</button>
+                    {trMsg && <span className="pe-tr-msg" role="status">{trMsg}</span>}
+                  </div>
+                </section>
+              );
+            })()}
+
             <textarea
               className="pe-title"
               rows={1}
@@ -989,19 +1178,19 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
                 // grow to fit on mount and on narrow screens, not just while typing
                 if (el) { el.style.height = 'auto'; el.style.height = `${el.scrollHeight}px`; }
               }}
-              placeholder={kind === 'page' ? 'Page title' : `${col.singular} title`}
-              value={meta.title}
+              placeholder={lang ? meta.title || 'Title' : kind === 'page' ? 'Page title' : `${col.singular} title`}
+              value={lang ? (trs[lang]?.title ?? '') : meta.title}
               onChange={(e) => {
                 e.target.style.height = 'auto';
                 e.target.style.height = `${e.target.scrollHeight}px`;
-                setMeta({ title: e.target.value });
+                if (langRef.current) setTr('title', e.target.value); else setMeta({ title: e.target.value });
               }}
               onKeyDown={(e) => {
                 if (e.key === 'Enter') { e.preventDefault(); editor?.commands.focus('start'); }
               }}
             />
 
-            {postLike && (meta.excerpt || excerptOpen) && (
+            {postLike && !lang && (meta.excerpt || excerptOpen) && (
               <textarea
                 className="pe-excerpt"
                 rows={1}
@@ -1374,11 +1563,14 @@ export default function PostEditor({ kind = 'post', post, page, event, calendars
 
           {kind === 'event' && (
             <EventPanel
+              eventId={docId}
               meta={meta}
               onChange={(patch) => setMeta(patch)}
               calendars={calendars}
               fields={eventFields}
               siteTimezone={siteTimezone}
+              title={meta.title}
+              status={meta.status}
             />
           )}
 

package/src/components/import/ImportExport.tsx

@@ -13,7 +13,7 @@ interface Plan {
 }
 interface Run { id: string; source: string; label: string; status: 'running' | 'done' | 'undone'; report: Report; createdAt: number }
 interface Report {
-  counts?: { posts: { created: number; updated: number }; pages: { created: number; updated: number }; users: number; tags: number; media: number; redirects: number; nav: number };
+  counts?: { posts: { created: number; updated: number }; pages: { created: number; updated: number }; users: number; tags: number; media: number; redirects: number; nav: number; layouts?: number };
   settings?: string[];
   warnings?: { item: string; code: string; message: string }[];
   failedAssets?: { url: string; error: string }[];
@@ -336,6 +336,9 @@ function Done({ report, reset, openHistory }: { report: Report; reset: () => voi
           {report.settings?.length ? ' · site identity updated' : ''}
         </p>
       )}
+      {!!c?.layouts && (
+        <p className="imp-mark ok">{plural(c.layouts, 'page layout')} staged in the design draft · <a href="/admin/design#review">Review and publish</a></p>
+      )}
       {!!report.failedAssets?.length && (
         <>
           <p className="imp-mark warn">{plural(report.failedAssets.length, 'file')} couldn’t be copied and still point at the old site</p>

package/src/components/import/runner.ts

@@ -268,6 +268,7 @@ export async function runImport(
     nav: bundle.nav.map((n) => ({ ...n, url: fix(n.url) })),
     legacy: bundle.items.filter((i) => i.legacyPath).map((i) => ({ sourceId: i.sourceId, type: i.type, path: i.legacyPath })),
     redirects: bundle.redirects,
+    layouts: bundle.layouts ?? [],
     warnings: bundle.warnings,
     failedAssets,
   });