Spaces:

SolarumAsteridion
/

Notebook

Running

App Files Files Community

SolarumAsteridion commited on Aug 26

Commit

814e789

verified ·

1 Parent(s): fb65023

Update index.html

Browse files

Files changed (1) hide show

index.html +11 -111

index.html CHANGED Viewed

@@ -1,3 +1,4 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -148,7 +149,7 @@ body{
 #settingsBtn:hover{transform:rotate(20deg)scale(1.15)}
 /* ───────── header ───────── */
-.header{text-align:center;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.05')}
 h1{font-family:'Libre Baskerville',serif;margin:0;font-size:30px;letter-spacing:.5px}
 .subtitle{font-family:'PT Mono',monospace;font-size:14px;color:#666;margin-top:6px;letter-spacing:1px}
@@ -276,27 +277,6 @@ th{font-weight:600}
   margin-top: 8px; /* Add some spacing */
 }
-/* Copy button styles */
-.copy-btn{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  gap:6px;
-  font-family:'PT Mono',monospace;
-  font-size:13px;
-  padding:6px 8px;
-  margin-left:8px;
-  background: #efefef;
-  color:var(--paper-text);
-  border:1px solid var(--code-border);
-  border-radius:6px;
-  cursor:pointer;
-  user-select:none;
-}
-.copy-btn.small{ padding:4px 6px; font-size:12px; border-radius:5px; }
-.copy-btn:active{ transform: translateY(1px); }
-body.dark .copy-btn{ background:#444; color:var(--paper-text); border-color:var(--code-border); }
 /* responsive & print */
 @media(max-width:768px){
   .container{margin:20px 16px;padding:28px}
@@ -387,13 +367,9 @@ function processContent(text){
   content.innerHTML = html;
   if(window.MathJax?.typesetPromise){
-    return MathJax.typesetPromise([content])
-      .then(()=>{ hideProcessing(); })
-      .catch(e=>{ console.error('MathJax error:',e); hideProcessing(); });
-  }else{
-    hideProcessing();
-    return Promise.resolve();
-  }
 }
 /* ======= Image to Base64 converter ======= */
@@ -437,7 +413,7 @@ async function ocrImage(base64Image) {
         messages: [
           {
             role: 'system',
-            content: 'You are an OCR assistant. Extract the question as plain text and preserve math using LaTeX delimiters ($...$ or $$...$$) only. Under no circumstances output LaTeX list environments or list commands such as \\begin{itemize}, \\end{itemize}, \\begin{enumerate}, \\end{enumerate}, or \\item. If the original image uses bullets or numbered lists, convert them into plain text lines labeled (a), (b), (c) or 1., 2., etc., without using LaTeX list environments. Do not attempt to solve the question. Output only the question text with required math markup and no additional commentary or headings.'
           },
           {
             role: 'user',
@@ -467,104 +443,28 @@ async function ocrImage(base64Image) {
   }
 }
-/* ======= UI Helpers for Streaming + Copy ======= */
-/* Copy helper with fallback and small "Copied!" feedback */
-async function copyTextToClipboard(text, btn) {
-  if (!btn) { // make a dummy if none supplied
-    btn = document.createElement('button');
-  }
-  const origLabel = btn.textContent;
-  try {
-    if (navigator.clipboard && navigator.clipboard.writeText) {
-      await navigator.clipboard.writeText(text);
-    } else {
-      const ta = document.createElement('textarea');
-      ta.value = text;
-      ta.setAttribute('readonly', '');
-      ta.style.position = 'absolute';
-      ta.style.left = '-9999px';
-      document.body.appendChild(ta);
-      ta.select();
-      document.execCommand('copy');
-      document.body.removeChild(ta);
-    }
-    btn.textContent = 'Copied!';
-    setTimeout(()=>{ btn.textContent = origLabel; }, 1100);
-  } catch (e) {
-    console.error('Copy failed', e);
-    alert('Copy failed: ' + e.message);
-  }
-}
 function beginStreamingUI(question){
   // Show a lightweight, non-MathJax view while the model streams
   content.innerHTML = `
     <div>
-      <p><strong>Question</strong>:
-        <button class="copy-btn small" id="copyQBtn" title="Copy question">📋</button>
-      </p>
       <div class="mono-stream" id="qStream"></div>
       <hr style="opacity:.35; margin: 20px 0;">
-      <p><strong>Answer</strong>:
-        <button class="copy-btn small" id="copyABtn" title="Copy answer">📋</button>
-      </p>
       <div class="mono-stream" id="aStream">(generating...)</div>
     </div>`;
   const qEl = document.getElementById('qStream');
   const aEl = document.getElementById('aStream');
   qEl.textContent = question;   // plain text now; pretty render later
   aEl.textContent = '';         // clear "(generating...)"
-  // attach copy handlers
-  const qBtn = document.getElementById('copyQBtn');
-  const aBtn = document.getElementById('copyABtn');
-  if (qBtn) qBtn.addEventListener('click', ()=> copyTextToClipboard(question, qBtn));
-  if (aBtn) aBtn.addEventListener('click', ()=> copyTextToClipboard(aEl.textContent, aBtn));
-  return { qEl, aEl, qBtn, aBtn };
-}
-/* After final render, add copy buttons next to the rendered Question/Answer
-   (copies the original plain-text question/answer passed in) */
-function addCopyButtonsToRenderedContent(question, answer){
-  // Find paragraphs containing <strong>Question</strong> or <strong>Answer</strong>
-  const pEls = content.querySelectorAll('p');
-  pEls.forEach(p => {
-    const st = p.querySelector('strong');
-    if(!st) return;
-    const label = st.textContent.replace(':','').trim().toLowerCase();
-    if(label.startsWith('question')){
-      // remove existing copy if present
-      const existing = p.querySelector('.copy-btn');
-      if(existing) existing.remove();
-      const btn = document.createElement('button');
-      btn.className = 'copy-btn small';
-      btn.title = 'Copy question text';
-      btn.innerHTML = '📋';
-      btn.addEventListener('click', ()=> copyTextToClipboard(question, btn));
-      // insert right after the strong label
-      st.after(btn);
-    } else if(label.startsWith('answer')){
-      const existing = p.querySelector('.copy-btn');
-      if(existing) existing.remove();
-      const btn = document.createElement('button');
-      btn.className = 'copy-btn small';
-      btn.title = 'Copy answer text';
-      btn.innerHTML = '📋';
-      btn.addEventListener('click', ()=> copyTextToClipboard(answer, btn));
-      st.after(btn);
-    }
-  });
 }
 function finalizeStreaming(question, fullAnswer){
   // One single heavy render (Markdown + MathJax) at the end
   const formatted = `**Question**: ${question}\n\n**Answer**: ${fullAnswer}`;
-  processContent(formatted).then(()=> {
-    // After render + MathJax finished, add copy buttons that copy the *raw* texts
-    addCopyButtonsToRenderedContent(question, fullAnswer);
-  });
 }
 /* ======= Solve with Cerebras API (Streaming Optimization) ======= */

 <!DOCTYPE html>
 <html lang="en">
 <head>
 #settingsBtn:hover{transform:rotate(20deg)scale(1.15)}
 /* ───────── header ───────── */
+.header{text-align:center;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.05)}
 h1{font-family:'Libre Baskerville',serif;margin:0;font-size:30px;letter-spacing:.5px}
 .subtitle{font-family:'PT Mono',monospace;font-size:14px;color:#666;margin-top:6px;letter-spacing:1px}
   margin-top: 8px; /* Add some spacing */
 }
 /* responsive & print */
 @media(max-width:768px){
   .container{margin:20px 16px;padding:28px}
   content.innerHTML = html;
   if(window.MathJax?.typesetPromise){
+    MathJax.typesetPromise([content]).then(hideProcessing)
+      .catch(e=>{console.error('MathJax error:',e);hideProcessing()});
+  }else{hideProcessing()}
 }
 /* ======= Image to Base64 converter ======= */
         messages: [
           {
             role: 'system',
+            content: 'GIVE AS TEXT WITH LATEX like $this$ or $$this$$. DO NOT USE ITEMIZE. DO NOT SOLVE THE QUESTION. DO NOT OUTPUT ANYTHING BUT THE FORMAT OF THE QUESTION.'
           },
           {
             role: 'user',
   }
 }
+/* ======= UI Helpers for Streaming ======= */
 function beginStreamingUI(question){
   // Show a lightweight, non-MathJax view while the model streams
   content.innerHTML = `
     <div>
+      <p><strong>Question</strong>:</p>
       <div class="mono-stream" id="qStream"></div>
       <hr style="opacity:.35; margin: 20px 0;">
+      <p><strong>Answer</strong>:</p>
       <div class="mono-stream" id="aStream">(generating...)</div>
     </div>`;
   const qEl = document.getElementById('qStream');
   const aEl = document.getElementById('aStream');
   qEl.textContent = question;   // plain text now; pretty render later
   aEl.textContent = '';         // clear "(generating...)"
+  return { qEl, aEl };
 }
 function finalizeStreaming(question, fullAnswer){
   // One single heavy render (Markdown + MathJax) at the end
   const formatted = `**Question**: ${question}\n\n**Answer**: ${fullAnswer}`;
+  processContent(formatted); // processContent calls hideProcessing after MathJax
 }
 /* ======= Solve with Cerebras API (Streaming Optimization) ======= */