@agent-native/core 0.86.0 → 0.87.0

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

@@ -1,4 +1,16 @@
 import { useReconciledState, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconAlertTriangle,
   IconAlignLeft,
@@ -12,18 +24,6 @@ import { toast } from "sonner";
 
 import { SqlEditor } from "@/components/SqlEditor";
 import { SqlHighlight } from "@/components/SqlHighlight";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { canFormatPanelSql, formatPanelSql } from "@/lib/format-sql";
 
 import type { DataSourceType, SqlPanel } from "./types";

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

@@ -1,13 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import {
-  IconChevronDown,
-  IconDeviceFloppy,
-  IconTrash,
-  IconLayoutGrid,
-} from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { useSearchParams } from "react-router";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -17,15 +8,15 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -33,13 +24,22 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import {
+  IconChevronDown,
+  IconDeviceFloppy,
+  IconTrash,
+  IconLayoutGrid,
+} from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { useSearchParams } from "react-router";
+
 import {
   useDashboardViews,
   type DashboardView,

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

@@ -13,6 +13,39 @@ import {
   useT,
   type CollabUser,
 } from "@agent-native/core/client";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@agent-native/toolkit/ui/alert";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Card, CardContent } from "@agent-native/toolkit/ui/card";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Tabs, TabsList, TabsTrigger } from "@agent-native/toolkit/ui/tabs";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   useDroppable,
   DndContext,
@@ -61,35 +94,6 @@ import {
   useSetPageTitle,
   useSetHeaderActions,
 } from "@/components/layout/HeaderActions";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useDashboardViews } from "@/hooks/use-dashboard-views";
 import { useUserPref } from "@/hooks/use-user-pref";
 import { incrementItemView } from "@/lib/item-popularity";

package/corpus/templates/analytics/app/pages/analyses/AnalysesList.tsx

@@ -4,20 +4,19 @@ import {
   useChangeVersions,
   useT,
 } from "@agent-native/core/client";
-import { IconFlask, IconClock, IconSearch } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useState } from "react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
+import { Badge } from "@agent-native/toolkit/ui/badge";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { IconFlask, IconClock, IconSearch } from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { useState } from "react";
+import { Link } from "react-router";
 
 interface AnalysisSummary {
   id: string;

package/corpus/templates/analytics/app/pages/analyses/AnalysisDetail.tsx

@@ -6,6 +6,25 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { useSendToAgentChat } from "@agent-native/core/client";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconRefresh,
   IconTrash,
@@ -26,25 +45,6 @@ import {
   useSetHeaderActions,
 } from "@/components/layout/HeaderActions";
 import Markdown from "@/components/Markdown";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { incrementItemView } from "@/lib/item-popularity";
 import {
   analysisDetailPrefetchKey,

package/corpus/templates/analytics/app/pages/analyses/LegacyFusionAnalysis.tsx

@@ -1,4 +1,19 @@
 import { captureError, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Progress } from "@agent-native/toolkit/ui/progress";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@agent-native/toolkit/ui/tabs";
 import {
   IconAlertTriangle,
   IconChecks,
@@ -13,17 +28,6 @@ import {
 } from "@tabler/icons-react";
 import { useEffect, type ComponentType, type ReactNode } from "react";
 
-import { Badge } from "@/components/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Progress } from "@/components/ui/progress";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-
 type TablerIcon = ComponentType<{ className?: string }>;
 
 interface AnalysisLike {

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

@@ -6,6 +6,20 @@ import {
   useSendToAgentChat,
   useT,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Card, CardContent } from "@agent-native/toolkit/ui/card";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import { SESSION_REPLAY_AGENT_ACCESS_PARAM } from "@shared/session-replay-agent-access";
 import {
   IconArrowLeft,
@@ -35,20 +49,6 @@ import {
 } from "react";
 import { Link, useParams } from "react-router";
 
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { getIdToken } from "@/lib/auth";
 import { cn } from "@/lib/utils";
 
@@ -1075,15 +1075,21 @@ function useSessionReplayPlayback(recordingId: string) {
     enabled: Boolean(recordingId),
     staleTime: 30_000,
     gcTime: 60_000,
-    queryFn: () => fetchSessionReplayPlayback(recordingId),
+    queryFn: () =>
+      fetchSessionReplayPlayback(recordingId, { agentAccessToken }),
   });
 }
 
+interface FetchSessionReplayPlaybackOptions {
+  agentAccessToken?: string;
+}
+
 export async function fetchSessionReplayPlayback(
   recordingId: string,
+  options: FetchSessionReplayPlaybackOptions = {},
 ): Promise<SessionReplayPlaybackResponse> {
-  const manifest = await fetchReplayManifest(recordingId);
-  const chunks = await fetchReplayChunks(manifest.chunks);
+  const manifest = await fetchReplayManifest(recordingId, options);
+  const chunks = await fetchReplayChunks(manifest.chunks, options);
   const unavailableChunks = chunks.filter((chunk) => chunk.unavailable).length;
   const eventCount = chunks.reduce(
     (sum, chunk) => sum + chunk.events.length,
@@ -1100,11 +1106,13 @@ export async function fetchSessionReplayPlayback(
 
 async function fetchReplayManifest(
   recordingId: string,
+  options: FetchSessionReplayPlaybackOptions,
 ): Promise<SessionReplayManifestResponse> {
   const response = await fetchReplayApi(
     `/api/session-replay/recordings/${encodeURIComponent(
       recordingId,
     )}/manifest`,
+    options.agentAccessToken,
   );
   if (!response.ok) throw await replayFetchError(response);
   return (await response.json()) as SessionReplayManifestResponse;
@@ -1112,6 +1120,7 @@ async function fetchReplayManifest(
 
 async function fetchReplayChunks(
   chunks: SessionReplayManifestResponse["chunks"],
+  options: FetchSessionReplayPlaybackOptions,
 ): Promise<ReplayChunkEvents[]> {
   const results = new Array<ReplayChunkEvents>(chunks.length);
   let nextIndex = 0;
@@ -1120,7 +1129,7 @@ async function fetchReplayChunks(
     while (nextIndex < chunks.length) {
       const index = nextIndex;
       nextIndex += 1;
-      results[index] = await fetchReplayChunk(chunks[index]);
+      results[index] = await fetchReplayChunk(chunks[index], options);
     }
   }
 
@@ -1135,8 +1144,12 @@ async function fetchReplayChunks(
 
 async function fetchReplayChunk(
   chunk: SessionReplayManifestResponse["chunks"][number],
+  options: FetchSessionReplayPlaybackOptions,
 ): Promise<ReplayChunkEvents> {
-  const response = await fetchReplayApi(chunk.bytesPath);
+  const response = await fetchReplayApi(
+    chunk.bytesPath,
+    options.agentAccessToken,
+  );
   if (!response.ok) {
     const error = await replayFetchError(response);
     if (isUnavailableReplayChunk(response, error)) {
@@ -1176,19 +1189,25 @@ function replayUnavailableChunk(
 
 function currentSessionReplayAgentAccessToken(): string {
   const browserSearch =
-    typeof window === "undefined" ? "" : window.location.search;
+    globalThis.window?.location?.search ?? globalThis.location?.search ?? "";
   return (
     new URLSearchParams(browserSearch).get(SESSION_REPLAY_AGENT_ACCESS_PARAM) ??
     ""
   );
 }
 
-async function fetchReplayApi(path: string): Promise<Response> {
+async function fetchReplayApi(
+  path: string,
+  explicitAgentAccessToken?: string,
+): Promise<Response> {
   const token = await getIdToken();
   const browserOrigin =
-    typeof window === "undefined" ? "http://localhost" : window.location.origin;
+    globalThis.window?.location?.origin ??
+    globalThis.location?.origin ??
+    "http://localhost";
   const url = new URL(appApiPath(path), browserOrigin);
-  const agentAccessToken = currentSessionReplayAgentAccessToken();
+  const agentAccessToken =
+    explicitAgentAccessToken ?? currentSessionReplayAgentAccessToken();
   if (agentAccessToken) {
     url.searchParams.set(SESSION_REPLAY_AGENT_ACCESS_PARAM, agentAccessToken);
   }

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

@@ -1,4 +1,16 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@agent-native/toolkit/ui/collapsible";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@agent-native/toolkit/ui/tabs";
 import {
   IconChevronRight,
   IconCloudDataConnection,
@@ -8,13 +20,6 @@ import {
 } from "@tabler/icons-react";
 import { type ReactNode, useEffect, useMemo, useRef, useState } from "react";
 
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { Input } from "@/components/ui/input";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { cn } from "@/lib/utils";
 
 import {

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

@@ -5,6 +5,18 @@ import {
   useBuilderStatus,
   useT,
 } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Card, CardContent } from "@agent-native/toolkit/ui/card";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconChevronDown,
   IconCheck,
@@ -21,18 +33,6 @@ import {
 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";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useReplayStorageStatus } from "@/hooks/use-replay-storage-status";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/analytics/app/pages/settings/AlertRulesSettingsCard.tsx

@@ -3,19 +3,6 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
-import {
-  IconBell,
-  IconBellRinging,
-  IconLoader2,
-  IconPencil,
-  IconPlayerPlay,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useMemo, useState } from "react";
-import { toast } from "sonner";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -25,17 +12,17 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Checkbox } from "@/components/ui/checkbox";
+} from "@agent-native/toolkit/ui/card";
+import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
 import {
   Dialog,
   DialogContent,
@@ -43,17 +30,17 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Switch } from "@/components/ui/switch";
+} from "@agent-native/toolkit/ui/select";
+import { Switch } from "@agent-native/toolkit/ui/switch";
 import {
   Table,
   TableBody,
@@ -61,8 +48,21 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
-import { Textarea } from "@/components/ui/textarea";
+} from "@agent-native/toolkit/ui/table";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import {
+  IconBell,
+  IconBellRinging,
+  IconLoader2,
+  IconPencil,
+  IconPlayerPlay,
+  IconPlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
+
 import { cn } from "@/lib/utils";
 
 type AlertFilterOp = "equals" | "not_equals" | "contains" | "in" | "exists";

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

@@ -7,6 +7,8 @@ import {
   useDbSync,
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
+import { Toaster as Sonner } from "@agent-native/toolkit/ui/sonner";
+import { Toaster } from "@agent-native/toolkit/ui/toaster";
 import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useState } from "react";
 import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
@@ -14,8 +16,6 @@ import type { LinksFunction } from "react-router";
 
 import { AuthProvider } from "@/components/auth/AuthProvider";
 import { ProviderCorpusJobNotifier } from "@/components/ProviderCorpusJobNotifier";
-import { Toaster as Sonner } from "@/components/ui/sonner";
-import { Toaster } from "@/components/ui/toaster";
 import { TAB_ID } from "@/lib/tab-id";
 
 import { CommandPalette } from "./components/layout/CommandPalette";

package/corpus/templates/analytics/app/routes/catalog.tsx

@@ -3,12 +3,7 @@ import {
   useActionQuery,
   useT,
 } from "@agent-native/core/client";
-import { IconLayoutDashboard } from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { useNavigate } from "react-router";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Card,
   CardContent,
@@ -16,8 +11,13 @@ import {
   CardFooter,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { IconLayoutDashboard } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { useNavigate } from "react-router";
+import { toast } from "sonner";
+
 import { demoNodeExporterDashboardPath } from "@/lib/demo-dashboard-path";
 
 type InstalledDashboard = {

package/corpus/templates/analytics/changelog/2026-07-03-connect-other-app-databases-from-analytics.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-07-03
+---
+
+Analytics admins can now connect other agent-native app databases from Agents and inspect or repair those target databases without exposing Analytics data to all users.

package/corpus/templates/analytics/package.json

@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@agent-native/core": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",