@agent-native/core 0.91.0 → 0.91.2

package/corpus/templates/analytics/changelog/2026-07-08-console-details-expand-inline-under-each-row-and-the-event-t.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Console details expand inline under each row, and the event timeline highlights, auto-scrolls, and supports search

package/corpus/templates/analytics/changelog/2026-07-08-session-replay-clamps-ultra-wide-viewports-while-keeping-the.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Session replay clamps ultra-wide viewports while keeping the recorded page height instead of forcing a default size

package/corpus/templates/analytics/changelog/2026-07-08-session-replay-keeps-a-usable-stage-when-dev-tools-is-open-a.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Session replay keeps a usable stage when Dev Tools is open and shows the event timeline on medium screens

package/corpus/templates/analytics/changelog/2026-07-08-session-replay-resumes-after-scrubbing-and-expands-console-r.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Session replay resumes after scrubbing and expands console rows without jumping the playhead

package/corpus/templates/analytics/changelog/2026-07-08-session-replays-wait-for-full-load-keep-a-normal-viewport-an.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-08
+---
+
+Session replays wait for full load, keep a normal viewport, and scrub the timeline reliably

package/corpus/templates/analytics/package.json

@@ -73,7 +73,6 @@
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "@types/three": "^0.176.0",
-    "@typescript/native-preview": "catalog:",
     "@vitejs/plugin-react-swc": "^4.0.0",
     "chart.js": "^4.5.1",
     "chartjs-node-canvas": "^5.0.0",
@@ -101,7 +100,8 @@
     "tailwindcss": "catalog:",
     "three": "^0.176.0",
     "tsx": "^4.20.3",
-    "typescript": "^6.0.3",
+    "typescript": "catalog:",
+    "typescript-7": "catalog:",
     "vaul": "^1.1.2",
     "vite": "catalog:",
     "vitest": "catalog:"

package/corpus/templates/assets/package.json

@@ -55,7 +55,6 @@
     "@types/node": "^24.2.1",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@typescript/native-preview": "catalog:",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "next-themes": "^0.4.6",
@@ -67,7 +66,8 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss": "catalog:",
     "tsx": "^4.20.3",
-    "typescript": "^6.0.3",
+    "typescript": "catalog:",
+    "typescript-7": "catalog:",
     "vite": "catalog:",
     "vitest": "catalog:"
   }

package/corpus/templates/brain/package.json

@@ -48,7 +48,6 @@
     "@types/node": "^25.8.0",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@typescript/native-preview": "catalog:",
     "@vitejs/plugin-react-swc": "^4.3.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -58,7 +57,8 @@
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "catalog:",
-    "typescript": "^6.0.3",
+    "typescript": "catalog:",
+    "typescript-7": "catalog:",
     "vite": "catalog:",
     "vitest": "catalog:"
   }

package/corpus/templates/calendar/AGENTS.md

@@ -43,6 +43,16 @@ Detailed event, availability, booking, storage, and UI rules live in
   co-hosts to the created Google Calendar event.
 - Keep scheduling answers concrete: exact dates, time zones, conflicts, and
   assumptions.
+- Event detail (panel and popover) exposes `calendar.event-detail.bottom` as an
+  `ExtensionSlot`. Extensions render as widgets there with `slotContext`
+  (eventId, title, start/end, timezones, location, attendees, accountEmail).
+  For inline adornments next to each guest email (e.g. local times), prefer the
+  first-party attendee timezone UI / `set-attendee-timezone` settings, or a
+  source edit — do not claim the slot can inject per-row UI.
+- Use `get-attendee-timezones` / `set-attendee-timezone` to read or save
+  per-guest IANA timezone overrides (`attendee-timezones` user setting). The UI
+  shows each guest's local event-start time when a timezone is known (self from
+  the event/browser zone; others from `attendee.timeZone` or the override map).
 - Use `rsvp-event` for invitation responses. Pass `note` when the user wants a
   visible RSVP comment on a declined or tentative response; pass an empty note to
   clear an existing RSVP comment.

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

