@arbidocs/blocks 0.4.137 → 0.4.139

package/dist/calendar/index.js

@@ -1,4232 +1,6 @@
 "use client";
-import { safeZone, isValidTimeZone, utcToDate, addDays, convertWall, utcToTime, zoneOffsetLabel, formatInZone, zoneCity, todayInZone, startOfWeek, formatPlainDate, addMonths, isoWeekNumber, diffDays, utcToWall, listTimeZones, zoneOffsetMinutes, wallToEpochMs, dayOfWeekSun0, detectTimeZone, wallArrayOffset, epochToWallArray, wallToUtc } from '../chunk-GTCC2VAR.js';
+export { ARBI_WEBINAR_LABEL, CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarFormDialog, CalendarGrid, CalendarList, CalendarPrint, CalendarSettingsForm, DEFAULT_EVENT_COLOR, DEFAULT_INTERVAL, DEFAULT_RECURRENCE_DESCRIBE_LABELS, DEFAULT_RECURRENCE_EDITOR_LABELS, DEFAULT_REMINDER_FORMAT_LABELS, EventDetails, EventEditor, JOIN_EARLY_MS, MiniMonth, OVERLAY_COLORS, PENDING_EVENT_COLOR, ProposeTimeDialog, REMINDER_PRESETS, RRULE_WEEKDAYS, RecurrenceEditor, RoomFinder, SchedulingAssistant, ScopeDialog, TimeZonePicker, WEEKDAY_NAMES, WeeklyHoursEditor, allDayInclusiveEnd, applySuggestion, attendeeKey, bookingLink, bookingToForm, buildCreateBody, buildDeleteTarget, buildEditRequest, buildGridEvents, buildRRule, buildTimeChangeRequest, calendarGroup, calendarToListItem, canJoinEvent, conferenceUrl, contrastText, davHost, dayWindow, defaultRecurrenceForm, defaultRoomWindow, defaultWeeklyHours, describeCalendarError, describeRecurrence, diffDraft, draftFromSlot, draftRangeUtc, effectiveCalendarView, emptyBookingForm, eventDays, eventStateClasses, eventToDraft, eventToGrid, eventsByDay, formToBookingBody, formatBusy, formatDayLabel, formatEventWhen, formatReminder, formatSlotRange, formatSlotTime, formatZoneLabel, freeBusyToRows, getTemporalTimeZonePlugin, groupSlotsByDay, hourTicks, icsProps, isAllDayDraft, isCalendarAttachment, isWebinarConference, needsScope, newEventDraft, normalizeFeedUrl, outsideIntervals, overlayToGrid, parseDurations, parseIcsInvite, parseOverlayLink, parseRRule, pendingCreateToGrid, placeIntervals, printCalendar, printRange, publicBookingMessage, reminderToMinutes, scopedTarget, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, setupSteps, slugify, specDate, specTime, splitReminderMinutes, toBusinessHours, toSettingsValue, toSuggestionViews, upcomingOf, validateBookingForm, validateDraft, validateWeekly, weekdayMon0, weekdayOf, weeklyFromApi, weeklyToPayload, workWeekHiddenDays, workingIntervals, zoneOptions } from '../chunk-B3AHCIV5.js';
 export { addDays, addMonths, convertWall, detectTimeZone, diffDays, formatInZone, formatPlainDate, isValidTimeZone, listTimeZones, safeZone, startOfWeek, todayInZone, utcToDate, utcToTime, utcToWall, wallToUtc, zoneCity, zoneOffsetLabel, zoneOffsetMinutes } from '../chunk-GTCC2VAR.js';
 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 { createPlugin } from '@fullcalendar/core';
