.

app.py

@@ -1,73 +1,47 @@
 import gradio as gr
-import subprocess
-import os
-import uuid
-import requests
-
-# Optional: Set Typst binary path
-TYPST_PATH = "typst"
-
-# Temporary working directory
-WORKDIR = "/tmp/sheikh_promptor"
-
-os.makedirs(WORKDIR, exist_ok=True)
-
-
-def build_typst_preview(code: str) -> tuple:
-    file_id = str(uuid.uuid4())
-    typ_path = os.path.join(WORKDIR, f"{file_id}.typ")
-    pdf_path = os.path.join(WORKDIR, f"{file_id}.pdf")
-
-    with open(typ_path, "w") as f:
-        f.write(code)
-
-    try:
-        subprocess.run([TYPST_PATH, "compile", typ_path, "-o", pdf_path],
-                       check=True, capture_output=True)
-        return (pdf_path, None)
-    except subprocess.CalledProcessError as e:
-        return (None, e.stderr.decode())
-
-
-def ai_generate_response(prompt: str, model="together") -> str:
-    # Add your Together/Groq API call here
-    if model == "together":
-        # Replace with real API integration
-        return f"[TogetherAI] ➜ Generated content for: {prompt}"
-    else:
-        return f"[GroqAI] ➜ Placeholder for: {prompt}"
-
-
-def run_prompt_and_compile(prompt, model, code):
-    ai_result = ai_generate_response(prompt, model)
-    final_code = f"{code}\n\n// AI Suggestion:\n// {ai_result}"
-    pdf, err = build_typst_preview(final_code)
-    return final_code, ai_result, (pdf if pdf else None), (err if err else "Build succeeded.")
-
-
-# Gradio UI
-with gr.Blocks(css="body { font-family: Inter, sans-serif; }") as demo:
-    gr.Markdown("# **SheikhPromptor.run**")
-    
-    with gr.Row():
-        code_editor = gr.Code(label="Typst/LaTeX/Markdown", language="typst", lines=20)
-        prompt_input = gr.Textbox(label="AI Prompt", placeholder="e.g. Generate a table in Typst")
-        model_select = gr.Dropdown(["together", "groq"], label="AI Model", value="together")
-    
-    with gr.Row():
-        run_button = gr.Button("Run Prompt + Compile")
-    
-    with gr.Row():
-        ai_output = gr.Textbox(label="AI Response")
-    
-    with gr.Row():
-        pdf_preview = gr.File(label="PDF Output", file_types=[".pdf"])
-        compiler_log = gr.Textbox(label="Compiler Log")
-
-    run_button.click(
-        fn=run_prompt_and_compile,
-        inputs=[prompt_input, model_select, code_editor],
-        outputs=[code_editor, ai_output, pdf_preview, compiler_log]
-    )
 
+# HTML to inject Monaco Editor with Typst syntax (fallback to LaTeX for now)
+monaco_html = """
+<div id="monaco-container" style="width:100%; height: 500px;"></div>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/loader.js"></script>
+<script>
+  require.config({ paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs' }});
+  require(['vs/editor/editor.main'], function() {
+    var editor = monaco.editor.create(document.getElementById('monaco-container'), {
+      value: '',
+      language: 'latex',  # Use 'latex' here, you can configure a custom Typst language mode if available
+      theme: 'vs-dark',
+      automaticLayout: true
+    });
+    editor.onDidChangeModelContent(function() {
+      var value = editor.getValue();
+      document.getElementById("monaco-input").value = value;  # Push content to hidden textbox
+    });
+  });
+</script>
+"""
+
+# Gradio Blocks setup
+with gr.Blocks() as demo:
+    # Hidden Textbox to store content from Monaco editor
+    code_input = gr.Textbox(visible=False, label="Typst Source")
+
+    # Inject HTML for Monaco Editor
+    gr.HTML(monaco_html)
+
+    # Optional: Trigger AI, prompt generation, etc., based on the input
+    output = gr.Textbox(label="Output")  # For AI responses or LaTeX rendering
+
+    # Function to process Typst input and generate response
+    def process_input(typst_input):
+        # Placeholder for processing input (could be LaTeX rendering or AI response)
+        return f"Processed Typst Input:\n{typst_input}"
+
+    # When Monaco Editor content changes, process the input
+    code_input.change(process_input, inputs=code_input, outputs=output)
+
+    # Optional: Additional output or behavior
+    gr.HTML("<h3>Generate Typst or LaTeX output with AI or live preview</h3>")
+
+# Launch the Gradio interface
 demo.launch()