@agent-native/core 0.91.2 → 0.92.1

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

@@ -57,7 +57,18 @@ const MESSAGES = {
     metaUsers: "Users affected",
     metaEnvironment: "Environment",
     metaRelease: "Release",
+    frequency: "Error frequency",
+    frequencyWindow: "Last {days} days",
+    frequencyBarLabel: "{count} occurrences on {date}",
+    recentOccurrences: "recent",
+    noRecentVolume: "No recent volume",
+    latestOccurrence: "Latest occurrence",
+    message: "Message",
+    url: "URL",
+    occurrenceTime: "Occurred",
     stackTrace: "Stack trace",
+    stackFrameCount: "{count} frames",
+    rawStack: "Raw stack",
     noStack: "No stack trace was captured for this error.",
     inApp: "In app",
     vendor: "Vendor",

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",
@@ -101,6 +102,8 @@ interface MonitorFormValues {
   severity: MonitorSeverity;
   channels: Record<(typeof KNOWN_CHANNELS)[number], boolean>;
   emailRecipients: string;
+  slackWebhookUrl: string;
+  webhookUrl: string;
   cooldownMinutes: number;
   enabled: boolean;
 }
@@ -140,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",
@@ -160,6 +165,8 @@ function defaultValues(monitor: MonitorSummary | null): MonitorFormValues {
       webhook: channelSet.has("webhook"),
     },
     emailRecipients: (monitor?.emailRecipients ?? []).join(", "),
+    slackWebhookUrl: monitor?.slackWebhookUrl ?? "",
+    webhookUrl: monitor?.webhookUrl ?? "",
     cooldownMinutes: monitor?.cooldownMinutes ?? 15,
     enabled: monitor?.enabled ?? true,
   };
