Update app.py

app.py

@@ -4,14 +4,13 @@ import json
 import os
 import time
 import subprocess
+import tempfile
 from pathlib import Path
 from huggingface_hub import InferenceClient
 
 subprocess.run(["pip", "install", "pypdf", "-q"], capture_output=True)
 from pypdf import PdfReader
 
-SAVE_DIR = Path("/tmp/saved_docs")
-SAVE_DIR.mkdir(exist_ok=True)
 MODEL = "meta-llama/Llama-3.3-70B-Instruct"
 
 def get_client():
@@ -114,9 +113,8 @@ def analyse(pdf_file):
 
 def save_analysis(r1, r2, r3, r4):
     if not r1:
-        return "⚠️ Nothing to save — run an analysis first."
+        return None, "⚠️ Nothing to save — run an analysis first."
     ts = time.strftime("%Y-%m-%d %H:%M")
-    doc_id = str(int(time.time() * 1000))
     content = (
         f"METABOLIC PHOENIX FRAMEWORK — FULL ANALYSIS\n"
         f"Generated: {ts}\n"
@@ -126,15 +124,16 @@ def save_analysis(r1, r2, r3, r4):
         f"{'='*60}\n\nCYCLE 3 — OUROBOROS LOOPS\n\n{r3}\n\n"
         f"{'='*60}\n\nCYCLE 4 — FULL CASE OUTPUT\n\n{r4}"
     )
