@agent-native/core 0.86.0 → 0.87.0

package/corpus/templates/slides/app/components/comments/SlideCommentsPanel.tsx

@@ -1,4 +1,9 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconX,
   IconCheck,
@@ -8,11 +13,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useRef, useEffect } from "react";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import {
   useSlideComments,
   useCreateSlideComment,

package/corpus/templates/slides/app/components/deck/DeckCard.tsx

@@ -1,4 +1,11 @@
 import { VisibilityBadge, useT } from "@agent-native/core/client";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   IconDots,
   IconTrash,
@@ -9,13 +16,6 @@ import {
 import { useState, useRef, useEffect } from "react";
 import { Link } from "react-router";
 
-import {
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-} from "@/components/ui/dropdown-menu";
 import type { Deck } from "@/context/DeckContext";
 
 import SlideRenderer from "./SlideRenderer";

package/corpus/templates/slides/app/components/deck/ExcalidrawSlide.tsx

@@ -1,3 +1,4 @@
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import DOMPurify from "dompurify";
 import {
   useEffect,
@@ -8,8 +9,6 @@ import {
   Suspense,
 } from "react";
 
-import { Skeleton } from "@/components/ui/skeleton";
-
 const Excalidraw = lazy(async () => {
   await import("@excalidraw/excalidraw/index.css");
   const mod = await import("@excalidraw/excalidraw");

package/corpus/templates/slides/app/components/deck/SlideRenderer.tsx

@@ -1,4 +1,5 @@
 import { useT } from "@agent-native/core/client";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   useState,
   useEffect,
@@ -11,7 +12,6 @@ import {
 import ReactMarkdown from "react-markdown";
 import rehypeRaw from "rehype-raw";
 
-import { Skeleton } from "@/components/ui/skeleton";
 import type { Slide } from "@/context/DeckContext";
 import { type AspectRatio, getAspectRatioDims } from "@/lib/aspect-ratios";
 import {

package/corpus/templates/slides/app/components/design-system/DesignSystemCard.tsx

@@ -1,11 +1,10 @@
 import { ShareButton, VisibilityBadge } from "@agent-native/core/client";
-import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconPalette, IconStar, IconStarFilled } from "@tabler/icons-react";
 
 import type { DesignSystemData } from "../../../shared/api";
 

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -6,6 +6,19 @@ import {
   appApiPath,
   useT,
 } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+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 { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import {
   IconWorld,
   IconPalette,
@@ -21,20 +34,6 @@ import {
 } from "@tabler/icons-react";
 import { useState, useCallback, useEffect, useRef, useMemo } 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 { ScrollArea } from "@/components/ui/scroll-area";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/hooks/use-toast";
-
 import {
   MAX_BUILDER_INDEX_UPLOAD_BYTES,
   readBuilderIndexResponse,
@@ -87,6 +86,11 @@ function normalizeWebsiteUrlInput(input: string): string | null {
   }
 }
 
+function isDesignMdFile(file: UploadedFile) {
+  const name = file.name.split(/[\\/]/).pop()?.toLowerCase() ?? file.name;
+  return name === "design.md" || name === "design.mdx";
+}
+
 export function DesignSystemSetup({
   open,
   onClose,
@@ -328,7 +332,7 @@ export function DesignSystemSetup({
 
     const parts: string[] = [];
     parts.push(
-      "Set up a design system from the following sources. Analyze each source, extract design tokens (colors, fonts, spacing, borders), and create a cohesive design system for my slide decks.",
+      "Set up a design system from the following sources. Use Builder Design System Intelligence (DSI) as the source of truth for reusable Figma/code/design.md indexing. Analyze each source, extract design tokens (colors, fonts, spacing, borders), and create a cohesive design system for my slide decks.",
     );
 
     if (companyName.trim()) {
@@ -343,15 +347,21 @@ export function DesignSystemSetup({
 
     if (githubLinks.length > 0) {
       parts.push(
-        `\n## GitHub Repositories\nStart Builder design-system indexing for each repository with \`index-design-system-with-builder\`:\n${githubLinks.map((l) => `- ${l.url}`).join("\n")}\n\nBuilder is the source of truth for repo/code design-system indexing. The action also creates a local selectable proxy design system for Slides flows. If Builder is not connected, stop and tell me to connect Builder from Settings.`,
+        `\n## Connect Code: GitHub Repositories\nStart Builder DSI indexing for each repository with \`index-design-system-with-builder\`:\n${githubLinks.map((l) => `- ${l.url}`).join("\n")}\n\nBuilder is the source of truth for repo/code design-system indexing. The action also creates a local selectable proxy design system for Slides flows. If Builder is not connected, stop and tell me to connect Builder from Settings.`,
       );
     }
 
+    const designMdFiles = [...codeFiles, ...docFiles].filter(
+      (file) => file.textContent && isDesignMdFile(file),
+    );
+
     if (codeFiles.length > 0) {
-      const withContent = codeFiles.filter((f) => f.textContent);
+      const withContent = codeFiles.filter(
+        (f) => f.textContent && !isDesignMdFile(f),
+      );
       if (withContent.length > 0) {
         parts.push(
-          `\n## Code Files (${withContent.length} files)\nStart Builder design-system indexing with \`index-design-system-with-builder\` using these files:`,
+          `\n## Connect Code: Code Files (${withContent.length} files)\nStart Builder DSI indexing with \`index-design-system-with-builder\` using these files as the \`codeFiles\` argument:`,
         );
         for (const f of withContent) {
           parts.push(
@@ -361,14 +371,27 @@ export function DesignSystemSetup({
       }
     }
 
+    if (designMdFiles.length > 0) {
+      parts.push(
+        `\n## Optional design.md (${designMdFiles.length} file${designMdFiles.length === 1 ? "" : "s"})\nPass this content as the \`designMd\` argument to \`index-design-system-with-builder\` alongside any Figma/code sources:`,
+      );
+      for (const f of designMdFiles) {
+        parts.push(
+          `\n### ${f.name}\n\`\`\`md\n${inlineText(f.textContent!)}\n\`\`\``,
+        );
+      }
+    }
+
     if (builderIndexResult) {
       parts.push(
-        `\n## Builder-Indexed Figma File\nBuilder design-system indexing has already started.\n- Design system: ${builderIndexResult.designSystemId}\n- Local selectable design system: ${builderIndexResult.localDesignSystemId ?? "(not returned)"}\n- Project: ${builderIndexResult.projectId}\n- Job: ${builderIndexResult.jobId}\n- URL: ${builderIndexResult.builderUrl}\n\nUse Builder as the source of truth for extracted tokens, assets, and guidance. Do not call \`create-design-system\` again for this Builder-indexed source.`,
+        `\n## Connect Figma: Builder-Indexed Figma File\nBuilder DSI indexing has already started.\n- Design system: ${builderIndexResult.designSystemId}\n- Local selectable design system: ${builderIndexResult.localDesignSystemId ?? "(not returned)"}\n- Project: ${builderIndexResult.projectId}\n- Job: ${builderIndexResult.jobId}\n- URL: ${builderIndexResult.builderUrl}\n\nUse Builder as the source of truth for extracted tokens, assets, components, and guidance. Do not call \`create-design-system\` again for this Builder-indexed source.`,
       );
     }
 
     if (docFiles.length > 0) {
-      const inlined = docFiles.filter((f) => f.textContent);
+      const inlined = docFiles.filter(
+        (f) => f.textContent && !isDesignMdFile(f),
+      );
       const binary = docFiles.filter((f) => !f.textContent);
       if (inlined.length > 0) {
         parts.push(
@@ -413,7 +436,7 @@ export function DesignSystemSetup({
     }
 
     parts.push(
-      `\n---\nAfter processing all sources, if you started Builder design-system indexing, report the Builder job/design-system URL plus the local selectable design-system id returned by \`index-design-system-with-builder\`. Do not call \`create-design-system\` again for those Builder-indexed sources. If you processed non-Builder sources into concrete tokens, call \`create-design-system\` with the combined tokens${
+      `\n---\nAfter processing all sources, if you started Builder DSI indexing, report the Builder job/design-system URL plus the local selectable design-system id returned by \`index-design-system-with-builder\`. Do not call \`create-design-system\` again for Builder-indexed Figma/code/design.md sources. If you processed non-Builder sources into concrete tokens, call \`create-design-system\` with the combined tokens${
         customInstructions.trim()
           ? " AND the verbatim --customInstructions string from above"
           : ""
@@ -624,7 +647,7 @@ export function DesignSystemSetup({
                     ref={codeInputRef}
                     type="file"
                     multiple
-                    accept=".css,.scss,.sass,.less,.ts,.tsx,.js,.jsx,.json,.html"
+                    accept=".css,.scss,.sass,.less,.ts,.tsx,.js,.jsx,.json,.html,.svg,.xml,.md,.markdown,.mdx,.txt"
                     onChange={(e) => {
                       if (e.target.files)
                         readTextFiles(e.target.files, setCodeFiles);

package/corpus/templates/slides/app/components/editor/AnimationsPanel.tsx

@@ -1,4 +1,11 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+} from "@agent-native/toolkit/ui/select";
 import {
   DndContext,
   closestCenter,
@@ -23,13 +30,6 @@ import {
 import { nanoid } from "nanoid";
 import { useMemo, useCallback } from "react";
 
-import {
-  Select,
-  SelectTrigger,
-  SelectValue,
-  SelectContent,
-  SelectItem,
-} from "@/components/ui/select";
 import type {
   Slide,
   SlideAnimation,

package/corpus/templates/slides/app/components/editor/BlockBubbleMenu.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 {
 import { useEffect, useState, useRef } from "react";
 import { createPortal } from "react-dom";
 
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { shortcutLabel } from "@/lib/utils";
 
 interface BlockBubbleMenuProps {

package/corpus/templates/slides/app/components/editor/EditorSidebar.tsx

@@ -7,6 +7,12 @@ import {
   useAvatarUrl,
   useT,
 } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   useSortable,
   SortableContext,
@@ -28,14 +34,8 @@ import { createPortal } from "react-dom";
 import SlideRenderer from "@/components/deck/SlideRenderer";
 import { GoogleDocImportHint } from "@/components/editor/GoogleDocImportHint";
 import type { UploadedFile } from "@/components/editor/PromptDialog";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import type { Slide } from "@/context/DeckContext";
 import { useAgentGenerating } from "@/hooks/use-agent-generating";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
 interface EditorSidebarProps {
@@ -638,7 +638,7 @@ export default function EditorSidebar({
   }, [slides, activeSlideId, onSelectSlide]);
 
   return (
-    <div className="flex h-full w-56 flex-shrink-0 flex-col border-r border-border/70 bg-background/95 sm:w-64">
+    <div className="flex h-full min-h-0 w-56 flex-shrink-0 flex-col border-r border-border/70 bg-background/95 sm:w-64">
       <div className="flex items-center justify-between border-b border-border/70 p-3">
         <span className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
           {t("editorSidebar.slides")}
@@ -664,7 +664,7 @@ export default function EditorSidebar({
 
       <div
         ref={thumbScrollRef}
-        className="relative flex-1 space-y-1 overflow-y-auto p-2"
+        className="relative min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2"
       >
         <SortableContext
           items={slides.map((s) => s.id)}

package/corpus/templates/slides/app/components/editor/EditorToolbar.tsx

@@ -6,12 +6,24 @@ import {
 } from "@agent-native/core/client";
 import {
   AgentToggleButton,
-  NotificationsBell,
   ShareButton,
   PresenceBar,
   type CollabUser,
 } from "@agent-native/core/client";
 import { RunsTray } from "@agent-native/core/client/progress";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@agent-native/toolkit/ui/dropdown-menu";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconArrowLeft,
   IconPlayerPlay,
@@ -35,7 +47,7 @@ import {
   IconUpload,
   IconSun,
   IconMoon,
-  IconDots,
+  IconDotsVertical,
   IconPalette,
   IconLoader2,
 } from "@tabler/icons-react";
@@ -44,22 +56,9 @@ import { useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { Link } from "react-router";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuSeparator,
-} from "@/components/ui/dropdown-menu";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { SaveStatusIndicator } from "@/components/visual-editor";
 import type { Deck, Slide, SlideLayout } from "@/context/DeckContext";
 import { defaultSlideContent, useSaveState } from "@/context/DeckContext";
-import { toast } from "@/hooks/use-toast";
 import {
   ASPECT_RATIO_VALUES,
   type AspectRatio,
@@ -977,7 +976,7 @@ graph TD
                 className="p-2.5 sm:p-1.5 rounded-md hover:bg-accent transition-colors flex-shrink-0 text-muted-foreground hover:text-foreground/70 cursor-pointer"
                 aria-label={t("editorToolbar.more")}
               >
-                <IconDots className="w-4 h-4" />
+                <IconDotsVertical className="w-4 h-4" />
               </button>
             </DropdownMenuTrigger>
           </TooltipTrigger>
@@ -1015,7 +1014,6 @@ graph TD
         </DropdownMenuContent>
       </DropdownMenu>
 
-      <NotificationsBell />
       <RunsTray pollMs={1500} />
       <AgentToggleButton />
     </div>

package/corpus/templates/slides/app/components/editor/ExportMenu.tsx

@@ -1,4 +1,13 @@
 import { appBasePath, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+} from "@agent-native/toolkit/ui/dropdown-menu";
 import {
   IconDownload,
   IconFileTypePdf,
@@ -8,16 +17,6 @@ import {
   IconBrandGoogle,
 } from "@tabler/icons-react";
 
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { toast } from "@/hooks/use-toast";
-
 interface ExportMenuProps {
   deckId: string;
   deckTitle: string;

package/corpus/templates/slides/app/components/editor/GenerateSlidesDialog.tsx

@@ -1,22 +1,21 @@
 import { useActionMutation, useT } from "@agent-native/core/client";
-import type { SlideGenerateResponse } from "@shared/api";
-import { IconLoader2, IconPhoto } from "@tabler/icons-react";
-import { useState } from "react";
-
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
   DialogDescription,
-} from "@/components/ui/dialog";
+} from "@agent-native/toolkit/ui/dialog";
 import {
   Select,
   SelectTrigger,
   SelectValue,
   SelectContent,
   SelectItem,
-} from "@/components/ui/select";
+} from "@agent-native/toolkit/ui/select";
+import type { SlideGenerateResponse } from "@shared/api";
+import { IconLoader2, IconPhoto } from "@tabler/icons-react";
+import { useState } from "react";
 
 interface GenerateSlidesDialogProps {
   open: boolean;

package/corpus/templates/slides/app/components/editor/HistoryPanel.tsx

@@ -1,4 +1,16 @@
 import { useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { ScrollArea } from "@agent-native/toolkit/ui/scroll-area";
+import { Separator } from "@agent-native/toolkit/ui/separator";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@agent-native/toolkit/ui/sheet";
+import { Skeleton } from "@agent-native/toolkit/ui/skeleton";
 import {
   IconArrowLeft,
   IconHistory,
@@ -8,24 +20,12 @@ import {
 import { useMemo, useState, type RefObject } from "react";
 
 import SlideRenderer from "@/components/deck/SlideRenderer";
-import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Separator } from "@/components/ui/separator";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-} from "@/components/ui/sheet";
-import { Skeleton } from "@/components/ui/skeleton";
 import type { Slide } from "@/context/DeckContext";
 import {
   useDeckVersion,
   useDeckVersions,
   useRestoreDeckVersion,
 } from "@/hooks/use-deck-versions";
-import { toast } from "@/hooks/use-toast";
 import type { AspectRatio } from "@/lib/aspect-ratios";
 
 import type { DeckVersionSummary } from "../../../shared/api";

package/corpus/templates/slides/app/components/editor/ImageDropPromptPopover.tsx

@@ -1,12 +1,11 @@
 import { appBasePath, sendToAgentChat, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
+import { Button } from "@agent-native/toolkit/ui/button";
+import { Textarea } from "@agent-native/toolkit/ui/textarea";
 import { IconLoader2, IconX } from "@tabler/icons-react";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
-import { toast } from "@/hooks/use-toast";
-
 const POPOVER_WIDTH = 360;
 const POPOVER_MARGIN = 12;
 

package/corpus/templates/slides/app/components/editor/ImageSearchPanel.tsx

@@ -1,13 +1,12 @@
 import { appBasePath, useT } from "@agent-native/core/client";
-import { IconX, IconSearch, IconLoader2 } from "@tabler/icons-react";
-import { useState, useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconX, IconSearch, IconLoader2 } from "@tabler/icons-react";
+import { useState, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
 
 interface SearchResult {
   url: string;

package/corpus/templates/slides/app/components/editor/ImportButton.tsx

@@ -1,12 +1,11 @@
 import { agentNativePath, appBasePath, useT } from "@agent-native/core/client";
-import { IconUpload } from "@tabler/icons-react";
-import { useRef } from "react";
-
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/tooltip";
+} from "@agent-native/toolkit/ui/tooltip";
+import { IconUpload } from "@tabler/icons-react";
+import { useRef } from "react";
 
 interface ImportButtonProps {
   deckId?: string;

package/corpus/templates/slides/app/components/editor/PromptDialog.tsx

@@ -1,9 +1,8 @@
 import { appBasePath, PromptComposer, useT } from "@agent-native/core/client";
+import { toast } from "@agent-native/toolkit/hooks/use-toast";
 import { useState, useEffect, useCallback, useRef } from "react";
 import { createPortal } from "react-dom";
 
-import { toast } from "@/hooks/use-toast";
-
 import { GoogleDocImportHint } from "./GoogleDocImportHint";
 
 export interface UploadedFile {

package/corpus/templates/slides/app/components/editor/ShareDialog.tsx

@@ -1,4 +1,14 @@
 import { appBasePath, useT } from "@agent-native/core/client";
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconShare2,
   IconCopy,
@@ -9,16 +19,6 @@ import {
 import { useState, type ReactNode } from "react";
 
 import { CloudUpgrade } from "@/components/CloudUpgrade";
-import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import type { Deck } from "@/context/DeckContext";
 import { useDbStatus } from "@/hooks/use-db-status";
 

package/corpus/templates/slides/app/components/editor/SlideBubbleMenu.tsx

@@ -1,4 +1,14 @@
 import { useT } from "@agent-native/core/client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@agent-native/toolkit/ui/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@agent-native/toolkit/ui/tooltip";
 import {
   IconBold,
   IconItalic,
@@ -21,16 +31,6 @@ import type { Editor } from "@tiptap/react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useState } from "react";
 
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
 import { cn, shortcutLabel } from "@/lib/utils";
 
 import { getBrandPalette, setBrandPalette } from "./style-clipboard";