@agent-native/core 0.90.11 → 0.91.1

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

@@ -14,6 +14,9 @@ const enUS = {
     dataSources: "Data Sources",
     dataDictionary: "Data Dictionary",
     sessions: "Sessions",
+    monitoring: "Monitoring",
+    monitoringUptime: "Uptime",
+    monitoringErrors: "Errors",
     agents: "Agents",
     templateCatalog: "Catalog",
     dashboards: "Dashboards",
@@ -38,6 +41,8 @@ const enUS = {
   sidebar: {
     collapseSidebar: "Collapse sidebar",
     expandSidebar: "Expand sidebar",
+    collapseAsk: "Collapse Ask",
+    expandAsk: "Expand Ask",
     collapseDashboards: "Collapse dashboards",
     expandDashboards: "Expand dashboards",
     collapseAnalyses: "Collapse analyses",
@@ -347,6 +352,7 @@ const enUS = {
     dataDictionary: "Data Dictionary - Analytics",
     dataSources: "Data Sources - Analytics",
     sessions: "Sessions - Analytics",
+    monitoring: "Monitoring - Analytics",
     agents: "Agents - Analytics",
     session: "Session Replay - Analytics",
     tool: "Tool - Analytics",
@@ -3704,6 +3710,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "折叠侧边栏",
       expandSidebar: "展开侧边栏",
+      collapseAsk: "收起提问",
+      expandAsk: "展开提问",
       collapseDashboards: "收起仪表板",
       expandDashboards: "展开仪表板",
       collapseAnalyses: "收起分析",
@@ -3906,6 +3914,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "Contraer barra lateral",
       expandSidebar: "Expandir barra lateral",
+      collapseAsk: "Contraer Ask",
+      expandAsk: "Expandir Ask",
       collapseDashboards: "Contraer paneles",
       expandDashboards: "Expandir paneles",
       collapseAnalyses: "Contraer análisis",
@@ -4119,6 +4129,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "Réduire la barre latérale",
       expandSidebar: "Développer la barre latérale",
+      collapseAsk: "Réduire Ask",
+      expandAsk: "Développer Ask",
       collapseDashboards: "Réduire les tableaux de bord",
       expandDashboards: "Développer les tableaux de bord",
       collapseAnalyses: "Réduire les analyses",
@@ -4338,6 +4350,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "Seitenleiste einklappen",
       expandSidebar: "Seitenleiste erweitern",
+      collapseAsk: "Ask einklappen",
+      expandAsk: "Ask ausklappen",
       collapseDashboards: "Dashboards einklappen",
       expandDashboards: "Dashboards ausklappen",
       collapseAnalyses: "Analysen einklappen",
@@ -4557,6 +4571,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "サイドバーを折りたたむ",
       expandSidebar: "サイドバーを展開",
+      collapseAsk: "Ask を折りたたむ",
+      expandAsk: "Ask を展開",
       collapseDashboards: "ダッシュボードを折りたたむ",
       expandDashboards: "ダッシュボードを展開",
       collapseAnalyses: "分析を折りたたむ",
@@ -4769,6 +4785,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "사이드바 접기",
       expandSidebar: "사이드바 펼치기",
+      collapseAsk: "Ask 접기",
+      expandAsk: "Ask 펼치기",
       collapseDashboards: "대시보드 접기",
       expandDashboards: "대시보드 펼치기",
       collapseAnalyses: "분석 접기",
@@ -4981,6 +4999,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "Recolher barra lateral",
       expandSidebar: "Expandir barra lateral",
+      collapseAsk: "Recolher Ask",
+      expandAsk: "Expandir Ask",
       collapseDashboards: "Recolher dashboards",
       expandDashboards: "Expandir dashboards",
       collapseAnalyses: "Recolher análises",
@@ -5200,6 +5220,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "साइडबार समेटें",
       expandSidebar: "साइडबार फैलाएं",
+      collapseAsk: "Ask समेटें",
+      expandAsk: "Ask फैलाएं",
       collapseDashboards: "डैशबोर्ड समेटें",
       expandDashboards: "डैशबोर्ड फैलाएं",
       collapseAnalyses: "विश्लेषण समेटें",
@@ -5409,6 +5431,8 @@ export const messagesByLocale = {
     sidebar: {
       collapseSidebar: "طي الشريط الجانبي",
       expandSidebar: "توسيع الشريط الجانبي",
+      collapseAsk: "طي Ask",
+      expandAsk: "توسيع Ask",
       collapseDashboards: "طي لوحات المعلومات",
       expandDashboards: "توسيع لوحات المعلومات",
       collapseAnalyses: "طي التحليلات",
@@ -5701,6 +5725,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "仪表板 - Analytics",
       dataDictionary: "数据字典 - Analytics",
       dataSources: "数据源 - Analytics",
+      monitoring: "监控 - Analytics",
       agents: "代理 - Analytics",
       extensions: "扩展 - Analytics",
       notFound: "未找到 - Analytics",
@@ -5910,6 +5935,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "Panel de control - Analytics",
       dataDictionary: "Diccionario de datos - Analytics",
       dataSources: "Fuentes de datos - Analytics",
+      monitoring: "Monitorización - Analytics",
       agents: "Agentes - Analytics",
       extensions: "Extensiones - Analytics",
       notFound: "No encontrado - Analytics",
@@ -6124,6 +6150,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "Tableau de bord - Analytics",
       dataDictionary: "Dictionnaire de données - Analytics",
       dataSources: "Sources de données - Analytics",
+      monitoring: "Surveillance - Analytics",
       agents: "Agents - Analytique",
       extensions: "Extensions-Analytics",
       notFound: "Introuvable - Analytics",
@@ -6339,6 +6366,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "Dashboard – Analytics",
       dataDictionary: "Datenwörterbuch – Analytics",
       dataSources: "Datenquellen – Analytics",
+      monitoring: "Überwachung – Analytics",
       agents: "Agenten – Analytics",
       extensions: "Erweiterungen – Analytics",
       notFound: "Nicht gefunden – Analytics",
@@ -6549,6 +6577,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "ダッシュボード - Analytics",
       dataDictionary: "データディクショナリ - Analytics",
       dataSources: "データソース - Analytics",
+      monitoring: "監視 - Analytics",
       agents: "エージェント - Analytics",
       extensions: "拡張機能 - Analytics",
       notFound: "見つかりません - Analytics",
@@ -6758,6 +6787,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "대시보드 - Analytics",
       dataDictionary: "데이터 사전 - Analytics",
       dataSources: "데이터 소스 - Analytics",
+      monitoring: "모니터링 - Analytics",
       agents: "에이전트 - Analytics",
       extensions: "확장 - Analytics",
       notFound: "찾을 수 없음 - Analytics",
@@ -6971,6 +7001,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "Painel - Analytics",
       dataDictionary: "Dicionário de Dados - Analytics",
       dataSources: "Fontes de dados - Analytics",
+      monitoring: "Monitoramento - Analytics",
       agents: "Agentes - Analytics",
       extensions: "Extensões - Analytics",
       notFound: "Não encontrado - Analytics",
@@ -7180,6 +7211,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "डैशबोर्ड - Analytics",
       dataDictionary: "डेटा डिक्शनरी - Analytics",
       dataSources: "डेटा स्रोत - Analytics",
+      monitoring: "मॉनिटरिंग - Analytics",
       agents: "एजेंट - Analytics",
       extensions: "एक्सटेंशन - Analytics",
       notFound: "नहीं मिला - Analytics",
@@ -7388,6 +7420,7 @@ const translatedAnalyticsDebtTranslations = {
       dashboard: "لوحة القيادة - Analytics",
       dataDictionary: "قاموس البيانات - Analytics",
       dataSources: "مصادر البيانات - Analytics",
+      monitoring: "المراقبة - Analytics",
       agents: "الوكلاء - Analytics",
       extensions: "Extensions - Analytics",
       notFound: "Not Found - Analytics",

package/corpus/templates/analytics/app/pages/DataSources.tsx

@@ -1440,6 +1440,34 @@ function FirstPartyAnalyticsCard() {
               </div>
             </div>
 
+            {/* Error capture note — the analytics SDK also captures uncaught
+                exceptions and links them to session replays. Static English
+                copy because shared i18n is owned elsewhere. */}
+            <div className="rounded-md border border-border/50 bg-muted/20 p-3 text-xs">
+              <div className="font-medium text-foreground">
+                Error capture{/* i18n-ignore static SDK docs label */}
+              </div>
+              <p className="mt-1 text-muted-foreground">
+                Once a public key is set, the browser SDK automatically captures
+                uncaught exceptions and unhandled promise rejections, and
+                exposes a Sentry-style{" "}
+                <code className="font-mono">captureException()</code> /{" "}
+                <code className="font-mono">captureMessage()</code> API. Errors
+                {/* i18n-ignore static SDK docs copy */} are grouped into issues
+                under Monitoring → Errors and linked to the session replay where
+                each one happened.
+              </p>
+              <a
+                href="https://www.agent-native.com/docs/tracking#error-capture"
+                target="_blank"
+                rel="noreferrer"
+                className="mt-2 inline-flex items-center gap-1 font-medium text-primary hover:underline"
+              >
+                Error capture docs{/* i18n-ignore static SDK docs link */}
+                <IconExternalLink className="h-3 w-3" />
+              </a>
+            </div>
+
             <div className="data-source-inline-form">
               <input
                 value={name}

package/corpus/templates/analytics/app/pages/Settings.tsx

@@ -7,9 +7,12 @@ import {
   useBuilderConnectFlow,
   useBuilderStatus,
   useT,
+  type SettingsSearchEntry,
+  type SettingsTabItem,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
 import {
+  IconBell,
   IconCheck,
   IconChevronDown,
   IconCloud,
@@ -18,7 +21,7 @@ import {
   IconLoader2,
   IconServer,
 } from "@tabler/icons-react";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { Link } from "react-router";
 import { toast } from "sonner";
 
@@ -188,14 +191,75 @@ export default function Settings() {
     }
   }
 
+  const extraTabs = useMemo<SettingsTabItem[]>(
+    () => [
+      {
+        id: "alerts",
+        label: t("settings.alertsTitle"),
+        icon: IconBell,
+        keywords: "alerts rules notifications thresholds triggers monitoring",
+        content: (
+          <div className="mx-auto w-full max-w-3xl">
+            <AlertRulesSettingsCard />
+          </div>
+        ),
+      },
+      ...agentSettingsTabs,
+    ],
+    [agentSettingsTabs, t],
+  );
+
+  const generalSearchEntries = useMemo<SettingsSearchEntry[]>(
+    () => [
+      {
+        id: "analytics-account",
+        label: t("settings.account"),
+        keywords: "profile email signed in identity",
+        hash: "account",
+      },
+      {
+        id: "analytics-credentials",
+        label: t("settings.credentials"),
+        keywords: "data sources api keys manage credentials",
+        hash: "credentials",
+      },
+      {
+        id: "analytics-replay-storage",
+        label: t("settings.replayStorage"),
+        keywords: "storage s3 builder replay bucket cloud",
+        hash: "replay-storage",
+      },
+      {
+        id: "analytics-dashboard-templates",
+        label: t("settings.dashboardTemplates"),
+        keywords: "templates catalog dashboards",
+        hash: "dashboard-templates",
+      },
+      {
+        id: "analytics-language",
+        label: t("settings.languageTitle"),
+        keywords: "language locale translation i18n",
+        hash: "language",
+      },
+      {
+        id: "analytics-about",
+        label: t("settings.about"),
+        keywords: "about version info usage",
+        hash: "about",
+      },
+    ],
+    [t],
+  );
+
   return (
     <SettingsTabsPage
       teamLabel={t("navigation.team")}
       whatsNewLabel={t("root.whatsNew")}
-      extraTabs={agentSettingsTabs}
+      extraTabs={extraTabs}
+      generalSearchEntries={generalSearchEntries}
       general={
         <div className="mx-auto w-full max-w-2xl space-y-6">
-          <Card className="bg-card border-border/50">
+          <Card id="account" className="bg-card border-border/50 scroll-mt-16">
             <CardHeader>
               <CardTitle className="text-base">
                 {t("settings.account")}
@@ -213,7 +277,10 @@ export default function Settings() {
             </CardContent>
           </Card>
 
-          <Card className="bg-card border-border/50">
+          <Card
+            id="credentials"
+            className="bg-card border-border/50 scroll-mt-16"
+          >
             <CardHeader>
               <CardTitle className="text-base">
                 {t("settings.credentials")}
@@ -403,7 +470,10 @@ export default function Settings() {
             </CardContent>
           </Card>
 
-          <Card className="bg-card border-border/50">
+          <Card
+            id="dashboard-templates"
+            className="bg-card border-border/50 scroll-mt-16"
+          >
             <CardHeader>
               <CardTitle className="text-base">
                 {t("settings.dashboardTemplates")}
@@ -421,9 +491,7 @@ export default function Settings() {
             </CardContent>
           </Card>
 
-          <AlertRulesSettingsCard />
-
-          <Card className="bg-card border-border/50">
+          <Card id="language" className="bg-card border-border/50 scroll-mt-16">
             <CardHeader>
               <CardTitle className="text-base">
                 {t("settings.languageTitle")}
@@ -435,7 +503,7 @@ export default function Settings() {
             </CardContent>
           </Card>
 
-          <Card className="bg-card border-border/50">
+          <Card id="about" className="bg-card border-border/50 scroll-mt-16">
             <CardHeader>
               <CardTitle className="text-base">{t("settings.about")}</CardTitle>
             </CardHeader>

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

@@ -296,8 +296,8 @@ export function SqlChartCard({
 
   // Extension panels render their sandboxed iframe full-bleed with no card chrome
   // or title — the extension owns its own UI. All viewers get the read-only
-  // actions (full screen, refresh, open extension); editable dashboards also get
-  // delete and drag.
+  // actions (full screen, refresh, open embedded extension); editable
+  // dashboards also get delete and drag.
   if (panel.chartType === "extension") {
     const extensionId = (panel.config as Record<string, unknown> | undefined)
       ?.extensionId as string | undefined;
@@ -349,7 +349,7 @@ export function SqlChartCard({
                   }
                 >
                   <IconExternalLink className="h-4 w-4 mr-2" />
-                  Open extension {/* i18n-ignore */}
+                  Open embedded extension {/* i18n-ignore */}
                 </DropdownMenuItem>
               ) : null}
               <DropdownMenuSeparator />

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/dashboard-layout.ts

@@ -483,6 +483,13 @@ export function movePanelToDropSlot(
     ) {
       rowIndex -= 1;
     }
+    if (
+      sourceGroupKey === slot.groupKey &&
+      sourceRowWasSingle &&
+      sourceRowIndex === rowIndex
+    ) {
+      return panels;
+    }
     targetGroup.rows.splice(Math.max(0, rowIndex), 0, {
       key: movingPanel.id,
       panels: [movingPanel],

package/corpus/templates/analytics/app/pages/monitoring/ErrorsPanel.tsx

@@ -0,0 +1,205 @@
+/**
+ * Error capture panel — OWNED BY THE ERROR CAPTURE FEATURE.
+ *
+ * Sentry-style exception triage below the Monitoring tab bar. The issue list
+ * and per-issue detail are switched via the `?issue=<id>` query param (shareable
+ * + agent-deep-linkable) and the selection is mirrored into `application_state`
+ * so the agent knows which error the user is looking at. Data flows through the
+ * error-capture actions; `useChangeVersions(["error-issues"])` keeps the UI
+ * fresh as new captures and agent edits land.
+ */
+import {
+  setClientAppState,
+  useActionMutation,
+  useActionQuery,
+  useChangeVersions,
+} from "@agent-native/core/client";
+import { useQueryClient } from "@tanstack/react-query";
+import { useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "react-router";
+import { toast } from "sonner";
+
+import { fmt, useErrorsT } from "./errors/i18n";
+import { IssueDetail } from "./errors/IssueDetail";
+import { IssueList } from "./errors/IssueList";
+import type {
+  ErrorIssueDetail,
+  ErrorIssueSummary,
+  IssueStatus,
+  StatusFilter,
+} from "./errors/types";
+
+function useDebouncedValue<T>(value: T, delayMs: number): T {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const timer = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(timer);
+  }, [value, delayMs]);
+  return debounced;
+}
+
+export function ErrorsPanel() {
+  const t = useErrorsT();
+  const queryClient = useQueryClient();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const selectedId = searchParams.get("issue");
+
+  const [status, setStatus] = useState<StatusFilter>("unresolved");
+  const [search, setSearch] = useState("");
+  const debouncedSearch = useDebouncedValue(search, 250);
+
+  const sync = useChangeVersions(["error-issues", "action"]);
+
+  const queryArgs = useMemo(
+    () => ({
+      status,
+      query: debouncedSearch.trim() || undefined,
+      limit: 100,
+    }),
+    [status, debouncedSearch],
+  );
+
+  const { data, isLoading, isFetching, error, refetch } = useActionQuery<
+    ErrorIssueSummary[]
+  >("list-error-issues", queryArgs, { staleTime: 10_000 });
+
+  const resolveIssue = useActionMutation<
+    { id: string; status: IssueStatus; assignee: string | null },
+    { id: string; status: IssueStatus }
+  >("resolve-error-issue");
+  const sendTest = useActionMutation<{ issueId: string }, { message?: string }>(
+    "capture-test-error",
+  );
+
+  const issues = useMemo(() => (Array.isArray(data) ? data : []), [data]);
+
+  // Refresh list + detail when a capture or agent edit records an
+  // "error-issues" change (useDbSync bumps the version this hook reads).
+  useEffect(() => {
+    queryClient.invalidateQueries({
+      queryKey: ["action", "list-error-issues"],
+    });
+    queryClient.invalidateQueries({ queryKey: ["action", "get-error-issue"] });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sync]);
+
+  const selectedIssue = useMemo(
+    () => issues.find((issue) => issue.id === selectedId) ?? null,
+    [issues, selectedId],
+  );
+
+  // Mirror the current selection into application_state for the agent.
+  useEffect(() => {
+    const value = selectedIssue
+      ? {
+          view: "errors",
+          issueId: selectedIssue.id,
+          title: selectedIssue.title,
+          status: selectedIssue.status,
+        }
+      : selectedId
+        ? { view: "errors", issueId: selectedId }
+        : { view: "errors" };
+    void setClientAppState("monitoring", value).catch(() => {});
+  }, [selectedIssue, selectedId]);
+
+  const selectIssue = (id: string | null) => {
+    setSearchParams(
+      (prev) => {
+        const params = new URLSearchParams(prev);
+        if (id) params.set("issue", id);
+        else params.delete("issue");
+        return params;
+      },
+      { replace: false },
+    );
+  };
+
+  const applyStatusToCaches = (id: string, nextStatus: IssueStatus) => {
+    queryClient.setQueriesData<ErrorIssueSummary[]>(
+      { queryKey: ["action", "list-error-issues"] },
+      (old) =>
+        Array.isArray(old)
+          ? old.map((issue) =>
+              issue.id === id ? { ...issue, status: nextStatus } : issue,
+            )
+          : old,
+    );
+    queryClient.setQueriesData<ErrorIssueDetail>(
+      { queryKey: ["action", "get-error-issue"] },
+      (old) =>
+        old && old.issue?.id === id
+          ? { ...old, issue: { ...old.issue, status: nextStatus } }
+          : old,
+    );
+  };
+
+  const handleSetStatus = async (id: string, nextStatus: IssueStatus) => {
+    applyStatusToCaches(id, nextStatus);
+    try {
+      await resolveIssue.mutateAsync({ id, status: nextStatus });
+      toast.success(
+        nextStatus === "resolved"
+          ? t.resolvedToast
+          : nextStatus === "ignored"
+            ? t.ignoredToast
+            : t.reopenedToast,
+      );
+    } catch (err) {
+      queryClient.invalidateQueries({
+        queryKey: ["action", "list-error-issues"],
+      });
+      queryClient.invalidateQueries({
+        queryKey: ["action", "get-error-issue"],
+      });
+      toast.error(
+        fmt(t.updateFailed, {
+          message: err instanceof Error ? err.message : String(err),
+        }),
+      );
+    }
+  };
+
+  const handleSendTestError = async () => {
+    try {
+      await sendTest.mutateAsync({});
+      toast.success(t.testSentToast);
+      await refetch();
+    } catch (err) {
+      toast.error(
+        fmt(t.testFailed, {
+          message: err instanceof Error ? err.message : String(err),
+        }),
+      );
+    }
+  };
+
+  if (selectedId) {
+    return (
+      <IssueDetail
+        issueId={selectedId}
+        fallback={selectedIssue ?? undefined}
+        onBack={() => selectIssue(null)}
+        onSetStatus={(next) => handleSetStatus(selectedId, next)}
+        pendingStatus={resolveIssue.isPending}
+      />
+    );
+  }
+
+  return (
+    <IssueList
+      issues={issues}
+      isLoading={isLoading}
+      status={status}
+      onStatusChange={setStatus}
+      search={search}
+      onSearchChange={setSearch}
+      onRefresh={() => void refetch()}
+      isFetching={isFetching}
+      onSelect={selectIssue}
+      onSendTestError={handleSendTestError}
+      sendingTest={sendTest.isPending}
+      error={error ? error.message : null}
+    />
+  );
+}