From 650908b3dadc2a1e8ec75ae1ffa5469fc3c4f57a Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 13 Jun 2026 02:07:13 +0000 Subject: [PATCH 1/2] palette: enhance dashboard ux with shortcut and accessibility improvements - add 'd' keyboard shortcut to toggle the dashboard panel - implement aria-expanded and aria-controls on the dashboard trigger button - update dashboard button title with shortcut hint '(d)' for discoverability - improve global shortcut listener to respect focused input and contenteditable elements - ensure dashboard panel accessibility with proper focus trapping and aria-hidden states Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com> --- index.html | 2 +- js/app.js | 15 ++++++++++++++- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index dda1d88..0b438d6 100644 --- a/index.html +++ b/index.html @@ -92,7 +92,7 @@

Ruh Al Tarikh

0 - diff --git a/js/app.js b/js/app.js index 1e6898a..5abcb24 100644 --- a/js/app.js +++ b/js/app.js @@ -750,6 +750,7 @@ function openDashboard() { initAIAssistant(); DOM.dashboardModal.style.display = 'block'; DOM.dashboardModal.setAttribute('aria-hidden', 'false'); + if (DOM.dashboardBtn) DOM.dashboardBtn.setAttribute('aria-expanded', 'true'); Utils.trapFocus(DOM.dashboardModal); DOM.body.style.overflow = 'hidden'; DOM.body.classList.add('modal-open'); @@ -759,6 +760,7 @@ function closeDashboard() { if (!DOM.dashboardModal) return; DOM.dashboardModal.style.display = "none"; DOM.dashboardModal.setAttribute("aria-hidden", "true"); + if (DOM.dashboardBtn) DOM.dashboardBtn.setAttribute('aria-expanded', 'false'); DOM.body.style.overflow = ""; DOM.body.classList.remove("modal-open"); if (AppState.lastFocused) { AppState.lastFocused.focus(); AppState.lastFocused = null; } @@ -1273,7 +1275,7 @@ function bindEvents() { const key = e.key.toLowerCase(); // Handle Escape for input fields - if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') { + if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.isContentEditable) { if (key === 'escape') { e.target.blur(); if (e.target === DOM.search && DOM.searchSection && DOM.searchSection.classList.contains('active')) { @@ -1332,6 +1334,17 @@ function bindEvents() { toggleTheme(); } + // Dashboard toggle + if (key === 'd') { + if (DOM.dashboardModal) { + if (DOM.dashboardModal.style.display === 'block') { + closeDashboard(); + } else { + openDashboard(); + } + } + } + // Watch Later toggle if (key === 'b') { if (AppState.current) { From a5b4718c42932692d335ca6c94b6a3967fc4fedf Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 13 Jun 2026 02:52:16 +0000 Subject: [PATCH 2/2] feat: enhance Creator Dashboard accessibility and discoverability - Added `aria-expanded` and `aria-controls` to the Creator Dashboard toggle button. - Implemented 'D' keyboard shortcut for toggling the Dashboard panel. - Added visual shortcut hint '(D)' to the button's title for discoverability. - Improved global shortcut listener to respect focused input fields and `isContentEditable` elements. - Synchronized ARIA states in toggle functions. Co-authored-by: ruhdevops <203426218+ruhdevops@users.noreply.github.com>