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

package/corpus/README.md

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

package/corpus/templates/analytics/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable user-facing changes to Agent-Native Analytics are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-14
+
+### Improved
+
+- Sidebar and session filter buttons now show when a filter is narrowing the list.
+
+### Changed
+
+- Creative Context is now an opt-in Lab, off by default.
+
 ## 2026-09-12
 
 ### Improved

package/corpus/templates/calendar/CHANGELOG.md

@@ -3,6 +3,45 @@
 All notable user-facing changes to Agent-Native Calendar are documented here. Open it any
 time from the command menu (Cmd+K → "What's new") or from Settings.
 
+## 2026-09-15
+
+### Improved
+
+- Calendar mirrors Notion Calendar's customizable day ranges and view settings
+
+### Fixed
+
+- Calendar shortcut help renders each command row without duplicate React keys
+- Calendar treats already-deleted Google events as absent during cleanup.
+
+## 2026-09-14
+
+### Security
+
+- Calendar requests only the permissions needed for Calendar and account identity
+
+## 2026-09-13
+
+### Improved
+
+- Calendar sidebar overflow is easier to discover with visible scroll controls and edge cues.
+
+### Fixed
+
+- Event mutations stay scoped to the selected calendar when provider IDs collide.
+- Reset event detail drafts when switching between same-ID calendar sources
+
+## 2026-09-12
+
+### Fixed
+
+- Deleting a recurring event no longer hides matching events from other calendars.
+- Fixed calendar shortcuts and event interactions for more reliable location suggestions, drag confirmations, and recurring-event deletion.
+- Prevent optimistic calendar updates and rollback from crossing accounts when provider event IDs collide.
+- Primary Google recurring RSVP and deletion actions now update account-scoped cached occurrences.
+- Selected events stay bound to the correct calendar when event IDs collide.
+- Week navigation now opens on the configured first day of the destination week.
+
 ## 2026-09-10
 
 ### Fixed

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,
     };

package/corpus/templates/clips/app/components/player/browser-diagnostics-panel.tsx

