@agent-native/core 0.86.0 → 0.87.0

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";

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

@@ -12,6 +12,38 @@ import {
   useT,
   type CollabUser,
 } from "@agent-native/core/client";
+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 {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@agent-native/toolkit/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   DndContext,
   DragOverlay,
@@ -48,38 +80,6 @@ import {
   DashboardTitleSkeleton,
   useSetPageTitle,
 } from "@/components/layout/HeaderActions";
-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 {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogFooter,
-} from "@/components/ui/dialog";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   resourceCanEdit,
   resourceCanManage,

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

@@ -1,34 +1,34 @@
 import { useT } from "@agent-native/core/client";
-import {
-  IconChevronDown,
-  IconDeviceFloppy,
-  IconFilterOff,
-} from "@tabler/icons-react";
-import { useCallback, useMemo, useState } from "react";
-import { useSearchParams } from "react-router";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { DatePicker } from "@/components/ui/date-picker";
+} from "@agent-native/toolkit/ui/collapsible";
+import { DatePicker } from "@agent-native/toolkit/ui/date-picker";
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogFooter,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
+} from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@agent-native/toolkit/ui/select";
+import {
+  IconChevronDown,
+  IconDeviceFloppy,
+  IconFilterOff,
+} from "@tabler/icons-react";
+import { useCallback, useMemo, useState } from "react";
+import { useSearchParams } from "react-router";
+
 import { cn } from "@/lib/utils";
 
 import type { DashboardFilter, FilterType } from "./types";

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

@@ -4,6 +4,19 @@ import {
   useSession,
   useT,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   IconChevronLeft,
   IconFilter,
@@ -14,20 +27,6 @@ import {
 import { useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Switch } from "@/components/ui/switch";
-import { Textarea } from "@/components/ui/textarea";
-
 import {
   normalizeReportFilterSnapshot,
   reportFilterSnapshotKey,

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

@@ -3,34 +3,42 @@ import {
   useSendToAgentChat,
   useT,
 } from "@agent-native/core/client";
-import { IconAlertTriangle, IconAlignLeft } from "@tabler/icons-react";
-import { useEffect, useState, type ReactElement, type ReactNode } from "react";
-import { toast } from "sonner";
-
-import { SqlEditor } from "@/components/SqlEditor";
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Dialog,
   DialogContent,
   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 {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
+} from "@agent-native/toolkit/ui/popover";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
+} from "@agent-native/toolkit/ui/select";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+} from "@agent-native/toolkit/ui/tabs";
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@agent-native/toolkit/ui/toggle-group";
+import { IconAlertTriangle, IconAlignLeft } from "@tabler/icons-react";
+import { useEffect, useState, type ReactElement, type ReactNode } from "react";
+import { toast } from "sonner";
+
+import { SqlEditor } from "@/components/SqlEditor";
 import { canFormatPanelSql, formatPanelSql } from "@/lib/format-sql";
 
 import {

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

@@ -1,21 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import { useDraggable } from "@dnd-kit/core";
-import {
-  IconGripVertical,
-  IconDotsVertical,
-  IconExternalLink,
-  IconMaximize,
-  IconPencil,
-  IconRefresh,
-  IconTrash,
-  IconCode,
-  IconDownload,
-} from "@tabler/icons-react";
-import { useIsFetching, useQueryClient } from "@tanstack/react-query";
-import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useNavigate } from "react-router";
-
-import { ChartFillHeight, SqlChart } from "@/components/dashboard/SqlChart";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -25,27 +8,49 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@agent-native/toolkit/ui/card";
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Spinner } from "@/components/ui/spinner";
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { useDraggable } from "@dnd-kit/core";
+import {
+  IconGripVertical,
+  IconDotsVertical,
+  IconExternalLink,
+  IconMaximize,
+  IconPencil,
+  IconRefresh,
+  IconTrash,
+  IconCode,
+  IconDownload,
+} from "@tabler/icons-react";
+import { useIsFetching, useQueryClient } from "@tanstack/react-query";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useNavigate } from "react-router";
+
+import { ChartFillHeight, SqlChart } from "@/components/dashboard/SqlChart";
 
 import { serializePanelSql } from "./panel-sql";
 import type { SqlPanel } from "./types";