@agent-native/core 0.86.0 → 0.87.0

package/corpus/templates/design/server/lib/builder-design-system-proxy.ts

@@ -1,93 +1,13 @@
+import {
+  createBuilderDesignSystemProxyFields,
+  localBuilderDesignSystemId,
+  type BuilderDesignSystemIndexResult,
+} from "@agent-native/core/server";
 import { eq } from "drizzle-orm";
 import { nanoid } from "nanoid";
 
 import { getDb, schema } from "../db/index.js";
 
-type BuilderDesignSystemIndexResult = {
-  designSystemId: string;
-  jobId: string;
-  builderUrl: string;
-};
-
-export function localBuilderDesignSystemId(
-  builderDesignSystemId: string,
-): string {
-  const slug = builderDesignSystemId
-    .replace(/[^a-zA-Z0-9_-]+/g, "-")
-    .replace(/^-+|-+$/g, "")
-    .slice(0, 96);
-  return `builder-${slug || "design-system"}`;
-}
-
-function builderProxyData({
-  builderDesignSystemId,
-  jobId,
-  builderUrl,
-  projectName,
-  description,
-}: {
-  builderDesignSystemId: string;
-  jobId: string;
-  builderUrl: string;
-  projectName?: string;
-  description?: string;
-}) {
-  return JSON.stringify({
-    source: "builder",
-    builderDesignSystemId,
-    builderJobId: jobId,
-    builderUrl,
-    colors: {
-      primary: "var(--primary)",
-      secondary: "var(--secondary)",
-      accent: "var(--accent)",
-      background: "var(--background)",
-      surface: "var(--card)",
-      text: "var(--foreground)",
-      textMuted: "var(--muted-foreground)",
-    },
-    typography: {
-      headingFont: "inherit",
-      bodyFont: "inherit",
-      headingWeight: "700",
-      bodyWeight: "400",
-      headingSizes: { h1: "48px", h2: "32px", h3: "24px" },
-    },
-    spacing: { elementGap: "24px", pagePadding: "48px" },
-    borders: { radius: "12px", accentWidth: "1px" },
-    logos: [],
-    notes: [
-      "This is a local proxy for a Builder-indexed design system.",
-      `Builder design system id: ${builderDesignSystemId}`,
-      `Builder indexing job id: ${jobId}`,
-      `Builder URL: ${builderUrl}`,
-      projectName ? `Requested name: ${projectName}` : "",
-      description ? `Context: ${description}` : "",
-      "Use Builder as the source of truth for extracted tokens and guidance.",
-    ]
-      .filter(Boolean)
-      .join("\n"),
-  });
-}
-
-function builderProxyInstructions({
-  builderDesignSystemId,
-  jobId,
-  builderUrl,
-}: {
-  builderDesignSystemId: string;
-  jobId: string;
-  builderUrl: string;
-}) {
-  return [
-    "This design system is indexed and owned by Builder.",
-    `Builder design system id: ${builderDesignSystemId}`,
-    `Builder job id: ${jobId}`,
-    `Builder URL: ${builderUrl}`,
-    "When generating designs, treat Builder as the source of truth for the final extracted tokens, assets, and guidance.",
-  ].join("\n");
-}
-
 export async function upsertBuilderProxyDesignSystem({
   result,
   ownerEmail,
@@ -106,18 +26,11 @@ export async function upsertBuilderProxyDesignSystem({
   const baseLocalDesignSystemId = localBuilderDesignSystemId(
     result.designSystemId,
   );
-  const title = projectName?.trim() || "Builder indexed design system";
-  const localData = builderProxyData({
-    builderDesignSystemId: result.designSystemId,
-    jobId: result.jobId,
-    builderUrl: result.builderUrl,
+  const proxyFields = createBuilderDesignSystemProxyFields({
+    result,
     projectName,
     description,
-  });
-  const customInstructions = builderProxyInstructions({
-    builderDesignSystemId: result.designSystemId,
-    jobId: result.jobId,
-    builderUrl: result.builderUrl,
+    surface: "design",
   });
   const [existing] = await db
     .select({
@@ -135,13 +48,11 @@ export async function upsertBuilderProxyDesignSystem({
     await db
       .update(schema.designSystems)
       .set({
-        title,
-        description:
-          description ??
-          `Builder indexed design system ${result.designSystemId}`,
-        data: localData,
+        title: proxyFields.title,
+        description: proxyFields.description,
+        data: proxyFields.data,
         assets: "[]",
-        customInstructions,
+        customInstructions: proxyFields.customInstructions,
         updatedAt: now,
       })
       .where(eq(schema.designSystems.id, existing.id));
@@ -153,12 +64,11 @@ export async function upsertBuilderProxyDesignSystem({
       .limit(1);
     await db.insert(schema.designSystems).values({
       id: localDesignSystemId,
-      title,
-      description:
-        description ?? `Builder indexed design system ${result.designSystemId}`,
-      data: localData,
+      title: proxyFields.title,
+      description: proxyFields.description,
+      data: proxyFields.data,
       assets: "[]",
-      customInstructions,
+      customInstructions: proxyFields.customInstructions,
       isDefault: !ownedSystem,
       ownerEmail,
       orgId: orgId ?? null,

package/corpus/templates/forms/app/components/CloudUpgrade.tsx

@@ -1,4 +1,14 @@
 import { useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from "@agent-native/toolkit/ui/dialog";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
 import {
   IconCheck,
   IconLoader2,
@@ -8,16 +18,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useRef, useCallback } from "react";
 
-import { Button } from "@/components/ui/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
 import { cn } from "@/lib/utils";
 
 interface CloudUpgradeProps {

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

@@ -1,13 +1,13 @@
 import { useT } from "@agent-native/core/client";
-import { IconSun, IconMoon } from "@tabler/icons-react";
-import { useTheme } from "next-themes";
-
-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 { cn } from "@/lib/utils";
 
 export function ThemeToggle({ className }: { className?: string }) {

package/corpus/templates/forms/app/components/builder/FieldPropertiesPanel.tsx

@@ -1,21 +1,20 @@
 import { useT } from "@agent-native/core/client";
-import type { FormField, FormFieldType } from "@shared/types";
-import { IconPlus, IconX } from "@tabler/icons-react";
-import { useState } from "react";
-
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+import { Button } from "@agent-native/toolkit/ui/button";
+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";
-import { Separator } from "@/components/ui/separator";
-import { Switch } from "@/components/ui/switch";
-import { Textarea } from "@/components/ui/textarea";
+} from "@agent-native/toolkit/ui/select";
+import { Separator } from "@agent-native/toolkit/ui/separator";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import type { FormField, FormFieldType } from "@shared/types";
+import { IconPlus, IconX } from "@tabler/icons-react";
+import { useState } from "react";
 
 interface FieldPropertiesPanelProps {
   field: FormField;

package/corpus/templates/forms/app/components/builder/FieldRenderer.tsx

@@ -1,19 +1,22 @@
-import type { FormField } from "@shared/types";
-import { IconStar, IconStarFilled } from "@tabler/icons-react";
-
-import { Checkbox } from "@/components/ui/checkbox";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Label } from "@agent-native/toolkit/ui/label";
+import {
+  RadioGroup,
+  RadioGroupItem,
+} from "@agent-native/toolkit/ui/radio-group";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@/components/ui/select";
-import { Slider } from "@/components/ui/slider";
-import { Textarea } from "@/components/ui/textarea";
+} from "@agent-native/toolkit/ui/select";
+import { Slider } from "@agent-native/toolkit/ui/slider";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import type { FormField } from "@shared/types";
+import { IconStar, IconStarFilled } from "@tabler/icons-react";
+
 import { cn } from "@/lib/utils";
 
 interface FieldRendererProps {

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

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

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

@@ -7,13 +7,13 @@ import {
   useT,
 } from "@agent-native/core/client";
 import { InvitationBanner } from "@agent-native/core/client/org";
+import { HeaderActionsProvider } from "@agent-native/toolkit/app-shell";
 import { useMemo } from "react";
 import { useLocation, useNavigate } from "react-router";
 
 import { TAB_ID } from "@/lib/tab-id";
 
 import { Header } from "./Header";
-import { HeaderActionsProvider } from "./HeaderActions";
 import { Sidebar } from "./Sidebar";
 
 const BARE_ROUTES = new Set(["/form-preview"]);

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

@@ -9,6 +9,21 @@ import {
 } from "@agent-native/core/client";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { OrgSwitcher } from "@agent-native/core/client/org";
+import { useIsMobile } from "@agent-native/toolkit/hooks/use-mobile";
+import { Button } from "@agent-native/toolkit/ui/button";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@agent-native/toolkit/ui/popover";
+import { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowUp,
   IconPlus,
@@ -24,23 +39,8 @@ import { useState, useRef, useEffect, type MouseEvent } from "react";
 import { Link, useLocation, useNavigate } from "react-router";
 
 import { ThemeToggle } from "@/components/ThemeToggle";
-import { Button } from "@/components/ui/button";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { useAgentPromptRun } from "@/hooks/use-agent-prompt-run";
 import { useCreateForm } from "@/hooks/use-forms";
-import { useIsMobile } from "@/hooks/use-mobile";
 import { cn } from "@/lib/utils";
 
 const SIDEBAR_COLLAPSE_KEY = "forms.sidebar.collapsed";

package/corpus/templates/forms/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/forms/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/forms/app/pages/FormBuilderPage.tsx

@@ -8,6 +8,30 @@ import {
   useSendToAgentChat,
   useT,
 } from "@agent-native/core/client";
+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 { Label } from "@agent-native/toolkit/ui/label";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { Switch } from "@agent-native/toolkit/ui/switch";
+import { Tabs, TabsList, TabsTrigger } from "@agent-native/toolkit/ui/tabs";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
+import {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+} from "@agent-native/toolkit/ui/tooltip";
 import type {
   FormField,
   FormFieldType,
@@ -47,30 +71,6 @@ import { toast } from "sonner";
 import { FieldPropertiesPanel } from "@/components/builder/FieldPropertiesPanel";
 import { FieldRenderer } from "@/components/builder/FieldRenderer";
 import { CloudUpgrade } from "@/components/CloudUpgrade";
-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 { Label } from "@/components/ui/label";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Switch } from "@/components/ui/switch";
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { Textarea } from "@/components/ui/textarea";
-import {
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
-} from "@/components/ui/tooltip";
 import { useAgentPromptRun } from "@/hooks/use-agent-prompt-run";
 import { useDbStatus } from "@/hooks/use-db-status";
 import {

package/corpus/templates/forms/app/pages/FormFillPage.tsx

@@ -1,4 +1,6 @@
 import { Turnstile, PoweredByBadge, useT } from "@agent-native/core/client";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { FormField, FormSettings } from "@shared/types";
 import { IconCircleCheck, IconRefresh } from "@tabler/icons-react";
 import { useState, useMemo, useEffect } from "react";
@@ -7,8 +9,6 @@ import { toast } from "sonner";
 
 import { FieldRenderer } from "@/components/builder/FieldRenderer";
 import { ThemeToggle } from "@/components/ThemeToggle";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
 import { usePublicForm, useSubmitForm } from "@/hooks/use-forms";
 import { normalizeFields } from "@/lib/normalize-fields";
 import { cn } from "@/lib/utils";

package/corpus/templates/forms/app/pages/FormsListPage.tsx

@@ -4,6 +4,31 @@ import {
   useFormatters,
   useT,
 } from "@agent-native/core/client";
+import {
+  useSetHeaderActions,
+  useSetPageTitle,
+} from "@agent-native/toolkit/app-shell";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@agent-native/toolkit/ui/alert-dialog";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Checkbox } from "@agent-native/toolkit/ui/checkbox";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import { Tabs, TabsList, TabsTrigger } from "@agent-native/toolkit/ui/tabs";
 import {
   IconPlus,
   IconDots,
@@ -22,31 +47,6 @@ import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { CloudUpgrade } from "@/components/CloudUpgrade";
-import {
-  useSetHeaderActions,
-  useSetPageTitle,
-} from "@/components/layout/HeaderActions";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { useDbStatus } from "@/hooks/use-db-status";
 import {
   useForms,

package/corpus/templates/forms/app/pages/ResponseInsightsPage.tsx

@@ -1,4 +1,15 @@
 import { useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@agent-native/toolkit/ui/table";
 import type { ResponseInsightsWidgetResult } from "@shared/types";
 import {
   IconArrowLeft,
@@ -8,17 +19,6 @@ import {
 } from "@tabler/icons-react";
 import { Link, useSearchParams } from "react-router";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
 import { useResponseInsights } from "@/hooks/use-responses";
 import { cn } from "@/lib/utils";
 

package/corpus/templates/forms/app/pages/ResponsesPage.tsx

@@ -1,4 +1,8 @@
 import { useFormatters, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Input } from "@agent-native/toolkit/ui/input";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { FormField } from "@shared/types";
 import {
   IconArrowLeft,
@@ -13,10 +17,6 @@ import { format } from "date-fns";
 import { useMemo, useState } from "react";
 import { useParams, Link } from "react-router";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useForm } from "@/hooks/use-forms";
 import { useFormResponses } from "@/hooks/use-responses";
 import { normalizeFields } from "@/lib/normalize-fields";

package/corpus/templates/forms/app/routes/_app.settings.tsx

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

package/corpus/templates/forms/app/routes/form-preview.tsx

@@ -1,4 +1,7 @@
 import { isInAgentEmbed, postNavigate, useT } from "@agent-native/core/client";
+import { Badge } from "@agent-native/toolkit/ui/badge";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import type { FormFieldType } from "@shared/types";
 import {
   IconAlertCircle,
@@ -17,9 +20,6 @@ import {
 } from "@tabler/icons-react";
 import { useSearchParams } from "react-router";
 
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { Skeleton } from "@/components/ui/skeleton";
 import { useForm } from "@/hooks/use-forms";
 import { normalizeFields } from "@/lib/normalize-fields";
 

package/corpus/templates/forms/package.json

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

package/corpus/templates/macros/app/components/AddExerciseDialog.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 { Exercise } from "@shared/types";
 import { IconPlus } 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 { formatLocalDate } from "@/lib/utils";
 
 const formSchema = z.object({

package/corpus/templates/macros/app/components/AddMealDialog.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 { Meal } from "@shared/types";
 import { IconPlus, IconChevronDown } 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 { formatLocalDate } from "@/lib/utils";
 
 const formSchema = z.object({