@agent-native/core 0.88.0 → 0.90.2

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

@@ -6,6 +6,18 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { DbAdminPage } from "@agent-native/core/client/db-admin";
+import {
+  IconActivity,
+  IconAlertTriangle,
+  IconChevronDown,
+  IconDatabase,
+  IconLoader2,
+  IconPlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { useEffect, useMemo, useState, type FormEvent } from "react";
+import { Link, useSearchParams } from "react-router";
+
 import {
   AlertDialog,
   AlertDialogAction,
@@ -15,8 +27,8 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Button } from "@agent-native/toolkit/ui/button";
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
 import {
   Dialog,
   DialogContent,
@@ -24,7 +36,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@agent-native/toolkit/ui/dialog";
+} from "@/components/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -32,28 +44,16 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
-import { Input } from "@agent-native/toolkit/ui/input";
-import { Label } from "@agent-native/toolkit/ui/label";
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@agent-native/toolkit/ui/select";
-import {
-  IconActivity,
-  IconAlertTriangle,
-  IconChevronDown,
-  IconDatabase,
-  IconLoader2,
-  IconPlus,
-  IconTrash,
-} from "@tabler/icons-react";
-import { useEffect, useMemo, useState, type FormEvent } from "react";
-import { Link, useSearchParams } from "react-router";
-
+} from "@/components/ui/select";
 import { cn } from "@/lib/utils";
 
 type AgentAdminView = "monitoring" | "database";

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

@@ -4,6 +4,17 @@ import {
   useSendToAgentChat,
   useT,
 } from "@agent-native/core/client";
