@agent-native/core 0.114.9 → 0.114.11

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

@@ -0,0 +1,349 @@
+import { useT } from "@agent-native/core/client/i18n";
+import {
+  IconCheck,
+  IconClock,
+  IconRefresh,
+  IconWorld,
+} from "@tabler/icons-react";
+import { format } from "date-fns";
+import { useEffect, useMemo, useRef, useState } from "react";
+
+import { TimezoneCombobox } from "@/components/TimezoneCombobox";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import {
+  formatTimezoneLabel,
+  type RecurrencePreset,
+} from "@/lib/event-form-utils";
+import { cn } from "@/lib/utils";
+
+const TIME_OPTIONS = Array.from({ length: 24 * 4 }, (_, index) => {
+  const hour = Math.floor(index / 4);
+  const minute = (index % 4) * 15;
+  return `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`;
+});
+
+function formatTimeValue(value: string) {
+  const [hourValue, minuteValue] = value.split(":").map(Number);
+  if (!Number.isFinite(hourValue) || !Number.isFinite(minuteValue)) {
+    return value;
+  }
+  const period = hourValue >= 12 ? "PM" : "AM";
+  const hour = hourValue % 12 || 12;
+  return minuteValue === 0
+    ? `${hour} ${period}`
+    : `${hour}:${String(minuteValue).padStart(2, "0")} ${period}`;
+}
+
+function formatDateValue(value: string) {
+  const parsed = new Date(`${value}T12:00:00`);
+  return Number.isNaN(parsed.getTime()) ? value : format(parsed, "EEE MMM d");
+}
+
+export function TimePickerPopover({
+  value,
+  onChange,
+  label,
+  getOptionMeta,
+  className,
+}: {
+  value: string;
+  onChange: (value: string) => void;
+  label: string;
+  getOptionMeta?: (value: string) => string | undefined;
+  className?: string;
+}) {
+  const [open, setOpen] = useState(false);
+  const selectedRef = useRef<HTMLButtonElement>(null);
+  const options = useMemo(
+    () =>
+      TIME_OPTIONS.includes(value) ? TIME_OPTIONS : [value, ...TIME_OPTIONS],
+    [value],
+  );
+
+  useEffect(() => {
+    if (open) {
+      requestAnimationFrame(() =>
+        selectedRef.current?.scrollIntoView({ block: "center" }),
+      );
+    }
+  }, [open]);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          className={cn(
+            "h-auto rounded px-1.5 py-0.5 text-base font-normal text-foreground hover:bg-muted",
+            className,
+          )}
+          aria-label={label}
+        >
+          {formatTimeValue(value)}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        sideOffset={6}
+        className="w-52 p-1"
+        data-time-picker-popover
+      >
+        <div className="flex items-center gap-2 px-2.5 py-2 text-xs font-medium text-muted-foreground">
+          <IconClock className="size-3.5" />
+          {label}
+        </div>
+        <div className="max-h-64 overflow-y-auto">
+          {options.map((option) => {
+            const selected = option === value;
+            return (
+              <button
+                key={option}
+                ref={selected ? selectedRef : undefined}
+                type="button"
+                className={cn(
+                  "flex w-full items-center justify-between rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+                  selected && "bg-accent text-accent-foreground",
+                )}
+                onClick={() => {
+                  onChange(option);
+                  setOpen(false);
+                }}
+              >
+                <span>{formatTimeValue(option)}</span>
+                {getOptionMeta?.(option) && (
+                  <span className="text-muted-foreground">
+                    {getOptionMeta(option)}
+                  </span>
+                )}
+                {selected && <IconCheck className="ml-2 size-3.5 shrink-0" />}
+              </button>
+            );
+          })}
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+export function DatePickerPopover({
+  value,
+  onChange,
+  label,
+  className,
+}: {
+  value: string;
+  onChange: (value: string) => void;
+  label: string;
+  className?: string;
+}) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          className={cn(
+            "h-auto rounded px-1.5 py-0.5 text-base font-normal text-foreground hover:bg-muted",
+            className,
+          )}
+          aria-label={label}
+        >
+          {formatDateValue(value)}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        sideOffset={6}
+        className="w-auto p-3"
+        data-time-picker-popover
+      >
+        <Input
+          type="date"
+          value={value}
+          aria-label={label}
+          autoFocus
+          onChange={(event) => {
+            if (!event.target.value) return;
+            onChange(event.target.value);
+            setOpen(false);
+          }}
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+export function TimezonePickerPopover({
+  value,
+  onChange,
+  label,
+}: {
+  value: string;
+  onChange: (value: string) => void;
+  label: string;
+}) {
+  const t = useT();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          className="h-auto justify-start rounded px-1.5 py-0.5 text-sm font-normal text-muted-foreground hover:bg-muted hover:text-foreground"
+          aria-label={label}
+        >
+          <IconWorld className="mr-2 size-4 shrink-0" />
+          {formatTimezoneLabel(value)}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        sideOffset={6}
+        className="w-[min(20rem,calc(100vw-2rem))] p-3"
+        data-time-picker-popover
+      >
+        <TimezoneCombobox
+          id="inline-event-timezone"
+          value={value}
+          onChange={(nextValue) => {
+            onChange(nextValue);
+            setOpen(false);
+          }}
+        />
+        <p className="mt-2 text-xs text-muted-foreground">
+          {t("eventForm.timezone")}
+        </p>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+export function RepeatPicker({
+  preset,
+  referenceDate,
+  onChange,
+}: {
+  preset: RecurrencePreset;
+  referenceDate: string;
+  onChange: (preset: RecurrencePreset) => void;
+}) {
+  const t = useT();
+  const [open, setOpen] = useState(false);
+  const reference = new Date(referenceDate);
+  const weekday = Number.isNaN(reference.getTime())
+    ? ""
+    : format(reference, "EEE");
+  const monthDay = Number.isNaN(reference.getTime())
+    ? ""
+    : format(reference, "do");
+  const options: Array<{
+    value: RecurrencePreset;
+    label: string;
+    meta?: string;
+    disabled?: boolean;
+  }> = [
+    { value: "none", label: t("eventForm.doesNotRepeat") },
+    { value: "daily", label: t("eventForm.daily") },
+    {
+      value: "weekdays",
+      label: t("eventForm.everyWeekday"),
+      meta: t("eventForm.weekdaysShort"),
+    },
+    {
+      value: "weekly",
+      label: t("eventForm.weekly"),
+      meta: weekday ? t("eventForm.onDay", { day: weekday }) : undefined,
+    },
+    {
+      value: "biweekly",
+      label: t("eventForm.everyTwoWeeks"),
+      meta: weekday ? t("eventForm.onDay", { day: weekday }) : undefined,
+    },
+    {
+      value: "monthly",
+      label: t("eventForm.monthly"),
+      meta: monthDay ? t("eventForm.onMonthDay", { day: monthDay }) : undefined,
+    },
+    {
+      value: "yearly",
+      label: t("eventForm.yearly"),
+      meta: monthDay
+        ? t("eventForm.onDate", { date: format(reference, "MMM d") })
+        : undefined,
+    },
+    {
+      value: "custom",
+      label: t("eventForm.customSchedule"),
+      disabled: true,
+    },
+  ];
+
+  const selectedOption = options.find((option) => option.value === preset);
+  const triggerLabel =
+    preset === "none" ? t("eventForm.repeat") : selectedOption?.label;
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          type="button"
+          variant="ghost"
+          size="sm"
+          className="h-auto w-full justify-start rounded-md px-1.5 py-1 text-sm font-normal text-muted-foreground hover:bg-muted hover:text-foreground"
+          aria-label={t("eventForm.repeat")}
+        >
+          <IconRefresh className="mr-2 size-4 shrink-0" />
+          {triggerLabel}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        sideOffset={6}
+        className="w-64 p-1"
+        data-time-picker-popover
+      >
+        {options.map((option) => {
+          const selected = option.value === preset;
+          return (
+            <button
+              key={option.value}
+              type="button"
+              disabled={option.disabled}
+              className={cn(
+                "flex w-full items-center justify-between rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+                selected && "bg-accent text-accent-foreground",
+                option.disabled &&
+                  "cursor-not-allowed opacity-50 hover:bg-transparent",
+              )}
+              onClick={() => {
+                if (option.disabled) return;
+                onChange(option.value);
+                setOpen(false);
+              }}
+            >
+              <span>{option.label}</span>
+              <span className="ml-3 flex items-center gap-2 text-muted-foreground">
+                {option.meta}
+                {selected && <IconCheck className="size-3.5 shrink-0" />}
+              </span>
+            </button>
+          );
+        })}
+      </PopoverContent>
+    </Popover>
+  );
+}

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

@@ -703,6 +703,7 @@ const enUS = {
     addCalendar: "Add Calendar",
     addCalendarFailed: "Failed to add calendar",
     addCalendarFromUrl: "Add calendar from URL",
+    addGuest: "Add guest",
     addGuests: "Add guests",
     addNote: "Add note",
     addLocation: "Add location",
@@ -766,6 +767,7 @@ const enUS = {
     eventTitlePlaceholder: "Event title",
     events: "Events",
     everyWeekday: "Every weekday",
+    everyTwoWeeks: "Every 2 weeks",
     findTime: "Find a time",
     focusTime: "Focus time",
     focusTimeTimedOnly:
@@ -821,6 +823,7 @@ const enUS = {
     quickCreate: "Quick create",
     recurringResponseScope: "Recurring response scope",
     repeats: "Repeats",
+    repeat: "Repeat",
     reviewInvite: "Review Invite",
     responseAwaitingCount: "{{count}} awaiting",
     responseMaybeCount: "{{count}} maybe",
@@ -872,6 +875,10 @@ const enUS = {
     viewingOwnerCalendar: "Viewing {{owner}}'s calendar",
     yourResponse: "Your response: {{status}}",
     visibility: "Visibility",
+    onDate: "on {{date}}",
+    onDay: "on {{day}}",
+    onMonthDay: "on the {{day}}",
+    weekdaysShort: "Mon–Fri",
     weekly: "Weekly",
     workingFrom: "Working from",
     workingLocation: "Working location",
@@ -6122,6 +6129,108 @@ const translatedCalendarDebtTranslations = {
   },
 } satisfies Partial<Record<LocaleCode, PartialMessages>>;
 
+const translatedCalendarInlineEditorLabels = {
+  "zh-CN": {
+    eventForm: {
+      addGuest: "添加客人",
+      everyTwoWeeks: "每两周",
+      repeat: "重复",
+      onDate: "于 {{date}}",
+      onDay: "于 {{day}}",
+      onMonthDay: "于 {{day}}日",
+      weekdaysShort: "周一至周五",
+    },
+  },
+  "es-ES": {
+    eventForm: {
+      addGuest: "Añadir invitado",
+      everyTwoWeeks: "Cada 2 semanas",
+      repeat: "Repetir",
+      onDate: "el {{date}}",
+      onDay: "el {{day}}",
+      onMonthDay: "el día {{day}}",
+      weekdaysShort: "lun–vie",
+    },
+  },
+  "fr-FR": {
+    eventForm: {
+      addGuest: "Ajouter un invité",
+      everyTwoWeeks: "Toutes les 2 semaines",
+      repeat: "Répéter",
+      onDate: "le {{date}}",
+      onDay: "le {{day}}",
+      onMonthDay: "le {{day}}",
+      weekdaysShort: "lun–ven",
+    },
+  },
+  "de-DE": {
+    eventForm: {
+      addGuest: "Gast hinzufügen",
+      everyTwoWeeks: "Alle 2 Wochen",
+      repeat: "Wiederholen",
+      onDate: "am {{date}}",
+      onDay: "am {{day}}",
+      onMonthDay: "am {{day}}.",
+      weekdaysShort: "Mo–Fr",
+    },
+  },
+  "ja-JP": {
+    eventForm: {
+      addGuest: "ゲストを追加",
+      everyTwoWeeks: "2週間ごと",
+      repeat: "繰り返し",
+      onDate: "{{date}}",
+      onDay: "{{day}}に",
+      onMonthDay: "{{day}}日",
+      weekdaysShort: "月〜金",
+    },
+  },
+  "ko-KR": {
+    eventForm: {
+      addGuest: "게스트 추가",
+      everyTwoWeeks: "2주마다",
+      repeat: "반복",
+      onDate: "{{date}}",
+      onDay: "{{day}}에",
+      onMonthDay: "{{day}}일",
+      weekdaysShort: "월–금",
+    },
+  },
+  "pt-BR": {
+    eventForm: {
+      addGuest: "Adicionar convidado",
+      everyTwoWeeks: "A cada 2 semanas",
+      repeat: "Repetir",
+      onDate: "em {{date}}",
+      onDay: "em {{day}}",
+      onMonthDay: "no dia {{day}}",
+      weekdaysShort: "seg–sex",
+    },
+  },
+  "hi-IN": {
+    eventForm: {
+      addGuest: "अतिथि जोड़ें",
+      everyTwoWeeks: "हर 2 सप्ताह",
+      repeat: "दोहराएं",
+      onDate: "{{date}} को",
+      onDay: "{{day}} को",
+      onMonthDay: "{{day}} को",
+      weekdaysShort: "सोम–शुक्र",
+    },
+  },
+  "ar-SA": {
+    eventForm: {
+      addGuest: "إضافة ضيف",
+      everyTwoWeeks: "كل أسبوعين",
+      repeat: "تكرار",
+      onDate: "في {{date}}",
+      onDay: "في {{day}}",
+      onMonthDay: "في اليوم {{day}}",
+      weekdaysShort: "الإثنين–الجمعة",
+    },
+  },
+} satisfies Partial<Record<LocaleCode, PartialMessages>>;
+
 const translatedCalendarRemainingRaw = {
   "zh-CN": {
     agentSidebar: {
@@ -9555,6 +9664,7 @@ function applyTranslatedCalendarOverrides(
 
 applyTranslatedCalendarOverrides(translatedCalendarExtras);
 applyTranslatedCalendarOverrides(translatedCalendarDebtTranslations);
+applyTranslatedCalendarOverrides(translatedCalendarInlineEditorLabels);
 applyTranslatedCalendarOverrides(translatedCalendarRemainingRaw);
 applyTranslatedCalendarOverrides(translatedCalendarRawBurnDown);
 applyTranslatedCalendarOverrides(translatedCalendarExactCleanup);

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

@@ -7,6 +7,7 @@ export type RecurrencePreset =
   | "daily"
   | "weekdays"
   | "weekly"
+  | "biweekly"
   | "monthly"
   | "yearly"
   | "custom";
@@ -334,6 +335,7 @@ export function getRecurrencePreset(recurrence?: string[]): RecurrencePreset {
   const interval = recurrenceField(rule, "INTERVAL") || "1";
   const byDay = recurrenceField(rule, "BYDAY");
 
+  if (freq === "WEEKLY" && interval === "2") return "biweekly";
   if (interval !== "1") return "custom";
   if (freq === "DAILY" && !byDay) return "daily";
   if ((freq === "DAILY" || freq === "WEEKLY") && byDay === "MO,TU,WE,TH,FR") {
@@ -361,6 +363,10 @@ export function buildRecurrenceRules(
       const day = eventWeekdayCode(startIso, timeZone);
       return [`RRULE:FREQ=WEEKLY;BYDAY=${day}`];
     }
+    case "biweekly": {
+      const day = eventWeekdayCode(startIso, timeZone);
+      return [`RRULE:FREQ=WEEKLY;INTERVAL=2;BYDAY=${day}`];
+    }
     case "monthly":
       return ["RRULE:FREQ=MONTHLY"];
     case "yearly":

package/corpus/templates/calendar/app/pages/CalendarView.tsx

@@ -199,6 +199,7 @@ function draftToCalendarEvent(
     transparency: draft.transparency,
     visibility: draft.visibility,
     eventType: draft.eventType ?? "default",
+    recurrence: draft.recurrence,
     attendees: draft.attendees,
     reminders: draft.reminders,
     remindersUseDefault: draft.remindersUseDefault,
@@ -239,6 +240,7 @@ function applyDraftPatch(
   copy("transparency");
   copy("visibility");
   copy("colorId");
+  copy("recurrence");
   copy("reminders");
   copy("remindersUseDefault");
   copy("attachments");
@@ -677,6 +679,7 @@ export default function CalendarView() {
           ? getGoogleEventColorHex(draft.colorId)
           : undefined,
         colorId: draft.colorId,
+        recurrence: draft.recurrence,
         attachments: draft.attachments,
         attendees: draft.attendees,
       };

package/corpus/templates/calendar/app/root.tsx

@@ -24,7 +24,7 @@ import { resolveLocaleFromRequest } from "@agent-native/core/server";
 import { IconBrain, IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import {
   Links,
   Meta,
@@ -174,8 +174,10 @@ function DbSyncSetup() {
 
 function ThemeToggleItem() {
   const { resolvedTheme, setTheme } = useTheme();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
   const t = useT();
-  const isDark = resolvedTheme === "dark";
+  const isDark = mounted && resolvedTheme === "dark";
   return (
     <CommandMenu.Item
       onSelect={() => setTheme(isDark ? "light" : "dark")}

package/corpus/templates/calendar/changelog/2026-07-20-events-can-be-updated-inline-with-date-time-timezone-and-rep.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-20
+---
+
+Events can be updated inline with date, time, timezone, and repeat controls.

package/corpus/templates/calendar/changelog/2026-07-20-public-booking-pages-no-longer-hydrate-with-a-theme-mismatch.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-20
+---
+
+Public booking pages no longer show a theme-related hydration error on first load.

package/corpus/templates/calendar/shared/api.ts

@@ -142,6 +142,7 @@ export interface CalendarEventDraft {
   transparency?: "opaque" | "transparent";
   visibility?: "default" | "public" | "private" | "confidential";
   colorId?: string;
+  recurrence?: string[];
   reminders?: CalendarEvent["reminders"];
   remindersUseDefault?: boolean;
   attachments?: CalendarEvent["attachments"];

package/corpus/templates/clips/AGENTS.md

@@ -110,6 +110,13 @@ ladder.
 - Use `list-recordings --view=shared` for the current user's "Shared with me"
   collection. It returns recordings admitted by sharing access that are owned
   by someone else; public-link-only clips remain out of this list.
+- Public recordings are unlisted-by-link for agent purposes: an agent may
+  discover only recordings the current user owns or has already viewed. Do not
+  use `list-recordings` or `search-recordings` to discover another user's
+  public clips, answer a time/date question about the clip already in context,
+  or recover from a failed direct lookup. If the user supplies another clip's
+  share URL or id, use that explicit reference; otherwise stop and report the
+  lookup failure.
 - Public recordings expose AI-readable URLs for external agents:
   `/api/agent-context.json?id=<recordingId>` for metadata, transcript, and frame
   API discovery; `/api/agent-transcript.json?id=<recordingId>` for transcript