feat: unkown

src/components/ExportSidebar.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { X, Check, Copy, Download, Code2, Image as ImageIcon, FileText, ChevronRight } from 'lucide-react';
 import { RecognitionResult } from '../types';
+import { convertMathmlToOmml, wrapOmmlForClipboard } from '../lib/ommlConverter';
 
 interface ExportSidebarProps {
   isOpen: boolean;
@@ -84,7 +85,20 @@ export default function ExportSidebar({ isOpen, onClose, result }: ExportSidebar
   ];
 
   const handleAction = async (option: ExportOption) => {
-    const content = option.getContent(result);
+    let content = option.getContent(result);
+
+    // Fallback: If Word MathML is missing, try to convert from MathML
+    if (option.id === 'mathml_word' && !content && result.mathml_content) {
+      try {
+        const omml = await convertMathmlToOmml(result.mathml_content);
+        if (omml) {
+          content = wrapOmmlForClipboard(omml);
+        }
+      } catch (err) {
+        console.error('Failed to convert MathML to OMML:', err);
+      }
+    }
+
     if (!content) return;
 
     try {

src/components/Navbar.tsx

@@ -146,3 +146,5 @@ export default function Navbar() {
 
 
 
+
+

src/components/ResultPanel.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import { Download, Code2, Check, Copy } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import remarkMath from 'remark-math';
+import remarkBreaks from 'remark-breaks';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
 import { RecognitionResult } from '../types';
@@ -18,72 +19,60 @@ interface ResultPanelProps {
  */
 function preprocessLatex(content: string): string {
   if (!content) return '';
-  
+
   let processed = content;
-  
+
+  // Convert literal \n (escaped newlines from OCR) to actual newlines
+  // This handles cases where the API returns "\\n" as a string instead of actual newline characters
+
   // Fix mixed display math delimiters: $$\[...\]$$ -> $$...$$
   // This handles cases where \[ \] are incorrectly nested inside $$ $$
   // Note: In JS replace(), $$ means "insert one $", so we need $$$$ to insert $$
   processed = processed.replace(/\$\$\s*\\\[/g, '$$$$');
   processed = processed.replace(/\\\]\s*\$\$/g, '$$$$');
-  
+
   // Also fix standalone \[ and \] that should be $$ for remark-math compatibility
   // Replace \[ with $$ at the start of display math (not inside other math)
   processed = processed.replace(/(?<!\$)\\\[(?!\$)/g, '$$$$');
   processed = processed.replace(/(?<!\$)\\\](?!\$)/g, '$$$$');
-  
+
   // IMPORTANT: remark-math requires $$ to be on its own line for block math
   // Ensure $$ followed by \begin has a newline: $$\begin -> $$\n\begin
   processed = processed.replace(/\$\$([^\n$])/g, '$$$$\n$1');
   // Ensure content followed by $$ has a newline: content$$ -> content\n$$
   processed = processed.replace(/([^\n$])\$\$/g, '$1\n$$$$');
-  
-  // Fix: \left \{ -> \left\{ (remove space between \left and delimiter)
+
+  // // Fix: \left \{ -> \left\{ (remove space between \left and delimiter)
   processed = processed.replace(/\\left\s+\\/g, '\\left\\');
   processed = processed.replace(/\\left\s+\{/g, '\\left\\{');
   processed = processed.replace(/\\left\s+\[/g, '\\left[');
   processed = processed.replace(/\\left\s+\(/g, '\\left(');
-  
-  // Fix: \right \} -> \right\} (remove space between \right and delimiter)
+
+  // // Fix: \right \} -> \right\} (remove space between \right and delimiter)
   processed = processed.replace(/\\right\s+\\/g, '\\right\\');
   processed = processed.replace(/\\right\s+\}/g, '\\right\\}');
   processed = processed.replace(/\\right\s+\]/g, '\\right]');
   processed = processed.replace(/\\right\s+\)/g, '\\right)');
-  
-  // Fix: \begin{matrix} with mismatched \left/\right -> use \begin{array}
-  // This is a more complex issue that requires proper \left/\right pairing
-  // For now, we'll try to convert problematic patterns
-  
-  // Replace \left( ... \right. text \right) pattern with ( ... \right. text )
-  // This fixes the common mispairing issue
-  processed = processed.replace(/\\left\(([^)]*?)\\right\.\s*(\\text\{[^}]*\})\s*\\right\)/g, '($1\\right. $2)');
-  
+
+
+
   return processed;
 }
 
 export default function ResultPanel({ result, fileStatus }: ResultPanelProps) {
   const [isExportSidebarOpen, setIsExportSidebarOpen] = useState(false);
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    if (result?.markdown_content) {
-      await navigator.clipboard.writeText(result.markdown_content);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2000);
-    }
-  };
 
   if (!result) {
     if (fileStatus === 'processing' || fileStatus === 'pending') {
       return (
         <div className="h-full flex flex-col items-center justify-center bg-white text-center p-8">
-           <div className="w-16 h-16 border-4 border-blue-600 border-t-transparent rounded-full animate-spin mb-6"></div>
+          <div className="w-16 h-16 border-4 border-blue-600 border-t-transparent rounded-full animate-spin mb-6"></div>
           <h3 className="text-xl font-semibold text-gray-900 mb-2">
             {fileStatus === 'pending' ? 'Waiting in queue...' : 'Analyzing...'}
           </h3>
           <p className="text-gray-500 max-w-sm">
-            {fileStatus === 'pending' 
-              ? 'Your file is in the queue, please wait.' 
+            {fileStatus === 'pending'
+              ? 'Your file is in the queue, please wait.'
               : 'Texpixel is processing your file, this may take a moment.'}
           </p>
         </div>
@@ -125,11 +114,11 @@ export default function ResultPanel({ result, fileStatus }: ResultPanelProps) {
         <div className="flex-1 overflow-auto p-8 custom-scrollbar flex justify-center">
           <div className="prose prose-blue max-w-3xl w-full prose-headings:font-bold prose-h1:text-2xl prose-h2:text-xl prose-p:leading-relaxed prose-pre:bg-gray-50 prose-pre:border prose-pre:border-gray-100 [&_.katex-display]:text-center">
             <ReactMarkdown
-              remarkPlugins={[remarkMath]}
-              rehypePlugins={[[rehypeKatex, { 
-                throwOnError: false, 
+              remarkPlugins={[remarkMath, remarkBreaks]}
+              rehypePlugins={[[rehypeKatex, {
+                throwOnError: false,
                 errorColor: '#cc0000',
-                strict: false 
+                strict: false
               }]]}
             >
               {preprocessLatex(result.markdown_content || '')}