-import { NamedTimeZoneImpl } from '@fullcalendar/core/internal';
-import { Temporal } from 'temporal-polyfill';
-import { flushSync } from 'react-dom';
-import { createRoot } from 'react-dom/client';
-
-// 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",
-  arbiWebinar: "ARBI webinar",
-  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",
-  addArbiWebinar: "Add ARBI webinar",
-  webinar: "Webinar",
-  webinarLinkOnSave: "The link is created when you save",
-  webinarRole: "Webinar role",
-  cohost: "Co-host",
-  panelist: "Panelist",
-  webinarAttendee: "Attendee",
-  joinWebinar: "Join webinar",
-  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",
-  openMeetingChat: "Open meeting chat",
-  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 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 ARBI_WEBINAR_LABEL = "ARBI webinar";
-var isWebinarConference = (c) => c?.type === "arbi" && (c.kind === "webinar" || c.label === ARBI_WEBINAR_LABEL);
-var attendeeKey = (a) => a.email?.toLowerCase() || a.user_id || "";
-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,
-  canAddWebinar,
-  isWebinarAttendee,
-  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 [webinar, setWebinar] = 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 addArbiWebinar = () => set({
-    conference: { type: "arbi", kind: "webinar", url: "", label: ARBI_WEBINAR_LABEL, roles: {} }
-  });
-  const isWebinar = isWebinarConference(value.conference);
-  const roles = value.conference?.roles ?? {};
-  const setRole = (a, role) => value.conference && set({ conference: { ...value.conference, roles: { ...roles, [attendeeKey(a)]: role } } });
-  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: isWebinar ? l.arbiWebinar : value.conference.label || (value.conference.type === "arbi" ? l.arbiCall : l.conference) }),
-                value.conference.url ? /* @__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("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: l.webinarLinkOnSave }),
-                /* @__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: webinar ? addArbiWebinar : addArbiCall,
-                "data-testid": "calendar-editor-add-call",
-                children: [
-                  /* @__PURE__ */ jsx(Video, { className: "mr-1 h-4 w-4" }),
-                  webinar ? l.addArbiWebinar : l.addArbiCall
-                ]
-              }
-            ),
-            canAddCall && onAddCall && canAddWebinar && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: webinar,
-                  onCheckedChange: setWebinar,
-                  "aria-label": l.webinar,
-                  "data-testid": "calendar-editor-webinar"
-                }
-              ),
-              l.webinar
-            ] }),
-            /* @__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 })
-                      ]
-                    }
-                  ),
-                  isWebinar && (isWebinarAttendee?.(a) ?? true) && /* @__PURE__ */ jsxs(
-                    NativeSelect,
-                    {
-                      "aria-label": `${a.email ?? ""} ${l.webinarRole}`,
-                      className: "h-7 text-xs",
-                      value: roles[attendeeKey(a)] ?? "attendee",
-                      onChange: (e) => setRole(a, e.target.value),
-                      "data-testid": "calendar-editor-webinar-role",
-                      children: [
-                        /* @__PURE__ */ jsx("option", { value: "cohost", children: l.cohost }),
-                        /* @__PURE__ */ jsx("option", { value: "panelist", children: l.panelist }),
-                        /* @__PURE__ */ jsx("option", { value: "attendee", children: l.webinarAttendee })
-                      ]
-                    }
-                  ),
-                  /* @__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,
-  onOpenMeetingChat,
-  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__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          disabled: !canJoin,
-          onClick: () => onJoin ? onJoin() : window.open(conference.url ?? "", "_blank", "noopener"),
-          "data-testid": "calendar-details-join",
-          children: isWebinarConference(conference) ? l.joinWebinar : `${l.join}${conference.type === "arbi" ? ` ${l.arbiCall}` : ""}`
-        }
-      ),
-      conference.type === "arbi" && onOpenMeetingChat && /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          size: "sm",
-          variant: "outline",
-          onClick: onOpenMeetingChat,
-          "data-testid": "calendar-details-meeting-chat",
-          children: l.openMeetingChat
-        }
-      ),
-      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 pad2 = (n) => String(n).padStart(2, "0");
-function dayWindow(date, zone, startHour = 7, endHour = 20) {
-  const startMs = wallToEpochMs(`${date}T${pad2(startHour)}:00`, zone);
-  const endMs = endHour >= 24 ? wallToEpochMs(`${date}T23:59`, zone) + 6e4 : wallToEpochMs(`${date}T${pad2(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${pad2(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 })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/calendar/print-layout.ts
-function printRange(view, date, weekStart = 1, agendaDays = 30) {
-  if (view === "day") return { from: date, to: addDays(date, 1) };
-  if (view === "agenda") return { from: date, to: addDays(date, agendaDays) };
-  if (view === "week") {
-    const from2 = startOfWeek(date, weekStart);
-    return { from: from2, to: addDays(from2, 7) };
-  }
-  const first = `${date.slice(0, 8)}01`;
-  const from = startOfWeek(first, weekStart);
-  const nextMonth = addMonths(first, 1);
-  const lead = (dayOfWeekSun0(nextMonth) - weekStart + 7) % 7;
-  const to = lead === 0 ? nextMonth : addDays(nextMonth, 7 - lead);
-  return { from, to };
-}
-function eachDay(from, to) {
-  const out = [];
-  for (let d = from; d < to; d = addDays(d, 1)) out.push(d);
-  return out;
-}
-function eventDays(e, zone) {
-  if (e.all_day) {
-    const start = e.start.date ?? utcToDate(e.start_utc, "UTC");
-    const endExcl = e.end.date ?? addDays(start, 1);
-    return eachDay(start, endExcl > start ? endExcl : addDays(start, 1));
-  }
-  const startDay = utcToDate(e.start_utc, zone);
-  const lastInstant = new Date(
-    Math.max(new Date(e.start_utc).getTime(), new Date(e.end_utc).getTime() - 1)
-  );
-  const endDay = utcToDate(lastInstant, zone);
-  return eachDay(startDay, addDays(endDay, 1));
-}
-function timeLabel(e, day, zone) {
-  if (e.all_day) return "All day";
-  const fmt = new Intl.DateTimeFormat(void 0, {
-    timeZone: zone,
-    hour: "numeric",
-    minute: "2-digit"
-  });
-  const sDay = utcToDate(e.start_utc, zone);
-  const eDay = utcToDate(new Date(new Date(e.end_utc).getTime() - 1), zone);
-  const s = sDay === day ? fmt.format(new Date(e.start_utc)) : "\u2026";
-  const en = eDay === day ? fmt.format(new Date(e.end_utc)) : "\u2026";
-  return `${s} \u2013 ${en}`;
-}
-function eventsByDay(events, zone, from, to) {
-  const map = /* @__PURE__ */ new Map();
-  for (const e of events) {
-    for (const d of eventDays(e, zone)) {
-      if (d < from || d >= to) continue;
-      const list = map.get(d) ?? [];
-      list.push(e);
-      map.set(d, list);
-    }
-  }
-  for (const list of map.values())
-    list.sort(
-      (a, b) => Number(b.all_day) - Number(a.all_day) || new Date(a.start_utc).getTime() - new Date(b.start_utc).getTime() || a.title.localeCompare(b.title)
-    );
-  return map;
-}
-function heading(view, date, from, to) {
-  const last = addDays(to, -1);
-  if (view === "day")
-    return formatPlainDate(from, {
-      weekday: "long",
-      year: "numeric",
-      month: "long",
-      day: "numeric"
-    });
-  if (view === "month")
-    return formatPlainDate(`${date.slice(0, 7)}-15`, { year: "numeric", month: "long" });
-  const opts = { year: "numeric", month: "short", day: "numeric" };
-  return `${formatPlainDate(from, opts)} \u2013 ${formatPlainDate(last, opts)}`;
-}
-var STYLE = `
-.arbi-calendar-print { color: #111; background: #fff; font: 12px/1.4 system-ui, -apple-system, 'Segoe UI', sans-serif; }
-.arbi-calendar-print h1 { font-size: 18px; margin: 0 0 8px; }
-.arbi-calendar-print .acp-zone { color: #555; font-size: 11px; margin-bottom: 12px; }
-.arbi-calendar-print table { border-collapse: collapse; width: 100%; table-layout: fixed; }
-.arbi-calendar-print th, .arbi-calendar-print td { border: 1px solid #bbb; padding: 4px; vertical-align: top; text-align: left; }
-.arbi-calendar-print th { background: #f3f3f3; font-weight: 600; }
-.arbi-calendar-print .acp-day { break-inside: avoid; margin-bottom: 10px; }
-.arbi-calendar-print .acp-day h2 { font-size: 13px; margin: 0 0 4px; border-bottom: 1px solid #bbb; padding-bottom: 2px; }
-.arbi-calendar-print .acp-ev { display: flex; gap: 6px; margin: 2px 0; break-inside: avoid; }
-.arbi-calendar-print .acp-time { flex: 0 0 auto; min-width: 92px; color: #333; font-variant-numeric: tabular-nums; }
-.arbi-calendar-print .acp-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; vertical-align: middle; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
-.arbi-calendar-print .acp-meta { color: #555; font-size: 11px; white-space: pre-line; }
-.arbi-calendar-print .acp-muted { color: #888; }
-.arbi-calendar-print .acp-cancelled { text-decoration: line-through; color: #888; }
-.arbi-calendar-print .acp-month td { height: 90px; }
-.arbi-calendar-print .acp-month .acp-out { color: #aaa; }
-.arbi-calendar-print .acp-cell-ev { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-@media screen { .arbi-calendar-print[data-screen-hidden='true'] { display: none; } }
-@media print {
-  @page { margin: 12mm; }
-  body.arbi-printing-calendar > *:not(.arbi-calendar-print-host) { display: none !important; }
-  body.arbi-printing-calendar .arbi-calendar-print-host { display: block !important; }
-  body.arbi-printing-calendar .arbi-calendar-print { display: block !important; }
-}
-`;
-function CalendarPrint({
-  events,
-  view,
-  date,
-  timeZone,
-  weekStart = 1,
-  agendaDays = 30,
-  title,
-  calendars,
-  screenHidden = false,
-  showDetails = true
-}) {
-  const zone = safeZone(timeZone, detectTimeZone());
-  const { from, to } = printRange(view, date, weekStart, agendaDays);
-  const byDay = eventsByDay(events, zone, from, to);
-  const color = (e) => e.color || calendars?.find((c) => c.id === e.calendar_id)?.color || "#3b82f6";
-  const label = (e) => e.restricted && !e.title ? "Busy" : e.title || "(no title)";
-  const evLine = (e, day, details) => /* @__PURE__ */ jsxs("div", { className: "acp-ev", "data-testid": "calendar-print-event", children: [
-    /* @__PURE__ */ jsx("span", { className: "acp-time", children: timeLabel(e, day, zone) }),
-    /* @__PURE__ */ jsxs("span", { children: [
-      /* @__PURE__ */ jsx("span", { className: "acp-dot", style: { background: color(e) } }),
-      /* @__PURE__ */ jsx("span", { className: e.status === "cancelled" ? "acp-cancelled" : void 0, children: label(e) }),
-      details && e.location && /* @__PURE__ */ jsx("div", { className: "acp-meta", children: e.location }),
-      details && e.description && /* @__PURE__ */ jsx("div", { className: "acp-meta", children: e.description.slice(0, 500) })
-    ] })
-  ] }, `${e.instance_id}-${day}`);
-  let body;
-  if (view === "agenda" || view === "day") {
-    const days = view === "day" ? [from] : eachDay(from, to).filter((d) => byDay.has(d));
-    body = days.length ? days.map((d) => /* @__PURE__ */ jsxs("section", { className: "acp-day", children: [
-      /* @__PURE__ */ jsx("h2", { children: formatPlainDate(d, { weekday: "long", month: "long", day: "numeric" }) }),
-      (byDay.get(d) ?? []).map((e) => evLine(e, d, showDetails)),
-      !byDay.get(d)?.length && /* @__PURE__ */ jsx("div", { className: "acp-muted", children: "No events" })
-    ] }, d)) : /* @__PURE__ */ jsx("p", { className: "acp-muted", children: "No events" });
-  } else if (view === "week") {
-    const days = eachDay(from, to);
-    body = /* @__PURE__ */ jsxs("table", { children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: days.map((d) => /* @__PURE__ */ jsx("th", { children: formatPlainDate(d, { weekday: "short", day: "numeric", month: "short" }) }, d)) }) }),
-      /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: days.map((d) => /* @__PURE__ */ jsx("td", { style: { height: 480 }, children: (byDay.get(d) ?? []).map((e) => evLine(e, d, false)) }, d)) }) })
-    ] });
-  } else {
-    const days = eachDay(from, to);
-    const weeks = [];
-    for (let i = 0; i < days.length; i += 7) weeks.push(days.slice(i, i + 7));
-    const month = date.slice(0, 7);
-    body = /* @__PURE__ */ jsxs("table", { className: "acp-month", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: weeks[0].map((d) => /* @__PURE__ */ jsx("th", { children: formatPlainDate(d, { weekday: "short" }) }, d)) }) }),
-      /* @__PURE__ */ jsx("tbody", { children: weeks.map((w) => /* @__PURE__ */ jsx("tr", { children: w.map((d) => /* @__PURE__ */ jsxs("td", { className: d.slice(0, 7) === month ? void 0 : "acp-out", children: [
-        /* @__PURE__ */ jsx("div", { children: Number(d.slice(8)) }),
-        (byDay.get(d) ?? []).slice(0, 6).map((e) => /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "acp-cell-ev",
-            "data-testid": "calendar-print-event",
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "acp-dot", style: { background: color(e) } }),
-              !e.all_day && `${timeLabel(e, d, zone).split(" \u2013 ")[0]} `,
-              label(e)
-            ]
-          },
-          `${e.instance_id}-${d}`
-        )),
-        (byDay.get(d)?.length ?? 0) > 6 && /* @__PURE__ */ jsxs("div", { className: "acp-cell-ev acp-muted", children: [
-          "+",
-          (byDay.get(d)?.length ?? 0) - 6,
-          " more"
-        ] })
-      ] }, d)) }, w[0])) })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "arbi-calendar-print",
-      "data-screen-hidden": screenHidden ? "true" : "false",
-      "data-testid": "calendar-print",
-      children: [
-        /* @__PURE__ */ jsx("style", { children: STYLE }),
-        /* @__PURE__ */ jsx("h1", { children: title ?? heading(view, date, from, to) }),
-        /* @__PURE__ */ jsxs("div", { className: "acp-zone", children: [
-          "Times in ",
-          zone.replace(/_/g, " ")
-        ] }),
-        body
-      ]
-    }
-  );
-}
-function printCalendar(props) {
-  const host = document.createElement("div");
-  host.className = "arbi-calendar-print-host";
-  host.style.display = "none";
-  document.body.appendChild(host);
-  let unmount = null;
-  if (props) {
-    const root = createRoot(host);
-    flushSync(() => root.render(/* @__PURE__ */ jsx(CalendarPrint, { ...props, screenHidden: false })));
-    unmount = () => root.unmount();
-  } else {
-    const existing = document.querySelector(".arbi-calendar-print");
-    if (!existing) {
-      host.remove();
-      return;
-    }
-    const clone = existing.cloneNode(true);
-    clone.setAttribute("data-screen-hidden", "false");
-    host.appendChild(clone);
-  }
-  document.body.classList.add("arbi-printing-calendar");
-  let done = false;
-  const cleanup = () => {
-    if (done) return;
-    done = true;
-    window.removeEventListener("afterprint", cleanup);
-    document.body.classList.remove("arbi-printing-calendar");
-    unmount?.();
-    host.remove();
-  };
-  window.addEventListener("afterprint", cleanup);
-  try {
-    window.print();
-  } finally {
-    if (!("onafterprint" in window)) setTimeout(cleanup, 1e3);
-  }
-}
-
-// src/calendar/booking-slots.ts
-function formatSlotTime(instant, zone, locale) {
-  return formatInZone(instant, zone, { hour: "numeric", minute: "2-digit" }, locale);
-}
-function formatDayLabel(date, locale) {
-  return formatPlainDate(date, { weekday: "long", month: "long", day: "numeric" }, locale);
-}
-function groupSlotsByDay(slots, zone, locale) {
-  const tz = safeZone(zone, detectTimeZone());
-  const byDay = /* @__PURE__ */ new Map();
-  const sorted = [...slots].sort((a, b) => new Date(a).getTime() - new Date(b).getTime());
-  for (const start of sorted) {
-    const date = utcToDate(start, tz);
-    const list = byDay.get(date) ?? [];
-    list.push({ start, label: formatSlotTime(start, tz, locale) });
-    byDay.set(date, list);
-  }
-  return [...byDay.entries()].map(([date, list]) => ({
-    date,
-    label: formatDayLabel(date, locale),
-    slots: list
-  }));
-}
-function formatSlotRange(start, end, zone, locale) {
-  const tz = safeZone(zone, detectTimeZone());
-  const fmt = new Intl.DateTimeFormat(locale, {
-    timeZone: tz,
-    weekday: "long",
-    month: "long",
-    day: "numeric",
-    hour: "numeric",
-    minute: "2-digit"
-  });
-  const s = new Date(start);
-  const e = new Date(end);
-  const range = fmt.formatRange;
-  const text = range ? range.call(fmt, s, e) : `${fmt.format(s)} \u2013 ${formatSlotTime(end, tz, locale)}`;
-  return `${text} (${tz.replace(/_/g, " ")})`;
-}
-function zoneOptions(current) {
-  const zones = listTimeZones();
-  return zones.includes(current) ? zones : [current, ...zones];
-}
-
-export { ARBI_WEBINAR_LABEL, CALENDAR_COLORS, CALENDAR_DEFAULT_LABELS, CALENDAR_NARROW_WIDTH, CalendarGrid, CalendarList, CalendarPrint, 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, allDayInclusiveEnd, attendeeKey, buildRRule, contrastText, dayWindow, defaultRecurrenceForm, describeRecurrence, draftFromSlot, draftRangeUtc, effectiveCalendarView, eventDays, eventStateClasses, eventsByDay, formatDayLabel, formatEventWhen, formatReminder, formatSlotRange, formatSlotTime, formatZoneLabel, getTemporalTimeZonePlugin, groupSlotsByDay, hourTicks, isAllDayDraft, isWebinarConference, outsideIntervals, parseRRule, placeIntervals, printCalendar, printRange, reminderToMinutes, setDraftAllDay, setDraftEnd, setDraftStart, setPosOf, specDate, specTime, splitReminderMinutes, toBusinessHours, validateDraft, weekdayOf, workWeekHiddenDays, zoneOptions };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map