@agent-native/core 0.77.16 → 0.77.17

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

@@ -6,10 +6,12 @@ import {
   IconDotsVertical,
   IconMaximize,
   IconPencil,
+  IconRefresh,
   IconTrash,
   IconCode,
   IconDownload,
 } from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 import { ChartFillHeight, SqlChart } from "@/components/dashboard/SqlChart";
@@ -43,6 +45,7 @@ import {
   TooltipTrigger,
 } from "@/components/ui/tooltip";
 
+import { serializePanelSql } from "./panel-sql";
 import type { SqlPanel } from "./types";
 import { ViewSqlPopover } from "./ViewSqlPopover";
 
@@ -66,6 +69,7 @@ export function SqlChartCard({
   editable = true,
 }: SqlChartCardProps) {
   const t = useT();
+  const queryClient = useQueryClient();
   const {
     attributes,
     listeners,
@@ -95,6 +99,18 @@ export function SqlChartCard({
     setExportCsv(handler ? () => handler : null);
   }, []);
 
+  const handleRefresh = useCallback(() => {
+    setShouldLoadData(true);
+    void queryClient.invalidateQueries({
+      queryKey: [
+        "sql-chart",
+        panel.id,
+        serializePanelSql(resolvedSql ?? panel.sql),
+        panel.source,
+      ],
+    });
+  }, [panel.id, panel.source, panel.sql, queryClient, resolvedSql]);
+
   useEffect(() => {
     if (panel.chartType === "section") {
       setShouldLoadData(true);
@@ -116,7 +132,7 @@ export function SqlChartCard({
         }
       },
       {
-        rootMargin: "800px 0px",
+        rootMargin: "320px 0px",
         threshold: 0.01,
       },
     );
@@ -310,6 +326,11 @@ export function SqlChartCard({
                       {t("sidebar.edit")}
                     </DropdownMenuItem>
                   )}
+                  {!editable ? <DropdownMenuSeparator /> : null}
+                  <DropdownMenuItem onSelect={handleRefresh}>
+                    <IconRefresh className="h-4 w-4 mr-2" />
+                    {t("sqlDashboard.refresh")}
+                  </DropdownMenuItem>
                   {editable ? (
                     <DropdownMenuItem
                       onSelect={(e) => {

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

@@ -8,7 +8,7 @@ import {
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
 import { useQueryClient } from "@tanstack/react-query";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
 import type { LinksFunction } from "react-router";
 
@@ -79,12 +79,21 @@ export function Layout({ children }: { children: React.ReactNode }) {
 
 function DbSyncBridge() {
   // Invalidate react-query caches on DB changes (agent edits, other tabs,
-  // cron jobs). The hook invalidates every active query on any non-own
-  // change event, so we no longer need to enumerate dashboard / analysis
-  // / explorer keys here. Screen-refresh is handled automatically inside
-  // AgentSidebar.
+  // cron jobs). SQL chart queries can be expensive, so they stay on explicit
+  // refresh/filter semantics instead of joining the broad action fallback.
+  // Screen-refresh is handled automatically inside AgentSidebar.
   const queryClient = useQueryClient();
-  useDbSync({ queryClient, ignoreSource: TAB_ID });
+  const shouldInvalidateForAction = useCallback(
+    (query: { queryKey: readonly unknown[] }) => {
+      return query.queryKey[0] !== "sql-chart";
+    },
+    [],
+  );
+  useDbSync({
+    queryClient,
+    ignoreSource: TAB_ID,
+    actionInvalidatePredicate: shouldInvalidateForAction,
+  });
   return null;
 }
 

package/corpus/templates/analytics/changelog/2026-06-25-dashboard-charts-no-longer-refresh-in-the-background-during-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-25
+---
+
+Dashboard charts no longer refresh in the background during agent activity and load more steadily on large dashboards.

package/corpus/templates/analytics/changelog/2026-06-25-first-party-dashboards-use-indexed-event-dates-for-faster-da.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-25
+---
+
+First-party dashboards use indexed event dates for faster date-range charts.

package/corpus/templates/analytics/changelog/2026-06-25-retention-and-active-user-dashboard-panels-now-count-account.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-25
+---
+
+Retention and active-user dashboard panels now exclude docs traffic, smooth retention cohorts, and use clearer signed-in visitor labels.