@@ -19,6 +19,7 @@ import {
   cliBoolean,
   eventTypeInput,
   googleColorIdInput,
+  ensureOrganizerInAttendees,
   normalizeAttendees,
   reminderMethodInput,
   reminderMinutesInput,
@@ -140,7 +141,10 @@ export default defineAction({
       acctEmail = args.accountEmail;
     }
 
-    const attendees = normalizeAttendees(args.attendees);
+    const attendees = ensureOrganizerInAttendees(
+      normalizeAttendees(args.attendees),
+      acctEmail,
+    );
     const reminderFields = buildReminderOverrides({
       reminders: args.reminders,
       reminderMinutes: args.reminderMinutes,

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

@@ -112,6 +112,47 @@ export function normalizeAttendees(
     }));
 }
 
+/**
+ * Google Calendar's UI always lists the organizer in Guests when inviting
+ * others. The insert API does not — unless we include the organizer/self
+ * email in `attendees`. Call this when creating/publishing an event that
+ * already has guests so AN matches GCal.
+ */
+export function ensureOrganizerInAttendees(
+  attendees: NormalizedAttendee[] | undefined,
+  organizerEmail: string,
+): NormalizedAttendee[] | undefined {
+  if (!attendees || attendees.length === 0) return attendees;
+  const organizer = organizerEmail.trim().toLowerCase();
+  if (!organizer.includes("@")) return attendees;
+
+  const existing = attendees.find(
+    (attendee) => attendee.email.trim().toLowerCase() === organizer,
+  );
+  if (existing) {
+    return attendees.map((attendee) =>
+      attendee.email.trim().toLowerCase() === organizer
+        ? {
+            ...attendee,
+            organizer: true,
+            self: true,
+            responseStatus: attendee.responseStatus ?? "accepted",
+          }
+        : attendee,
+    );
+  }
+
+  return [
+    {
+      email: organizerEmail.trim(),
+      organizer: true,
+      self: true,
+      responseStatus: "accepted",
+    },
+    ...attendees,
+  ];
+}
+
 export function requireActionUserEmail(): string {
   const email = getRequestUserEmail();
   if (!email) throw new Error("no authenticated user");

package/corpus/templates/calendar/actions/get-attendee-timezones.ts

@@ -0,0 +1,28 @@
+import { defineAction } from "@agent-native/core";
+import { getRequestUserEmail } from "@agent-native/core/server";
+import { getUserSetting } from "@agent-native/core/settings";
+import { z } from "zod";
+
+export type AttendeeTimezones = Record<string, string>;
+
+export default defineAction({
+  description:
+    "Get saved per-attendee IANA timezone overrides (email → timezone). Used to show each guest's local time on event details.",
+  schema: z.object({}),
+  http: { method: "GET" },
+  run: async () => {
+    const email = getRequestUserEmail();
+    if (!email) throw new Error("no authenticated user");
+    const data = await getUserSetting(email, "attendee-timezones");
+    if (!data || typeof data !== "object" || Array.isArray(data)) {
+      return {} as AttendeeTimezones;
+    }
+    const result: AttendeeTimezones = {};
+    for (const [key, value] of Object.entries(data)) {
+      if (typeof value === "string" && value.trim()) {
+        result[key.trim().toLowerCase()] = value.trim();
+      }
+    }
+    return result;
+  },
+});

package/corpus/templates/calendar/actions/set-attendee-timezone.ts

@@ -0,0 +1,68 @@
+import { defineAction } from "@agent-native/core";
+import { getRequestUserEmail } from "@agent-native/core/server";
+import { getUserSetting, putUserSetting } from "@agent-native/core/settings";
+import { z } from "zod";
+
+import type { AttendeeTimezones } from "./get-attendee-timezones.js";
+
+function isValidIanaTimeZone(timeZone: string): boolean {
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone }).format();
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export default defineAction({
+  description:
+    "Save or clear a per-attendee IANA timezone override so event details can show that guest's local time. Pass timeZone to set; omit or pass empty to clear.",
+  schema: z.object({
+    email: z
+      .string()
+      .email()
+      .describe("Attendee email whose timezone override to set"),
+    timeZone: z
+      .string()
+      .optional()
+      .describe(
+        "IANA timezone (e.g. America/New_York). Omit or pass empty string to clear the override.",
+      ),
+  }),
+  http: { method: "PUT" },
+  run: async (args) => {
+    const ownerEmail = getRequestUserEmail();
+    if (!ownerEmail) throw new Error("no authenticated user");
+
+    const attendeeEmail = args.email.trim().toLowerCase();
+    const nextZone = args.timeZone?.trim() || "";
+    if (nextZone && !isValidIanaTimeZone(nextZone)) {
+      throw new Error(`Invalid IANA timezone: ${nextZone}`);
+    }
+
+    const existing =
+      ((await getUserSetting(
+        ownerEmail,
+        "attendee-timezones",
+      )) as AttendeeTimezones | null) ?? {};
+    const updated: AttendeeTimezones = {};
+    for (const [key, value] of Object.entries(existing)) {
+      if (typeof value === "string" && value.trim()) {
+        updated[key.trim().toLowerCase()] = value.trim();
+      }
+    }
+
+    if (nextZone) {
+      updated[attendeeEmail] = nextZone;
+    } else {
+      delete updated[attendeeEmail];
+    }
+
+    await putUserSetting(
+      ownerEmail,
+      "attendee-timezones",
+      updated as unknown as Record<string, unknown>,
+    );
+    return updated;
+  },
+});

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

@@ -4,6 +4,7 @@ import { IconDots, IconMessageCircle, IconUser } from "@tabler/icons-react";
 import { useEffect, useId, useMemo, useState } from "react";
 
 import { AttendeeApolloPopover } from "@/components/calendar/ApolloPanel";
+import { TimezoneCombobox } from "@/components/TimezoneCombobox";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -21,7 +22,16 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Separator } from "@/components/ui/separator";
 import { Textarea } from "@/components/ui/textarea";
 import { useAttendeePhotos } from "@/hooks/use-attendee-photos";
