fix: hide the command suggestion tooltip whenever the suggestion panel closes

[Soulter]

Summary

• hide the command suggestion tooltip whenever the suggestion panel closes
• cover keyboard selection, Escape, blur, and other programmatic close paths without coupling the parent to child internals

Root cause

The suggestion panel remained mounted when its visible prop became false, while the tooltip was teleported to document.body and controlled by independent local state. Selecting a command with Enter closed the panel without firing mouseleave, so the tooltip stayed visible.

Impact

Command tooltips no longer remain over the WebChat UI after selecting a command with Enter or closing the suggestion panel through another non-pointer path.

Validation

• pnpm typecheck
• pnpm exec prettier --check src/components/chat/CommandSuggestion.vue
• pnpm build
• uv run ruff format --check .
• uv run ruff check .

Closes #9286

Summary by Sourcery

Bug Fixes:

• Hide the command suggestion tooltip whenever the suggestion panel visibility is toggled off, preventing stray tooltips after non-pointer closes.

[gemini-code-assist]

Code Review

This pull request introduces a watcher in CommandSuggestion.vue to hide the tooltip when the component's visibility changes to false. The reviewer suggested also watching props.commands to ensure the tooltip is hidden when the command list changes, preventing stale tooltips when hovered items are filtered out.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[gemini-code-assist]

When the user types to filter the commands, the command list (props.commands) changes. If the currently hovered command is filtered out or its position changes, the DOM element is removed or updated. Because the element is removed/replaced, the browser's native mouseleave event may not fire on the hovered item, causing the tooltip to remain visible with stale content.

To prevent this, we should also watch props.commands and hide the tooltip when the command list changes.

watch(
  () => props.visible,
  (visible) => {
    if (!visible) {
      tooltip.visible = false;
    }
  },
);

watch(
  () => props.commands,
  () => {
    tooltip.visible = false;
  },
);

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	astrbot-docs	f75fe72	Commit Preview URL Branch Preview URL	Jul 18 2026, 10:34 AM

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}