@agent-native/core 0.86.0 → 0.87.0

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

@@ -2,6 +2,7 @@ import { useDbSync } from "@agent-native/core/client";
 import {
   AppProviders,
   DEFAULT_LOCALE,
+  ErrorReportActions,
   LOCALE_HYDRATION_GLOBAL,
   LOCALE_STORAGE_KEY,
   RequireSession,
@@ -14,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 {
@@ -28,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";
@@ -82,73 +83,121 @@ function skipBroadActionInvalidation() {
 
 const MAIL_ERROR_COPY: Record<
   LocaleCode,
-  { title: string; fallback: string; back: string; reload: string }
+  {
+    title: string;
+    fallback: string;
+    back: string;
+    reload: string;
+    sendFeedback: string;
+    feedbackPlaceholder: string;
+    openGitHubIssue: string;
+  }
 > = {
   "en-US": {
     title: "Mail could not load this view.",
     fallback: "Something went wrong while loading Mail.",
     back: "Back",
     reload: "Reload",
+    sendFeedback: "Send feedback",
+    feedbackPlaceholder:
+      "Describe what happened before this Mail error appeared.",
+    openGitHubIssue: "Open GitHub issue",
   },
   "zh-CN": {
     title: "Mail 无法加载此视图。",
     fallback: "加载 Mail 时出现问题。",
     back: "返回",
     reload: "重新加载",
+    sendFeedback: "发送反馈",
+    feedbackPlaceholder: "描述此 Mail 错误出现前发生了什么。",
+    openGitHubIssue: "打开 GitHub issue",
   },
   "zh-TW": {
     title: "Mail 無法載入此檢視。",
     fallback: "載入 Mail 時發生問題。",
     back: "返回",
     reload: "重新載入",
+    sendFeedback: "傳送意見回饋",
+    feedbackPlaceholder: "描述此 Mail 錯誤出現前發生了什麼。",
+    openGitHubIssue: "開啟 GitHub issue",
   },
   "es-ES": {
     title: "Mail no pudo cargar esta vista.",
     fallback: "Algo salió mal al cargar Mail.",
     back: "Atrás",
     reload: "Recargar",
+    sendFeedback: "Enviar comentarios",
+    feedbackPlaceholder:
+      "Describe qué pasó antes de que apareciera este error de Mail.",
+    openGitHubIssue: "Abrir issue en GitHub",
   },
   "fr-FR": {
     title: "Mail n'a pas pu charger cette vue.",
     fallback: "Un problème est survenu lors du chargement de Mail.",
     back: "Retour",
     reload: "Recharger",
+    sendFeedback: "Envoyer un retour",
+    feedbackPlaceholder:
+      "Décrivez ce qui s'est passé avant cette erreur de Mail.",
+    openGitHubIssue: "Ouvrir une issue GitHub",
   },
   "de-DE": {
     title: "Mail konnte diese Ansicht nicht laden.",
     fallback: "Beim Laden von Mail ist ein Fehler aufgetreten.",
     back: "Zurück",
     reload: "Neu laden",
+    sendFeedback: "Feedback senden",
+    feedbackPlaceholder:
+      "Beschreiben Sie, was vor diesem Mail-Fehler passiert ist.",
+    openGitHubIssue: "GitHub-Issue öffnen",
   },
   "ja-JP": {
     title: "Mail はこのビューを読み込めませんでした。",
     fallback: "Mail の読み込み中に問題が発生しました。",
     back: "戻る",
     reload: "再読み込み",
+    sendFeedback: "フィードバックを送信",
+    feedbackPlaceholder:
+      "この Mail エラーの直前に起きたことを説明してください。",
+    openGitHubIssue: "GitHub issue を開く",
   },
   "ko-KR": {
     title: "Mail에서 이 보기를 불러올 수 없습니다.",
     fallback: "Mail을 불러오는 중 문제가 발생했습니다.",
     back: "뒤로",
     reload: "새로고침",
+    sendFeedback: "피드백 보내기",
+    feedbackPlaceholder:
+      "이 Mail 오류가 나타나기 전에 무슨 일이 있었는지 적어 주세요.",
+    openGitHubIssue: "GitHub issue 열기",
   },
   "pt-BR": {
     title: "O Mail não conseguiu carregar esta visualização.",
     fallback: "Algo deu errado ao carregar o Mail.",
     back: "Voltar",
     reload: "Recarregar",
+    sendFeedback: "Enviar feedback",
+    feedbackPlaceholder:
+      "Descreva o que aconteceu antes deste erro do Mail aparecer.",
+    openGitHubIssue: "Abrir issue no GitHub",
   },
   "hi-IN": {
     title: "Mail यह दृश्य लोड नहीं कर सका।",
     fallback: "Mail लोड करते समय कुछ गलत हुआ।",
     back: "वापस",
     reload: "रीलोड",
+    sendFeedback: "फ़ीडबैक भेजें",
+    feedbackPlaceholder: "इस Mail त्रुटि से पहले क्या हुआ, उसका वर्णन करें।",
+    openGitHubIssue: "GitHub issue खोलें",
   },
   "ar-SA": {
     title: "تعذر على Mail تحميل هذا العرض.",
     fallback: "حدث خطأ أثناء تحميل Mail.",
     back: "رجوع",
     reload: "إعادة التحميل",
+    sendFeedback: "إرسال الملاحظات",
+    feedbackPlaceholder: "صف ما حدث قبل ظهور خطأ Mail هذا.",
+    openGitHubIssue: "فتح مشكلة في GitHub",
   },
 };
 
@@ -436,6 +485,16 @@ export function ErrorBoundary() {
             {copy.reload}
           </Button>
         </div>
+        <ErrorReportActions
+          appName="Mail"
+          title={copy.title}
+          details={message}
+          issueTitle={`Mail error: ${copy.title}`}
+          feedbackLabel={copy.sendFeedback}
+          feedbackPlaceholder={copy.feedbackPlaceholder}
+          githubLabel={copy.openGitHubIssue}
+          className="mt-4"
+        />
       </div>
     </div>
   );

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/changelog/2026-07-03-error-screens-now-include-a-feedback-button-with-debug-info.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-03
+---
+
+Mail error screens now include a feedback button with debug context and a prefilled GitHub issue fallback.

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