xiaoxue_admin
/
dbx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(editor): update AI mode icons

This commit is contained in:
t8y2 2026-05-22 21:18:32 +08:00
parent 6b00e193ba
commit e1dd45e418
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/desktop/src/components/editor/AiAssistant.vue
View File

@ -954,7 +954,7 @@ const messageRenderer = computed(() => {
class="flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] text-muted-foreground hover:bg-muted hover:text-foreground"
:title="activeModeHint"
>
<Bot class="h-3 w-3" />
<component :is="assistantMode === 'agent' ? Bot : MessageSquarePlus" class="h-3 w-3" />
<span>{{ t(`ai.modes.${assistantMode}`) }}</span>
<svg
class="h-3 w-3 opacity-50"
@ -972,7 +972,8 @@ const messageRenderer = computed(() => {
</DropdownMenuTrigger>
<DropdownMenuContent align="start" class="w-40">
<DropdownMenuItem class="text-xs gap-1.5" :title="t('ai.modeHints.ask')" @click="assistantMode = 'ask'">
<Check class="h-3 w-3" :class="{ 'opacity-0': assistantMode !== 'ask' }" />
<Check class="h-3 w-3 shrink-0" :class="{ 'opacity-0': assistantMode !== 'ask' }" />
<MessageSquarePlus class="h-3 w-3 shrink-0 text-muted-foreground" />
<span>{{ t("ai.modes.ask") }}</span>
</DropdownMenuItem>
<DropdownMenuItem
@ -980,7 +981,8 @@ const messageRenderer = computed(() => {
:title="t('ai.modeHints.agent')"
@click="assistantMode = 'agent'"
>
<Check class="h-3 w-3" :class="{ 'opacity-0': assistantMode !== 'agent' }" />
<Check class="h-3 w-3 shrink-0" :class="{ 'opacity-0': assistantMode !== 'agent' }" />
<Bot class="h-3 w-3 shrink-0 text-muted-foreground" />
<span>{{ t("ai.modes.agent") }}</span>
</DropdownMenuItem>
</DropdownMenuContent>

20
packages/app-tests/aiAssistantModeMenu.test.ts Normal file
View File

@ -0,0 +1,20 @@
import { readFileSync } from "node:fs";
import assert from "node:assert/strict";
import test from "node:test";
test("AI assistant mode menu shows an icon for ask and agent options", () => {
const source = readFileSync("apps/desktop/src/components/editor/AiAssistant.vue", "utf8");
assert.match(
source,
/<DropdownMenuItem[\s\S]*?ai\.modeHints\.ask[\s\S]*?<Check[\s\S]*?assistantMode !== 'ask'[\s\S]*?<MessageSquarePlus class="h-3 w-3 shrink-0 text-muted-foreground"[\s\S]*?ai\.modes\.ask[\s\S]*?<\/DropdownMenuItem>/,
);
assert.match(
source,
/<DropdownMenuItem[\s\S]*?ai\.modeHints\.agent[\s\S]*?<Check[\s\S]*?assistantMode !== 'agent'[\s\S]*?<Bot class="h-3 w-3 shrink-0 text-muted-foreground"[\s\S]*?ai\.modes\.agent[\s\S]*?<\/DropdownMenuItem>/,
);
assert.match(
source,
/<component :is="assistantMode === 'agent' \? Bot : MessageSquarePlus" class="h-3 w-3" \/>/,
);
});