@agent-native/core 0.86.1 → 0.88.0

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[] = [

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

@@ -1,4 +1,17 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+  DialogFooter,
+} from "@agent-native/toolkit/ui/dialog";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type { Alias } from "@shared/types";
 import {
   IconX,
@@ -17,20 +30,7 @@ import {
 import { createPortal } from "react-dom";
 import { useNavigate } from "react-router";
 
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-  DialogFooter,
-} from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAliases, useCreateAlias } from "@/hooks/use-aliases";
 import { useContacts, type Contact } from "@/hooks/use-emails";
 import {

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

@@ -1,13 +1,12 @@
 import { useT } from "@agent-native/core/client";
-import { IconSend, IconChevronDown, IconCalendar } from "@tabler/icons-react";
-import { useState, useRef } from "react";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
+} from "@agent-native/toolkit/ui/popover";
+import { IconSend, IconChevronDown, IconCalendar } from "@tabler/icons-react";
+import { useState, useRef } from "react";
 
 interface SendLaterButtonProps {
   onSend: () => void;

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

@@ -1,9 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import { Dialog, DialogContent } from "@agent-native/toolkit/ui/dialog";
 import { IconClock } from "@tabler/icons-react";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 import { toast } from "sonner";
 
-import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { useParseDate, useSnoozeEmail } from "@/hooks/use-scheduled-jobs";
 import { cn } from "@/lib/utils";

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

@@ -1,14 +1,14 @@
 import { useT } from "@agent-native/core/client";
-import { IconAlarm } from "@tabler/icons-react";
-import { useState, useEffect, useRef } from "react";
-import { toast } from "sonner";
-
-import { Button } from "@/components/ui/button";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/popover";
+} from "@agent-native/toolkit/ui/popover";
+import { IconAlarm } from "@tabler/icons-react";
+import { useState, useEffect, useRef } from "react";
+import { toast } from "sonner";
+
 import { useParseDate, useSnoozeEmail } from "@/hooks/use-scheduled-jobs";
 import { cn } from "@/lib/utils";
 

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

