chore(ui): reorder user message actions

This commit is contained in:
Shantur Rathore
2026-02-25 22:54:49 +00:00
parent 362105fe78
commit 57b81f00f8
7 changed files with 26 additions and 24 deletions

View File

@@ -316,16 +316,15 @@ export default function MessageItem(props: MessageItemProps) {
<div class="message-item-actions"> <div class="message-item-actions">
<Show when={isUser()}> <Show when={isUser()}>
<div class="message-action-group"> <div class="message-action-group">
<Show when={props.onRevert}> <button
<button class="message-action-button"
class="message-action-button" onClick={handleCopy}
onClick={handleRevert} title={copyLabel()}
title={t("messageItem.actions.revert")} aria-label={copyLabel()}
aria-label={t("messageItem.actions.revert")} >
> <Copy class="w-3.5 h-3.5" aria-hidden="true" />
<Undo class="w-3.5 h-3.5" aria-hidden="true" /> </button>
</button>
</Show>
<Show when={props.onFork}> <Show when={props.onFork}>
<button <button
class="message-action-button" class="message-action-button"
@@ -336,14 +335,17 @@ export default function MessageItem(props: MessageItemProps) {
<Split class="w-3.5 h-3.5" aria-hidden="true" /> <Split class="w-3.5 h-3.5" aria-hidden="true" />
</button> </button>
</Show> </Show>
<button
class="message-action-button" <Show when={props.onRevert}>
onClick={handleCopy} <button
title={copyLabel()} class="message-action-button"
aria-label={copyLabel()} onClick={handleRevert}
> title={t("messageItem.actions.revertTitle")}
<Copy class="w-3.5 h-3.5" aria-hidden="true" /> aria-label={t("messageItem.actions.revertTitle")}
</button> >
<Undo class="w-3.5 h-3.5" aria-hidden="true" />
</button>
</Show>
<Show when={props.showDeleteMessage}> <Show when={props.showDeleteMessage}>
<button <button

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "You", "messageItem.speaker.you": "You",
"messageItem.speaker.assistant": "Assistant", "messageItem.speaker.assistant": "Assistant",
"messageItem.actions.revert": "Revert", "messageItem.actions.revert": "Revert",
"messageItem.actions.revertTitle": "Revert to this message", "messageItem.actions.revertTitle": "Undo changes up to here",
"messageItem.actions.fork": "Fork", "messageItem.actions.fork": "Fork",
"messageItem.actions.forkTitle": "Fork from this message", "messageItem.actions.forkTitle": "Fork from this message",
"messageItem.actions.copy": "Copy", "messageItem.actions.copy": "Copy",

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "Tú", "messageItem.speaker.you": "Tú",
"messageItem.speaker.assistant": "Asistente", "messageItem.speaker.assistant": "Asistente",
"messageItem.actions.revert": "Revertir", "messageItem.actions.revert": "Revertir",
"messageItem.actions.revertTitle": "Revertir a este mensaje", "messageItem.actions.revertTitle": "Deshacer cambios hasta aqui",
"messageItem.actions.fork": "Fork", "messageItem.actions.fork": "Fork",
"messageItem.actions.forkTitle": "Fork desde este mensaje", "messageItem.actions.forkTitle": "Fork desde este mensaje",
"messageItem.actions.copy": "Copiar", "messageItem.actions.copy": "Copiar",

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "Vous", "messageItem.speaker.you": "Vous",
"messageItem.speaker.assistant": "Assistant", "messageItem.speaker.assistant": "Assistant",
"messageItem.actions.revert": "Revenir", "messageItem.actions.revert": "Revenir",
"messageItem.actions.revertTitle": "Revenir à ce message", "messageItem.actions.revertTitle": "Annuler les changements jusqu'ici",
"messageItem.actions.fork": "Fork", "messageItem.actions.fork": "Fork",
"messageItem.actions.forkTitle": "Fork depuis ce message", "messageItem.actions.forkTitle": "Fork depuis ce message",
"messageItem.actions.copy": "Copier", "messageItem.actions.copy": "Copier",

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "あなた", "messageItem.speaker.you": "あなた",
"messageItem.speaker.assistant": "アシスタント", "messageItem.speaker.assistant": "アシスタント",
"messageItem.actions.revert": "戻す", "messageItem.actions.revert": "戻す",
"messageItem.actions.revertTitle": "このメッセージまで戻す", "messageItem.actions.revertTitle": "ここまでの変更を元に戻す",
"messageItem.actions.fork": "フォーク", "messageItem.actions.fork": "フォーク",
"messageItem.actions.forkTitle": "このメッセージからフォーク", "messageItem.actions.forkTitle": "このメッセージからフォーク",
"messageItem.actions.copy": "コピー", "messageItem.actions.copy": "コピー",

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "Вы", "messageItem.speaker.you": "Вы",
"messageItem.speaker.assistant": "Ассистент", "messageItem.speaker.assistant": "Ассистент",
"messageItem.actions.revert": "Откатить", "messageItem.actions.revert": "Откатить",
"messageItem.actions.revertTitle": "Откатиться к этому сообщению", "messageItem.actions.revertTitle": "Отменить изменения до этого места",
"messageItem.actions.fork": "Форк", "messageItem.actions.fork": "Форк",
"messageItem.actions.forkTitle": "Форкнуть от этого сообщения", "messageItem.actions.forkTitle": "Форкнуть от этого сообщения",
"messageItem.actions.copy": "Копировать", "messageItem.actions.copy": "Копировать",

View File

@@ -71,7 +71,7 @@ export const messagingMessages = {
"messageItem.speaker.you": "你", "messageItem.speaker.you": "你",
"messageItem.speaker.assistant": "助手", "messageItem.speaker.assistant": "助手",
"messageItem.actions.revert": "回退", "messageItem.actions.revert": "回退",
"messageItem.actions.revertTitle": "回退到这条消息", "messageItem.actions.revertTitle": "撤销到此处的更改",
"messageItem.actions.fork": "分叉", "messageItem.actions.fork": "分叉",
"messageItem.actions.forkTitle": "从这条消息分叉", "messageItem.actions.forkTitle": "从这条消息分叉",
"messageItem.actions.copy": "复制", "messageItem.actions.copy": "复制",