tldraw 4.1.0-canary.bace23a29058 → 4.1.0-canary.e4499a57ef5b

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tldraw",
   "description": "A tiny little drawing editor.",
-  "version": "4.1.0-canary.bace23a29058",
+  "version": "4.1.0-canary.e4499a57ef5b",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -55,8 +55,8 @@
     "@tiptap/pm": "^2.9.1",
     "@tiptap/react": "^2.9.1",
     "@tiptap/starter-kit": "^2.9.1",
-    "@tldraw/editor": "4.1.0-canary.bace23a29058",
-    "@tldraw/store": "4.1.0-canary.bace23a29058",
+    "@tldraw/editor": "4.1.0-canary.e4499a57ef5b",
+    "@tldraw/store": "4.1.0-canary.e4499a57ef5b",
     "classnames": "^2.5.1",
     "hotkeys-js": "^3.13.9",
     "idb": "^7.1.1",

package/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx

@@ -165,7 +165,7 @@ export function DefaultKeyboardShortcutsDialogContent() {
 				<TldrawUiMenuItem
 					id="a11y-select-next-shape-container"
 					label="a11y.enter-leave-container"
-					kbd="cmd+shift+[[↑→]]"
+					kbd="cmd+shift+[[↑↓]]"
 					onSelect={() => {
 						/* do nothing */
 					}}

package/src/lib/ui/components/MainMenu/DefaultMainMenuContent.tsx

@@ -165,13 +165,9 @@ export function PreferencesGroup() {
 					<TogglePasteAtCursorItem />
 					<ToggleDebugModeItem />
 				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="input-mode">
+				<TldrawUiMenuGroup id="user-interface-submenus">
 					<InputModeMenu />
-				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="color-scheme">
 					<ColorSchemeMenu />
-				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="accessibility-menu">
 					<AccessibilityMenu />
 				</TldrawUiMenuGroup>
 			</TldrawUiMenuSubmenu>

package/src/lib/ui/context/actions.tsx

@@ -1344,6 +1344,28 @@ export function ActionsProvider({ overrides, children }: ActionsProviderProps) {
 					}
 				},
 			},
+			{
+				id: 'toggle-focus-mode',
+				label: {
+					default: 'action.toggle-focus-mode',
+					menu: 'action.toggle-focus-mode.menu',
+				},
+				readonlyOk: true,
+				kbd: 'cmd+.,ctrl+.',
+				checkbox: true,
+				onSelect(source) {
+					// this needs to be deferred because it causes the menu
+					// UI to unmount which puts us in a dodgy state
+					editor.timers.requestAnimationFrame(() => {
+						editor.run(() => {
+							trackEvent('toggle-focus-mode', { source })
+							helpers.clearDialogs()
+							helpers.clearToasts()
+							editor.updateInstanceState({ isFocusMode: !editor.getInstanceState().isFocusMode })
+						})
+					})
+				},
+			},
 			{
 				id: 'toggle-grid',
 				label: {

package/src/lib/ui/version.ts

@@ -1,9 +1,9 @@
 // This file is automatically generated by internal/scripts/refresh-assets.ts.
 // Do not edit manually. Or do, I'm a comment, not a cop.
 
-export const version = '4.1.0-canary.bace23a29058'
+export const version = '4.1.0-canary.e4499a57ef5b'
 export const publishDates = {
 	major: '2025-09-18T14:39:22.803Z',
-	minor: '2025-09-18T15:06:06.255Z',
-	patch: '2025-09-18T15:06:06.255Z',
+	minor: '2025-09-19T11:41:15.460Z',
+	patch: '2025-09-19T11:41:15.460Z',
 }