@agent-native/core 0.130.2 → 0.131.2

package/corpus/templates/calendar/app/components/calendar/DayView.tsx

@@ -30,7 +30,11 @@ import {
 } from "@/hooks/use-view-preferences";
 import { partitionAllDayEvents } from "@/lib/all-day-layout";
 import { getEventDisplayColor, allOtherDeclined } from "@/lib/event-colors";
-import { isOutOfOfficeEvent } from "@/lib/out-of-office";
+import {
+  fullDayOutOfOfficeCoversDate,
+  isFullDayOutOfOfficeEvent,
+  isOutOfOfficeEvent,
+} from "@/lib/out-of-office";
 import {
   shouldSuppressAfterPopoverClose,
   shouldSuppressCreatePointerDown,
@@ -596,13 +600,25 @@ export const DayView = memo(function DayView({
     [date],
   );
 
-  const allDayEvents = useMemo(() => events.filter((e) => e.allDay), [events]);
+  const allDayEvents = useMemo(
+    () =>
+      events.filter(
+        (event) => event.allDay || fullDayOutOfOfficeCoversDate(event, date),
+      ),
+    [date, events],
+  );
   const { workingLocations, regularEvents: regularAllDayEvents } = useMemo(
     () => partitionAllDayEvents(allDayEvents),
     [allDayEvents],
   );
   const outOfOfficeEvents = useMemo(
-    () => events.filter((event) => !event.allDay && isOutOfOfficeEvent(event)),
+    () =>
+      events.filter(
+        (event) =>
+          !event.allDay &&
+          isOutOfOfficeEvent(event) &&
+          !isFullDayOutOfOfficeEvent(event),
+      ),
     [events],
   );
   const timedEvents = useMemo(

package/corpus/templates/calendar/app/components/calendar/MonthView.tsx

@@ -17,6 +17,7 @@ import { memo, useState, useMemo } from "react";
 
 import { useIsMobile } from "@/hooks/use-mobile";
 import { useViewPreferences } from "@/hooks/use-view-preferences";
+import { getFullDayOutOfOfficeDateRange } from "@/lib/out-of-office";
 import { shouldSuppressAfterPopoverClose } from "@/lib/popover-click-guard";
 import { cn } from "@/lib/utils";
 
@@ -115,6 +116,29 @@ export const MonthView = memo(function MonthView({
   const eventsByDay = useMemo(() => {
     const map = new Map<string, DayOccurrence[]>();
     for (const e of events) {
+      const fullDayOutOfOfficeRange = getFullDayOutOfOfficeDateRange(e);
+      if (fullDayOutOfOfficeRange) {
+        for (const day of days) {
+          const key = format(day, "yyyy-MM-dd");
+          if (
+            key < fullDayOutOfOfficeRange.startDate ||
+            key >= fullDayOutOfOfficeRange.endDateExclusive
+          ) {
+            continue;
+          }
+          const occurrence: DayOccurrence = {
+            event: e,
+            isStart: key === fullDayOutOfOfficeRange.startDate,
+            continuesNext:
+              format(addDays(day, 1), "yyyy-MM-dd") <
+              fullDayOutOfOfficeRange.endDateExclusive,
+          };
+          const list = map.get(key);
+          if (list) list.push(occurrence);
+          else map.set(key, [occurrence]);
+        }
+        continue;
+      }
       const evStart = parseISO(e.start);
       const evEnd = e.end ? parseISO(e.end) : addDays(evStart, 1);
       for (const day of days) {

package/corpus/templates/calendar/app/components/calendar/WeekView.tsx

@@ -46,6 +46,7 @@ import { getEventDisplayColor, allOtherDeclined } from "@/lib/event-colors";
 import {
   getFirstVisibleOutOfOfficeDayIndex,
   getOutOfOfficeSegment,
+  isFullDayOutOfOfficeEvent,
   isOutOfOfficeEvent,
 } from "@/lib/out-of-office";
 import {
@@ -684,10 +685,22 @@ export const WeekView = memo(function WeekView({
   );
 
   // Separate all-day and timed events
-  const allDayEvents = useMemo(() => events.filter((e) => e.allDay), [events]);
+  const allDayEvents = useMemo(
+    () =>
+      events.filter(
+        (event) => event.allDay || isFullDayOutOfOfficeEvent(event),
+      ),
+    [events],
+  );
 
   const outOfOfficeEvents = useMemo(
-    () => events.filter((event) => !event.allDay && isOutOfOfficeEvent(event)),
+    () =>
+      events.filter(
+        (event) =>
+          !event.allDay &&
+          isOutOfOfficeEvent(event) &&
+          !isFullDayOutOfOfficeEvent(event),
+      ),
     [events],
   );
 

package/corpus/templates/calendar/app/components/layout/Sidebar.tsx

@@ -1,6 +1,6 @@
 import { appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
+import { useT } from "@agent-native/core/client/i18n";
 import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
@@ -742,9 +742,6 @@ export function Sidebar({
       <TooltipContent side="top">{t("root.commandSearch")}</TooltipContent>
     </Tooltip>
   );
-  const translateButton = (
-    <LanguagePicker variant="ghost-icon" label={t("settings.languageLabel")} />
-  );
   const feedbackButton = (
     <FeedbackButton
       variant={collapsed ? "icon" : "sidebar"}
@@ -1182,7 +1179,6 @@ export function Sidebar({
         <SidebarFooterActions
           collapsed={collapsed}
           feedback={feedbackButton}
-          translate={translateButton}
           search={searchButton}
           collapse={collapseButton}
         />

package/corpus/templates/calendar/app/hooks/use-events.ts

@@ -11,6 +11,7 @@ import {
 } from "@tanstack/react-query";
 import { nanoid } from "nanoid";
 
+import { dateTimeInTimezoneToIso } from "@/lib/event-form-utils";
 import {
   buildWorkingLocationProperties,
   getWorkingLocationEditableLabel,
@@ -26,9 +27,16 @@ import {
 
 type CreateEventInput = Omit<
   CalendarEvent,
-  "id" | "createdAt" | "updatedAt" | "source"
+  "id" | "createdAt" | "updatedAt" | "source" | "title"
 > & {
+  title?: string;
   _tempId?: string;
+  fullDay?: boolean;
+  autoDeclineMode?:
+    | "declineNone"
+    | "declineAllConflictingInvitations"
+    | "declineOnlyNewConflictingInvitations";
+  declineMessage?: string;
   addGoogleMeet?: boolean;
   addZoom?: boolean;
   workingLocationType?: "homeOffice" | "officeLocation" | "customLocation";
@@ -100,14 +108,33 @@ function buildOptimisticCalendarEvent(
   optimisticId: string,
 ): CalendarEvent {
   const now = new Date().toISOString();
+  const timezone = newData.startTimeZone ?? newData.endTimeZone;
+  const dateOnlyPattern = /^\d{4}-\d{2}-\d{2}$/;
+  const nextDate = (date: string) => {
+    const [year, month, day] = date.split("-").map(Number);
+    const next = new Date(Date.UTC(year, month - 1, day + 1));
+    return next.toISOString().slice(0, 10);
+  };
+  const fullDayOutOfOffice =
+    newData.eventType === "outOfOffice" && newData.fullDay && timezone;
+  const start =
+    fullDayOutOfOffice && dateOnlyPattern.test(newData.start)
+      ? dateTimeInTimezoneToIso(newData.start, "00:00", timezone!)
+      : newData.start;
+  const end =
+    fullDayOutOfOffice && dateOnlyPattern.test(newData.end)
+      ? dateTimeInTimezoneToIso(nextDate(newData.end), "00:00", timezone!)
+      : newData.end;
   return {
     id: optimisticId,
-    title: newData.title,
-    start: newData.start,
-    end: newData.end,
+    title:
+      newData.title?.trim() ||
+      (newData.eventType === "outOfOffice" ? "Out of office" : ""),
+    start,
+    end,
     startTimeZone: newData.startTimeZone,
     endTimeZone: newData.endTimeZone,
-    allDay: newData.allDay ?? false,
+    allDay: fullDayOutOfOffice ? false : (newData.allDay ?? false),
     description: newData.description || "",
     location: newData.location || "",
     eventType: newData.eventType,
@@ -116,6 +143,18 @@ function buildOptimisticCalendarEvent(
     attachments: newData.attachments,
     transparency: newData.transparency,
     visibility: newData.visibility,
+    outOfOfficeProperties:
+      newData.eventType === "outOfOffice"
+        ? {
+            autoDeclineMode:
+              newData.autoDeclineMode ?? "declineAllConflictingInvitations",
+            declineMessage:
+              newData.autoDeclineMode === "declineNone"
+                ? undefined
+                : (newData.declineMessage ??
+                  "Declined because I am out of office"),
+          }
+        : undefined,
     reminders: newData.reminders,
     remindersUseDefault: newData.remindersUseDefault,
     attendees: newData.attendees,

package/corpus/templates/calendar/app/i18n-data.ts

@@ -764,6 +764,11 @@ const enUS = {
     event: "Event",
     eventAlerts: "Event alerts",
     eventOptions: "Event options",
+    autoDecline: "Automatically decline",
+    declineAllConflicts: "All conflicting meetings",
+    declineNewConflicts: "New conflicting meetings",
+    declineNone: "Do not decline",
+    declineMessage: "Decline message",
     eventTitlePlaceholder: "Event title",
     events: "Events",
     everyWeekday: "Every weekday",
@@ -1191,6 +1196,11 @@ const calendarSurfaceTranslations = {
       event: "活动",
       eventAlerts: "事件提醒",
       eventOptions: "活动选项",
+      autoDecline: "自动拒绝",
+      declineAllConflicts: "所有冲突的会议",
+      declineNewConflicts: "新的冲突会议",
+      declineNone: "不拒绝",
+      declineMessage: "拒绝消息",
       eventTitlePlaceholder: "活动标题",
       everyWeekday: "每个工作日",
       findTime: "找个时间",
@@ -1491,6 +1501,11 @@ const calendarSurfaceTranslations = {
       event: "Evento",
       eventAlerts: "Alertas de eventos",
       eventOptions: "Opciones de eventos",
+      autoDecline: "Rechazar automáticamente",
+      declineAllConflicts: "Todas las reuniones en conflicto",
+      declineNewConflicts: "Nuevas reuniones en conflicto",
+      declineNone: "No rechazar",
+      declineMessage: "Mensaje de rechazo",
       eventTitlePlaceholder: "Título del evento",
       everyWeekday: "todos los dias de la semana",
       findTime: "Encuentra un momento",
@@ -1801,6 +1816,11 @@ const calendarSurfaceTranslations = {
       event: "Événement",
       eventAlerts: "Alertes d'événements",
       eventOptions: "Options d'événement",
+      autoDecline: "Refuser automatiquement",
+      declineAllConflicts: "Toutes les réunions en conflit",
+      declineNewConflicts: "Nouvelles réunions en conflit",
+      declineNone: "Ne pas refuser",
+      declineMessage: "Message de refus",
       eventTitlePlaceholder: "Titre de l'événement",
       everyWeekday: "Chaque jour de la semaine",
       findTime: "Trouver une heure",
@@ -2111,6 +2131,11 @@ const calendarSurfaceTranslations = {
       event: "Veranstaltung",
       eventAlerts: "Ereigniswarnungen",
       eventOptions: "Event-Optionen",
+      autoDecline: "Automatisch ablehnen",
+      declineAllConflicts: "Alle kollidierenden Besprechungen",
+      declineNewConflicts: "Neue kollidierende Besprechungen",
+      declineNone: "Nicht ablehnen",
+      declineMessage: "Ablehnungsnachricht",
       eventTitlePlaceholder: "Veranstaltungstitel",
       everyWeekday: "Jeden Wochentag",
       findTime: "Finden Sie eine Zeit",
@@ -2414,6 +2439,11 @@ const calendarSurfaceTranslations = {
       event: "イベント",
       eventAlerts: "イベントアラート",
       eventOptions: "イベントオプション",
+      autoDecline: "自動的に辞退",
+      declineAllConflicts: "競合するすべての会議",
+      declineNewConflicts: "新しい競合する会議",
+      declineNone: "辞退しない",
+      declineMessage: "辞退メッセージ",
       eventTitlePlaceholder: "イベントタイトル",
       everyWeekday: "平日毎日",
       findTime: "時間を見つけてください",
@@ -2715,6 +2745,11 @@ const calendarSurfaceTranslations = {
       event: "이벤트",
       eventAlerts: "이벤트 알림",
       eventOptions: "이벤트 옵션",
+      autoDecline: "자동으로 거절",
+      declineAllConflicts: "충돌하는 모든 회의",
+      declineNewConflicts: "새로 충돌하는 회의",
+      declineNone: "거절하지 않음",
+      declineMessage: "거절 메시지",
       eventTitlePlaceholder: "이벤트 제목",
       everyWeekday: "평일마다",
       findTime: "시간 찾기",
@@ -3019,6 +3054,11 @@ const calendarSurfaceTranslations = {
       event: "Evento",
       eventAlerts: "Alertas de eventos",
       eventOptions: "Opções de evento",
+      autoDecline: "Recusar automaticamente",
+      declineAllConflicts: "Todas as reuniões conflitantes",
+      declineNewConflicts: "Novas reuniões conflitantes",
+      declineNone: "Não recusar",
+      declineMessage: "Mensagem de recusa",
       eventTitlePlaceholder: "Título do evento",
       everyWeekday: "Todos os dias da semana",
       findTime: "Encontre um horário",
@@ -3318,6 +3358,11 @@ const calendarSurfaceTranslations = {
       event: "घटना",
       eventAlerts: "घटना अलर्ट",
       eventOptions: "घटना विकल्प",
+      autoDecline: "अपने आप अस्वीकार करें",
+      declineAllConflicts: "सभी टकराने वाली मीटिंग",
+      declineNewConflicts: "नई टकराने वाली मीटिंग",
+      declineNone: "अस्वीकार न करें",
+      declineMessage: "अस्वीकार संदेश",
       eventTitlePlaceholder: "घटना का शीर्षक",
       everyWeekday: "हर कार्यदिवस",
       findTime: "एक समय खोजें",
@@ -3616,6 +3661,11 @@ const calendarSurfaceTranslations = {
       event: "حدث",
       eventAlerts: "تنبيهات الحدث",
       eventOptions: "خيارات الحدث",
+      autoDecline: "رفض تلقائي",
+      declineAllConflicts: "كل الاجتماعات المتعارضة",
+      declineNewConflicts: "الاجتماعات المتعارضة الجديدة",
+      declineNone: "عدم الرفض",
+      declineMessage: "رسالة الرفض",
       eventTitlePlaceholder: "عنوان الحدث",
       everyWeekday: "كل يوم من أيام الأسبوع",
       findTime: "جد وقتًا",

package/corpus/templates/calendar/app/lib/all-day-layout.ts

@@ -1,6 +1,7 @@
 import type { CalendarEvent } from "@shared/api";
-import { addDays, parseISO, startOfDay } from "date-fns";
+import { addDays, format, parseISO, startOfDay } from "date-fns";
 
+import { getFullDayOutOfOfficeDateRange } from "@/lib/out-of-office";
 import { isWorkingLocationEvent } from "@/lib/working-location";
 
 export interface AllDaySpan {
@@ -39,6 +40,7 @@ export function getAllDaySpan(
 ): Omit<AllDaySpan, "event"> | null {
   const eventStart = parseISO(event.start);
   const eventEnd = event.end ? parseISO(event.end) : addDays(eventStart, 1);
+  const outOfOfficeRange = getFullDayOutOfOfficeDateRange(event);
 
   let startCol = -1;
   let endCol = -1;
@@ -46,7 +48,12 @@ export function getAllDaySpan(
   for (let index = 0; index < days.length; index++) {
     const dayStart = startOfDay(days[index]);
     const dayEnd = addDays(dayStart, 1);
-    if (eventStart < dayEnd && eventEnd > dayStart) {
+    const dayDate = format(days[index], "yyyy-MM-dd");
+    const overlaps = outOfOfficeRange
+      ? dayDate >= outOfOfficeRange.startDate &&
+        dayDate < outOfOfficeRange.endDateExclusive
+      : eventStart < dayEnd && eventEnd > dayStart;
+    if (overlaps) {
       if (startCol === -1) startCol = index;
       endCol = index;
     }

package/corpus/templates/calendar/app/lib/event-form-initialization.ts

@@ -1,21 +1,17 @@
 interface EventFormInitializationInput {
   draftId?: string;
-  draftTimezone: string;
   date: string;
-  startTime: string;
-  endTime: string;
-  defaultTimezone: string;
+  startTime?: string;
+  endTime?: string;
 }
 
 export function buildEventFormInitializationKey({
   draftId,
-  draftTimezone,
   date,
   startTime,
   endTime,
-  defaultTimezone,
 }: EventFormInitializationInput): string {
   return draftId
-    ? `draft:${draftId}:${draftTimezone}`
-    : `new:${date}:${startTime}:${endTime}:${defaultTimezone}`;
+    ? `draft:${draftId}`
+    : `new:${date}:${startTime ?? ""}:${endTime ?? ""}`;
 }

package/corpus/templates/calendar/app/lib/event-form-utils.ts

@@ -247,14 +247,36 @@ export function dateTimeInTimezoneToIso(
 ) {
   const [year, month, day] = date.split("-").map(Number);
   const [hour, minute] = time.split(":").map(Number);
-  const wallTimeAsUtc = new Date(
-    Date.UTC(year, month - 1, day, hour, minute, 0),
-  );
-  let offset = getTimezoneOffsetMs(wallTimeAsUtc, timezone);
-  let result = new Date(wallTimeAsUtc.getTime() - offset);
-  offset = getTimezoneOffsetMs(result, timezone);
-  result = new Date(wallTimeAsUtc.getTime() - offset);
-  return result.toISOString();
+  const wallClockUtc = Date.UTC(year, month - 1, day, hour, minute, 0);
+  const offsets = new Set<number>();
+  for (let hours = -36; hours <= 36; hours += 6) {
+    offsets.add(
+      getTimezoneOffsetMs(
+        new Date(wallClockUtc + hours * 60 * 60 * 1000),
+        timezone,
+      ),
+    );
+  }
+
+  const candidates = [...offsets]
+    .map((offset) => new Date(wallClockUtc - offset))
+    .map((candidate) => ({
+      candidate,
+      localWallClock:
+        candidate.getTime() + getTimezoneOffsetMs(candidate, timezone),
+    }))
+    .sort((a, b) => {
+      const aDelta = a.localWallClock - wallClockUtc;
+      const bDelta = b.localWallClock - wallClockUtc;
+      if (aDelta === 0 && bDelta === 0) {
+        return a.candidate.getTime() - b.candidate.getTime();
+      }
+      if (aDelta >= 0 && bDelta < 0) return -1;
+      if (aDelta < 0 && bDelta >= 0) return 1;
+      return Math.abs(aDelta) - Math.abs(bDelta);
+    });
+
+  return candidates[0].candidate.toISOString();
 }
 
 export function formatTimezoneLabel(timezone: string) {

package/corpus/templates/calendar/app/lib/location-suggestions.ts

@@ -0,0 +1,36 @@
+import type { CalendarEvent } from "@shared/api";
+
+const LOCATION_SUGGESTION_LIMIT = 8;
+
+function isMeetingLink(location: string) {
+  return /^(?:https?:\/\/)?(?:meet\.google\.com|zoom\.us|teams\.microsoft\.com)\b/i.test(
+    location,
+  );
+}
+
+/**
+ * Surface only locations from the user's connected Google calendars. Overlay
+ * and subscribed-calendar locations can belong to someone else.
+ */
+export function getLocationSuggestions(events: CalendarEvent[]): string[] {
+  const seen = new Set<string>();
+
+  return [...events]
+    .sort((a, b) => new Date(b.start).getTime() - new Date(a.start).getTime())
+    .flatMap((event) => {
+      const location = event.location.trim();
+      const key = location.toLocaleLowerCase();
+      if (
+        event.source !== "google" ||
+        event.overlayEmail ||
+        !location ||
+        isMeetingLink(location) ||
+        seen.has(key)
+      ) {
+        return [];
+      }
+      seen.add(key);
+      return [location];
+    })
+    .slice(0, LOCATION_SUGGESTION_LIMIT);
+}

package/corpus/templates/calendar/app/lib/out-of-office.ts

@@ -1,5 +1,13 @@
 import type { CalendarEvent } from "@shared/api";
-import { addDays, differenceInMinutes, parseISO, startOfDay } from "date-fns";
+import {
+  addDays,
+  differenceInMinutes,
+  format,
+  parseISO,
+  startOfDay,
+} from "date-fns";
+
+import { dateTimeInTimezoneToIso } from "@/lib/event-form-utils";
 
 export interface OutOfOfficeSegment {
   topMinutes: number;
@@ -14,6 +22,84 @@ export function isOutOfOfficeEvent(
   return event.eventType === "outOfOffice";
 }
 
+function localDateTimeParts(value: string, timeZone: string) {
+  const date = parseISO(value);
+  if (Number.isNaN(date.getTime())) return null;
+
+  try {
+    const parts = new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      hourCycle: "h23",
+    }).formatToParts(date);
+    const valueFor = (type: Intl.DateTimeFormatPartTypes) =>
+      parts.find((part) => part.type === type)?.value;
+    const year = valueFor("year");
+    const month = valueFor("month");
+    const day = valueFor("day");
+    const hour = valueFor("hour");
+    const minute = valueFor("minute");
+    if (!year || !month || !day || !hour || !minute) return null;
+    return { date: `${year}-${month}-${day}`, hour, minute };
+  } catch {
+    return null;
+  }
+}
+
+export function isFullDayOutOfOfficeEvent(
+  event: Pick<
+    CalendarEvent,
+    "eventType" | "allDay" | "start" | "end" | "startTimeZone" | "endTimeZone"
+  >,
+): boolean {
+  return getFullDayOutOfOfficeDateRange(event) !== null;
+}
+
+export function getFullDayOutOfOfficeDateRange(
+  event: Pick<
+    CalendarEvent,
+    "eventType" | "allDay" | "start" | "end" | "startTimeZone" | "endTimeZone"
+  >,
+): { startDate: string; endDateExclusive: string } | null {
+  if (!isOutOfOfficeEvent(event) || event.allDay) return null;
+  const timeZone = event.startTimeZone ?? event.endTimeZone;
+  if (!timeZone) return null;
+  const start = localDateTimeParts(event.start, timeZone);
+  const end = localDateTimeParts(event.end, timeZone);
+  const isFullDay =
+    start !== null &&
+    end !== null &&
+    new Date(event.start).getTime() ===
+      new Date(
+        dateTimeInTimezoneToIso(start.date, "00:00", timeZone),
+      ).getTime() &&
+    new Date(event.end).getTime() ===
+      new Date(
+        dateTimeInTimezoneToIso(end.date, "00:00", timeZone),
+      ).getTime() &&
+    end.date > start.date;
+  return isFullDay
+    ? { startDate: start.date, endDateExclusive: end.date }
+    : null;
+}
+
+export function fullDayOutOfOfficeCoversDate(
+  event: Pick<
+    CalendarEvent,
+    "eventType" | "allDay" | "start" | "end" | "startTimeZone" | "endTimeZone"
+  >,
+  date: Date,
+): boolean {
+  const range = getFullDayOutOfOfficeDateRange(event);
+  if (!range) return false;
+  const dateString = format(date, "yyyy-MM-dd");
+  return dateString >= range.startDate && dateString < range.endDateExclusive;
+}
+
 /** Return the portion of a timed out-of-office event visible on one day. */
 export function getOutOfOfficeSegment(
   event: Pick<CalendarEvent, "start" | "end">,