feat(shortcuts): toggle query results pane

Closes #6193

apps/desktop/src/App.vue

@@ -85,6 +85,7 @@ import {
   isSendSelectionToAiShortcut,
   isSwitchToNextTabShortcut,
   isSwitchToPreviousTabShortcut,
+  isToggleResultsPaneShortcut,
   isToggleSidebarShortcut,
   isZoomInShortcut,
   isZoomOutShortcut,
@@ -2507,6 +2508,11 @@ async function handleKeydown(e: KeyboardEvent) {
     contentAreaRef.value?.refreshData();
     return;
   }
+  if (isToggleResultsPaneShortcut(e, shortcuts) && contentAreaRef.value?.toggleResultsPane()) {
+    e.preventDefault();
+    e.stopPropagation();
+    return;
+  }
   if (isNewQueryShortcut(e, shortcuts)) {
     e.preventDefault();
     e.stopPropagation();

apps/desktop/src/components/layout/ContentArea.vue

@@ -651,6 +651,12 @@ const resultsPaneSize = ref(Number(safeLocalStorageGet("dbx-results-pane-size"))
 const editorPaneSize = computed(() => (resultsPaneOpen.value ? 100 - resultsPaneSize.value : 100));
 const queryRunningElapsed = ref(0);
 
+function toggleResultsPane(): boolean {
+  if (props.activeTab.mode !== "query" || !hasQueryOutput.value) return false;
+  resultsPaneOpen.value = !resultsPaneOpen.value;
+  return true;
+}
+
 function onResultsResized(payload: { panes: { size: number }[] }) {
   const resultsPane = payload.panes[1];
   if (resultsPane?.size != null && resultsPane.size >= 20 && resultsPane.size <= 85) {
@@ -1153,6 +1159,7 @@ async function executeRedisCommand(command: string): Promise<boolean> {
 defineExpose({
   focusSearch,
   refreshData,
+  toggleResultsPane,
   refreshQueryEditorCompletionCache,
   handleModRTarget,
   requestQueryEditorExecute,

apps/desktop/src/i18n/locales/en.ts

@@ -6539,6 +6539,7 @@ export default {
     shortcutZoomOutUi: "Zoom out UI",
     shortcutResetUiZoom: "Reset UI zoom",
     shortcutRefreshData: "Refresh data",
+    shortcutToggleResultsPane: "Toggle results pane",
     shortcutToggleTranspose: "Toggle transpose view",
     shortcutCancelSearch: "Cancel search",
     shortcutToggleSidebar: "Toggle sidebar",

apps/desktop/src/i18n/locales/es.ts

@@ -6211,6 +6211,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "Reducir interfaz",
     shortcutResetUiZoom: "Restablecer zoom de interfaz",
     shortcutRefreshData: "Actualizar datos",
+    shortcutToggleResultsPane: "Alternar panel de resultados",
     shortcutToggleTranspose: "Alternar vista transpuesta",
     shortcutCancelSearch: "Cancelar búsqueda",
     shortcutCopySidebarSelection: "Copiar selección de la barra lateral",

apps/desktop/src/i18n/locales/it.ts

@@ -6210,6 +6210,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "Rimpicciolisci UI",
     shortcutResetUiZoom: "Reimposta zoom UI",
     shortcutRefreshData: "Aggiorna dati",
+    shortcutToggleResultsPane: "Attiva/disattiva pannello risultati",
     shortcutToggleTranspose: "Attiva/disattiva vista trasposta",
     shortcutCancelSearch: "Annulla ricerca",
     shortcutToggleSidebar: "Attiva/disattiva barra laterale",

apps/desktop/src/i18n/locales/ja.ts

@@ -6224,6 +6224,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "UIを縮小",
     shortcutResetUiZoom: "UIズームをリセット",
     shortcutRefreshData: "データを更新",
+    shortcutToggleResultsPane: "結果ペインを切替",
     shortcutToggleTranspose: "転置ビューを切替",
     shortcutCancelSearch: "検索をキャンセル",
     shortcutToggleSidebar: "サイドバーを切替",

apps/desktop/src/i18n/locales/ko.ts

@@ -5921,6 +5921,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "UI 축소",
     shortcutResetUiZoom: "UI 확대/축소 재설정",
     shortcutRefreshData: "데이터 새로고침",
+    shortcutToggleResultsPane: "결과 창 전환",
     shortcutToggleTranspose: "전치 보기 전환",
     shortcutCancelSearch: "검색 취소",
     shortcutToggleSidebar: "사이드바 전환",

apps/desktop/src/i18n/locales/pt-BR.ts

@@ -6213,6 +6213,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "Diminuir zoom da UI",
     shortcutResetUiZoom: "Redefinir zoom da UI",
     shortcutRefreshData: "Atualizar dados",
+    shortcutToggleResultsPane: "Alternar painel de resultados",
     shortcutToggleTranspose: "Alternar visualização transposta",
     shortcutCancelSearch: "Cancelar pesquisa",
     shortcutCopySidebarSelection: "Copiar seleção da barra lateral",

apps/desktop/src/i18n/locales/zh-CN.ts

@@ -6526,6 +6526,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "缩小全局界面",
     shortcutResetUiZoom: "重置全局界面缩放",
     shortcutRefreshData: "刷新数据",
+    shortcutToggleResultsPane: "切换结果面板",
     shortcutToggleTranspose: "切换转置视图",
     shortcutCancelSearch: "取消搜索",
     shortcutCopySidebarSelection: "复制侧边栏选中项",

apps/desktop/src/i18n/locales/zh-TW.ts

@@ -5518,6 +5518,7 @@ export default withEnglishFallback({
     shortcutZoomOutUi: "縮小全域介面",
     shortcutResetUiZoom: "重設全域介面縮放",
     shortcutRefreshData: "重新整理資料",
+    shortcutToggleResultsPane: "切換結果面板",
     shortcutToggleTranspose: "切換轉置檢視",
     shortcutCancelSearch: "取消搜尋",
     shortcutCopySidebarSelection: "複製側邊欄選取項",

apps/desktop/src/lib/editor/keyboardShortcuts.ts

@@ -154,6 +154,10 @@ export function isRefreshDataShortcut(event: ShortcutLikeEvent, shortcuts?: Part
   return matchesShortcut(event, actionShortcut("refreshData", shortcuts));
 }
 
+export function isToggleResultsPaneShortcut(event: ShortcutLikeEvent, shortcuts?: Partial<ShortcutSettings>): boolean {
+  return matchesShortcut(event, actionShortcut("toggleResultsPane", shortcuts));
+}
+
 export function isModRShortcut(event: ShortcutLikeEvent): boolean {
   return matchesShortcut(event, "Mod+R");
 }

apps/desktop/src/lib/editor/shortcutRegistry.ts

@@ -56,6 +56,7 @@ export type ShortcutActionId =
   | "find"
   | "replace"
   | "refreshData"
+  | "toggleResultsPane"
   | "toggleTranspose"
   | "cancelSearch"
   | "toggleSidebar"
@@ -435,6 +436,12 @@ export const SHORTCUT_DEFINITIONS: ShortcutDefinition[] = [
     scope: "global",
     defaultShortcut: "F5",
   },
+  {
+    id: "toggleResultsPane",
+    labelKey: "settings.shortcutToggleResultsPane",
+    scope: "global",
+    defaultShortcut: "",
+  },
   {
     id: "toggleTranspose",
     labelKey: "settings.shortcutToggleTranspose",