@agent-native/core 0.86.1 → 0.88.0

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/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",

package/corpus/templates/analytics/server/db/index.ts

@@ -1,6 +1,12 @@
 import { createGetDb } from "@agent-native/core/db";
 import { registerShareableResource } from "@agent-native/core/sharing";
 
+import {
+  ANALYTICS_ANALYSIS_AGENT_CONTEXT_ENDPOINT,
+  ANALYTICS_ANALYSIS_AGENT_RESOURCE_KIND,
+  ANALYTICS_DASHBOARD_AGENT_CONTEXT_ENDPOINT,
+  ANALYTICS_DASHBOARD_AGENT_RESOURCE_KIND,
+} from "../../shared/resource-agent-access.js";
 import * as schema from "./schema.js";
 
 export const getDb = createGetDb(schema);
@@ -13,6 +19,10 @@ registerShareableResource({
   displayName: "Dashboard",
   titleColumn: "title",
   getResourcePath: (dashboard) => `/dashboards/${dashboard.id}`,
+  agentReadable: {
+    resourceKind: ANALYTICS_DASHBOARD_AGENT_RESOURCE_KIND,
+    getContextPath: () => ANALYTICS_DASHBOARD_AGENT_CONTEXT_ENDPOINT,
+  },
   getDb,
 });
 
@@ -23,6 +33,10 @@ registerShareableResource({
   displayName: "Analysis",
   titleColumn: "name",
   getResourcePath: (analysis) => `/analyses/${analysis.id}`,
+  agentReadable: {
+    resourceKind: ANALYTICS_ANALYSIS_AGENT_RESOURCE_KIND,
+    getContextPath: () => ANALYTICS_ANALYSIS_AGENT_CONTEXT_ENDPOINT,
+  },
   getDb,
 });
 

package/corpus/templates/analytics/server/lib/agent-readable-resource-context.ts

@@ -0,0 +1,156 @@
+import { getPanelOrder } from "../../actions/dashboard-panel-order.js";
+import { buildDashboardPanelGroups } from "../../app/pages/adhoc/sql-dashboard/dashboard-layout";
+import {
+  clampDashboardColumns,
+  type SqlPanel,
+} from "../../app/pages/adhoc/sql-dashboard/types";
+import type { AnalysisRecord, DashboardRecord } from "./dashboards-store.js";
+
+function dashboardLayoutSummary(config: Record<string, unknown>) {
+  const panels = Array.isArray(config.panels)
+    ? (config.panels as SqlPanel[])
+    : [];
+  const columns = clampDashboardColumns(config.columns);
+  const groups = buildDashboardPanelGroups(panels, columns);
+  const panelOrder = getPanelOrder(config);
+  let visibleRowNumber = 1;
+
+  return {
+    panelCount: panelOrder.length,
+    panelOrder,
+    firstPanelIds: panelOrder.slice(0, 10),
+    groups: groups.map((group) => ({
+      key: group.key,
+      sectionId: group.section?.id ?? null,
+      sectionTitle: group.section?.title ?? null,
+      columns: group.columns,
+      rows: group.rows.map((row, rowIndex) => {
+        const rowNumber = visibleRowNumber++;
+        return {
+          rowNumber,
+          rowIndex,
+          panelIds: row.panels.map((panel) => panel.id),
+        };
+      }),
+    })),
+  };
+}
+
+function panelSummaries(config: Record<string, unknown>) {
+  const panels = Array.isArray(config.panels)
+    ? (config.panels as Array<Record<string, unknown>>)
+    : [];
+  return panels.map((panel, index) => {
+    const panelConfig =
+      panel.config &&
+      typeof panel.config === "object" &&
+      !Array.isArray(panel.config)
+        ? (panel.config as Record<string, unknown>)
+        : {};
+    return {
+      index,
+      id: typeof panel.id === "string" ? panel.id : "",
+      title: typeof panel.title === "string" ? panel.title : "",
+      chartType: typeof panel.chartType === "string" ? panel.chartType : "",
+      source: typeof panel.source === "string" ? panel.source : undefined,
+      width: typeof panel.width === "number" ? panel.width : undefined,
+      columns: typeof panel.columns === "number" ? panel.columns : undefined,
+      tab: typeof panel.tab === "string" ? panel.tab : undefined,
+      description:
+        typeof panelConfig.description === "string"
+          ? panelConfig.description
+          : undefined,
+    };
+  });
+}
+
+export function buildDashboardAgentContext(
+  dashboard: DashboardRecord,
+  options: { includeConfig?: boolean } = {},
+): Record<string, unknown> {
+  const config = dashboard.config as Record<string, unknown>;
+  const base = {
+    resourceType: "analytics-dashboard",
+    id: dashboard.id,
+    kind: dashboard.kind,
+    name: typeof config.name === "string" ? config.name : dashboard.title,
+    title: dashboard.title,
+    description:
+      typeof config.description === "string" ? config.description : undefined,
+    filters: config.filters,
+    variables: config.variables,
+    columns: config.columns,
+    panels: panelSummaries(config),
+    layout: dashboardLayoutSummary(config),
+    ownerEmail: dashboard.ownerEmail,
+    orgId: dashboard.orgId,
+    visibility: dashboard.visibility,
+    role: dashboard.role,
+    canEdit: dashboard.canEdit,
+    canManage: dashboard.canManage,
+    archivedAt: dashboard.archivedAt,
+    hiddenAt: dashboard.hiddenAt,
+    hiddenBy: dashboard.hiddenBy,
+    createdAt: dashboard.createdAt,
+    updatedAt: dashboard.updatedAt,
+    url: `/dashboards/${dashboard.id}`,
+  };
+  return options.includeConfig === false ? base : { ...base, ...config };
+}
+
+export function buildDashboardSeedAgentContext(
+  id: string,
+  seed: Record<string, unknown>,
+  options: { includeConfig?: boolean } = {},
+): Record<string, unknown> {
+  const base = {
+    resourceType: "analytics-dashboard",
+    id,
+    kind: "sql",
+    name: typeof seed.name === "string" ? seed.name : id,
+    title: typeof seed.name === "string" ? seed.name : id,
+    description:
+      typeof seed.description === "string" ? seed.description : undefined,
+    filters: seed.filters,
+    variables: seed.variables,
+    columns: seed.columns,
+    panels: panelSummaries(seed),
+    layout: dashboardLayoutSummary(seed),
+    ownerEmail: null,
+    orgId: null,
+    visibility: "org",
+    archivedAt: null,
+    hiddenAt: null,
+    hiddenBy: null,
+    url: `/dashboards/${id}`,
+  };
+  return options.includeConfig === false ? base : { ...base, ...seed };
+}
+
+export function buildAnalysisAgentContext(
+  analysis: AnalysisRecord,
+): Record<string, unknown> {
+  return {
+    resourceType: "analytics-analysis",
+    id: analysis.id,
+    name: analysis.name,
+    description: analysis.description,
+    question: analysis.question,
+    instructions: analysis.instructions,
+    dataSources: analysis.dataSources,
+    resultMarkdown: analysis.resultMarkdown,
+    resultData: analysis.resultData,
+    author: analysis.author,
+    createdAt: analysis.createdAt,
+    updatedAt: analysis.updatedAt,
+    ownerEmail: analysis.ownerEmail,
+    orgId: analysis.orgId,
+    visibility: analysis.visibility,
+    role: analysis.role,
+    canEdit: analysis.canEdit,
+    canManage: analysis.canManage,
+    hiddenAt: analysis.hiddenAt,
+    hiddenBy: analysis.hiddenBy,
+    url: `/analyses/${analysis.id}`,
+  };
+}