From bea60d7e3fa67f5071292e49bccea4af96112363 Mon Sep 17 00:00:00 2001
From: Eric <ciregenz@berkeley.edu>
Date: Wed, 27 May 2026 20:19:23 -0700
Subject: [PATCH] [eric] fix: ablate richprompteditor to textarea on
 windows-electron too since the modes editor uses the same contenteditable
 that segfaults

---
 .../components/editor/RichPromptEditor.tsx    | 82 +++++++++++++------
 1 file changed, 56 insertions(+), 26 deletions(-)

diff --git a/frontend/src/app/components/editor/RichPromptEditor.tsx b/frontend/src/app/components/editor/RichPromptEditor.tsx
index 7ef2b468..f726bfc2 100644
--- a/frontend/src/app/components/editor/RichPromptEditor.tsx
+++ b/frontend/src/app/components/editor/RichPromptEditor.tsx
@@ -321,32 +321,62 @@ const RichPromptEditor: React.FC<RichPromptEditorProps> = ({
         )}
 
         <Box sx={{ px: 1.75, pt: label ? 2 : 1.25, pb: 1.25, position: 'relative' }}>
-          <div
-            ref={editorRef}
-            contentEditable
-            suppressContentEditableWarning
-            onInput={handleInput}
-            onClick={handleEditorClick}
-            onKeyDown={handleKeyDown}
-            onPaste={handlePaste}
-            onFocus={() => setFocused(true)}
-            onBlur={() => setFocused(false)}
-            style={{
-              width: '100%',
-              minHeight: `${minHeight}rem`,
-              maxHeight: `${maxHeight}rem`,
-              overflowY: 'auto',
-              background: 'transparent',
-              border: 'none',
-              outline: 'none',
-              color: c.text.primary,
-              fontSize: `${FONT_SIZE}rem`,
-              lineHeight: `${LINE_HEIGHT}`,
-              fontFamily: 'inherit',
-              wordBreak: 'break-word',
-              whiteSpace: 'pre-wrap',
-            }}
-          />
+          {(typeof navigator !== 'undefined' && navigator.userAgent.includes('Windows') && navigator.userAgent.includes('Electron')) ? (
+            // Windows-Electron: <div contentEditable> hits the Chromium 144 TSF native crash; fall back to a plain textarea (loses inline pills but stays alive).
+            <textarea
+              ref={editorRef as unknown as React.RefObject<HTMLTextAreaElement>}
+              onInput={handleInput as unknown as React.FormEventHandler<HTMLTextAreaElement>}
+              onClick={handleEditorClick as unknown as React.MouseEventHandler<HTMLTextAreaElement>}
+              onKeyDown={handleKeyDown as unknown as React.KeyboardEventHandler<HTMLTextAreaElement>}
+              onPaste={handlePaste as unknown as React.ClipboardEventHandler<HTMLTextAreaElement>}
+              onFocus={() => setFocused(true)}
+              onBlur={() => setFocused(false)}
+              spellCheck={false}
+              style={{
+                width: '100%',
+                minHeight: `${minHeight}rem`,
+                maxHeight: `${maxHeight}rem`,
+                overflowY: 'auto',
+                background: 'transparent',
+                border: 'none',
+                outline: 'none',
+                resize: 'none',
+                color: c.text.primary,
+                fontSize: `${FONT_SIZE}rem`,
+                lineHeight: `${LINE_HEIGHT}`,
+                fontFamily: 'inherit',
+                wordBreak: 'break-word',
+                whiteSpace: 'pre-wrap',
+              }}
+            />
+          ) : (
+            <div
+              ref={editorRef}
+              contentEditable
+              suppressContentEditableWarning
+              onInput={handleInput}
+              onClick={handleEditorClick}
+              onKeyDown={handleKeyDown}
+              onPaste={handlePaste}
+              onFocus={() => setFocused(true)}
+              onBlur={() => setFocused(false)}
+              style={{
+                width: '100%',
+                minHeight: `${minHeight}rem`,
+                maxHeight: `${maxHeight}rem`,
+                overflowY: 'auto',
+                background: 'transparent',
+                border: 'none',
+                outline: 'none',
+                color: c.text.primary,
+                fontSize: `${FONT_SIZE}rem`,
+                lineHeight: `${LINE_HEIGHT}`,
+                fontFamily: 'inherit',
+                wordBreak: 'break-word',
+                whiteSpace: 'pre-wrap',
+              }}
+            />
+          )}
           {!hasContent && (
             <div
               style={{