@agent-native/core 0.79.21 → 0.79.22

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

@@ -25,7 +25,6 @@ import {
   type DragOverEvent,
   type DragStartEvent,
   type CollisionDetection,
-  type Collision,
 } from "@dnd-kit/core";
 import {
   IconArchive,
@@ -105,16 +104,22 @@ import {
 import BlankDashboard from "../BlankDashboard";
 import { DashboardSkeleton } from "../DashboardSkeleton";
 import {
+  availableDropSlotIdsForPanel,
   buildDashboardPanelGroups,
   distanceFromPointerToRect,
   dropSlotId,
-  isDropSlotAvailable,
   movePanelToDropSlot,
   readDropSlot,
   removePanelFromLayout,
   sameDropSlot,
   type DashboardDropSlot,
 } from "./dashboard-layout";
+import {
+  createDashboardAdoptionHold,
+  dashboardPrefetchInitialData,
+  shouldAdoptDashboardQueryResult,
+  type DashboardAdoptionHold,
+} from "./dashboard-sync";
 import {
   DashboardFilterBar,
   FILTER_PARAM_PREFIX,
@@ -165,6 +170,31 @@ function groupDashboardTabs(tabs: string[]): {
   return { groups, hasNestedTabs };
 }
 
+function parseReportPanelLimit(raw: string | null): number | null {
+  if (!raw) return null;
+  const parsed = Number.parseInt(raw, 10);
+  if (!Number.isFinite(parsed) || parsed <= 0) return null;
+  return Math.min(50, parsed);
+}
+
+function limitReportPanels(panels: SqlPanel[], limit: number | null) {
+  if (!limit) return panels;
+  const limited: SqlPanel[] = [];
+  let chartCount = 0;
+
+  for (const panel of panels) {
+    if (panel.chartType === "section") {
+      if (chartCount < limit) limited.push(panel);
+      continue;
+    }
+    if (chartCount >= limit) continue;
+    chartCount++;
+    limited.push(panel);
+  }
+
+  return limited;
+}
+
 function DashboardDropLine({
   slot,
   activeSlot,
@@ -220,6 +250,7 @@ const PanelCell = memo(function PanelCell({
   remoteEditor,
   editable,
   eagerLoad,
+  isDragSource,
   onRemovePanel,
   onEditPanel,
   onSavePanel,
@@ -229,6 +260,7 @@ const PanelCell = memo(function PanelCell({
   remoteEditor: { color: string; name: string } | undefined;
   editable: boolean;
   eagerLoad: boolean;
+  isDragSource: boolean;
   onRemovePanel: (panelId: string) => void;
   onEditPanel: (panel: SqlPanel) => void;
   onSavePanel: (panel: SqlPanel) => Promise<void>;
@@ -283,6 +315,7 @@ const PanelCell = memo(function PanelCell({
         onSaveSql={(sql) => onSavePanel({ ...panel, sql })}
         editable={editable}
         eagerLoad={eagerLoad}
+        isDragSource={isDragSource}
       />
     </div>
   );
@@ -394,11 +427,13 @@ export default function SqlDashboardPage() {
   const navigate = useNavigate();
   const dashboardId = searchParams.get("id") || routeId;
   const reportScreenshot = searchParams.get("reportScreenshot") === "1";
+  const reportPanelLimit = reportScreenshot
+    ? parseReportPanelLimit(searchParams.get("reportPanelLimit"))
+    : null;
 
   const [dashboard, setDashboard] = useState<SqlDashboardConfig | null>(null);
   const [archivedAt, setArchivedAt] = useState<string | null>(null);
   const [hiddenAt, setHiddenAt] = useState<string | null>(null);
-  const [hiddenBy, setHiddenBy] = useState<string | null>(null);
   const [dashboardVisibility, setDashboardVisibility] = useState<
     "private" | "org" | "public" | null
   >(null);
@@ -422,6 +457,7 @@ export default function SqlDashboardPage() {
     null,
   );
   const viewedDashboardIdRef = useRef<string | null>(null);
+  const pendingConfigRef = useRef<DashboardAdoptionHold | null>(null);
   const canEdit = !reportScreenshot && resourceCanEdit(resourceAccess);
   const canManage = !reportScreenshot && resourceCanManage(resourceAccess);
   const dashboardColumns = clampDashboardColumns(
@@ -462,10 +498,7 @@ export default function SqlDashboardPage() {
       const snapshot = queryClient.getQueryData<
         PrefetchSnapshot<FetchedDashboard | null>
       >(sqlDashboardPrefetchKey(dashboardId));
-      if (snapshot?.data === null && snapshot.syncVersion !== sync) {
-        return undefined;
-      }
-      return snapshot?.data;
+      return dashboardPrefetchInitialData(snapshot, sync);
     },
     initialDataUpdatedAt: () => {
       if (!dashboardId) return undefined;
@@ -475,7 +508,7 @@ export default function SqlDashboardPage() {
           queryKey,
         );
       if (!snapshot) return undefined;
-      if (snapshot.syncVersion !== sync) return 0;
+      if (snapshot.syncVersion !== sync) return undefined;
       return queryClient.getQueryState(queryKey)?.dataUpdatedAt;
     },
   });
@@ -510,6 +543,36 @@ export default function SqlDashboardPage() {
     user: currentUser,
   });
 
+  const updateCachedDashboardConfig = useCallback(
+    (updated: SqlDashboardConfig) => {
+      if (!dashboardId) return;
+      queryClient.setQueriesData<FetchedDashboard | null>(
+        { queryKey: ["data", "sql-dashboard", dashboardId] },
+        (prev) => (prev ? { ...prev, config: updated } : prev),
+      );
+      queryClient.setQueryData<PrefetchSnapshot<FetchedDashboard | null>>(
+        sqlDashboardPrefetchKey(dashboardId),
+        (prev) =>
+          prev?.data
+            ? { ...prev, data: { ...prev.data, config: updated } }
+            : prev,
+      );
+    },
+    [dashboardId, queryClient],
+  );
+
+  const holdDashboardConfig = useCallback(() => {
+    if (!dashboardId) return;
+    pendingConfigRef.current = createDashboardAdoptionHold({
+      dashboardId,
+      currentUpdatedAt: dashboardUpdatedAt,
+    });
+    void queryClient.cancelQueries(
+      { queryKey: ["data", "sql-dashboard", dashboardId] },
+      { revert: false },
+    );
+  }, [dashboardId, dashboardUpdatedAt, queryClient]);
+
   // Track which panels remote users are editing (from awareness)
   const [remoteEditingPanels, setRemoteEditingPanels] = useState<
     Map<string, { color: string; name: string }>
@@ -548,8 +611,10 @@ export default function SqlDashboardPage() {
       if (!raw) return;
       try {
         const parsed = JSON.parse(raw) as SqlDashboardConfig;
-        if (parsed && parsed.panels) {
+        if (parsed && Array.isArray(parsed.panels)) {
+          holdDashboardConfig();
           setDashboard(parsed);
+          updateCachedDashboardConfig(parsed);
         }
       } catch {
         // JSON parse failed — ignore partial updates
@@ -559,7 +624,7 @@ export default function SqlDashboardPage() {
     return () => {
       ytext.unobserve(handler);
     };
-  }, [ydoc, collabSynced]);
+  }, [ydoc, collabSynced, holdDashboardConfig, updateCachedDashboardConfig]);
 
   // Per-user saved filter state
   const filterPrefKey = dashboardId ? `dashboard-filters:${dashboardId}` : "";
@@ -581,7 +646,6 @@ export default function SqlDashboardPage() {
     setDashboard(null);
     setArchivedAt(null);
     setHiddenAt(null);
-    setHiddenBy(null);
     setDashboardVisibility(null);
     setDashboardOwner(null);
     setDashboardUpdatedAt(null);
@@ -592,17 +656,29 @@ export default function SqlDashboardPage() {
   useEffect(() => {
     if (!dashboardId || !dashboardQuery.isSuccess) return;
     const fetched = dashboardQuery.data;
-    if (fetched && fetched.id !== dashboardId) return;
+    const adoption = shouldAdoptDashboardQueryResult({
+      dashboardId,
+      loaded,
+      isPlaceholderData: dashboardQuery.isPlaceholderData,
+      fetchedId: fetched?.id,
+      fetchedUpdatedAt: fetched?.updatedAt,
+      currentUpdatedAt: dashboardUpdatedAt,
+      hold: pendingConfigRef.current,
+    });
+    if (adoption.clearHold) {
+      pendingConfigRef.current = null;
+    }
+    if (!adoption.adopt) return;
+    const fetchedConfig = fetched?.config ?? null;
     const fetchedVisibility =
       fetched?.visibility === "private" ||
       fetched?.visibility === "org" ||
       fetched?.visibility === "public"
         ? fetched.visibility
         : null;
-    setDashboard(fetched?.config ?? null);
+    setDashboard(fetchedConfig);
     setArchivedAt(fetched?.archivedAt ?? null);
     setHiddenAt(fetched?.hiddenAt ?? null);
-    setHiddenBy(fetched?.hiddenBy ?? null);
     setDashboardVisibility(fetchedVisibility);
     setDashboardOwner(fetched?.ownerEmail ?? null);
     setDashboardUpdatedAt(fetched?.updatedAt ?? null);
@@ -628,6 +704,9 @@ export default function SqlDashboardPage() {
     dashboardId,
     dashboardQuery.data,
     dashboardQuery.isSuccess,
+    dashboardQuery.isPlaceholderData,
+    dashboardUpdatedAt,
+    loaded,
     reportScreenshot,
   ]);
 
@@ -738,24 +817,6 @@ export default function SqlDashboardPage() {
     [collabDocId],
   );
 
-  const updateCachedDashboardConfig = useCallback(
-    (updated: SqlDashboardConfig) => {
-      if (!dashboardId) return;
-      queryClient.setQueriesData<FetchedDashboard | null>(
-        { queryKey: ["data", "sql-dashboard", dashboardId] },
-        (prev) => (prev ? { ...prev, config: updated } : prev),
-      );
-      queryClient.setQueryData<PrefetchSnapshot<FetchedDashboard | null>>(
-        sqlDashboardPrefetchKey(dashboardId),
-        (prev) =>
-          prev?.data
-            ? { ...prev, data: { ...prev.data, config: updated } }
-            : prev,
-      );
-    },
-    [dashboardId, queryClient],
-  );
-
   /**
    * Persist without throwing — background save used for drag reorder, width
    * toggle, title/description edits, and panel delete. If the save fails
@@ -769,6 +830,7 @@ export default function SqlDashboardPage() {
         toast.error(t("sqlDashboard.viewOnly"));
         return;
       }
+      holdDashboardConfig();
       setDashboard(updated);
       updateCachedDashboardConfig(updated);
       pushToCollab(updated);
@@ -800,6 +862,7 @@ export default function SqlDashboardPage() {
     [
       dashboardId,
       canEdit,
+      holdDashboardConfig,
       queryClient,
       pushToCollab,
       t,
@@ -817,6 +880,7 @@ export default function SqlDashboardPage() {
       if (!canEdit) {
         throw new Error(t("sqlDashboard.viewOnly"));
       }
+      holdDashboardConfig();
       await saveDashboard(dashboardId, updated);
       setDashboard(updated);
       updateCachedDashboardConfig(updated);
@@ -833,6 +897,7 @@ export default function SqlDashboardPage() {
     [
       dashboardId,
       canEdit,
+      holdDashboardConfig,
       queryClient,
       pushToCollab,
       t,
@@ -1025,9 +1090,11 @@ export default function SqlDashboardPage() {
   // dashboard shows every panel as before.
   const visiblePanels = useMemo(() => {
     if (!dashboard) return [];
-    if (!activeTab) return dashboard.panels;
-    return dashboard.panels.filter((p) => !p.tab || p.tab === activeTab);
-  }, [dashboard, activeTab]);
+    const tabPanels = activeTab
+      ? dashboard.panels.filter((p) => !p.tab || p.tab === activeTab)
+      : dashboard.panels;
+    return limitReportPanels(tabPanels, reportPanelLimit);
+  }, [dashboard, activeTab, reportPanelLimit]);
 
   // Group panels into "section blocks": each section starts a new block whose
   // grid uses the section's `columns` (falling back to the dashboard default).
@@ -1043,17 +1110,23 @@ export default function SqlDashboardPage() {
         : null,
     [activeDragPanelId, visiblePanels],
   );
+  const activeDropSlotIds = useMemo(
+    () =>
+      activeDragPanelId
+        ? availableDropSlotIdsForPanel(panelGroups, activeDragPanelId)
+        : null,
+    [activeDragPanelId, panelGroups],
+  );
 
   const dashboardCollisionDetection = useCallback<CollisionDetection>(
     (args) => {
       const activePanelId = String(args.active.id);
-      const droppableContainers = args.droppableContainers.filter(
-        (container) => {
-          const slot = readDropSlot(container.data.current);
-          return (
-            !!slot && isDropSlotAvailable(panelGroups, activePanelId, slot)
-          );
-        },
+      const availableSlotIds =
+        activeDragPanelId === activePanelId && activeDropSlotIds
+          ? activeDropSlotIds
+          : availableDropSlotIdsForPanel(panelGroups, activePanelId);
+      const droppableContainers = args.droppableContainers.filter((container) =>
+        availableSlotIds.has(String(container.id)),
       );
 
       if (droppableContainers.length === 0) return [];
@@ -1066,29 +1139,34 @@ export default function SqlDashboardPage() {
 
       if (!args.pointerCoordinates) return [];
 
-      const collisions: Collision[] = [];
+      let closestId: string | null = null;
+      let closestContainer: (typeof droppableContainers)[number] | null = null;
+      let closestValue = Number.MAX_VALUE;
       for (const droppableContainer of droppableContainers) {
         const rect = args.droppableRects.get(droppableContainer.id);
         if (!rect) continue;
 
-        collisions.push({
-          id: droppableContainer.id,
-          data: {
-            droppableContainer,
-            value: distanceFromPointerToRect(args.pointerCoordinates, rect),
-          },
-        });
+        const value = distanceFromPointerToRect(args.pointerCoordinates, rect);
+        if (value < closestValue) {
+          closestId = String(droppableContainer.id);
+          closestContainer = droppableContainer;
+          closestValue = value;
+        }
       }
 
-      return collisions.sort((a, b) => {
-        const aValue =
-          typeof a.data?.value === "number" ? a.data.value : Number.MAX_VALUE;
-        const bValue =
-          typeof b.data?.value === "number" ? b.data.value : Number.MAX_VALUE;
-        return aValue - bValue;
-      });
+      return closestId && closestContainer
+        ? [
+            {
+              id: closestId,
+              data: {
+                droppableContainer: closestContainer,
+                value: closestValue,
+              },
+            },
+          ]
+        : [];
     },
-    [panelGroups],
+    [activeDragPanelId, activeDropSlotIds, panelGroups],
   );
 
   const handleDelete = useCallback(async () => {
@@ -1155,7 +1233,6 @@ export default function SqlDashboardPage() {
         hidden: false,
       })) as { ownerEmail?: string | null } | undefined;
       setHiddenAt(null);
-      setHiddenBy(null);
       if (typeof result?.ownerEmail === "string") {
         setDashboardOwner(result.ownerEmail);
       }
@@ -1648,6 +1725,7 @@ export default function SqlDashboardPage() {
                       onEdit={() => openEditPanel(section)}
                       editable={canEdit}
                       eagerLoad={reportScreenshot}
+                      isDragSource={activeDragPanelId === section.id}
                     />
                   </div>
                 );
@@ -1699,6 +1777,7 @@ export default function SqlDashboardPage() {
                                 }
                                 editable={canEdit}
                                 eagerLoad={reportScreenshot}
+                                isDragSource={activeDragPanelId === panel.id}
                                 onRemovePanel={removePanel}
                                 onEditPanel={openEditPanel}
                                 onSavePanel={handleSavePanel}

package/corpus/templates/analytics/changelog/2026-06-27-dashboard-charts-drag-smoothly-when-rearranging-panels.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-27
+---
+
+Dashboard charts drag smoothly when rearranging panels.

package/corpus/templates/analytics/changelog/2026-06-27-dashboard-email-reports-still-send-when-the-live-screenshot-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-27
+---
+
+Dashboard email reports still send when the live screenshot renderer fails.

package/corpus/templates/analytics/changelog/2026-06-27-fixed-dashboard-edits-so-charts-no-longer-briefly-snap-back-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-27
+---
+
+Fixed dashboard edits so charts no longer briefly snap back to an old layout after agent updates or drag-and-drop.

package/corpus/templates/analytics/changelog/2026-06-27-mobile-navigation-chrome-and-motion.md

@@ -2,4 +2,5 @@
 type: improved
 date: 2026-06-27
 ---
+
 Improved mobile navigation chrome and sidebar drawer motion.

package/corpus/templates/analytics/changelog/2026-06-27-session-replay-lists-now-show-only-signed-in-recordings-with.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-27
+---
+
+Session replay lists now show only signed-in recordings with real activity and reliable durations.

package/corpus/templates/analytics/changelog/2026-06-27-sidebar-loading-placeholders-are-visible-in-light-mode.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-27
+---
+
+Sidebar loading placeholders are visible in light mode.

package/corpus/templates/analytics/netlify.toml

@@ -16,3 +16,7 @@ AGENT_PROD_CODE_EXECUTION = "sandboxed"
 # If AGENT_RUN_SOFT_TIMEOUT_MS is customized, keep it below this timeout.
 [functions."*"]
 timeout = 75
+
+[functions.dashboard-report-sweep-background]
+timeout = 300
+memory = "2gb"

package/corpus/templates/analytics/scripts/seed-session-replay.ts

@@ -144,6 +144,7 @@ async function main() {
       publicKey,
       replayId: `seed-${seed.app}-${started}`,
       sessionId: `seed-session-${seed.app}-${started}`,
+      userId: `seed-user-${index + 1}@example.com`,
       anonymousId: `seed-anon-${index + 1}`,
       url: `http://localhost:8080${seed.path}`,
       app: seed.app,

package/corpus/templates/analytics/server/jobs/dashboard-report.ts

@@ -11,6 +11,7 @@ const DEFAULT_MAX_REPORTS_PER_SWEEP = 5;
 
 function maxReportsPerSweep(): number {
   const raw = process.env.DASHBOARD_REPORT_SWEEP_LIMIT?.trim();
+  if (!raw && process.env.NETLIFY === "true") return 1;
   if (!raw) return DEFAULT_MAX_REPORTS_PER_SWEEP;
   const parsed = Number.parseInt(raw, 10);
   return Number.isFinite(parsed) && parsed > 0