fix(webui): align group rename dialog terminology

This commit is contained in:
Xubin Ren
2026-08-14 19:55:25 +09:00
parent 221e8a4e4a
commit 4d18dd2c30
13 changed files with 58 additions and 41 deletions
+3 -3
View File
@@ -2892,9 +2892,9 @@ function Shell({
<RenameChatDialog
open
title={pendingTabRename.label}
dialogTitle={t("workbench.renameTabTitle")}
description={t("workbench.renameTabDescription")}
placeholder={t("workbench.renameTabPlaceholder")}
dialogTitle={t("workbench.renameGroupTitle")}
description={t("workbench.renameGroupDescription")}
placeholder={t("workbench.renameGroupPlaceholder")}
onCancel={() => setPendingTabRename(null)}
onConfirm={onConfirmTabRename}
/>
+16 -8
View File
@@ -44,33 +44,41 @@ export function RenameChatDialog({
<Dialog open={open} onOpenChange={(next) => {
if (!next) onCancel();
}}>
<DialogContent className="max-w-sm p-5">
<DialogContent className="max-w-sm rounded-[20px] p-5 sm:p-6">
<form
className="grid gap-4"
className="grid gap-5"
onSubmit={(event) => {
event.preventDefault();
if (!trimmed) return;
onConfirm(trimmed);
}}
>
<DialogHeader className="text-left">
<DialogTitle>{dialogTitle ?? t("chat.renameTitle")}</DialogTitle>
<DialogDescription>
<DialogHeader className="space-y-1 text-left">
<DialogTitle className="text-xl leading-tight">
{dialogTitle ?? t("chat.renameTitle")}
</DialogTitle>
<DialogDescription className="leading-relaxed">
{description ?? t("chat.renameDescription")}
</DialogDescription>
</DialogHeader>
<Input
className="h-11 rounded-xl border-border/80 bg-muted/20 px-3.5 text-[15px]"
value={value}
onChange={(event) => setValue(event.target.value)}
placeholder={placeholder ?? t("chat.renamePlaceholder")}
autoFocus
maxLength={160}
/>
<DialogFooter className="gap-2 sm:space-x-0">
<Button type="button" variant="outline" onClick={onCancel}>
<DialogFooter className="gap-2 pt-1 sm:space-x-0">
<Button
className="min-w-20 rounded-xl"
type="button"
variant="outline"
onClick={onCancel}
>
{t("deleteConfirm.cancel")}
</Button>
<Button type="submit" disabled={!trimmed}>
<Button className="min-w-20 rounded-xl" type="submit" disabled={!trimmed}>
{t("chat.renameSave")}
</Button>
</DialogFooter>
+3 -3
View File
@@ -1458,9 +1458,9 @@
"dropPane": "Move {{pane}} into {{tab}}",
"createGroup": "Create group",
"moveTo": "Move to",
"renameTabTitle": "Rename tab",
"renameTabDescription": "Give this tab a name for organizing its panes.",
"renameTabPlaceholder": "Tab name",
"renameGroupTitle": "Rename group",
"renameGroupDescription": "Give this group a name.",
"renameGroupPlaceholder": "Group name",
"dissolveTab": "Dissolve group",
"layout": "Pane layout",
"addPane": "Add pane",
+3 -3
View File
@@ -1445,9 +1445,9 @@
"dropPane": "Mover {{pane}} a {{tab}}",
"createGroup": "Crear grupo",
"moveTo": "Mover a",
"renameTabTitle": "Renombrar pestaña",
"renameTabDescription": "Ponle un nombre a esta pestaña para organizar sus paneles.",
"renameTabPlaceholder": "Nombre de la pestaña",
"renameGroupTitle": "Renombrar grupo",
"renameGroupDescription": "Ponle un nombre a este grupo.",
"renameGroupPlaceholder": "Nombre del grupo",
"dissolveTab": "Disolver grupo",
"layout": "Diseño de paneles",
"addPane": "Añadir panel",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "Déplacer {{pane}} dans {{tab}}",
"createGroup": "Créer un groupe",
"moveTo": "Déplacer vers",
"renameTabTitle": "Renommer longlet",
"renameTabDescription": "Donnez un nom à cet onglet pour organiser ses volets.",
"renameTabPlaceholder": "Nom de longlet",
"renameGroupTitle": "Renommer le groupe",
"renameGroupDescription": "Donnez un nom à ce groupe.",
"renameGroupPlaceholder": "Nom du groupe",
"dissolveTab": "Dissoudre le groupe",
"layout": "Disposition des volets",
"addPane": "Ajouter un volet",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "Pindahkan {{pane}} ke {{tab}}",
"createGroup": "Buat grup",
"moveTo": "Pindahkan ke",
"renameTabTitle": "Ganti nama tab",
"renameTabDescription": "Beri nama tab ini untuk mengatur panelnya.",
"renameTabPlaceholder": "Nama tab",
"renameGroupTitle": "Ganti nama grup",
"renameGroupDescription": "Beri nama untuk grup ini.",
"renameGroupPlaceholder": "Nama grup",
"dissolveTab": "Bubarkan grup",
"layout": "Tata letak panel",
"addPane": "Tambah panel",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "{{pane}} を {{tab}} に移動",
"createGroup": "グループを作成",
"moveTo": "移動先",
"renameTabTitle": "タブ名を変更",
"renameTabDescription": "ペインを整理するため、このタブに名前を付けます。",
"renameTabPlaceholder": "タブ名",
"renameGroupTitle": "グループ名を変更",
"renameGroupDescription": "このグループに名前を付けます。",
"renameGroupPlaceholder": "グループ名",
"dissolveTab": "グループを解除",
"layout": "ペインレイアウト",
"addPane": "ペインを追加",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "{{pane}}을(를) {{tab}}으로 이동",
"createGroup": "그룹 만들기",
"moveTo": "이동",
"renameTabTitle": " 이름 바꾸기",
"renameTabDescription": "창을 정리할 수 있도록 이 탭에 이름을 지정하세요.",
"renameTabPlaceholder": " 이름",
"renameGroupTitle": "그룹 이름 바꾸기",
"renameGroupDescription": "이 그룹에 이름을 지정하세요.",
"renameGroupPlaceholder": "그룹 이름",
"dissolveTab": "그룹 해제",
"layout": "창 레이아웃",
"addPane": "창 추가",
+3 -3
View File
@@ -1458,9 +1458,9 @@
"dropPane": "Mover {{pane}} para {{tab}}",
"createGroup": "Criar grupo",
"moveTo": "Mover para",
"renameTabTitle": "Renomear aba",
"renameTabDescription": "Dê um nome a esta aba para organizar seus painéis.",
"renameTabPlaceholder": "Nome da aba",
"renameGroupTitle": "Renomear grupo",
"renameGroupDescription": "Dê um nome a este grupo.",
"renameGroupPlaceholder": "Nome do grupo",
"dissolveTab": "Desfazer grupo",
"layout": "Layout de painéis",
"addPane": "Adicionar painel",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "Di chuyển {{pane}} vào {{tab}}",
"createGroup": "Tạo nhóm",
"moveTo": "Di chuyển đến",
"renameTabTitle": "Đổi tên thẻ",
"renameTabDescription": "Đặt tên cho thẻ này để sắp xếp các khung.",
"renameTabPlaceholder": "Tên thẻ",
"renameGroupTitle": "Đổi tên nhóm",
"renameGroupDescription": "Đặt tên cho nhóm này.",
"renameGroupPlaceholder": "Tên nhóm",
"dissolveTab": "Giải tán nhóm",
"layout": "Bố cục khung",
"addPane": "Thêm khung",
+3 -3
View File
@@ -1458,9 +1458,9 @@
"dropPane": "将 {{pane}} 移入 {{tab}}",
"createGroup": "创建分组",
"moveTo": "移动到",
"renameTabTitle": "重命名标签页",
"renameTabDescription": "为这个标签页命名,以便组织其中的窗格。",
"renameTabPlaceholder": "标签页名称",
"renameGroupTitle": "重命名分组",
"renameGroupDescription": "为这个分组命名。",
"renameGroupPlaceholder": "分组名称",
"dissolveTab": "解散分组",
"layout": "窗格布局",
"addPane": "添加窗格",
+3 -3
View File
@@ -1444,9 +1444,9 @@
"dropPane": "將 {{pane}} 移入 {{tab}}",
"createGroup": "建立群組",
"moveTo": "移動到",
"renameTabTitle": "重新命名分頁",
"renameTabDescription": "為這個分頁命名,以便整理其中的窗格。",
"renameTabPlaceholder": "分頁名稱",
"renameGroupTitle": "重新命名群組",
"renameGroupDescription": "為這個群組命名。",
"renameGroupPlaceholder": "群組名稱",
"dissolveTab": "解散群組",
"layout": "窗格佈局",
"addPane": "新增窗格",
+9
View File
@@ -3246,6 +3246,15 @@ describe("App layout", () => {
}),
}),
));
fireEvent.pointerDown(within(tabGroup).getByRole("button", {
name: "Topic actions for Solo pane",
}), { button: 0, ctrlKey: false });
fireEvent.click(await screen.findByRole("menuitem", { name: "Rename" }));
const renameDialog = await screen.findByRole("dialog", { name: "Rename group" });
expect(within(renameDialog).getByText("Give this group a name.")).toBeInTheDocument();
expect(within(renameDialog).getByPlaceholderText("Group name")).toHaveValue("Solo pane");
});
it("restores a created pane group from gateway state after remount", async () => {