Improve pages editor markdown UX

.gitignore

@@ -6,6 +6,7 @@
 .vscode/
 *.swp
 *.swo
+.playwright-cli/
 .playwright-mcp/
 
 # Build artifacts

apps/electron/src/main/index.ts

@@ -150,7 +150,9 @@ async function createWindow() {
   if (process.env.NODE_ENV === 'development') {
     const port = process.env.VITE_PORT || '5177'
     mainWindow.loadURL(`http://localhost:${port}`)
-    mainWindow.webContents.openDevTools()
+    if (process.env.XNET_TEST_BYPASS !== 'true') {
+      mainWindow.webContents.openDevTools()
+    }
   } else {
     mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
   }

apps/electron/src/renderer/components/CanvasInlinePageSurface.tsx

@@ -3,7 +3,7 @@ import type { TaskMentionSuggestion } from '@xnetjs/editor/react'
 import { useCanvasThemeTokens } from '@xnetjs/canvas'
 import { PageSchema } from '@xnetjs/data'
 import {
-  RichTextEditor,
+  EditorSurface,
   buildTaskMentionSuggestions,
   useFileDownload,
   useFileUpload,
@@ -28,7 +28,7 @@ type CanvasInlinePageSurfaceProps = {
   onSourceNodeMutated?: () => void
 }
 
-type EditorExtensions = NonNullable<React.ComponentProps<typeof RichTextEditor>['extensions']>
+type EditorExtensions = NonNullable<React.ComponentProps<typeof EditorSurface>['extensions']>
 
 function useStableTitle(
   initialTitle: string,
@@ -189,11 +189,12 @@ export function CanvasInlinePageSurface({
             Loading page surface...
           </div>
         ) : (
-          <RichTextEditor
+          <EditorSurface
+            surfaceMode="canvas-inline"
             ydoc={doc}
             field="content"
             placeholder={variant === 'note' ? 'Write a note...' : 'Start writing...'}
-            showToolbar={false}
+            showToolbar={true}
             toolbarMode="desktop"
             className="min-h-full [&_.ProseMirror]:select-text [&_[contenteditable='true']]:select-text"
             awareness={awareness ?? undefined}