Update quick command button to use plus icon and clearer label

Replace the play icon with a plus icon and update the label from
"Command" to "Add Quick Command…" (including localizations).
This provides clearer visual and textual cues that the action creates
a new command rather than running an existing one.
This commit is contained in:
Jinjing
2026-06-27 14:16:58 -07:00
parent ef292cb069
commit c4025f479a
7 changed files with 12 additions and 12 deletions
@@ -1,5 +1,5 @@
import { useMemo, useState } from 'react'
import { Play } from 'lucide-react'
import { Plus } from 'lucide-react'
import { useAppStore } from '@/store'
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
import {
@@ -136,7 +136,7 @@ export function TabBarQuickCommandsButton({
return null
}
// Empty state: single "+ Command" button that opens the dialog directly.
// Empty state: single add button that opens the dialog directly.
if (!hasAnyCommands) {
return (
<>
@@ -151,11 +151,11 @@ export function TabBarQuickCommandsButton({
'Add quick command'
)}
>
<Play className="size-3.5" />
<Plus className="size-3.5" />
<span className="text-[12px] font-medium">
{translate(
'auto.components.tab.bar.TabBarQuickCommandsButton.a2c7a33831',
'Command'
'Add Quick Command…'
)}
</span>
</button>
@@ -1,5 +1,5 @@
import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
import { ChevronDown, Pencil, Play, Trash2 } from 'lucide-react'
import { ChevronDown, Pencil, Play, Plus, Trash2 } from 'lucide-react'
import {
Command,
CommandEmpty,
@@ -373,10 +373,10 @@ export function TabBarQuickCommandsMenu({
}}
className="flex w-full items-center gap-2 rounded-[5px] px-2 py-1.5 text-[12px] text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
>
<Play className="size-3.5" />
<Plus className="size-3.5" />
{translate(
'auto.components.tab.bar.TabBarQuickCommandsButton.a2c7a33831',
'Command'
'Add Quick Command…'
)}
</button>
</div>
+1 -1
View File
@@ -2601,7 +2601,7 @@
"39676a184c": "Open any file, URL, agent, ..."
},
"TabBarQuickCommandsButton": {
"a2c7a33831": "Command",
"a2c7a33831": "Add Quick Command…",
"20bbd75896": "No commands",
"b82e237a4b": "More quick commands",
"85482c57bc": "Run quick command",
+1 -1
View File
@@ -2601,7 +2601,7 @@
"39676a184c": "Abra cualquier archivo, URL, agente, ..."
},
"TabBarQuickCommandsButton": {
"a2c7a33831": "Comando",
"a2c7a33831": "Agregar comando rápido…",
"20bbd75896": "Sin comandos",
"b82e237a4b": "Comandos más rápidos",
"85482c57bc": "Ejecutar comando rápido",
+1 -1
View File
@@ -2601,7 +2601,7 @@
"39676a184c": "任意のファイル、URL、agent などを開きます..."
},
"TabBarQuickCommandsButton": {
"a2c7a33831": "コマンド",
"a2c7a33831": "クイックコマンドを追加…",
"20bbd75896": "コマンドはありません",
"b82e237a4b": "よりクイックなコマンド",
"85482c57bc": "クイックコマンドを実行する",
+1 -1
View File
@@ -2601,7 +2601,7 @@
"39676a184c": "모든 파일, URL, agent를 엽니다..."
},
"TabBarQuickCommandsButton": {
"a2c7a33831": "명령",
"a2c7a33831": "빠른 명령 추가...",
"20bbd75896": "명령 없음",
"b82e237a4b": "빠른 명령 더 보기",
"85482c57bc": "빠른 명령 실행",
+1 -1
View File
@@ -2601,7 +2601,7 @@
"39676a184c": "打开任何文件、URL、智能体..."
},
"TabBarQuickCommandsButton": {
"a2c7a33831": "命令",
"a2c7a33831": "添加快速命令...",
"20bbd75896": "无命令",
"b82e237a4b": "更快捷的命令",
"85482c57bc": "运行快速命令",