@@ -206,10 +213,12 @@ function initialSections(monitor: MonitorSummary | null): SectionState {
     alerting:
       !isDefaultChannels ||
       monitor.emailRecipients.length > 0 ||
+      Boolean(monitor.slackWebhookUrl) ||
+      Boolean(monitor.webhookUrl) ||
       monitor.severity !== "critical",
     advanced:
       monitor.method !== "GET" ||
-      monitor.timeoutMs !== 15000 ||
+      monitor.timeoutMs !== DEFAULT_TIMEOUT_SECONDS * 1000 ||
       monitor.cooldownMinutes !== 15 ||
       !monitor.followRedirects ||
       !monitor.enabled,
@@ -330,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);
@@ -362,6 +371,30 @@ export function MonitorFormPage({
       setError("channels", { message: t.channelRequired });
       return;
     }
+    if (
+      formValues.channels.email &&
+      !splitList(formValues.emailRecipients).length
+    ) {
+      setSections((prev) => ({ ...prev, alerting: true }));
+      setError("emailRecipients", { message: t.emailRecipientsRequired });
+      return;
+    }
+    if (formValues.channels.slack) {
+      const slackUrl = formValues.slackWebhookUrl.trim();
+      if (slackUrl && !isHttpUrl(slackUrl)) {
+        setSections((prev) => ({ ...prev, alerting: true }));
+        setError("slackWebhookUrl", { message: t.slackWebhookUrlInvalid });
+        return;
+      }
+    }
+    if (formValues.channels.webhook) {
+      const hookUrl = formValues.webhookUrl.trim();
+      if (hookUrl && !isHttpUrl(hookUrl)) {
+        setSections((prev) => ({ ...prev, alerting: true }));
+        setError("webhookUrl", { message: t.webhookUrlInvalid });
+        return;
+      }
+    }
 
     const assertions = formValues.assertions
       .map((assertion) => {
@@ -399,7 +432,15 @@ export function MonitorFormPage({
       followRedirects: formValues.followRedirects,
       severity: formValues.severity,
       channels,
-      emailRecipients: splitList(formValues.emailRecipients),
+      emailRecipients: formValues.channels.email
+        ? splitList(formValues.emailRecipients)
+        : [],
+      slackWebhookUrl: formValues.channels.slack
+        ? formValues.slackWebhookUrl.trim()
+        : null,
+      webhookUrl: formValues.channels.webhook
+        ? formValues.webhookUrl.trim()
+        : null,
       cooldownMinutes: formValues.cooldownMinutes,
       enabled: formValues.enabled,
     };
@@ -736,8 +777,8 @@ export function MonitorFormPage({
             setSections((prev) => ({ ...prev, alerting: open }))
           }
         >
-          <div className="grid gap-4 sm:grid-cols-2">
-            <div className="space-y-1.5">
+          <div className="space-y-4">
+            <div className="space-y-1.5 sm:max-w-xs">
               <Label htmlFor="monitor-severity">{t.fieldSeverity}</Label>
               <Controller
                 control={control}
@@ -765,43 +806,108 @@ export function MonitorFormPage({
               />
             </div>
 
-            <div className="space-y-1.5">
+            <div className="space-y-2">
               <Label>{t.fieldChannels}</Label>
               <Controller
                 control={control}
                 name="channels"
                 render={({ field }) => (
-                  <div className="grid grid-cols-2 gap-2">
-                    {KNOWN_CHANNELS.map((channel) => (
-                      <label
-                        key={channel}
-                        className="flex items-center gap-2 rounded-md border px-2.5 py-1.5 text-xs"
-                      >
-                        <Checkbox
-                          checked={field.value[channel]}
-                          onCheckedChange={(checked) =>
-                            field.onChange({
-                              ...field.value,
-                              [channel]: checked === true,
-                            })
-                          }
-                        />
-                        {channelLabel(channel, t)}
-                      </label>
-                    ))}
+                  <div className="space-y-2">
+                    {KNOWN_CHANNELS.map((channel) => {
+                      const checked = field.value[channel];
+                      return (
+                        <div
+                          key={channel}
+                          className="rounded-md border border-border/60"
+                        >
+                          <label className="flex cursor-pointer items-start gap-2.5 px-3 py-2.5">
+                            <Checkbox
+                              className="mt-0.5"
+                              checked={checked}
+                              onCheckedChange={(next) =>
+                                field.onChange({
+                                  ...field.value,
+                                  [channel]: next === true,
+                                })
+                              }
+                            />
+                            <span className="min-w-0">
+                              <span className="block text-sm">
+                                {channelLabel(channel, t)}
+                              </span>
+                              <span className="block text-xs text-muted-foreground">
+                                {channelHint(channel, t)}
+                              </span>
+                            </span>
+                          </label>
+                          {channel === "email" && checked ? (
+                            <div className="space-y-1.5 border-t border-border/60 px-3 py-2.5">
+                              <Label htmlFor="monitor-emails">
+                                {t.fieldEmailRecipients}
+                              </Label>
+                              <Textarea
+                                id="monitor-emails"
+                                className="min-h-[64px]"
+                                placeholder={t.fieldEmailRecipientsPlaceholder}
+                                {...register("emailRecipients")}
+                              />
+                              {errors.emailRecipients ? (
+                                <p className="text-xs text-destructive">
+                                  {errors.emailRecipients.message}
+                                </p>
+                              ) : null}
+                            </div>
+                          ) : null}
+                          {channel === "slack" && checked ? (
+                            <div className="space-y-1.5 border-t border-border/60 px-3 py-2.5">
+                              <Label htmlFor="monitor-slack-url">
+                                {t.fieldSlackWebhookUrl}
+                              </Label>
+                              <Input
+                                id="monitor-slack-url"
+                                type="url"
+                                placeholder={t.fieldSlackWebhookUrlPlaceholder}
+                                {...register("slackWebhookUrl")}
+                              />
+                              {errors.slackWebhookUrl ? (
+                                <p className="text-xs text-destructive">
+                                  {errors.slackWebhookUrl.message}
+                                </p>
+                              ) : (
+                                <p className="text-xs text-muted-foreground">
+                                  {t.fieldSlackWebhookUrlHint}
+                                </p>
+                              )}
+                            </div>
+                          ) : null}
+                          {channel === "webhook" && checked ? (
+                            <div className="space-y-1.5 border-t border-border/60 px-3 py-2.5">
+                              <Label htmlFor="monitor-webhook-url">
+                                {t.fieldWebhookUrl}
+                              </Label>
+                              <Input
+                                id="monitor-webhook-url"
+                                type="url"
+                                placeholder={t.fieldWebhookUrlPlaceholder}
+                                {...register("webhookUrl")}
+                              />
+                              {errors.webhookUrl ? (
+                                <p className="text-xs text-destructive">
+                                  {errors.webhookUrl.message}
+                                </p>
+                              ) : (
+                                <p className="text-xs text-muted-foreground">
+                                  {t.fieldWebhookUrlHint}
+                                </p>
+                              )}
+                            </div>
+                          ) : null}
+                        </div>
+                      );
+                    })}
                   </div>
                 )}
               />
-            </div>
-
-            <div className="space-y-1.5 sm:col-span-2">
-              <Label htmlFor="monitor-emails">{t.fieldEmailRecipients}</Label>
-              <Textarea
-                id="monitor-emails"
-                className="min-h-[64px]"
-                placeholder={t.fieldEmailRecipientsPlaceholder}
-                {...register("emailRecipients")}
-              />
               {errors.channels ? (
                 <p className="text-xs text-destructive">
                   {errors.channels.message}
@@ -1024,3 +1130,19 @@ function channelLabel(
       return t.channelWebhook;
   }
 }
+
+function channelHint(
+  channel: (typeof KNOWN_CHANNELS)[number],
+  t: ReturnType<typeof useUptimeT>,
+): string {
+  switch (channel) {
+    case "inbox":
+      return t.channelInboxHint;
+    case "email":
+      return t.channelEmailHint;
+    case "slack":
+      return t.channelSlackHint;
+    case "webhook":
+      return t.channelWebhookHint;
+  }
+}

package/corpus/templates/analytics/app/pages/monitoring/uptime/i18n.ts

@@ -117,7 +117,7 @@ const MESSAGES = {
     sectionResponseChecksHint:
       "Choose which responses count as healthy and add body, header, or latency assertions.",
     sectionAlerting: "Alerting",
-    sectionAlertingHint: "Pick the severity and where alerts are delivered.",
+    sectionAlertingHint: "Choose severity and where alerts go.",
     sectionAdvanced: "Advanced",
     sectionAdvancedHint:
       "Request method, timeout, cooldown, redirects, and pause.",
@@ -165,12 +165,24 @@ const MESSAGES = {
     severityWarning: "Warning",
     severityCritical: "Critical",
     fieldChannels: "Notify via",
-    channelInbox: "Inbox",
+    channelInbox: "In-app inbox",
+    channelInboxHint: "Bell notifications inside Analytics.",
     channelEmail: "Email",
+    channelEmailHint: "Send to specific addresses.",
     channelSlack: "Slack",
+    channelSlackHint: "Post to a Slack incoming webhook.",
     channelWebhook: "Webhook",
+    channelWebhookHint: "POST JSON to any HTTPS endpoint.",
     fieldEmailRecipients: "Email recipients",
     fieldEmailRecipientsPlaceholder: "alerts@example.com, oncall@example.com",
+    fieldSlackWebhookUrl: "Slack webhook URL",
+    fieldSlackWebhookUrlPlaceholder: "https://hooks.slack.com/services/T…/B…/…",
+    fieldSlackWebhookUrlHint:
+      "Paste a Slack Incoming Webhook URL. Leave blank to use the workspace default, if configured.",
+    fieldWebhookUrl: "Webhook URL",
+    fieldWebhookUrlPlaceholder: "https://example.com/hooks/uptime",
+    fieldWebhookUrlHint:
+      "Receives a JSON POST with severity, title, and body. Leave blank to use the workspace default, if configured.",
     fieldCooldown: "Alert cooldown (minutes)",
     fieldEnabled: "Enabled",
     fieldEnabledHint: "Run this monitor on its schedule.",
@@ -188,6 +200,9 @@ const MESSAGES = {
     urlRequired: "Enter an absolute http(s) URL.",
     urlInvalid: "Enter a valid http(s) URL (e.g. https://example.com).",
     channelRequired: "Select at least one alert channel.",
+    emailRecipientsRequired: "Add at least one email recipient.",
+    slackWebhookUrlInvalid: "Enter a valid Slack webhook http(s) URL.",
+    webhookUrlInvalid: "Enter a valid webhook http(s) URL.",
     classRequired: "Select at least one status class.",
     codesRequired: "Enter at least one status code.",
     saved: "Monitor saved.",

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

@@ -61,6 +61,8 @@ export interface MonitorSummary {
   severity: MonitorSeverity;
   channels: string[];
   emailRecipients: string[];
+  slackWebhookUrl: string | null;
+  webhookUrl: string | null;
   cooldownMinutes: number;
   enabled: boolean;
   lastStatus: MonitorStatus | null;
@@ -156,6 +158,8 @@ export interface SaveMonitorInput {
   severity?: MonitorSeverity;
   channels?: string[];
   emailRecipients?: string[];
+  slackWebhookUrl?: string | null;
+  webhookUrl?: string | null;
   cooldownMinutes?: number;
   enabled?: boolean;
 }