@@ -2,6 +2,7 @@ import { useT } from "@agent-native/core/client/i18n";
 import type {
   BrowserDiagnosticConsoleLog,
   BrowserDiagnosticNetworkRequest,
+  BrowserDiagnosticTimelineEvent,
   BrowserDiagnosticsData,
 } from "@shared/browser-diagnostics";
 import {
@@ -437,6 +438,106 @@ function NetworkGroupRow({
   );
 }
 
+function timelineKindLabel(
+  t: ReturnType<typeof useT>,
+  event: BrowserDiagnosticTimelineEvent,
+): string {
+  if (event.kind === "console") return t("browserDiagnostics.consoleSource");
+  if (event.kind === "network") {
+    return event.phase === "request"
+      ? t("browserDiagnostics.requestStarted")
+      : t("browserDiagnostics.responseReceived");
+  }
+  if (event.kind === "navigation") return t("browserDiagnostics.navigation");
+  if (event.kind === "click") return t("browserDiagnostics.click");
+  if (event.kind === "input") return t("browserDiagnostics.input");
+  return t("browserDiagnostics.scroll");
+}
+
+function timelineDetail(event: BrowserDiagnosticTimelineEvent): string {
+  if (event.kind === "console") {
+    return `${event.level}: ${event.message.split("\n", 1)[0]}`;
+  }
+  if (event.kind === "network") {
+    const status = event.status ?? (event.error ? "ERR" : "");
+    return `${event.method} ${shortUrl(event.url)}${status ? ` · ${status}` : ""}`;
+  }
+  return event.url ?? event.target ?? event.kind;
+}
+
+function BrowserDiagnosticsTimelineRow({
+  event,
+  durationMs,
+  onSeek,
+}: {
+  event: BrowserDiagnosticTimelineEvent;
+  durationMs: number;
+  onSeek: (ms: number) => void;
+}) {
+  const t = useT();
+  return (
+    <div
+      className="flex min-h-9 items-center gap-2 border-b border-border/70 px-4 py-1.5 last:border-b-0"
+      data-browser-diagnostic-timeline-row
+    >
+      <span className="grid size-5 shrink-0 place-items-center rounded-md border border-border text-muted-foreground">
+        <IconInfoCircle className="size-3" aria-hidden="true" />
+      </span>
+      <span className="flex min-w-0 flex-1 items-center gap-1.5 overflow-hidden">
+        <span className="shrink-0 text-[11px] font-medium text-muted-foreground">
+          {timelineKindLabel(t, event)}
+        </span>
+        <span className="min-w-0 truncate font-mono text-xs">
+          {timelineDetail(event)}
+        </span>
+      </span>
+      <DiagnosticTimeButton
+        elapsedMs={event.elapsedMs}
+        durationMs={durationMs}
+        onSeek={onSeek}
+      />
+    </div>
+  );
+}
+
+function BrowserDiagnosticsTimelineSection({
+  events,
+  durationMs,
+  onSeek,
+}: {
+  events: BrowserDiagnosticTimelineEvent[];
+  durationMs: number;
+  onSeek: (ms: number) => void;
+}) {
+  const t = useT();
+  return (
+    <AccordionItem
+      value="timeline"
+      className="border-border/70"
+      data-browser-diagnostics-section="timeline"
+    >
+      <AccordionTrigger className="min-h-10 px-4 py-2 text-xs hover:no-underline [&>svg]:size-3.5">
+        <span className="flex min-w-0 items-center gap-2">
+          <span className="truncate">{t("browserDiagnostics.timeline")}</span>
+          <span className="rounded-md border border-border px-1.5 py-px font-mono text-[10px] font-normal tabular-nums text-muted-foreground">
+            {events.length}
+          </span>
+        </span>
+      </AccordionTrigger>
+      <AccordionContent className="pb-0">
+        {events.map((event, index) => (
+          <BrowserDiagnosticsTimelineRow
+            key={`${event.elapsedMs}-${event.kind}-${index}`}
+            event={event}
+            durationMs={durationMs}
+            onSeek={onSeek}
+          />
+        ))}
+      </AccordionContent>
+    </AccordionItem>
+  );
+}
+
 function BrowserDiagnosticsSection({
   view,
   label,
@@ -550,6 +651,7 @@ export function BrowserDiagnosticsPanel({
     }),
     [diagnostics],
   );
+  const timeline = diagnostics.timeline ?? [];
   const source = captureSource(diagnostics);
   const hasFailures =
     diagnostics.summary.consoleErrorCount > 0 ||
@@ -622,7 +724,18 @@ export function BrowserDiagnosticsPanel({
       </div>
 
       <div className="min-h-0 flex-1 overflow-y-auto">
-        <Accordion type="single" defaultValue="issues" collapsible>
+        <Accordion
+          type="single"
+          defaultValue={timeline.length ? "timeline" : "issues"}
+          collapsible
+        >
+          {timeline.length ? (
+            <BrowserDiagnosticsTimelineSection
+              events={timeline}
+              durationMs={durationMs}
+              onSeek={onSeek}
+            />
+          ) : null}
           {sections.map((section) => (
             <BrowserDiagnosticsSection
               key={section.id}

package/corpus/templates/clips/app/i18n/en-US.ts

@@ -1827,6 +1827,13 @@ const messages = {
     capturedFrom: "Captured from {{source}}",
     browserCapture: "Browser capture",
     views: "Diagnostic views",
+    timeline: "Timeline",
+    navigation: "Navigation",
+    click: "Click",
+    input: "Input",
+    scroll: "Scroll",
+    requestStarted: "Request started",
+    responseReceived: "Response received",
     issues: "Issues",
     consoleSource: "Console",
     networkSource: "Network",

package/corpus/templates/clips/app/lib/browser-diagnostics-capture.ts

@@ -1,12 +1,18 @@
 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,
+  buildBrowserDiagnosticTimeline,
   redactBrowserDiagnosticString,
+  sanitizeBrowserDiagnosticNavigationUrl,
   summarizeBrowserDiagnostics,
   type BrowserDiagnosticConsoleLevel,
   type BrowserDiagnosticConsoleLog,
+  type BrowserDiagnosticInteractionEvent,
+  type BrowserDiagnosticInteractionKind,
   type BrowserDiagnosticNetworkRequest,
   type BrowserDiagnosticsData,
 } from "@shared/browser-diagnostics";
@@ -83,12 +89,40 @@ function requestMethod(input: RequestInfo | URL, init?: RequestInit): string {
   ).toUpperCase();
 }
 
+function safeTargetPart(value: string | null): string | null {
+  if (!value || value.length > MAX_BROWSER_DIAGNOSTIC_TARGET_LENGTH) {
+    return null;
+  }
+  return /^[A-Za-z0-9_.:-]+$/.test(value) ? value : null;
+}
+
+function describeTarget(target: EventTarget | null): string | null {
+  if (!(target instanceof Element)) return null;
+  const element = target.closest(
+    "button,a,input,textarea,select,[role=button]",
+  ) as Element | null;
+  const candidate = element ?? target;
+  const tag = candidate.tagName.toLowerCase();
+  const id = safeTargetPart(candidate.id);
+  const testId = safeTargetPart(candidate.getAttribute("data-testid"));
+  const name = safeTargetPart(candidate.getAttribute("name"));
+  const selector = id
+    ? `#${id}`
+    : testId
+      ? `[data-testid=${testId}]`
+      : name
+        ? `[name=${name}]`
+        : "";
+  return truncate(`${tag}${selector}`, MAX_BROWSER_DIAGNOSTIC_TARGET_LENGTH);
+}
+
 export function createBrowserDiagnosticsCapture(): BrowserDiagnosticsCapture {
   const startedAt = new Date().toISOString();
   const startedAtMs = Date.now();
   const startedAtPerf = performance.now();
   const consoleLogs: BrowserDiagnosticConsoleLog[] = [];
   const networkRequests: BrowserDiagnosticNetworkRequest[] = [];
+  const interactionEvents: BrowserDiagnosticInteractionEvent[] = [];
   const originalConsole = {
     debug: console.debug,
     log: console.log,
@@ -115,6 +149,25 @@ export function createBrowserDiagnosticsCapture(): BrowserDiagnosticsCapture {
     Math.max(0, Math.round(performance.now() - startedAtPerf));
   const timestamp = () => startedAtMs + elapsed();
 
+  const pushInteraction = (
+    kind: BrowserDiagnosticInteractionKind,
+    target?: EventTarget | null,
+    url?: string,
+  ) => {
+    if (!active) return;
+    if (interactionEvents.length >= MAX_BROWSER_DIAGNOSTIC_INTERACTION_EVENTS) {
+      interactionEvents.shift();
+    }
+    const targetDescription = describeTarget(target ?? null);
+    interactionEvents.push({
+      timestampMs: timestamp(),
+      elapsedMs: elapsed(),
+      kind,
+      ...(targetDescription ? { target: targetDescription } : {}),
+      ...(url ? { url: sanitizeBrowserDiagnosticNavigationUrl(url) } : {}),
+    });
+  };
+
   const pushConsole = (
     level: BrowserDiagnosticConsoleLevel,
     args: unknown[],
@@ -305,6 +358,48 @@ export function createBrowserDiagnosticsCapture(): BrowserDiagnosticsCapture {
   window.addEventListener("error", onError);
   window.addEventListener("unhandledrejection", onUnhandledRejection);
 
+  const onClick = (event: MouseEvent) => pushInteraction("click", event.target);
+  const onInput = (event: Event) => pushInteraction("input", event.target);
+  let lastScrollElapsed = -Infinity;
+  const onScroll = (event: Event) => {
+    const currentElapsed = elapsed();
+    if (currentElapsed - lastScrollElapsed < 250) return;
+    lastScrollElapsed = currentElapsed;
+    pushInteraction("scroll", event.target);
+  };
+  const onNavigation = () =>
+    pushInteraction("navigation", null, window.location.href);
+  const originalPushState = history.pushState;
+  const originalReplaceState = history.replaceState;
+  const patchedPushState = function patchedPushState(
+    this: History,
+    state: unknown,
+    unused: string,
+    url?: string | URL | null,
+  ) {
+    const result = originalPushState.call(this, state, unused, url);
+    onNavigation();
+    return result;
+  };
+  const patchedReplaceState = function patchedReplaceState(
+    this: History,
+    state: unknown,
+    unused: string,
+    url?: string | URL | null,
+  ) {
+    const result = originalReplaceState.call(this, state, unused, url);
+    onNavigation();
+    return result;
+  };
+  history.pushState = patchedPushState;
+  history.replaceState = patchedReplaceState;
+  document.addEventListener("click", onClick, true);
+  document.addEventListener("input", onInput, true);
+  document.addEventListener("scroll", onScroll, true);
+  window.addEventListener("popstate", onNavigation);
+  window.addEventListener("hashchange", onNavigation);
+  pushInteraction("navigation", null, window.location.href);
+
   const restore = () => {
     window.fetch = originalFetch;
     for (const level of ["debug", "log", "info", "warn", "error"] as const) {
@@ -314,6 +409,17 @@ export function createBrowserDiagnosticsCapture(): BrowserDiagnosticsCapture {
     XMLHttpRequest.prototype.send = originalXhrSend;
     window.removeEventListener("error", onError);
     window.removeEventListener("unhandledrejection", onUnhandledRejection);
+    document.removeEventListener("click", onClick, true);
+    document.removeEventListener("input", onInput, true);
+    document.removeEventListener("scroll", onScroll, true);
+    window.removeEventListener("popstate", onNavigation);
+    window.removeEventListener("hashchange", onNavigation);
+    if (history.pushState === patchedPushState) {
+      history.pushState = originalPushState;
+    }
+    if (history.replaceState === patchedReplaceState) {
+      history.replaceState = originalReplaceState;
+    }
   };
 
   const stop = () => {
@@ -331,10 +437,12 @@ export function createBrowserDiagnosticsCapture(): BrowserDiagnosticsCapture {
       endedAt,
       consoleLogs: [...consoleLogs],
       networkRequests: [...networkRequests],
+      interactionEvents: [...interactionEvents],
     };
     stoppedSnapshot = {
       ...snapshot,
       summary: summarizeBrowserDiagnostics(snapshot),
+      timeline: buildBrowserDiagnosticTimeline(snapshot),
     };
     return stoppedSnapshot;
   };

package/corpus/templates/clips/app/routes/record.tsx

@@ -2140,6 +2140,7 @@ export default function RecordRoute() {
             endedAt: snapshot.endedAt,
             consoleLogs: snapshot.consoleLogs,
             networkRequests: snapshot.networkRequests,
+            interactionEvents: snapshot.interactionEvents,
           } as any,
         );
       } catch (err) {

package/corpus/templates/clips/changelog/2026-09-15-recordings-include-a-structured-timeline-of-browser-interact.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-09-15
+---
+
+Recordings include a structured timeline of browser interactions and diagnostics

package/corpus/templates/clips/chrome-extension/public/manifest.json

@@ -46,6 +46,13 @@
       "run_at": "document_idle",
       "all_frames": false
     },
+    {
+      "matches": ["<all_urls>"],
+      "js": ["assets/content-history-bridge.js"],
+      "run_at": "document_start",
+      "world": "MAIN",
+      "all_frames": false
+    },
     {
       "matches": ["<all_urls>"],
       "js": ["assets/content-script.js"],