@agent-native/core 0.97.0 → 0.98.1

package/corpus/templates/analytics/app/pages/adhoc/explorer/use-explorer-config.ts

@@ -1,6 +1,7 @@
 import { callAction, useT } from "@agent-native/core/client";
 import { useQuery } from "@tanstack/react-query";
 import { useState, useCallback, useEffect, useRef } from "react";
+import { toast } from "sonner";
 
 import type { ExplorerConfig } from "./types";
 import { createDefaultConfig } from "./types";
@@ -14,32 +15,20 @@ interface SavedConfigEntry {
 }
 
 async function fetchSavedConfigs(): Promise<SavedConfigEntry[]> {
-  try {
-    const rows = await callAction(
-      "list-explorer-configs",
-      {},
-      { method: "GET" },
-    );
-    return (Array.isArray(rows) ? rows : []) as SavedConfigEntry[];
-  } catch {
-    return [];
-  }
+  const rows = await callAction("list-explorer-configs", {}, { method: "GET" });
+  return (Array.isArray(rows) ? rows : []) as SavedConfigEntry[];
 }
 
 async function fetchConfig(id: string): Promise<ExplorerConfig | null> {
-  try {
-    const data = await callAction(
-      "get-explorer-config",
-      { id },
-      { method: "GET" },
-    );
-    if (!data || typeof data !== "object") return null;
-    // Strip server-added id field
-    const { id: _id, ...rest } = data as Record<string, unknown>;
-    return rest as unknown as ExplorerConfig;
-  } catch {
-    return null;
-  }
+  const data = await callAction(
+    "get-explorer-config",
+    { id },
+    { method: "GET" },
+  );
+  if (!data || typeof data !== "object") return null;
+  // Strip server-added id field
+  const { id: _id, ...rest } = data as Record<string, unknown>;
+  return rest as unknown as ExplorerConfig;
 }
 
 function persistConfig(id: string, config: ExplorerConfig) {
@@ -62,12 +51,14 @@ export function useExplorerConfig() {
 
   // On mount, try to restore from autosave
   useEffect(() => {
-    fetchConfig(AUTOSAVE_ID).then((saved) => {
-      if (saved) {
-        setConfig(saved);
-      }
-      setInitialized(true);
-    });
+    fetchConfig(AUTOSAVE_ID)
+      .catch(() => null)
+      .then((saved) => {
+        if (saved) {
+          setConfig(saved);
+        }
+        setInitialized(true);
+      });
   }, []);
 
   // Auto-save on every config change (debounced)
@@ -84,19 +75,27 @@ export function useExplorerConfig() {
     return () => clearTimeout(autosaveTimer.current);
   }, [config, currentId, initialized]);
 
-  const { data: savedConfigs = [], refetch: refetchList } = useQuery({
+  const savedConfigsQuery = useQuery({
     queryKey: ["explorer-configs"],
     queryFn: fetchSavedConfigs,
     staleTime: 30_000,
   });
+  const savedConfigs = savedConfigsQuery.data ?? [];
 
-  const loadConfig = useCallback(async (id: string) => {
-    const loaded = await fetchConfig(id);
-    if (loaded) {
-      setConfig(loaded);
-      setCurrentId(id);
-    }
-  }, []);
+  const loadConfig = useCallback(
+    async (id: string) => {
+      try {
+        const loaded = await fetchConfig(id);
+        if (loaded) {
+          setConfig(loaded);
+          setCurrentId(id);
+        }
+      } catch {
+        toast.error(t("commandPalette.loadFailed"));
+      }
+    },
+    [t],
+  );
 
   const saveConfig = useCallback(
     async (name?: string) => {
@@ -110,12 +109,12 @@ export function useExplorerConfig() {
         });
         setCurrentId(id);
         setConfig(toSave);
-        refetchList();
+        savedConfigsQuery.refetch();
       } finally {
         setIsSaving(false);
       }
     },
-    [config, currentId, refetchList],
+    [config, currentId, savedConfigsQuery],
   );
 
   const deleteConfig = useCallback(
@@ -125,9 +124,9 @@ export function useExplorerConfig() {
         setConfig(createDefaultConfig(defaultConfigName));
         setCurrentId(null);
       }
-      refetchList();
+      savedConfigsQuery.refetch();
     },
-    [currentId, defaultConfigName, refetchList],
+    [currentId, defaultConfigName, savedConfigsQuery],
   );
 
   const newConfig = useCallback(() => {
@@ -140,6 +139,8 @@ export function useExplorerConfig() {
     setConfig,
     currentId,
     savedConfigs,
+    savedConfigsError: savedConfigsQuery.error,
+    retrySavedConfigs: savedConfigsQuery.refetch,
     loadConfig,
     saveConfig,
     deleteConfig,

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

@@ -50,6 +50,7 @@ import {
   DashboardTitleSkeleton,
   useSetPageTitle,
 } from "@/components/layout/HeaderActions";
+import { ResourceLoadError } from "@/components/ResourceLoadError";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -131,28 +132,24 @@ function ExplorerDashboardDragPreview({ title }: { title: string | null }) {
 async function fetchDashboard(
   id: string,
 ): Promise<FetchedExplorerDashboard | null> {
-  try {
-    const raw: any = await callAction(
-      "get-explorer-dashboard",
-      { id },
-      { method: "GET" },
-    );
-    if (!raw) return null;
-    return {
-      data: {
-        name: raw.name ?? "Untitled Dashboard",
-        charts: raw.charts ?? [],
-      },
-      archivedAt: typeof raw.archivedAt === "string" ? raw.archivedAt : null,
-      hiddenAt: typeof raw.hiddenAt === "string" ? raw.hiddenAt : null,
-      hiddenBy: typeof raw.hiddenBy === "string" ? raw.hiddenBy : null,
-      role: typeof raw.role === "string" ? raw.role : undefined,
-      canEdit: typeof raw.canEdit === "boolean" ? raw.canEdit : undefined,
-      canManage: typeof raw.canManage === "boolean" ? raw.canManage : undefined,
-    };
-  } catch {
-    return null;
-  }
+  const raw: any = await callAction(
+    "get-explorer-dashboard",
+    { id },
+    { method: "GET" },
+  );
+  if (!raw) return null;
+  return {
+    data: {
+      name: raw.name ?? "Untitled Dashboard",
+      charts: raw.charts ?? [],
+    },
+    archivedAt: typeof raw.archivedAt === "string" ? raw.archivedAt : null,
+    hiddenAt: typeof raw.hiddenAt === "string" ? raw.hiddenAt : null,
+    hiddenBy: typeof raw.hiddenBy === "string" ? raw.hiddenBy : null,
+    role: typeof raw.role === "string" ? raw.role : undefined,
+    canEdit: typeof raw.canEdit === "boolean" ? raw.canEdit : undefined,
+    canManage: typeof raw.canManage === "boolean" ? raw.canManage : undefined,
+  };
 }
 
 async function saveDashboard(id: string, data: ExplorerDashboardData) {
@@ -163,18 +160,10 @@ async function saveDashboard(id: string, data: ExplorerDashboardData) {
 }
 
 async function fetchSavedConfigs(): Promise<SavedConfig[]> {
-  try {
-    const rows = await callAction(
-      "list-explorer-configs",
-      {},
-      { method: "GET" },
-    );
-    return (Array.isArray(rows) ? rows : [])
-      .filter((c: any) => c.id !== "_autosave")
-      .map((c: any) => ({ id: c.id, name: c.name }));
-  } catch {
-    return [];
-  }
+  const rows = await callAction("list-explorer-configs", {}, { method: "GET" });
+  return (Array.isArray(rows) ? rows : [])
+    .filter((c: any) => c.id !== "_autosave")
+    .map((c: any) => ({ id: c.id, name: c.name }));
 }
 
 export default function ExplorerDashboardPage() {
@@ -277,11 +266,12 @@ export default function ExplorerDashboardPage() {
     [collabDocId],
   );
 
-  const { data: savedConfigs = [] } = useQuery({
+  const savedConfigsQuery = useQuery({
     queryKey: ["explorer-configs"],
     queryFn: fetchSavedConfigs,
     staleTime: 30_000,
   });
+  const savedConfigs = savedConfigsQuery.data ?? [];
 
   // Refetch the dashboard whenever the `dashboards` source bumps OR any agent
   // action runs — the same "agent writes show up without a manual refresh"
@@ -539,6 +529,16 @@ export default function ExplorerDashboardPage() {
     );
   }
 
+  if (dashboardQuery.isError) {
+    return (
+      <ResourceLoadError
+        message={t("sidebar.dashboardsLoadFailed")}
+        retryLabel={t("sidebar.retry")}
+        onRetry={() => void dashboardQuery.refetch()}
+      />
+    );
+  }
+
   if (!loaded) {
     return <DashboardSkeleton />;
   }
@@ -817,7 +817,14 @@ export default function ExplorerDashboardPage() {
               <DialogTitle>{t("explorerDashboard.addChart")}</DialogTitle>
             </DialogHeader>
             <div className="max-h-[400px] overflow-auto space-y-1">
-              {savedConfigs.length === 0 ? (
+              {savedConfigsQuery.isError ? (
+                <ResourceLoadError
+                  inline
+                  message={t("commandPalette.loadFailed")}
+                  retryLabel={t("sidebar.retry")}
+                  onRetry={() => void savedConfigsQuery.refetch()}
+                />
+              ) : savedConfigs.length === 0 ? (
                 <p className="text-sm text-muted-foreground py-4 text-center">
                   {t("explorerDashboard.noSavedExplorerCharts")}
                 </p>

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

@@ -8,6 +8,7 @@ import {
 import { useMemo, useState } from "react";
 import { useSearchParams } from "react-router";
 
+import { ResourceLoadError } from "@/components/ResourceLoadError";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -92,7 +93,8 @@ function filtersMatch(
 export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
   const t = useT();
   const [searchParams, setSearchParams] = useSearchParams();
-  const { views, saveView, deleteView } = useDashboardViews(dashboardId);
+  const { views, error, refetch, saveView, deleteView } =
+    useDashboardViews(dashboardId);
 
   const [menuOpen, setMenuOpen] = useState(false);
   const [saveDialogOpen, setSaveDialogOpen] = useState(false);
@@ -177,7 +179,14 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
           <DropdownMenuLabel className="text-xs text-muted-foreground">
             {t("sqlDashboard.savedViews")}
           </DropdownMenuLabel>
-          {views.length === 0 ? (
+          {error ? (
+            <ResourceLoadError
+              inline
+              message={t("commandPalette.loadFailed")}
+              retryLabel={t("sidebar.retry")}
+              onRetry={() => void refetch()}
+            />
+          ) : views.length === 0 ? (
             <div className="px-2 py-2 text-xs text-muted-foreground">
               {t("sqlDashboard.noSavedViews")}
             </div>

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

@@ -43,9 +43,8 @@ export function ErrorsPanel() {
   const queryClient = useQueryClient();
   const [searchParams, setSearchParams] = useSearchParams();
   const selectedId = searchParams.get("issue");
-
-  const [status, setStatus] = useState<StatusFilter>("unresolved");
-  const [search, setSearch] = useState("");
+  const status = errorStatusFromSearchParams(searchParams);
+  const search = searchParams.get("q") ?? "";
   const debouncedSearch = useDebouncedValue(search, 250);
 
   const sync = useChangeVersions(["error-issues", "action"]);
@@ -96,9 +95,32 @@ export function ErrorsPanel() {
         }
       : selectedId
         ? { view: "errors", issueId: selectedId }
-        : { view: "errors" };
+        : {
+            view: "errors",
+            status,
+            ...(search.trim() ? { query: search.trim() } : {}),
+          };
     void setClientAppState("monitoring", value).catch(() => {});
-  }, [selectedIssue, selectedId]);
+  }, [search, selectedIssue, selectedId, status]);
+
+  const updateFilters = (next: { status?: StatusFilter; search?: string }) => {
+    setSearchParams(
+      (prev) => {
+        const params = new URLSearchParams(prev);
+        if (next.status) {
+          if (next.status === "unresolved") params.delete("status");
+          else params.set("status", next.status);
+        }
+        if (next.search !== undefined) {
+          const query = next.search.trim();
+          if (query) params.set("q", next.search);
+          else params.delete("q");
+        }
+        return params;
+      },
+      { replace: true },
+    );
+  };
 
   const selectIssue = (id: string | null) => {
     setSearchParams(
@@ -188,9 +210,9 @@ export function ErrorsPanel() {
       issues={issues}
       isLoading={isLoading}
       status={status}
-      onStatusChange={setStatus}
+      onStatusChange={(nextStatus) => updateFilters({ status: nextStatus })}
       search={search}
-      onSearchChange={setSearch}
+      onSearchChange={(nextSearch) => updateFilters({ search: nextSearch })}
       onRefresh={() => void refetch()}
       isFetching={isFetching}
       onSelect={selectIssue}
@@ -200,3 +222,12 @@ export function ErrorsPanel() {
     />
   );
 }
+
+export function errorStatusFromSearchParams(
+  searchParams: URLSearchParams,
+): StatusFilter {
+  const status = searchParams.get("status");
+  return status === "resolved" || status === "ignored" || status === "all"
+    ? status
+    : "unresolved";
+}

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

@@ -55,7 +55,7 @@ export default function MonitoringPage() {
 
   const toggles = (
     <div className="flex shrink-0 items-center gap-2">
-      <RunsTray />
+      <RunsTray pollMs={0} />
       <AgentToggleButton />
     </div>
   );

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

@@ -86,6 +86,9 @@ const MESSAGES = {
     viewIssue: "View issue",
     viewIssueTooltip:
       "Open this error's issue — how many users hit it, the stack trace, and recent occurrences",
+    searchIssues: "Find similar",
+    searchIssuesTooltip:
+      "Search Monitoring for all captured issues matching this console error",
     // Toasts
     resolvedToast: "Issue resolved.",
     reopenedToast: "Issue reopened.",