@agent-native/core 0.86.1 → 0.87.0

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

@@ -6,18 +6,6 @@ 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,
@@ -27,8 +15,8 @@ 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,
@@ -36,7 +24,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -44,16 +32,28 @@ import {
   DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "@agent-native/toolkit/ui/dropdown-menu";
+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";
+} 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";
+
 import { cn } from "@/lib/utils";
 
 type AgentAdminView = "monitoring" | "database";

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

@@ -4,17 +4,6 @@ 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,
@@ -24,17 +13,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,
@@ -42,15 +31,26 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Textarea } from "@/components/ui/textarea";
+} 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";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} 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";
 
 interface DictionaryEntry {
   id: string;

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

@@ -8,27 +8,6 @@ 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,
@@ -38,29 +17,50 @@ 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";
+} from "@agent-native/toolkit/ui/card";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
+} 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";
+
 import { getIdToken } from "@/lib/auth";
 import {
   getOptionalCredentialKeys,

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

@@ -1,9 +1,8 @@
 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,9 +1,8 @@
 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

@@ -9,6 +9,22 @@ import {
   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,
@@ -23,22 +39,6 @@ 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";
 

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

@@ -1,8 +1,7 @@
+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,4 +1,17 @@
 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 {
@@ -16,14 +29,6 @@ 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,4 +1,5 @@
-import { DatePicker } from "@/components/ui/date-picker";
+import { DatePicker } from "@agent-native/toolkit/ui/date-picker";
+
 import { cn } from "@/lib/utils";
 
 interface DateRangeInputProps {

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

@@ -1,3 +1,7 @@
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@agent-native/toolkit/ui/toggle-group";
 import {
   IconChartBar,
   IconChartLine,
@@ -5,8 +9,6 @@ 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,4 +1,5 @@
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
+
 import { cn } from "@/lib/utils";
 
 import type { DateRange } from "../types";

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

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

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

@@ -1,8 +1,7 @@
 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,7 +1,6 @@
+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,4 +1,12 @@
 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 {
@@ -14,9 +22,6 @@ 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,15 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { IconPlus, IconX } from "@tabler/icons-react";
-import { useState } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@agent-native/toolkit/ui/select";
+import { IconPlus, IconX } from "@tabler/icons-react";
+import { useState } from "react";
 
 import type { ExplorerFilter } from "../types";
 import { PropertyCombobox } from "./PropertyCombobox";

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

@@ -1,9 +1,8 @@
 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,8 +1,5 @@
 import { useT } from "@agent-native/core/client";
-import { IconCheck, IconSelector } from "@tabler/icons-react";
-import { useState, useMemo } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Command,
   CommandEmpty,
@@ -10,13 +7,16 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@/components/ui/command";
+} from "@agent-native/toolkit/ui/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
+} 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";
+
 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,8 +1,5 @@
 import { useT } from "@agent-native/core/client";
-import { IconCheck, IconSelector, IconLoader2 } from "@tabler/icons-react";
-import { useState } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Command,
   CommandEmpty,
@@ -10,13 +7,16 @@ import {
   CommandInput,
   CommandItem,
   CommandList,
-} from "@/components/ui/command";
+} from "@agent-native/toolkit/ui/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
+} 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";
+
 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 {

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

@@ -1,14 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import {
-  IconChevronDown,
-  IconDeviceFloppy,
-  IconFolderOpen,
-  IconFilePlus,
-  IconTrash,
-} from "@tabler/icons-react";
-import { useMemo, useState, useEffect } from "react";
-import { useSearchParams } from "react-router";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -18,24 +8,34 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
+} 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 {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogFooter,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   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 {
+  IconChevronDown,
+  IconDeviceFloppy,
+  IconFolderOpen,
+  IconFilePlus,
+  IconTrash,
+} from "@tabler/icons-react";
+import { useMemo, useState, useEffect } from "react";
+import { useSearchParams } from "react-router";
+
 import { useMetricsQuery } from "@/lib/query-metrics";
 
 import { ChartTypePicker } from "./components/ChartTypePicker";

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

@@ -1,16 +1,4 @@
 import { callAction, useT } from "@agent-native/core/client";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import {
-  IconGripVertical,
-  IconTrash,
-  IconArrowsMaximize,
-  IconArrowsMinimize,
-  IconExternalLink,
-} from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useMemo, useState } from "react";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -20,14 +8,31 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import {
+  IconGripVertical,
+  IconTrash,
+  IconArrowsMaximize,
+  IconArrowsMinimize,
+  IconExternalLink,
+} from "@tabler/icons-react";
+import { useQuery } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+
 import { useMetricsQuery } from "@/lib/query-metrics";
 
 import { ExplorerChart } from "../explorer/components/ExplorerChart";