Skip to content

fix(chatui): command tooltip auto-closes with panel & enhances dark mode visibility #8606

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
elecvoid243 wants to merge 13 commits into
base: master
Choose a base branch
from
Open

fix(chatui): command tooltip auto-closes with panel & enhances dark mode visibility #8606

Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
df0576a
feature: add command suggestion for ChatUI
elecvoid243 May 21, 2026
52da3de
feat(chat): add focus functionality to chat input after sending messages
Soulter May 22, 2026
08eb913
feat(llm): add error handling for LLM provider selection failures
Soulter May 22, 2026
59ddcf4
feat(command-suggestion): enhance command filtering and sorting logic
Soulter May 22, 2026
13aa8a8
Merge branch 'AstrBotDevs:master' into cmd_suggestion
elecvoid243 May 23, 2026
5004f3a
Merge branch 'AstrBotDevs:master' into cmd_suggestion
elecvoid243 May 25, 2026
1d4fe9d
fix(command-suggestion): support custom wake-up words & hover informa…
elecvoid243 May 25, 2026
a57109f
Merge branch 'AstrBotDevs:master' into cmd_suggestion
elecvoid243 May 26, 2026
37ab348
ruff
elecvoid243 May 26, 2026
5ef1eec
Merge branch 'cmd_suggestion' of https://github.com/elecvoid243/AstrB…
elecvoid243 May 26, 2026
20f300b
Merge branch 'AstrBotDevs:master' into cmd_suggestion
elecvoid243 Jun 5, 2026
410c3cf
fix(cmd_suggestion): tooltip persists after panel close and improve v…
elecvoid243 Jun 5, 2026
17241b9
fix(cmd_suggestion): filtered item removal
elecvoid243 Jun 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 35 additions & 6 deletions dashboard/src/components/chat/CommandSuggestion.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
</template>

<script setup lang="ts">
import { computed, reactive } from "vue";
import { computed, reactive, ref, watch } from "vue";
import { useModuleI18n } from "@/i18n/composables";

export interface SuggestionCommand {
Expand Down Expand Up @@ -88,6 +88,8 @@ const tooltip = reactive({
y: 0,
});

const hoveredKey = ref<string | null>(null);

const tooltipStyle = computed(() => ({
position: "fixed" as const,
left: `${tooltip.x + 12}px`,
Expand All @@ -113,6 +115,30 @@ const panelStyle = computed(() => {
};
});

watch(
() => props.visible,
(val) => {
if (!val) {
tooltip.visible = false;
}
},
);
Comment thread
elecvoid243 marked this conversation as resolved.

watch(
() => props.commands,
(cmds) => {
if (hoveredKey.value) {
const stillExists = cmds.some(
(c) => `${c.handler_full_name}:${c.effective_command}` === hoveredKey.value,
);
if (!stillExists) {
tooltip.visible = false;
hoveredKey.value = null;
}
}
},
);

function handleSelect(index: number) {
const cmd = props.commands[index];
if (cmd) {
Expand All @@ -122,11 +148,13 @@ function handleSelect(index: number) {

function handleMouseEnter(index: number) {
emit("updateSelectedIndex", index);
// 显示 tooltip
const cmd = props.commands[index];
if (cmd?.description) {
tooltip.text = cmd.description;
tooltip.visible = true;
if (cmd) {
hoveredKey.value = `${cmd.handler_full_name}:${cmd.effective_command}`;
if (cmd.description) {
tooltip.text = cmd.description;
tooltip.visible = true;
}
}
}

Expand All @@ -137,6 +165,7 @@ function handleMouseMove(e: MouseEvent) {

function handleMouseLeave() {
tooltip.visible = false;
hoveredKey.value = null;
}
</script>

Expand Down Expand Up @@ -224,7 +253,7 @@ function handleMouseLeave() {
}

.is-dark .command-description {
color: #999;
color: #e0e0e0;
}

.command-suggestion-hint {
Expand Down
Loading