From c36e51fb9ff1bfe8cbbd020d863774f930c30ce5 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 3 Mar 2026 22:02:10 +0000
Subject: [PATCH] Hide editor picker dialog on mobile in
 shouldShowEditorChooser

Return false when viewport width is below 640px (Tailwind sm breakpoint),
matching the isMobile check used elsewhere in the app.

https://claude.ai/code/session_01KoPM7CZKWdwdZPm4MneGVE
---
 src/lib/util/migration/domainMigration.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/util/migration/domainMigration.ts b/src/lib/util/migration/domainMigration.ts
index 0205ddcc..2668bd29 100644
--- a/src/lib/util/migration/domainMigration.ts
+++ b/src/lib/util/migration/domainMigration.ts
@@ -64,9 +64,11 @@ const isReferredFromMermaid = (): boolean => {
 /**
  * Check if the editor chooser modal should be shown.
  * Shows for new users who haven't dismissed it and aren't viewing a shared link.
+ * Not shown on mobile (viewport width < 640px).
  */
 export const shouldShowEditorChooser = (): boolean => {
   if (!env.isEnabledMermaidChartLinks) return false;
+  if (window.innerWidth < 640) return false;
   if (window.localStorage.getItem(C.editorChooserDismissedKey) === 'true') return false;
   if (hasStoredUserData()) return false;
   if (hasPakoData()) return false;