fix(desktop): fix Linux window control order and drop auto position (#2434)
Left-side controls now use macOS traffic-light order (close, minimize, maximize). Remove the unused auto option and default window controls to the right for Windows and Linux frameless chrome. Authored-by: Serhii Dziupin <makeittech@users.noreply.github.com>
This commit is contained in:
@@ -38,8 +38,9 @@ export type SkillCatalogConfig = {
|
||||
gitIdentityId?: string;
|
||||
};
|
||||
|
||||
export type DesktopWindowControlsPosition = 'auto' | 'left' | 'right';
|
||||
export type DesktopWindowControlsPosition = 'left' | 'right';
|
||||
export type DesktopWindowControlsSide = 'left' | 'right';
|
||||
export type DesktopWindowControlAction = 'close' | 'minimize' | 'maximize';
|
||||
|
||||
export type DesktopSettings = {
|
||||
themeId?: string;
|
||||
@@ -252,6 +253,9 @@ export const getElectronPlatform = (): string | null => {
|
||||
/** Width of the three in-app window control buttons when placed on the left (3 × w-8). */
|
||||
export const DESKTOP_WINDOW_CONTROLS_WIDTH_PX = 96;
|
||||
|
||||
/** Default side for in-app window controls (Windows-style, right). */
|
||||
export const DEFAULT_DESKTOP_WINDOW_CONTROLS_POSITION: DesktopWindowControlsPosition = 'right';
|
||||
|
||||
/** Windows and Linux use frameless windows with in-app minimize/maximize/close controls. */
|
||||
export const usesFramelessElectronChrome = (): boolean => {
|
||||
if (!isElectronShell()) return false;
|
||||
@@ -259,21 +263,36 @@ export const usesFramelessElectronChrome = (): boolean => {
|
||||
return platform === 'win32' || platform === 'linux';
|
||||
};
|
||||
|
||||
export const getDefaultDesktopWindowControlsSide = (platform: string | null = getElectronPlatform()): DesktopWindowControlsSide => {
|
||||
if (platform === 'linux') {
|
||||
return 'left';
|
||||
/** Normalize a stored preference; legacy `auto` maps to the right-side default. */
|
||||
export const normalizeDesktopWindowControlsPosition = (
|
||||
value: unknown,
|
||||
): DesktopWindowControlsPosition | undefined => {
|
||||
if (value === 'left' || value === 'right') {
|
||||
return value;
|
||||
}
|
||||
return 'right';
|
||||
// Legacy "auto" never read OS chrome config; treat it as the right default.
|
||||
if (value === 'auto') {
|
||||
return DEFAULT_DESKTOP_WINDOW_CONTROLS_POSITION;
|
||||
}
|
||||
return undefined;
|
||||
};
|
||||
|
||||
export const resolveDesktopWindowControlsSide = (
|
||||
preference: DesktopWindowControlsPosition | undefined,
|
||||
platform: string | null = getElectronPlatform(),
|
||||
): DesktopWindowControlsSide => {
|
||||
if (preference === 'left' || preference === 'right') {
|
||||
return preference;
|
||||
}
|
||||
return getDefaultDesktopWindowControlsSide(platform);
|
||||
return preference === 'left' ? 'left' : DEFAULT_DESKTOP_WINDOW_CONTROLS_POSITION;
|
||||
};
|
||||
|
||||
/**
|
||||
* Left matches macOS traffic-light order (close, minimize, maximize).
|
||||
* Right keeps Windows order (minimize, maximize, close).
|
||||
*/
|
||||
export const getDesktopWindowControlsOrder = (
|
||||
side: DesktopWindowControlsSide,
|
||||
): DesktopWindowControlAction[] => {
|
||||
return side === 'left'
|
||||
? ['close', 'minimize', 'maximize']
|
||||
: ['minimize', 'maximize', 'close'];
|
||||
};
|
||||
|
||||
export const hasDesktopInvoke = (): boolean => {
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
import { describe, expect, test } from 'bun:test';
|
||||
|
||||
import {
|
||||
DEFAULT_DESKTOP_WINDOW_CONTROLS_POSITION,
|
||||
getDesktopWindowControlsOrder,
|
||||
normalizeDesktopWindowControlsPosition,
|
||||
resolveDesktopWindowControlsSide,
|
||||
} from './desktop';
|
||||
|
||||
describe('desktop window controls position', () => {
|
||||
test('defaults to right', () => {
|
||||
expect(DEFAULT_DESKTOP_WINDOW_CONTROLS_POSITION).toBe('right');
|
||||
expect(resolveDesktopWindowControlsSide(undefined)).toBe('right');
|
||||
expect(resolveDesktopWindowControlsSide('right')).toBe('right');
|
||||
expect(resolveDesktopWindowControlsSide('left')).toBe('left');
|
||||
});
|
||||
|
||||
test('maps legacy auto to right', () => {
|
||||
expect(normalizeDesktopWindowControlsPosition('auto')).toBe('right');
|
||||
expect(normalizeDesktopWindowControlsPosition('left')).toBe('left');
|
||||
expect(normalizeDesktopWindowControlsPosition('right')).toBe('right');
|
||||
expect(normalizeDesktopWindowControlsPosition('invalid')).toEqual(undefined);
|
||||
});
|
||||
|
||||
test('left uses macOS traffic-light order', () => {
|
||||
expect(getDesktopWindowControlsOrder('left')).toEqual(['close', 'minimize', 'maximize']);
|
||||
});
|
||||
|
||||
test('right uses Windows order', () => {
|
||||
expect(getDesktopWindowControlsOrder('right')).toEqual(['minimize', 'maximize', 'close']);
|
||||
});
|
||||
});
|
||||
@@ -941,9 +941,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': 'Failed to delete {count} session(s)',
|
||||
'settings.openchamber.desktopNetwork.title': 'Desktop Network Access',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': 'Window controls position',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Choose where minimize, maximize, and close buttons appear. Auto follows your operating system.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Choose where minimize, maximize, and close buttons appear. Defaults to the right.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': 'Window controls position',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': 'Auto',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': 'Left',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': 'Right',
|
||||
'settings.openchamber.desktopNetwork.field.launchAtLoginAria': 'Start OpenChamber at login',
|
||||
|
||||
@@ -908,9 +908,8 @@ export const settingsDict = {
|
||||
"settings.openchamber.sessionRetention.toast.failedDeleteCount": "No se pudo eliminar {count} sesión(es)",
|
||||
"settings.openchamber.desktopNetwork.title": "Acceso de red de escritorio",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPosition": "Posición de los controles de ventana",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Elige dónde aparecen los botones de minimizar, maximizar y cerrar. Automático sigue el sistema operativo.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Elige dónde aparecen los botones de minimizar, maximizar y cerrar. Por defecto a la derecha.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionAria": "Posición de los controles de ventana",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsAuto": "Automático",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsLeft": "Izquierda",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsRight": "Derecha",
|
||||
"settings.openchamber.desktopNetwork.field.launchAtLoginAria": "Iniciar OpenChamber al iniciar sesión",
|
||||
|
||||
@@ -829,9 +829,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': 'Échec de la suppression des sessions {count}',
|
||||
'settings.openchamber.desktopNetwork.title': 'Accès au réseau de bureau',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': 'Position des contrôles de fenêtre',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Choisissez où apparaissent les boutons Réduire, Agrandir et Fermer. Auto suit le système d’exploitation.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Choisissez où apparaissent les boutons Réduire, Agrandir et Fermer. Par défaut à droite.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': 'Position des contrôles de fenêtre',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': 'Auto',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': 'Gauche',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': 'Droite',
|
||||
'settings.openchamber.desktopNetwork.field.launchAtLoginAria': 'Démarrez OpenChamber lors de la connexion',
|
||||
|
||||
@@ -941,9 +941,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': '{count} 個の Session の削除に失敗しました',
|
||||
'settings.openchamber.desktopNetwork.title': 'Desktop ネットワークアクセス',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': 'ウィンドウコントロールの位置',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '最小化・最大化・閉じるボタンの表示位置を選びます。自動は OS に合わせます。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '最小化・最大化・閉じるボタンの表示位置を選びます。デフォルトは右側です。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': 'ウィンドウコントロールの位置',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': '自動',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': '左',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': '右',
|
||||
'settings.openchamber.desktopNetwork.field.launchAtLoginAria': 'ログイン時に OpenChamber を起動',
|
||||
|
||||
@@ -908,9 +908,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': '세션 {count}개를 삭제하지 못했습니다',
|
||||
'settings.openchamber.desktopNetwork.title': 'Desktop 네트워크 접속',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': '창 컨트롤 위치',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '최소화, 최대화, 닫기 버튼이 표시될 위치를 선택합니다. 자동은 운영체제를 따릅니다.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '최소화, 최대화, 닫기 버튼이 표시될 위치를 선택합니다. 기본값은 오른쪽입니다.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': '창 컨트롤 위치',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': '자동',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': '왼쪽',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': '오른쪽',
|
||||
'settings.openchamber.desktopNetwork.field.launchAtLoginAria': '로그인 시 OpenChamber 시작',
|
||||
|
||||
@@ -776,9 +776,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.desktopNetwork.hint.openNow': 'Otwórz z innego urządzenia: ',
|
||||
'settings.openchamber.desktopNetwork.title': 'Dostęp sieciowy pulpitu',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': 'Pozycja elementów sterujących oknem',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Wybierz, gdzie mają się pojawiać przyciski minimalizacji, maksymalizacji i zamykania. Automatycznie dopasowuje się do systemu operacyjnego.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': 'Wybierz, gdzie mają się pojawiać przyciski minimalizacji, maksymalizacji i zamykania. Domyślnie po prawej.',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': 'Pozycja elementów sterujących oknem',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': 'Automatycznie',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': 'Lewo',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': 'Prawo',
|
||||
'settings.openchamber.git.changesViewAria': 'Tryb widoku zmian Git',
|
||||
|
||||
@@ -908,9 +908,8 @@ export const settingsDict = {
|
||||
"settings.openchamber.sessionRetention.toast.failedDeleteCount": "Não foi possível excluir {count} sessão(es)",
|
||||
"settings.openchamber.desktopNetwork.title": "Acesso de rede do desktop",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPosition": "Posição dos controles da janela",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Escolha onde os botões de minimizar, maximizar e fechar aparecem. Automático segue o sistema operacional.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Escolha onde os botões de minimizar, maximizar e fechar aparecem. O padrão é à direita.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionAria": "Posição dos controles da janela",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsAuto": "Automático",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsLeft": "Esquerda",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsRight": "Direita",
|
||||
"settings.openchamber.desktopNetwork.field.launchAtLoginAria": "Iniciar o OpenChamber ao fazer login",
|
||||
|
||||
@@ -908,9 +908,8 @@ export const settingsDict = {
|
||||
"settings.openchamber.sessionRetention.toast.failedDeleteCount": "Не вдалося видалити сесій: {count}",
|
||||
"settings.openchamber.desktopNetwork.title": "Мережевий доступ десктопного застосунку",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPosition": "Позиція елементів керування вікном",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Виберіть, де з’являються кнопки згортання, розгортання та закриття. Авто відповідає вашій операційній системі.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionDescription": "Виберіть, де з’являються кнопки згортання, розгортання та закриття. За замовчуванням справа.",
|
||||
"settings.openchamber.desktopNetwork.field.windowControlsPositionAria": "Позиція елементів керування вікном",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsAuto": "Авто",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsLeft": "Зліва",
|
||||
"settings.openchamber.desktopNetwork.option.windowControlsRight": "Справа",
|
||||
"settings.openchamber.desktopNetwork.field.launchAtLoginAria": "Запускати OpenChamber під час входу в систему",
|
||||
|
||||
@@ -908,9 +908,8 @@ export const settingsDict = {
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': '删除 {count} 个会话失败',
|
||||
'settings.openchamber.desktopNetwork.title': '桌面端网络访问',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': '窗口控件位置',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '选择最小化、最大化和关闭按钮的显示位置。自动会按操作系统决定。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '选择最小化、最大化和关闭按钮的显示位置。默认在右侧。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': '窗口控件位置',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': '自动',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': '左侧',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': '右侧',
|
||||
'settings.openchamber.desktopNetwork.field.launchAtLoginAria': '登录时启动 OpenChamber',
|
||||
|
||||
@@ -905,9 +905,8 @@
|
||||
'settings.openchamber.sessionRetention.toast.failedDeleteCount': '刪除 {count} 個工作階段失敗',
|
||||
'settings.openchamber.desktopNetwork.title': '桌面端網路存取',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPosition': '視窗控制項位置',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '選擇最小化、最大化和關閉按鈕的顯示位置。自動會依作業系統決定。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionDescription': '選擇最小化、最大化和關閉按鈕的顯示位置。預設在右側。',
|
||||
'settings.openchamber.desktopNetwork.field.windowControlsPositionAria': '視窗控制項位置',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsAuto': '自動',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsLeft': '左側',
|
||||
'settings.openchamber.desktopNetwork.option.windowControlsRight': '右側',
|
||||
'settings.openchamber.desktopNetwork.field.allowLanAccessAria': '允許桌面 sidecar 區域網路存取',
|
||||
|
||||
@@ -738,10 +738,14 @@ const applyDesktopUiPreferences = (settings: DesktopSettings) => {
|
||||
store.setWeekStartPreference(settings.weekStartPreference);
|
||||
}
|
||||
}
|
||||
if (typeof settings.desktopWindowControlsPosition === 'string'
|
||||
&& (settings.desktopWindowControlsPosition === 'auto' || settings.desktopWindowControlsPosition === 'left' || settings.desktopWindowControlsPosition === 'right')) {
|
||||
if (settings.desktopWindowControlsPosition !== store.desktopWindowControlsPosition) {
|
||||
store.setDesktopWindowControlsPosition(settings.desktopWindowControlsPosition);
|
||||
if (typeof settings.desktopWindowControlsPosition === 'string') {
|
||||
const nextPosition = settings.desktopWindowControlsPosition === 'left'
|
||||
? 'left'
|
||||
: (settings.desktopWindowControlsPosition === 'right' || settings.desktopWindowControlsPosition === 'auto')
|
||||
? 'right'
|
||||
: null;
|
||||
if (nextPosition && nextPosition !== store.desktopWindowControlsPosition) {
|
||||
store.setDesktopWindowControlsPosition(nextPosition);
|
||||
}
|
||||
}
|
||||
if (typeof settings.chatRenderMode === 'string'
|
||||
@@ -1364,9 +1368,16 @@ const sanitizeWebSettings = (payload: unknown): DesktopSettings | null => {
|
||||
&& (candidate.weekStartPreference === 'auto' || candidate.weekStartPreference === 'sunday' || candidate.weekStartPreference === 'monday')) {
|
||||
result.weekStartPreference = candidate.weekStartPreference;
|
||||
}
|
||||
if (typeof candidate.desktopWindowControlsPosition === 'string'
|
||||
&& (candidate.desktopWindowControlsPosition === 'auto' || candidate.desktopWindowControlsPosition === 'left' || candidate.desktopWindowControlsPosition === 'right')) {
|
||||
result.desktopWindowControlsPosition = candidate.desktopWindowControlsPosition;
|
||||
if (typeof candidate.desktopWindowControlsPosition === 'string') {
|
||||
if (candidate.desktopWindowControlsPosition === 'left') {
|
||||
result.desktopWindowControlsPosition = 'left';
|
||||
} else if (
|
||||
candidate.desktopWindowControlsPosition === 'right'
|
||||
|| candidate.desktopWindowControlsPosition === 'auto'
|
||||
) {
|
||||
// Legacy "auto" never read OS chrome config; treat as right.
|
||||
result.desktopWindowControlsPosition = 'right';
|
||||
}
|
||||
}
|
||||
if (typeof candidate.chatRenderMode === 'string'
|
||||
&& (candidate.chatRenderMode === 'sorted' || candidate.chatRenderMode === 'live')) {
|
||||
|
||||
Reference in New Issue
Block a user