@agent-native/core 0.86.0 → 0.87.0

package/corpus/templates/macros/app/components/AddWeightDialog.tsx

@@ -1,4 +1,5 @@
 import { useActionMutation, useT } from "@agent-native/core/client";
+import { Label } from "@agent-native/toolkit/ui/label";
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Weight } from "@shared/types";
 import { IconPlus, IconScale } from "@tabler/icons-react";
@@ -17,7 +18,6 @@ import {
   DialogTrigger,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { formatLocalDate } from "@/lib/utils";
 

package/corpus/templates/macros/app/components/DailyProgress.tsx

@@ -1,4 +1,11 @@
 import { useActionQuery, useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconTrendingUp,
   IconActivity,
@@ -20,14 +27,7 @@ import {
 } from "recharts";
 
 import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn, formatLocalDate } from "@/lib/utils";
 
 function readActiveChart() {

package/corpus/templates/macros/app/components/WeeklyCaloriesChart.tsx

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { DailyCalories } from "@shared/types";
 import {
   startOfWeek,
@@ -21,8 +22,6 @@ import {
   Cell,
 } from "recharts";
 
-import { Skeleton } from "@/components/ui/skeleton";
-
 interface WeeklyData {
   weekLabel: string;
   weekStart: string;

package/corpus/templates/macros/app/components/WeightCard.tsx

@@ -1,13 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import type { Weight } from "@shared/types";
-import {
-  IconTrash,
-  IconPencil,
-  IconLoader2,
-  IconScale,
-} from "@tabler/icons-react";
-import { useState } from "react";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -18,7 +9,16 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
-} from "@/components/ui/alert-dialog";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import type { Weight } from "@shared/types";
+import {
+  IconTrash,
+  IconPencil,
+  IconLoader2,
+  IconScale,
+} from "@tabler/icons-react";
+import { useState } from "react";
+
 import { Button } from "@/components/ui/button";
 
 interface WeightCardProps {

package/corpus/templates/macros/app/components/WeightTracker.tsx

@@ -3,12 +3,12 @@ import {
   useActionMutation,
   useT,
 } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { Weight } from "@shared/types";
 import { IconScale } from "@tabler/icons-react";
 import { useState } from "react";
 import { toast } from "sonner";
 
-import { Skeleton } from "@/components/ui/skeleton";
 import {
   isOptimisticLogRow,
   useOptimisticLogRows,

package/corpus/templates/macros/app/components/layout/AppLayout.tsx

@@ -8,6 +8,17 @@ import {
 } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
+import { HeaderActionsProvider } from "@agent-native/toolkit/app-shell";
+import {
+  Sheet,
+  SheetContent,
+  SheetTitle,
+} from "@agent-native/toolkit/ui/sheet";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconFlame,
   IconLoader2,
@@ -26,17 +37,10 @@ import { useState, useEffect } from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 
 import { Button } from "@/components/ui/button";
-import { Sheet, SheetContent, SheetTitle } from "@/components/ui/sheet";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { apiFetch } from "@/lib/api";
 import { cn } from "@/lib/utils";
 
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
 
 const navItems = [
   { icon: IconFlame, labelKey: "navigation.entry", href: "/" },

package/corpus/templates/macros/app/components/layout/Header.tsx

@@ -1,9 +1,11 @@
 import { AgentToggleButton, useT } from "@agent-native/core/client";
+import {
+  useHeaderTitle,
+  useHeaderActions,
+} from "@agent-native/toolkit/app-shell";
 import { IconMenu2 } from "@tabler/icons-react";
 import { useLocation } from "react-router";
 
-import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-
 const pageTitles: Record<string, string> = {
   "/": "header.entry",
   "/entry": "header.entry",

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

@@ -10,6 +10,7 @@ import {
   useCommandMenuShortcut,
   useT,
 } from "@agent-native/core/client";
+import { Toaster } from "@agent-native/toolkit/ui/sonner";
 import { IconSun, IconMoon } from "@tabler/icons-react";
 import { useQueryClient } from "@tanstack/react-query";
 import { useTheme } from "next-themes";
@@ -18,7 +19,6 @@ import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
 import type { LinksFunction } from "react-router";
 
 import { AppLayout } from "@/components/layout/AppLayout";
-import { Toaster } from "@/components/ui/sonner";
 import { TAB_ID } from "@/lib/tab-id";
 
 import changelog from "../CHANGELOG.md?raw";

package/corpus/templates/macros/app/routes/_index.tsx

@@ -3,6 +3,7 @@ import {
   useActionMutation,
   useT,
 } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { Meal, Exercise } from "@shared/types";
 import {
   IconChevronLeft,
@@ -20,7 +21,6 @@ import { DailyProgress } from "@/components/DailyProgress";
 import { ExerciseCard } from "@/components/ExerciseCard";
 import { MealCard } from "@/components/MealCard";
 import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
 import { VoiceDictation } from "@/components/VoiceDictation";
 import { WeightTracker } from "@/components/WeightTracker";
 import {

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

@@ -1,4 +1,13 @@
 import { useActionQuery, useT } from "@agent-native/core/client";
+import { useSetHeaderActions } from "@agent-native/toolkit/app-shell";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import { IconCalendar } from "@tabler/icons-react";
 import { subDays } from "date-fns";
 import { useState } from "react";
@@ -13,16 +22,7 @@ import {
   ReferenceLine,
 } from "recharts";
 
-import { useSetHeaderActions } from "@/components/layout/HeaderActions";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { WeeklyCaloriesChart } from "@/components/WeeklyCaloriesChart";
 import messages from "@/i18n/en-US";

package/corpus/templates/macros/app/routes/settings.tsx

@@ -6,8 +6,9 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+import { Label } from "@agent-native/toolkit/ui/label";
 
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -16,7 +17,6 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
 import messages from "@/i18n/en-US";
 
 import changelog from "../../CHANGELOG.md?raw";

package/corpus/templates/macros/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@agent-native/core": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@fontsource-variable/outfit": "^5.2.8",
     "@libsql/client": "^0.15.8",

package/corpus/templates/mail/app/components/GoogleConnectBanner.tsx

@@ -4,6 +4,7 @@ import {
   oauthRedirectUri,
   useT,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   IconMail,
   IconX,
@@ -18,7 +19,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useEffect, useCallback, useRef, useMemo } from "react";
 
-import { Button } from "@/components/ui/button";
 import {
   useGoogleAuthStatus,
   useGoogleAuthUrl,

package/corpus/templates/mail/app/components/ThemeToggle.tsx

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { IconSun, IconMoon } from "@tabler/icons-react";
-import { useTheme } from "next-themes";
-import { useState, useEffect } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconSun, IconMoon } from "@tabler/icons-react";
+import { useTheme } from "next-themes";
+import { useState, useEffect } from "react";
+
 import { getResolvedTheme } from "@/lib/theme";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/mail/app/components/agent-engine-picker.tsx

@@ -1,4 +1,14 @@
 import { agentNativePath, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconCheck,
   IconLoader2,
@@ -10,16 +20,6 @@ import {
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
 
 // ─── Types ────────────────────────────────────────────────────────────────────

package/corpus/templates/mail/app/components/email/CodeBlockLangPicker.tsx

@@ -1,14 +1,13 @@
 import { useT } from "@agent-native/core/client";
-import type { Editor } from "@tiptap/react";
-import { useEffect, useState, useRef } from "react";
-
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
+} from "@agent-native/toolkit/ui/select";
+import type { Editor } from "@tiptap/react";
+import { useEffect, useState, useRef } from "react";
 
 const LANGUAGES = [
   { value: "", label: "" },

package/corpus/templates/mail/app/components/email/ComposeBubbleToolbar.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBold,
   IconItalic,
@@ -12,11 +17,6 @@ import type { Editor } from "@tiptap/react";
 import { useState, useEffect, useRef, useCallback } from "react";
 import { createPortal } from "react-dom";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn, formatShortcut } from "@/lib/utils";
 
 import { getSelectedMarkdown } from "./compose-draft-context";

package/corpus/templates/mail/app/components/email/ComposeEditor.tsx

@@ -1,4 +1,13 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from "@agent-native/toolkit/ui/dialog";
 import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import Link from "@tiptap/extension-link";
 import Placeholder from "@tiptap/extension-placeholder";
@@ -14,15 +23,6 @@ import {
 } from "react";
 import { Markdown } from "tiptap-markdown";
 
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-  DialogFooter,
-} from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 
 import { CodeBlockLangPicker } from "./CodeBlockLangPicker";

package/corpus/templates/mail/app/components/email/ComposeModal.tsx

@@ -1,4 +1,22 @@
 import { useAgentChatGenerating, useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   appendSignatureToBody,
   splitAppendedSignature,
@@ -23,24 +41,6 @@ import { useState, useEffect, useRef, useMemo } from "react";
 import type { CSSProperties } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAccountFilter } from "@/hooks/use-account-filter";
 import { useAliases } from "@/hooks/use-aliases";
 import { useUpdateQueuedDraft } from "@/hooks/use-draft-queue";

package/corpus/templates/mail/app/components/email/EmailList.tsx

@@ -1,4 +1,21 @@
 import { useT } from "@agent-native/core/client";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { EmailMessage } from "@shared/types";
 import {
   IconAlertCircle,
@@ -16,23 +33,6 @@ import { useNavigate, useParams, useSearchParams } from "react-router";
 
 import { GoogleConnectBanner } from "@/components/GoogleConnectBanner";
 import { useSetHeaderActions } from "@/components/layout/HeaderActions";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Spinner } from "@/components/ui/spinner";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useEmails,
   useMarkRead,

package/corpus/templates/mail/app/components/email/EmailListItem.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { EmailMessage } from "@shared/types";
 import {
   IconArchive,
@@ -15,11 +20,6 @@ import {
 } from "@tabler/icons-react";
 import { memo, useRef, useState, useCallback } from "react";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAccountFilter } from "@/hooks/use-account-filter";
 import type { ThreadSummary } from "@/lib/threads";
 import { cn, formatEmailDate, truncate } from "@/lib/utils";

package/corpus/templates/mail/app/components/email/EmailThread.tsx

@@ -1,4 +1,10 @@
 import { appApiPath, useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { EmailMessage, MobileActionId } from "@shared/types";
 import {
   IconArchive,
@@ -34,12 +40,6 @@ import {
 import { useNavigate, useParams, useSearchParams } from "react-router";
 import { toast } from "sonner";
 
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAccountFilter } from "@/hooks/use-account-filter";
 import { useComposeState } from "@/hooks/use-compose-state";
 import {

package/corpus/templates/mail/app/components/email/InlineReplyComposer.tsx

@@ -1,4 +1,15 @@
 import { useAgentChatGenerating, useT } from "@agent-native/core/client";
+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 {
   appendSignatureToBody,
   splitAppendedSignature,
@@ -26,17 +37,6 @@ import {
 } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAliases } from "@/hooks/use-aliases";
 import {
   useSendEmail,

package/corpus/templates/mail/app/components/email/IntegrationsSidebar.tsx

@@ -1,31 +1,31 @@
 import { useSendToAgentChat, useT } from "@agent-native/core/client";
 import { ExtensionSlot } from "@agent-native/core/client/extensions";
-import {
-  IconPlus,
-  IconCheck,
-  IconSettings,
-  IconChevronLeft,
-  IconArrowUp,
-} from "@tabler/icons-react";
-import { useState, useEffect, useRef } from "react";
-
 import {
   DropdownMenu,
   DropdownMenuTrigger,
   DropdownMenuContent,
   DropdownMenuItem,
-} from "@/components/ui/dropdown-menu";
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   Popover,
   PopoverTrigger,
   PopoverContent,
-} from "@/components/ui/popover";
-import { Spinner } from "@/components/ui/spinner";
+} from "@agent-native/toolkit/ui/popover";
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import {
+  IconPlus,
+  IconCheck,
+  IconSettings,
+  IconChevronLeft,
+  IconArrowUp,
+} from "@tabler/icons-react";
+import { useState, useEffect, useRef } from "react";
+
 import { useApolloPerson } from "@/hooks/use-apollo";
 import {
   useIntegration,

package/corpus/templates/mail/app/components/email/MobileActionBar.tsx

@@ -1,4 +1,17 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Drawer,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerClose,
+} from "@agent-native/toolkit/ui/drawer";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { MobileActionId } from "@shared/types";
 import {
   IconArchive,
@@ -14,19 +27,6 @@ import {
 } from "@tabler/icons-react";
 import { useState } from "react";
 
-import {
-  Drawer,
-  DrawerContent,
-  DrawerHeader,
-  DrawerTitle,
-  DrawerClose,
-} from "@/components/ui/drawer";
-import { Switch } from "@/components/ui/switch";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 
 export const ALL_MOBILE_ACTIONS: MobileActionId[] = [