-    library = []
-    p = SAVE_DIR / "index.json"
-    if p.exists():
-        library = json.loads(p.read_text())
-    entry = {"id": doc_id, "title": f"Analysis — {ts}", "content": content, "saved_at": ts}
-    library.insert(0, entry)
-    p.write_text(json.dumps(library, indent=2))
-    (SAVE_DIR / f"{doc_id}.txt").write_text(content)
-    return f"✅ Saved: Analysis — {ts}"
+    tmp = tempfile.NamedTemporaryFile(
+        delete=False,
+        suffix=".txt",
+        prefix=f"MPF_Analysis_{time.strftime('%Y%m%d_%H%M')}_",
+        mode="w",
+        encoding="utf-8"
+    )
+    tmp.write(content)
+    tmp.close()
+    return tmp.name, "✅ Ready to download."
 
 CSS = """
 @import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Mono:wght@400;500&display=swap');
@@ -157,7 +156,6 @@ body, .gradio-container {
     font-family: 'Syne', sans-serif !important;
     color: var(--text) !important;
 }
-
 .hdr {
     text-align: center;
     padding: 2.4rem 1rem 1.6rem;
@@ -167,129 +165,134 @@ body, .gradio-container {
         radial-gradient(ellipse at 70% 50%, rgba(0,207,255,0.08) 0%, transparent 60%);
 }
 .hdr h1 {
-    font-size: 2.2rem;
-    font-weight: 800;
-    letter-spacing: -0.04em;
+    font-size: 2.2rem; font-weight: 800; letter-spacing: -0.04em;
     background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    margin: 0 0 0.3rem;
-}
-.hdr .sub {
-    color: var(--muted);
-    font-family: 'DM Mono', monospace;
-    font-size: .75rem;
-    letter-spacing: .06em;
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 0.3rem;
 }
-.hdr .own {
-    color: var(--accent2);
-    font-family: 'DM Mono', monospace;
-    font-size: .68rem;
-    margin-top: .3rem;
-    letter-spacing: .1em;
-    text-transform: uppercase;
-}
-
+.hdr .sub { color: var(--muted); font-family:'DM Mono',monospace; font-size:.75rem; letter-spacing:.06em; }
+.hdr .own { color: var(--accent2); font-family:'DM Mono',monospace; font-size:.68rem; margin-top:.3rem; letter-spacing:.1em; text-transform:uppercase; }
 input[type=text], textarea {
-    background: var(--surface) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: var(--r) !important;
-    color: var(--text) !important;
-    font-family: 'DM Mono', monospace !important;
-    font-size: .86rem !important;
-    padding: .6rem .85rem !important;
-    transition: border-color .18s !important;
+    background: var(--surface) !important; border: 1px solid var(--border) !important;
+    border-radius: var(--r) !important; color: var(--text) !important;
+    font-family: 'DM Mono', monospace !important; font-size: .86rem !important;
+    padding: .6rem .85rem !important; transition: border-color .18s !important;
 }
 input[type=text]:focus, textarea:focus {
-    border-color: var(--accent) !important;
-    outline: none !important;
+    border-color: var(--accent) !important; outline: none !important;
     box-shadow: 0 0 0 3px rgba(0,207,255,.12) !important;
 }
-
 label > span:first-child {
-    color: var(--muted) !important;
-    font-family: 'DM Mono', monospace !important;
-    font-size: .7rem !important;
-    letter-spacing: .08em !important;
-    text-transform: uppercase !important;
+    color: var(--muted) !important; font-family: 'DM Mono', monospace !important;
+    font-size: .7rem !important; letter-spacing: .08em !important; text-transform: uppercase !important;
 }
-
 button.primary {
     background: linear-gradient(135deg, var(--accent3), var(--accent)) !important;
-    color: #030712 !important;
-    border: none !important;
-    border-radius: var(--r) !important;
-    font-family: 'Syne', sans-serif !important;
-    font-weight: 800 !important;
-    font-size: .92rem !important;
-    padding: .75rem 2.8rem !important;
-    cursor: pointer !important;
-    transition: opacity .15s, transform .15s !important;
-    letter-spacing: .04em !important;
+    color: #030712 !important; border: none !important; border-radius: var(--r) !important;
+    font-family: 'Syne', sans-serif !important; font-weight: 800 !important;
+    font-size: .92rem !important; padding: .75rem 2.8rem !important;
+    cursor: pointer !important; transition: opacity .15s, transform .15s !important;
 }
-button.primary:hover {
-    opacity: .88 !important;
-    transform: translateY(-1px) !important;
-}
-
+button.primary:hover { opacity: .88 !important; transform: translateY(-1px) !important; }
 button.secondary {
-    background: var(--surface2) !important;
-    color: var(--accent2) !important;
-    border: 1px solid var(--accent3) !important;
-    border-radius: var(--r) !important;
-    font-family: 'Syne', sans-serif !important;
-    font-weight: 700 !important;
-    font-size: .8rem !important;
-    padding: .5rem 1.2rem !important;
-    cursor: pointer !important;
-    transition: all .15s !important;
+    background: var(--surface2) !important; color: var(--accent2) !important;
+    border: 1px solid var(--accent3) !important; border-radius: var(--r) !important;
+    font-family: 'Syne', sans-serif !important; font-weight: 700 !important;
+    font-size: .8rem !important; padding: .5rem 1.2rem !important; cursor: pointer !important;
 }
-button.secondary:hover {
-    background: var(--accent3) !important;
-    color: #030712 !important;
-}
-
+button.secondary:hover { background: var(--accent3) !important; color: #030712 !important; }
 .out textarea {
-    background: #020510 !important;
-    border: 1px solid var(--border) !important;
+    background: #020510 !important; border: 1px solid var(--border) !important;
     border-left: 3px solid var(--accent) !important;
     border-radius: 0 var(--r) var(--r) 0 !important;
-    font-family: 'DM Mono', monospace !important;
-    font-size: .84rem !important;
-    line-height: 1.7 !important;
-    color: var(--text) !important;
+    font-family: 'DM Mono', monospace !important; font-size: .84rem !important;
+    line-height: 1.7 !important; color: var(--text) !important;
 }
-
 .gradio-accordion {
-    background: var(--surface2) !important;
-    border: 1px solid var(--accent2) !important;
-    border-radius: var(--r) !important;
-    margin-bottom: .6rem !important;
+    background: var(--surface2) !important; border: 1px solid var(--accent2) !important;
+    border-radius: var(--r) !important; margin-bottom: .6rem !important;
 }
-
 .gradio-accordion .label-wrap span {
-    color: var(--accent2) !important;
-    font-family: 'Syne', sans-serif !important;
-    font-weight: 700 !important;
-    font-size: .85rem !important;
-    letter-spacing: .04em !important;
+    color: var(--accent2) !important; font-family: 'Syne', sans-serif !important;
+    font-weight: 700 !important; font-size: .85rem !important; letter-spacing: .04em !important;
 }
-
-.gradio-accordion svg {
-    color: var(--accent2) !important;
-    stroke: var(--accent2) !important;
+.gradio-accordion svg { color: var(--accent2) !important; stroke: var(--accent2) !important; }
+.readback {
+    background: var(--surface2);
+    border: 1px solid var(--accent3);
+    border-radius: var(--r);
+    padding: 1rem;
+    margin: .8rem 0;
 }
-
-.foot {
-    text-align: center;
-    padding: 1.5rem;
+.readback p {
     color: var(--muted);
     font-family: 'DM Mono', monospace;
-    font-size: .68rem;
-    border-top: 1px solid var(--border);
-    margin-top: 2rem;
+    font-size: .75rem;
+    margin: 0 0 .6rem;
     letter-spacing: .05em;
+    text-transform: uppercase;
+}
+.foot {
+    text-align: center; padding: 1.5rem; color: var(--muted);
+    font-family: 'DM Mono', monospace; font-size: .68rem;
+    border-top: 1px solid var(--border); margin-top: 2rem; letter-spacing: .05em;
+}
+"""
+
+READBACK_JS = """
+<div class="readback">
+    <p>🔊 Read Back</p>
+    <div style="display:flex;gap:.6rem;flex-wrap:wrap">
+        <button onclick="readCycle(1)" style="background:#0f1629;color:#FFE500;border:1px solid #0066FF;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer">▶ Cycle 1</button>
+        <button onclick="readCycle(2)" style="background:#0f1629;color:#FFE500;border:1px solid #0066FF;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer">▶ Cycle 2</button>
+        <button onclick="readCycle(3)" style="background:#0f1629;color:#FFE500;border:1px solid #0066FF;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer">▶ Cycle 3</button>
+        <button onclick="readCycle(4)" style="background:#0f1629;color:#FFE500;border:1px solid #0066FF;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer">▶ Cycle 4</button>
+        <button onclick="readAll()" style="background:linear-gradient(135deg,#0066FF,#00CFFF);color:#030712;border:none;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:800;font-size:.78rem;cursor:pointer">▶ Read All</button>
+        <button onclick="stopReading()" style="background:#0f1629;color:#ff4444;border:1px solid #ff4444;border-radius:8px;padding:.4rem .9rem;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;cursor:pointer">■ Stop</button>
+    </div>
+</div>
+
+<script>
+function getTextFromCycle(n) {
+    const textareas = document.querySelectorAll('textarea');
+    const cycleTextareas = Array.from(textareas).filter(t => t.value && t.value.trim().length > 0);
+    if (cycleTextareas[n-1]) return cycleTextareas[n-1].value;
+    return '';
+}
+
+function speak(text) {
+    if (!text) { alert('No content to read — run the analysis first.'); return; }
+    window.speechSynthesis.cancel();
+    const chunks = text.match(/.{1,200}/g) || [];
+    let i = 0;
+    function nextChunk() {
+        if (i >= chunks.length) return;
+        const u = new SpeechSynthesisUtterance(chunks[i]);
+        u.rate = 0.95;
+        u.pitch = 1;
+        u.lang = 'en-GB';
+        u.onend = () => { i++; nextChunk(); };
+        window.speechSynthesis.speak(u);
+    }
+    nextChunk();
+}
+
+function readCycle(n) {
+    speak(getTextFromCycle(n));
 }
+
+function readAll() {
+    const textareas = document.querySelectorAll('textarea');
+    const all = Array.from(textareas)
+        .map(t => t.value)
+        .filter(v => v && v.trim().length > 0)
+        .join('\n\n --- \n\n');
+    speak(all);
+}
+
+function stopReading() {
+    window.speechSynthesis.cancel();
+}
+</script>
 """
 
 with gr.Blocks(css=CSS, title="Metabolic Phoenix Framework") as demo:
@@ -317,11 +320,14 @@ with gr.Blocks(css=CSS, title="Metabolic Phoenix Framework") as demo:
     with gr.Accordion("Cycle 4 — Full Case Output", open=False):
         out4 = gr.Textbox(label="", lines=12, elem_classes=["out"])
 
-    save_btn = gr.Button("💾 Save Analysis", variant="secondary")
+    gr.HTML(READBACK_JS)
+
+    save_btn = gr.Button("💾 Save & Download Analysis", variant="secondary")
+    dl_file  = gr.File(label="Download your analysis", visible=False)
     save_msg = gr.Markdown("")
 
     run_btn.click(analyse, inputs=[pdf_input], outputs=[out1, out2, out3, out4])
-    save_btn.click(save_analysis, inputs=[out1, out2, out3, out4], outputs=[save_msg])
+    save_btn.click(save_analysis, inputs=[out1, out2, out3, out4], outputs=[dl_file, save_msg])
 
     gr.HTML("""
     <div class="foot">