feat(grid): add "Add New Row" command with toolbar button and menu item

Register add-new-row in the command registry (Ctrl+Enter), add a toolbar
button, a native macOS menu item, and delegate Cmd+Enter from the query
command when in data-grid context.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: jonasnobile

src/backend-desktop/index.ts

@@ -120,6 +120,8 @@ if (isMac) {
 				{ role: 'copy', accelerator: 'Cmd+C' },
 				{ role: 'paste', accelerator: 'Cmd+V' },
 				{ role: 'selectAll', accelerator: 'Cmd+A' },
+				{ type: 'divider' },
+				{ label: 'Add New Row', action: 'add-new-row' },
 			],
 		},
 		{

src/frontend-shared/components/grid/DataGrid.tsx

@@ -448,6 +448,18 @@ export default function DataGrid(props: DataGridProps) {
 		onCleanup(() => window.removeEventListener('dotaz:save-view', onSaveView))
 	})
 
+	// Listen for add-new-row events dispatched by the command registry
+	onMount(() => {
+		const onAddNewRow = (e: Event) => {
+			const detail = (e as CustomEvent).detail
+			if (detail?.tabId === props.tabId) {
+				cellEdit.handleAddNewRow()
+			}
+		}
+		window.addEventListener('dotaz:add-new-row', onAddNewRow)
+		onCleanup(() => window.removeEventListener('dotaz:add-new-row', onAddNewRow))
+	})
+
 	return (
 		<div
 			ref={gridRef}
@@ -468,6 +480,7 @@ export default function DataGrid(props: DataGridProps) {
 				onSaveViewOpen={(forceNew) => modals.openSaveView(forceNew)}
 				onExportOpen={() => modals.openExport()}
 				onImportOpen={() => modals.openImport()}
+				onAddNewRow={() => cellEdit.handleAddNewRow()}
 				rowColoringOpen={rowColoringOpen()}
 				onToggleRowColoring={() => setRowColoringOpen(!rowColoringOpen())}
 				sidePanelToggle={

src/frontend-shared/components/grid/DataGridToolbar.tsx

@@ -2,6 +2,7 @@ import type { ColumnFilter } from '@dotaz/shared/types/grid'
 import type { SavedViewConfig } from '@dotaz/shared/types/rpc'
 import ArrowLeftRight from 'lucide-solid/icons/arrow-left-right'
 import EllipsisVertical from 'lucide-solid/icons/ellipsis-vertical'
+import Plus from 'lucide-solid/icons/plus'
 import RotateCcw from 'lucide-solid/icons/rotate-ccw'
 import Save from 'lucide-solid/icons/save'
 import { createSignal, type JSX, onCleanup, Show } from 'solid-js'
@@ -28,6 +29,7 @@ export interface DataGridToolbarProps {
 	onSaveViewOpen: (forceNew: boolean) => void
 	onExportOpen: () => void
 	onImportOpen: () => void
+	onAddNewRow: () => void
 	sidePanelToggle: JSX.Element
 	rowColoringOpen: boolean
 	onToggleRowColoring: () => void
@@ -222,6 +224,15 @@ export default function DataGridToolbar(props: DataGridToolbarProps) {
 									<Icon name="link" size={12} /> {tabState().autoJoins.length} Join{tabState().autoJoins.length > 1 ? 's' : ''}
 								</button>
 							</Show>
+							<Show when={!props.isReadOnly()}>
+								<button
+									class="data-grid__toolbar-btn"
+									onClick={props.onAddNewRow}
+									title="Add new row (Ctrl+Enter)"
+								>
+									<Plus size={12} /> Add Row
+								</button>
+							</Show>
 							<button
 								class="data-grid__toolbar-btn"
 								onClick={handleRefresh}

src/frontend-shared/lib/app-shortcuts.ts

@@ -40,6 +40,7 @@ export function registerAppShortcuts(): void {
 	keyboardManager.register('Ctrl+G', 'ai-generate-sql', 'sql-console')
 
 	// Data grid context
+	keyboardManager.register('Ctrl+Enter', 'add-new-row', 'data-grid')
 	keyboardManager.register('F5', 'refresh-data', 'data-grid')
 	keyboardManager.register('F2', 'inline-edit', 'data-grid')
 	keyboardManager.register('Delete', 'delete-rows', 'data-grid')

src/frontend-shared/lib/commands/grid-commands.ts

@@ -1,3 +1,4 @@
+import { connectionsStore } from '../../stores/connections'
 import { gridStore } from '../../stores/grid'
 import { tabsStore } from '../../stores/tabs'
 import type { AppCommandActions } from '../app-commands'
@@ -125,6 +126,21 @@ export function registerGridCommands(actions: AppCommandActions): void {
 		},
 	})
 
+	commandRegistry.register({
+		id: 'add-new-row',
+		label: 'Add New Row',
+		shortcut: 'Ctrl+Enter',
+		category: 'Grid',
+		handler: () => {
+			const tab = tabsStore.activeTab
+			if (tab?.type !== 'data-grid') return
+			if (connectionsStore.isReadOnly(tab.connectionId)) return
+			window.dispatchEvent(
+				new CustomEvent('dotaz:add-new-row', { detail: { tabId: tab.id } }),
+			)
+		},
+	})
+
 	commandRegistry.register({
 		id: 'compare-data',
 		label: 'Compare Data',

src/frontend-shared/lib/commands/query-commands.ts

@@ -49,6 +49,10 @@ export function registerQueryCommands(actions: AppCommandActions): void {
 			const tab = tabsStore.activeTab
 			if (tab?.type === 'sql-console') {
 				editorStore.executeQuery(tab.id)
+			} else if (tab?.type === 'data-grid') {
+				// On desktop, the native menu accelerator Cmd+Enter fires run-query
+				// regardless of context. Delegate to add-new-row when in data grid.
+				commandRegistry.execute('add-new-row')
 			}
 		},
 	})