@agent-native/core 0.122.4 → 0.123.0

package/corpus/templates/analytics/app/hooks/use-user-pref.ts

@@ -1,21 +1,7 @@
-import { appApiPath } from "@agent-native/core/client/api-path";
+import { callAction } from "@agent-native/core/client/hooks";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
 
-import { getIdToken } from "@/lib/auth";
-
-async function fetchWithAuth(url: string, options?: RequestInit) {
-  const token = await getIdToken();
-  return fetch(appApiPath(url), {
-    ...options,
-    headers: {
-      "Content-Type": "application/json",
-      ...(token && { Authorization: `Bearer ${token}` }),
-      ...options?.headers,
-    },
-  });
-}
-
 /**
  * Read/write a per-user preference stored in the settings table.
  * Returns the value as a Record and provides a `save` mutation.
@@ -24,25 +10,22 @@ export function useUserPref<T extends Record<string, unknown>>(key: string) {
   const queryClient = useQueryClient();
   const queryKey = ["user-pref", key];
 
-  const { data, isLoading } = useQuery({
+  const { data, isLoading, isError, isSuccess } = useQuery({
     queryKey,
     queryFn: async (): Promise<T> => {
-      const res = await fetchWithAuth(
-        `/api/user-prefs/${encodeURIComponent(key)}`,
+      const result = await callAction(
+        "get-user-pref",
+        { key },
+        { method: "GET" },
       );
-      if (!res.ok) return {} as T;
-      return (await res.json()) as T;
+      return (result ?? {}) as T;
     },
     staleTime: 30_000,
   });
 
   const { mutate: save } = useMutation({
-    mutationFn: async (value: T) => {
-      await fetchWithAuth(`/api/user-prefs/${encodeURIComponent(key)}`, {
-        method: "PUT",
-        body: JSON.stringify(value),
-      });
-    },
+    mutationFn: (value: T) =>
+      callAction("set-user-pref", { key, value }, { method: "PUT" }),
     onMutate: async (value: T) => {
       await queryClient.cancelQueries({ queryKey });
       const previousValue = queryClient.getQueryData<T>(queryKey);
@@ -59,15 +42,22 @@ export function useUserPref<T extends Record<string, unknown>>(key: string) {
   });
 
   const { mutate: remove } = useMutation({
-    mutationFn: async () => {
-      await fetchWithAuth(`/api/user-prefs/${encodeURIComponent(key)}`, {
-        method: "DELETE",
-      });
+    mutationFn: () =>
+      callAction("delete-user-pref", { key }, { method: "DELETE" }),
+    onError: () => {
+      toast.error("Failed to reset preference");
     },
     onSettled: () => {
       queryClient.invalidateQueries({ queryKey });
     },
   });
 
-  return { data: (data ?? {}) as T, isLoading, save, remove };
+  return {
+    data: (data ?? {}) as T,
+    isLoading,
+    isError,
+    isSuccess,
+    save,
+    remove,
+  };
 }

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

@@ -65,6 +65,7 @@ const enUS = {
     noAnalysesYet: "No analyses yet",
     dashboardsLoadFailed: "Couldn't load dashboards.",
     analysesLoadFailed: "Couldn't load analyses.",
+    favoritesUnavailable: "Favorites are unavailable right now",
     retry: "Retry",
     search: "Search",
     searchShortcut: "Search ({{shortcut}})",
@@ -4018,6 +4019,7 @@ export const messagesByLocale = {
       noAnalysesYet: "还没有分析",
       dashboardsLoadFailed: "无法加载仪表板。",
       analysesLoadFailed: "无法加载分析。",
+      favoritesUnavailable: "收藏功能目前不可用",
       retry: "重试",
       search: "搜索",
       searchShortcut: "搜索（{{shortcut}}）",
@@ -4225,6 +4227,7 @@ export const messagesByLocale = {
       noAnalysesYet: "Aún no hay análisis",
       dashboardsLoadFailed: "No se pudieron cargar los paneles.",
       analysesLoadFailed: "No se pudieron cargar los análisis.",
+      favoritesUnavailable: "Los favoritos no están disponibles ahora",
       retry: "Reintentar",
       search: "Buscar",
       searchShortcut: "Buscar ({{shortcut}})",
@@ -4444,6 +4447,7 @@ export const messagesByLocale = {
       noAnalysesYet: "Aucune analyse pour le moment",
       dashboardsLoadFailed: "Impossible de charger les tableaux de bord.",
       analysesLoadFailed: "Impossible de charger les analyses.",
+      favoritesUnavailable: "Les favoris sont indisponibles pour le moment",
       retry: "Réessayer",
       search: "Rechercher",
       searchShortcut: "Rechercher ({{shortcut}})",
@@ -4669,6 +4673,7 @@ export const messagesByLocale = {
       noAnalysesYet: "Noch keine Analysen",
       dashboardsLoadFailed: "Dashboards konnten nicht geladen werden.",
       analysesLoadFailed: "Analysen konnten nicht geladen werden.",
+      favoritesUnavailable: "Favoriten sind momentan nicht verfügbar",
       retry: "Erneut versuchen",
       search: "Suchen",
       searchShortcut: "Suchen ({{shortcut}})",
@@ -4894,6 +4899,7 @@ export const messagesByLocale = {
       noAnalysesYet: "分析はまだありません",
       dashboardsLoadFailed: "ダッシュボードを読み込めませんでした。",
       analysesLoadFailed: "分析を読み込めませんでした。",
+      favoritesUnavailable: "お気に入りは現在利用できません",
       retry: "再試行",
       search: "検索",
       searchShortcut: "検索（{{shortcut}}）",
@@ -5112,6 +5118,7 @@ export const messagesByLocale = {
       noAnalysesYet: "아직 분석이 없습니다",
       dashboardsLoadFailed: "대시보드를 불러오지 못했습니다.",
       analysesLoadFailed: "분석을 불러오지 못했습니다.",
+      favoritesUnavailable: "즐겨찾기를 지금 사용할 수 없습니다",
       retry: "다시 시도",
       search: "검색",
       searchShortcut: "검색({{shortcut}})",
@@ -5330,6 +5337,7 @@ export const messagesByLocale = {
       noAnalysesYet: "Ainda não há análises",
       dashboardsLoadFailed: "Não foi possível carregar os painéis.",
       analysesLoadFailed: "Não foi possível carregar as análises.",
+      favoritesUnavailable: "Os favoritos não estão disponíveis no momento",
       retry: "Tentar novamente",
       search: "Pesquisar",
       searchShortcut: "Pesquisar ({{shortcut}})",
@@ -5555,6 +5563,7 @@ export const messagesByLocale = {
       noAnalysesYet: "अभी कोई विश्लेषण नहीं",
       dashboardsLoadFailed: "डैशबोर्ड लोड नहीं हो सके।",
       analysesLoadFailed: "विश्लेषण लोड नहीं हो सके।",
+      favoritesUnavailable: "पसंदीदा अभी उपलब्ध नहीं हैं",
       retry: "फिर से कोशिश करें",
       search: "खोजें",
       searchShortcut: "खोजें ({{shortcut}})",
@@ -5770,6 +5779,7 @@ export const messagesByLocale = {
       noAnalysesYet: "لا توجد تحليلات بعد",
       dashboardsLoadFailed: "تعذر تحميل لوحات المعلومات.",
       analysesLoadFailed: "تعذر تحميل التحليلات.",
+      favoritesUnavailable: "المفضلة غير متاحة الآن",
       retry: "إعادة المحاولة",
       search: "بحث",
       searchShortcut: "بحث ({{shortcut}})",

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/PanelEditorDialog.tsx

@@ -394,7 +394,8 @@ function PanelEditorContent({
         `For prometheus panels, sql is a JSON descriptor: {"promql":"rate(http_requests_total[5m])","mode":"range","range":"1h","step":"30s"}. mode defaults to "range"; range defaults to "1h"; step is auto if omitted. Returned rows have shape {timestamp, series, value} — set config.xKey="timestamp", config.yKey="value", and a single series in config.yKeys for clean charting. ` +
         `For program panels (arbitrary provider data joins/cohorts not expressible in the other sources), first save-data-program (or reuse an existing one via list-data-programs), then set sql to a JSON descriptor: {"programId":"<id>","params":{...}}. See the data-programs skill for the emit(rows, schema) contract and the Risk Meeting worked example. ` +
         `For extension panels, use config.extensionId by default so every dashboard viewer and scheduled report renders the author-selected shared extension. Use config.extensionSlotId only when the user explicitly asks for a personal/per-viewer slot; slot installs are per-user and automated report identities may have no install. ` +
-        `Config is optional: { xKey, yKey, yKeys, yFormatter ('number'|'currency'|'percent'), description, columns, pivot, limit, color, colors, stacked, legend, valueLabels }. ` +
+        `Config is optional: { xKey, yKey, yKeys, yFormatter ('number'|'currency'|'percent'), rightYKeys, rightYFormatter, description, columns, pivot, limit, color, colors, stacked, legend, valueLabels }. ` +
+        `For line/area/bar series that share an x-axis but not a unit (a count next to a rate), put the smaller-unit series on a second y-axis with config.rightYKeys (a subset of yKeys) and an optional config.rightYFormatter — do not build an extension for a dual-axis chart. ` +
         `Chart legends render automatically; set config.legend=false only when the user explicitly asks to hide the legend. ` +
         `Use \`get-sql-dashboard.layout.groups[].rows[].rowNumber/panelIds\` to identify and verify visible rows. ` +
         `Consult the data dictionary first via \`list-data-dictionary --search <topic>\`, then use AGENTS.md, .agents/skills, and connected data-source instructions before writing SQL. ` +

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/dual-axis.ts

@@ -0,0 +1,73 @@
+import type { SqlPanelConfig } from "./types";
+
+export type ChartValueFormatter = NonNullable<SqlPanelConfig["yFormatter"]>;
+export type ChartAxisSide = "left" | "right";
+
+/**
+ * Past this many series an auto-derived axis label is more noise than help, so
+ * the axis renders with ticks only.
+ */
+const MAX_LABELLED_SERIES_PER_AXIS = 2;
+const MAX_AXIS_LABEL_LENGTH = 28;
+
+export interface DualAxisPlan {
+  /** True only when both axes end up with at least one plotted series. */
+  enabled: boolean;
+  leftKeys: string[];
+  rightKeys: string[];
+  leftFormatter?: ChartValueFormatter;
+  rightFormatter?: ChartValueFormatter;
+  leftLabel?: string;
+  rightLabel?: string;
+  sideFor: (key: string) => ChartAxisSide;
+  formatterFor: (key: string) => ChartValueFormatter | undefined;
+}
+
+function axisLabel(
+  keys: string[],
+  formatSeriesName: (key: string) => string,
+): string | undefined {
+  if (keys.length === 0 || keys.length > MAX_LABELLED_SERIES_PER_AXIS) {
+    return undefined;
+  }
+  const label = keys.map(formatSeriesName).join(", ");
+  return label.length > MAX_AXIS_LABEL_LENGTH
+    ? `${label.slice(0, MAX_AXIS_LABEL_LENGTH - 3)}...`
+    : label;
+}
+
+/**
+ * Splits plotted series across a left and right y-axis. A configuration that
+ * would leave one axis empty — every series on the right, or `rightYKeys`
+ * naming columns the query never returned — collapses back to a single axis so
+ * the chart keeps one honest scale instead of silently dropping series.
+ * `SqlChart` surfaces the unmatched names through its config warning.
+ */
+export function resolveDualAxis(
+  yKeys: string[],
+  config?: SqlPanelConfig,
+  formatSeriesName: (key: string) => string = (key) => key,
+): DualAxisPlan {
+  const configured = new Set(config?.rightYKeys ?? []);
+  const rightKeys = yKeys.filter((key) => configured.has(key));
+  const leftKeys = yKeys.filter((key) => !configured.has(key));
+  const enabled = rightKeys.length > 0 && leftKeys.length > 0;
+  const leftFormatter = config?.yFormatter;
+  const rightFormatter = enabled
+    ? (config?.rightYFormatter ?? config?.yFormatter)
+    : leftFormatter;
+
+  const isRight = (key: string) => enabled && configured.has(key);
+
+  return {
+    enabled,
+    leftKeys: enabled ? leftKeys : yKeys,
+    rightKeys: enabled ? rightKeys : [],
+    leftFormatter,
+    rightFormatter,
+    leftLabel: enabled ? axisLabel(leftKeys, formatSeriesName) : undefined,
+    rightLabel: enabled ? axisLabel(rightKeys, formatSeriesName) : undefined,
+    sideFor: (key) => (isRight(key) ? "right" : "left"),
+    formatterFor: (key) => (isRight(key) ? rightFormatter : leftFormatter),
+  };
+}

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx

@@ -154,11 +154,7 @@ import { dashboardExtensionSlotId } from "./extension-slot";
 import { interpolate } from "./interpolate";
 import { serializePanelSql } from "./panel-sql";
 import { AddPanelPopover, PanelEditorDialog } from "./PanelEditorDialog";
-import {
-  listReportablePanelIds,
-  parseReportPanelWindow,
-  windowReportPanels,
-} from "./report-panel-window";
+import { listReportablePanelIds } from "./report-panel-window";
 import { SqlChartCard } from "./SqlChartCard";
 import {
   clampDashboardColumns,
@@ -541,16 +537,6 @@ async function saveDashboard(
 }
 
 export default function SqlDashboardPage() {
-  const [searchParams] = useSearchParams();
-
-  if (searchParams.get("reportScreenshot") === "1") {
-    return <SqlDashboardPageContent reportScreenshot session={null} />;
-  }
-
-  return <InteractiveSqlDashboardPage />;
-}
-
-function InteractiveSqlDashboardPage() {
   const { session } = useSession();
 
   return <SqlDashboardPageContent reportScreenshot={false} session={session} />;
@@ -570,12 +556,6 @@ function SqlDashboardPageContent({
   const navigate = useNavigate();
   const dashboardId = searchParams.get("id") || routeId;
   const reportSettingsRequested = searchParams.get("reportSettings") === "1";
-  const reportPanelWindow = reportScreenshot
-    ? parseReportPanelWindow(
-        searchParams.get("reportPanelOffset"),
-        searchParams.get("reportPanelLimit"),
-      )
-    : null;
 
   const [dashboard, setDashboard] = useState<SqlDashboardConfig | null>(null);
   const [archivedAt, setArchivedAt] = useState<string | null>(null);
@@ -796,6 +776,7 @@ function SqlDashboardPageContent({
   const {
     data: savedFilters,
     isLoading: filtersLoading,
+    isSuccess: filtersLoaded,
     save: saveFilterPref,
   } = useUserPref<{ filters: Record<string, string> }>(filterPrefKey);
 
@@ -885,6 +866,7 @@ function SqlDashboardPageContent({
       reportScreenshot ||
       appliedSaved.current ||
       filtersLoading ||
+      !filtersLoaded ||
       !loaded ||
       !dashboard
     )
@@ -929,6 +911,7 @@ function SqlDashboardPageContent({
     }
   }, [
     filtersLoading,
+    filtersLoaded,
     loaded,
     dashboard,
     savedFilters,
@@ -1262,9 +1245,8 @@ function SqlDashboardPageContent({
         ? requestedTab
         : tabs[0]
       : null;
-  // Report captures cover the complete dashboard across ordered windows. The
-  // report URL intentionally has no `tab` parameter, so do not apply the
-  // normal first-tab selection while rendering the screenshot surface.
+  // The report URL carries no `tab` parameter and must show every panel, so
+  // the normal first-tab fallback does not apply in report mode.
   const activeTab = reportScreenshot ? null : selectedTab;
   const groupedTabs = useMemo(() => groupDashboardTabs(tabs), [tabs]);
   const activeTabGroup = activeTab
@@ -1300,11 +1282,10 @@ function SqlDashboardPageContent({
   // dashboard shows every panel as before.
   const visiblePanels = useMemo(() => {
     if (!dashboard) return [];
-    const tabPanels = activeTab
+    return activeTab
       ? dashboard.panels.filter((p) => !p.tab || p.tab === activeTab)
       : dashboard.panels;
-    return windowReportPanels(tabPanels, reportPanelWindow);
-  }, [dashboard, activeTab, reportPanelWindow]);
+  }, [dashboard, activeTab]);
 
   // Group panels into "section blocks": each section starts a new block whose
   // grid uses the section's `columns` (falling back to the dashboard default).

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/report-panel-window.ts

@@ -1,64 +1,7 @@
 import type { SqlPanel } from "./types";
 
-// Keep each report window within the browser-side SQL query concurrency limit
-// so a cold window does not serialize into multiple waves before readiness.
-export const REPORT_PANEL_CHUNK_SIZE = 4;
-
 export function listReportablePanelIds(panels: SqlPanel[]): string[] {
   return panels
     .filter((panel) => panel.chartType !== "section")
     .map((panel) => panel.id);
 }
-
-export function parseReportPanelWindow(
-  offsetRaw: string | null,
-  limitRaw: string | null,
-): { offset: number; limit: number } | null {
-  if (!offsetRaw || !limitRaw) return null;
-  const offset = Number.parseInt(offsetRaw, 10);
-  const limit = Number.parseInt(limitRaw, 10);
-  if (!Number.isFinite(offset) || offset < 0) return null;
-  if (!Number.isFinite(limit) || limit <= 0) return null;
-  return { offset, limit: Math.min(REPORT_PANEL_CHUNK_SIZE, limit) };
-}
-
-export function countReportablePanels(panels: SqlPanel[]): number {
-  return listReportablePanelIds(panels).length;
-}
-
-/**
- * A report chunk is indexed by chart panels, not section headers. When a
- * chunk starts inside a section, repeat that section header so each image is
- * readable on its own while preserving the dashboard's panel order.
- */
-export function windowReportPanels(
-  panels: SqlPanel[],
-  window: { offset: number; limit: number } | null,
-): SqlPanel[] {
-  if (!window) return panels;
-
-  const end = window.offset + window.limit;
-  let chartIndex = 0;
-  let activeSection: SqlPanel | null = null;
-  let includedFirstChart = false;
-  const selected: SqlPanel[] = [];
-
-  for (const panel of panels) {
-    if (panel.chartType === "section") {
-      activeSection = panel;
-      if (includedFirstChart && chartIndex < end) selected.push(panel);
-      continue;
-    }
-
-    const include = chartIndex >= window.offset && chartIndex < end;
-    if (include) {
-      if (!includedFirstChart && activeSection) selected.push(activeSection);
-      selected.push(panel);
-      includedFirstChart = true;
-    }
-    chartIndex++;
-    if (chartIndex >= end) break;
-  }
-
-  return selected;
-}

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/types.ts

@@ -84,6 +84,14 @@ export interface SqlPanelConfig {
   color?: string;
   colors?: string[];
   yFormatter?: "number" | "currency" | "percent";
+  /**
+   * Series names (a subset of the plotted `yKeys`) to plot against a second,
+   * right-hand y-axis. Line, area, and bar panels render dual axes only when
+   * at least one series stays on the left axis.
+   */
+  rightYKeys?: string[];
+  /** Value formatter for the right axis. Falls back to `yFormatter`. */
+  rightYFormatter?: "number" | "currency" | "percent";
   description?: string;
   pivot?: PivotConfig;
   /** Stack bar/area series on top of each other instead of side-by-side / overlapping. */

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

@@ -6,7 +6,6 @@ import {
   createAgentNativeQueryClient,
   useDbSync,
 } from "@agent-native/core/client/hooks";
-import { getEmbedAuthToken } from "@agent-native/core/client/host";
 import { getLocaleInitScript } from "@agent-native/core/client/i18n";
 import { getThemeInitScript } from "@agent-native/core/client/ui";
 import { useQueryClient } from "@tanstack/react-query";
@@ -32,10 +31,6 @@ import { TAB_ID } from "@/lib/tab-id";
 import { CommandPalette } from "./components/layout/CommandPalette";
 import { Layout as AppLayout } from "./components/layout/Layout";
 import { i18nCatalog } from "./i18n";
-import {
-  hasDashboardReportEmbedToken,
-  isDashboardReportScreenshot,
-} from "./lib/dashboard-report-capture";
 
 import stylesheet from "./global.css?url";
 configureTracking({
@@ -151,11 +146,6 @@ export default function Root() {
   // server/plugins/auth.ts.
   const isPublicStatusPath =
     location.pathname === "/status" || location.pathname.startsWith("/status/");
-  const isDashboardReportCapture = isDashboardReportScreenshot(location.search);
-  const hasReportEmbedToken = hasDashboardReportEmbedToken(
-    location.search,
-    getEmbedAuthToken(),
-  );
 
   if (isPublicStatusPath) {
     return (
@@ -173,24 +163,6 @@ export default function Root() {
     );
   }
 
-  if (isDashboardReportCapture && hasReportEmbedToken) {
-    return (
-      <AppToolkitProvider>
-        <AppProviders
-          queryClient={queryClient}
-          sessionBypass
-          defaultTheme="dark"
-          toaster={null}
-          i18n={{ catalog: i18nCatalog }}
-        >
-          <AppLayout>
-            <Outlet />
-          </AppLayout>
-        </AppProviders>
-      </AppToolkitProvider>
-    );
-  }
-
   return (
     // defaultTheme="dark": analytics defaults to dark mode if no stored preference.
     // toaster={null}: suppress AppProviders' built-in sonner; analytics renders

package/corpus/templates/analytics/changelog/2026-07-26-error-issues-now-group-by-message-as-well-as-stack-frame-and.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-26
+---
+
+Error issues now group by message as well as stack frame, and 'users affected' counts only real identities instead of every anonymous event

package/corpus/templates/analytics/changelog/2026-07-26-line-area-and-bar-dashboard-panels-can-plot-series-on-a-seco.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-26
+---
+
+Line, area, and bar dashboard panels can plot series on a second right-hand y-axis, so counts and rates read correctly on one chart.

package/corpus/templates/analytics/changelog/2026-07-26-scheduled-dashboard-email-reports-now-arrive-complete-and-re.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-26
+---
+
+Scheduled dashboard email reports now arrive complete and reliably every time

package/corpus/templates/analytics/changelog/2026-07-26-session-replays-now-detect-rage-clicks-so-the-rage-click-fil.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-26
+---
+
+Session replays now detect rage clicks, so the rage-click filter and badge finally surface frustrated sessions

package/corpus/templates/analytics/docs/error-capture.md

@@ -146,10 +146,14 @@ Two additive, owner-scoped tables (`server/db/schema-errors.ts`):
   can't grow unbounded. Stores normalized stack frames, breadcrumbs, tags/extra,
   and the resolved session recording.
 
-Grouping keys off error type + top in-app stack frame (function + normalized
-file, ignoring line/column so small edits don't split a group), falling back to
-a normalized message when there is no usable stack. A resolved issue is
-automatically **reopened** when it recurs; **ignored** issues stay muted.
+Grouping keys off error type + a normalized message (ids, uuids, numbers,
+quoted values, and paths stripped) + top in-app stack frame (function +
+normalized file, ignoring line/column so small edits don't split a group). The
+message is always part of the key so unrelated errors sharing one dispatch
+frame stay separate. "Users affected" counts distinct real identities (user
+key, anonymous id, or session id); occurrences with no identity count toward
+event volume only. A resolved issue is automatically **reopened** when it
+recurs; **ignored** issues stay muted.
 
 ## How the agent triages issues
 

package/corpus/templates/analytics/package.json

@@ -22,13 +22,12 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.8",
+    "@resvg/resvg-js": "^2.6.2",
     "@rrweb/replay": "2.1.0",
-    "@sparticuz/chromium-min": "^149.0.0",
     "@tabler/icons-react": "catalog:",
     "drizzle-orm": "^0.45.2",
     "h3": "catalog:",
     "isbot": "^5",
-    "playwright-core": "^1.61.1",
     "postgres": "^3.4.9",
     "sql-formatter": "15.7.3",
     "zod": "^4.3.6"