From 8c9f2227833aed57609c42ea778cbd76e2852b59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=99=A8=E8=8B=92?=
 <16112591+chen-ran@users.noreply.github.com>
Date: Tue, 14 Apr 2026 05:46:41 +0800
Subject: [PATCH] fix(ui): add acl template tooltip

---
 apps/web/src/pages/bots/components/create-bot.vue     | 2 +-
 packages/ui/src/components/tooltip/TooltipContent.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/pages/bots/components/create-bot.vue b/apps/web/src/pages/bots/components/create-bot.vue
index 8a6004f3..0d789b99 100644
--- a/apps/web/src/pages/bots/components/create-bot.vue
+++ b/apps/web/src/pages/bots/components/create-bot.vue
@@ -96,7 +96,7 @@
                       <CircleHelp class="size-3.5" />
                     </Button>
                   </TooltipTrigger>
-                  <TooltipContent class="max-w-64 text-left">
+                  <TooltipContent class="max-w-80 text-left leading-relaxed">
                     {{ $t('bots.aclPresetHelp') }}
                   </TooltipContent>
                 </Tooltip>
diff --git a/packages/ui/src/components/tooltip/TooltipContent.vue b/packages/ui/src/components/tooltip/TooltipContent.vue
index a3073786..d4401638 100644
--- a/packages/ui/src/components/tooltip/TooltipContent.vue
+++ b/packages/ui/src/components/tooltip/TooltipContent.vue
@@ -25,8 +25,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       data-slot="tooltip-content"
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
-        'z-50 w-fit rounded-lg px-3 py-1.5 text-xs whitespace-normal break-words',
-        'bg-primary text-primary-foreground shadow-lg',
+        'z-50 w-fit max-w-80 rounded-lg border border-border px-3 py-2 text-xs whitespace-normal break-words',
+        'bg-popover text-popover-foreground shadow-md',
         'animate-in fade-in-0 zoom-in-95',
         'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
         'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
@@ -35,7 +35,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     >
       <slot />
 
-      <TooltipArrow class="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" />
+      <TooltipArrow class="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover" />
     </TooltipContent>
   </TooltipPortal>
 </template>