@arbidocs/blocks 0.4.70 → 0.4.72

package/dist/calendar/index.js

@@ -0,0 +1,4043 @@
+"use client";
+import '../chunk-VUNV25KB.js';
+import { forwardRef, useMemo, useRef, useState, useCallback, useEffect, useId } from 'react';
+import FullCalendar from '@fullcalendar/react';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import timeGridPlugin from '@fullcalendar/timegrid';
+import listPlugin from '@fullcalendar/list';
+import interactionPlugin from '@fullcalendar/interaction';
+import multiMonthPlugin from '@fullcalendar/multimonth';
+import { ChevronLeft, ChevronRight, Plus, Lightbulb, Workflow, ListTodo, Lock, EllipsisVertical, Globe, ChevronDown, Check, Clock, Repeat, CalendarDays, X, Video, MapPin, Users, TextAlignStart, Bell, Tag, Palette, Paperclip, Trash2, Pencil, CircleCheck, CircleX, DoorOpen, User, Sparkles } from 'lucide-react';
+import { cn, Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, Input, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Switch, Textarea, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@arbidocs/react/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Temporal } from 'temporal-polyfill';
+import { createPlugin } from '@fullcalendar/core';
+import { NamedTimeZoneImpl } from '@fullcalendar/core/internal';
+
+// src/calendar/labels.ts
+var CALENDAR_DEFAULT_LABELS = {
+  today: "Today",
+  view: "View",
+  previous: "Previous",
+  next: "Next",
+  day: "Day",
+  week: "Week",
+  workWeek: "Work week",
+  month: "Month",
+  agenda: "Agenda",
+  year: "Year",
+  allDay: "All day",
+  busy: "Busy",
+  noTitle: "(No title)",
+  noEvents: "No events",
+  weekAbbrev: "W",
+  more: "more",
+  newEvent: "New event",
+  myCalendars: "My calendars",
+  sharedCalendars: "Shared with me",
+  workspaceCalendars: "Workspace calendars",
+  subscribedCalendars: "Subscribed",
+  overlays: "Also show",
+  facts: "Dated facts",
+  workflows: "Workflows",
+  tasks: "Tasks",
+  createCalendar: "New calendar",
+  editCalendar: "Settings and sharing",
+  importCalendar: "Import .ics",
+  exportCalendar: "Export .ics",
+  deleteCalendar: "Delete calendar",
+  locked: "Locked calendar",
+  showCalendar: "Show",
+  hideCalendar: "Hide",
+  calendarColor: "Colour",
+  title: "Title",
+  titlePlaceholder: "Add a title",
+  calendar: "Calendar",
+  start: "Start",
+  end: "End",
+  startTime: "Start time",
+  endTime: "End time",
+  arbiCall: "ARBI call",
+  startTimeZone: "Start time zone",
+  endTimeZone: "End time zone",
+  separateTimeZones: "Time zones",
+  repeat: "Repeat",
+  location: "Location",
+  description: "Description",
+  attendees: "Guests",
+  addAttendee: "Add guests by email",
+  required: "Required",
+  optional: "Optional",
+  showAs: "Show as",
+  sensitivity: "Visibility",
+  categories: "Categories",
+  addCategory: "Add a category",
+  color: "Colour",
+  defaultColor: "Calendar colour",
+  reminders: "Reminders",
+  addReminder: "Add reminder",
+  useDefaultReminders: "Use calendar default reminders",
+  conference: "Video call",
+  addArbiCall: "Add ARBI call",
+  addMeetingLink: "Add meeting link",
+  meetingLinkPlaceholder: "https://\u2026",
+  removeConference: "Remove video call",
+  attachments: "Attachments",
+  addAttachment: "Add link",
+  attachmentUrlPlaceholder: "https://\u2026",
+  attachmentTitlePlaceholder: "Title (optional)",
+  status: "Status",
+  save: "Save",
+  saving: "Saving\u2026",
+  cancel: "Cancel",
+  delete: "Delete",
+  edit: "Edit",
+  remove: "Remove",
+  createTitle: "New event",
+  editTitle: "Edit event",
+  minutes: "minutes",
+  hours: "hours",
+  days: "days",
+  weeks: "weeks",
+  beforeStart: "before",
+  popup: "Notification",
+  email: "Email",
+  atStart: "At time of event",
+  free: "Free",
+  tentative: "Tentative",
+  oof: "Out of office",
+  workingElsewhere: "Working elsewhere",
+  normal: "Default visibility",
+  private: "Private",
+  confidential: "Confidential",
+  confirmed: "Confirmed",
+  cancelled: "Cancelled",
+  join: "Join",
+  accept: "Yes",
+  decline: "No",
+  maybe: "Maybe",
+  going: "Going?",
+  organizer: "Organiser",
+  needsAction: "Awaiting reply",
+  accepted: "Accepted",
+  declined: "Declined",
+  delegated: "Delegated",
+  recurring: "Repeats",
+  scopeEditTitle: "Edit recurring event",
+  scopeDeleteTitle: "Delete recurring event",
+  scopeThis: "This event",
+  scopeFollowing: "This and following events",
+  scopeAll: "All events",
+  settingsTitle: "Calendar settings",
+  timeZone: "Time zone",
+  secondaryTimeZone: "Secondary time zone",
+  none: "None",
+  weekStart: "Week starts on",
+  workingHours: "Working hours",
+  defaultView: "Default view",
+  defaultDuration: "Default event length",
+  defaultCalendar: "Default calendar",
+  showDeclined: "Show declined events",
+  showWeekNumbers: "Show week numbers",
+  autoAddInvitations: "Add invitations to my calendar",
+  autoAddAll: "From everyone",
+  autoAddKnown: "Only from people I know",
+  autoAddNone: "Only after I respond",
+  declineMessage: "Default decline message",
+  searchTimeZones: "Search time zones",
+  invalidRange: "The end must be after the start.",
+  titleRequired: "Add a title.",
+  removeFromCalendar: "Remove from calendar",
+  proposeNewTime: "Propose new time",
+  scopeRespondTitle: "Respond to a recurring event",
+  send: "Send",
+  focusTime: "Focus time",
+  autoDecline: "Decline new invitations",
+  declineMessagePlaceholder: "Message for declined invitations (optional)",
+  schedulingAssistant: "Scheduling assistant",
+  findATime: "Find a time",
+  findingTimes: "Finding times\u2026",
+  noSuggestions: "No free times found in this range.",
+  everyoneFree: "Everyone available",
+  unavailableCount: "unavailable",
+  unknownAvailability: "Availability not shared",
+  outsideWorkingHours: "Outside working hours",
+  rooms: "Rooms",
+  findRoom: "Find a room",
+  minCapacity: "Min. capacity",
+  featureFilter: "Feature",
+  addRoom: "Add",
+  roomAdded: "Added",
+  roomFree: "Free",
+  roomBusy: "Busy",
+  noRooms: "No rooms match.",
+  room: "Room",
+  you: "You",
+  addCalendar: "Add calendar",
+  subscribeFromUrl: "Subscribe from URL",
+  addHolidays: "Holidays",
+  importIcs: "Import .ics file",
+  shareCalendar: "Share\u2026",
+  refreshCalendar: "Refresh",
+  publishTo: "Publish to\u2026",
+  suggestions: "Suggestions"
+};
+var mergeLabels = (labels) => ({
+  ...CALENDAR_DEFAULT_LABELS,
+  ...labels
+});
+
+// src/calendar/colors.ts
+var CALENDAR_COLORS = [
+  "#3b82f6",
+  "#0ea5e9",
+  "#14b8a6",
+  "#22c55e",
+  "#84cc16",
+  "#eab308",
+  "#f97316",
+  "#ef4444",
+  "#ec4899",
+  "#a855f7",
+  "#6366f1",
+  "#64748b"
+];
+function contrastText(hex) {
+  const m = /^#?([0-9a-f]{6})$/i.exec(hex.trim());
+  if (!m) return "#ffffff";
+  const n = parseInt(m[1], 16);
+  const ch = [n >> 16 & 255, n >> 8 & 255, n & 255].map((v) => {
+    const c = v / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  const lum = 0.2126 * ch[0] + 0.7152 * ch[1] + 0.0722 * ch[2];
+  return 1.05 / (lum + 0.05) >= (lum + 0.05) / 0.05 ? "#ffffff" : "#111827";
+}
+var NativeSelect = forwardRef(
+  function NativeSelect2({ className, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "select",
+      {
+        ref,
+        className: cn(
+          "h-9 rounded-md border border-input bg-background px-2 text-sm text-foreground shadow-sm",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+function FieldRow({
+  icon,
+  label,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "mt-2 flex h-5 w-5 shrink-0 items-center justify-center text-muted-foreground",
+        "aria-hidden": true,
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1.5", children: [
+      label && /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }),
+      children
+    ] })
+  ] });
+}
+function ColorSwatches({
+  value,
+  onChange,
+  allowNone,
+  noneLabel,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", role: "radiogroup", children: [
+    allowNone && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": !value,
+        "aria-label": noneLabel,
+        title: noneLabel,
+        onClick: () => onChange(null),
+        className: cn(
+          "h-6 rounded-full border border-border px-2 text-xs text-muted-foreground",
+          !value && "ring-2 ring-ring ring-offset-1 ring-offset-background"
+        ),
+        children: noneLabel
+      }
+    ),
+    CALENDAR_COLORS.map((c) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": value?.toLowerCase() === c,
+        "aria-label": c,
+        title: c,
+        "data-testid": testIdPrefix ? `${testIdPrefix}-${c.slice(1)}` : void 0,
+        onClick: () => onChange(c),
+        className: cn(
+          "h-6 w-6 rounded-full border border-black/10",
+          value?.toLowerCase() === c && "ring-2 ring-ring ring-offset-1 ring-offset-background"
+        ),
+        style: { backgroundColor: c }
+      },
+      c
+    ))
+  ] });
+}
+var pad2 = (n) => String(n).padStart(2, "0");
+var pad4 = (n) => String(n).padStart(4, "0");
+function isValidTimeZone(zone) {
+  if (!zone) return false;
+  try {
+    Temporal.Now.instant().toZonedDateTimeISO(zone);
+    return true;
+  } catch {
+    return false;
+  }
+}
+function safeZone(zone, fallback = "UTC") {
+  if (isValidTimeZone(zone)) return zone;
+  return isValidTimeZone(fallback) ? fallback : "UTC";
+}
+function toPlainDateTime(wall) {
+  return /^\d{4}-\d{2}-\d{2}$/.test(wall) ? Temporal.PlainDate.from(wall).toPlainDateTime() : Temporal.PlainDateTime.from(wall);
+}
+function wallToUtc(wall, zone) {
+  const zdt = toPlainDateTime(wall).toZonedDateTime(safeZone(zone), {
+    disambiguation: "compatible"
+  });
+  return zdt.toInstant().toString();
+}
+function wallToEpochMs(wall, zone) {
+  return toPlainDateTime(wall).toZonedDateTime(safeZone(zone), { disambiguation: "compatible" }).epochMilliseconds;
+}
+function instantOf(utc) {
+  if (typeof utc === "number") return Temporal.Instant.fromEpochMilliseconds(utc);
+  if (utc instanceof Date) return Temporal.Instant.fromEpochMilliseconds(utc.getTime());
+  return Temporal.Instant.from(utc);
+}
+function zoned(utc, zone) {
+  return instantOf(utc).toZonedDateTimeISO(safeZone(zone));
+}
+function utcToWall(utc, zone) {
+  const z = zoned(utc, zone);
+  return `${pad4(z.year)}-${pad2(z.month)}-${pad2(z.day)}T${pad2(z.hour)}:${pad2(z.minute)}`;
+}
+function utcToDate(utc, zone) {
+  const z = zoned(utc, zone);
+  return `${pad4(z.year)}-${pad2(z.month)}-${pad2(z.day)}`;
+}
+function utcToTime(utc, zone) {
+  const z = zoned(utc, zone);
+  return `${pad2(z.hour)}:${pad2(z.minute)}`;
+}
+function convertWall(wall, fromZone, toZone) {
+  return utcToWall(wallToUtc(wall, fromZone), toZone);
+}
+function todayInZone(zone, now = Date.now()) {
+  return utcToDate(now, zone);
+}
+function addDays(date, days) {
+  return Temporal.PlainDate.from(date).add({ days }).toString();
+}
+function addMonths(date, months) {
+  return Temporal.PlainDate.from(date).add({ months }).toString();
+}
+function diffDays(a, b) {
+  return Temporal.PlainDate.from(a).until(Temporal.PlainDate.from(b), { largestUnit: "days" }).days;
+}
+function dayOfWeekSun0(date) {
+  return Temporal.PlainDate.from(date).dayOfWeek % 7;
+}
+function startOfWeek(date, weekStart) {
+  const back = (dayOfWeekSun0(date) - weekStart + 7) % 7;
+  return addDays(date, -back);
+}
+function isoWeekNumber(date) {
+  return Temporal.PlainDate.from(date).weekOfYear ?? 1;
+}
+function zoneOffsetMinutes(zone, at = Date.now()) {
+  return Math.round(zoned(at, zone).offsetNanoseconds / 6e10);
+}
+function zoneOffsetLabel(zone, at = Date.now()) {
+  const total = zoneOffsetMinutes(zone, at);
+  if (total === 0) return "GMT";
+  const sign = total > 0 ? "+" : "-";
+  const abs = Math.abs(total);
+  const h = Math.floor(abs / 60);
+  const m = abs % 60;
+  return `GMT${sign}${h}${m ? `:${pad2(m)}` : ""}`;
+}
+function zoneCity(zone) {
+  const last = zone.split("/").pop() ?? zone;
+  return last.replace(/_/g, " ");
+}
+function listTimeZones() {
+  try {
+    const fn = Intl.supportedValuesOf;
+    const zones = fn ? fn("timeZone") : [];
+    if (zones.length) return zones.includes("UTC") ? zones : ["UTC", ...zones];
+  } catch {
+  }
+  return [
+    "UTC",
+    "Europe/London",
+    "Europe/Paris",
+    "Europe/Berlin",
+    "America/New_York",
+    "America/Chicago",
+    "America/Denver",
+    "America/Los_Angeles",
+    "Asia/Tokyo",
+    "Asia/Singapore",
+    "Australia/Sydney"
+  ];
+}
+function detectTimeZone() {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+  } catch {
+    return "UTC";
+  }
+}
+function formatInZone(utc, zone, options, locale) {
+  const ms = instantOf(utc).epochMilliseconds;
+  return new Intl.DateTimeFormat(locale, { ...options, timeZone: safeZone(zone) }).format(ms);
+}
+function formatPlainDate(date, options, locale) {
+  return new Intl.DateTimeFormat(locale, { ...options, timeZone: "UTC" }).format(
+    Date.parse(`${date}T12:00:00Z`)
+  );
+}
+function epochToWallArray(ms, zone) {
+  const z = Temporal.Instant.fromEpochMilliseconds(ms).toZonedDateTimeISO(zone);
+  return [z.year, z.month - 1, z.day, z.hour, z.minute, z.second, z.millisecond];
+}
+function wallArrayOffset(a, zone) {
+  const norm = new Date(
+    Date.UTC(a[0], a[1] ?? 0, a[2] ?? 1, a[3] ?? 0, a[4] ?? 0, a[5] ?? 0, a[6] ?? 0)
+  );
+  const pdt = new Temporal.PlainDateTime(
+    norm.getUTCFullYear(),
+    norm.getUTCMonth() + 1,
+    norm.getUTCDate(),
+    norm.getUTCHours(),
+    norm.getUTCMinutes(),
+    norm.getUTCSeconds(),
+    norm.getUTCMilliseconds()
+  );
+  const zdt = pdt.toZonedDateTime(zone, { disambiguation: "compatible" });
+  return Math.round(zdt.offsetNanoseconds / 6e10);
+}
+var temporalZonePlugin = null;
+function getTemporalTimeZonePlugin() {
+  if (!temporalZonePlugin) {
+    class TemporalNamedTimeZone extends NamedTimeZoneImpl {
+      offsetForArray(a) {
+        return wallArrayOffset(a, this.timeZoneName);
+      }
+      timestampToArray(ms) {
+        return epochToWallArray(ms, this.timeZoneName);
+      }
+    }
+    temporalZonePlugin = createPlugin({
+      name: "arbi-temporal-timezone",
+      namedTimeZonedImpl: TemporalNamedTimeZone
+    });
+  }
+  return temporalZonePlugin;
+}
+var FC_VIEW = {
+  day: "timeGridDay",
+  week: "timeGridWeek",
+  work_week: "arbiWorkWeek",
+  month: "dayGridMonth",
+  agenda: "arbiAgenda",
+  year: "multiMonthYear"
+};
+var VIEW_OF_FC = Object.fromEntries(
+  Object.entries(FC_VIEW).map(([k, v]) => [v, k])
+);
+var VIEW_ORDER = [
+  "day",
+  "work_week",
+  "week",
+  "month",
+  "agenda",
+  "year"
+];
+var NARROW_VIEWS = ["day", "month", "agenda"];
+var CALENDAR_NARROW_WIDTH = 640;
+function effectiveCalendarView(view, narrow) {
+  if (!narrow) return view;
+  return view === "week" || view === "work_week" || view === "year" ? "day" : view;
+}
+var viewLabel = (v, l) => ({
+  day: l.day,
+  week: l.week,
+  work_week: l.workWeek,
+  month: l.month,
+  agenda: l.agenda,
+  year: l.year
+})[v];
+function toBusinessHours(hours) {
+  if (!hours?.length) return false;
+  return hours.map((h) => ({
+    daysOfWeek: [(h.day + 1) % 7],
+    startTime: h.start,
+    endTime: h.end === "24:00" ? "24:00:00" : h.end
+  }));
+}
+function workWeekHiddenDays(hours) {
+  const shown = new Set((hours ?? []).map((h) => (h.day + 1) % 7));
+  if (shown.size === 0) return [0, 6];
+  return [0, 1, 2, 3, 4, 5, 6].filter((d) => !shown.has(d));
+}
+function eventStateClasses(e) {
+  const out = ["arbi-cal-event", `arbi-cal-layer-${e.layer}`];
+  if (e.layer !== "event") out.push("arbi-cal-overlay");
+  if (e.status === "cancelled") out.push("arbi-cal-cancelled");
+  if (e.myPartstat === "declined") out.push("arbi-cal-declined");
+  else if (e.myPartstat === "needs_action") out.push("arbi-cal-needs-action");
+  else if (e.myPartstat === "tentative" || e.status === "tentative" || e.showAs === "tentative")
+    out.push("arbi-cal-tentative");
+  if (e.showAs === "free") out.push("arbi-cal-free");
+  if (e.showAs === "oof") out.push("arbi-cal-oof");
+  if (e.restricted) out.push("arbi-cal-restricted");
+  return out;
+}
+function toEventInput(e, zone) {
+  const editable = e.editable && e.layer === "event" && !e.restricted;
+  const base = {
+    id: e.instanceId,
+    title: e.title,
+    editable,
+    startEditable: editable,
+    durationEditable: editable,
+    classNames: eventStateClasses(e),
+    // The inner content paints the block (see calendar.css); the harness only carries the border
+    // colour (list-view dot, needs-action outline).
+    backgroundColor: "transparent",
+    borderColor: e.color,
+    textColor: "inherit",
+    extendedProps: { grid: e }
+  };
+  if (e.allDay) {
+    const start = e.startDate ?? utcToDate(e.startUtc, zone);
+    const end = e.endDate ?? (e.endUtc ? utcToDate(e.endUtc, zone) : addDays(start, 1));
+    return { ...base, allDay: true, start, end: end > start ? end : addDays(start, 1) };
+  }
+  return { ...base, allDay: false, start: e.startUtc, end: e.endUtc };
+}
+var LAYER_ICON = { facts: Lightbulb, workflows: Workflow, tasks: ListTodo };
+function EventBody({ arg, labels }) {
+  const g = arg.event.extendedProps.grid;
+  if (!g) return /* @__PURE__ */ jsx("span", { children: arg.event.title });
+  const title = g.restricted ? labels.busy : g.title.trim() || labels.noTitle;
+  const type = arg.view.type;
+  const dot = type === "dayGridMonth" && !arg.event.allDay;
+  const list = type.startsWith("list") || type === "arbiAgenda";
+  const style = {
+    "--arbi-cal-color": g.color,
+    "--arbi-cal-fg": contrastText(g.color)
+  };
+  const OverlayIcon = g.layer !== "event" ? LAYER_ICON[g.layer] : null;
+  const icons = /* @__PURE__ */ jsxs(Fragment, { children: [
+    OverlayIcon && /* @__PURE__ */ jsx(OverlayIcon, { className: "arbi-cal-icon", "aria-hidden": true }),
+    g.restricted && /* @__PURE__ */ jsx(Lock, { className: "arbi-cal-icon", "aria-hidden": true }),
+    g.isRecurring && /* @__PURE__ */ jsx(Repeat, { className: "arbi-cal-icon", "aria-label": labels.recurring }),
+    g.hasConference && /* @__PURE__ */ jsx(Video, { className: "arbi-cal-icon", "aria-hidden": true })
+  ] });
+  if (list) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "arbi-cal-list-item",
+        style,
+        "data-testid": "calendar-event",
+        "data-instance-id": g.instanceId,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "arbi-cal-title", children: title }),
+          icons,
+          g.location && !g.restricted && /* @__PURE__ */ jsxs("span", { className: "arbi-cal-location", children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "arbi-cal-icon", "aria-hidden": true }),
+            g.location
+          ] })
+        ]
+      }
+    );
+  }
+  if (dot) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "arbi-cal-dot-item",
+        style,
+        "data-testid": "calendar-event",
+        "data-instance-id": g.instanceId,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "arbi-cal-dot", "aria-hidden": true }),
+          arg.timeText && /* @__PURE__ */ jsx("span", { className: "arbi-cal-time", children: arg.timeText }),
+          /* @__PURE__ */ jsx("span", { className: "arbi-cal-title", children: title })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "arbi-cal-event-inner",
+      style,
+      "data-testid": "calendar-event",
+      "data-instance-id": g.instanceId,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "arbi-cal-event-line", children: [
+          /* @__PURE__ */ jsx("span", { className: "arbi-cal-title", children: title }),
+          icons
+        ] }),
+        !arg.event.allDay && arg.timeText && /* @__PURE__ */ jsx("div", { className: "arbi-cal-time", children: arg.timeText }),
+        !arg.event.allDay && g.location && !g.restricted && /* @__PURE__ */ jsx("div", { className: "arbi-cal-location", children: g.location })
+      ]
+    }
+  );
+}
+function isTypingTarget(t) {
+  if (!(t instanceof HTMLElement)) return false;
+  const tag = t.tagName;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT" || t.isContentEditable;
+}
+function CalendarGrid({
+  events,
+  view,
+  date,
+  timeZone,
+  secondaryTimeZone,
+  weekStart,
+  workingHours,
+  showWeekNumbers = false,
+  nowIndicator = true,
+  onRangeChange,
+  onSelectSlot,
+  onEventClick,
+  onEventChange,
+  onViewChange,
+  onDateChange,
+  onCreateShortcut,
+  height,
+  labels: labelOverrides,
+  hideToolbar,
+  toolbarEnd,
+  className,
+  keyboardShortcuts = true
+}) {
+  const labels = useMemo(() => mergeLabels(labelOverrides), [labelOverrides]);
+  const zone = safeZone(timeZone);
+  const secondZone = secondaryTimeZone && secondaryTimeZone !== zone && isValidTimeZone(secondaryTimeZone) ? secondaryTimeZone : "";
+  const rootRef = useRef(null);
+  const calRef = useRef(null);
+  const [narrow, setNarrow] = useState(false);
+  const [title, setTitle] = useState("");
+  const lastRange = useRef("");
+  const effective = effectiveCalendarView(view, narrow);
+  const cb = useRef({
+    onRangeChange,
+    onSelectSlot,
+    onEventClick,
+    onEventChange,
+    onViewChange,
+    onDateChange,
+    onCreateShortcut
+  });
+  cb.current = {
+    onRangeChange,
+    onSelectSlot,
+    onEventClick,
+    onEventChange,
+    onViewChange,
+    onDateChange,
+    onCreateShortcut
+  };
+  const api = useCallback(() => calRef.current?.getApi() ?? null, []);
+  useEffect(() => {
+    const el = rootRef.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(([entry]) => {
+      setNarrow(entry.contentRect.width > 0 && entry.contentRect.width < CALENDAR_NARROW_WIDTH);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  useEffect(() => {
+    const a = api();
+    if (!a) return;
+    const fcView = FC_VIEW[effective];
+    if (a.view.type !== fcView) {
+      a.changeView(fcView, date);
+      return;
+    }
+    if (utcToDate(a.getDate(), zone) !== date) a.gotoDate(date);
+  }, [api, effective, date, zone]);
+  const fcEvents = useMemo(() => events.map((e) => toEventInput(e, zone)), [events, zone]);
+  const changeView = useCallback(
+    (v) => {
+      const a = api();
+      if (a) a.changeView(FC_VIEW[effectiveCalendarView(v, narrow)]);
+      cb.current.onViewChange?.(v);
+    },
+    [api, narrow]
+  );
+  const nav = useCallback(
+    (dir) => {
+      const a = api();
+      if (!a) return;
+      if (dir === "prev") a.prev();
+      else if (dir === "next") a.next();
+      else a.gotoDate(utcToDate(Date.now(), zone));
+    },
+    [api, zone]
+  );
+  useEffect(() => {
+    if (!keyboardShortcuts) return;
+    const onKey = (e) => {
+      if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.altKey || isTypingTarget(e.target))
+        return;
+      if (typeof document !== "undefined" && document.querySelector('[role="dialog"], [role="alertdialog"]'))
+        return;
+      const viewKey = {
+        d: "day",
+        w: "week",
+        x: "work_week",
+        m: "month",
+        a: "agenda",
+        y: "year"
+      };
+      const k = e.key.length === 1 ? e.key.toLowerCase() : e.key;
+      if (k === "t") nav("today");
+      else if (k === "j" || k === "n" || k === "ArrowRight") nav("next");
+      else if (k === "k" || k === "p" || k === "ArrowLeft") nav("prev");
+      else if (viewKey[k]) changeView(viewKey[k]);
+      else if (k === "c" && cb.current.onCreateShortcut) cb.current.onCreateShortcut();
+      else return;
+      e.preventDefault();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [keyboardShortcuts, nav, changeView]);
+  const onDatesSet = useCallback(
+    (arg) => {
+      setTitle(arg.view.title);
+      const anchor = utcToDate(arg.view.calendar.getDate(), zone);
+      const kind = VIEW_OF_FC[arg.view.type] ?? effective;
+      const key = `${kind}|${arg.start.toISOString()}|${arg.end.toISOString()}|${anchor}`;
+      if (key === lastRange.current) return;
+      lastRange.current = key;
+      cb.current.onRangeChange({ start: arg.start, end: arg.end, view: kind, date: anchor });
+      if (anchor !== date) cb.current.onDateChange?.(anchor);
+    },
+    [zone, effective, date]
+  );
+  const onSelect = useCallback(
+    (arg) => {
+      if (!cb.current.onSelectSlot) return;
+      if (arg.allDay) {
+        cb.current.onSelectSlot({
+          startUtc: arg.start.toISOString(),
+          endUtc: arg.end.toISOString(),
+          allDay: true,
+          startDate: arg.startStr.slice(0, 10),
+          endDate: arg.endStr.slice(0, 10)
+        });
+      } else {
+        cb.current.onSelectSlot({
+          startUtc: arg.start.toISOString(),
+          endUtc: arg.end.toISOString(),
+          allDay: false
+        });
+      }
+      api()?.unselect();
+    },
+    [api]
+  );
+  const emitChange = useCallback((event, revert) => {
+    const g = event.extendedProps.grid;
+    if (!g || !cb.current.onEventChange || !event.start) {
+      revert();
+      return;
+    }
+    const start = event.start;
+    if (event.allDay) {
+      const startDate = event.startStr.slice(0, 10);
+      const endDate = event.endStr ? event.endStr.slice(0, 10) : addDays(startDate, 1);
+      const end2 = event.end ?? new Date(start.getTime() + 864e5);
+      cb.current.onEventChange({
+        instanceId: g.instanceId,
+        eventId: g.eventId,
+        startUtc: start.toISOString(),
+        endUtc: end2.toISOString(),
+        allDay: true,
+        startDate,
+        endDate,
+        revert
+      });
+      return;
+    }
+    const end = event.end ?? new Date(start.getTime() + 36e5);
+    cb.current.onEventChange({
+      instanceId: g.instanceId,
+      eventId: g.eventId,
+      startUtc: start.toISOString(),
+      endUtc: end.toISOString(),
+      allDay: false,
+      revert
+    });
+  }, []);
+  const slotLabelContent = useCallback(
+    (arg) => {
+      if (!secondZone) return arg.text;
+      return /* @__PURE__ */ jsxs("div", { className: "arbi-cal-slot-labels", children: [
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-slot-secondary", children: (() => {
+          const t = convertWall(`${date}T${utcToTime(arg.date, zone)}`, zone, secondZone).slice(
+            11,
+            16
+          );
+          return t.endsWith(":00") ? t.slice(0, 2) : t;
+        })() }),
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-slot-primary", children: arg.text })
+      ] });
+    },
+    [secondZone, zone, date]
+  );
+  const allDayContent = useCallback(
+    (arg) => {
+      if (!secondZone) return arg.text;
+      return /* @__PURE__ */ jsxs("div", { className: "arbi-cal-slot-labels arbi-cal-zone-labels", children: [
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-slot-secondary", title: secondZone, children: zoneOffsetLabel(secondZone) }),
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-slot-primary", title: zone, children: zoneOffsetLabel(zone) })
+      ] });
+    },
+    [secondZone, zone]
+  );
+  const dayHeaderContent = useCallback(
+    (arg) => {
+      const t = arg.view.type;
+      if (!t.startsWith("timeGrid") && t !== "arbiWorkWeek") return arg.text;
+      return /* @__PURE__ */ jsxs("div", { className: cn("arbi-cal-dayhead", arg.isToday && "arbi-cal-dayhead-today"), children: [
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-dayhead-dow", children: formatInZone(arg.date, zone, { weekday: "short" }) }),
+        /* @__PURE__ */ jsx("span", { className: "arbi-cal-dayhead-num", children: formatInZone(arg.date, zone, { day: "numeric" }) })
+      ] });
+    },
+    [zone]
+  );
+  const scrollTime = useMemo(() => {
+    const starts = (workingHours ?? []).map((h2) => h2.start).sort();
+    const first = starts[0] ?? "08:00";
+    const h = Math.max(0, Number(first.slice(0, 2)) - 1);
+    return `${String(h).padStart(2, "0")}:00:00`;
+  }, [workingHours]);
+  const views = useMemo(
+    () => ({
+      arbiWorkWeek: {
+        type: "timeGrid",
+        duration: { weeks: 1 },
+        hiddenDays: workWeekHiddenDays(workingHours),
+        buttonText: labels.workWeek
+      },
+      arbiAgenda: {
+        type: "list",
+        duration: { days: 14 },
+        dateAlignment: "day",
+        buttonText: labels.agenda
+      },
+      multiMonthYear: { multiMonthMaxColumns: narrow ? 1 : 3 },
+      // Growing rows (height auto) never overflow, so cap explicitly there; else fit the cell.
+      dayGridMonth: { dayMaxEvents: height === "auto" ? 3 : true }
+    }),
+    [workingHours, labels, narrow, height]
+  );
+  const plugins = useMemo(
+    () => [
+      dayGridPlugin,
+      timeGridPlugin,
+      listPlugin,
+      interactionPlugin,
+      multiMonthPlugin,
+      getTemporalTimeZonePlugin()
+    ],
+    []
+  );
+  const viewChoices = narrow ? NARROW_VIEWS : VIEW_ORDER;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: cn(
+        "arbi-calendar flex h-full min-h-0 flex-col",
+        narrow && "arbi-calendar-narrow",
+        secondZone && "arbi-cal-dual",
+        className
+      ),
+      "data-testid": "calendar-grid",
+      "data-view": effective,
+      "data-time-zone": zone,
+      children: [
+        !hideToolbar && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "arbi-cal-toolbar flex flex-wrap items-center gap-2 px-1 pb-2",
+            "data-testid": "calendar-toolbar",
+            children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => nav("today"),
+                  "data-testid": "calendar-today",
+                  children: labels.today
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-8 w-8",
+                    "aria-label": labels.previous,
+                    onClick: () => nav("prev"),
+                    "data-testid": "calendar-prev",
+                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-8 w-8",
+                    "aria-label": labels.next,
+                    onClick: () => nav("next"),
+                    "data-testid": "calendar-next",
+                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                "h2",
+                {
+                  className: "min-w-0 flex-1 truncate text-base font-semibold sm:text-lg",
+                  "data-testid": "calendar-title",
+                  "aria-live": "polite",
+                  children: title
+                }
+              ),
+              secondZone && !narrow && /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "hidden text-xs text-muted-foreground md:inline",
+                  "data-testid": "calendar-zones",
+                  children: [
+                    zoneCity(zone),
+                    " ",
+                    zoneOffsetLabel(zone),
+                    " \xB7 ",
+                    zoneCity(secondZone),
+                    " ",
+                    zoneOffsetLabel(secondZone)
+                  ]
+                }
+              ),
+              narrow ? /* @__PURE__ */ jsx(
+                NativeSelect,
+                {
+                  "aria-label": labels.view,
+                  value: effective,
+                  onChange: (e) => changeView(e.target.value),
+                  "data-testid": "calendar-view-select",
+                  className: "h-8",
+                  children: viewChoices.map((v) => /* @__PURE__ */ jsx("option", { value: v, children: viewLabel(v, labels) }, v))
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "inline-flex rounded-md border border-border p-0.5",
+                  role: "group",
+                  "data-testid": "calendar-view-switch",
+                  children: viewChoices.map((v) => /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": effective === v,
+                      onClick: () => changeView(v),
+                      "data-testid": `calendar-view-${v}`,
+                      className: cn(
+                        "rounded px-2.5 py-1 text-xs font-medium transition-colors",
+                        effective === v ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"
+                      ),
+                      children: viewLabel(v, labels)
+                    },
+                    v
+                  ))
+                }
+              ),
+              toolbarEnd
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "arbi-cal-body min-h-0 flex-1", children: /* @__PURE__ */ jsx(
+          FullCalendar,
+          {
+            ref: calRef,
+            plugins,
+            timeZone: zone,
+            initialView: FC_VIEW[effective],
+            initialDate: date,
+            headerToolbar: false,
+            height: height ?? "100%",
+            views,
+            events: fcEvents,
+            firstDay: weekStart,
+            weekNumbers: showWeekNumbers,
+            weekNumberCalculation: weekStart === 1 ? "ISO" : "local",
+            weekText: labels.weekAbbrev,
+            nowIndicator,
+            businessHours: toBusinessHours(workingHours),
+            scrollTime,
+            slotDuration: "00:30:00",
+            snapDuration: "00:15:00",
+            slotLabelFormat: {
+              hour: "numeric",
+              minute: "2-digit",
+              omitZeroMinute: true,
+              meridiem: "short"
+            },
+            eventTimeFormat: {
+              hour: "numeric",
+              minute: "2-digit",
+              omitZeroMinute: true,
+              meridiem: "short"
+            },
+            allDayText: labels.allDay,
+            noEventsText: labels.noEvents,
+            moreLinkText: labels.more,
+            navLinks: true,
+            navLinkDayClick: (d) => {
+              const a = api();
+              a?.changeView(FC_VIEW.day, d);
+              cb.current.onViewChange?.("day");
+            },
+            selectable: !!onSelectSlot,
+            selectMirror: true,
+            unselectAuto: true,
+            editable: !!onEventChange,
+            eventResizableFromStart: true,
+            eventStartEditable: !!onEventChange,
+            eventDurationEditable: !!onEventChange,
+            stickyHeaderDates: true,
+            expandRows: true,
+            dayMaxEvents: height === "auto" ? 3 : true,
+            eventDisplay: "auto",
+            datesSet: onDatesSet,
+            select: onSelect,
+            eventClick: (arg) => {
+              arg.jsEvent.preventDefault();
+              const g = arg.event.extendedProps.grid;
+              if (g) cb.current.onEventClick?.(g.instanceId, g.eventId);
+            },
+            eventDrop: (arg) => emitChange(arg.event, arg.revert),
+            eventResize: (arg) => emitChange(arg.event, arg.revert),
+            eventContent: (arg) => /* @__PURE__ */ jsx(EventBody, { arg, labels }),
+            slotLabelContent,
+            allDayContent,
+            dayHeaderContent
+          }
+        ) })
+      ]
+    }
+  );
+}
+function MiniMonth({
+  date,
+  weekStart,
+  timeZone,
+  onSelect,
+  highlightRange,
+  showWeekNumbers,
+  labels: labelOverrides,
+  className
+}) {
+  const labels = mergeLabels(labelOverrides);
+  const [view, setView] = useState(() => ({ for: date, month: `${date.slice(0, 7)}-01` }));
+  if (view.for !== date) setView({ for: date, month: `${date.slice(0, 7)}-01` });
+  const month = view.for === date ? view.month : `${date.slice(0, 7)}-01`;
+  const setMonth = (m) => setView({ for: date, month: m });
+  const today = todayInZone(timeZone);
+  const days = useMemo(() => {
+    const first = startOfWeek(month, weekStart);
+    return Array.from({ length: 42 }, (_, i) => addDays(first, i));
+  }, [month, weekStart]);
+  const weekdays = days.slice(0, 7).map((d) => formatPlainDate(d, { weekday: "narrow" }));
+  const monthTitle = formatPlainDate(month, { month: "long", year: "numeric" });
+  return /* @__PURE__ */ jsxs("div", { className: cn("select-none text-xs", className), "data-testid": "calendar-mini-month", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", "aria-live": "polite", children: monthTitle }),
+      /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+            "aria-label": labels.previous,
+            onClick: () => setMonth(addMonths(month, -1)),
+            "data-testid": "calendar-mini-prev",
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+            "aria-label": labels.next,
+            onClick: () => setMonth(addMonths(month, 1)),
+            "data-testid": "calendar-mini-next",
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "grid gap-y-0.5 text-center",
+          showWeekNumbers ? "grid-cols-8" : "grid-cols-7"
+        ),
+        role: "grid",
+        "aria-label": monthTitle,
+        children: [
+          showWeekNumbers && /* @__PURE__ */ jsx("span", { className: "py-1 text-[10px] text-muted-foreground", children: labels.weekAbbrev }),
+          weekdays.map((w, i) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "py-1 text-[10px] font-medium uppercase text-muted-foreground",
+              role: "columnheader",
+              children: w
+            },
+            i
+          )),
+          days.map((d, i) => {
+            const inMonth = d.slice(0, 7) === month.slice(0, 7);
+            const inRange = !!highlightRange && d >= highlightRange.start && d <= highlightRange.end;
+            const selected = d === date;
+            const isToday = d === today;
+            return /* @__PURE__ */ jsx(
+              MiniDay,
+              {
+                d,
+                weekCell: showWeekNumbers && i % 7 === 0 ? isoWeekNumber(d) : null,
+                inMonth,
+                inRange,
+                selected,
+                isToday,
+                onSelect
+              },
+              d
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+function MiniDay({
+  d,
+  weekCell,
+  inMonth,
+  inRange,
+  selected,
+  isToday,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    weekCell !== null && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center text-[10px] text-muted-foreground", children: weekCell }),
+    /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", inRange && "bg-primary/10"), children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "gridcell",
+        "aria-selected": selected,
+        "aria-current": isToday ? "date" : void 0,
+        "aria-label": formatPlainDate(d, { dateStyle: "full" }),
+        onClick: () => onSelect(d),
+        "data-testid": `calendar-mini-day-${d}`,
+        className: cn(
+          "flex h-7 w-7 items-center justify-center rounded-full tabular-nums transition-colors",
+          !inMonth && "text-muted-foreground/60",
+          isToday && !selected && "font-semibold text-primary",
+          selected ? "bg-primary text-primary-foreground" : "hover:bg-muted"
+        ),
+        children: Number(d.slice(8, 10))
+      }
+    ) })
+  ] });
+}
+var GROUPS = ["mine", "shared", "workspace", "subscribed", "rooms"];
+var groupLabel = (g, l) => ({
+  mine: l.myCalendars,
+  shared: l.sharedCalendars,
+  workspace: l.workspaceCalendars,
+  subscribed: l.subscribedCalendars,
+  rooms: l.rooms
+})[g];
+function Swatch({ color, checked }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border-2",
+      style: { borderColor: color, backgroundColor: checked ? color : "transparent" },
+      "aria-hidden": true,
+      children: checked && /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", className: "h-3 w-3", fill: "none", stroke: "white", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M2.5 6.5l2.5 2.5 4.5-5" }) })
+    }
+  );
+}
+function CalendarList({
+  calendars,
+  overlays,
+  onToggleHidden,
+  onColorChange,
+  onToggleOverlay,
+  onCreate,
+  onEdit,
+  onImport,
+  onExport,
+  onDelete,
+  onShare,
+  onRefresh,
+  onPublish,
+  onSubscribe,
+  onAddHolidays,
+  onImportFile,
+  labels: labelOverrides,
+  className
+}) {
+  const l = mergeLabels(labelOverrides);
+  const hasAddMenu = !!(onSubscribe || onAddHolidays || onImportFile);
+  const plusButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+      "aria-label": hasAddMenu ? l.addCalendar : l.createCalendar,
+      title: hasAddMenu ? l.addCalendar : l.createCalendar,
+      onClick: hasAddMenu ? void 0 : onCreate,
+      "data-testid": "calendar-list-create",
+      children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+    }
+  );
+  const overlayRows = [
+    ["facts", l.facts, Lightbulb],
+    ["workflows", l.workflows, Workflow],
+    ["tasks", l.tasks, ListTodo]
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3 text-sm", className), "data-testid": "calendar-list", children: [
+    GROUPS.map((g) => {
+      const items = calendars.filter((c) => c.group === g);
+      if (!items.length && g !== "mine") return null;
+      return /* @__PURE__ */ jsxs("section", { "aria-label": groupLabel(g, l), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1 pb-1", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: groupLabel(g, l) }),
+          g === "mine" && (hasAddMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: plusButton }),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuContent,
+              {
+                align: "end",
+                className: "w-56",
+                "data-testid": "calendar-add-menu",
+                children: [
+                  /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: onCreate, "data-testid": "calendar-add-new", children: l.createCalendar }),
+                  onSubscribe && /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      onSelect: onSubscribe,
+                      "data-testid": "calendar-add-subscribe",
+                      children: l.subscribeFromUrl
+                    }
+                  ),
+                  onAddHolidays && /* @__PURE__ */ jsx(
+                    DropdownMenuItem,
+                    {
+                      onSelect: onAddHolidays,
+                      "data-testid": "calendar-add-holidays",
+                      children: l.addHolidays
+                    }
+                  ),
+                  onImportFile && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: onImportFile, "data-testid": "calendar-add-import", children: l.importIcs })
+                ]
+              }
+            )
+          ] }) : plusButton)
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: items.map((c) => {
+          const name = c.locked ? l.locked : c.name || l.noTitle;
+          const isOwner = c.role === "owner";
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              className: "group flex items-center gap-2 rounded-md px-1 py-1 hover:bg-muted/60",
+              "data-testid": `calendar-list-item-${c.id}`,
+              children: [
+                /* @__PURE__ */ jsxs("label", { className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      className: "sr-only",
+                      checked: !c.hidden,
+                      onChange: () => onToggleHidden(c.id),
+                      "aria-label": `${c.hidden ? l.showCalendar : l.hideCalendar} ${name}`,
+                      "data-testid": `calendar-list-toggle-${c.id}`
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Swatch, { color: c.color, checked: !c.hidden }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "min-w-0 truncate",
+                        c.locked && "italic text-muted-foreground"
+                      ),
+                      children: name
+                    }
+                  ),
+                  c.locked && /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3 shrink-0 text-muted-foreground", "aria-hidden": true }),
+                  c.provider && c.provider !== "native" && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "shrink-0 rounded border border-border px-1 text-[10px] leading-4 text-muted-foreground",
+                      "data-testid": `calendar-list-provider-${c.id}`,
+                      children: {
+                        google: "Google",
+                        microsoft: "Outlook",
+                        caldav: "CalDAV",
+                        ics: "ICS"
+                      }[c.provider] ?? c.provider
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+                  /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rounded p-0.5 text-muted-foreground opacity-60 hover:bg-muted hover:text-foreground group-hover:opacity-100 focus-visible:opacity-100",
+                      "aria-label": `${l.editCalendar}: ${name}`,
+                      "data-testid": `calendar-list-menu-${c.id}`,
+                      children: /* @__PURE__ */ jsx(EllipsisVertical, { className: "h-4 w-4" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [
+                    /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs", children: l.calendarColor }),
+                    /* @__PURE__ */ jsx("div", { className: "px-2 pb-2", children: /* @__PURE__ */ jsx(
+                      ColorSwatches,
+                      {
+                        value: c.color,
+                        onChange: (color) => color && onColorChange(c.id, color)
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                    /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => onEdit(c.id), disabled: c.locked, children: l.editCalendar }),
+                    onShare && isOwner && c.group !== "subscribed" && /* @__PURE__ */ jsx(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => onShare(c.id),
+                        disabled: c.locked,
+                        "data-testid": `calendar-list-share-${c.id}`,
+                        children: l.shareCalendar
+                      }
+                    ),
+                    onPublish && isOwner && c.group === "mine" && (!c.provider || c.provider === "native") && /* @__PURE__ */ jsx(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => onPublish(c.id),
+                        disabled: c.locked,
+                        "data-testid": `calendar-list-publish-${c.id}`,
+                        children: l.publishTo
+                      }
+                    ),
+                    onRefresh && c.group === "subscribed" && /* @__PURE__ */ jsx(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => onRefresh(c.id),
+                        "data-testid": `calendar-list-refresh-${c.id}`,
+                        children: l.refreshCalendar
+                      }
+                    ),
+                    c.canWrite && /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => onImport(c.id), disabled: c.locked, children: l.importCalendar }),
+                    /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => onExport(c.id), disabled: c.locked, children: l.exportCalendar }),
+                    isOwner && !c.isDefault && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                      /* @__PURE__ */ jsx(
+                        DropdownMenuItem,
+                        {
+                          className: "text-destructive focus:text-destructive",
+                          onSelect: () => onDelete(c.id),
+                          children: l.deleteCalendar
+                        }
+                      )
+                    ] })
+                  ] })
+                ] })
+              ]
+            },
+            c.id
+          );
+        }) })
+      ] }, g);
+    }),
+    /* @__PURE__ */ jsxs("section", { "aria-label": l.overlays, children: [
+      /* @__PURE__ */ jsx("h4", { className: "px-1 pb-1 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: l.overlays }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: overlayRows.map(([layer, label, Icon]) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 rounded-md px-1 py-1 hover:bg-muted/60", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "h-4 w-4 accent-[hsl(var(--primary))]",
+            checked: overlays[layer],
+            onChange: () => onToggleOverlay(layer),
+            "data-testid": `calendar-overlay-${layer}`
+          }
+        ),
+        /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { children: label })
+      ] }) }, layer)) })
+    ] })
+  ] });
+}
+
+// src/calendar/draft.ts
+var isAllDayDraft = (d) => !!d.start.date;
+var datePart = (spec) => spec.date ?? (spec.date_time ?? "").slice(0, 10);
+var timePart = (spec) => (spec.date_time ?? "").slice(11, 16);
+var specZone = (spec, defaultZone) => safeZone(spec.time_zone, defaultZone);
+var specDate = datePart;
+var specTime = timePart;
+function specEpochMs(spec, defaultZone) {
+  if (spec.date) return wallToEpochMs(spec.date, defaultZone);
+  return wallToEpochMs(spec.date_time ?? "", specZone(spec, defaultZone));
+}
+function draftRangeUtc(d, defaultZone) {
+  return { startMs: specEpochMs(d.start, defaultZone), endMs: specEpochMs(d.end, defaultZone) };
+}
+function allDayInclusiveEnd(d) {
+  const start = d.start.date ?? "";
+  const end = d.end.date ?? start;
+  const last = addDays(end, -1);
+  return last < start ? start : last;
+}
+function timedSpec(date, time, zone) {
+  return { date: null, date_time: `${date}T${time || "00:00"}`, time_zone: zone ?? null };
+}
+function setDraftStart(d, change, defaultZone) {
+  if (isAllDayDraft(d)) {
+    const oldStart = d.start.date ?? change.date ?? "";
+    const start2 = change.date ?? oldStart;
+    const days = Math.max(1, diffDays(oldStart, d.end.date ?? addDays(oldStart, 1)));
+    return { ...d, start: { date: start2 }, end: { date: addDays(start2, days) } };
+  }
+  const { startMs, endMs } = draftRangeUtc(d, defaultZone);
+  const duration = Math.max(0, endMs - startMs);
+  const startZone = change.timeZone !== void 0 ? change.timeZone : d.start.time_zone ?? null;
+  const start = timedSpec(
+    change.date ?? datePart(d.start),
+    change.time ?? timePart(d.start),
+    startZone
+  );
+  const newStartMs = specEpochMs(start, defaultZone);
+  const endZone = specZone(d.end, defaultZone);
+  const endWall = utcToWall(newStartMs + duration, endZone);
+  return {
+    ...d,
+    start,
+    end: { date: null, date_time: endWall, time_zone: d.end.time_zone ?? null }
+  };
+}
+function setDraftEnd(d, change) {
+  if (isAllDayDraft(d)) {
+    const last = change.date ?? allDayInclusiveEnd(d);
+    return { ...d, end: { date: addDays(last, 1) } };
+  }
+  const zone = change.timeZone !== void 0 ? change.timeZone : d.end.time_zone ?? null;
+  return {
+    ...d,
+    end: timedSpec(change.date ?? datePart(d.end), change.time ?? timePart(d.end), zone)
+  };
+}
+function setDraftAllDay(d, allDay, defaultZone, defaultStartTime = "09:00", defaultDurationMinutes = 60) {
+  if (allDay === isAllDayDraft(d)) return d;
+  if (allDay) {
+    const start2 = datePart(d.start);
+    const endDay = datePart(d.end) || start2;
+    const lastDay = timePart(d.end) === "00:00" && endDay > start2 ? addDays(endDay, -1) : endDay;
+    return {
+      ...d,
+      start: { date: start2 },
+      end: { date: addDays(lastDay < start2 ? start2 : lastDay, 1) }
+    };
+  }
+  const zone = safeZone(defaultZone);
+  const start = timedSpec(d.start.date ?? "", defaultStartTime, zone);
+  const startMs = specEpochMs(start, zone);
+  const end = {
+    date: null,
+    date_time: utcToWall(startMs + defaultDurationMinutes * 6e4, zone),
+    time_zone: zone
+  };
+  return { ...d, start, end };
+}
+function draftFromSlot(slot, timeZone, calendarId, title = "") {
+  const zone = safeZone(timeZone);
+  if (slot.allDay) {
+    const start = slot.startDate ?? utcToDate(slot.startUtc, zone);
+    const end = slot.endDate ?? addDays(start, 1);
+    return { calendar_id: calendarId, title, start: { date: start }, end: { date: end } };
+  }
+  return {
+    calendar_id: calendarId,
+    title,
+    start: { date: null, date_time: utcToWall(slot.startUtc, zone), time_zone: zone },
+    end: { date: null, date_time: utcToWall(slot.endUtc, zone), time_zone: zone }
+  };
+}
+function validateDraft(d, defaultZone) {
+  if (!d.title.trim()) return "titleRequired";
+  if (isAllDayDraft(d)) {
+    if (!d.start.date || !d.end.date || d.end.date <= d.start.date) return "invalidRange";
+    return null;
+  }
+  if (!d.start.date_time || !d.end.date_time) return "invalidRange";
+  const { startMs, endMs } = draftRangeUtc(d, defaultZone);
+  if (!(endMs >= startMs)) return "invalidRange";
+  return null;
+}
+var RRULE_WEEKDAYS = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];
+function weekdayOf(date) {
+  return RRULE_WEEKDAYS[Temporal.PlainDate.from(date).dayOfWeek - 1];
+}
+function setPosOf(date, preferLast = false) {
+  const d = Temporal.PlainDate.from(date);
+  const isLast = d.day + 7 > d.daysInMonth;
+  const nth = Math.ceil(d.day / 7);
+  if (isLast && (preferLast || nth > 4)) return -1;
+  return Math.min(nth, 4);
+}
+function defaultRecurrenceForm(startDate, freq = "none") {
+  const d = Temporal.PlainDate.from(startDate);
+  return {
+    freq,
+    interval: 1,
+    weekdays: [weekdayOf(startDate)],
+    monthlyMode: "day",
+    monthDay: d.day,
+    setPos: setPosOf(startDate),
+    setPosDay: weekdayOf(startDate),
+    month: d.month,
+    end: "never",
+    until: null,
+    count: 10,
+    raw: ""
+  };
+}
+function untilValue(until, ctx) {
+  if (ctx.allDay) return until.replace(/-/g, "");
+  const zone = ctx.timeZone || "UTC";
+  const utc = wallToUtc(`${until}T23:59:59`, zone);
+  const t = Temporal.Instant.from(utc).toZonedDateTimeISO("UTC");
+  const p = (n, w = 2) => String(n).padStart(w, "0");
+  return `${p(t.year, 4)}${p(t.month)}${p(t.day)}T${p(t.hour)}${p(t.minute)}${p(t.second)}Z`;
+}
+function buildRRule(form, ctx = {}) {
+  if (form.freq === "none") return null;
+  if (form.freq === "custom") {
+    const raw = form.raw.trim().replace(/^RRULE:/i, "");
+    return raw || null;
+  }
+  const parts = [`FREQ=${form.freq.toUpperCase()}`];
+  const interval = Math.max(1, Math.floor(form.interval || 1));
+  if (interval > 1) parts.push(`INTERVAL=${interval}`);
+  if (form.freq === "weekly") {
+    const days = RRULE_WEEKDAYS.filter((d) => form.weekdays.includes(d));
+    if (days.length) parts.push(`BYDAY=${days.join(",")}`);
+  } else if (form.freq === "monthly" || form.freq === "yearly") {
+    if (form.freq === "yearly") parts.push(`BYMONTH=${form.month}`);
+    if (form.monthlyMode === "day") {
+      parts.push(`BYMONTHDAY=${form.monthDay}`);
+    } else {
+      parts.push(`BYDAY=${form.setPosDay}`);
+      parts.push(`BYSETPOS=${form.setPos}`);
+    }
+  }
+  if (form.end === "until" && form.until) parts.push(`UNTIL=${untilValue(form.until, ctx)}`);
+  else if (form.end === "count") parts.push(`COUNT=${Math.max(1, Math.floor(form.count || 1))}`);
+  return parts.join(";");
+}
+function tokenize(rrule) {
+  const out = /* @__PURE__ */ new Map();
+  for (const seg of rrule.replace(/^RRULE:/i, "").split(";")) {
+    const i = seg.indexOf("=");
+    if (i > 0)
+      out.set(
+        seg.slice(0, i).trim().toUpperCase(),
+        seg.slice(i + 1).trim().toUpperCase()
+      );
+  }
+  return out;
+}
+function parseUntil(value, ctx) {
+  const m = /^(\d{4})(\d{2})(\d{2})(?:T(\d{2})(\d{2})(\d{2})(Z?))?$/.exec(value);
+  if (!m) return null;
+  const date = `${m[1]}-${m[2]}-${m[3]}`;
+  if (!m[4] || m[7] !== "Z") return date;
+  const inst = Temporal.Instant.from(`${date}T${m[4]}:${m[5]}:${m[6]}Z`);
+  return inst.toZonedDateTimeISO(ctx.timeZone || "UTC").toPlainDate().toString();
+}
+var SUPPORTED = /* @__PURE__ */ new Set([
+  "FREQ",
+  "INTERVAL",
+  "BYDAY",
+  "BYMONTHDAY",
+  "BYMONTH",
+  "BYSETPOS",
+  "UNTIL",
+  "COUNT",
+  "WKST"
+]);
+function parseRRule(rrule, startDate, ctx = {}) {
+  const base = defaultRecurrenceForm(startDate);
+  if (!rrule || !rrule.trim()) return base;
+  const raw = rrule.trim().replace(/^RRULE:/i, "");
+  const custom = { ...base, freq: "custom", raw };
+  const t = tokenize(raw);
+  for (const key of t.keys()) if (!SUPPORTED.has(key)) return custom;
+  const freq = t.get("FREQ");
+  const form = { ...base, raw };
+  const interval = Number(t.get("INTERVAL") ?? "1");
+  if (!Number.isInteger(interval) || interval < 1) return custom;
+  form.interval = interval;
+  if (t.has("UNTIL") && t.has("COUNT")) return custom;
+  if (t.has("UNTIL")) {
+    const until = parseUntil(t.get("UNTIL") ?? "", ctx);
+    if (!until) return custom;
+    form.end = "until";
+    form.until = until;
+  } else if (t.has("COUNT")) {
+    const count = Number(t.get("COUNT"));
+    if (!Number.isInteger(count) || count < 1) return custom;
+    form.end = "count";
+    form.count = count;
+  }
+  const byday = t.get("BYDAY");
+  const bymonthday = t.get("BYMONTHDAY");
+  const bymonth = t.get("BYMONTH");
+  const bysetpos = t.get("BYSETPOS");
+  const nthWeekday = () => {
+    if (!byday || bymonthday) return false;
+    const m = /^([+-]?\d)?(MO|TU|WE|TH|FR|SA|SU)$/.exec(byday);
+    if (!m) return false;
+    const pos = Number(m[1] ?? bysetpos ?? NaN);
+    if (m[1] && bysetpos) return false;
+    if (![1, 2, 3, 4, -1].includes(pos)) return false;
+    form.monthlyMode = "weekday";
+    form.setPos = pos;
+    form.setPosDay = m[2];
+    return true;
+  };
+  const monthDay = () => {
+    if (!bymonthday || byday || bysetpos) return false;
+    const n = Number(bymonthday);
+    if (!Number.isInteger(n) || n < 1 || n > 31) return false;
+    form.monthlyMode = "day";
+    form.monthDay = n;
+    return true;
+  };
+  switch (freq) {
+    case "DAILY":
+      if (byday || bymonthday || bymonth || bysetpos) return custom;
+      form.freq = "daily";
+      return form;
+    case "WEEKLY": {
+      if (bymonthday || bymonth || bysetpos) return custom;
+      form.freq = "weekly";
+      if (byday) {
+        const days = byday.split(",");
+        if (!days.every((d) => RRULE_WEEKDAYS.includes(d))) return custom;
+        form.weekdays = days;
+      }
+      return form;
+    }
+    case "MONTHLY":
+      if (bymonth) return custom;
+      form.freq = "monthly";
+      if (!byday && !bymonthday && !bysetpos) return form;
+      return nthWeekday() || monthDay() ? form : custom;
+    case "YEARLY": {
+      form.freq = "yearly";
+      if (bymonth) {
+        const n = Number(bymonth);
+        if (!Number.isInteger(n) || n < 1 || n > 12) return custom;
+        form.month = n;
+      }
+      if (!byday && !bymonthday && !bysetpos) return form;
+      if (!bymonth) return custom;
+      return nthWeekday() || monthDay() ? form : custom;
+    }
+    default:
+      return custom;
+  }
+}
+var DEFAULT_RECURRENCE_DESCRIBE_LABELS = {
+  every: "Every",
+  day: "day",
+  days: "days",
+  week: "week",
+  weeks: "weeks",
+  month: "month",
+  months: "months",
+  year: "year",
+  years: "years",
+  on: "on",
+  onDay: "on day",
+  until: "until",
+  times: "times",
+  ordinals: { 1: "first", 2: "second", 3: "third", 4: "fourth", [-1]: "last" },
+  weekdayNames: {
+    MO: "Monday",
+    TU: "Tuesday",
+    WE: "Wednesday",
+    TH: "Thursday",
+    FR: "Friday",
+    SA: "Saturday",
+    SU: "Sunday"
+  },
+  monthNames: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ],
+  doesNotRepeat: "Does not repeat",
+  custom: "Custom rule"
+};
+function describeRecurrence(form, labels = DEFAULT_RECURRENCE_DESCRIBE_LABELS) {
+  const l = labels;
+  if (form.freq === "none") return l.doesNotRepeat;
+  if (form.freq === "custom") return `${l.custom}: ${form.raw}`;
+  const unit = {
+    daily: [l.day, l.days],
+    weekly: [l.week, l.weeks],
+    monthly: [l.month, l.months],
+    yearly: [l.year, l.years]
+  }[form.freq];
+  let text = form.interval > 1 ? `${l.every} ${form.interval} ${unit[1]}` : `${l.every} ${unit[0]}`;
+  if (form.freq === "weekly" && form.weekdays.length) {
+    const days = RRULE_WEEKDAYS.filter((d) => form.weekdays.includes(d)).map(
+      (d) => l.weekdayNames[d]
+    );
+    text += ` ${l.on} ${days.join(", ")}`;
+  }
+  if (form.freq === "monthly" || form.freq === "yearly") {
+    const monthName = form.freq === "yearly" ? ` ${l.monthNames[form.month - 1]}` : "";
+    text += form.monthlyMode === "day" ? form.freq === "yearly" ? ` ${l.on}${monthName} ${form.monthDay}` : ` ${l.onDay} ${form.monthDay}` : ` ${l.on} ${l.ordinals[form.setPos]} ${l.weekdayNames[form.setPosDay]}${monthName ? ` of${monthName}` : ""}`;
+  }
+  if (form.end === "until" && form.until) text += `, ${l.until} ${form.until}`;
+  if (form.end === "count") text += `, ${form.count} ${l.times}`;
+  return text;
+}
+
+// src/calendar/recurrence-labels.ts
+var DEFAULT_RECURRENCE_EDITOR_LABELS = {
+  doesNotRepeat: "Does not repeat",
+  daily: "Daily",
+  weekly: "Weekly",
+  monthly: "Monthly",
+  yearly: "Yearly",
+  custom: "Custom rule\u2026",
+  every: "Every",
+  units: { daily: "day(s)", weekly: "week(s)", monthly: "month(s)", yearly: "year(s)" },
+  onDayOfMonth: "On day",
+  onThe: "On the",
+  ends: "Ends",
+  never: "Never",
+  onDate: "On",
+  after: "After",
+  occurrences: "occurrences",
+  rrule: "iCalendar rule (RRULE)",
+  rrulePlaceholder: "FREQ=WEEKLY;BYDAY=MO,WE",
+  weekdayShort: { MO: "M", TU: "T", WE: "W", TH: "T", FR: "F", SA: "S", SU: "S" }
+};
+var SETPOS_OPTIONS = [1, 2, 3, 4, -1];
+function RecurrenceEditor({
+  rrule,
+  onChange,
+  startDate,
+  allDay,
+  timeZone,
+  labels: labelOverrides,
+  idPrefix = "calendar-recurrence"
+}) {
+  const l = { ...DEFAULT_RECURRENCE_EDITOR_LABELS, ...labelOverrides };
+  const ctx = { allDay, timeZone };
+  const [form, setForm] = useState(() => parseRRule(rrule, startDate, ctx));
+  const [emitted, setEmitted] = useState(rrule || null);
+  if ((rrule || null) !== emitted) {
+    setEmitted(rrule || null);
+    setForm(parseRRule(rrule, startDate, ctx));
+  }
+  const update = (patch) => {
+    const next = { ...form, ...patch };
+    setForm(next);
+    const out = buildRRule(next, ctx);
+    setEmitted(out);
+    onChange(out);
+  };
+  const setFreq = (freq) => {
+    if (freq === "custom") {
+      update({ freq, raw: buildRRule(form, ctx) ?? form.raw ?? "" });
+      return;
+    }
+    const seeded = { freq };
+    if (form.freq === "none" || form.freq === "custom") {
+      seeded.weekdays = [weekdayOf(startDate)];
+      seeded.monthDay = Number(startDate.slice(8, 10));
+      seeded.setPos = setPosOf(startDate);
+      seeded.setPosDay = weekdayOf(startDate);
+      seeded.month = Number(startDate.slice(5, 7));
+      seeded.interval = 1;
+    }
+    update(seeded);
+  };
+  const weekdayName = (d) => DEFAULT_RECURRENCE_DESCRIBE_LABELS.weekdayNames[d];
+  const ordinal = (p) => DEFAULT_RECURRENCE_DESCRIBE_LABELS.ordinals[p];
+  const monthNames = DEFAULT_RECURRENCE_DESCRIBE_LABELS.monthNames;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": "calendar-recurrence", children: [
+    /* @__PURE__ */ jsxs(
+      NativeSelect,
+      {
+        id: `${idPrefix}-freq`,
+        "aria-label": l.doesNotRepeat,
+        value: form.freq,
+        onChange: (e) => setFreq(e.target.value),
+        "data-testid": "calendar-recurrence-freq",
+        className: "w-full sm:w-56",
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "none", children: l.doesNotRepeat }),
+          /* @__PURE__ */ jsx("option", { value: "daily", children: l.daily }),
+          /* @__PURE__ */ jsx("option", { value: "weekly", children: l.weekly }),
+          /* @__PURE__ */ jsx("option", { value: "monthly", children: l.monthly }),
+          /* @__PURE__ */ jsx("option", { value: "yearly", children: l.yearly }),
+          /* @__PURE__ */ jsx("option", { value: "custom", children: l.custom })
+        ]
+      }
+    ),
+    form.freq === "custom" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: `${idPrefix}-raw`, className: "text-xs text-muted-foreground", children: l.rrule }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: `${idPrefix}-raw`,
+          value: form.raw,
+          placeholder: l.rrulePlaceholder,
+          onChange: (e) => update({ raw: e.target.value }),
+          "data-testid": "calendar-recurrence-raw",
+          className: "font-mono text-xs"
+        }
+      )
+    ] }),
+    form.freq !== "none" && form.freq !== "custom" && /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-md border border-border p-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { children: l.every }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "number",
+            min: 1,
+            max: 999,
+            "aria-label": l.every,
+            className: "h-8 w-16",
+            value: form.interval,
+            onChange: (e) => update({ interval: Math.max(1, Number(e.target.value) || 1) }),
+            "data-testid": "calendar-recurrence-interval"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: l.units[form.freq] })
+      ] }),
+      form.freq === "weekly" && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": l.weekly, children: RRULE_WEEKDAYS.map((d) => {
+        const on = form.weekdays.includes(d);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": on,
+            "aria-label": weekdayName(d),
+            title: weekdayName(d),
+            onClick: () => {
+              const next = on ? form.weekdays.filter((x) => x !== d) : [...form.weekdays, d];
+              update({ weekdays: next.length ? next : form.weekdays });
+            },
+            "data-testid": `calendar-recurrence-day-${d}`,
+            className: cn(
+              "h-8 w-8 rounded-full border text-xs font-medium transition-colors",
+              on ? "border-primary bg-primary text-primary-foreground" : "border-border hover:bg-muted"
+            ),
+            children: l.weekdayShort[d]
+          },
+          d
+        );
+      }) }),
+      (form.freq === "monthly" || form.freq === "yearly") && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-sm", children: [
+        form.freq === "yearly" && /* @__PURE__ */ jsx(
+          NativeSelect,
+          {
+            "aria-label": l.yearly,
+            value: form.month,
+            onChange: (e) => update({ month: Number(e.target.value) }),
+            "data-testid": "calendar-recurrence-month",
+            className: "h-8",
+            children: monthNames.map((m, i) => /* @__PURE__ */ jsx("option", { value: i + 1, children: m }, m))
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${idPrefix}-monthly`,
+              checked: form.monthlyMode === "day",
+              onChange: () => update({ monthlyMode: "day" }),
+              "data-testid": "calendar-recurrence-mode-day"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: l.onDayOfMonth }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 1,
+              max: 31,
+              "aria-label": l.onDayOfMonth,
+              className: "h-8 w-16",
+              value: form.monthDay,
+              disabled: form.monthlyMode !== "day",
+              onChange: (e) => update({ monthDay: Math.min(31, Math.max(1, Number(e.target.value) || 1)) }),
+              "data-testid": "calendar-recurrence-monthday"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${idPrefix}-monthly`,
+              checked: form.monthlyMode === "weekday",
+              onChange: () => update({ monthlyMode: "weekday" }),
+              "data-testid": "calendar-recurrence-mode-weekday"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: l.onThe }),
+          /* @__PURE__ */ jsx(
+            NativeSelect,
+            {
+              "aria-label": l.onThe,
+              className: "h-8",
+              value: form.setPos,
+              disabled: form.monthlyMode !== "weekday",
+              onChange: (e) => update({ setPos: Number(e.target.value) }),
+              "data-testid": "calendar-recurrence-setpos",
+              children: SETPOS_OPTIONS.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: ordinal(p) }, p))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            NativeSelect,
+            {
+              "aria-label": l.weekly,
+              className: "h-8",
+              value: form.setPosDay,
+              disabled: form.monthlyMode !== "weekday",
+              onChange: (e) => update({ setPosDay: e.target.value }),
+              "data-testid": "calendar-recurrence-setpos-day",
+              children: RRULE_WEEKDAYS.map((d) => /* @__PURE__ */ jsx("option", { value: d, children: weekdayName(d) }, d))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: l.ends }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${idPrefix}-end`,
+              checked: form.end === "never",
+              onChange: () => update({ end: "never" }),
+              "data-testid": "calendar-recurrence-end-never"
+            }
+          ),
+          l.never
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${idPrefix}-end`,
+              checked: form.end === "until",
+              onChange: () => update({ end: "until", until: form.until ?? startDate }),
+              "data-testid": "calendar-recurrence-end-until"
+            }
+          ),
+          l.onDate,
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "date",
+              "aria-label": l.onDate,
+              className: "h-8 w-40",
+              value: form.until ?? "",
+              min: startDate,
+              disabled: form.end !== "until",
+              onChange: (e) => update({ until: e.target.value || null }),
+              "data-testid": "calendar-recurrence-until"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: `${idPrefix}-end`,
+              checked: form.end === "count",
+              onChange: () => update({ end: "count" }),
+              "data-testid": "calendar-recurrence-end-count"
+            }
+          ),
+          l.after,
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 1,
+              max: 999,
+              "aria-label": l.occurrences,
+              className: "h-8 w-20",
+              value: form.count,
+              disabled: form.end !== "count",
+              onChange: (e) => update({ count: Math.max(1, Number(e.target.value) || 1) }),
+              "data-testid": "calendar-recurrence-count"
+            }
+          ),
+          l.occurrences
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", "data-testid": "calendar-recurrence-summary", children: describeRecurrence(form) })
+    ] })
+  ] });
+}
+
+// src/calendar/format.ts
+function formatZoneLabel(zone, at = Date.now()) {
+  return `${zoneCity(zone)} (${zoneOffsetLabel(zone, at)})`;
+}
+function formatEventWhen(e, zone, locale) {
+  const z = safeZone(zone);
+  const dayFmt = {
+    weekday: "short",
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  };
+  if (e.all_day) {
+    const start = e.start.date ?? utcToDate(e.start_utc, z);
+    const endExcl = e.end.date ?? utcToDate(e.end_utc, z);
+    const last = endExcl > start ? addDays(endExcl, -1) : start;
+    const a2 = formatPlainDate(start, dayFmt, locale);
+    return last === start ? a2 : `${a2} \u2013 ${formatPlainDate(last, dayFmt, locale)}`;
+  }
+  const timeFmt = { hour: "numeric", minute: "2-digit" };
+  const sameDay = utcToDate(e.start_utc, z) === utcToDate(e.end_utc, z);
+  const a = `${formatInZone(e.start_utc, z, dayFmt, locale)} \xB7 ${formatInZone(e.start_utc, z, timeFmt, locale)}`;
+  return sameDay ? `${a} \u2013 ${formatInZone(e.end_utc, z, timeFmt, locale)}` : `${a} \u2013 ${formatInZone(e.end_utc, z, dayFmt, locale)} \xB7 ${formatInZone(e.end_utc, z, timeFmt, locale)}`;
+}
+function TimeZonePicker({
+  value,
+  onChange,
+  zones,
+  allowNone,
+  onClear,
+  id,
+  ariaLabel,
+  disabled,
+  labels: labelOverrides,
+  className
+}) {
+  const labels = mergeLabels(labelOverrides);
+  const [open, setOpen] = useState(false);
+  const options = useMemo(() => {
+    const now = Date.now();
+    const list = zones?.length ? zones : listTimeZones();
+    return list.map((z) => {
+      let offset = 0;
+      try {
+        offset = zoneOffsetMinutes(z, now);
+      } catch {
+        return null;
+      }
+      return { zone: z, offset, label: zoneOffsetLabel(z, now), city: zoneCity(z) };
+    }).filter((o) => o !== null).sort((a, b) => a.offset - b.offset || a.zone.localeCompare(b.zone));
+  }, [zones, open]);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        disabled,
+        "aria-label": ariaLabel ?? labels.timeZone,
+        "aria-haspopup": "listbox",
+        "aria-expanded": open,
+        "data-testid": "calendar-tz-picker",
+        className: cn(
+          "inline-flex h-9 min-w-0 items-center gap-2 rounded-md border border-input bg-background px-2 text-left text-sm shadow-sm",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: value ? formatZoneLabel(value) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: labels.none }) }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[320px] p-0", align: "start", children: /* @__PURE__ */ jsxs(
+      Command,
+      {
+        filter: (itemValue, search) => itemValue.toLowerCase().includes(search.toLowerCase().trim()) ? 1 : 0,
+        children: [
+          /* @__PURE__ */ jsx(CommandInput, { placeholder: labels.searchTimeZones, "data-testid": "calendar-tz-search" }),
+          /* @__PURE__ */ jsxs(CommandList, { className: "max-h-72", children: [
+            /* @__PURE__ */ jsx(CommandEmpty, { children: "\u2014" }),
+            /* @__PURE__ */ jsxs(CommandGroup, { children: [
+              allowNone && /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: `__none__ ${labels.none}`,
+                  onSelect: () => {
+                    onClear?.();
+                    setOpen(false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Check, { className: cn("mr-2 h-4 w-4", value ? "opacity-0" : "opacity-100") }),
+                    labels.none
+                  ]
+                }
+              ),
+              options.map((o) => /* @__PURE__ */ jsxs(
+                CommandItem,
+                {
+                  value: `${o.zone} ${o.city} ${o.label}`,
+                  onSelect: () => {
+                    onChange(o.zone);
+                    setOpen(false);
+                  },
+                  "data-testid": `calendar-tz-option-${o.zone}`,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Check,
+                      {
+                        className: cn(
+                          "mr-2 h-4 w-4 shrink-0",
+                          value === o.zone ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: o.zone.replace(/_/g, " ") }),
+                    /* @__PURE__ */ jsx("span", { className: "ml-2 shrink-0 text-xs tabular-nums text-muted-foreground", children: o.label })
+                  ]
+                },
+                o.zone
+              ))
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/calendar/reminders.ts
+var UNIT_MINUTES = {
+  minutes: 1,
+  hours: 60,
+  days: 24 * 60,
+  weeks: 7 * 24 * 60
+};
+function splitReminderMinutes(minutes) {
+  const abs = Math.abs(minutes);
+  if (abs === 0) return { value: 0, unit: "minutes" };
+  for (const unit of ["weeks", "days", "hours"]) {
+    if (abs % UNIT_MINUTES[unit] === 0) return { value: minutes / UNIT_MINUTES[unit], unit };
+  }
+  return { value: minutes, unit: "minutes" };
+}
+function reminderToMinutes(value, unit) {
+  return Math.round(value * UNIT_MINUTES[unit]);
+}
+var DEFAULT_REMINDER_FORMAT_LABELS = {
+  atStart: "At time of event",
+  before: "before",
+  after: "after",
+  minute: "minute",
+  minutes: "minutes",
+  hour: "hour",
+  hours: "hours",
+  day: "day",
+  days: "days",
+  week: "week",
+  weeks: "weeks"
+};
+function formatReminder(minutesBefore, labels = DEFAULT_REMINDER_FORMAT_LABELS) {
+  if (minutesBefore === 0) return labels.atStart;
+  const { value, unit } = splitReminderMinutes(Math.abs(minutesBefore));
+  const singular = {
+    minutes: labels.minute,
+    hours: labels.hour,
+    days: labels.day,
+    weeks: labels.week
+  }[unit];
+  const word = value === 1 ? singular : labels[unit];
+  return `${value} ${word} ${minutesBefore > 0 ? labels.before : labels.after}`;
+}
+var REMINDER_PRESETS = [0, 5, 10, 15, 30, 60, 120, 24 * 60, 2 * 24 * 60, 7 * 24 * 60];
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function Chip({
+  children,
+  onRemove,
+  removeLabel
+}) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex max-w-full items-center gap-1 rounded-full border border-border bg-muted/60 py-0.5 pl-2 pr-1 text-xs", children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        "aria-label": removeLabel,
+        className: "rounded-full p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+        children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+}
+function showAsLabel(v, l) {
+  return {
+    free: l.free,
+    tentative: l.tentative,
+    busy: l.busy,
+    oof: l.oof,
+    working_elsewhere: l.workingElsewhere
+  }[v];
+}
+function EventEditor({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  onDelete,
+  calendars,
+  mode,
+  canAddCall,
+  onAddCall,
+  defaultTimeZone,
+  schedulingSlot,
+  attendeeSuggestions,
+  onAttendeeQueryChange,
+  saving,
+  error,
+  labels: labelOverrides,
+  zones,
+  className
+}) {
+  const l = useMemo(() => mergeLabels(labelOverrides), [labelOverrides]);
+  const uid = useId();
+  const id = (s) => `${uid}-${s}`;
+  const allDay = isAllDayDraft(value);
+  const startZone = value.start.time_zone ?? defaultTimeZone;
+  const endZone = value.end.time_zone ?? startZone;
+  const [showZones, setShowZones] = useState(
+    () => !allDay && (startZone !== defaultTimeZone || endZone !== startZone)
+  );
+  const [attendeeInput, setAttendeeInput] = useState("");
+  const [categoryInput, setCategoryInput] = useState("");
+  const [linkInput, setLinkInput] = useState(null);
+  const [attachUrl, setAttachUrl] = useState("");
+  const [attachTitle, setAttachTitle] = useState("");
+  const [addingCall, setAddingCall] = useState(false);
+  const [touched, setTouched] = useState(false);
+  const [focus, setFocus] = useState(() => !!value.auto_decline && value.show_as !== "oof");
+  const showDecline = value.show_as === "oof" || focus;
+  const set = (patch) => onChange({ ...value, ...patch });
+  const problem = validateDraft(value, defaultTimeZone);
+  const shownProblem = problem === "invalidRange" || touched && problem ? problem : null;
+  const writable = calendars.filter((c) => c.canWrite && !c.locked);
+  const calendarColor = calendars.find((c) => c.id === value.calendar_id)?.color;
+  const attendees = value.attendees ?? [];
+  const addAttendees = (raw) => {
+    const emails = raw.split(/[\s,;]+/).map((s) => s.trim()).filter((s) => EMAIL_RE.test(s));
+    if (!emails.length) return false;
+    const have = new Set(attendees.map((a) => (a.email ?? "").toLowerCase()));
+    const next = [...attendees];
+    for (const email of emails) {
+      if (have.has(email.toLowerCase())) continue;
+      have.add(email.toLowerCase());
+      next.push({ email, role: "required", kind: "individual" });
+    }
+    set({ attendees: next });
+    return true;
+  };
+  const onAttendeeKey = (e) => {
+    if (e.key === "Enter" || e.key === "," || e.key === ";" || e.key === "Tab") {
+      if (attendeeInput.trim() && addAttendees(attendeeInput)) {
+        e.preventDefault();
+        setAttendeeInput("");
+      }
+    } else if (e.key === "Backspace" && !attendeeInput && attendees.length) {
+      set({ attendees: attendees.slice(0, -1) });
+    }
+  };
+  const categories = value.categories ?? [];
+  const addCategory = () => {
+    const c = categoryInput.trim();
+    if (c && !categories.includes(c)) set({ categories: [...categories, c] });
+    setCategoryInput("");
+  };
+  const reminders = value.reminders ?? [];
+  const setReminder = (i, r) => set({ reminders: reminders.map((x, j) => j === i ? r : x) });
+  const addArbiCall = async () => {
+    if (!onAddCall) return;
+    setAddingCall(true);
+    try {
+      const call = await onAddCall();
+      if (call)
+        set({
+          conference: { type: "arbi", url: call.url, call_id: call.call_id, label: l.arbiCall }
+        });
+    } finally {
+      setAddingCall(false);
+    }
+  };
+  const attachments = value.attachments ?? [];
+  const addAttachment = () => {
+    const url = attachUrl.trim();
+    if (!url) return;
+    set({ attachments: [...attachments, { url, title: attachTitle.trim() || null }] });
+    setAttachUrl("");
+    setAttachTitle("");
+  };
+  const startDate = specDate(value.start);
+  const submit = () => {
+    setTouched(true);
+    if (problem || saving) return;
+    onSave();
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn("flex h-full min-h-0 flex-col", className),
+      onSubmit: (e) => {
+        e.preventDefault();
+        submit();
+      },
+      "data-testid": "calendar-event-editor",
+      "aria-label": mode === "create" ? l.createTitle : l.editTitle,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto p-1 scrollbar-themed", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: id("title"),
+              "aria-label": l.title,
+              placeholder: l.titlePlaceholder,
+              value: value.title,
+              autoFocus: mode === "create",
+              onChange: (e) => set({ title: e.target.value }),
+              className: "h-11 border-0 border-b border-border rounded-none px-1 text-lg font-medium shadow-none focus-visible:ring-0 focus-visible:border-primary",
+              "data-testid": "calendar-editor-title"
+            }
+          ),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4" }), children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "date",
+                  "aria-label": l.start,
+                  className: "h-9 w-[9.5rem]",
+                  value: startDate,
+                  onChange: (e) => e.target.value && onChange(setDraftStart(value, { date: e.target.value }, defaultTimeZone)),
+                  "data-testid": "calendar-editor-start-date"
+                }
+              ),
+              !allDay && /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "time",
+                  "aria-label": l.startTime,
+                  className: "h-9 w-[7rem]",
+                  step: 300,
+                  value: specTime(value.start),
+                  onChange: (e) => e.target.value && onChange(setDraftStart(value, { time: e.target.value }, defaultTimeZone)),
+                  "data-testid": "calendar-editor-start-time"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2013" }),
+              !allDay && /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "time",
+                  "aria-label": l.endTime,
+                  className: "h-9 w-[7rem]",
+                  step: 300,
+                  value: specTime(value.end),
+                  onChange: (e) => e.target.value && onChange(setDraftEnd(value, { time: e.target.value })),
+                  "data-testid": "calendar-editor-end-time"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "date",
+                  "aria-label": l.end,
+                  className: "h-9 w-[9.5rem]",
+                  value: allDay ? allDayInclusiveEnd(value) : specDate(value.end),
+                  min: startDate,
+                  onChange: (e) => e.target.value && onChange(setDraftEnd(value, { date: e.target.value })),
+                  "data-testid": "calendar-editor-end-date"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 pt-1 text-sm", children: [
+              /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Switch,
+                  {
+                    checked: allDay,
+                    onCheckedChange: (on) => onChange(setDraftAllDay(value, on, startZone)),
+                    "aria-label": l.allDay,
+                    "data-testid": "calendar-editor-all-day"
+                  }
+                ),
+                l.allDay
+              ] }),
+              !allDay && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+                  onClick: () => setShowZones((v) => !v),
+                  "aria-expanded": showZones,
+                  "data-testid": "calendar-editor-zones-toggle",
+                  children: [
+                    /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5" }),
+                    l.separateTimeZones
+                  ]
+                }
+              )
+            ] }),
+            !allDay && showZones && /* @__PURE__ */ jsxs("div", { className: "grid gap-2 pt-1 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: l.startTimeZone }),
+                /* @__PURE__ */ jsx(
+                  TimeZonePicker,
+                  {
+                    value: startZone,
+                    zones,
+                    ariaLabel: l.startTimeZone,
+                    labels: labelOverrides,
+                    className: "w-full",
+                    onChange: (z) => {
+                      const moved = setDraftStart(value, { timeZone: z }, defaultTimeZone);
+                      const endFollows = (value.end.time_zone ?? startZone) === startZone;
+                      onChange(endFollows ? { ...moved, end: { ...moved.end, time_zone: z } } : moved);
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: l.endTimeZone }),
+                /* @__PURE__ */ jsx(
+                  TimeZonePicker,
+                  {
+                    value: endZone,
+                    zones,
+                    ariaLabel: l.endTimeZone,
+                    labels: labelOverrides,
+                    className: "w-full",
+                    onChange: (z) => onChange(setDraftEnd(value, { timeZone: z }))
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(Repeat, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx(
+            RecurrenceEditor,
+            {
+              rrule: value.recurrence?.rrule ?? null,
+              startDate,
+              allDay,
+              timeZone: startZone,
+              idPrefix: id("rrule"),
+              onChange: (rrule) => set({
+                recurrence: rrule ? { ...value.recurrence ?? {}, rrule } : value.recurrence?.rdates?.length ? { ...value.recurrence, rrule: null } : null
+              })
+            }
+          ) }),
+          writable.length > 0 && /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(CalendarDays, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsxs(
+            NativeSelect,
+            {
+              "aria-label": l.calendar,
+              value: value.calendar_id ?? "",
+              onChange: (e) => set({ calendar_id: e.target.value || void 0 }),
+              "data-testid": "calendar-editor-calendar",
+              className: "w-full sm:w-72",
+              children: [
+                !value.calendar_id && /* @__PURE__ */ jsx("option", { value: "", children: l.calendar }),
+                writable.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.name ?? c.id }, c.id))
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }), children: value.conference ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex min-w-0 items-center gap-2 text-sm",
+              "data-testid": "calendar-editor-conference",
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: value.conference.label || (value.conference.type === "arbi" ? l.arbiCall : l.conference) }),
+                /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: value.conference.url,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    className: "min-w-0 truncate text-xs text-primary underline-offset-2 hover:underline",
+                    children: value.conference.url.replace(/#.*$/, "")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+                    "aria-label": l.removeConference,
+                    onClick: () => set({ conference: null }),
+                    "data-testid": "calendar-editor-conference-remove",
+                    children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            }
+          ) : linkInput !== null ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "url",
+                "aria-label": l.addMeetingLink,
+                placeholder: l.meetingLinkPlaceholder,
+                value: linkInput,
+                autoFocus: true,
+                onChange: (e) => setLinkInput(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    if (linkInput.trim())
+                      set({ conference: { type: "external", url: linkInput.trim() } });
+                    setLinkInput(null);
+                  } else if (e.key === "Escape") setLinkInput(null);
+                },
+                "data-testid": "calendar-editor-link-input"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                onClick: () => {
+                  if (linkInput.trim())
+                    set({ conference: { type: "external", url: linkInput.trim() } });
+                  setLinkInput(null);
+                },
+                children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            canAddCall && onAddCall && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                disabled: addingCall,
+                onClick: addArbiCall,
+                "data-testid": "calendar-editor-add-call",
+                children: [
+                  /* @__PURE__ */ jsx(Video, { className: "mr-1 h-4 w-4" }),
+                  l.addArbiCall
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "ghost",
+                onClick: () => setLinkInput(""),
+                "data-testid": "calendar-editor-add-link",
+                children: l.addMeetingLink
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              "aria-label": l.location,
+              placeholder: l.location,
+              value: value.location ?? "",
+              onChange: (e) => set({ location: e.target.value || null }),
+              "data-testid": "calendar-editor-location"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }), children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "email",
+                multiple: true,
+                "aria-label": l.addAttendee,
+                placeholder: l.addAttendee,
+                value: attendeeInput,
+                onChange: (e) => {
+                  setAttendeeInput(e.target.value);
+                  onAttendeeQueryChange?.(e.target.value);
+                },
+                onKeyDown: onAttendeeKey,
+                onBlur: () => {
+                  if (attendeeInput.trim() && addAttendees(attendeeInput)) setAttendeeInput("");
+                },
+                "data-testid": "calendar-editor-attendee-input"
+              }
+            ),
+            attendeeInput.trim() && (attendeeSuggestions?.length ?? 0) > 0 && /* @__PURE__ */ jsx(
+              "ul",
+              {
+                role: "listbox",
+                "aria-label": l.suggestions,
+                className: "mt-1 max-h-48 overflow-y-auto rounded-md border border-border bg-popover shadow-sm",
+                "data-testid": "calendar-editor-attendee-suggestions",
+                children: attendeeSuggestions?.filter(
+                  (s) => !attendees.some((a) => (a.email ?? "").toLowerCase() === s.email.toLowerCase())
+                ).slice(0, 8).map((s) => /* @__PURE__ */ jsx("li", { role: "option", "aria-selected": false, children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: "flex w-full items-baseline gap-2 px-3 py-1.5 text-left text-sm hover:bg-muted",
+                    onMouseDown: (e) => e.preventDefault(),
+                    onClick: () => {
+                      set({
+                        attendees: [
+                          ...attendees,
+                          {
+                            email: s.email,
+                            name: s.name ?? null,
+                            role: "required",
+                            kind: "individual"
+                          }
+                        ]
+                      });
+                      setAttendeeInput("");
+                      onAttendeeQueryChange?.("");
+                    },
+                    "data-testid": "calendar-editor-attendee-suggestion",
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: s.name || s.email }),
+                      s.name && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: s.email }),
+                      s.detail && /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: s.detail })
+                    ]
+                  }
+                ) }, s.email))
+              }
+            ),
+            attendees.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-1", "data-testid": "calendar-editor-attendees", children: attendees.map((a, i) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-center gap-2 text-sm",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", title: a.email ?? void 0, children: a.name || a.email || a.user_id }),
+                  /* @__PURE__ */ jsxs(
+                    NativeSelect,
+                    {
+                      "aria-label": `${a.email ?? ""} ${l.required}`,
+                      className: "h-7 text-xs",
+                      value: a.role ?? "required",
+                      onChange: (e) => set({
+                        attendees: attendees.map(
+                          (x, j) => j === i ? { ...x, role: e.target.value } : x
+                        )
+                      }),
+                      children: [
+                        /* @__PURE__ */ jsx("option", { value: "required", children: l.required }),
+                        /* @__PURE__ */ jsx("option", { value: "optional", children: l.optional })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+                      "aria-label": `${l.remove} ${a.email ?? ""}`,
+                      onClick: () => set({ attendees: attendees.filter((_, j) => j !== i) }),
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ]
+              },
+              `${a.email ?? a.user_id ?? i}`
+            )) })
+          ] }),
+          schedulingSlot && /* @__PURE__ */ jsx("div", { className: "pl-8", children: schedulingSlot }),
+          /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(TextAlignStart, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              "aria-label": l.description,
+              placeholder: l.description,
+              value: value.description ?? "",
+              rows: 4,
+              onChange: (e) => set({ description: e.target.value || null }),
+              "data-testid": "calendar-editor-description"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }), label: l.reminders, children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!value.use_default_reminders,
+                  onChange: (e) => set({ use_default_reminders: e.target.checked }),
+                  "data-testid": "calendar-editor-default-reminders"
+                }
+              ),
+              l.useDefaultReminders
+            ] }),
+            !value.use_default_reminders && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              reminders.map((r, i) => {
+                const { value: n, unit } = splitReminderMinutes(r.minutes_before);
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "flex flex-wrap items-center gap-2 text-sm",
+                    "data-testid": "calendar-editor-reminder",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        NativeSelect,
+                        {
+                          "aria-label": l.reminders,
+                          className: "h-8",
+                          value: r.action,
+                          onChange: (e) => setReminder(i, { ...r, action: e.target.value }),
+                          children: [
+                            /* @__PURE__ */ jsx("option", { value: "display", children: l.popup }),
+                            /* @__PURE__ */ jsx("option", { value: "email", children: l.email })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Input,
+                        {
+                          type: "number",
+                          min: 0,
+                          "aria-label": formatReminder(r.minutes_before),
+                          className: "h-8 w-20",
+                          value: n,
+                          onChange: (e) => setReminder(i, {
+                            ...r,
+                            minutes_before: reminderToMinutes(
+                              Math.max(0, Number(e.target.value) || 0),
+                              unit
+                            )
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        NativeSelect,
+                        {
+                          "aria-label": l.minutes,
+                          className: "h-8",
+                          value: unit,
+                          onChange: (e) => setReminder(i, {
+                            ...r,
+                            minutes_before: reminderToMinutes(n, e.target.value)
+                          }),
+                          children: [
+                            /* @__PURE__ */ jsx("option", { value: "minutes", children: l.minutes }),
+                            /* @__PURE__ */ jsx("option", { value: "hours", children: l.hours }),
+                            /* @__PURE__ */ jsx("option", { value: "days", children: l.days }),
+                            /* @__PURE__ */ jsx("option", { value: "weeks", children: l.weeks })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.beforeStart }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+                          "aria-label": `${l.remove} ${formatReminder(r.minutes_before)}`,
+                          onClick: () => set({ reminders: reminders.filter((_, j) => j !== i) }),
+                          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                        }
+                      )
+                    ]
+                  },
+                  i
+                );
+              }),
+              reminders.length < 5 && /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => set({
+                    reminders: [
+                      ...reminders,
+                      { minutes_before: allDay ? 24 * 60 : 10, action: "display" }
+                    ]
+                  }),
+                  "data-testid": "calendar-editor-add-reminder",
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }),
+                    l.addReminder
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }), children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsx(
+                NativeSelect,
+                {
+                  "aria-label": l.showAs,
+                  value: value.show_as ?? "busy",
+                  onChange: (e) => set({ show_as: e.target.value }),
+                  "data-testid": "calendar-editor-show-as",
+                  children: ["busy", "free", "tentative", "oof", "working_elsewhere"].map((v) => /* @__PURE__ */ jsx("option", { value: v, children: showAsLabel(v, l) }, v))
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                NativeSelect,
+                {
+                  "aria-label": l.sensitivity,
+                  value: value.sensitivity ?? "normal",
+                  onChange: (e) => set({ sensitivity: e.target.value }),
+                  "data-testid": "calendar-editor-sensitivity",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "normal", children: l.normal }),
+                    /* @__PURE__ */ jsx("option", { value: "private", children: l.private }),
+                    /* @__PURE__ */ jsx("option", { value: "confidential", children: l.confidential })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                NativeSelect,
+                {
+                  "aria-label": l.status,
+                  value: value.status ?? "confirmed",
+                  onChange: (e) => set({ status: e.target.value }),
+                  "data-testid": "calendar-editor-status",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "confirmed", children: l.confirmed }),
+                    /* @__PURE__ */ jsx("option", { value: "tentative", children: l.tentative }),
+                    /* @__PURE__ */ jsx("option", { value: "cancelled", children: l.cancelled })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 pt-2 text-sm", children: [
+              value.show_as !== "oof" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: focus,
+                    onChange: (e) => {
+                      setFocus(e.target.checked);
+                      if (!e.target.checked) set({ auto_decline: false });
+                      else if (!value.show_as || value.show_as === "free") set({ show_as: "busy" });
+                    },
+                    "data-testid": "calendar-editor-focus"
+                  }
+                ),
+                l.focusTime
+              ] }),
+              showDecline && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: !!value.auto_decline,
+                    onChange: (e) => set({ auto_decline: e.target.checked }),
+                    "data-testid": "calendar-editor-auto-decline"
+                  }
+                ),
+                l.autoDecline
+              ] })
+            ] }),
+            showDecline && value.auto_decline && /* @__PURE__ */ jsx(
+              Input,
+              {
+                className: "mt-2",
+                "aria-label": l.declineMessage,
+                placeholder: l.declineMessagePlaceholder,
+                value: value.decline_message ?? "",
+                maxLength: 1e3,
+                onChange: (e) => set({ decline_message: e.target.value || null }),
+                "data-testid": "calendar-editor-decline-message"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(FieldRow, { icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+            categories.map((c) => /* @__PURE__ */ jsx(
+              Chip,
+              {
+                removeLabel: `${l.remove} ${c}`,
+                onRemove: () => set({ categories: categories.filter((x) => x !== c) }),
+                children: c
+              },
+              c
+            )),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                "aria-label": l.addCategory,
+                placeholder: l.addCategory,
+                className: "h-8 w-40",
+                value: categoryInput,
+                onChange: (e) => setCategoryInput(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === ",") {
+                    e.preventDefault();
+                    addCategory();
+                  }
+                },
+                onBlur: addCategory,
+                "data-testid": "calendar-editor-category-input"
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Palette, { className: "h-4 w-4" }), children: [
+            /* @__PURE__ */ jsx(
+              ColorSwatches,
+              {
+                value: value.color ?? null,
+                onChange: (c) => set({ color: c }),
+                allowNone: true,
+                noneLabel: l.defaultColor,
+                testIdPrefix: "calendar-editor-color"
+              }
+            ),
+            !value.color && calendarColor && /* @__PURE__ */ jsx("span", { className: "sr-only", children: calendarColor })
+          ] }),
+          /* @__PURE__ */ jsxs(FieldRow, { icon: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" }), label: l.attachments, children: [
+            attachments.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: attachments.map((a, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: a.url,
+                  target: "_blank",
+                  rel: "noreferrer",
+                  className: "min-w-0 flex-1 truncate text-primary hover:underline",
+                  children: a.title || a.url
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+                  "aria-label": `${l.remove} ${a.title || a.url}`,
+                  onClick: () => set({ attachments: attachments.filter((_, j) => j !== i) }),
+                  children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }, `${a.url}-${i}`)) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "url",
+                  "aria-label": l.attachmentUrlPlaceholder,
+                  placeholder: l.attachmentUrlPlaceholder,
+                  className: "h-8 min-w-0 flex-1",
+                  value: attachUrl,
+                  onChange: (e) => setAttachUrl(e.target.value),
+                  "data-testid": "calendar-editor-attachment-url"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  "aria-label": l.attachmentTitlePlaceholder,
+                  placeholder: l.attachmentTitlePlaceholder,
+                  className: "h-8 w-40",
+                  value: attachTitle,
+                  onChange: (e) => setAttachTitle(e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  onClick: addAttachment,
+                  disabled: !attachUrl.trim(),
+                  children: l.addAttachment
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        (error || shownProblem) && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "px-1 pt-2 text-sm text-destructive",
+            role: "alert",
+            "data-testid": "calendar-editor-error",
+            children: error || (shownProblem === "invalidRange" ? l.invalidRange : l.titleRequired)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border pt-3", children: [
+          mode === "edit" && onDelete && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              className: "text-destructive hover:text-destructive",
+              onClick: onDelete,
+              "data-testid": "calendar-editor-delete",
+              children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "mr-1 h-4 w-4" }),
+                l.delete
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: onCancel,
+              "data-testid": "calendar-editor-cancel",
+              children: l.cancel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "submit",
+              disabled: !!saving || problem === "invalidRange",
+              "data-testid": "calendar-editor-save",
+              children: saving ? l.saving : l.save
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+var partstatLabel = (p, l) => ({
+  needs_action: l.needsAction,
+  accepted: l.accepted,
+  declined: l.declined,
+  tentative: l.tentative,
+  delegated: l.delegated
+})[p ?? "needs_action"];
+function Row({ icon, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 text-sm", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground",
+        "aria-hidden": true,
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children })
+  ] });
+}
+function EventDetails({
+  event,
+  timeZone,
+  calendarName,
+  calendarColor,
+  onEdit,
+  onDelete,
+  onRespond,
+  onProposeTime,
+  onJoin,
+  onClose,
+  canJoin = true,
+  labels: labelOverrides,
+  className
+}) {
+  const l = mergeLabels(labelOverrides);
+  const zone = safeZone(timeZone);
+  const color = event.color || calendarColor || "#3b82f6";
+  const restricted = !!event.restricted;
+  const title = restricted ? l.busy : event.title?.trim() || l.noTitle;
+  const eventZone = event.start.time_zone;
+  const otherZone = !event.all_day && eventZone && eventZone !== zone ? safeZone(eventZone, zone) : null;
+  const attendees = event.attendees ?? [];
+  const counts = attendees.reduce((acc, a) => {
+    const k = a.partstat ?? "needs_action";
+    acc[k] = (acc[k] ?? 0) + 1;
+    return acc;
+  }, {});
+  const canRespond = !!onRespond && !event.is_organizer && event.my_partstat != null && !restricted;
+  const invitee = event.is_organizer === false && event.my_partstat != null;
+  const conference = !restricted ? event.conference : null;
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), "data-testid": "calendar-event-details", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "mt-1.5 h-3 w-3 shrink-0 rounded-sm",
+          style: { backgroundColor: color },
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(
+          "h3",
+          {
+            className: cn(
+              "break-words text-lg font-semibold leading-snug",
+              event.status === "cancelled" && "line-through"
+            ),
+            "data-testid": "calendar-details-title",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", "data-testid": "calendar-details-when", children: formatEventWhen(event, zone) }),
+        otherZone && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+          formatInZone(event.start_utc, otherZone, { hour: "numeric", minute: "2-digit" }),
+          " \u2013",
+          " ",
+          formatInZone(event.end_utc, otherZone, { hour: "numeric", minute: "2-digit" }),
+          " ",
+          zoneCity(otherZone),
+          " (",
+          zoneOffsetLabel(otherZone, event.start_utc),
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
+        onEdit && !invitee && event.can_edit !== false && !restricted && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": l.edit,
+            onClick: onEdit,
+            "data-testid": "calendar-details-edit",
+            children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+          }
+        ),
+        onDelete && !invitee && event.can_edit !== false && !restricted && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": l.delete,
+            onClick: onDelete,
+            "data-testid": "calendar-details-delete",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        ),
+        onDelete && invitee && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": l.removeFromCalendar,
+            title: l.removeFromCalendar,
+            onClick: onDelete,
+            "data-testid": "calendar-details-remove",
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        ),
+        onClose && /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8",
+            "aria-label": l.cancel,
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    event.is_recurring && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Repeat, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.recurring }) }),
+    conference?.url && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          disabled: !canJoin,
+          onClick: () => onJoin ? onJoin() : window.open(conference.url ?? "", "_blank", "noopener"),
+          "data-testid": "calendar-details-join",
+          children: [
+            l.join,
+            conference.type === "arbi" ? ` ${l.arbiCall}` : ""
+          ]
+        }
+      ),
+      conference.type === "external" && /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: conference.url })
+    ] }) }),
+    !restricted && event.location && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(MapPin, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("span", { className: "break-words", children: event.location }) }),
+    calendarName && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(CalendarDays, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("span", { children: calendarName }) }),
+    restricted && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Lock, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: l.private }) }),
+    !restricted && (event.organizer || attendees.length > 0) && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Users, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-testid": "calendar-details-attendees", children: [
+      attendees.length > 0 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+        attendees.length,
+        " \xB7",
+        " ",
+        Object.entries(counts).map(([k, n]) => `${n} ${partstatLabel(k, l).toLowerCase()}`).join(", ")
+      ] }),
+      event.organizer && /* @__PURE__ */ jsxs("div", { className: "truncate", children: [
+        event.organizer.name || event.organizer.email,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+          "\xB7 ",
+          l.organizer
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: attendees.filter((a) => !a.is_organizer).map((a, i) => /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: "flex items-center gap-1.5",
+          "data-testid": "calendar-details-attendee",
+          "data-partstat": a.partstat ?? "needs_action",
+          "data-kind": a.kind ?? "individual",
+          children: [
+            a.partstat === "accepted" ? /* @__PURE__ */ jsx(CircleCheck, { className: "h-3.5 w-3.5 text-green-600", "aria-label": l.accepted }) : a.partstat === "declined" ? /* @__PURE__ */ jsx(CircleX, { className: "h-3.5 w-3.5 text-destructive", "aria-label": l.declined }) : /* @__PURE__ */ jsx(
+              Clock,
+              {
+                className: "h-3.5 w-3.5 text-muted-foreground",
+                "aria-label": partstatLabel(a.partstat, l)
+              }
+            ),
+            (a.kind === "room" || a.kind === "resource") && /* @__PURE__ */ jsx(DoorOpen, { className: "h-3.5 w-3.5 text-muted-foreground", "aria-label": l.room }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: a.name || a.email }),
+            a.role === "optional" && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+              "(",
+              l.optional,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "ml-auto shrink-0 rounded-full px-1.5 py-0.5 text-[10px]",
+                  a.partstat === "accepted" ? "bg-green-500/15 text-green-700 dark:text-green-400" : a.partstat === "declined" ? "bg-destructive/15 text-destructive" : "bg-muted text-muted-foreground"
+                ),
+                children: partstatLabel(a.partstat, l)
+              }
+            )
+          ]
+        },
+        `${a.email ?? a.user_id ?? i}`
+      )) })
+    ] }) }),
+    !restricted && event.description && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "whitespace-pre-wrap break-words rounded-md bg-muted/40 p-2 text-sm",
+        "data-testid": "calendar-details-description",
+        children: event.description
+      }
+    ),
+    !restricted && (event.attachments?.length ?? 0) > 0 && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: event.attachments?.map((a, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: a.url,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "text-primary hover:underline",
+        children: a.title || a.url
+      }
+    ) }, `${a.url}-${i}`)) }) }),
+    !restricted && (event.categories?.length ?? 0) > 0 && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Tag, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: event.categories?.map((c) => /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs", children: c }, c)) }) }),
+    !restricted && (event.reminders?.length ?? 0) > 0 && /* @__PURE__ */ jsx(Row, { icon: /* @__PURE__ */ jsx(Bell, { className: "h-4 w-4" }), children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: event.reminders?.map((r) => formatReminder(r.minutes_before)).join(", ") }) }),
+    canRespond && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex flex-wrap items-center gap-2 border-t border-border pt-3",
+        "data-testid": "calendar-details-rsvp",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: l.going }),
+          [
+            ["accepted", l.accept],
+            ["declined", l.decline],
+            ["tentative", l.maybe]
+          ].map(([p, label]) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: event.my_partstat === p ? "default" : "outline",
+              "aria-pressed": event.my_partstat === p,
+              onClick: () => onRespond?.(p),
+              "data-testid": `calendar-details-rsvp-${p}`,
+              children: label
+            },
+            p
+          )),
+          onProposeTime && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              onClick: onProposeTime,
+              "data-testid": "calendar-details-propose",
+              children: l.proposeNewTime
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function ScopeDialog({
+  open,
+  action,
+  onChoose,
+  onCancel,
+  allowFollowing = true,
+  labels: labelOverrides
+}) {
+  const l = mergeLabels(labelOverrides);
+  const [scope, setScope] = useState("this");
+  const options = [
+    ["this", l.scopeThis],
+    ...allowFollowing ? [["following", l.scopeFollowing]] : [],
+    ["all", l.scopeAll]
+  ];
+  const title = action === "edit" ? l.scopeEditTitle : action === "respond" ? l.scopeRespondTitle : l.scopeDeleteTitle;
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => !o && onCancel(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", "data-testid": "calendar-scope-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: title })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault();
+          onChoose(scope);
+        },
+        children: [
+          /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2 py-2", children: [
+            /* @__PURE__ */ jsx("legend", { className: "sr-only", children: title }),
+            options.map(([value, label]) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: "calendar-scope",
+                  value,
+                  checked: scope === value,
+                  onChange: () => setScope(value),
+                  "data-testid": `calendar-scope-${value}`
+                }
+              ),
+              label
+            ] }, value))
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: onCancel,
+                "data-testid": "calendar-scope-cancel",
+                children: l.cancel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "submit",
+                variant: action === "delete" ? "destructive" : "default",
+                "data-testid": "calendar-scope-ok",
+                children: action === "delete" ? l.delete : action === "respond" ? l.send : l.save
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/calendar/scheduling.ts
+var pad22 = (n) => String(n).padStart(2, "0");
+function dayWindow(date, zone, startHour = 7, endHour = 20) {
+  const startMs = wallToEpochMs(`${date}T${pad22(startHour)}:00`, zone);
+  const endMs = endHour >= 24 ? wallToEpochMs(`${date}T23:59`, zone) + 6e4 : wallToEpochMs(`${date}T${pad22(endHour)}:00`, zone);
+  return { startMs, endMs };
+}
+function placeIntervals(intervals, win) {
+  const span = win.endMs - win.startMs;
+  if (span <= 0) return [];
+  const out = [];
+  for (const i of intervals) {
+    const s = Math.max(Date.parse(i.startUtc), win.startMs);
+    const e = Math.min(Date.parse(i.endUtc), win.endMs);
+    if (!(e > s)) continue;
+    out.push({
+      startMs: s,
+      endMs: e,
+      leftPct: (s - win.startMs) / span * 100,
+      widthPct: (e - s) / span * 100
+    });
+  }
+  return out.sort((a, b) => a.startMs - b.startMs);
+}
+function outsideIntervals(working, win) {
+  const span = win.endMs - win.startMs;
+  const placed = placeIntervals(working, win);
+  const gaps = [];
+  let cursor = win.startMs;
+  for (const w of placed) {
+    if (w.startMs > cursor) gaps.push(mk(cursor, w.startMs));
+    cursor = Math.max(cursor, w.endMs);
+  }
+  if (cursor < win.endMs) gaps.push(mk(cursor, win.endMs));
+  return gaps;
+  function mk(s, e) {
+    return {
+      startMs: s,
+      endMs: e,
+      leftPct: (s - win.startMs) / span * 100,
+      widthPct: (e - s) / span * 100
+    };
+  }
+}
+function hourTicks(date, zone, startHour, endHour) {
+  const win = dayWindow(date, zone, startHour, endHour);
+  const span = win.endMs - win.startMs;
+  const ticks = [];
+  for (let h = startHour; h < endHour; h++) {
+    const ms = wallToEpochMs(`${date}T${pad22(h)}:00`, zone);
+    ticks.push({ hour: h, leftPct: (ms - win.startMs) / span * 100 });
+  }
+  return ticks;
+}
+function SchedulingAssistant({
+  date,
+  timeZone,
+  rows,
+  selection,
+  dayStartHour = 7,
+  dayEndHour = 20,
+  loading,
+  suggestions,
+  finding,
+  onFindTime,
+  onPickSuggestion,
+  onDateChange,
+  labels: labelOverrides,
+  className
+}) {
+  const l = mergeLabels(labelOverrides);
+  const zone = safeZone(timeZone);
+  const win = dayWindow(date, zone, dayStartHour, dayEndHour);
+  const ticks = hourTicks(date, zone, dayStartHour, dayEndHour);
+  const sel = selection ? placeIntervals([selection], win)[0] : void 0;
+  const time = (iso) => formatInZone(iso, zone, { hour: "numeric", minute: "2-digit" });
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), "data-testid": "calendar-scheduling", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: l.schedulingAssistant }),
+      onDateChange && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            "aria-label": l.previous,
+            onClick: () => onDateChange(addDays(date, -1)),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", "data-testid": "calendar-scheduling-date", children: formatPlainDate(date, { weekday: "short", day: "numeric", month: "short" }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7",
+            "aria-label": l.next,
+            onClick: () => onDateChange(addDays(date, 1)),
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: cn("rounded-md border border-border", loading && "opacity-60"), children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex border-b border-border text-[10px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-32 shrink-0 sm:w-40" }),
+        /* @__PURE__ */ jsx("div", { className: "relative h-5 flex-1", children: ticks.map((t) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute top-0.5 -translate-x-1/2",
+            style: { left: `${t.leftPct}%` },
+            children: t.hour
+          },
+          t.hour
+        )) })
+      ] }),
+      rows.map((row) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-stretch border-b border-border last:border-b-0",
+          "data-testid": "calendar-scheduling-row",
+          "data-known": row.known,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex w-32 shrink-0 items-center gap-1.5 truncate px-2 py-1 text-xs sm:w-40", children: [
+              row.kind === "room" ? /* @__PURE__ */ jsx(
+                DoorOpen,
+                {
+                  className: "h-3.5 w-3.5 shrink-0 text-muted-foreground",
+                  "aria-label": l.room
+                }
+              ) : /* @__PURE__ */ jsx(User, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", title: row.label, children: row.label })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "relative h-7 flex-1 overflow-hidden", children: [
+              !row.known ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0 flex items-center justify-center bg-[repeating-linear-gradient(45deg,transparent,transparent_4px,hsl(var(--muted))_4px,hsl(var(--muted))_8px)] text-[10px] text-muted-foreground",
+                  title: l.unknownAvailability,
+                  children: l.unknownAvailability
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                row.working && outsideIntervals(row.working, win).map((g, i) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "absolute inset-y-0 bg-muted",
+                    style: { left: `${g.leftPct}%`, width: `${g.widthPct}%` },
+                    title: l.outsideWorkingHours,
+                    "data-testid": "calendar-scheduling-outside"
+                  },
+                  `o${i}`
+                )),
+                placeIntervals(row.busy, win).map((b, i) => {
+                  const src = row.busy.find(
+                    (x) => Math.max(Date.parse(x.startUtc), win.startMs) === b.startMs && Math.min(Date.parse(x.endUtc), win.endMs) === b.endMs
+                  );
+                  const tentative = src?.showAs === "tentative";
+                  const oof = src?.showAs === "oof";
+                  return /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "absolute inset-y-1 rounded-sm",
+                        oof ? "bg-purple-500/70" : tentative ? "bg-primary/35" : "bg-primary/75"
+                      ),
+                      style: { left: `${b.leftPct}%`, width: `${Math.max(b.widthPct, 0.5)}%` },
+                      title: `${src?.title ? `${src.title} \xB7 ` : ""}${time(new Date(b.startMs).toISOString())} \u2013 ${time(new Date(b.endMs).toISOString())}`,
+                      "data-testid": "calendar-scheduling-busy"
+                    },
+                    `b${i}`
+                  );
+                })
+              ] }),
+              sel && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "pointer-events-none absolute inset-y-0 border-x-2 border-green-600 bg-green-500/15",
+                  style: { left: `${sel.leftPct}%`, width: `${sel.widthPct}%` },
+                  "aria-hidden": true
+                }
+              )
+            ] })
+          ]
+        },
+        row.id
+      ))
+    ] }),
+    onFindTime && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "outline",
+          onClick: onFindTime,
+          disabled: finding,
+          "data-testid": "calendar-find-time",
+          children: [
+            /* @__PURE__ */ jsx(Sparkles, { className: "mr-1 h-4 w-4" }),
+            finding ? l.findingTimes : l.findATime
+          ]
+        }
+      ),
+      suggestions && suggestions.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: l.noSuggestions }),
+      suggestions && suggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", "data-testid": "calendar-suggestions", children: suggestions.map((s) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPickSuggestion?.(s),
+          className: "rounded-md border border-border px-2 py-1 text-left text-xs hover:bg-muted",
+          "data-testid": "calendar-suggestion",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
+              formatInZone(s.startUtc, zone, {
+                weekday: "short",
+                day: "numeric",
+                month: "short"
+              }),
+              " ",
+              time(s.startUtc),
+              " \u2013 ",
+              time(s.endUtc)
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: s.unavailable.length === 0 ? l.everyoneFree : `${s.unavailable.length} ${l.unavailableCount}` })
+          ]
+        },
+        s.startUtc
+      )) })
+    ] })
+  ] });
+}
+function RoomFinder({
+  rooms,
+  loading,
+  minCapacity,
+  feature,
+  onFiltersChange,
+  addedEmails,
+  onAdd,
+  labels: labelOverrides,
+  className
+}) {
+  const l = mergeLabels(labelOverrides);
+  const added = new Set(addedEmails.map((e) => e.toLowerCase()));
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), "data-testid": "calendar-room-finder", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: l.findRoom }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          min: 1,
+          className: "h-8 w-28",
+          placeholder: l.minCapacity,
+          "aria-label": l.minCapacity,
+          value: minCapacity ?? "",
+          onChange: (e) => onFiltersChange({
+            minCapacity: e.target.value ? Math.max(1, Number(e.target.value)) : null,
+            feature
+          }),
+          "data-testid": "calendar-room-capacity"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          className: "h-8 w-32",
+          placeholder: l.featureFilter,
+          "aria-label": l.featureFilter,
+          value: feature,
+          onChange: (e) => onFiltersChange({ minCapacity, feature: e.target.value }),
+          "data-testid": "calendar-room-feature"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "ul",
+      {
+        className: cn(
+          "divide-y divide-border rounded-md border border-border",
+          loading && "opacity-60"
+        ),
+        children: [
+          rooms.length === 0 && /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-xs text-muted-foreground", children: l.noRooms }),
+          rooms.map((r) => {
+            const isAdded = added.has(r.email.toLowerCase());
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-center gap-2 px-3 py-1.5 text-sm",
+                "data-testid": "calendar-room",
+                "data-room-email": r.email,
+                children: [
+                  /* @__PURE__ */ jsx(DoorOpen, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: r.name }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-x-2 text-xs text-muted-foreground", children: [
+                      r.capacity != null && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+                        /* @__PURE__ */ jsx(Users, { className: "h-3 w-3", "aria-hidden": true }),
+                        r.capacity
+                      ] }),
+                      (r.building || r.floor) && /* @__PURE__ */ jsx("span", { children: [r.building, r.floor].filter(Boolean).join(" \xB7 ") }),
+                      (r.features ?? []).length > 0 && /* @__PURE__ */ jsx("span", { children: r.features?.join(", ") })
+                    ] })
+                  ] }),
+                  r.free != null && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "rounded-full px-2 py-0.5 text-xs",
+                        r.free ? "bg-green-500/15 text-green-700 dark:text-green-400" : "bg-destructive/15 text-destructive"
+                      ),
+                      "data-testid": "calendar-room-availability",
+                      children: r.free ? l.roomFree : l.roomBusy
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      disabled: isAdded,
+                      onClick: () => onAdd(r),
+                      "data-testid": "calendar-room-add",
+                      children: isAdded ? l.roomAdded : l.addRoom
+                    }
+                  )
+                ]
+              },
+              r.id
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+var mondayFirstName = (day) => formatPlainDate(`2024-01-0${day + 1}`, { weekday: "long" });
+var sundayFirstName = (day) => formatPlainDate(day === 0 ? "2023-12-31" : `2024-01-0${day}`, { weekday: "long" });
+var VIEWS = ["day", "work_week", "week", "month", "agenda", "year"];
+var DURATIONS = [15, 30, 45, 60, 90, 120];
+var viewName = (v, l) => ({
+  day: l.day,
+  week: l.week,
+  work_week: l.workWeek,
+  month: l.month,
+  agenda: l.agenda,
+  year: l.year
+})[v];
+function Field({
+  label,
+  htmlFor,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5 sm:grid-cols-[12rem_1fr] sm:items-center", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor, className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children })
+  ] });
+}
+function CalendarSettingsForm({
+  value,
+  onChange,
+  onSave,
+  onCancel,
+  calendars,
+  zones,
+  saving,
+  error,
+  labels: labelOverrides,
+  className
+}) {
+  const l = mergeLabels(labelOverrides);
+  const uid = useId();
+  const set = (patch) => onChange({ ...value, ...patch });
+  const hoursFor = (day) => value.working_hours.find((h) => h.day === day);
+  const setHours = (day, patch) => {
+    const rest = value.working_hours.filter((h) => h.day !== day);
+    if (patch === null) return set({ working_hours: rest });
+    const cur = hoursFor(day) ?? { day, start: "09:00", end: "17:00" };
+    set({ working_hours: [...rest, { ...cur, ...patch }].sort((a, b) => a.day - b.day) });
+  };
+  const overlays = value.overlays ?? [];
+  const toggleOverlay = (o) => set({ overlays: overlays.includes(o) ? overlays.filter((x) => x !== o) : [...overlays, o] });
+  const writable = (calendars ?? []).filter((c) => c.canWrite && !c.locked);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: cn("space-y-5", className),
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSave();
+      },
+      "data-testid": "calendar-settings-form",
+      "aria-label": l.settingsTitle,
+      children: [
+        /* @__PURE__ */ jsx(Field, { label: l.timeZone, children: /* @__PURE__ */ jsx(
+          TimeZonePicker,
+          {
+            value: value.time_zone,
+            zones,
+            labels: labelOverrides,
+            className: "w-full sm:w-80",
+            onChange: (z) => set({ time_zone: z })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: l.secondaryTimeZone, children: /* @__PURE__ */ jsx(
+          TimeZonePicker,
+          {
+            value: value.secondary_time_zone ?? null,
+            zones,
+            allowNone: true,
+            ariaLabel: l.secondaryTimeZone,
+            labels: labelOverrides,
+            className: "w-full sm:w-80",
+            onChange: (z) => set({ secondary_time_zone: z }),
+            onClear: () => set({ secondary_time_zone: null })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: l.weekStart, htmlFor: `${uid}-week-start`, children: /* @__PURE__ */ jsx(
+          NativeSelect,
+          {
+            id: `${uid}-week-start`,
+            value: value.week_start,
+            onChange: (e) => set({ week_start: Number(e.target.value) }),
+            "data-testid": "calendar-settings-week-start",
+            children: [1, 0, 6].map((d) => /* @__PURE__ */ jsx("option", { value: d, children: sundayFirstName(d) }, d))
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: l.defaultView, htmlFor: `${uid}-view`, children: /* @__PURE__ */ jsx(
+          NativeSelect,
+          {
+            id: `${uid}-view`,
+            value: value.default_view,
+            onChange: (e) => set({ default_view: e.target.value }),
+            "data-testid": "calendar-settings-default-view",
+            children: VIEWS.map((v) => /* @__PURE__ */ jsx("option", { value: v, children: viewName(v, l) }, v))
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Field, { label: l.defaultDuration, htmlFor: `${uid}-duration`, children: /* @__PURE__ */ jsx(
+          NativeSelect,
+          {
+            id: `${uid}-duration`,
+            value: value.default_duration_minutes,
+            onChange: (e) => set({ default_duration_minutes: Number(e.target.value) }),
+            "data-testid": "calendar-settings-duration",
+            children: Array.from(/* @__PURE__ */ new Set([...DURATIONS, value.default_duration_minutes])).sort((a, b) => a - b).map((m) => /* @__PURE__ */ jsx("option", { value: m, children: `${m} ${l.minutes}` }, m))
+          }
+        ) }),
+        writable.length > 0 && /* @__PURE__ */ jsx(Field, { label: l.defaultCalendar, htmlFor: `${uid}-calendar`, children: /* @__PURE__ */ jsxs(
+          NativeSelect,
+          {
+            id: `${uid}-calendar`,
+            value: value.default_calendar_id ?? "",
+            onChange: (e) => set({ default_calendar_id: e.target.value || null }),
+            "data-testid": "calendar-settings-default-calendar",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+              writable.map((c) => /* @__PURE__ */ jsx("option", { value: c.id, children: c.name ?? c.id }, c.id))
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("legend", { className: "pb-1 text-sm font-medium", children: l.workingHours }),
+          [0, 1, 2, 3, 4, 5, 6].map((day) => {
+            const h = hoursFor(day);
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex flex-wrap items-center gap-2 text-sm",
+                "data-testid": `calendar-settings-hours-${day}`,
+                children: [
+                  /* @__PURE__ */ jsxs("label", { className: "flex w-36 items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: !!h,
+                        onChange: (e) => setHours(day, e.target.checked ? {} : null)
+                      }
+                    ),
+                    mondayFirstName(day)
+                  ] }),
+                  h && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "time",
+                        className: "h-8 w-28",
+                        "aria-label": `${mondayFirstName(day)} ${l.start}`,
+                        value: h.start,
+                        onChange: (e) => e.target.value && setHours(day, { start: e.target.value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2013" }),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        type: "time",
+                        className: "h-8 w-28",
+                        "aria-label": `${mondayFirstName(day)} ${l.end}`,
+                        value: h.end === "24:00" ? "23:59" : h.end,
+                        onChange: (e) => e.target.value && setHours(day, { end: e.target.value })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              day
+            );
+          })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [
+          ["show_week_numbers", l.showWeekNumbers],
+          ["show_declined", l.showDeclined]
+        ].map(([key, label]) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "flex items-center justify-between gap-4 text-sm sm:justify-start",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sm:w-48", children: label }),
+              /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  checked: !!value[key],
+                  onCheckedChange: (on) => set({ [key]: on }),
+                  "aria-label": label,
+                  "data-testid": `calendar-settings-${key}`
+                }
+              )
+            ]
+          },
+          key
+        )) }),
+        /* @__PURE__ */ jsx(Field, { label: l.autoAddInvitations, htmlFor: `${uid}-auto-add`, children: /* @__PURE__ */ jsxs(
+          NativeSelect,
+          {
+            id: `${uid}-auto-add`,
+            value: value.auto_add_invitations ?? "all",
+            onChange: (e) => set({
+              auto_add_invitations: e.target.value
+            }),
+            "data-testid": "calendar-settings-auto-add",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "all", children: l.autoAddAll }),
+              /* @__PURE__ */ jsx("option", { value: "known", children: l.autoAddKnown }),
+              /* @__PURE__ */ jsx("option", { value: "none", children: l.autoAddNone })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("fieldset", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("legend", { className: "pb-1 text-sm font-medium", children: l.overlays }),
+          [
+            ["facts", l.facts],
+            ["workflows", l.workflows],
+            ["tasks", l.tasks]
+          ].map(([o, label]) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: overlays.includes(o),
+                onChange: () => toggleOverlay(o),
+                "data-testid": `calendar-settings-overlay-${o}`
+              }
+            ),
+            label
+          ] }, o))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: `${uid}-decline`, className: "text-sm font-medium", children: l.declineMessage }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: `${uid}-decline`,
+              rows: 2,
+              maxLength: 1e3,
+              value: value.decline_message ?? "",
+              onChange: (e) => set({ decline_message: e.target.value || null })
+            }
+          )
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", role: "alert", children: error }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+          onCancel && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: onCancel, children: l.cancel }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !!saving, "data-testid": "calendar-settings-save", children: saving ? l.saving : l.save })
+        ] })
+      ]
+    }
+  );
+}
+
+export { CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarSettingsForm, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, MiniMonth, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, addDays, addMonths, allDayInclusiveEnd, buildRRule, contrastText, convertWall, dayWindow, defaultRecurrenceForm, describeRecurrence, detectTimeZone, diffDays, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventStateClasses, formatEventWhen, formatInZone, formatPlainDate, formatReminder, formatZoneLabel, getTemporalTimeZonePlugin, hourTicks, isAllDayDraft, isValidTimeZone, listTimeZones, outsideIntervals, parseRRule, placeIntervals, reminderToMinutes, safeZone, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, startOfWeek, toBusinessHours, todayInZone, utcToDate, utcToTime, utcToWall, validateDraft, wallToUtc, weekdayOf, workWeekHiddenDays, zoneCity, zoneOffsetLabel, zoneOffsetMinutes };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map