@agent-native/core 0.90.11 → 0.91.0

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

@@ -1,5 +1,6 @@
 import { CodeSurface } from "@agent-native/core/blocks";
 import {
+  agentNativePath,
   useActionQuery,
   useBuilderConnectFlow,
   useBuilderStatus,
@@ -18,10 +19,10 @@ import {
   IconSearch,
   IconServer,
 } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
 import { Link, useNavigate, useSearchParams } from "react-router";
 
-import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
@@ -65,13 +66,27 @@ type SessionRecordingSummary = {
   referrer: string | null;
   app: string | null;
   template: string | null;
+  metadata?: Record<string, unknown>;
   status: "active" | "completed";
   createdAt: string;
   updatedAt: string;
   lastIngestedAt: string | null;
 };
 
+type SessionRecordingIdentity = Pick<
+  SessionRecordingSummary,
+  "id" | "userId" | "userKey" | "anonymousId" | "sessionId"
+>;
+
+type SessionRecordingDevice = Pick<SessionRecordingSummary, "metadata">;
+
+type DemoStatus = {
+  enabled?: boolean;
+  forced?: boolean;
+};
+
 const RANGE_OPTIONS: ReplayRange[] = ["24h", "7d", "30d", "90d", "all"];
+const DEMO_STATUS_URL = agentNativePath("/_agent-native/demo/status");
 
 export default function SessionsPage() {
   const t = useT();
@@ -96,6 +111,7 @@ export default function SessionsPage() {
     { staleTime: 30_000 },
   );
 
+  const demoModeEnabled = useDemoModeEnabled();
   const recordings = data ?? [];
 
   function updateFilter(key: string, value: string) {
@@ -225,6 +241,7 @@ export default function SessionsPage() {
                     recording.endedAt ??
                     recording.lastIngestedAt ??
                     recording.startedAt;
+                  const deviceLabel = sessionDeviceLabel(recording);
                   return (
                     <button
                       key={recording.id}
@@ -239,7 +256,7 @@ export default function SessionsPage() {
                       </span>
                       <span className="min-w-0">
                         <span className="block truncate text-sm font-medium text-foreground">
-                          {visitorLabel(recording, t)}
+                          {visitorLabel(recording, t, demoModeEnabled)}
                         </span>
                         <span className="mt-0.5 block truncate text-xs text-muted-foreground">
                           {formatDateTime(lastSeen)} ·{" "}
@@ -260,35 +277,32 @@ export default function SessionsPage() {
                         </span>
                       </span>
                       <span className="analytics-session-app-meta min-w-0 text-left">
-                        <span className="block truncate text-sm text-muted-foreground">
-                          {recording.app ||
-                            recording.template ||
-                            t("sessions.unknownApp")}
-                        </span>
-                        <span className="analytics-session-badges mt-1 flex flex-wrap gap-1.5">
+                        <span className="analytics-session-badges flex flex-wrap gap-1.5 text-xs text-muted-foreground">
+                          <span>
+                            {t("sessions.pageCountCompact", {
+                              count: formatNumber(recording.pageCount),
+                            })}
+                          </span>
                           {recording.errorCount > 0 ? (
-                            <Badge variant="destructive">
+                            <span className="font-medium text-destructive">
                               {t("sessions.errorCount", {
                                 count: String(recording.errorCount),
                               })}
-                            </Badge>
+                            </span>
                           ) : null}
                           {recording.rageClickCount > 0 ? (
-                            <Badge variant="secondary">
+                            <span>
                               {t("sessions.rageClicks", {
                                 count: String(recording.rageClickCount),
                               })}
-                            </Badge>
-                          ) : null}
-                          {recording.errorCount === 0 &&
-                          recording.rageClickCount === 0 ? (
-                            <span className="text-xs text-muted-foreground">
-                              {t("sessions.pageCountCompact", {
-                                count: formatNumber(recording.pageCount),
-                              })}
                             </span>
                           ) : null}
                         </span>
+                        {deviceLabel ? (
+                          <span className="mt-1 block truncate text-xs text-muted-foreground">
+                            {deviceLabel}
+                          </span>
+                        ) : null}
                       </span>
                     </button>
                   );
@@ -302,6 +316,22 @@ export default function SessionsPage() {
   );
 }
 
+function useDemoModeEnabled(): boolean {
+  const { data } = useQuery({
+    queryKey: ["agent-native", "demo-mode"],
+    queryFn: async () => {
+      const res = await fetch(DEMO_STATUS_URL, {
+        credentials: "same-origin",
+      });
+      if (!res.ok) return null;
+      return (await res.json()) as DemoStatus | null;
+    },
+    refetchInterval: 4_000,
+    staleTime: 2_000,
+  });
+  return data?.enabled === true || data?.forced === true;
+}
+
 function EmptySessionsState() {
   const t = useT();
   const storageStatus = useReplayStorageStatus();
@@ -472,9 +502,11 @@ function rangeLabel(value: ReplayRange, t: ReturnType<typeof useT>): string {
 }
 
 function visitorLabel(
-  recording: SessionRecordingSummary,
+  recording: SessionRecordingIdentity,
   t: ReturnType<typeof useT>,
+  demoModeEnabled: boolean,
 ): string {
+  if (demoModeEnabled) return demoVisitorLabel(recording);
   const email = emailLike(recording.userId) || emailLike(recording.userKey);
   if (email) return email;
   return (
@@ -485,6 +517,29 @@ function visitorLabel(
   );
 }
 
+export function demoVisitorLabel(recording: SessionRecordingIdentity): string {
+  const source =
+    emailLike(recording.userId) ||
+    emailLike(recording.userKey) ||
+    recording.userId ||
+    recording.userKey ||
+    recording.anonymousId ||
+    recording.sessionId ||
+    recording.id;
+  const hash = stableHash(source);
+  const first = DEMO_FIRST_NAMES[hash % DEMO_FIRST_NAMES.length];
+  const last =
+    DEMO_LAST_NAMES[
+      Math.floor(hash / DEMO_FIRST_NAMES.length) % DEMO_LAST_NAMES.length
+    ];
+  const domain =
+    DEMO_DOMAINS[
+      Math.floor(hash / (DEMO_FIRST_NAMES.length * DEMO_LAST_NAMES.length)) %
+        DEMO_DOMAINS.length
+    ];
+  return `${first}.${last}@${domain}`.toLowerCase();
+}
+
 function emailLike(value: string | null): string | null {
   if (!value?.includes("@")) return null;
   return value;
@@ -512,6 +567,81 @@ function safePathFromUrl(value: string): string {
   }
 }
 
+export function sessionDeviceLabel(
+  recording: SessionRecordingDevice,
+): string | null {
+  const metadata = recordValue(recording.metadata);
+  const device = recordValue(metadata.device);
+  const browser = recordValue(metadata.browser);
+  const client = recordValue(metadata.client);
+  const os = osLabelFromValue(
+    metadata.os ??
+      metadata.operatingSystem ??
+      metadata.operating_system ??
+      metadata.deviceOs ??
+      metadata.device_os ??
+      device.os ??
+      device.operatingSystem ??
+      browser.os ??
+      client.os,
+  );
+  if (os) return os;
+  const platform = stringValue(
+    metadata.platform ?? device.platform ?? client.platform,
+  );
+  const platformLabel = inferOsLabel(platform);
+  if (platformLabel) return platformLabel;
+  const userAgent = stringValue(
+    metadata.userAgent ??
+      metadata.user_agent ??
+      device.userAgent ??
+      device.user_agent ??
+      client.userAgent ??
+      client.user_agent,
+  );
+  return inferOsLabel(userAgent);
+}
+
+function osLabelFromValue(value: unknown): string | null {
+  const record = recordValue(value);
+  if (record) {
+    const name = stringValue(record.name ?? record.family ?? record.os);
+    const version = stringValue(record.version ?? record.release);
+    if (name && version) return `${normalizeOsName(name)} ${version}`;
+    if (name) return normalizeOsName(name);
+  }
+  const label = stringValue(value);
+  if (!label) return null;
+  return inferOsLabel(label) ?? label;
+}
+
+function inferOsLabel(value: string | null): string | null {
+  if (!value) return null;
+  if (/cros|chrome os/i.test(value)) return "ChromeOS";
+  if (/iphone|ipad|ipod|ios/i.test(value)) return "iOS";
+  if (/mac os x|macintosh|macintel|darwin|macos/i.test(value)) return "macOS";
+  if (/windows|win32|win64/i.test(value)) return "Windows";
+  if (/android/i.test(value)) return "Android";
+  if (/linux/i.test(value)) return "Linux";
+  return null;
+}
+
+function normalizeOsName(value: string): string {
+  return inferOsLabel(value) ?? value;
+}
+
+function recordValue(value: unknown): Record<string, unknown> {
+  return value && typeof value === "object" && !Array.isArray(value)
+    ? (value as Record<string, unknown>)
+    : {};
+}
+
+function stringValue(value: unknown): string | null {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed || null;
+}
+
 function formatDateTime(value: string): string {
   const date = new Date(value);
   if (!Number.isFinite(date.getTime())) return value;
@@ -537,6 +667,53 @@ function formatNumber(value: number): string {
   return new Intl.NumberFormat().format(value);
 }
 
+function stableHash(value: string): number {
+  let hash = 2166136261;
+  for (let i = 0; i < value.length; i += 1) {
+    hash ^= value.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+
+const DEMO_FIRST_NAMES = [
+  "Avery",
+  "Blake",
+  "Cameron",
+  "Devon",
+  "Emerson",
+  "Finley",
+  "Harper",
+  "Jordan",
+  "Morgan",
+  "Quinn",
+  "Riley",
+  "Taylor",
+];
+
+const DEMO_LAST_NAMES = [
+  "Bennett",
+  "Carter",
+  "Ellis",
+  "Hayes",
+  "Keller",
+  "Monroe",
+  "Parker",
+  "Reed",
+  "Sullivan",
+  "Walker",
+  "Young",
+  "Zimmer",
+];
+
+const DEMO_DOMAINS = [
+  "acme.test",
+  "northstar.test",
+  "orbit.test",
+  "riverbank.test",
+  "summit.test",
+];
+
 const SESSION_REPLAY_SNIPPET = `// Agent Native templates already call configureTracking().
 import { configureTracking } from "@agent-native/core/client";
 

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

@@ -9,7 +9,14 @@ import {
 import { configureTracking } from "@agent-native/core/client";
 import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useState } from "react";
-import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
+import {
+  Links,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+  useLocation,
+} from "react-router";
 import type { LinksFunction } from "react-router";
 
 import { AuthProvider } from "@/components/auth/AuthProvider";
@@ -100,6 +107,31 @@ function DbSyncBridge() {
 
 export default function Root() {
   const [queryClient] = useState(() => createAgentNativeQueryClient());
+  const location = useLocation();
+
+  // Public, unauthenticated uptime status pages (`/status/<slug>`) render
+  // SSR-first without the authenticated app chrome (sidebar/chat/command
+  // palette). See app/routes/status.$slug.tsx and the `/status` public path in
+  // server/plugins/auth.ts.
+  const isPublicStatusPath =
+    location.pathname === "/status" || location.pathname.startsWith("/status/");
+
+  if (isPublicStatusPath) {
+    return (
+      <AppToolkitProvider>
+        <AppProviders
+          queryClient={queryClient}
+          isPublicPath
+          defaultTheme="dark"
+          toaster={null}
+          i18n={{ catalog: i18nCatalog }}
+        >
+          <Outlet />
+        </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/app/routes/monitoring._index.tsx

@@ -0,0 +1,10 @@
+import { messagesByLocale } from "@/i18n-data";
+import MonitoringPage from "@/pages/monitoring/MonitoringPage";
+
+export function meta() {
+  return [{ title: messagesByLocale["en-US"].routeTitles.monitoring }];
+}
+
+export default function MonitoringRoute() {
+  return <MonitoringPage />;
+}

package/corpus/templates/analytics/app/routes/status.$slug.tsx

@@ -0,0 +1,118 @@
+/**
+ * Public, unauthenticated uptime status page: `/status/<slug>`.
+ *
+ * SSR-first: the loader resolves the sanitized, PUBLISHED-only status view on
+ * the server so crawlers and first-time visitors get real markup (framework
+ * rule: public/SEO pages SSR real content). The client then lightly
+ * auto-refreshes via the same `get-public-status-page` action (whitelisted in
+ * server/plugins/auth.ts). Unknown or unpublished slugs render a branded 404.
+ *
+ * This route is rendered without the authenticated app chrome — see the
+ * `/status/` public branch in app/root.tsx.
+ */
+import { useActionQuery } from "@agent-native/core/client";
+import { IconActivity } from "@tabler/icons-react";
+import { useMemo } from "react";
+import { data, useLoaderData, useParams } from "react-router";
+import type {
+  HeadersArgs,
+  LoaderFunctionArgs,
+  MetaFunction,
+} from "react-router";
+
+import { getPublicStatusPage } from "../../server/lib/status-pages";
+import type { PublicStatusPage } from "../../server/lib/status-pages";
+import { PublicStatusView } from "../components/monitoring/PublicStatusView";
+
+interface StatusLoaderData {
+  slug: string;
+  page: PublicStatusPage | null;
+}
+
+const FOUND_CACHE = {
+  "Cache-Control": "public, max-age=30, s-maxage=30, stale-while-revalidate=60",
+};
+const MISSING_CACHE = { "Cache-Control": "public, max-age=15, s-maxage=15" };
+
+export function headers({ loaderHeaders }: HeadersArgs) {
+  return loaderHeaders;
+}
+
+export async function loader({ params }: LoaderFunctionArgs) {
+  const slug = params.slug ?? "";
+  const page = await getPublicStatusPage(slug);
+  return data<StatusLoaderData>(
+    { slug, page },
+    { status: page ? 200 : 404, headers: page ? FOUND_CACHE : MISSING_CACHE },
+  );
+}
+
+export const meta: MetaFunction<typeof loader> = ({ loaderData }) => {
+  const page = loaderData?.page;
+  if (!page) {
+    return [
+      { title: "Status page not found" }, // i18n-ignore public status page meta copy
+      { name: "robots", content: "noindex" },
+    ];
+  }
+  const description =
+    page.description ||
+    (page.overall === "operational"
+      ? "All systems operational."
+      : "Current service status.");
+  return [
+    { title: `${page.title} · Status` },
+    { name: "description", content: description },
+    { property: "og:title", content: `${page.title} · Status` },
+    { property: "og:description", content: description },
+    { property: "og:type", content: "website" },
+  ];
+};
+
+function StatusNotFound() {
+  return (
+    <main className="flex min-h-screen items-center justify-center bg-background p-6 text-foreground">
+      <div className="flex max-w-md flex-col items-center text-center">
+        <span className="mb-4 inline-flex size-12 items-center justify-center rounded-xl border border-border bg-muted text-muted-foreground">
+          <IconActivity className="size-6" />
+        </span>
+        <h1 className="text-2xl font-semibold tracking-tight">
+          Status page not found{/* i18n-ignore public status page fixed copy */}
+        </h1>
+        <p className="mt-2 text-sm text-muted-foreground">
+          This status page doesn&rsquo;t exist or hasn&rsquo;t been published
+          yet.
+        </p>
+      </div>
+    </main>
+  );
+}
+
+export default function PublicStatusRoute() {
+  const loaderData = useLoaderData<typeof loader>();
+  const params = useParams();
+  const slug = loaderData.slug || params.slug || "";
+
+  // SSR gives us the initial page; the client lightly polls the same public
+  // action to keep the banner/uptime fresh without a manual reload.
+  const query = useActionQuery<PublicStatusPage>(
+    "get-public-status-page",
+    { slug },
+    {
+      initialData: loaderData.page ?? undefined,
+      enabled: Boolean(loaderData.page),
+      refetchInterval: 60_000,
+      staleTime: 30_000,
+      retry: false,
+    },
+  );
+
+  const page = useMemo(
+    () => query.data ?? loaderData.page,
+    [query.data, loaderData.page],
+  );
+
+  if (!page) return <StatusNotFound />;
+
+  return <PublicStatusView page={page} refreshing={query.isFetching} />;
+}

package/corpus/templates/analytics/changelog/2026-07-08-add-uptime-monitors-that-ping-your-urls-and-alert-you-when-t.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-08
+---
+
+Add uptime monitors that ping your URLs and alert you when they go down or return the wrong content

package/corpus/templates/analytics/changelog/2026-07-08-analytics-chats-keep-large-data-dictionaries-compact-so-prov.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Analytics chats keep large data dictionaries compact so provider investigations start faster.

package/corpus/templates/analytics/changelog/2026-07-08-create-public-status-pages-that-share-the-live-health-of-cho.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-08
+---
+
+Create public status pages that share the live health of chosen monitors at a shareable link

package/corpus/templates/analytics/changelog/2026-07-08-dashboard-extension-panels-use-clearer-open-copy.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Dashboard extension panels use clearer menu wording when opening an embedded extension.

package/corpus/templates/analytics/changelog/2026-07-08-error-capture.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-08
+---
+
+Capture JavaScript errors automatically and jump straight to the session replay where each one happened.

package/corpus/templates/analytics/changelog/2026-07-08-fixed-single-panel-dashboard-drags-so-they-no-longer-rewrite.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-08
+---
+
+Fixed single-panel dashboard drags so they no longer rewrite unchanged extension dashboards.

package/corpus/templates/analytics/changelog/2026-07-08-jump-straight-from-an-error-in-a-session-recording-to-its-fu.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Jump straight from an error in a session recording to its full error detail

package/corpus/templates/analytics/changelog/2026-07-08-monitor-detail-and-list-now-show-colorful-uptime-timelines-r.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+Monitor detail and list now show colorful uptime timelines, response-time charts, and 24h/7d/30d/90d uptime cards

package/corpus/templates/analytics/changelog/2026-07-08-pinned-ask-chats-now-show-a-pin-icon-in-the-sidebar.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-08
+---
+
+Pinned Ask chats now show a pin icon in the sidebar.

package/corpus/templates/analytics/changelog/2026-07-08-publish-a-public-uptime-status-page-with-colorful-uptime-tim.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-08
+---
+
+Publish a public uptime status page with colorful uptime timelines and overall uptime stats

package/corpus/templates/analytics/changelog/2026-07-08-sessions-now-hide-visitor-emails-in-demo-mode-and-show-clean.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-08
+---
+
+Sessions now hide visitor emails in demo mode and show cleaner replay row details.

package/corpus/templates/analytics/changelog/2026-07-08-settings-are-cleaner-searchable-and-alerts-have-their-own-tab.md

@@ -0,0 +1,5 @@
+---
+type: improved
+---
+
+Settings are cleaner and searchable, and alert rules now live in their own dedicated Alerts tab.

package/corpus/templates/analytics/changelog/2026-07-08-sidebar-sections-stay-collapsed-until-opened.md

@@ -0,0 +1,5 @@
+---
+type: improved
+---
+
+Sidebar sections stay quieter by default, while Ask, dashboards, and analyses can each be expanded or collapsed manually.

package/corpus/templates/analytics/changelog/2026-07-08-the-uptime-monitor-list-now-has-a-current-status-overview-wi.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-08
+---
+
+The uptime monitor list now has a current-status overview with up/degraded/down counts, overall uptime, and open incidents