@@ -10,6 +10,18 @@ import {
 import { appApiPath } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@agent-native/toolkit/ui/popover";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import { normalizeMailLabel } from "@shared/gmail-labels";
 import type { Label } from "@shared/types";
 import {
@@ -40,18 +52,6 @@ import { ComposeModal } from "@/components/email/ComposeModal";
 import { SnoozeModal } from "@/components/email/SnoozeModal";
 import { GoogleConnectBanner } from "@/components/GoogleConnectBanner";
 import { ThemeToggle } from "@/components/ThemeToggle";
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { AccountFilterContext } from "@/hooks/use-account-filter";
 import { useComposeState } from "@/hooks/use-compose-state";
 import { useQueuedDraftCount } from "@/hooks/use-draft-queue";

package/corpus/templates/mail/app/components/layout/SearchBar.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import { IconX } from "@tabler/icons-react";
 import {
   useState,
@@ -10,11 +15,6 @@ import {
 } from "react";
 import { useNavigate } from "react-router";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useContacts, type Contact } from "@/hooks/use-emails";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/mail/app/components/settings/GmailFiltersSection.tsx

@@ -1,19 +1,4 @@
 import { useT } from "@agent-native/core/client";
-import type { ManagedGmailFilter } from "@shared/types";
-import {
-  IconArchive,
-  IconFilter,
-  IconLoader2,
-  IconPencil,
-  IconPlus,
-  IconShieldCheck,
-  IconStar,
-  IconTag,
-  IconTrash,
-} from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import type { ComponentType } from "react";
-
 import {
   AlertDialog,
   AlertDialogAction,
@@ -23,24 +8,39 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Button } from "@agent-native/toolkit/ui/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Switch } from "@/components/ui/switch";
-import { Textarea } from "@/components/ui/textarea";
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { Switch } from "@agent-native/toolkit/ui/switch";
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import type { ManagedGmailFilter } from "@shared/types";
+import {
+  IconArchive,
+  IconFilter,
+  IconLoader2,
+  IconPencil,
+  IconPlus,
+  IconShieldCheck,
+  IconStar,
+  IconTag,
+  IconTrash,
+} from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import type { ComponentType } from "react";
+
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
 import {
   useCreateGmailFilter,
   useDeleteGmailFilter,

package/corpus/templates/mail/app/components/ui/calendar.tsx

@@ -1,3 +1,4 @@
+import { Button, buttonVariants } from "@agent-native/toolkit/ui/button";
 import {
   IconChevronDown,
   IconChevronLeft,
@@ -6,7 +7,6 @@ import {
 import * as React from "react";
 import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker";
 
-import { Button, buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
 function Calendar({

package/corpus/templates/mail/app/components/ui/command.tsx

@@ -1,11 +1,11 @@
 "use client";
 
+import { Dialog, DialogContent } from "@agent-native/toolkit/ui/dialog";
 import { type DialogProps } from "@radix-ui/react-dialog";
 import { IconSearch } from "@tabler/icons-react";
 import { Command as CommandPrimitive } from "cmdk";
 import * as React from "react";
 
-import { Dialog, DialogContent } from "@/components/ui/dialog";
 import { cn } from "@/lib/utils";
 
 const Command = React.forwardRef<

package/corpus/templates/mail/app/pages/DraftQueuePage.tsx

@@ -1,4 +1,18 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@agent-native/toolkit/ui/dialog";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
 import {
   IconCheck,
   IconClock,
@@ -13,21 +27,7 @@ import { useEffect, useMemo, useState } from "react";
 import { useNavigate, useParams, useSearchParams } from "react-router";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
 import { Textarea } from "@/components/ui/textarea";
 import {
   useDraftQueueMembers,

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

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

package/corpus/templates/mail/app/pages/SettingsPage.tsx

@@ -10,6 +10,31 @@ import {
 } from "@agent-native/core/client";
 import { appApiPath } from "@agent-native/core/client";
 import { TeamPage } from "@agent-native/core/client/org";
+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 {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@agent-native/toolkit/ui/select";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import type {
   Alias,
   AutomationAction,
@@ -41,33 +66,8 @@ import { useSearchParams } from "react-router";
 import { toast } from "sonner";
 
 import { GmailFiltersSection } from "@/components/settings/GmailFiltersSection";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Switch } from "@/components/ui/switch";
 import { Textarea } from "@/components/ui/textarea";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useAliases,
   useCreateAlias,

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

@@ -15,6 +15,7 @@ import {
   type LocaleCode,
 } from "@agent-native/core/client";
 import { configureTracking } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { useQueryClient } from "@tanstack/react-query";
 import { useEffect, useRef, useState } from "react";
 import {
@@ -29,7 +30,6 @@ import {
 import type { LinksFunction } from "react-router";
 
 import { AppLayout } from "@/components/layout/AppLayout";
-import { Button } from "@/components/ui/button";
 import { Toaster } from "@/components/ui/sonner";
 import { markExternalEmailRefresh } from "@/hooks/use-emails";
 import { isMcpEmbedSurface } from "@/lib/mcp-embed";

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

@@ -1,7 +1,6 @@
+import { Spinner } from "@agent-native/toolkit/ui/spinner";
 import { redirect } from "react-router";
 
-import { Spinner } from "@/components/ui/spinner";
-
 const SEO_TITLE =
   "Agent-Native Mail - Open Source AI email client and Superhuman alternative";
 const SEO_DESCRIPTION =

package/corpus/templates/mail/app/routes/email.tsx

@@ -1,11 +1,11 @@
 import { postNavigate, isInAgentEmbed, useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { EmailMessage } from "@shared/types";
 import { IconExternalLink } from "@tabler/icons-react";
 import { useMemo } from "react";
 import { useSearchParams } from "react-router";
 
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useThreadMessages } from "@/hooks/use-emails";
 import messages from "@/i18n/en-US";
 import { sanitizeHtml } from "@/lib/sanitize-html";

package/corpus/templates/mail/package.json

@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@agent-native/core": "workspace:*",
+    "@agent-native/toolkit": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.0",
     "@tabler/icons-react": "catalog:",

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

@@ -1,11 +1,13 @@
 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 { APP_TITLE } from "@/lib/app-config";
 
-import { useHeaderTitle, useHeaderActions } from "./HeaderActions";
-
 const pageTitleKeys: Record<string, string> = {
   "/": "header.plan",
   "/plans": "header.plan",

package/corpus/templates/plan/app/components/layout/Layout.tsx

@@ -4,19 +4,18 @@ import {
   useAgentChatHomeHandoffLinks,
   useT,
 } from "@agent-native/core/client";
-import { IconMenu2 } from "@tabler/icons-react";
-import { useState, useEffect } from "react";
-import { useLocation } from "react-router";
-
+import { HeaderActionsProvider } from "@agent-native/toolkit/app-shell";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetTitle,
-} from "@/components/ui/sheet";
+} from "@agent-native/toolkit/ui/sheet";
+import { IconMenu2 } from "@tabler/icons-react";
+import { useState, useEffect } from "react";
+import { useLocation } from "react-router";
 
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
 import { Sidebar } from "./Sidebar";
 
 const PLAN_READER_VIEW_EVENT = "plans-reader-view-change";

package/corpus/templates/plan/app/components/layout/Sidebar.tsx

@@ -16,6 +16,26 @@ import {
 } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Input } from "@agent-native/toolkit/ui/input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArchive,
   IconClipboardCheck,
@@ -39,26 +59,6 @@ import {
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Input } from "@/components/ui/input";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { usePlans } from "@/hooks/use-plans";
 import { APP_TITLE } from "@/lib/app-config";
 import { cn } from "@/lib/utils";

package/corpus/templates/plan/app/components/plan/CanvasArea.tsx

@@ -1,4 +1,6 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import type {
   PlanAnnotation,
   PlanAnnotationPlacement,
@@ -25,9 +27,6 @@ import {
   type RefObject,
 } from "react";
 
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-
 import { Wireframe, type DesignElementSelection } from "./wireframe/Wireframe";
 
 const useIsomorphicLayoutEffect =

package/corpus/templates/plan/app/components/plan/DocumentArea.tsx

@@ -9,6 +9,8 @@ import {
   useT,
   type RichMarkdownCollabUser,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import { imageDataSchema, type PlanBlock } from "@shared/plan-content";
 import {
   IconAlertTriangle,
@@ -29,8 +31,6 @@ import {
 } from "react";
 import { toast } from "sonner";
 
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
 import { cn } from "@/lib/utils";
 
 import { PlanImageViewer } from "./PlanImageViewer";

package/corpus/templates/plan/app/components/plan/GuestModeBanner.tsx

@@ -1,8 +1,7 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import { IconCloudUpload } from "@tabler/icons-react";
 
-import { Button } from "@/components/ui/button";
-
 /**
  * Slim, non-modal "you're a guest" strip for unauthenticated hosted visitors.
  * Public plans can still be viewed without an account, but creating a plan needs

package/corpus/templates/plan/app/components/plan/LocalCodebasePicker.tsx

@@ -1,4 +1,12 @@
 import { setClientAppState, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconAlertCircle,
   IconCircleCheck,
@@ -10,14 +18,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   chooseLocalCodebase,
   clearLocalCodebaseSelection,

package/corpus/templates/plan/app/components/plan/PlanContentRenderer.tsx

@@ -10,6 +10,7 @@ import {
   type CollabUser,
   type RichMarkdownCollabUser,
 } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
 import type { PlanFileTreeBlock } from "@shared/plan-content";
 import type {
   PlanAnnotation,
@@ -33,7 +34,6 @@ import {
   type ReactNode,
 } from "react";
 
-import { Button } from "@/components/ui/button";
 import { usePlanPresence } from "@/hooks/use-plan-presence";
 import { cn } from "@/lib/utils";