+import {
+  useAttendeeTimezones,
+  useSetAttendeeTimezone,
+} from "@/hooks/use-attendee-timezones";
 import { useRsvpEvent } from "@/hooks/use-events";
+import {
+  getAttendeeLocalTimeLabel,
+  resolveAttendeeTimeZone,
+} from "@/lib/attendee-local-time";
+import { getLocalTimezone } from "@/lib/event-form-utils";
 import {
   canInlineRsvp,
   RsvpStatusIcon,
@@ -351,9 +361,14 @@ function AttendeeRow({
   isRecurring,
   canEditOptional,
   onToggleOptional,
+  timezoneOverrides,
+  onSetTimezone,
 }: {
   attendee: Attendee;
-  event: Pick<CalendarEvent, "id" | "accountEmail">;
+  event: Pick<
+    CalendarEvent,
+    "id" | "accountEmail" | "start" | "startTimeZone" | "allDay"
+  >;
   photoUrl?: string;
   inlineRsvp?: boolean;
   currentStatus?: RsvpStatus;
@@ -362,14 +377,42 @@ function AttendeeRow({
   isRecurring?: boolean;
   canEditOptional?: boolean;
   onToggleOptional?: (email: string, optional: boolean) => void;
+  timezoneOverrides?: Record<string, string>;
+  onSetTimezone?: (email: string, timeZone: string | undefined) => void;
 }) {
   const t = useT();
+  const [timezonePickerOpen, setTimezonePickerOpen] = useState(false);
+  const resolvedZone =
+    resolveAttendeeTimeZone({
+      attendee,
+      accountEmail: event.accountEmail,
+      eventStartTimeZone: event.startTimeZone,
+      overrides: timezoneOverrides,
+    }) ?? getLocalTimezone();
+  const [draftTimezone, setDraftTimezone] = useState(resolvedZone);
   const displayStatus = inlineRsvp ? currentStatus : attendee.responseStatus;
   const statusLabel =
     getLocalizedRsvpStatusLabel(t, displayStatus) ?? t("eventForm.awaiting");
   const comment = (inlineRsvp ? currentNote : attendee.comment)?.trim();
   const showOptionalMenu =
     canEditOptional && onToggleOptional && !attendee.organizer;
+  const showMenu = showOptionalMenu || !!onSetTimezone;
+  const localTimeLabel =
+    !event.allDay && event.start
+      ? getAttendeeLocalTimeLabel({
+          attendee,
+          accountEmail: event.accountEmail,
+          eventStartTimeZone: event.startTimeZone,
+          overrides: timezoneOverrides,
+          startIso: event.start,
+        })
+      : null;
+
+  useEffect(() => {
+    if (timezonePickerOpen) {
+      setDraftTimezone(resolvedZone);
+    }
+  }, [timezonePickerOpen, resolvedZone]);
 
   return (
     <div className="group rounded-xl px-1 py-1 transition-colors hover:bg-muted/40">
@@ -400,15 +443,25 @@ function AttendeeRow({
             {attendee.displayName && (
               <div className="truncate text-[11px] text-muted-foreground/60">
                 {attendee.email}
+                {localTimeLabel ? (
+                  <span className="ms-1.5 text-muted-foreground/50">
+                    · {localTimeLabel}
+                  </span>
+                ) : null}
               </div>
             )}
+            {!attendee.displayName && localTimeLabel ? (
+              <div className="truncate text-[11px] text-muted-foreground/50">
+                {localTimeLabel}
+              </div>
+            ) : null}
             <div className="mt-0.5 text-[11px] text-muted-foreground/70">
               {inlineRsvp
                 ? t("eventForm.yourResponse", { status: statusLabel })
                 : statusLabel}
             </div>
           </div>
-          {showOptionalMenu && (
+          {showMenu && (
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button
@@ -428,15 +481,27 @@ function AttendeeRow({
                 align="end"
                 onClick={(event) => event.stopPropagation()}
               >
-                <DropdownMenuItem
-                  onSelect={() =>
-                    onToggleOptional(attendee.email, !attendee.optional)
-                  }
-                >
-                  {attendee.optional
-                    ? t("attendees.markRequired")
-                    : t("attendees.markOptional")}
-                </DropdownMenuItem>
+                {showOptionalMenu && (
+                  <DropdownMenuItem
+                    onSelect={() =>
+                      onToggleOptional(attendee.email, !attendee.optional)
+                    }
+                  >
+                    {attendee.optional
+                      ? t("attendees.markRequired")
+                      : t("attendees.markOptional")}
+                  </DropdownMenuItem>
+                )}
+                {onSetTimezone && (
+                  <DropdownMenuItem
+                    onSelect={(event) => {
+                      event.preventDefault();
+                      setTimezonePickerOpen(true);
+                    }}
+                  >
+                    {t("attendees.setTimezone")}
+                  </DropdownMenuItem>
+                )}
               </DropdownMenuContent>
             </DropdownMenu>
           )}
@@ -448,6 +513,67 @@ function AttendeeRow({
           </div>
         )}
       </AttendeeApolloPopover>
+      {onSetTimezone && (
+        <Popover open={timezonePickerOpen} onOpenChange={setTimezonePickerOpen}>
+          <PopoverTrigger asChild>
+            <button type="button" className="sr-only" tabIndex={-1} />
+          </PopoverTrigger>
+          <PopoverContent
+            align="end"
+            side="left"
+            className="w-72 p-3"
+            onClick={(e) => e.stopPropagation()}
+            onPointerDownCapture={(e) => e.stopPropagation()}
+          >
+            <div className="space-y-2">
+              <p className="text-sm font-medium">
+                {t("attendees.setTimezone")}
+              </p>
+              <p className="text-[11px] text-muted-foreground">
+                {attendee.displayName || attendee.email}
+              </p>
+              <TimezoneCombobox
+                id={`attendee-tz-${attendee.email}`}
+                value={draftTimezone}
+                onChange={setDraftTimezone}
+              />
+              <div className="flex justify-end gap-1.5 pt-1">
+                {timezoneOverrides?.[attendee.email.trim().toLowerCase()] ? (
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    className="h-7 text-xs me-auto"
+                    onClick={() => {
+                      onSetTimezone(attendee.email, undefined);
+                      setTimezonePickerOpen(false);
+                    }}
+                  >
+                    {t("attendees.clearTimezone")}
+                  </Button>
+                ) : null}
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  className="h-7 text-xs"
+                  onClick={() => setTimezonePickerOpen(false)}
+                >
+                  {t("eventForm.cancel")}
+                </Button>
+                <Button
+                  size="sm"
+                  className="h-7 text-xs"
+                  onClick={() => {
+                    onSetTimezone(attendee.email, draftTimezone);
+                    setTimezonePickerOpen(false);
+                  }}
+                >
+                  {t("eventForm.save")}
+                </Button>
+              </div>
+            </div>
+          </PopoverContent>
+        </Popover>
+      )}
       {inlineRsvp && currentStatus && onResponseChange && (
         <RsvpControls
           eventId={event.id}
@@ -486,6 +612,9 @@ export function EventAttendeesSection({
     | "responseStatus"
     | "source"
     | "recurringEventId"
+    | "start"
+    | "startTimeZone"
+    | "allDay"
   >;
   canEditOptional?: boolean;
   onToggleOptional?: (email: string, optional: boolean) => void;
@@ -501,6 +630,8 @@ export function EventAttendeesSection({
   );
   const emails = attendees.map((attendee) => attendee.email);
   const { data: photos } = useAttendeePhotos(emails);
+  const { data: timezoneOverrides } = useAttendeeTimezones();
+  const setAttendeeTimezone = useSetAttendeeTimezone();
 
   const sorted = useMemo(() => sortAttendees(attendees), [attendees]);
   const canRsvpInline = canInlineRsvp(event);
@@ -522,6 +653,10 @@ export function EventAttendeesSection({
     setSelfNote(note);
   };
 
+  const handleSetTimezone = (email: string, timeZone: string | undefined) => {
+    setAttendeeTimezone.mutate({ email, timeZone });
+  };
+
   const shouldTruncate = attendees.length > ATTENDEE_TRUNCATE_THRESHOLD;
   const visibleOthers =
     shouldTruncate && !expanded
@@ -578,6 +713,8 @@ export function EventAttendeesSection({
                 photoUrl={photos?.[attendee.email.toLowerCase()]}
                 canEditOptional={canEditOptional}
                 onToggleOptional={onToggleOptional}
+                timezoneOverrides={timezoneOverrides}
+                onSetTimezone={handleSetTimezone}
               />
             ))}
 
@@ -614,6 +751,8 @@ export function EventAttendeesSection({
                   isRecurring={!!event.recurringEventId}
                   canEditOptional={canEditOptional}
                   onToggleOptional={onToggleOptional}
+                  timezoneOverrides={timezoneOverrides}
+                  onSetTimezone={handleSetTimezone}
                 />
               </>
             )}

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

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client";
+import { ExtensionSlot } from "@agent-native/core/client/extensions";
 import type { CalendarEvent } from "@shared/api";
 import {
   IconX,
@@ -12,7 +13,7 @@ import {
   IconVideo,
 } from "@tabler/icons-react";
 import { format, parseISO, differenceInMinutes } from "date-fns";
-import { useState, useRef, useEffect, useCallback } from "react";
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { toast } from "sonner";
 
 import { ResearchMeetingButton } from "@/components/calendar/ApolloPanel";
@@ -34,6 +35,28 @@ import { useUpdateEvent } from "@/hooks/use-events";
 import { useViewPreferences } from "@/hooks/use-view-preferences";
 import { cn } from "@/lib/utils";
 
+function buildEventDetailSlotContext(event: CalendarEvent) {
+  return {
+    eventId: event.id,
+    title: event.title,
+    start: event.start,
+    end: event.end,
+    startTimeZone: event.startTimeZone,
+    endTimeZone: event.endTimeZone,
+    location: event.location,
+    accountEmail: event.accountEmail,
+    attendees: (event.attendees ?? []).map((attendee) => ({
+      email: attendee.email,
+      displayName: attendee.displayName,
+      responseStatus: attendee.responseStatus,
+      organizer: attendee.organizer,
+      optional: attendee.optional,
+      timeZone: attendee.timeZone,
+      self: attendee.self,
+    })),
+  };
+}
+
 interface EventDetailPanelProps {
   event: CalendarEvent | null;
   onClose: () => void;
@@ -105,6 +128,10 @@ export function EventDetailPanel({
   const lastSavedDescriptionRef = useRef(event?.description || "");
   const meetingLink = event ? extractMeetingLink(event) : null;
   const ownerLabel = event?.ownerName || event?.overlayEmail;
+  const eventDetailSlotContext = useMemo(
+    () => (event ? buildEventDetailSlotContext(event) : null),
+    [event],
+  );
 
   // Reset editing state when event changes
   useEffect(() => {
@@ -460,6 +487,14 @@ export function EventDetailPanel({
                 {event.attendees && event.attendees.length > 0 && (
                   <ResearchMeetingButton event={event} />
                 )}
+
+                {eventDetailSlotContext && (
+                  <ExtensionSlot
+                    id="calendar.event-detail.bottom"
+                    context={eventDetailSlotContext}
+                    showEmptyAffordance
+                  />
+                )}
               </div>
 
               {/* Actions */}

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

@@ -1,4 +1,5 @@
 import { sendToAgentChat, useT } from "@agent-native/core/client";
+import { ExtensionSlot } from "@agent-native/core/client/extensions";
 import type {
   CalendarEvent,
   FindTimeSlot,
@@ -96,6 +97,28 @@ import { shortcutModifierLabel } from "@/lib/utils";
 const ZOOM_AFTER_CONNECT_EVENT_ID_KEY = "calendar.zoomAfterConnectEventId";
 const ZOOM_AFTER_CONNECT_MAX_AGE_MS = 10 * 60 * 1000;
 
+function buildEventDetailSlotContext(event: CalendarEvent) {
+  return {
+    eventId: event.id,
+    title: event.title,
+    start: event.start,
+    end: event.end,
+    startTimeZone: event.startTimeZone,
+    endTimeZone: event.endTimeZone,
+    location: event.location,
+    accountEmail: event.accountEmail,
+    attendees: (event.attendees ?? []).map((attendee) => ({
+      email: attendee.email,
+      displayName: attendee.displayName,
+      responseStatus: attendee.responseStatus,
+      organizer: attendee.organizer,
+      optional: attendee.optional,
+      timeZone: attendee.timeZone,
+      self: attendee.self,
+    })),
+  };
+}
+
 function getStoredZoomAfterConnectEventId(): string | null {
   if (typeof window === "undefined") return null;
   try {
@@ -1681,6 +1704,15 @@ export function EventDetailPopover({
               </>
             )}
 
+            <div className="mx-4 my-2 border-t border-border/50" />
+            <div className="px-4 py-1">
+              <ExtensionSlot
+                id="calendar.event-detail.bottom"
+                context={buildEventDetailSlotContext(event)}
+                showEmptyAffordance
+              />
+            </div>
+
             {/* Meeting link */}
             {meetingLink ? (
               <>