@agent-native/core 0.159.5 → 0.160.0

package/corpus/README.md

@@ -31,4 +31,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core/corpus
 
 ## Generated Counts
 
-- template files: 8263
+- template files: 8273

package/corpus/templates/assets/server/lib/generation.ts

@@ -3,7 +3,7 @@ import { createHash } from "node:crypto";
 import {
   FeatureNotConfiguredError,
   getBuilderImageGenerationBaseUrl,
-  resolveBuilderCredentials,
+  resolveBuilderGatewayCredentials,
   resolveSecret,
 } from "@agent-native/core/server";
 import { and, eq, inArray } from "drizzle-orm";
@@ -265,16 +265,20 @@ interface BuilderImageGenerationResponse {
 export async function generateWithBuilderImageApi(
   input: GenerateProviderInput,
 ): Promise<GenerateProviderOutput> {
-  const builderCredentials = await resolveBuilderCredentials();
+  // Gateway lane: a published site paying with Builder credits carries the
+  // injected gateway pair and no identity credential at all, and image
+  // generation is metered rather than identity-bearing. The resolver still
+  // prefers a connected Builder account, so a site that has one is unaffected.
+  const builderCredentials = await resolveBuilderGatewayCredentials();
   if (!builderCredentials.privateKey || !builderCredentials.publicKey) {
     const detail =
       !builderCredentials.privateKey && !builderCredentials.publicKey
-        ? "Builder private and public keys are missing"
+        ? "Builder credentials are missing"
         : !builderCredentials.privateKey
-          ? "Builder private key is missing"
-          : "Builder public key is missing";
+          ? "Builder token is missing"
+          : "Builder space id is missing";
     throw new BuilderImageGenerationError(
-      "Builder.io is not fully connected for managed image generation. Reconnect Builder.io (free tier available) so both Builder private and public keys are available.",
+      "Builder.io is not connected for managed image generation. Connect Builder.io (free tier available), or publish with Builder credits so the site is issued its own gateway credential.",
       401,
       detail,
     );

package/corpus/templates/calendar/.agents/skills/event-management/SKILL.md

@@ -91,7 +91,8 @@ pnpm action create-event \
 ```
 
 Required for ordinary events: `--title`, `--start`, `--end` (ISO datetime
-format). Out-of-office events default the title to `Out of office` when it is
+format). Out-of-office events default the title to `Out of office`, and
+working-location events use Google's generated display title when `--title` is
 omitted.
 Optional: `--description`, `--location`, `--attendees`, `--addGoogleMeet`, `--addZoom`, `--sendUpdates`, `--accountEmail`.
 
@@ -156,9 +157,22 @@ pnpm action create-event \
 
 Working-location events sync from Google with `workingLocationProperties` and
 render as native working locations in the UI instead of generic all-day events.
-They are transparent/non-blocking for availability. Google allows timed working
-locations or single-day all-day working locations; multi-day all-day ranges must
-be represented as separate daily working-location events.
+They are transparent/non-blocking for availability. All-day working locations
+use an exclusive `--end` date and can span multiple days; timed working
+locations use ISO datetime start and end values.
+
+Creating from a calendar day uses the selected Home, Office, or Other type —
+do not leave the draft as Home and create that instead. Office does not need a
+custom building name; Other does. The Other name is `workingLocationLabel`
+(drafts keep `location` empty), so create must send that label — not an empty
+`location`. Create and update reject a blank Other name instead of storing
+`Working`. If that day already has a working location
+on the same account, update that day's occurrence (`scope: "single"`) instead
+of creating a second event. Timed (not all-day) working locations need a
+summary of Home, Office, or the custom label — never the generated
+`Working location` placeholder. All-day ones omit summary so Google can derive
+the title. Converting a timed location that ends at local midnight back to
+all-day keeps that single day; do not add another exclusive day.
 
 `--fullDay true` is semantic only for out-of-office creation. It does not send
 Google an all-day `date` event, which Google rejects for this event type.

package/corpus/templates/calendar/actions/create-event.ts

@@ -37,7 +37,9 @@ export default defineAction({
     title: z
       .string()
       .optional()
-      .describe("Event title. Defaults to 'Out of office' for OOO events."),
+      .describe(
+        "Event title. Defaults to 'Out of office' for OOO events. Working-location events use Google's generated display title and do not require one.",
+      ),
     start: z
       .string()
       .describe(
@@ -46,7 +48,7 @@ export default defineAction({
     end: z
       .string()
       .describe(
-        "End time in ISO format, or the last inclusive YYYY-MM-DD date for a full-day OOO event.",
+        "End time in ISO format, the last inclusive YYYY-MM-DD date for a full-day OOO event, or the exclusive YYYY-MM-DD date for an all-day working-location event.",
       ),
     startTimeZone: z
       .string()

package/corpus/templates/calendar/actions/event-action-helpers.ts

@@ -311,8 +311,17 @@ export function buildStatusEventFields(args: {
   }
 
   const type = args.workingLocationType ?? "customLocation";
-  const label =
-    args.workingLocationLabel || args.location || args.title || "Working";
+  const label = (
+    args.workingLocationLabel ||
+    args.location ||
+    args.title ||
+    ""
+  ).trim();
+  if (type === "customLocation" && !label) {
+    throw new Error(
+      "Other working locations require a name. Pass workingLocationLabel.",
+    );
+  }
   return {
     eventType: args.eventType,
     transparency: "transparent" as const,
@@ -321,7 +330,7 @@ export function buildStatusEventFields(args: {
       type === "homeOffice"
         ? { type, homeOffice: {} }
         : type === "officeLocation"
-          ? { type, officeLocation: { label } }
+          ? { type, officeLocation: label ? { label } : {} }
           : { type, customLocation: { label } },
   };
 }
@@ -359,6 +368,16 @@ function normalizedIso(value: string, label: "start" | "end"): string {
   return date.toISOString();
 }
 
+function normalizeWorkingLocationAllDayDate(value: string): string {
+  const date = allDayDatePart(value);
+  if (!isValidDateOnly(date)) {
+    throw new Error(
+      "All-day working location events require valid YYYY-MM-DD dates.",
+    );
+  }
+  return date;
+}
+
 export function normalizeCreateEventInput(args: {
   title?: string;
   eventType?: "default" | "outOfOffice" | "focusTime" | "workingLocation";
@@ -376,7 +395,27 @@ export function normalizeCreateEventInput(args: {
   const title =
     args.title?.trim() ||
     (args.eventType === "outOfOffice" ? "Out of office" : "");
-  if (!title) throw new Error("Event title is required.");
+  if (!title && args.eventType !== "workingLocation") {
+    throw new Error("Event title is required.");
+  }
+
+  if (args.eventType === "workingLocation" && args.allDay === true) {
+    const start = normalizeWorkingLocationAllDayDate(args.start);
+    const end = normalizeWorkingLocationAllDayDate(args.end);
+    if (end <= start) {
+      throw new Error(
+        "All-day working location end date must be after its start date.",
+      );
+    }
+    return {
+      title,
+      start,
+      end,
+      startTimeZone: undefined,
+      endTimeZone: undefined,
+      allDay: true,
+    };
+  }
 
   if (args.eventType === "outOfOffice" && args.fullDay === true) {
     const timezone = requireIanaTimezone(
@@ -435,15 +474,21 @@ export function normalizeCreateEventInput(args: {
 }
 
 function allDayDatePart(value: string): string {
-  const dateOnlyPattern = /^\d{4}-\d{2}-\d{2}$/;
-  if (dateOnlyPattern.test(value)) return value;
+  if (DATE_ONLY_PATTERN.test(value)) {
+    if (isValidDateOnly(value)) return value;
+    throw new Error("All-day status events must use valid YYYY-MM-DD dates.");
+  }
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) {
     throw new Error(
       "All-day status events must use valid date or datetime start and end values.",
     );
   }
-  return date.toISOString().slice(0, 10);
+  const datePart = date.toISOString().slice(0, 10);
+  if (!isValidDateOnly(datePart)) {
+    throw new Error("All-day status events must use valid YYYY-MM-DD dates.");
+  }
+  return datePart;
 }
 
 function allDaySpanDays(start: string, end: string): number {
@@ -477,8 +522,10 @@ export function validateStatusEventTiming(args: {
 
   if (args.eventType === "workingLocation" && args.allDay === true) {
     const days = allDaySpanDays(args.start, args.end);
-    if (days !== 1) {
-      throw new Error("All-day working location events must be a single day.");
+    if (days < 1) {
+      throw new Error(
+        "All-day working location end date must be after its start date.",
+      );
     }
   }
 }

package/corpus/templates/calendar/actions/update-event.ts

@@ -412,6 +412,7 @@ export default defineAction({
         start: args.start ?? existingEvent.start,
         end: args.end ?? existingEvent.end,
       });
+      updates.allDay = args.allDay ?? existingEvent.allDay;
       if (
         existingEvent.eventType === "workingLocation" &&
         existingEvent.workingLocationProperties

package/corpus/templates/calendar/agent-native.config.ts

@@ -1,5 +1,6 @@
 import { defineAgentNativeConfig } from "@agent-native/core/config";
 
 export default defineAgentNativeConfig({
+  changelog: { enabled: true },
   harness: true,
 });

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

@@ -180,6 +180,10 @@ function dateTimePartsInTimezone(value: string, timezone: string) {
 
 function allDayEndDate(end: string | undefined, fallback: string) {
   if (!end) return fallback;
+  if (/^\d{4}-\d{2}-\d{2}$/.test(end)) {
+    const previous = addDaysToDateString(end, -1);
+    return previous < fallback ? fallback : previous;
+  }
   const parsed = new Date(end);
   if (Number.isNaN(parsed.getTime())) return fallback;
   parsed.setDate(parsed.getDate() - 1);
@@ -323,12 +327,14 @@ export function CreateEventPopover({
 
     if (draft) {
       const startParts = draft.start
-        ? draft.fullDay && /^\d{4}-\d{2}-\d{2}$/.test(draft.start)
+        ? (draft.fullDay || draft.allDay) &&
+          /^\d{4}-\d{2}-\d{2}$/.test(draft.start)
           ? { date: draft.start, time: "00:00" }
           : dateTimePartsInTimezone(draft.start, draftTimezone)
         : null;
       const endParts = draft.end
-        ? draft.fullDay && /^\d{4}-\d{2}-\d{2}$/.test(draft.end)
+        ? (draft.fullDay || draft.allDay) &&
+          /^\d{4}-\d{2}-\d{2}$/.test(draft.end)
           ? { date: draft.end, time: "00:00" }
           : dateTimePartsInTimezone(
               draft.end,

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

@@ -1,19 +1,11 @@
 import { useT } from "@agent-native/core/client/i18n";
 import type { CalendarEvent } from "@shared/api";
-import { IconAlertTriangleFilled, IconMapPin } from "@tabler/icons-react";
 import {
-  eachHourOfInterval,
-  format,
-  parseISO,
-  differenceInMinutes,
-  startOfDay,
-  isSameDay,
-  set,
-  isToday,
-  addMinutes,
-  addDays,
-  min,
-} from "date-fns";
+  IconAlertTriangleFilled,
+  IconMapPin,
+  IconPlus,
+} from "@tabler/icons-react";
+import { eachHourOfInterval, format, set, addMinutes } from "date-fns";
 import { useState, useEffect, useRef, useMemo, useCallback, memo } from "react";
 
 import { useCalendarSetters } from "@/components/layout/AppLayout";
@@ -29,6 +21,13 @@ import {
   type ViewPreferences,
 } from "@/hooks/use-view-preferences";
 import { partitionAllDayEvents } from "@/lib/all-day-layout";
+import {
+  dateToCalendarDateKey,
+  getBrowserTimezone,
+  getDateKeyInTimezone,
+  getEventDateKey,
+  getEventSegmentForCalendarDay,
+} from "@/lib/calendar-timezone";
 import { getEventDisplayColor, allOtherDeclined } from "@/lib/event-colors";
 import {
   computeTimedEventLayout,
@@ -58,6 +57,7 @@ import { OutOfOfficeEvent } from "./OutOfOfficeEvent";
 interface DayViewProps {
   events: CalendarEvent[];
   date: Date;
+  timezone?: string;
   onDeleteEvent: (eventId: string) => void;
   onEventTimeChange?: (eventId: string, newStart: Date, newEnd: Date) => void;
   onClickTimeSlot?: (
@@ -66,6 +66,7 @@ interface DayViewProps {
     endTime: string,
     options?: { explicitDuration?: boolean },
   ) => void;
+  onCreateWorkingLocation?: (date: Date) => void;
   quickEditEventId?: string | null;
   onQuickEditSave?: (
     eventId: string,
@@ -118,7 +119,7 @@ function minutesToTimeString(totalMinutes: number): string {
 /** Convert minutes-from-START_HOUR on a given day into a Date, for ghost label formatting */
 function minutesToDate(date: Date, totalMinutes: number): Date {
   return addMinutes(
-    set(startOfDay(date), { hours: START_HOUR, minutes: 0, seconds: 0 }),
+    set(date, { hours: START_HOUR, minutes: 0, seconds: 0 }),
     totalMinutes,
   );
 }
@@ -142,18 +143,14 @@ function formatEventTime(start: Date, end: Date): string {
   return `${startWithAmPm}–${endStr}`;
 }
 
-function getEventStyleForDate(event: CalendarEvent, date: Date) {
-  const start = parseISO(event.start);
-  const end = parseISO(event.end);
-  const dayStart = set(startOfDay(date), { hours: START_HOUR });
-  const dayEnd = addDays(startOfDay(date), 1);
-  const cappedEnd = min([end, dayEnd]);
-  const segStart = start > dayStart ? start : dayStart;
-  const topMinutes = Math.max(0, differenceInMinutes(segStart, dayStart));
-  const durationMinutes = Math.max(
-    15,
-    differenceInMinutes(cappedEnd, segStart),
-  );
+function getEventStyleForDate(
+  event: CalendarEvent,
+  date: Date,
+  timezone: string,
+) {
+  const segment = getEventSegmentForCalendarDay(event, date, timezone);
+  const topMinutes = segment?.topMinutes ?? 0;
+  const durationMinutes = Math.max(15, segment?.durationMinutes ?? 15);
   return {
     top: `${(topMinutes / 60) * HOUR_HEIGHT}px`,
     height: `${(durationMinutes / 60) * HOUR_HEIGHT}px`,
@@ -163,6 +160,7 @@ function getEventStyleForDate(event: CalendarEvent, date: Date) {
 interface DayEventCardProps {
   event: CalendarEvent;
   date: Date;
+  timezone: string;
   layout: Map<string, TimedEventLayout>;
   now: Date;
   prefs: ViewPreferences;
@@ -204,6 +202,7 @@ interface DayEventCardProps {
 const DayEventCard = memo(function DayEventCard({
   event,
   date,
+  timezone,
   layout,
   now,
   prefs,
@@ -246,32 +245,24 @@ const DayEventCard = memo(function DayEventCard({
         top: `${overrides.top}px`,
         height: `${overrides.height}px`,
       }
-    : getEventStyleForDate(event, date);
+    : getEventStyleForDate(event, date, timezone);
   const color = getEventDisplayColor(event, prefs);
-  const evStart = parseISO(event.start);
-  const rawEnd = parseISO(event.end);
-  const midnight = addDays(startOfDay(date), 1);
-  const evEnd = min([rawEnd, midnight]);
-  const isOvernightCapped = rawEnd > midnight;
-  const isStart = isSameDay(evStart, date);
-  const isEnd = rawEnd <= midnight;
-  const dayGridStart = set(startOfDay(date), { hours: START_HOUR });
-  // For continuation segments (started a prior day), measure visible
-  // duration from the grid start, not from the event's true start.
-  const visibleSegStart = isStart ? evStart : dayGridStart;
+  const segment = getEventSegmentForCalendarDay(event, date, timezone);
+  const isStart =
+    getEventDateKey(event, timezone) === dateToCalendarDateKey(date);
+  const isOvernightCapped = !(segment?.endsOnDay ?? true);
+  const isEnd = segment?.endsOnDay ?? true;
   const durationMin = overrides
     ? (overrides.height / HOUR_HEIGHT) * 60
-    : differenceInMinutes(evEnd, visibleSegStart);
+    : (segment?.durationMinutes ?? 15);
   // Compute display times (use drag overrides if active)
   const displayStart = overrides
-    ? addMinutes(dayGridStart, (overrides.top / HOUR_HEIGHT) * 60)
-    : visibleSegStart;
+    ? minutesToDate(date, START_HOUR * 60 + (overrides.top / HOUR_HEIGHT) * 60)
+    : minutesToDate(date, segment?.startMinutes ?? 0);
   const displayEnd = overrides
     ? addMinutes(displayStart, durationMin)
-    : isEnd
-      ? evEnd
-      : midnight;
-  const isPast = parseISO(event.end) < now;
+    : minutesToDate(date, segment?.endMinutes ?? durationMin);
+  const isPast = new Date(event.end) < now;
   const isDeclined = event.responseStatus === "declined";
   const allOthersOut = allOtherDeclined(event);
 
@@ -446,6 +437,7 @@ const DayEventCard = memo(function DayEventCard({
   return (
     <EventDetailPopover
       event={event}
+      timezone={timezone}
       onDelete={onDeleteEvent}
       isDraft={isDraft}
       defaultOpen={defaultOpen}
@@ -492,9 +484,11 @@ const DayCreateGhost = memo(function DayCreateGhost({
 export const DayView = memo(function DayView({
   events,
   date,
+  timezone = getBrowserTimezone(),
   onDeleteEvent,
   onEventTimeChange,
   onClickTimeSlot,
+  onCreateWorkingLocation,
   quickEditEventId,
   onQuickEditSave,
   onQuickEditCancel,
@@ -584,8 +578,8 @@ export const DayView = memo(function DayView({
     [events],
   );
   const layout = useMemo(
-    () => computeTimedEventLayout(timedEvents, date),
-    [date, timedEvents],
+    () => computeTimedEventLayout(timedEvents, date, timezone),
+    [date, timedEvents, timezone],
   );
 
   // Timezone label: prefer the short generic name (e.g. "PT", "ET")
@@ -595,7 +589,10 @@ export const DayView = memo(function DayView({
     function nameForToken(token: "shortGeneric" | "longGeneric" | "short") {
       try {
         return (
-          new Intl.DateTimeFormat("en-US", { timeZoneName: token })
+          new Intl.DateTimeFormat("en-US", {
+            timeZone: timezone,
+            timeZoneName: token,
+          })
             .formatToParts(now)
             .find((p) => p.type === "timeZoneName")?.value ?? ""
         );
@@ -604,10 +601,7 @@ export const DayView = memo(function DayView({
       }
     }
 
-    let iana = "";
-    try {
-      iana = Intl.DateTimeFormat().resolvedOptions().timeZone ?? "";
-    } catch {}
+    const iana = timezone;
 
     const longGeneric = nameForToken("longGeneric");
     let shortGeneric = nameForToken("shortGeneric");
@@ -625,10 +619,26 @@ export const DayView = memo(function DayView({
       tzLong: longGeneric || iana,
       tzIana: iana,
     };
-  }, []);
+  }, [now, timezone]);
 
-  const today = isToday(date);
-  const nowMinutes = (now.getHours() - START_HOUR) * 60 + now.getMinutes();
+  const today =
+    dateToCalendarDateKey(date) === getDateKeyInTimezone(now, timezone);
+  const nowParts = new Intl.DateTimeFormat("en-US", {
+    timeZone: timezone,
+    hourCycle: "h23",
+    hour: "2-digit",
+    minute: "2-digit",
+  })
+    .formatToParts(now)
+    .reduce(
+      (parts, part) => {
+        if (part.type === "hour") parts.hour = Number(part.value);
+        if (part.type === "minute") parts.minute = Number(part.value);
+        return parts;
+      },
+      { hour: 0, minute: 0 },
+    );
+  const nowMinutes = (nowParts.hour - START_HOUR) * 60 + nowParts.minute;
   const nowTop = (nowMinutes / 60) * HOUR_HEIGHT;
   const showNowIndicator =
     today && nowMinutes >= 0 && nowMinutes <= (END_HOUR - START_HOUR) * 60;
@@ -653,6 +663,7 @@ export const DayView = memo(function DayView({
     scrollContainerRef,
     onEventTimeChange: handleEventTimeChange,
     events,
+    timezone,
   });
 
   const canDrag = !!onEventTimeChange;
@@ -745,19 +756,38 @@ export const DayView = memo(function DayView({
             {format(date, "MMMM d, yyyy")}
           </div>
         </div>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <span className="cursor-default truncate px-1 pt-1 text-[11px] font-medium text-muted-foreground">
-              {tzShort}
-            </span>
-          </TooltipTrigger>
-          <TooltipContent side="bottom">
-            <p className="text-xs">{tzLong}</p>
-            {tzIana && tzIana !== tzLong ? (
-              <p className="text-[10px] text-muted-foreground">{tzIana}</p>
-            ) : null}
-          </TooltipContent>
-        </Tooltip>
+        <div className="flex items-start gap-1">
+          {onCreateWorkingLocation && (
+            <Tooltip>
+              <TooltipTrigger asChild>
+                <button
+                  type="button"
+                  aria-label={t("calendarView.addWorkingLocation")}
+                  className="flex size-6 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+                  onClick={() => onCreateWorkingLocation(date)}
+                >
+                  <IconPlus aria-hidden="true" className="size-3.5" />
+                </button>
+              </TooltipTrigger>
+              <TooltipContent side="bottom">
+                {t("calendarView.addWorkingLocation")}
+              </TooltipContent>
+            </Tooltip>
+          )}
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <span className="cursor-default truncate px-1 pt-1 text-[11px] font-medium text-muted-foreground">
+                {tzShort}
+              </span>
+            </TooltipTrigger>
+            <TooltipContent side="bottom">
+              <p className="text-xs">{tzLong}</p>
+              {tzIana && tzIana !== tzLong ? (
+                <p className="text-[10px] text-muted-foreground">{tzIana}</p>
+              ) : null}
+            </TooltipContent>
+          </Tooltip>
+        </div>
       </div>
 
       {/* Working locations and ordinary all-day events */}
@@ -776,6 +806,7 @@ export const DayView = memo(function DayView({
                     <EventDetailPopover
                       key={`${event.overlayEmail ?? event.accountEmail ?? "primary"}:${event.id}`}
                       event={event}
+                      timezone={timezone}
                       onDelete={onDeleteEvent}
                       isDraft={draftEventIds.includes(event.id)}
                       defaultOpen={quickEditEventId === event.id}
@@ -852,6 +883,7 @@ export const DayView = memo(function DayView({
                     <EventDetailPopover
                       key={`${event.overlayEmail ?? event.accountEmail ?? "primary"}:${event.id}`}
                       event={event}
+                      timezone={timezone}
                       onDelete={onDeleteEvent}
                       isDraft={draftEventIds.includes(event.id)}
                       defaultOpen={quickEditEventId === event.id}
@@ -1017,6 +1049,7 @@ export const DayView = memo(function DayView({
                   key={event._tempId ?? event.id}
                   event={event}
                   day={date}
+                  timezone={timezone}
                   hourHeight={HOUR_HEIGHT}
                   color={
                     getEventDisplayColor(event, prefs) ?? "hsl(var(--primary))"
@@ -1087,6 +1120,7 @@ export const DayView = memo(function DayView({
                   key={event._tempId ?? event.id}
                   event={event}
                   date={date}
+                  timezone={timezone}
                   layout={layout}
                   now={now}
                   prefs={prefs}