Merge branch 'worktree-test+suite-overhaul-and-real-fixtures' into chore/consolidate-v2.0.0

# Conflicts:
#	tests/integration/generated/settings-matrix.test.ts
#	tests/integration/platform/api.test.ts
#	tests/integration/platform/concurrent.test.ts
#	tests/integration/platform/factory-multi-input.test.ts
#	tests/integration/security/adversarial-comprehensive.test.ts
#	tests/integration/security/adversarial-coverage-gaps.test.ts
#	tests/integration/security/adversarial-extended.test.ts
#	tests/integration/security/adversarial-final-gaps.test.ts
#	tests/integration/security/adversarial-matrix.test.ts
#	tests/integration/security/adversarial-security.test.ts
#	tests/integration/security/adversarial.test.ts
#	tests/integration/tools/image/color-adjustments.test.ts

apps/web/src/components/layout/app-layout.tsx

@@ -37,7 +37,11 @@ export function AppLayout({ children, breadcrumb, navVariant }: AppLayoutProps)
       />
 
       {/* Main content area */}
-      <main id="main-content" className={cn("flex-1 overflow-y-auto", isMobile && "pb-20")}>
+      <main
+        id="main-content"
+        tabIndex={-1}
+        className={cn("flex-1 overflow-y-auto", isMobile && "pb-20")}
+      >
         {children}
       </main>
 

apps/web/src/pages/editor-page.tsx

@@ -144,16 +144,16 @@ export function EditorPage() {
 
   if (isMobile) {
     return (
-      <div className="flex flex-col items-center justify-center h-full p-8 text-center">
+      <main className="flex flex-col items-center justify-center h-full p-8 text-center">
         <Monitor size={48} className="text-muted-foreground mb-4" />
         <h2 className="text-lg font-semibold text-foreground mb-2">{t.editor.mobile.heading}</h2>
         <p className="text-sm text-muted-foreground max-w-sm">{t.editor.mobile.description}</p>
-      </div>
+      </main>
     );
   }
 
   return (
-    <div className="flex flex-col h-screen overflow-hidden bg-background text-foreground">
+    <main className="flex flex-col h-screen overflow-hidden bg-background text-foreground">
       <h1 className="sr-only">{t.editor.welcome.heading}</h1>
       <EditorMenuBar
         onNewDocument={() => setShowNewDocument(true)}
@@ -196,6 +196,6 @@ export function EditorPage() {
       <ImageResizeDialog open={showImageResize} onClose={() => setShowImageResize(false)} />
       <FillDialog open={fillDialogOpen} onClose={() => setFillDialogOpen(false)} />
       <NewDocumentDialog open={showNewDocument} onClose={() => setShowNewDocument(false)} />
-    </div>
+    </main>
   );
 }

apps/web/src/pages/login-page.tsx

@@ -222,7 +222,7 @@ export function LoginPage() {
   };
 
   return (
-    <div className="flex h-screen bg-background">
+    <main className="flex h-screen bg-background">
       <div className="flex-1 flex items-center justify-center p-8">
         <div className="w-full max-w-md space-y-8">
           <div>
@@ -415,6 +415,6 @@ export function LoginPage() {
           </p>
         </div>
       </div>
-    </div>
+    </main>
   );
 }