@agent-native/core 0.180.0-nightly-20260915184036 → 0.180.0

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

@@ -21,7 +21,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import {
   format,
   startOfWeek,
-  endOfWeek,
   addMonths,
   subMonths,
   addWeeks,
@@ -51,14 +50,25 @@ import { WeekView } from "@/components/calendar/WeekView";
 import { useCalendarContext } from "@/components/layout/AppLayout";
 import type { ViewMode } from "@/components/layout/AppLayout";
 import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import {
   DropdownMenu,
+  DropdownMenuCheckboxItem,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuLabel,
   DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
 import { Spinner } from "@/components/ui/spinner";
 import {
   Tooltip,
@@ -73,6 +83,7 @@ import {
   useDeleteEvent,
   useRsvpEvent,
   findEventByCurrentOrReplacedId,
+  findVisibleSelectedEvent,
   prefetchEvents,
   shouldShowEventsSkeleton,
 } from "@/hooks/use-events";
@@ -106,6 +117,13 @@ import {
   moveEventToCalendarDate,
   normalizeTimezone,
 } from "@/lib/calendar-timezone";
+import {
+  DEFAULT_CALENDAR_DAYS,
+  isEventVisibleForDeclinedPreference,
+  MAX_CALENDAR_DAYS,
+  MIN_CALENDAR_DAYS,
+  normalizeNumberOfDays,
+} from "@/lib/calendar-view-preferences";
 import { resolveEventAccountEmail } from "@/lib/event-account-selection";
 import { getGoogleEventColorHex } from "@/lib/event-colors";
 import {
@@ -443,6 +461,10 @@ export default function CalendarView() {
     new Map(),
   );
   const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+  const [customDaysOpen, setCustomDaysOpen] = useState(false);
+  const [customDaysInput, setCustomDaysInput] = useState(
+    String(DEFAULT_CALENDAR_DAYS),
+  );
   const openCommandPalette = useCallback(() => {
     if (commandPaletteOpen) return;
     trackEvent("calendar_search_opened", {
@@ -586,8 +608,20 @@ export default function CalendarView() {
   // timezone is only a temporary fallback while settings are loading.
   const { from, to } = useMemo(
     () =>
-      getViewDateRange(viewMode, selectedDate, displayTimezone, weekStartsOn),
-    [displayTimezone, selectedDate, viewMode, weekStartsOn],
+      getViewDateRange(
+        viewMode,
+        selectedDate,
+        displayTimezone,
+        weekStartsOn,
+        viewPrefs.numberOfDays,
+      ),
+    [
+      displayTimezone,
+      selectedDate,
+      viewMode,
+      viewPrefs.numberOfDays,
+      weekStartsOn,
+    ],
   );
 
   const {
@@ -646,12 +680,28 @@ export default function CalendarView() {
           );
         }
         case "week": {
-          // Two weeks forward so rapid `j j` stays instant, plus one back.
-          const next = addWeeks(selectedDate, 1);
-          const next2 = addWeeks(selectedDate, 2);
-          const prev = subWeeks(selectedDate, 1);
+          // Warm two displayed periods so rapid `j j` stays instant, plus one
+          // period back. A custom day count advances by that same count.
+          const step = normalizeNumberOfDays(viewPrefs.numberOfDays);
+          const currentPeriodStart =
+            step === 7
+              ? dateKeyToDate(
+                  dateToCalendarDateKey(
+                    startOfWeek(selectedDate, { weekStartsOn }),
+                  ),
+                )
+              : selectedDate;
+          const next = addDays(currentPeriodStart, step);
+          const next2 = addDays(currentPeriodStart, step * 2);
+          const prev = subDays(currentPeriodStart, step);
           return [next, next2, prev].map((date) =>
-            getViewDateRange("week", date, displayTimezone, weekStartsOn),
+            getViewDateRange(
+              "week",
+              date,
+              displayTimezone,
+              weekStartsOn,
+              viewPrefs.numberOfDays,
+            ),
           );
         }
         case "day": {
@@ -680,6 +730,7 @@ export default function CalendarView() {
     queryClient,
     selectedDate,
     viewMode,
+    viewPrefs.numberOfDays,
     weekStartsOn,
   ]);
 
@@ -740,6 +791,14 @@ export default function CalendarView() {
         ) {
           return false;
         }
+        if (
+          !isEventVisibleForDeclinedPreference(
+            e.responseStatus,
+            viewPrefs.showDeclinedEvents,
+          )
+        ) {
+          return false;
+        }
         // Hide events from hidden external calendars
         if (e.source === "ical") {
           const hiddenMatch = hiddenCalendars.external.some((calId) =>
@@ -755,6 +814,7 @@ export default function CalendarView() {
     overlayPeople,
     hiddenCalendars,
     quickEditTempIds,
+    viewPrefs.showDeclinedEvents,
     viewPrefs.googleCalendarVisibility,
   ]);
 
@@ -1055,25 +1115,54 @@ export default function CalendarView() {
 
   useEffect(() => {
     if (sidebarEvent) {
-      const rebound = findEventByCurrentOrReplacedId(events, sidebarEvent);
-      if (rebound && rebound.id !== sidebarEvent.id) setSidebarEvent(rebound);
+      const rebound = findVisibleSelectedEvent(
+        events,
+        sidebarEvent,
+        viewPrefs.showDeclinedEvents,
+      );
+      if (!rebound) setSidebarEvent(null);
+      else if (rebound.id !== sidebarEvent.id) setSidebarEvent(rebound);
     }
     if (focusedEvent) {
-      const rebound = findEventByCurrentOrReplacedId(events, focusedEvent);
-      if (rebound && rebound.id !== focusedEvent.id) setFocusedEvent(rebound);
+      const rebound = findVisibleSelectedEvent(
+        events,
+        focusedEvent,
+        viewPrefs.showDeclinedEvents,
+      );
+      if (!rebound) setFocusedEvent(null);
+      else if (rebound.id !== focusedEvent.id) setFocusedEvent(rebound);
     }
-  }, [events, focusedEvent, setFocusedEvent, setSidebarEvent, sidebarEvent]);
+  }, [
+    events,
+    focusedEvent,
+    setFocusedEvent,
+    setSidebarEvent,
+    sidebarEvent,
+    viewPrefs.showDeclinedEvents,
+  ]);
 
   const selectedEvent = useMemo(() => {
     const candidate = sidebarEvent ?? focusedEvent;
     if (!candidate) return null;
-    return findEventByCurrentOrReplacedId(events, candidate) ?? candidate;
-  }, [events, sidebarEvent, focusedEvent]);
+    return (
+      findVisibleSelectedEvent(
+        events,
+        candidate,
+        viewPrefs.showDeclinedEvents,
+      ) ?? null
+    );
+  }, [events, sidebarEvent, focusedEvent, viewPrefs.showDeclinedEvents]);
 
   const refreshedSidebarEvent = useMemo(() => {
     if (!sidebarEvent) return null;
-    return findEventByCurrentOrReplacedId(events, sidebarEvent) ?? sidebarEvent;
-  }, [events, sidebarEvent]);
+    return (
+      findVisibleSelectedEvent(
+        events,
+        sidebarEvent,
+        viewPrefs.showDeclinedEvents,
+      ) ?? null
+    );
+  }, [events, sidebarEvent, viewPrefs.showDeclinedEvents]);
 
   function handleNavigate(direction: "prev" | "next") {
     trackEvent("calendar_date_navigated", {
@@ -1083,7 +1172,13 @@ export default function CalendarView() {
       view_type: viewMode,
     });
     setSelectedDate(
-      navigateCalendarDate(viewMode, selectedDate, direction, weekStartsOn),
+      navigateCalendarDate(
+        viewMode,
+        selectedDate,
+        direction,
+        weekStartsOn,
+        viewPrefs.numberOfDays,
+      ),
     );
   }
 
@@ -1883,8 +1978,12 @@ export default function CalendarView() {
           ? format(selectedDate, "MMM yyyy")
           : format(selectedDate, "MMMM yyyy");
       case "week": {
-        const ws = startOfWeek(selectedDate, { weekStartsOn });
-        const we = endOfWeek(selectedDate, { weekStartsOn });
+        const displayedDays = normalizeNumberOfDays(viewPrefs.numberOfDays);
+        const ws =
+          displayedDays === 7
+            ? startOfWeek(selectedDate, { weekStartsOn })
+            : selectedDate;
+        const we = addDays(ws, displayedDays - 1);
         return isMobile
           ? `${format(ws, "MMM d")} – ${format(we, "d")}`
           : `${format(ws, "MMM d")} – ${format(we, "d, yyyy")}`;
@@ -1896,6 +1995,18 @@ export default function CalendarView() {
     }
   })();
 
+  function applyCustomDays() {
+    const value = Number(customDaysInput);
+    if (!Number.isInteger(value)) return;
+    setViewPrefs({
+      numberOfDays: Math.min(
+        MAX_CALENDAR_DAYS,
+        Math.max(MIN_CALENDAR_DAYS, value),
+      ),
+    });
+    setCustomDaysOpen(false);
+  }
+
   return (
     <TooltipProvider delayDuration={500}>
       <div className="flex h-full min-w-0">
@@ -1962,20 +2073,83 @@ export default function CalendarView() {
                     </kbd>
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
-                  <DropdownMenuLabel className="text-[10px] font-normal uppercase tracking-wider text-muted-foreground">
-                    {t("calendarView.display")}
-                  </DropdownMenuLabel>
-                  <DropdownMenuItem
-                    onSelect={(e) => {
-                      e.preventDefault();
-                      setViewPrefs({ hideWeekends: !viewPrefs.hideWeekends });
-                    }}
-                  >
-                    {t("calendarView.hideWeekends")}
-                    {viewPrefs.hideWeekends && (
-                      <IconCheck className="ml-auto h-3.5 w-3.5 text-muted-foreground" />
-                    )}
-                  </DropdownMenuItem>
+                  <DropdownMenuSub>
+                    <DropdownMenuSubTrigger>
+                      {t("calendarView.numberOfDays")}
+                    </DropdownMenuSubTrigger>
+                    <DropdownMenuSubContent>
+                      {Array.from({ length: 8 }, (_, index) => index + 2).map(
+                        (count) => (
+                          <DropdownMenuItem
+                            key={count}
+                            onSelect={() =>
+                              setViewPrefs({ numberOfDays: count })
+                            }
+                          >
+                            {t("calendarView.daysCount", { count })}
+                            {viewPrefs.numberOfDays === count && (
+                              <IconCheck className="ml-auto h-3.5 w-3.5 text-muted-foreground" />
+                            )}
+                          </DropdownMenuItem>
+                        ),
+                      )}
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem
+                        onSelect={() => {
+                          setCustomDaysInput(String(viewPrefs.numberOfDays));
+                          setCustomDaysOpen(true);
+                        }}
+                      >
+                        {t("calendarView.other")}
+                        {!Array.from(
+                          { length: 8 },
+                          (_, index) => index + 2,
+                        ).includes(viewPrefs.numberOfDays) && (
+                          <IconCheck className="ml-auto h-3.5 w-3.5 text-muted-foreground" />
+                        )}
+                      </DropdownMenuItem>
+                    </DropdownMenuSubContent>
+                  </DropdownMenuSub>
+                  <DropdownMenuSub>
+                    <DropdownMenuSubTrigger>
+                      {t("calendarView.viewSettings")}
+                    </DropdownMenuSubTrigger>
+                    <DropdownMenuSubContent>
+                      <DropdownMenuCheckboxItem
+                        checked={!viewPrefs.hideWeekends}
+                        onCheckedChange={(checked) =>
+                          setViewPrefs({ hideWeekends: !checked })
+                        }
+                      >
+                        {t("calendarView.weekends")}
+                      </DropdownMenuCheckboxItem>
+                      <DropdownMenuCheckboxItem
+                        checked={viewPrefs.showDeclinedEvents}
+                        onCheckedChange={(checked) =>
+                          setViewPrefs({ showDeclinedEvents: checked })
+                        }
+                      >
+                        {t("calendarView.declinedEvents")}
+                      </DropdownMenuCheckboxItem>
+                      <DropdownMenuCheckboxItem
+                        checked={viewPrefs.showWeekNumbers}
+                        onCheckedChange={(checked) =>
+                          setViewPrefs({ showWeekNumbers: checked })
+                        }
+                      >
+                        {t("calendarView.weekNumbers")}
+                      </DropdownMenuCheckboxItem>
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem asChild>
+                        <Link
+                          to="/settings"
+                          className="flex w-full items-center"
+                        >
+                          {t("calendarView.generalSettings")}
+                        </Link>
+                      </DropdownMenuItem>
+                    </DropdownMenuSubContent>
+                  </DropdownMenuSub>
                 </DropdownMenuContent>
               </DropdownMenu>
             </div>
@@ -2116,6 +2290,7 @@ export default function CalendarView() {
                 onDraftDiscard={discardDraftEvent}
                 isLoading={eventsLoading}
                 weekStartsOn={weekStartsOn}
+                numberOfDays={viewPrefs.numberOfDays}
               />
             )}
             {viewMode === "day" && (
@@ -2265,6 +2440,41 @@ export default function CalendarView() {
           }}
         />
         {guestNotificationDialog}
+        <Dialog open={customDaysOpen} onOpenChange={setCustomDaysOpen}>
+          <DialogContent className="sm:max-w-[320px]">
+            <DialogHeader>
+              <DialogTitle>{t("calendarView.numberOfDays")}</DialogTitle>
+            </DialogHeader>
+            <form
+              className="grid gap-4"
+              onSubmit={(event) => {
+                event.preventDefault();
+                applyCustomDays();
+              }}
+            >
+              <Input
+                type="number"
+                min={MIN_CALENDAR_DAYS}
+                max={MAX_CALENDAR_DAYS}
+                step={1}
+                value={customDaysInput}
+                onChange={(event) => setCustomDaysInput(event.target.value)}
+                autoFocus
+                aria-label={t("calendarView.numberOfDays")}
+              />
+              <DialogFooter>
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => setCustomDaysOpen(false)}
+                >
+                  {t("eventForm.cancel")}
+                </Button>
+                <Button type="submit">{t("eventForm.save")}</Button>
+              </DialogFooter>
+            </form>
+          </DialogContent>
+        </Dialog>
       </div>
     </TooltipProvider>
   );

package/corpus/templates/calendar/changelog/2026-09-13-calendar-sidebar-overflow-is-easier-to-discover.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-13
+---
+
+Calendar sidebar overflow is easier to discover with visible scroll controls and edge cues.

package/corpus/templates/calendar/changelog/2026-09-15-calendar-mirrors-notion-calendar-s-customizable-day-ranges-a.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-15
+---
+
+Calendar mirrors Notion Calendar's customizable day ranges and view settings

package/corpus/templates/calendar/shared/calendar-view-preferences.ts

@@ -16,11 +16,21 @@ export const CALENDAR_COLORS = [
 
 export type CalendarColorMode = "multi" | "single";
 
+export const MIN_CALENDAR_DAYS = 1;
+export const MAX_CALENDAR_DAYS = 31;
+export const DEFAULT_CALENDAR_DAYS = 7;
+
 /** Account-scoped key: a Google account email, or `"ics:<externalCalendarId>"`. */
 export type CalendarColorSourceKey = string;
 
 export interface CalendarViewPreferences {
   hideWeekends: boolean;
+  /** Number of days shown by the week-style calendar view. */
+  numberOfDays: number;
+  /** Whether events declined by the current account remain visible. */
+  showDeclinedEvents: boolean;
+  /** Whether month view reserves a leading column for week numbers. */
+  showWeekNumbers: boolean;
   /** @deprecated kept for back-compat migration; use accountColorModes */
   colorMode: CalendarColorMode;
   /** @deprecated kept for back-compat migration; use accountColors */
@@ -37,6 +47,9 @@ export interface CalendarViewPreferences {
 
 export const DEFAULT_CALENDAR_VIEW_PREFERENCES: CalendarViewPreferences = {
   hideWeekends: false,
+  numberOfDays: DEFAULT_CALENDAR_DAYS,
+  showDeclinedEvents: true,
+  showWeekNumbers: false,
   colorMode: "multi",
   singleColor: CALENDAR_COLORS[0],
   accountColorModes: {},
@@ -45,6 +58,19 @@ export const DEFAULT_CALENDAR_VIEW_PREFERENCES: CalendarViewPreferences = {
   googleCalendarColors: {},
 };
 
+export function normalizeNumberOfDays(value: unknown): number {
+  return typeof value === "number" && Number.isInteger(value)
+    ? Math.min(MAX_CALENDAR_DAYS, Math.max(MIN_CALENDAR_DAYS, value))
+    : DEFAULT_CALENDAR_DAYS;
+}
+
+export function isEventVisibleForDeclinedPreference(
+  responseStatus: string | undefined,
+  showDeclinedEvents: boolean,
+): boolean {
+  return showDeclinedEvents || responseStatus !== "declined";
+}
+
 export function isValidCalendarColorMode(
   value: unknown,
 ): value is CalendarColorMode {
@@ -114,6 +140,13 @@ export function normalizeCalendarViewPreferences(
   if (typeof input.hideWeekends === "boolean") {
     next.hideWeekends = input.hideWeekends;
   }
+  next.numberOfDays = normalizeNumberOfDays(input.numberOfDays);
+  if (typeof input.showDeclinedEvents === "boolean") {
+    next.showDeclinedEvents = input.showDeclinedEvents;
+  }
+  if (typeof input.showWeekNumbers === "boolean") {
+    next.showWeekNumbers = input.showWeekNumbers;
+  }
   if (isValidCalendarColorMode(input.colorMode)) {
     next.colorMode = input.colorMode;
   }
@@ -135,6 +168,9 @@ export function calendarViewPreferencesEqual(
 ): boolean {
   return (
     a.hideWeekends === b.hideWeekends &&
+    a.numberOfDays === b.numberOfDays &&
+    a.showDeclinedEvents === b.showDeclinedEvents &&
+    a.showWeekNumbers === b.showWeekNumbers &&
     a.colorMode === b.colorMode &&
     a.singleColor === b.singleColor &&
     recordsEqual(a.accountColorModes, b.accountColorModes) &&

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

@@ -138,6 +138,7 @@ export function getCalendarViewDateRange(
   selectedDate: string,
   timezone: string,
   weekStartsOn: 0 | 1 = 0,
+  numberOfDays = 7,
 ): { from: string; to: string } {
   const selectedMonthStart = `${selectedDate.slice(0, 7)}-01`;
   const [year, month] = selectedMonthStart.split("-").map(Number);
@@ -148,8 +149,14 @@ export function getCalendarViewDateRange(
   let rangeStart = selectedDate;
   let rangeEndExclusive = addDaysToDateKey(selectedDate, 1);
   if (viewMode === "week") {
-    rangeStart = startOfCalendarWeek(selectedDate, weekStartsOn);
-    rangeEndExclusive = addDaysToDateKey(rangeStart, 7);
+    const displayedDays = Number.isInteger(numberOfDays)
+      ? Math.min(31, Math.max(1, numberOfDays))
+      : 7;
+    rangeStart =
+      displayedDays === 7
+        ? startOfCalendarWeek(selectedDate, weekStartsOn)
+        : selectedDate;
+    rangeEndExclusive = addDaysToDateKey(rangeStart, displayedDays);
   } else if (viewMode === "month") {
     const monthEnd = addDaysToDateKey(nextMonthStart, -1);
     rangeStart = startOfCalendarWeek(selectedMonthStart, weekStartsOn);

package/corpus/templates/clips/.agents/skills/video-sharing/SKILL.md

@@ -228,6 +228,8 @@ temporary agent-link path:
   raw provider URLs.
 
 Public agent context also exposes the recording's redacted browser diagnostics:
+the bounded relative event sequence as `browserDiagnostics.timeline`, including
+navigation, click/input targets, console events, and request/response markers;
 the console stream (all levels) as `browserDiagnostics.consoleLogs` and the
 fetch/XHR stream as `browserDiagnostics.networkRequests` (method, sanitized URL
 with query values redacted, status, duration), plus `consoleIssues` and

package/corpus/templates/clips/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable user-facing changes to Clips are documented here. Open it any time
 from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-15
+
+### Improved
+
+- Trash now supports paging through more than 100 deleted recordings
+
+### Fixed
+
+- Fixed the volume slider knob alignment in shared recordings
+- Shared Clips now focus the agent when asked, show clear viewer-safe transcript states, and keep workspace branding visible.
+
+## 2026-09-14
+
+### Fixed
+
+- Comment edits and reactions stay consistent during rapid updates.
+- Comment threads keep overlapping replies, reactions, and deletions consistent.
+- Selected recording checkboxes remain visible while selecting multiple clips
+
 ## 2026-09-13
 
 ### Improved

package/corpus/templates/clips/actions/save-browser-diagnostics.ts

@@ -2,8 +2,8 @@
  * Save redacted browser diagnostics captured during a recording session.
  *
  * Called by the recorder UI after stop/finalize. Diagnostics are intentionally
- * bounded and body/header-free: console text plus method/path/status/duration
- * for fetch/XHR requests.
+ * bounded and body/header-free: interaction markers, console text, plus
+ * method/path/status/duration for fetch/XHR requests.
  */
 
 import { defineAction } from "@agent-native/core/action";
@@ -16,15 +16,18 @@ import { getDb, schema } from "../server/db/index.js";
 import { nanoid } from "../server/lib/recordings.js";
 import {
   MAX_BROWSER_DIAGNOSTIC_CONSOLE_LOGS,
+  MAX_BROWSER_DIAGNOSTIC_INTERACTION_EVENTS,
   MAX_BROWSER_DIAGNOSTIC_MESSAGE_LENGTH,
   MAX_BROWSER_DIAGNOSTIC_NETWORK_REQUESTS,
+  MAX_BROWSER_DIAGNOSTIC_TARGET_LENGTH,
   MAX_BROWSER_DIAGNOSTIC_URL_LENGTH,
   redactBrowserDiagnosticString,
+  sanitizeBrowserDiagnosticNavigationUrl,
   summarizeBrowserDiagnostics,
   type BrowserDiagnosticConsoleLevel,
 } from "../shared/browser-diagnostics.js";
 
-const REDACTION_VERSION = 2;
+const REDACTION_VERSION = 3;
 
 const consoleLevelSchema = z.enum(["debug", "log", "info", "warn", "error"]);
 
@@ -49,6 +52,14 @@ const networkRequestSchema = z.object({
   error: z.string().max(20_000).optional(),
 });
 
+const interactionEventSchema = z.object({
+  timestampMs: z.number().finite().nonnegative(),
+  elapsedMs: z.number().finite().nonnegative(),
+  kind: z.enum(["navigation", "click", "input", "scroll"]),
+  target: z.string().max(MAX_BROWSER_DIAGNOSTIC_TARGET_LENGTH).optional(),
+  url: z.string().max(8_000).optional(),
+});
+
 function truncate(value: string, maxLength: number): string {
   return value.length > maxLength ? `${value.slice(0, maxLength)}...` : value;
 }
@@ -141,9 +152,29 @@ function sanitizeNetworkRequest(entry: z.infer<typeof networkRequestSchema>) {
   };
 }
 
+function sanitizeInteractionEvent(
+  entry: z.infer<typeof interactionEventSchema>,
+) {
+  const target = entry.target
+    ? truncate(
+        redactString(entry.target, { redactQueryValues: true }),
+        MAX_BROWSER_DIAGNOSTIC_TARGET_LENGTH,
+      )
+    : "";
+  return {
+    timestampMs: Math.round(entry.timestampMs),
+    elapsedMs: Math.round(entry.elapsedMs),
+    kind: entry.kind,
+    ...(target ? { target } : {}),
+    ...(entry.url
+      ? { url: sanitizeBrowserDiagnosticNavigationUrl(entry.url) }
+      : {}),
+  };
+}
+
 export default defineAction({
   description:
-    "Save redacted console and network diagnostics captured during a Clips recording session. UI/internal use only.",
+    "Save redacted browser timeline, console, and network diagnostics captured during a Clips recording session. UI/internal use only.",
   agentTool: false,
   schema: z.object({
     recordingId: z.string().describe("Recording ID"),
@@ -164,6 +195,10 @@ export default defineAction({
       .array(networkRequestSchema)
       .max(MAX_BROWSER_DIAGNOSTIC_NETWORK_REQUESTS)
       .default([]),
+    interactionEvents: z
+      .array(interactionEventSchema)
+      .max(MAX_BROWSER_DIAGNOSTIC_INTERACTION_EVENTS)
+      .default([]),
   }),
   run: async (args) => {
     const access = await assertAccess("recording", args.recordingId, "editor");
@@ -178,6 +213,9 @@ export default defineAction({
     const networkRequests = args.networkRequests
       .slice(-MAX_BROWSER_DIAGNOSTIC_NETWORK_REQUESTS)
       .map(sanitizeNetworkRequest);
+    const interactionEvents = args.interactionEvents
+      .slice(-MAX_BROWSER_DIAGNOSTIC_INTERACTION_EVENTS)
+      .map(sanitizeInteractionEvent);
     const summary = summarizeBrowserDiagnostics({
       consoleLogs,
       networkRequests,
@@ -199,6 +237,7 @@ export default defineAction({
       endedAt,
       consoleLogsJson: JSON.stringify(consoleLogs),
       networkRequestsJson: JSON.stringify(networkRequests),
+      interactionEventsJson: JSON.stringify(interactionEvents),
       redactionVersion: REDACTION_VERSION,
       updatedAt: now,
     };