+import {
+  IconBook2,
+  IconPencil,
+  IconPlus,
+  IconTrash,
+  IconSearch,
+  IconExternalLink,
+} from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+
+import { useSetHeaderActions } from "@/components/layout/HeaderActions";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -13,17 +24,17 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
+} from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@agent-native/toolkit/ui/card";
-import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
+} from "@/components/ui/card";
+import { Checkbox } from "@/components/ui/checkbox";
 import {
   Dialog,
   DialogContent,
@@ -31,26 +42,15 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@agent-native/toolkit/ui/dialog";
-import { Input } from "@agent-native/toolkit/ui/input";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import { Textarea } from "@agent-native/toolkit/ui/textarea";
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Textarea } from "@/components/ui/textarea";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
-import {
-  IconBook2,
-  IconPencil,
-  IconPlus,
-  IconTrash,
-  IconSearch,
-  IconExternalLink,
-} from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-
-import { useSetHeaderActions } from "@/components/layout/HeaderActions";
+} from "@/components/ui/tooltip";
 
 interface DictionaryEntry {
   id: string;

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

@@ -1,6 +1,7 @@
 import {
   appApiPath,
   agentNativePath,
+  callAction,
   oauthRedirectUri,
   useActionMutation,
   useActionQuery,
@@ -8,6 +9,27 @@ import {
   PromptComposer,
   useT,
 } from "@agent-native/core/client";
+import {
+  IconCheck,
+  IconChevronDown,
+  IconChevronUp,
+  IconExternalLink,
+  IconLoader2,
+  IconCircle,
+  IconAlertCircle,
+  IconUpload,
+  IconPencil,
+  IconTrash,
+  IconSearch,
+  IconPlus,
+  IconKey,
+  IconCopy,
+  IconDotsVertical,
+  IconBrandGithub,
+} from "@tabler/icons-react";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
+
 import {
   AlertDialog,
   AlertDialogAction,
@@ -17,50 +39,29 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@agent-native/toolkit/ui/alert-dialog";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
+} from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import {
   Card,
   CardContent,
   CardDescription,
   CardHeader,
   CardTitle,
-} from "@agent-native/toolkit/ui/card";
+} from "@/components/ui/card";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@agent-native/toolkit/ui/dropdown-menu";
+} from "@/components/ui/dropdown-menu";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import {
-  IconCheck,
-  IconChevronDown,
-  IconChevronUp,
-  IconExternalLink,
-  IconLoader2,
-  IconCircle,
-  IconAlertCircle,
-  IconUpload,
-  IconPencil,
-  IconTrash,
-  IconSearch,
-  IconPlus,
-  IconKey,
-  IconCopy,
-  IconDotsVertical,
-  IconBrandGithub,
-} from "@tabler/icons-react";
-import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
-import { useEffect, useState } from "react";
-
+} from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
 import { getIdToken } from "@/lib/auth";
 import {
   getOptionalCredentialKeys,
@@ -112,19 +113,7 @@ const firstPartyAnalyticsEndpoint =
 async function saveEnvVars(
   vars: Array<{ key: string; value: string }>,
 ): Promise<void> {
-  const token = await getIdToken();
-  const res = await fetch(appApiPath("/api/credentials"), {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      ...(token && { Authorization: `Bearer ${token}` }),
-    },
-    body: JSON.stringify({ vars }),
-  });
-  if (!res.ok) {
-    const data = await res.json().catch(() => ({}));
-    throw new Error(data.error || "Failed to save");
-  }
+  await callAction("update-data-source-credentials", { vars });
 }
 
 async function testConnection(
@@ -268,19 +257,7 @@ function StepItem({
 }
 
 async function deleteCredentials(keys: string[]): Promise<void> {
-  const token = await getIdToken();
-  const res = await fetch(appApiPath("/api/credentials"), {
-    method: "DELETE",
-    headers: {
-      "Content-Type": "application/json",
-      ...(token && { Authorization: `Bearer ${token}` }),
-    },
-    body: JSON.stringify({ keys }),
-  });
-  if (!res.ok) {
-    const data = await res.json().catch(() => ({}));
-    throw new Error(data.error || "Failed to delete");
-  }
+  await callAction("delete-data-source-credentials", { keys });
 }
 
 async function disconnectDataSource(source: DataSource): Promise<void> {

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

@@ -1,8 +1,9 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconFileUnknown } from "@tabler/icons-react";
 import { Link } from "react-router";
 
+import { Button } from "@/components/ui/button";
+
 export default function NotFound() {
   const t = useT();
 

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

@@ -1,8 +1,9 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconBarrierBlock } from "@tabler/icons-react";
 import { Link, useLocation } from "react-router";
 
+import { Button } from "@/components/ui/button";
+
 export default function Placeholder() {
   const t = useT();
   const location = useLocation();

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

@@ -3,28 +3,12 @@ import {
   ChangelogSettingsCard,
   LanguagePicker,
   SettingsTabsPage,
-  openAgentSettings,
+  useAgentSettingsTabs,
   useBuilderConnectFlow,
   useBuilderStatus,
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
-import { Badge } from "@agent-native/toolkit/ui/badge";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@agent-native/toolkit/ui/card";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@agent-native/toolkit/ui/collapsible";
-import { Input } from "@agent-native/toolkit/ui/input";
-import { Label } from "@agent-native/toolkit/ui/label";
 import {
   IconCheck,
   IconChevronDown,
@@ -39,6 +23,22 @@ import { Link } from "react-router";
 import { toast } from "sonner";
 
 import { useAuth } from "@/components/auth/AuthProvider";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
 import { useReplayStorageStatus } from "@/hooks/use-replay-storage-status";
 import { cn } from "@/lib/utils";
 
@@ -119,6 +119,7 @@ async function saveS3StorageSettings(
 export default function Settings() {
   const { auth } = useAuth();
   const t = useT();
+  const agentSettingsTabs = useAgentSettingsTabs();
 
   const storageStatus = useReplayStorageStatus();
   const builderStatus = useBuilderStatus();
@@ -191,6 +192,7 @@ export default function Settings() {
     <SettingsTabsPage
       teamLabel={t("navigation.team")}
       whatsNewLabel={t("root.whatsNew")}
+      extraTabs={agentSettingsTabs}
       general={
         <div className="mx-auto w-full max-w-2xl space-y-6">
           <Card className="bg-card border-border/50">
@@ -433,26 +435,6 @@ export default function Settings() {
             </CardContent>
           </Card>
 
-          <Card className="bg-card border-border/50">
-            <CardHeader>
-              <CardTitle className="text-base">
-                {t("settings.agentTitle")}
-              </CardTitle>
-            </CardHeader>
-            <CardContent>
-              <p className="text-sm text-muted-foreground mb-3">
-                {t("settings.agentDescription")}
-              </p>
-              <Button
-                variant="outline"
-                size="sm"
-                onClick={() => openAgentSettings()}
-              >
-                {t("settings.openAgentSettings")}
-              </Button>
-            </CardContent>
-          </Card>
-
           <Card className="bg-card border-border/50">
             <CardHeader>
               <CardTitle className="text-base">{t("settings.about")}</CardTitle>

package/corpus/templates/analytics/app/pages/adhoc/DashboardSkeleton.tsx

@@ -1,7 +1,8 @@
-import { Card, CardContent, CardHeader } from "@agent-native/toolkit/ui/card";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { CSSProperties } from "react";
 
+import { Card, CardContent, CardHeader } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+
 interface DashboardSkeletonProps {
   columns?: number;
   count?: number;

package/corpus/templates/analytics/app/pages/adhoc/_shared/KpiChart.tsx

@@ -1,17 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@agent-native/toolkit/ui/card";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import {
-  Tooltip as ShadcnTooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@agent-native/toolkit/ui/tooltip";
 import { IconCode } from "@tabler/icons-react";
 import { useMemo } from "react";
 import {
@@ -29,6 +16,14 @@ import {
   ReferenceLine,
 } from "recharts";
 
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Tooltip as ShadcnTooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import {
   chartAxisStroke,
   chartGridStroke,

package/corpus/templates/analytics/app/pages/adhoc/_shared/components/DateRangeInput.tsx

@@ -1,5 +1,4 @@
-import { DatePicker } from "@agent-native/toolkit/ui/date-picker";
-
+import { DatePicker } from "@/components/ui/date-picker";
 import { cn } from "@/lib/utils";
 
 interface DateRangeInputProps {

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/ChartTypePicker.tsx

@@ -1,7 +1,3 @@
-import {
-  ToggleGroup,
-  ToggleGroupItem,
-} from "@agent-native/toolkit/ui/toggle-group";
 import {
   IconChartBar,
   IconChartLine,
@@ -9,6 +5,8 @@ import {
   IconHash,
 } from "@tabler/icons-react";
 
+import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+
 import type { ChartType } from "../types";
 
 const CHART_TYPES: {

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/DateRangePicker.tsx

@@ -1,5 +1,4 @@
-import { Button } from "@agent-native/toolkit/ui/button";
-
+import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
 import type { DateRange } from "../types";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/EventCombobox.tsx

@@ -1,5 +1,8 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
+import { IconCheck, IconSelector } from "@tabler/icons-react";
+import { useState, useMemo } from "react";
+
+import { Button } from "@/components/ui/button";
 import {
   Command,
   CommandEmpty,
@@ -7,16 +10,13 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@agent-native/toolkit/ui/command";
+} from "@/components/ui/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import { IconCheck, IconSelector } from "@tabler/icons-react";
-import { useState, useMemo } from "react";
-
+} from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
 
 import { KNOWN_EVENTS } from "../types";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/EventPanel.tsx

@@ -1,7 +1,8 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconPlus } from "@tabler/icons-react";
 
+import { Button } from "@/components/ui/button";
+
 import type { ExplorerEvent } from "../types";
 import { createDefaultEvent } from "../types";
 import { EventRow } from "./EventRow";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/EventRow.tsx

@@ -1,6 +1,7 @@
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconGripVertical, IconX } from "@tabler/icons-react";
 
+import { Button } from "@/components/ui/button";
+
 import type { ExplorerEvent } from "../types";
 import { EventCombobox } from "./EventCombobox";
 import { FilterBuilder } from "./FilterBuilder";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/ExplorerChart.tsx

@@ -1,12 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@agent-native/toolkit/ui/card";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
 import { useMemo, useState } from "react";
 import {
@@ -22,6 +14,9 @@ import {
   Legend,
 } from "recharts";
 
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
 import type { QueryMetricsResult } from "@/lib/query-metrics";
 
 import type { ExplorerConfig } from "../types";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/FilterBuilder.tsx

@@ -1,14 +1,15 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
+import { IconPlus, IconX } from "@tabler/icons-react";
+import { useState } from "react";
+
+import { Button } from "@/components/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@agent-native/toolkit/ui/select";
-import { IconPlus, IconX } from "@tabler/icons-react";
-import { useState } from "react";
+} from "@/components/ui/select";
 
 import type { ExplorerFilter } from "../types";
 import { PropertyCombobox } from "./PropertyCombobox";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/GroupByPicker.tsx

@@ -1,8 +1,9 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconPlus, IconX } from "@tabler/icons-react";
 import { useState } from "react";
 
+import { Button } from "@/components/ui/button";
+
 import { PropertyCombobox } from "./PropertyCombobox";
 
 interface GroupByPickerProps {

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/PropertyCombobox.tsx

@@ -1,5 +1,8 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
+import { IconCheck, IconSelector } from "@tabler/icons-react";
+import { useState, useMemo } from "react";
+
+import { Button } from "@/components/ui/button";
 import {
   Command,
   CommandEmpty,
@@ -7,16 +10,13 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@agent-native/toolkit/ui/command";
+} from "@/components/ui/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import { IconCheck, IconSelector } from "@tabler/icons-react";
-import { useState, useMemo } from "react";
-
+} from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
 
 import { KNOWN_PROPERTIES, ENRICHED_PROPERTY_MAP } from "../types";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/PropertyValueCombobox.tsx

@@ -1,5 +1,8 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
+import { IconCheck, IconSelector, IconLoader2 } from "@tabler/icons-react";
+import { useState } from "react";
+
+import { Button } from "@/components/ui/button";
 import {
   Command,
   CommandEmpty,
@@ -7,16 +10,13 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@agent-native/toolkit/ui/command";
+} from "@/components/ui/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@agent-native/toolkit/ui/popover";
-import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
-import { IconCheck, IconSelector, IconLoader2 } from "@tabler/icons-react";
-import { useState } from "react";
-
+} from "@/components/ui/popover";
+import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
 
 import { usePropertyValues } from "../use-dynamic-schema";

package/corpus/templates/analytics/app/pages/adhoc/explorer/components/SqlPreview.tsx

@@ -1,9 +1,9 @@
 import { useT } from "@agent-native/core/client";
-import { Button } from "@agent-native/toolkit/ui/button";
 import { IconChevronRight, IconCopy, IconCheck } from "@tabler/icons-react";
 import { useState } from "react";
 
 import { SqlHighlight } from "@/components/SqlHighlight";
+import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
 interface SqlPreviewProps {