| @@ -4,8 +4,19 @@ | ||
| 4 | 4 | * |
| 5 | 5 | * Adds the "Switch to OpenStation" button to the admin bar's top-right |
| 6 | 6 | * area and wires its click handler to the save-openstation AJAX endpoint. |
| 7 | 7 | * |
| 8 | + * The button is the way INTO the shell and only shows in classic admin. | |
| 9 | + * Inside the shell the admin bar carries no OpenStation nodes at all: | |
| 10 | + * everything the desktop offers is reachable from the dock, and the way | |
| 11 | + * back out is the locked "Exit OpenStation" tile. | |
| 12 | + * | |
| 13 | + * This file also publishes the `openStationAdminBar` config global, | |
| 14 | + * which the shell reads for the exit tile's AJAX call | |
| 15 | + * (`src/exit-openstation.ts`) and the keyboard-shortcuts window | |
| 16 | + * (`src/shortcuts.ts`). It is emitted on every admin screen, with or | |
| 17 | + * without the toggle node. | |
| 18 | + * | |
| 8 | 19 | * @package OpenStation |
| 9 | 20 | */ |
| 10 | 21 | |
| 11 | 22 | defined( 'ABSPATH' ) || exit; |
| @@ -12,10 +23,12 @@ | ||
| 12 | 23 | |
| 13 | 24 | /** |
| 14 | 25 | * Adds the OpenStation toggle to the admin bar. |
| 15 | 26 | * |
| 16 | - * Allows users to switch between classic admin and OpenStation, | |
| 17 | - * which renders admin screens in draggable, resizable windows. | |
| 27 | + * Only in classic admin. Once the user is viewing the shell the node | |
| 28 | + * would be a second way to do what the "Exit OpenStation" dock tile | |
| 29 | + * already does, and an admin bar carrying shell controls reads as the | |
| 30 | + * shell's own toolbar when it is not one. | |
| 18 | 31 | * |
| 19 | 32 | * @param WP_Admin_Bar $wp_admin_bar The WP_Admin_Bar instance. |
| 20 | 33 | */ |
| 21 | 34 | function openstation_admin_bar_toggle( $wp_admin_bar ) { |
| @@ -22,23 +35,19 @@ | ||
| 22 | 35 | if ( ! is_admin() || ! is_user_logged_in() ) { |
| 23 | 36 | return; |
| 24 | 37 | } |
| 25 | 38 | |
| 26 | - // "Active" means "the user is *currently viewing* OpenStation", | |
| 27 | - // not "the preference is enabled in user meta." These diverge on | |
| 28 | - // requests carrying the per-request classic override | |
| 29 | - // (`?desktop_mode_classic=1`) — the user's meta may be '1' but the | |
| 30 | - // page they're looking at right now is classic admin. If we went | |
| 31 | - // by meta alone, the toggle here would read "Switch to Classic | |
| 32 | - // Admin" on a page that's already classic, and the user's first | |
| 33 | - // click would disable OpenStation entirely (redirecting to | |
| 34 | - // classic admin) instead of taking them back into the shell. | |
| 35 | - // The second click would then re-enable it — a two-click trap. | |
| 36 | - $is_active = openstation_is_enabled() && ! openstation_is_classic_request(); | |
| 37 | - $label = $is_active | |
| 38 | - ? __( 'Switch to Classic Admin', 'desktop-mode' ) | |
| 39 | - : __( 'Switch to OpenStation', 'desktop-mode' ); | |
| 39 | + // "Active" means "the user is *currently viewing* OpenStation", not | |
| 40 | + // "the preference is enabled in user meta." These diverge on requests | |
| 41 | + // carrying the per-request classic override (`?desktop_mode_classic=1`): | |
| 42 | + // the user's meta may be '1' but the page they're looking at right now | |
| 43 | + // is classic admin, and it needs the way back in. | |
| 44 | + if ( openstation_is_enabled() && ! openstation_is_classic_request() ) { | |
| 45 | + return; | |
| 46 | + } | |
| 40 | 47 | |
| 48 | + $label = __( 'Switch to OpenStation', 'desktop-mode' ); | |
| 49 | + | |
| 41 | 50 | $wp_admin_bar->add_node( |
| 42 | 51 | array( |
| 43 | 52 | 'parent' => 'top-secondary', |
| 44 | 53 | 'id' => 'os-toggle', |
| @@ -45,235 +54,13 @@ | ||
| 45 | 54 | 'title' => '<span class="ab-icon dashicons dashicons-desktop" aria-hidden="true"></span>' |
| 46 | 55 | . '<span class="ab-label">' . $label . '</span>', |
| 47 | 56 | 'href' => '#', |
| 48 | 57 | 'meta' => array( |
| 49 | - 'class' => $is_active ? 'os-active' : '', | |
| 50 | 58 | 'tabindex' => 0, |
| 51 | 59 | 'title' => $label, |
| 52 | 60 | ), |
| 53 | 61 | ) |
| 54 | 62 | ); |
| 55 | - | |
| 56 | - // Fullscreen toggle — sits next to "Switch to Classic Admin" so the | |
| 57 | - // shell can occupy the whole screen without browser chrome. Only | |
| 58 | - // makes sense in OpenStation; kept out of classic where it would | |
| 59 | - // just be a redundant browser-fullscreen shortcut. | |
| 60 | - if ( $is_active ) { | |
| 61 | - $wp_admin_bar->add_node( | |
| 62 | - array( | |
| 63 | - 'parent' => 'top-secondary', | |
| 64 | - 'id' => 'desktop-fullscreen', | |
| 65 | - 'title' => '<span class="ab-icon dashicons dashicons-fullscreen-alt" aria-hidden="true"></span>', | |
| 66 | - 'href' => '#', | |
| 67 | - 'meta' => array( | |
| 68 | - 'class' => 'desktop-fullscreen-btn', | |
| 69 | - 'title' => __( 'Enter fullscreen', 'desktop-mode' ), | |
| 70 | - 'tabindex' => 0, | |
| 71 | - ), | |
| 72 | - ) | |
| 73 | - ); | |
| 74 | - } | |
| 75 | - | |
| 76 | - // Layout menu — only surfaced when the user is actually viewing | |
| 77 | - // the desktop shell (the actions don't make sense in classic | |
| 78 | - // admin, which has no windows to arrange). Parent renders as a | |
| 79 | - // dashicon with a hover-opened submenu; each child is routed to | |
| 80 | - // `wp.os.windowManager.*` by the inline JS. | |
| 81 | - // | |
| 82 | - // Sits next to Fullscreen so the two shell-state actions group | |
| 83 | - // visually. Ask AI, then the help/meta cluster (Keyboard shortcuts | |
| 84 | - // + Report a bug) follow, with the help/meta pair anchored to the | |
| 85 | - // far right of the secondary bar next to the user identity menu. | |
| 86 | - if ( $is_active ) { | |
| 87 | - $wp_admin_bar->add_node( | |
| 88 | - array( | |
| 89 | - 'parent' => 'top-secondary', | |
| 90 | - 'id' => 'desktop-layout-menu', | |
| 91 | - 'title' => '<span class="ab-icon dashicons dashicons-grid-view" aria-hidden="true"></span>', | |
| 92 | - 'href' => '#', | |
| 93 | - 'meta' => array( | |
| 94 | - 'title' => __( 'Arrange windows', 'desktop-mode' ), | |
| 95 | - 'tabindex' => 0, | |
| 96 | - ), | |
| 97 | - ) | |
| 98 | - ); | |
| 99 | - $wp_admin_bar->add_node( | |
| 100 | - array( | |
| 101 | - 'parent' => 'desktop-layout-menu', | |
| 102 | - 'id' => 'desktop-layout-cascade', | |
| 103 | - 'title' => esc_html__( 'Cascade', 'desktop-mode' ), | |
| 104 | - 'href' => '#', | |
| 105 | - 'meta' => array( | |
| 106 | - 'class' => 'os-layout-action', | |
| 107 | - 'title' => __( 'Lay all windows out from top-left, offset so every title bar stays visible.', 'desktop-mode' ), | |
| 108 | - ), | |
| 109 | - ) | |
| 110 | - ); | |
| 111 | - $wp_admin_bar->add_node( | |
| 112 | - array( | |
| 113 | - 'parent' => 'desktop-layout-menu', | |
| 114 | - 'id' => 'desktop-layout-overview', | |
| 115 | - 'title' => esc_html__( 'Overview', 'desktop-mode' ), | |
| 116 | - 'href' => '#', | |
| 117 | - 'meta' => array( | |
| 118 | - 'class' => 'os-layout-action', | |
| 119 | - 'title' => __( 'Zoom out to see every window at once. Click one to focus it.', 'desktop-mode' ), | |
| 120 | - ), | |
| 121 | - ) | |
| 122 | - ); | |
| 123 | - // Snap-to-grid toggle. Renders as a checkbox-style entry that | |
| 124 | - // must NOT dismiss the parent menu on click — see the inline | |
| 125 | - // JS below for the stop-propagation handling. Initial check | |
| 126 | - // state is painted from the persisted preference once the | |
| 127 | - // shell has booted. | |
| 128 | - $wp_admin_bar->add_node( | |
| 129 | - array( | |
| 130 | - 'parent' => 'desktop-layout-menu', | |
| 131 | - 'id' => 'desktop-layout-snap', | |
| 132 | - 'title' => '<span class="os-layout-checkbox" aria-hidden="true">☐</span> ' | |
| 133 | - . esc_html__( 'Snap to grid', 'desktop-mode' ), | |
| 134 | - 'href' => '#', | |
| 135 | - 'meta' => array( | |
| 136 | - 'class' => 'os-layout-snap', | |
| 137 | - 'title' => __( 'Snap windows to a grid while dragging or resizing.', 'desktop-mode' ), | |
| 138 | - ), | |
| 139 | - ) | |
| 140 | - ); | |
| 141 | - $wp_admin_bar->add_node( | |
| 142 | - array( | |
| 143 | - 'parent' => 'desktop-layout-menu', | |
| 144 | - 'id' => 'desktop-layout-tile', | |
| 145 | - 'title' => esc_html__( 'Tile all windows', 'desktop-mode' ), | |
| 146 | - 'href' => '#', | |
| 147 | - 'meta' => array( | |
| 148 | - 'class' => 'os-layout-action', | |
| 149 | - 'title' => __( 'Pack every window into an evenly tiled grid that fills the desktop.', 'desktop-mode' ), | |
| 150 | - ), | |
| 151 | - ) | |
| 152 | - ); | |
| 153 | - | |
| 154 | - /** | |
| 155 | - * Filter the list of custom arrange-menu items contributed by | |
| 156 | - * plugins. Each entry becomes an additional node under the | |
| 157 | - * "Arrange" submenu, rendered with the same styling as the | |
| 158 | - * built-in Cascade / Overview / Tile items. Clicking a custom | |
| 159 | - * item dispatches the JS action `os.arrange.custom-action` | |
| 160 | - * with payload `{ id }` — plugins subscribe via | |
| 161 | - * `wp.hooks.addAction()` and run their own arrangement logic. | |
| 162 | - * | |
| 163 | - * Each item is an associative array: | |
| 164 | - * | |
| 165 | - * 'id' string Unique slug (letters, digits, dashes). | |
| 166 | - * 'title' string Menu label (already translated). | |
| 167 | - * 'description' string Optional tooltip / aria description. | |
| 168 | - * 'position' int Optional sort key; lower sorts earlier. | |
| 169 | - * Built-ins are effectively at 0-3; use | |
| 170 | - * 10+ to append. | |
| 171 | - * | |
| 172 | - * Entries with missing/invalid `id` or `title` are dropped. | |
| 173 | - * | |
| 174 | - * @param array $items Existing custom items (default empty). | |
| 175 | - */ | |
| 176 | - $custom = apply_filters( 'openstation_arrange_menu_items', array() ); | |
| 177 | - if ( is_array( $custom ) ) { | |
| 178 | - // Stable sort by `position` (default 10 — after built-ins), | |
| 179 | - // preserving registration order within a tie. | |
| 180 | - $sortable = array(); | |
| 181 | - foreach ( $custom as $index => $item ) { | |
| 182 | - if ( ! is_array( $item ) ) { | |
| 183 | - continue; | |
| 184 | - } | |
| 185 | - $id = isset( $item['id'] ) ? sanitize_key( (string) $item['id'] ) : ''; | |
| 186 | - $title = isset( $item['title'] ) ? (string) $item['title'] : ''; | |
| 187 | - if ( '' === $id || '' === $title ) { | |
| 188 | - continue; | |
| 189 | - } | |
| 190 | - $sortable[] = array( | |
| 191 | - 'id' => $id, | |
| 192 | - 'title' => $title, | |
| 193 | - 'description' => isset( $item['description'] ) ? (string) $item['description'] : '', | |
| 194 | - 'position' => isset( $item['position'] ) && is_numeric( $item['position'] ) | |
| 195 | - ? (int) $item['position'] | |
| 196 | - : 10, | |
| 197 | - 'index' => $index, | |
| 198 | - ); | |
| 199 | - } | |
| 200 | - usort( | |
| 201 | - $sortable, | |
| 202 | - static function ( $a, $b ) { | |
| 203 | - if ( $a['position'] === $b['position'] ) { | |
| 204 | - return $a['index'] - $b['index']; | |
| 205 | - } | |
| 206 | - return $a['position'] - $b['position']; | |
| 207 | - } | |
| 208 | - ); | |
| 209 | - foreach ( $sortable as $item ) { | |
| 210 | - // The custom id is round-tripped through the DOM id | |
| 211 | - // (stripping the `desktop-layout-custom-` prefix in the | |
| 212 | - // click handler). Keeps us inside the documented | |
| 213 | - // WP_Admin_Bar::add_node meta surface — no non-standard | |
| 214 | - // attributes, no custom render callbacks. | |
| 215 | - $wp_admin_bar->add_node( | |
| 216 | - array( | |
| 217 | - 'parent' => 'desktop-layout-menu', | |
| 218 | - 'id' => 'desktop-layout-custom-' . $item['id'], | |
| 219 | - 'title' => esc_html( $item['title'] ), | |
| 220 | - 'href' => '#', | |
| 221 | - 'meta' => array( | |
| 222 | - 'class' => 'os-layout-action os-layout-custom', | |
| 223 | - 'title' => $item['description'], | |
| 224 | - ), | |
| 225 | - ) | |
| 226 | - ); | |
| 227 | - } | |
| 228 | - } | |
| 229 | - } | |
| 230 | - | |
| 231 | - // "Keyboard shortcuts" trigger — shown only when OpenStation is | |
| 232 | - // active. Clicking toggles the keyboard-shortcuts popover wired by | |
| 233 | - // assets/js/admin-bar.js (wireShortcutsPopover); the popover content | |
| 234 | - // is translated server-side and shipped via the `shortcuts` key of | |
| 235 | - // the openStationAdminBar config blob below. | |
| 236 | - if ( $is_active ) { | |
| 237 | - $wp_admin_bar->add_node( | |
| 238 | - array( | |
| 239 | - 'parent' => 'top-secondary', | |
| 240 | - 'id' => 'desktop-help', | |
| 241 | - 'title' => '<span class="ab-icon os-keyboard-icon" aria-hidden="true"></span>', | |
| 242 | - 'href' => '#', | |
| 243 | - 'meta' => array( | |
| 244 | - 'class' => 'desktop-help-btn', | |
| 245 | - 'title' => __( 'Keyboard shortcuts', 'desktop-mode' ), | |
| 246 | - 'tabindex' => 0, | |
| 247 | - ), | |
| 248 | - ) | |
| 249 | - ); | |
| 250 | - } | |
| 251 | - | |
| 252 | - // "Report a bug" trigger — shown only when OpenStation is active. | |
| 253 | - // Clicking dispatches a `os-open-bug-report` document | |
| 254 | - // CustomEvent that the shell listens for and answers by opening the | |
| 255 | - // Bug Report native window. PHP doesn't know the JS side exists; the | |
| 256 | - // event lets us add the button without coupling to any specific | |
| 257 | - // shell module. Anchored to the far right of the secondary bar so | |
| 258 | - // the meta/help cluster (Keyboard shortcuts + Report a bug) sits | |
| 259 | - // next to the user identity menu — matches the convention used by | |
| 260 | - // most SaaS products (Help / "?" at the user-menu corner). | |
| 261 | - if ( $is_active ) { | |
| 262 | - $wp_admin_bar->add_node( | |
| 263 | - array( | |
| 264 | - 'parent' => 'top-secondary', | |
| 265 | - 'id' => 'desktop-bug-report', | |
| 266 | - 'title' => '<span class="ab-icon dashicons dashicons-buddicons-replies" aria-hidden="true"></span>', | |
| 267 | - 'href' => '#', | |
| 268 | - 'meta' => array( | |
| 269 | - 'class' => 'desktop-bug-report-btn', | |
| 270 | - 'title' => __( 'Open the Bug Report window', 'desktop-mode' ), | |
| 271 | - 'tabindex' => 0, | |
| 272 | - ), | |
| 273 | - ) | |
| 274 | - ); | |
| 275 | - } | |
| 276 | 63 | } |
| 277 | 64 | add_action( 'admin_bar_menu', 'openstation_admin_bar_toggle', 190 ); |
| 278 | 65 | |
| 279 | 66 | /** |
| @@ -293,33 +80,35 @@ | ||
| 293 | 80 | // Inside a chromeless window the admin bar is suppressed outright |
| 294 | 81 | // (`show_admin_bar` + the `wp_admin_bar_render` removal in |
| 295 | 82 | // helpers.php), so `#wpadminbar` never reaches the DOM. Every byte |
| 296 | 83 | // below — the toggle bundle, its inline config, the node styling — |
| 297 | - // would load and run against markup that does not exist. Measured | |
| 298 | - // on a live install: the toggle bundle alone was 17.7 KB, the | |
| 299 | - // largest single asset in the admin-bar family a window loaded for | |
| 300 | - // nothing. See `includes/render/chromeless-trim.php`, which drops | |
| 301 | - // the rest of that family (core's `admin-bar`, host masterbar | |
| 302 | - // extras) for the same reason. | |
| 84 | + // would load and run against markup that does not exist. See | |
| 85 | + // `includes/render/chromeless-trim.php`, which drops the rest of | |
| 86 | + // that family (core's `admin-bar`, host masterbar extras) for the | |
| 87 | + // same reason. | |
| 303 | 88 | if ( openstation_is_chromeless_request() ) { |
| 304 | 89 | return; |
| 305 | 90 | } |
| 306 | 91 | |
| 92 | + // The item is `display: flex`, never `inline-flex`. An | |
| 93 | + // inline-level box sits on a line box the <li> lays out at its | |
| 94 | + // 32px line-height and aligns on the baseline, so the line grows | |
| 95 | + // by the descender: the item became 37px inside a 32px bar. Under | |
| 96 | + // Core's float layout that overflow was invisible. On a host that | |
| 97 | + // lays the secondary group out as a flex row (WordPress.com's Debug | |
| 98 | + // Bar does, to order its own item first) every sibling stretched | |
| 99 | + // to the tallest one and the group's background painted 5px into | |
| 100 | + // the shell, under the windows' title bars. Block-level, the item | |
| 101 | + // is exactly the bar. `Tests_OpenStation_AdminBarDesktopToggle` | |
| 102 | + // pins it; `desktop.css` caps the group as well, for items we do | |
| 103 | + // not own. | |
| 307 | 104 | $css = ' |
| 308 | - #wpadminbar #wp-admin-bar-os-toggle > .ab-item, | |
| 309 | - #wpadminbar #wp-admin-bar-desktop-layout-menu > .ab-item, | |
| 310 | - #wpadminbar #wp-admin-bar-desktop-fullscreen > .ab-item, | |
| 311 | - #wpadminbar #wp-admin-bar-desktop-bug-report > .ab-item, | |
| 312 | - #wpadminbar #wp-admin-bar-desktop-help > .ab-item { | |
| 313 | - display: inline-flex; | |
| 105 | + #wpadminbar #wp-admin-bar-os-toggle > .ab-item { | |
| 106 | + display: flex; | |
| 314 | 107 | align-items: center; |
| 315 | 108 | gap: 6px; |
| 316 | 109 | } |
| 317 | - #wpadminbar #wp-admin-bar-os-toggle .ab-icon, | |
| 318 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-icon, | |
| 319 | - #wpadminbar #wp-admin-bar-desktop-fullscreen .ab-icon, | |
| 320 | - #wpadminbar #wp-admin-bar-desktop-bug-report .ab-icon, | |
| 321 | - #wpadminbar #wp-admin-bar-desktop-help .ab-icon { | |
| 110 | + #wpadminbar #wp-admin-bar-os-toggle .ab-icon { | |
| 322 | 111 | float: none; |
| 323 | 112 | margin: 0; |
| 324 | 113 | padding: 0; |
| 325 | 114 | display: inline-flex; |
| @@ -327,11 +116,9 @@ | ||
| 327 | 116 | justify-content: center; |
| 328 | 117 | width: 20px; |
| 329 | 118 | height: 20px; |
| 330 | 119 | } |
| 331 | - | |
| 332 | - #wp-admin-bar-os-toggle .ab-icon.dashicons, | |
| 333 | - #wp-admin-bar-desktop-layout-menu .ab-icon.dashicons { | |
| 120 | + #wp-admin-bar-os-toggle .ab-icon.dashicons { | |
| 334 | 121 | font: normal 20px/1 dashicons; |
| 335 | 122 | -webkit-font-smoothing: antialiased; |
| 336 | 123 | -moz-osx-font-smoothing: grayscale; |
| 337 | 124 | } |
| @@ -339,335 +126,21 @@ | ||
| 339 | 126 | content: "\f472"; |
| 340 | 127 | top: 0; |
| 341 | 128 | position: static; |
| 342 | 129 | } |
| 343 | - #wp-admin-bar-desktop-layout-menu .ab-icon.dashicons::before { | |
| 344 | - /* dashicons-grid-view */ | |
| 345 | - content: "\f509"; | |
| 346 | - top: 0; | |
| 347 | - position: static; | |
| 348 | - } | |
| 349 | - #wp-admin-bar-os-toggle.os-active .ab-icon.dashicons::before { | |
| 350 | - /* Inherit the admin-bar text color so the active state | |
| 351 | - matches the +New, Home, Comments dashicons. Previously | |
| 352 | - hardcoded #72aee6, which forced blue regardless of the | |
| 353 | - profile color scheme. */ | |
| 354 | - color: inherit; | |
| 355 | - } | |
| 356 | 130 | @media screen and (max-width: 782px) { |
| 357 | - #wp-admin-bar-os-toggle .ab-label { | |
| 131 | + /* WP core hides most admin-bar items on mobile. Force the toggle to | |
| 132 | + stay visible so users can switch back to OpenStation/Classic. */ | |
| 133 | + #wpadminbar #wp-admin-bar-os-toggle { | |
| 134 | + display: block; | |
| 135 | + } | |
| 136 | + #wpadminbar #wp-admin-bar-os-toggle > .ab-item { | |
| 137 | + padding: 0 14px; | |
| 138 | + } | |
| 139 | + #wpadminbar #wp-admin-bar-os-toggle .ab-label { | |
| 358 | 140 | display: none; |
| 359 | 141 | } |
| 360 | 142 | } |
| 361 | - | |
| 362 | - /* Fullscreen admin-bar button — same dashicons rendering pattern | |
| 363 | - as the toggle. Icon swaps between fullscreen-alt (enter) and | |
| 364 | - fullscreen-exit-alt (exit) via the .is-fullscreen class set by | |
| 365 | - admin-bar.js on `fullscreenchange`. */ | |
| 366 | - #wp-admin-bar-desktop-fullscreen .ab-icon.dashicons { | |
| 367 | - font: normal 20px/1 dashicons; | |
| 368 | - -webkit-font-smoothing: antialiased; | |
| 369 | - -moz-osx-font-smoothing: grayscale; | |
| 370 | - } | |
| 371 | - #wp-admin-bar-desktop-fullscreen .ab-icon.dashicons::before { | |
| 372 | - /* dashicons-fullscreen-alt */ | |
| 373 | - content: "\f211"; | |
| 374 | - top: 0; | |
| 375 | - position: static; | |
| 376 | - } | |
| 377 | - #wp-admin-bar-desktop-fullscreen.is-fullscreen .ab-icon.dashicons::before { | |
| 378 | - /* dashicons-fullscreen-exit-alt */ | |
| 379 | - content: "\f212"; | |
| 380 | - } | |
| 381 | - /* Defuse the implicit-drag-on-anchor click eater. WP renders | |
| 382 | - admin-bar items as <a href="#">, which is implicitly | |
| 383 | - draggable; tiny pointer jitter on click commits to a native | |
| 384 | - link-drag (the floating "Exit fullscreen / http://…#" ghost | |
| 385 | - the user sees) and the click handler never runs. admin-bar.js | |
| 386 | - also sets draggable="false" on the <a>; user-drag: none here | |
| 387 | - covers the WebKit path where the attribute alone is not | |
| 388 | - honoured reliably. */ | |
| 389 | - #wp-admin-bar-desktop-fullscreen .ab-item, | |
| 390 | - #wp-admin-bar-desktop-fullscreen .ab-item * { | |
| 391 | - -webkit-user-drag: none; | |
| 392 | - user-drag: none; | |
| 393 | - -webkit-user-select: none; | |
| 394 | - user-select: none; | |
| 395 | - } | |
| 396 | - /* Hide admin-bar items that sit closest to the right corner | |
| 397 | - while in browser fullscreen. The corner is a reveal hot zone | |
| 398 | - the OS / browser reserve for menu-bar / window-controls, | |
| 399 | - where pointer events get intercepted before reaching the | |
| 400 | - page. Hiding these two shifts the Fullscreen toggle further | |
| 401 | - from the corner so its own click lands. Toggled by a body | |
| 402 | - class admin-bar.js sets on `fullscreenchange`. */ | |
| 403 | - body.os-browser-fs #wp-admin-bar-os-toggle, | |
| 404 | - body.os-browser-fs #wp-admin-bar-desktop-bug-report { | |
| 405 | - display: none; | |
| 406 | - } | |
| 407 | - | |
| 408 | - /* Bug Report admin-bar button — same dashicons rendering pattern | |
| 409 | - as the toggle. dashicons-buddicons-replies is a speech bubble | |
| 410 | - with stylized lines that reads as a comment / report glyph at | |
| 411 | - admin-bar size, while dashicons-bug is too literal and small. */ | |
| 412 | - #wp-admin-bar-desktop-bug-report .ab-icon.dashicons { | |
| 413 | - font: normal 20px/1 dashicons; | |
| 414 | - -webkit-font-smoothing: antialiased; | |
| 415 | - -moz-osx-font-smoothing: grayscale; | |
| 416 | - } | |
| 417 | - #wp-admin-bar-desktop-bug-report .ab-icon.dashicons::before { | |
| 418 | - /* dashicons-buddicons-replies — same glyph as the dock tile so | |
| 419 | - the two surfaces (admin-bar + dock) match. */ | |
| 420 | - content: "\f451"; | |
| 421 | - top: 0; | |
| 422 | - position: static; | |
| 423 | - } | |
| 424 | - | |
| 425 | - /* Keyboard shortcuts admin-bar button. Dashicons has no keyboard | |
| 426 | - glyph, so we paint a small inline SVG via CSS `mask` with | |
| 427 | - `background-color: currentColor` — that way the icon inherits | |
| 428 | - the admin-bar text color across every WP profile scheme | |
| 429 | - without us hardcoding a fill. */ | |
| 430 | - #wp-admin-bar-desktop-help .ab-icon.os-keyboard-icon { | |
| 431 | - background-color: currentColor; | |
| 432 | - -webkit-mask: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'black\' stroke-width=\'1.6\' stroke-linecap=\'round\' stroke-linejoin=\'round\'><rect x=\'2.5\' y=\'6\' width=\'19\' height=\'12\' rx=\'2.2\'/><path d=\'M6 10h0M10 10h0M14 10h0M18 10h0M6 14h0M10 14h4M18 14h0\'/></svg>" ) no-repeat center / 20px 20px; | |
| 433 | - mask: url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'black\' stroke-width=\'1.6\' stroke-linecap=\'round\' stroke-linejoin=\'round\'><rect x=\'2.5\' y=\'6\' width=\'19\' height=\'12\' rx=\'2.2\'/><path d=\'M6 10h0M10 10h0M14 10h0M18 10h0M6 14h0M10 14h4M18 14h0\'/></svg>" ) no-repeat center / 20px 20px; | |
| 434 | - } | |
| 435 | - | |
| 436 | - /* Keyboard-shortcuts floating popover — anchored under the | |
| 437 | - keyboard button. Styled to match the Arrange submenu (light | |
| 438 | - bg on the otherwise-dark admin bar, soft shadow, rounded | |
| 439 | - corners). Built dynamically in admin-bar.js from translated | |
| 440 | - content shipped via `openStationAdminBar.shortcuts`. */ | |
| 441 | - #wpadminbar #wp-admin-bar-desktop-help { | |
| 442 | - position: relative; | |
| 443 | - } | |
| 444 | - #wpadminbar .os-shortcuts-popover { | |
| 445 | - display: none; | |
| 446 | - position: absolute; | |
| 447 | - top: 100%; | |
| 448 | - right: 0; | |
| 449 | - margin-top: 0; | |
| 450 | - padding: 12px 14px; | |
| 451 | - min-width: 460px; | |
| 452 | - max-width: min( 90vw, 720px ); | |
| 453 | - background: var( --os-ui-surface, var( --os-window-bg, #fff ) ); | |
| 454 | - color: var( --os-ui-fg, #1d2327 ); | |
| 455 | - border: 1px solid var( --os-ui-border, var( --os-window-border, #c3c4c7 ) ); | |
| 456 | - border-radius: 8px; | |
| 457 | - box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.18 ), | |
| 458 | - 0 2px 6px rgba( 0, 0, 0, 0.08 ); | |
| 459 | - z-index: 99999; | |
| 460 | - font-size: 12px; | |
| 461 | - line-height: 1.4; | |
| 462 | - text-align: left; | |
| 463 | - } | |
| 464 | - #wpadminbar .os-shortcuts-popover.is-open { | |
| 465 | - display: block; | |
| 466 | - } | |
| 467 | - #wpadminbar .os-shortcuts-popover__section + .os-shortcuts-popover__section { | |
| 468 | - margin-top: 12px; | |
| 469 | - } | |
| 470 | - #wpadminbar .os-shortcuts-popover__heading { | |
| 471 | - margin: 0 0 6px; | |
| 472 | - padding: 0; | |
| 473 | - font-size: 11px; | |
| 474 | - font-weight: 600; | |
| 475 | - letter-spacing: 0.04em; | |
| 476 | - text-transform: uppercase; | |
| 477 | - color: var( --os-ui-fg-muted, #50575e ); | |
| 478 | - line-height: 1.2; | |
| 479 | - } | |
| 480 | - #wpadminbar .os-shortcuts-popover__table { | |
| 481 | - width: 100%; | |
| 482 | - border-collapse: collapse; | |
| 483 | - color: inherit; | |
| 484 | - } | |
| 485 | - #wpadminbar .os-shortcuts-popover__table th, | |
| 486 | - #wpadminbar .os-shortcuts-popover__table td { | |
| 487 | - padding: 6px 8px; | |
| 488 | - vertical-align: middle; | |
| 489 | - text-align: left; | |
| 490 | - border-bottom: 1px solid var( --os-ui-border, rgba( 0, 0, 0, 0.06 ) ); | |
| 491 | - color: inherit; | |
| 492 | - font-weight: 400; | |
| 493 | - font-size: 12px; | |
| 494 | - line-height: 1.4; | |
| 495 | - } | |
| 496 | - #wpadminbar .os-shortcuts-popover__table th { | |
| 497 | - font-weight: 600; | |
| 498 | - font-size: 11px; | |
| 499 | - color: var( --os-ui-fg-muted, #50575e ); | |
| 500 | - letter-spacing: 0.02em; | |
| 501 | - } | |
| 502 | - #wpadminbar .os-shortcuts-popover__table tbody tr:last-child td { | |
| 503 | - border-bottom: none; | |
| 504 | - } | |
| 505 | - #wpadminbar .os-shortcuts-popover__key-cell { | |
| 506 | - white-space: nowrap; | |
| 507 | - } | |
| 508 | - #wpadminbar .os-shortcuts-popover__note { | |
| 509 | - color: var( --os-ui-fg-muted, #50575e ); | |
| 510 | - font-size: 11px; | |
| 511 | - } | |
| 512 | - #wpadminbar .os-shortcuts-popover__list { | |
| 513 | - margin: 0; | |
| 514 | - padding: 0; | |
| 515 | - list-style: none; | |
| 516 | - display: flex; | |
| 517 | - flex-direction: column; | |
| 518 | - gap: 4px; | |
| 519 | - } | |
| 520 | - #wpadminbar .os-shortcuts-popover__item { | |
| 521 | - display: grid; | |
| 522 | - grid-template-columns: 120px 1fr; | |
| 523 | - align-items: center; | |
| 524 | - gap: 12px; | |
| 525 | - padding: 4px 8px; | |
| 526 | - border-radius: 4px; | |
| 527 | - background: var( --os-ui-surface-sunken, rgba( 0, 0, 0, 0.03 ) ); | |
| 528 | - } | |
| 529 | - #wpadminbar .os-shortcuts-popover__keys { | |
| 530 | - display: inline-flex; | |
| 531 | - align-items: center; | |
| 532 | - gap: 4px; | |
| 533 | - flex-wrap: wrap; | |
| 534 | - } | |
| 535 | - #wpadminbar .os-shortcuts-popover__kbd { | |
| 536 | - display: inline-flex; | |
| 537 | - align-items: center; | |
| 538 | - justify-content: center; | |
| 539 | - min-width: 22px; | |
| 540 | - height: 20px; | |
| 541 | - padding: 0 5px; | |
| 542 | - border: 1px solid var( --os-ui-border-strong, rgba( 0, 0, 0, 0.18 ) ); | |
| 543 | - border-bottom-width: 2px; | |
| 544 | - border-radius: 4px; | |
| 545 | - background: var( --os-ui-surface-elevated, #fff ); | |
| 546 | - color: var( --os-ui-fg, #1d2327 ); | |
| 547 | - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace; | |
| 548 | - font-size: 11px; | |
| 549 | - font-weight: 600; | |
| 550 | - line-height: 1; | |
| 551 | - white-space: nowrap; | |
| 552 | - } | |
| 553 | - #wpadminbar .os-shortcuts-popover__plus { | |
| 554 | - font-size: 10px; | |
| 555 | - color: var( --os-ui-fg-muted, #50575e ); | |
| 556 | - } | |
| 557 | - #wpadminbar .os-shortcuts-popover__description { | |
| 558 | - color: inherit; | |
| 559 | - } | |
| 560 | - | |
| 561 | - /* Dock-style custom tooltip for icon-only admin-bar buttons. | |
| 562 | - admin-bar.js moves the native `title` to `data-desktop-tooltip` | |
| 563 | - so the OS delayed tooltip never competes with this one. Floats | |
| 564 | - below the button, dark pill with white text — visually | |
| 565 | - identical to the dock tooltip pattern. */ | |
| 566 | - #wpadminbar .ab-item[ data-desktop-tooltip ] { | |
| 567 | - position: relative; | |
| 568 | - } | |
| 569 | - #wpadminbar .ab-item[ data-desktop-tooltip ]::after { | |
| 570 | - content: attr( data-desktop-tooltip ); | |
| 571 | - position: absolute; | |
| 572 | - top: 100%; | |
| 573 | - left: 50%; | |
| 574 | - margin-top: 4px; | |
| 575 | - transform: translateX( -50% ) translateY( 4px ); | |
| 576 | - padding: 6px 12px; | |
| 577 | - background: rgba( 0, 0, 0, 0.85 ); | |
| 578 | - color: #fff; | |
| 579 | - font-size: 12px; | |
| 580 | - font-weight: 400; | |
| 581 | - line-height: 1.4; | |
| 582 | - white-space: nowrap; | |
| 583 | - border-radius: 6px; | |
| 584 | - pointer-events: none; | |
| 585 | - opacity: 0; | |
| 586 | - transition: opacity 0.15s ease, transform 0.15s ease; | |
| 587 | - z-index: 100000; | |
| 588 | - } | |
| 589 | - #wpadminbar .ab-item[ data-desktop-tooltip ]:hover::after, | |
| 590 | - #wpadminbar .ab-item[ data-desktop-tooltip ]:focus-visible::after { | |
| 591 | - opacity: 1; | |
| 592 | - transform: translateX( -50% ) translateY( 0 ); | |
| 593 | - } | |
| 594 | - /* When the keyboard-shortcuts popover is open, suppress the | |
| 595 | - tooltip on its own anchor so the two never stack on top of | |
| 596 | - each other. */ | |
| 597 | - #wpadminbar #wp-admin-bar-desktop-help.is-open .ab-item[ data-desktop-tooltip ]::after { | |
| 598 | - opacity: 0; | |
| 599 | - } | |
| 600 | - | |
| 601 | - /* Arrange submenu — aligned visually with the <os-menu> component | |
| 602 | - (src/ui/components/os-menu/os-menu.styles.ts). The submenu | |
| 603 | - breaks out of the native dark-on-dark admin bar and paints | |
| 604 | - itself from the `--os-ui-*` panel palette instead, so it matches | |
| 605 | - the rest of our UI and stays legible under any desktop theme. | |
| 606 | - | |
| 607 | - Surface and text MUST come from the same palette. They used to | |
| 608 | - not: the background read `--os-window-bg` (which a | |
| 609 | - theme sets) while the text read `--os-text` (which | |
| 610 | - nothing has ever defined, so it always fell back to near-black). | |
| 611 | - Any dark theme therefore rendered near-black text on its own | |
| 612 | - near-black panel. Keep both sides on `--os-ui-surface` / | |
| 613 | - `--os-ui-fg` and that class of bug cannot come back. | |
| 614 | - | |
| 615 | - Selectors prefixed with #wpadminbar to win the admin-bar | |
| 616 | - specificity without !important. */ | |
| 617 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper { | |
| 618 | - background: var( --os-ui-surface, var( --os-window-bg, #fff ) ); | |
| 619 | - padding: 4px; | |
| 620 | - min-width: 220px; | |
| 621 | - border: 1px solid var( --os-ui-border, var( --os-window-border, #c3c4c7 ) ); | |
| 622 | - border-radius: 8px; | |
| 623 | - box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.18 ), | |
| 624 | - 0 2px 6px rgba( 0, 0, 0, 0.08 ); | |
| 625 | - } | |
| 626 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu { | |
| 627 | - padding: 0; | |
| 628 | - background: transparent; | |
| 629 | - } | |
| 630 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu > li { | |
| 631 | - background: transparent; | |
| 632 | - } | |
| 633 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu > li > .ab-item { | |
| 634 | - display: flex; | |
| 635 | - align-items: center; | |
| 636 | - gap: 10px; | |
| 637 | - height: auto; | |
| 638 | - min-height: 32px; | |
| 639 | - padding: 6px 10px; | |
| 640 | - font-size: 13px; | |
| 641 | - line-height: 1.3; | |
| 642 | - color: var( --os-ui-fg, #1d2327 ); | |
| 643 | - background: transparent; | |
| 644 | - border-radius: 6px; | |
| 645 | - transition: background-color 0.12s ease, color 0.12s ease; | |
| 646 | - } | |
| 647 | - /* Hover + keyboard focus share the same tinted background. Text | |
| 648 | - stays dark so it stays legible on the light bg. `focus` wins | |
| 649 | - here instead of the native `.ab-item:focus { color: #72aee6 }` | |
| 650 | - thanks to the extra id in our selector chain. */ | |
| 651 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu > li > .ab-item:hover, | |
| 652 | - #wpadminbar #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu > li > .ab-item:focus, | |
| 653 | - #wpadminbar.nojq #wp-admin-bar-desktop-layout-menu .ab-sub-wrapper .ab-submenu > li:hover > .ab-item { | |
| 654 | - background: var( --os-ui-hover, rgba( 0, 0, 0, 0.06 ) ); | |
| 655 | - color: var( --os-ui-fg, #000 ); | |
| 656 | - } | |
| 657 | - #wp-admin-bar-desktop-layout-snap .os-layout-checkbox { | |
| 658 | - flex-shrink: 0; | |
| 659 | - display: inline-flex; | |
| 660 | - align-items: center; | |
| 661 | - justify-content: center; | |
| 662 | - width: 16px; | |
| 663 | - height: 16px; | |
| 664 | - font-size: 14px; | |
| 665 | - line-height: 1; | |
| 666 | - } | |
| 667 | - #wp-admin-bar-desktop-layout-snap[aria-checked="true"] .os-layout-checkbox { | |
| 668 | - color: var( --wp-admin-theme-color, #2271b1 ); | |
| 669 | - } | |
| 670 | 143 | '; |
| 671 | 144 | wp_add_inline_style( 'admin-bar', $css ); |
| 672 | 145 | |
| 673 | 146 | // All PHP→JS values are emitted as JSON literals (never interpolated |
| @@ -672,14 +145,13 @@ | ||
| 672 | 145 | |
| 673 | 146 | // All PHP→JS values are emitted as JSON literals (never interpolated |
| 674 | 147 | // raw into the script body) so special characters, quotes, and |
| 675 | 148 | // unexpected shapes can't break the parser or be exploited. |
| 676 | - // `active` must match the visual state shown on the toggle above — | |
| 677 | - // i.e. "currently viewing OpenStation." Using `openstation_is_enabled()` | |
| 678 | - // alone would misclassify a classic-override request (meta = '1', | |
| 679 | - // URL carrying `desktop_mode_classic=1`) as active, causing the | |
| 680 | - // click handler to send `enabled=0` when the user actually wants | |
| 681 | - // to return to the shell. | |
| 149 | + // | |
| 150 | + // The config is emitted on every admin screen, including the ones | |
| 151 | + // where the toggle node is absent: the shell reads the same global | |
| 152 | + // for the "Exit OpenStation" tile's AJAX call and for the | |
| 153 | + // keyboard-shortcuts window. | |
| 682 | 154 | wp_register_script( |
| 683 | 155 | 'os-admin-bar', |
| 684 | 156 | OPENSTATION_URL . 'assets/js/admin-bar.js', |
| 685 | 157 | array( 'admin-bar' ), |
| @@ -685,79 +157,78 @@ | ||
| 685 | 157 | array( 'admin-bar' ), |
| 686 | 158 | OPENSTATION_VERSION, |
| 687 | 159 | true |
| 688 | 160 | ); |
| 689 | - // Emit the config as a JSON literal via wp_add_inline_script (not | |
| 690 | - // wp_localize_script — the latter casts booleans to '' / '1', which | |
| 691 | - // breaks the click handler's `!! cfg.active` check). 'before' runs | |
| 692 | - // before admin-bar.js so the global is ready when the IIFE fires. | |
| 161 | + // Emit the config as a JSON literal via wp_add_inline_script, not | |
| 162 | + // wp_localize_script — the latter casts every value to a string, | |
| 163 | + // so `network` would arrive as '' / '1'. 'before' runs ahead of | |
| 164 | + // admin-bar.js so the global is ready when the IIFE fires. | |
| 693 | 165 | wp_add_inline_script( |
| 694 | 166 | 'os-admin-bar', |
| 695 | 167 | 'var openStationAdminBar = ' . wp_json_encode( |
| 696 | 168 | array( |
| 697 | 169 | 'nonce' => wp_create_nonce( 'save-openstation' ), |
| 698 | - 'active' => openstation_is_enabled() && ! openstation_is_classic_request(), | |
| 699 | - 'classicUrl' => esc_url_raw( admin_url() ), | |
| 170 | + // `self_admin_url()`: switching off from the network | |
| 171 | + // admin returns there, not to the main site. | |
| 172 | + 'classicUrl' => esc_url_raw( self_admin_url() ), | |
| 700 | 173 | 'portalUrl' => esc_url_raw( openstation_portal_url() ), |
| 174 | + // Passed back on the enable / disable AJAX call: the | |
| 175 | + // handler runs on `admin-ajax.php`, where | |
| 176 | + // `is_network_admin()` is always false. | |
| 177 | + 'network' => is_network_admin(), | |
| 701 | 178 | 'ajaxUrl' => esc_url_raw( admin_url( 'admin-ajax.php' ) ), |
| 702 | - 'i18n' => array( | |
| 703 | - 'enterFullscreen' => __( 'Fullscreen', 'desktop-mode' ), | |
| 704 | - 'exitFullscreen' => __( 'Exit fullscreen', 'desktop-mode' ), | |
| 705 | - 'enterTitle' => __( 'Enter fullscreen', 'desktop-mode' ), | |
| 706 | - 'exitTitle' => __( 'Exit fullscreen', 'desktop-mode' ), | |
| 707 | - ), | |
| 708 | 179 | |
| 709 | 180 | /* |
| 710 | - * Keyboard-shortcuts popover content. Translated once on | |
| 711 | - * the server and shipped to admin-bar.js, which renders | |
| 712 | - * the popover anchored under the keyboard button. | |
| 181 | + * Keyboard-shortcuts reference content. Translated once | |
| 182 | + * on the server and read by `src/shortcuts.ts`, which | |
| 183 | + * renders the Keyboard shortcuts window. | |
| 713 | 184 | * |
| 714 | 185 | * `contextual` is a small table that distinguishes the |
| 715 | - * three modes the shortcuts operate in (Outside Overview, | |
| 716 | - * Inside Overview, Show Desktop). `general` is a flat | |
| 717 | - * list for shortcuts whose behaviour doesn't shift by | |
| 718 | - * mode. | |
| 186 | + * three modes the shortcuts operate in (Outside | |
| 187 | + * Workspaces, Inside Workspaces, Show Desktop). | |
| 188 | + * `general` is a flat list for shortcuts whose | |
| 189 | + * behaviour doesn't shift by mode. | |
| 719 | 190 | */ |
| 720 | 191 | 'shortcuts' => array( |
| 721 | 192 | 'title' => __( 'Keyboard shortcuts', 'desktop-mode' ), |
| 722 | 193 | 'contextual' => array( |
| 723 | - 'heading' => __( 'Desktops & Overview', 'desktop-mode' ), | |
| 194 | + 'heading' => __( 'Workspaces', 'desktop-mode' ), | |
| 724 | 195 | 'headers' => array( |
| 725 | 196 | 'key' => __( 'Key', 'desktop-mode' ), |
| 726 | - 'outside' => __( 'Outside overview', 'desktop-mode' ), | |
| 727 | - 'inside' => __( 'Inside overview', 'desktop-mode' ), | |
| 197 | + 'outside' => __( 'Outside Workspaces', 'desktop-mode' ), | |
| 198 | + 'inside' => __( 'Inside Workspaces', 'desktop-mode' ), | |
| 728 | 199 | 'showDesktop' => __( 'In Show Desktop', 'desktop-mode' ), |
| 729 | 200 | ), |
| 730 | 201 | 'rows' => array( |
| 731 | 202 | array( |
| 732 | 203 | 'keys' => array( '←' ), |
| 733 | - 'outside' => __( 'Previous desktop (wraps)', 'desktop-mode' ), | |
| 734 | - 'inside' => __( 'Previous desktop (grid + top-bar update)', 'desktop-mode' ), | |
| 735 | - 'showDesktop' => __( 'Previous desktop', 'desktop-mode' ), | |
| 204 | + 'outside' => __( 'Previous workspace (wraps)', 'desktop-mode' ), | |
| 205 | + 'inside' => __( 'Previous workspace (grid + top-bar update)', 'desktop-mode' ), | |
| 206 | + 'showDesktop' => __( 'Previous workspace', 'desktop-mode' ), | |
| 736 | 207 | ), |
| 737 | 208 | array( |
| 738 | 209 | 'keys' => array( '→' ), |
| 739 | - 'outside' => __( 'Next desktop (wraps)', 'desktop-mode' ), | |
| 740 | - 'inside' => __( 'Next desktop (grid + top-bar update)', 'desktop-mode' ), | |
| 741 | - 'showDesktop' => __( 'Next desktop', 'desktop-mode' ), | |
| 210 | + 'outside' => __( 'Next workspace (wraps)', 'desktop-mode' ), | |
| 211 | + 'inside' => __( 'Next workspace (grid + top-bar update)', 'desktop-mode' ), | |
| 212 | + 'showDesktop' => __( 'Next workspace', 'desktop-mode' ), | |
| 742 | 213 | ), |
| 743 | 214 | array( |
| 744 | 215 | 'keys' => array( '↑' ), |
| 745 | - 'outside' => __( 'Enter Overview', 'desktop-mode' ), | |
| 746 | - 'inside' => __( 'Exit Overview onto active desktop', 'desktop-mode' ), | |
| 216 | + 'outside' => __( 'Enter Workspaces', 'desktop-mode' ), | |
| 217 | + 'inside' => __( 'Exit onto the active workspace', 'desktop-mode' ), | |
| 747 | 218 | 'showDesktop' => __( 'Restore windows (exit Show Desktop)', 'desktop-mode' ), |
| 748 | 219 | ), |
| 749 | 220 | array( |
| 750 | 221 | 'keys' => array( '↓' ), |
| 751 | 222 | 'outside' => __( 'Toggle Show Desktop', 'desktop-mode' ), |
| 752 | - 'inside' => __( 'Exit Overview (no minimize)', 'desktop-mode' ), | |
| 223 | + 'inside' => __( 'Exit Workspaces (no minimize)', 'desktop-mode' ), | |
| 753 | 224 | 'showDesktop' => __( 'Toggle Show Desktop', 'desktop-mode' ), |
| 754 | 225 | ), |
| 755 | 226 | array( |
| 756 | 227 | 'keys' => array( 'Enter' ), |
| 757 | - 'note' => __( '(in overview)', 'desktop-mode' ), | |
| 228 | + 'note' => __( '(in Workspaces)', 'desktop-mode' ), | |
| 758 | 229 | 'outside' => '—', |
| 759 | - 'inside' => __( 'Commit current desktop, exit overview', 'desktop-mode' ), | |
| 230 | + 'inside' => __( 'Commit current workspace, exit Workspaces', 'desktop-mode' ), | |
| 760 | 231 | 'showDesktop' => '—', |
| 761 | 232 | ), |
| 762 | 233 | ), |
| 763 | 234 | ), |
| @@ -765,13 +236,13 @@ | ||
| 765 | 236 | 'heading' => __( 'Windows & palette', 'desktop-mode' ), |
| 766 | 237 | 'items' => array( |
| 767 | 238 | array( |
| 768 | 239 | 'keys' => array( '`' ), |
| 769 | - 'description' => __( 'Cycle to the next window on the active desktop.', 'desktop-mode' ), | |
| 240 | + 'description' => __( 'Cycle to the next window on the active workspace.', 'desktop-mode' ), | |
| 770 | 241 | ), |
| 771 | 242 | array( |
| 772 | 243 | 'keys' => array( 'Shift', '`' ), |
| 773 | - 'description' => __( 'Cycle to the previous window on the active desktop.', 'desktop-mode' ), | |
| 244 | + 'description' => __( 'Cycle to the previous window on the active workspace.', 'desktop-mode' ), | |
| 774 | 245 | ), |
| 775 | 246 | array( |
| 776 | 247 | 'keys' => array( '⌘/Ctrl', 'K' ), |
| 777 | 248 | 'description' => __( 'Open the command palette / Ask AI overlay.', 'desktop-mode' ), |
| @@ -776,10 +247,14 @@ | ||
| 776 | 247 | 'keys' => array( '⌘/Ctrl', 'K' ), |
| 777 | 248 | 'description' => __( 'Open the command palette / Ask AI overlay.', 'desktop-mode' ), |
| 778 | 249 | ), |
| 779 | 250 | array( |
| 251 | + 'keys' => array( '⌥/Alt', '⌘/Ctrl', 'W' ), | |
| 252 | + 'description' => __( 'Close every open window on the current workspace (asks first).', 'desktop-mode' ), | |
| 253 | + ), | |
| 254 | + array( | |
| 780 | 255 | 'keys' => array( 'Esc' ), |
| 781 | - 'description' => __( 'Exit Overview (or Snap Overview) without changing window state.', 'desktop-mode' ), | |
| 256 | + 'description' => __( 'Exit Workspaces (or Snap Overview) without changing window state.', 'desktop-mode' ), | |
| 782 | 257 | ), |
| 783 | 258 | ), |
| 784 | 259 | ), |
| 785 | 260 | ), |
