Revert "added click to edit feature"

This reverts commit 32462d5.

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/DividerBlock.tsx

@@ -26,7 +26,6 @@ export const DividerBlock = createReactBlockSpec(
           $margin="1rem 0"
           $css={`border: 1px solid ${colorsTokens['greyscale-300']};`}
         />
-
       );
     },
   },

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-blocks/LatexBlock.tsx

@@ -13,76 +13,45 @@ import { DocsBlockNoteEditor } from '../../types';
 
 const LatexRenderer = ({
   formula,
+  isEditing,
   onFormulaChange,
-  editor,
-  block,
 }: {
   formula: string;
+  isEditing?: boolean;
   onFormulaChange?: (formula: string) => void;
-  editor: DocsBlockNoteEditor;
-  block: any;
 }) => {
   const containerRef = useRef<HTMLDivElement>(null);
-  const boxRef = useRef<HTMLDivElement>(null);
   const { colorsTokens } = useCunninghamTheme();
   const [inputValue, setInputValue] = useState(formula);
-  const [isEditing, setIsEditing] = useState(false);
 
-  // Live preview
   useEffect(() => {
     if (containerRef.current) {
       try {
-        katex.render(isEditing ? inputValue : formula, containerRef.current, {
+        katex.render(formula, containerRef.current, {
           displayMode: true,
           throwOnError: false,
         });
       } catch {
         containerRef.current.innerHTML = 'Invalid LaTeX formula';
       }
     }
-  }, [formula, inputValue, isEditing]);
-
-  // Click outside detection
-  useEffect(() => {
-    if (!isEditing) return;
-    const handleClickOutside = (event: MouseEvent) => {
-      if (
-        boxRef.current &&
-        !boxRef.current.contains(event.target as Node)
-      ) {
-        setIsEditing(false);
-        // Optionally, update the formula when leaving edit mode
-        if (inputValue !== formula) {
-          onFormulaChange?.(inputValue);
-        }
-      }
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [isEditing, inputValue, formula, onFormulaChange]);
+  }, [formula]);
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setInputValue(e.target.value);
-  };
-
-  const handleBoxClick = () => {
-    if (editor.isEditable) setIsEditing(true);
+    const newValue = e.target.value;
+    setInputValue(newValue);
+    onFormulaChange?.(newValue);
   };
 
   return (
     <Box
-      ref={boxRef}
       $padding="1rem"
       $background={colorsTokens['greyscale-100']}
       style={{
         borderRadius: '4px',
         border: `1px solid ${colorsTokens['greyscale-300']}`,
         overflowX: 'auto',
-        cursor: editor.isEditable ? 'pointer' : 'default',
       }}
-      onClick={handleBoxClick}
     >
       {isEditing ? (
         <Box $gap="1rem">
@@ -91,14 +60,11 @@ const LatexRenderer = ({
             onChange={handleInputChange}
             placeholder="Enter LaTeX formula..."
             fullWidth
-            autoFocus
           />
           <div ref={containerRef} />
         </Box>
       ) : (
-        <Box $gap="0.5rem">
-          <div ref={containerRef} />
-        </Box>
+        <div ref={containerRef} />
       )}
     </Box>
   );
@@ -118,6 +84,9 @@ export const LatexBlock = createReactBlockSpec(
   },
   {
     render: ({ block, editor }) => {
+      const isEditing =
+        editor.isEditable && block.props.backgroundColor === 'default';
+
       const handleFormulaChange = (newFormula: string) => {
         editor.updateBlock(block, {
           props: { formula: newFormula },
@@ -127,9 +96,8 @@ export const LatexBlock = createReactBlockSpec(
       return (
         <LatexRenderer
           formula={block.props.formula}
+          isEditing={isEditing}
           onFormulaChange={handleFormulaChange}
-          editor={editor}
-          block={block}
         />
       );
     },

src/frontend/package.json

@@ -38,6 +38,5 @@
     "react-dom": "19.1.0",
     "typescript": "5.8.3",
     "yjs": "13.6.27"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }