@agent-native/core 0.79.26 → 0.80.0

package/corpus/templates/analytics/app/global.css

@@ -146,10 +146,6 @@
   display: none;
 }
 
-.dark .analytics-ask-page {
-  background: hsl(var(--secondary) / 0.38);
-}
-
 .dark .analytics-ask-page .analytics-chat-panel {
   background: transparent;
 }
@@ -215,6 +211,28 @@
   transform-origin: top left;
 }
 
+.analytics-session-snippet .plan-code-surface {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
+.analytics-session-snippet .plan-code-surface-scroll {
+  background: hsl(225 31% 7%);
+}
+
+.analytics-session-snippet .plan-code-surface .plan-shiki,
+.analytics-session-snippet .plan-code-surface pre,
+.analytics-session-snippet .plan-code-surface .plan-shiki pre,
+.analytics-session-snippet .plan-code-surface .plan-shiki code,
+.analytics-session-snippet .plan-code-surface .plan-shiki pre span {
+  background: transparent !important;
+}
+
+.light .analytics-session-snippet .plan-code-surface-scroll {
+  background: hsl(240 6% 96%);
+}
+
 .an-replay-scrub {
   height: 0.25rem;
   appearance: none;

package/corpus/templates/analytics/app/i18n/zh-TW.ts

@@ -25,6 +25,8 @@ const messages = {
     created: "建立於 {{date}}",
   },
   sidebar: {
+    collapseSidebar: "收合側邊欄",
+    expandSidebar: "展開側邊欄",
     collapseDashboards: "收起儀表板",
     expandDashboards: "展開儀表板",
     collapseAnalyses: "收起分析",
@@ -161,6 +163,7 @@ const messages = {
     untitledDashboard: "未命名儀表板",
   },
   common: {
+    docs: "檔案",
     noData: "無資料",
     noDataAvailable: "無可用資料",
     rowsPerPage: "每頁行數：",

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

@@ -35,6 +35,8 @@ const enUS = {
     recentSalesDescription: "You made 265 sales this month.",
   },
   sidebar: {
+    collapseSidebar: "Collapse sidebar",
+    expandSidebar: "Expand sidebar",
     collapseDashboards: "Collapse dashboards",
     expandDashboards: "Expand dashboards",
     collapseAnalyses: "Collapse analyses",
@@ -179,6 +181,7 @@ const enUS = {
     newAnalysisPlaceholder: "Describe the question you want to investigate...",
   },
   common: {
+    docs: "Docs",
     noData: "No data",
     noDataAvailable: "No data available",
     rowsPerPage: "Rows per page:",
@@ -3405,6 +3408,8 @@ export const messagesByLocale = {
       created: "创建于 {{date}}",
     },
     sidebar: {
+      collapseSidebar: "折叠侧边栏",
+      expandSidebar: "展开侧边栏",
       collapseDashboards: "收起仪表板",
       expandDashboards: "展开仪表板",
       collapseAnalyses: "收起分析",
@@ -3579,6 +3584,8 @@ export const messagesByLocale = {
       created: "Creado el {{date}}",
     },
     sidebar: {
+      collapseSidebar: "Contraer barra lateral",
+      expandSidebar: "Expandir barra lateral",
       collapseDashboards: "Contraer paneles",
       expandDashboards: "Expandir paneles",
       collapseAnalyses: "Contraer análisis",
@@ -3761,6 +3768,8 @@ export const messagesByLocale = {
       created: "Créé le {{date}}",
     },
     sidebar: {
+      collapseSidebar: "Réduire la barre latérale",
+      expandSidebar: "Développer la barre latérale",
       collapseDashboards: "Réduire les tableaux de bord",
       expandDashboards: "Développer les tableaux de bord",
       collapseAnalyses: "Réduire les analyses",
@@ -3949,6 +3958,8 @@ export const messagesByLocale = {
       created: "Erstellt am {{date}}",
     },
     sidebar: {
+      collapseSidebar: "Seitenleiste einklappen",
+      expandSidebar: "Seitenleiste erweitern",
       collapseDashboards: "Dashboards einklappen",
       expandDashboards: "Dashboards ausklappen",
       collapseAnalyses: "Analysen einklappen",
@@ -4137,6 +4148,8 @@ export const messagesByLocale = {
       created: "{{date}} 作成",
     },
     sidebar: {
+      collapseSidebar: "サイドバーを折りたたむ",
+      expandSidebar: "サイドバーを展開",
       collapseDashboards: "ダッシュボードを折りたたむ",
       expandDashboards: "ダッシュボードを展開",
       collapseAnalyses: "分析を折りたたむ",
@@ -4321,6 +4334,8 @@ export const messagesByLocale = {
       created: "{{date}} 생성됨",
     },
     sidebar: {
+      collapseSidebar: "사이드바 접기",
+      expandSidebar: "사이드바 펼치기",
       collapseDashboards: "대시보드 접기",
       expandDashboards: "대시보드 펼치기",
       collapseAnalyses: "분석 접기",
@@ -4504,6 +4519,8 @@ export const messagesByLocale = {
       created: "Criado em {{date}}",
     },
     sidebar: {
+      collapseSidebar: "Recolher barra lateral",
+      expandSidebar: "Expandir barra lateral",
       collapseDashboards: "Recolher dashboards",
       expandDashboards: "Expandir dashboards",
       collapseAnalyses: "Recolher análises",
@@ -4692,6 +4709,8 @@ export const messagesByLocale = {
       created: "{{date}} को बनाया गया",
     },
     sidebar: {
+      collapseSidebar: "साइडबार समेटें",
+      expandSidebar: "साइडबार फैलाएं",
       collapseDashboards: "डैशबोर्ड समेटें",
       expandDashboards: "डैशबोर्ड फैलाएं",
       collapseAnalyses: "विश्लेषण समेटें",
@@ -4873,6 +4892,8 @@ export const messagesByLocale = {
       created: "تم الإنشاء في {{date}}",
     },
     sidebar: {
+      collapseSidebar: "طي الشريط الجانبي",
+      expandSidebar: "توسيع الشريط الجانبي",
       collapseDashboards: "طي لوحات المعلومات",
       expandDashboards: "توسيع لوحات المعلومات",
       collapseAnalyses: "طي التحليلات",

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

@@ -427,6 +427,7 @@ export default function SqlDashboardPage() {
   const navigate = useNavigate();
   const dashboardId = searchParams.get("id") || routeId;
   const reportScreenshot = searchParams.get("reportScreenshot") === "1";
+  const reportSettingsRequested = searchParams.get("reportSettings") === "1";
   const reportPanelLimit = reportScreenshot
     ? parseReportPanelLimit(searchParams.get("reportPanelLimit"))
     : null;
@@ -1033,6 +1034,28 @@ export default function SqlDashboardPage() {
     return out;
   }, [dashboard?.filters, searchParams]);
 
+  useEffect(() => {
+    if (!reportScreenshot && reportSettingsRequested) {
+      setEmailReportOpen(true);
+    }
+  }, [reportScreenshot, reportSettingsRequested]);
+
+  const handleEmailReportOpenChange = useCallback(
+    (open: boolean) => {
+      setEmailReportOpen(open);
+      if (open || !reportSettingsRequested) return;
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.delete("reportSettings");
+          return next;
+        },
+        { replace: true },
+      );
+    },
+    [reportSettingsRequested, setSearchParams],
+  );
+
   // Distinct tab values across panels in declaration order. When this is
   // non-empty the dashboard renders a tab strip and filters panels by tab.
   const tabs = useMemo<string[]>(() => {
@@ -1453,7 +1476,7 @@ export default function SqlDashboardPage() {
         {dashboardId ? (
           <EmailReportDialog
             open={emailReportOpen}
-            onOpenChange={setEmailReportOpen}
+            onOpenChange={handleEmailReportOpenChange}
             dashboardId={dashboardId}
             dashboardName={dashboard.name}
             filters={currentReportFilters}
@@ -1565,7 +1588,7 @@ export default function SqlDashboardPage() {
           placeholder={t("sqlDashboard.addDescriptionPlaceholder")}
           className="text-sm resize-y"
         />
-      ) : dashboard.description ? (
+      ) : !reportScreenshot && dashboard.description ? (
         <button
           className={
             canEdit
@@ -1637,12 +1660,14 @@ export default function SqlDashboardPage() {
       )}
 
       {/* Filters */}
-      {dashboard.filters && dashboard.filters.length > 0 && (
-        <DashboardFilterBar
-          filters={dashboard.filters}
-          onSaveView={canEdit ? handleSaveView : undefined}
-        />
-      )}
+      {!reportScreenshot &&
+        dashboard.filters &&
+        dashboard.filters.length > 0 && (
+          <DashboardFilterBar
+            filters={dashboard.filters}
+            onSaveView={canEdit ? handleSaveView : undefined}
+          />
+        )}
 
       {/* Panels grid */}
       {dashboard.panels.length === 0 ? (

package/corpus/templates/analytics/app/pages/sessions/SessionDetailPage.tsx

@@ -1269,6 +1269,8 @@ function visitorLabel(
   recording: SessionRecordingSummary,
   t: ReturnType<typeof useT>,
 ): string {
+  const email = emailLike(recording.userId) || emailLike(recording.userKey);
+  if (email) return email;
   return (
     recording.userId ||
     recording.userKey ||
@@ -1277,6 +1279,11 @@ function visitorLabel(
   );
 }
 
+function emailLike(value: string | null): string | null {
+  if (!value?.includes("@")) return null;
+  return value;
+}
+
 function formatDuration(ms: number | null): string {
   if (!ms || !Number.isFinite(ms) || ms <= 0) return "0s";
   const seconds = Math.round(ms / 1000);

package/corpus/templates/analytics/app/pages/sessions/SessionsPage.tsx

@@ -3,6 +3,7 @@ import { useActionQuery, useT } from "@agent-native/core/client";
 import {
   IconChevronDown,
   IconCode,
+  IconExternalLink,
   IconFilter,
   IconPlayerPlay,
   IconRefresh,
@@ -27,6 +28,9 @@ import { cn } from "@/lib/utils";
 
 type ReplayRange = "24h" | "7d" | "30d" | "90d" | "all";
 
+const SESSION_REPLAY_DOCS_URL =
+  "https://www.agent-native.com/docs/tracking#session-replay";
+
 type SessionRecordingSummary = {
   id: string;
   clientRecordingId: string;
@@ -302,22 +306,33 @@ function EmptySessionsState() {
             {t("sessions.noSessionsDescription")}
           </p>
         </div>
-        <div className="flex flex-wrap gap-2 text-xs text-muted-foreground">
-          <Badge variant="outline">{t("sessions.emptyStepKey")}</Badge>
-          <Badge variant="outline">{t("sessions.emptyStepEnv")}</Badge>
-          <Badge variant="outline">{t("sessions.emptyStepVisit")}</Badge>
-        </div>
       </div>
-      <div className="overflow-hidden rounded-md border bg-muted/30">
-        <div className="flex items-center gap-2 border-b px-4 py-3 text-sm font-medium">
-          <IconCode className="h-4 w-4" />
-          {t("sessions.installSnippetTitle")}
+      <div className="analytics-session-snippet overflow-hidden rounded-md border bg-muted/30">
+        <div className="flex items-center justify-between gap-3 border-b px-4 py-3">
+          <div className="flex min-w-0 items-center gap-2 text-sm font-medium">
+            <IconCode className="h-4 w-4 text-muted-foreground" />
+            <span className="truncate">
+              {t("sessions.installSnippetTitle")}
+            </span>
+          </div>
+          <Button
+            asChild
+            variant="ghost"
+            size="sm"
+            className="h-7 px-2 text-xs"
+          >
+            <a href={SESSION_REPLAY_DOCS_URL} target="_blank" rel="noreferrer">
+              {t("common.docs")}
+              <IconExternalLink className="h-3.5 w-3.5" />
+            </a>
+          </Button>
         </div>
         <CodeSurface
           code={SESSION_REPLAY_SNIPPET}
           language="typescript"
           maxLines={null}
-          className="mt-0 rounded-none border-0 bg-transparent"
+          showLanguageLabel={false}
+          className="mt-0"
         />
       </div>
     </div>
@@ -359,6 +374,8 @@ function visitorLabel(
   recording: SessionRecordingSummary,
   t: ReturnType<typeof useT>,
 ): string {
+  const email = emailLike(recording.userId) || emailLike(recording.userKey);
+  if (email) return email;
   return (
     recording.userId ||
     recording.userKey ||
@@ -367,6 +384,11 @@ function visitorLabel(
   );
 }
 
+function emailLike(value: string | null): string | null {
+  if (!value?.includes("@")) return null;
+  return value;
+}
+
 function shortId(value: string): string {
   return value.length > 22
     ? `${value.slice(0, 10)}...${value.slice(-8)}`

package/corpus/templates/analytics/changelog/2026-06-28-ask-tab-now-matches-the-darker-app-background.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+The Ask tab now matches the darker background used across the rest of Analytics.

package/corpus/templates/analytics/changelog/2026-06-28-dashboard-email-reports-now-use-cleaner-light-mode-snapshots.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Dashboard email reports now use cleaner light-mode snapshots with direct subscription settings links.

package/corpus/templates/analytics/changelog/2026-06-28-left-sidebar-collapses-into-an-animated-icon-rail.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+The left sidebar now collapses into an animated icon rail with quieter footer controls.

package/corpus/templates/analytics/changelog/2026-06-28-sessions-now-show-only-signed-in-recordings-with-playable-re.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Sessions now show only signed-in recordings with playable replay events.

package/corpus/templates/analytics/changelog/2026-06-28-sessions-shows-scoped-recordings-even-when-replay-events-are.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+The Sessions page shows scoped recordings even when replay events are unavailable, with a cleaner setup snippet.

package/corpus/templates/analytics/seeds/dashboards/agent-native-templates-first-party.json

@@ -267,7 +267,7 @@
       "chartType": "metric",
       "source": "first-party",
       "width": 1,
-      "sql": "SELECT COUNT(*) AS count FROM session_recordings WHERE chunk_count > 0 AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(user_id, '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(user_id, '')) LIKE '%@builder.io'))",
+      "sql": "SELECT COUNT(*) AS count FROM session_recordings WHERE chunk_count > 0 AND event_count > 0 AND COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')) IS NOT NULL AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) LIKE '%@builder.io'))",
       "config": {
         "yKey": "count",
         "yFormatter": "number",
@@ -280,7 +280,7 @@
       "chartType": "area",
       "source": "first-party",
       "width": 1,
-      "sql": "SELECT substr(started_at, 1, 10) AS date, SUM(chunk_count) AS count FROM session_recordings WHERE chunk_count > 0 AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(user_id, '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(user_id, '')) LIKE '%@builder.io')) GROUP BY substr(started_at, 1, 10) ORDER BY date",
+      "sql": "SELECT substr(started_at, 1, 10) AS date, SUM(chunk_count) AS count FROM session_recordings WHERE chunk_count > 0 AND event_count > 0 AND COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')) IS NOT NULL AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) LIKE '%@builder.io')) GROUP BY substr(started_at, 1, 10) ORDER BY date",
       "config": {
         "xKey": "date",
         "yKey": "count",
@@ -295,7 +295,7 @@
       "chartType": "table",
       "source": "first-party",
       "width": 2,
-      "sql": "SELECT id AS recording_id, session_id, COALESCE(NULLIF(app, ''), NULLIF(template, ''), 'unknown') AS app, COALESCE(NULLIF(user_id, ''), NULLIF(user_key, ''), NULLIF(anonymous_id, ''), 'anonymous') AS visitor, chunk_count AS chunks, event_count AS events, started_at, COALESCE(ended_at, last_ingested_at, started_at) AS last_seen, '/sessions/' || id AS href FROM session_recordings WHERE chunk_count > 0 AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(user_id, '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(user_id, '')) LIKE '%@builder.io')) ORDER BY last_seen DESC LIMIT 25",
+      "sql": "SELECT id AS recording_id, session_id, COALESCE(NULLIF(app, ''), NULLIF(template, ''), 'unknown') AS app, COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')) AS visitor, chunk_count AS chunks, event_count AS events, started_at, COALESCE(ended_at, last_ingested_at, started_at) AS last_seen, '/sessions/' || id AS href FROM session_recordings WHERE chunk_count > 0 AND event_count > 0 AND COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')) IS NOT NULL AND ('{{timeRange}}' IN ('', 'all') OR ('{{timeRange}}' = '7d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '7 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '30d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '30 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '90d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '90 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '180d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '180 days', 'YYYY-MM-DD')) OR ('{{timeRange}}' = '365d' AND substr(started_at, 1, 10) >= to_char(CURRENT_DATE - INTERVAL '365 days', 'YYYY-MM-DD'))) AND ('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, '')), '')) LIKE '%@builder.io')) ORDER BY last_seen DESC LIMIT 25",
       "config": {
         "description": "Recent first-party session recordings. Session links open the local replay viewer.",
         "sortable": true,

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

@@ -27,6 +27,7 @@ type ReportSnapshot = {
   description?: string;
   filters: Record<string, string>;
   dashboardUrl: string;
+  reportSettingsUrl: string;
   generatedAt: string;
 };
 
@@ -39,6 +40,7 @@ const DEFAULT_SERVERLESS_CHROMIUM_PACK_URL =
   "https://github.com/Sparticuz/chromium/releases/download/v149.0.0/chromium-v149.0.0-pack.x64.tar";
 const DASHBOARD_REPORT_SCREENSHOT_PARAM = "reportScreenshot";
 const DASHBOARD_REPORT_PANEL_LIMIT_PARAM = "reportPanelLimit";
+const DASHBOARD_REPORT_SETTINGS_PARAM = "reportSettings";
 const DASHBOARD_REPORT_CID = "dashboard-report-snapshot";
 const COMPACT_REPORT_PANEL_LIMIT = 12;
 const LOCAL_SCREENSHOT_TIMEOUT_MS = 90_000;
@@ -114,7 +116,11 @@ function dashboardBaseUrl(): string {
 function buildDashboardPath(
   dashboardId: string,
   filters: Record<string, string>,
-  options?: { reportScreenshot?: boolean; panelLimit?: number },
+  options?: {
+    reportScreenshot?: boolean;
+    reportSettings?: boolean;
+    panelLimit?: number;
+  },
 ): string {
   const url = new URL(
     `/dashboards/${encodeURIComponent(dashboardId)}`,
@@ -126,6 +132,9 @@ function buildDashboardPath(
   if (options?.reportScreenshot) {
     url.searchParams.set(DASHBOARD_REPORT_SCREENSHOT_PARAM, "1");
   }
+  if (options?.reportSettings) {
+    url.searchParams.set(DASHBOARD_REPORT_SETTINGS_PARAM, "1");
+  }
   if (options?.panelLimit && options.panelLimit > 0) {
     url.searchParams.set(
       DASHBOARD_REPORT_PANEL_LIMIT_PARAM,
@@ -138,7 +147,11 @@ function buildDashboardPath(
 function buildDashboardUrl(
   dashboardId: string,
   filters: Record<string, string>,
-  options?: { reportScreenshot?: boolean; panelLimit?: number },
+  options?: {
+    reportScreenshot?: boolean;
+    reportSettings?: boolean;
+    panelLimit?: number;
+  },
 ): string {
   const path = buildDashboardPath(dashboardId, filters, options);
   const url = new URL(path, `${dashboardBaseUrl()}/`);
@@ -178,6 +191,9 @@ async function collectReportSnapshot(
     description: config.description,
     filters,
     dashboardUrl: buildDashboardUrl(sub.dashboardId, filters),
+    reportSettingsUrl: buildDashboardUrl(sub.dashboardId, filters, {
+      reportSettings: true,
+    }),
     generatedAt: new Date().toISOString(),
   };
 }
@@ -335,7 +351,10 @@ async function captureDashboardPng(
       deviceScaleFactor: 1,
     });
     page.setDefaultTimeout(timeout);
-    await page.emulateMedia({ media: "screen" });
+    await page.emulateMedia({ media: "screen", colorScheme: "light" });
+    await page.addInitScript(() => {
+      window.localStorage.setItem("theme", "light");
+    });
     await page.goto(screenshotUrl.toString(), {
       waitUntil: "domcontentloaded",
       timeout,
@@ -423,10 +442,8 @@ function renderReportEmailHtml(
 ): string {
   const title = escapeHtml(snapshot.title);
   const dashboardUrl = escapeHtml(snapshot.dashboardUrl);
+  const reportSettingsUrl = escapeHtml(snapshot.reportSettingsUrl);
   const date = escapeHtml(reportDate(snapshot));
-  const description = snapshot.description
-    ? `<p style="margin:8px 0 18px;color:#525866;font-size:14px;line-height:1.5;">${escapeHtml(snapshot.description)}</p>`
-    : "";
   const screenshotBlock = options.screenshotAttached
     ? `<a href="${dashboardUrl}" style="display:block;text-decoration:none;">
       <img src="cid:${DASHBOARD_REPORT_CID}" alt="${title}" width="100%" style="display:block;width:100%;max-width:1280px;height:auto;border:1px solid #e5e7eb;border-radius:8px;" />
@@ -441,10 +458,14 @@ function renderReportEmailHtml(
     <h3 style="margin:0 0 8px;font-size:18px;line-height:1.35;font-weight:600;">
       Here's the report of <a href="${dashboardUrl}" style="color:#2563eb;text-decoration:none;">${title}</a> for ${date}.
     </h3>
-    ${description}
     ${screenshotBlock}
     <p style="margin:18px 0 0;color:#525866;font-size:13px;line-height:1.45;">
       <a href="${dashboardUrl}" style="color:#2563eb;text-decoration:none;">Open dashboard</a>
+      <span style="color:#9ca3af;"> · </span>
+      <a href="${reportSettingsUrl}" style="color:#2563eb;text-decoration:none;">Edit subscription settings</a>
+    </p>
+    <p style="margin:6px 0 0;color:#6b7280;font-size:12px;line-height:1.45;">
+      Change recipients, delivery time, filters, or turn this report on/off.
     </p>
   </body>
 </html>`;
@@ -458,6 +479,7 @@ function renderReportText(
     `Daily dashboard report: ${snapshot.title}`,
     `Date: ${reportDate(snapshot)}`,
     `Open dashboard: ${snapshot.dashboardUrl}`,
+    `Edit subscription settings: ${snapshot.reportSettingsUrl}`,
   ];
   if (!options.screenshotAttached) {
     lines.push("Dashboard image unavailable for this run.");

package/corpus/templates/analytics/server/lib/first-party-metric-catalog.ts

@@ -166,10 +166,13 @@ const REPLAY_RECORDING_DATE_SQL = "substr(started_at, 1, 10)";
 const REPLAY_TIME_RANGE_FILTER = dashboardTimeRangeFilter(
   REPLAY_RECORDING_DATE_SQL,
 );
-const REPLAY_RECORDING_FILTER = `chunk_count > 0 AND event_count > 0 AND user_id LIKE '%@%' AND ${REPLAY_TIME_RANGE_FILTER} AND ${DASHBOARD_EMAIL_FILTER}`;
+const REPLAY_VISITOR_EMAIL_SQL =
+  "COALESCE(NULLIF(CASE WHEN lower(coalesce(user_id, '')) LIKE '%@%' THEN user_id ELSE '' END, ''), NULLIF(CASE WHEN lower(coalesce(user_key, '')) LIKE '%@%' THEN user_key ELSE '' END, ''))";
+const REPLAY_EMAIL_FILTER = `('{{emailFilter}}' IN ('', 'all') OR ('{{emailFilter}}' = 'exclude_builder' AND lower(coalesce(${REPLAY_VISITOR_EMAIL_SQL}, '')) NOT LIKE '%@builder.io') OR ('{{emailFilter}}' = 'only_builder' AND lower(coalesce(${REPLAY_VISITOR_EMAIL_SQL}, '')) LIKE '%@builder.io'))`;
+const REPLAY_RECORDING_FILTER = `chunk_count > 0 AND event_count > 0 AND ${REPLAY_VISITOR_EMAIL_SQL} IS NOT NULL AND ${REPLAY_TIME_RANGE_FILTER} AND ${REPLAY_EMAIL_FILTER}`;
 const REPLAY_SESSIONS_SQL = `SELECT COUNT(*) AS count FROM session_recordings WHERE ${REPLAY_RECORDING_FILTER}`;
 const REPLAY_CHUNKS_OVER_TIME_SQL = `SELECT ${REPLAY_RECORDING_DATE_SQL} AS date, SUM(chunk_count) AS count FROM session_recordings WHERE ${REPLAY_RECORDING_FILTER} GROUP BY ${REPLAY_RECORDING_DATE_SQL} ORDER BY date`;
-const RECENT_REPLAY_SESSIONS_SQL = `SELECT id AS recording_id, session_id, COALESCE(NULLIF(app, ''), NULLIF(template, ''), 'unknown') AS app, COALESCE(NULLIF(user_id, ''), NULLIF(user_key, ''), NULLIF(anonymous_id, ''), 'anonymous') AS visitor, chunk_count AS chunks, event_count AS events, started_at, COALESCE(ended_at, last_ingested_at, started_at) AS last_seen, '/sessions/' || id AS href FROM session_recordings WHERE ${REPLAY_RECORDING_FILTER} ORDER BY last_seen DESC LIMIT 25`;
+const RECENT_REPLAY_SESSIONS_SQL = `SELECT id AS recording_id, session_id, COALESCE(NULLIF(app, ''), NULLIF(template, ''), 'unknown') AS app, ${REPLAY_VISITOR_EMAIL_SQL} AS visitor, chunk_count AS chunks, event_count AS events, started_at, COALESCE(ended_at, last_ingested_at, started_at) AS last_seen, '/sessions/' || id AS href FROM session_recordings WHERE ${REPLAY_RECORDING_FILTER} ORDER BY last_seen DESC LIMIT 25`;
 export const FIRST_PARTY_DASHBOARD_FILTERS: FirstPartyDashboardFilter[] = [
   {
     id: "timeRange",

package/corpus/templates/analytics/server/lib/session-replay.ts

@@ -988,14 +988,17 @@ function rowToSessionRecordingSummary(
 }
 
 function hasVisibleSessionRecordingIdentity(row: any): boolean {
-  return Boolean(replayEmail(row.userId) || replayString(row.anonymousId));
+  return Boolean(replayEmail(row.userId) || replayEmail(row.userKey));
+}
+
+function hasPlayableSessionRecordingEvents(row: any): boolean {
+  return Number(row.chunkCount ?? 0) > 0 && Number(row.eventCount ?? 0) > 0;
 }
 
 function isVisibleSessionRecording(row: any): boolean {
   return (
     hasVisibleSessionRecordingIdentity(row) &&
-    Number(row.chunkCount ?? 0) > 0 &&
-    Number(row.eventCount ?? 0) > 0
+    hasPlayableSessionRecordingEvents(row)
   );
 }
 
@@ -1049,7 +1052,14 @@ function replayTextContains(column: unknown, query: string) {
 function replayVisibleIdentityCondition() {
   return or(
     replayTextContains(schema.sessionRecordings.userId, "@"),
-    sql`nullif(trim(coalesce(${schema.sessionRecordings.anonymousId}, '')), '') is not null`,
+    replayTextContains(schema.sessionRecordings.userKey, "@"),
+  );
+}
+
+function replayPlayableEventsCondition() {
+  return and(
+    gte(schema.sessionRecordings.chunkCount, 1),
+    gte(schema.sessionRecordings.eventCount, 1),
   );
 }
 
@@ -1357,8 +1367,7 @@ export async function listSessionRecordings(
       orgId: scope.orgId ?? undefined,
     }),
     replayVisibleIdentityCondition(),
-    gte(schema.sessionRecordings.chunkCount, 1),
-    gte(schema.sessionRecordings.eventCount, 1),
+    replayPlayableEventsCondition(),
   ];
   if (filters.app)
     conditions.push(eq(schema.sessionRecordings.app, filters.app));
@@ -1369,7 +1378,12 @@ export async function listSessionRecordings(
     conditions.push(eq(schema.sessionRecordings.sessionId, filters.sessionId));
   }
   if (filters.userId) {
-    conditions.push(eq(schema.sessionRecordings.userId, filters.userId));
+    conditions.push(
+      or(
+        eq(schema.sessionRecordings.userId, filters.userId),
+        eq(schema.sessionRecordings.userKey, filters.userId),
+      ),
+    );
   }
   if (filters.anonymousId) {
     conditions.push(

package/corpus/templates/assets/app/components/layout/Sidebar.tsx

@@ -425,7 +425,7 @@ export function Sidebar() {
   return (
     <aside
       className={cn(
-        "flex h-full min-w-0 shrink-0 flex-col overflow-hidden border-e border-border bg-sidebar text-sidebar-foreground",
+        "flex h-full min-w-0 shrink-0 flex-col overflow-hidden border-e border-border bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-out",
         collapsed ? "w-14" : "w-56",
       )}
     >
@@ -553,15 +553,15 @@ export function Sidebar() {
 
         {!collapsed && (
           <div className="mt-auto shrink-0">
-            <div className="border-t border-border px-2 py-1">
+            <div className="px-2 py-1">
               <ExtensionsSidebarSection />
             </div>
 
-            <div className="border-t border-border px-3 py-2">
+            <div className="px-3 py-2">
               <OrgSwitcher />
             </div>
 
-            <div className="border-t border-border px-3 py-2">
+            <div className="px-3 py-2">
               <DevDatabaseLink />
               <FeedbackButton />
             </div>

package/corpus/templates/assets/changelog/2026-06-28-left-sidebar-collapse-motion-and-footer-chrome-are-quieter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Left sidebar collapse motion and footer controls now feel smoother and use less divider chrome.