@agent-native/core 0.92.0 → 0.92.2

package/corpus/templates/analytics/app/pages/monitoring/errors/types.ts

@@ -16,6 +16,13 @@ export interface ParsedStackFrame {
   colno: number | null;
   inApp: boolean;
   raw: string;
+  sourceContext?: SourceContextLine[];
+}
+
+export interface SourceContextLine {
+  line: number;
+  text: string;
+  highlight: boolean;
 }
 
 export interface ErrorIssueSummary {
@@ -45,6 +52,7 @@ export interface ErrorEventDetail {
   culprit: string | null;
   level: ExceptionLevel;
   stack: ParsedStackFrame[];
+  rawStack: string | null;
   handled: boolean;
   url: string | null;
   userId: string | null;
@@ -57,7 +65,7 @@ export interface ErrorEventDetail {
   environment: string | null;
   tags: Record<string, unknown>;
   extra: Record<string, unknown>;
-  breadcrumbs: ErrorBreadcrumb[];
+  breadcrumbs: unknown[];
   occurredAt: string;
 }
 

package/corpus/templates/analytics/app/pages/monitoring/uptime/MonitorFormPage.tsx

@@ -71,6 +71,7 @@ const INTERVAL_OPTIONS = [
 
 const STATUS_CLASSES = ["2xx", "3xx", "4xx", "5xx"] as const;
 const KNOWN_CHANNELS = ["inbox", "email", "slack", "webhook"] as const;
+const DEFAULT_TIMEOUT_SECONDS = 10;
 const ASSERTION_TYPES: AssertionType[] = [
   "body_contains",
   "body_absent",
@@ -142,7 +143,9 @@ function defaultValues(monitor: MonitorSummary | null): MonitorFormValues {
     url: monitor?.url ?? "",
     method: monitor?.method ?? "GET",
     intervalSeconds: monitor?.intervalSeconds ?? 300,
-    timeoutSeconds: Math.round((monitor?.timeoutMs ?? 15000) / 1000),
+    timeoutSeconds: Math.round(
+      (monitor?.timeoutMs ?? DEFAULT_TIMEOUT_SECONDS * 1000) / 1000,
+    ),
     matcherMode: matcher.mode,
     classes: classFlags,
     codes: matcher.mode === "list" ? matcher.codes.join(", ") : "200",
@@ -215,7 +218,7 @@ function initialSections(monitor: MonitorSummary | null): SectionState {
       monitor.severity !== "critical",
     advanced:
       monitor.method !== "GET" ||
-      monitor.timeoutMs !== 15000 ||
+      monitor.timeoutMs !== DEFAULT_TIMEOUT_SECONDS * 1000 ||
       monitor.cooldownMinutes !== 15 ||
       !monitor.followRedirects ||
       !monitor.enabled,
@@ -336,7 +339,7 @@ export function MonitorFormPage({
   const advancedSummary = useMemo(() => {
     const parts = [
       values.method,
-      `${values.timeoutSeconds || 15}s`,
+      `${values.timeoutSeconds || DEFAULT_TIMEOUT_SECONDS}s`,
       `${values.cooldownMinutes ?? 15}m`,
     ];
     if (!values.enabled) parts.push(t.pausedBadge);

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

@@ -450,6 +450,7 @@ function ReplayWorkbench({
       />
       <ReplayTimeline
         markers={markers}
+        isLoading={!response.isComplete}
         activeMarkerId={activeMarkerId}
         onSeek={(ms) => seekRef.current(ms, true)}
       />
@@ -1226,10 +1227,12 @@ function ReplayIconButton({
 
 function ReplayTimeline({
   markers,
+  isLoading,
   activeMarkerId,
   onSeek,
 }: {
   markers: ReplayMarker[];
+  isLoading: boolean;
   activeMarkerId: string | null;
   onSeek: (ms: number) => void;
 }) {
@@ -1268,35 +1271,28 @@ function ReplayTimeline({
   }, [activeMarkerId, filteredMarkers]);
 
   return (
-    <Card className="analytics-session-detail-timeline min-h-0 overflow-hidden">
-      <CardContent className="flex min-h-0 flex-1 flex-col p-0">
-        <div className="shrink-0 space-y-2 border-b px-3 py-2">
-          <div className="flex items-center gap-2 text-sm font-semibold">
-            <IconTimelineEvent className="h-4 w-4" />
+    <Card className="analytics-session-detail-timeline min-h-0 min-w-0 overflow-hidden">
+      <CardContent className="flex min-h-0 min-w-0 flex-1 flex-col p-0">
+        <div className="min-w-0 shrink-0 space-y-2 border-b px-3 py-2">
+          <div className="truncate text-sm font-semibold">
             {t("sessions.timeline")}
           </div>
-          <p className="text-xs text-muted-foreground">
-            {filteredMarkers.length
-              ? t("sessions.timelineDescription", {
-                  count: String(filteredMarkers.length),
-                  total: String(markers.length),
-                })
-              : t("sessions.noTimelineEvents")}
-          </p>
-          <div className="relative">
-            <IconSearch className="pointer-events-none absolute start-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" />
-            <Input
-              type="search"
-              className="h-7 ps-7 text-xs"
-              value={query}
-              placeholder={t("sessions.timelineSearch")}
-              onChange={(event) => setQuery(event.target.value)}
-            />
-          </div>
+          {!isLoading || markers.length ? (
+            <div className="relative">
+              <IconSearch className="pointer-events-none absolute start-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" />
+              <Input
+                type="search"
+                className="h-7 ps-7 text-xs"
+                value={query}
+                placeholder={t("sessions.timelineSearch")}
+                onChange={(event) => setQuery(event.target.value)}
+              />
+            </div>
+          ) : null}
         </div>
         <div
           ref={listRef}
-          className="min-h-0 flex-1 overflow-auto"
+          className="min-h-0 min-w-0 flex-1 overflow-y-auto overflow-x-hidden"
           onWheel={() => {
             lastManualScrollAtRef.current = Date.now();
           }}
@@ -1305,7 +1301,7 @@ function ReplayTimeline({
           }}
         >
           {filteredMarkers.length ? (
-            <div className="divide-y">
+            <div className="min-w-0 divide-y">
               {filteredMarkers.map((marker) => {
                 const expanded = marker.id === expandedMarkerId;
                 const active = marker.id === activeMarkerId;
@@ -1320,7 +1316,7 @@ function ReplayTimeline({
                   >
                     <button
                       type="button"
-                      className="flex w-full gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-muted/50"
+                      className="flex w-full min-w-0 gap-2.5 px-3 py-2.5 text-left transition-colors hover:bg-muted/50"
                       aria-expanded={expanded}
                       aria-current={active ? "true" : undefined}
                       onClick={() => {
@@ -1351,12 +1347,12 @@ function ReplayTimeline({
                       >
                         <MarkerIcon kind={marker.kind} />
                       </span>
-                      <span className="min-w-0 flex-1">
-                        <span className="flex items-center justify-between gap-3">
+                      <span className="min-w-0 flex-1 overflow-hidden">
+                        <span className="flex min-w-0 items-center justify-between gap-3">
                           <span className="truncate text-sm font-medium">
                             {marker.label}
                           </span>
-                          <span className="font-mono text-xs text-muted-foreground">
+                          <span className="shrink-0 font-mono text-xs text-muted-foreground">
                             {formatClock(marker.offsetMs)}
                           </span>
                         </span>
@@ -1378,7 +1374,7 @@ function ReplayTimeline({
                 );
               })}
             </div>
-          ) : (
+          ) : isLoading ? null : (
             <div className="p-4 text-sm text-muted-foreground">
               {query.trim()
                 ? t("sessions.timelineNoMatches")

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

@@ -1,6 +1,5 @@
 import { CodeSurface } from "@agent-native/core/blocks";
 import {
-  agentNativePath,
   useActionQuery,
   useBuilderConnectFlow,
   useBuilderStatus,
@@ -80,13 +79,7 @@ type SessionRecordingIdentity = Pick<
 
 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();
@@ -111,7 +104,6 @@ export default function SessionsPage() {
     { staleTime: 30_000 },
   );
 
-  const demoModeEnabled = useDemoModeEnabled();
   const recordings = data ?? [];
 
   function updateFilter(key: string, value: string) {
@@ -256,7 +248,7 @@ export default function SessionsPage() {
                       </span>
                       <span className="min-w-0">
                         <span className="block truncate text-sm font-medium text-foreground">
-                          {visitorLabel(recording, t, demoModeEnabled)}
+                          {visitorLabel(recording, t)}
                         </span>
                         <span className="mt-0.5 block truncate text-xs text-muted-foreground">
                           {formatDateTime(lastSeen)} ·{" "}
@@ -278,11 +270,7 @@ export default function SessionsPage() {
                       </span>
                       <span className="analytics-session-app-meta min-w-0 text-left">
                         <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>
+                          <span>{formatPageCount(recording.pageCount, t)}</span>
                           {recording.errorCount > 0 ? (
                             <span className="font-medium text-destructive">
                               {t("sessions.errorCount", {
@@ -316,22 +304,6 @@ 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();
@@ -504,9 +476,7 @@ function rangeLabel(value: ReplayRange, t: ReturnType<typeof useT>): string {
 function visitorLabel(
   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 (
@@ -517,29 +487,6 @@ 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;
@@ -667,53 +614,16 @@ 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);
+function formatPageCount(value: number, t: ReturnType<typeof useT>): string {
+  const count = Math.max(0, Math.round(value || 0));
+  if (count === 1) {
+    return t("sessions.pageCountCompactSingular", {
+      count: formatNumber(count),
+    });
   }
-  return hash >>> 0;
+  return t("sessions.pageCountCompact", { count: formatNumber(count) });
 }
 
-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";