mindnet/app/frontend/ui.py

304 lines
12 KiB
Python
Raw Normal View History

2025-12-09 18:44:26 +01:00
import streamlit as st
import requests
import uuid
import os
2025-12-09 23:05:28 +01:00
import json
2025-12-10 16:41:21 +01:00
import re
2025-12-10 16:55:56 +01:00
import yaml
2025-12-10 17:14:51 +01:00
from datetime import datetime
2025-12-09 23:05:28 +01:00
from pathlib import Path
2025-12-09 19:00:39 +01:00
from dotenv import load_dotenv
2025-12-09 18:44:26 +01:00
# --- CONFIGURATION ---
2025-12-09 19:00:39 +01:00
load_dotenv()
2025-12-09 18:44:26 +01:00
API_BASE_URL = os.getenv("MINDNET_API_URL", "http://localhost:8002")
CHAT_ENDPOINT = f"{API_BASE_URL}/chat"
FEEDBACK_ENDPOINT = f"{API_BASE_URL}/feedback"
2025-12-09 23:05:28 +01:00
HISTORY_FILE = Path("data/logs/search_history.jsonl")
2025-12-09 18:44:26 +01:00
2025-12-09 23:05:28 +01:00
# Timeout Strategy
2025-12-09 19:00:39 +01:00
timeout_setting = os.getenv("MINDNET_API_TIMEOUT") or os.getenv("MINDNET_LLM_TIMEOUT")
API_TIMEOUT = float(timeout_setting) if timeout_setting else 300.0
2025-12-09 18:44:26 +01:00
# --- PAGE SETUP ---
2025-12-10 17:43:03 +01:00
st.set_page_config(page_title="mindnet v2.3.2", page_icon="🧠", layout="wide")
2025-12-09 18:44:26 +01:00
2025-12-09 23:16:28 +01:00
# --- CSS STYLING ---
2025-12-09 18:44:26 +01:00
st.markdown("""
<style>
2025-12-10 16:55:56 +01:00
.block-container { padding-top: 2rem; max_width: 1000px; margin: auto; }
2025-12-09 23:05:28 +01:00
2025-12-09 18:44:26 +01:00
.intent-badge {
2025-12-09 23:05:28 +01:00
background-color: #e8f0fe; color: #1a73e8;
padding: 4px 10px; border-radius: 12px;
font-size: 0.8rem; font-weight: 600;
border: 1px solid #d2e3fc; display: inline-block; margin-bottom: 0.5rem;
2025-12-09 22:27:56 +01:00
}
2025-12-09 23:05:28 +01:00
2025-12-10 16:55:56 +01:00
.draft-box {
2025-12-10 17:14:51 +01:00
border: 1px solid #d0d7de;
border-radius: 6px;
padding: 16px;
background-color: #f6f8fa;
2025-12-10 16:55:56 +01:00
margin-top: 10px;
2025-12-10 17:14:51 +01:00
margin-bottom: 10px;
2025-12-10 16:55:56 +01:00
}
2025-12-10 17:14:51 +01:00
2025-12-10 16:55:56 +01:00
.preview-box {
border: 1px solid #e0e0e0;
2025-12-10 17:14:51 +01:00
border-radius: 6px;
padding: 24px;
2025-12-10 16:55:56 +01:00
background-color: white;
2025-12-10 17:14:51 +01:00
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
2025-12-10 16:55:56 +01:00
}
2025-12-10 17:43:03 +01:00
.debug-info {
font-size: 0.7rem;
color: #888;
margin-bottom: 5px;
}
2025-12-09 18:44:26 +01:00
</style>
""", unsafe_allow_html=True)
2025-12-09 22:27:56 +01:00
# --- SESSION STATE ---
2025-12-09 23:05:28 +01:00
if "messages" not in st.session_state: st.session_state.messages = []
if "user_id" not in st.session_state: st.session_state.user_id = str(uuid.uuid4())
2025-12-10 17:43:03 +01:00
# --- HELPER FUNCTIONS ---
2025-12-09 23:05:28 +01:00
2025-12-10 16:55:56 +01:00
def parse_markdown_draft(full_text):
"""
2025-12-10 17:35:21 +01:00
Versucht extrem tolerant, Frontmatter und Body zu trennen.
2025-12-10 16:55:56 +01:00
"""
2025-12-10 17:35:21 +01:00
clean_text = full_text
2025-12-10 17:14:51 +01:00
2025-12-10 17:43:03 +01:00
# 1. Versuch: Codeblock isolieren
2025-12-10 17:35:21 +01:00
pattern_block = r"```(?:markdown|md)?\s*(.*?)\s*```"
match_block = re.search(pattern_block, full_text, re.DOTALL | re.IGNORECASE)
if match_block:
clean_text = match_block.group(1).strip()
2025-12-10 16:55:56 +01:00
2025-12-10 17:43:03 +01:00
# 2. Versuch: Frontmatter finden (--- YAML ---)
# Verbesserter Regex: Sucht nach dem ersten Vorkommen von --- am Zeilenanfang
pattern_fm = r"(-{3,})\s*(.*?)\s*\1\s*(.*)"
2025-12-10 16:55:56 +01:00
match_fm = re.search(pattern_fm, clean_text, re.DOTALL)
2025-12-10 17:35:21 +01:00
meta = {}
body = clean_text
2025-12-10 16:55:56 +01:00
if match_fm:
2025-12-10 17:43:03 +01:00
yaml_str = match_fm.group(2)
body_content = match_fm.group(3)
2025-12-10 16:55:56 +01:00
try:
2025-12-10 17:35:21 +01:00
parsed = yaml.safe_load(yaml_str)
if isinstance(parsed, dict):
meta = parsed
2025-12-10 17:43:03 +01:00
body = body_content.strip()
except Exception:
pass # YAML kaputt -> alles als Body behandeln
2025-12-10 17:35:21 +01:00
return meta, body
2025-12-10 17:14:51 +01:00
def build_markdown_doc(meta, body):
if "id" not in meta or meta["id"] == "generated_on_save":
meta["id"] = f"{datetime.now().strftime('%Y%m%d')}-{meta.get('type', 'note')}-{uuid.uuid4().hex[:6]}"
meta["updated"] = datetime.now().strftime("%Y-%m-%d")
2025-12-10 17:35:21 +01:00
try:
yaml_str = yaml.dump(meta, default_flow_style=None, sort_keys=False, allow_unicode=True).strip()
except:
yaml_str = "error: generating_yaml"
2025-12-10 16:55:56 +01:00
return f"---\n{yaml_str}\n---\n\n{body}"
2025-12-10 16:41:21 +01:00
2025-12-09 23:05:28 +01:00
def load_history_from_logs(limit=10):
queries = []
if HISTORY_FILE.exists():
try:
with open(HISTORY_FILE, "r", encoding="utf-8") as f:
lines = f.readlines()
for line in reversed(lines):
try:
entry = json.loads(line)
q = entry.get("query_text")
if q and q not in queries:
queries.append(q)
if len(queries) >= limit: break
except: continue
2025-12-10 17:14:51 +01:00
except: pass
2025-12-09 23:05:28 +01:00
return queries
2025-12-09 18:44:26 +01:00
def send_chat_message(message: str, top_k: int, explain: bool):
try:
2025-12-09 23:05:28 +01:00
response = requests.post(
CHAT_ENDPOINT,
json={"message": message, "top_k": top_k, "explain": explain},
timeout=API_TIMEOUT
)
2025-12-09 18:44:26 +01:00
response.raise_for_status()
return response.json()
except Exception as e:
return {"error": str(e)}
2025-12-09 23:05:28 +01:00
def submit_feedback(query_id, node_id, score, comment=None):
2025-12-09 18:44:26 +01:00
try:
2025-12-09 23:05:28 +01:00
requests.post(FEEDBACK_ENDPOINT, json={"query_id": query_id, "node_id": node_id, "score": score, "comment": comment}, timeout=2)
2025-12-10 17:14:51 +01:00
st.toast(f"Feedback ({score}) gesendet!")
2025-12-09 23:05:28 +01:00
except: pass
2025-12-09 18:44:26 +01:00
# --- UI COMPONENTS ---
def render_sidebar():
with st.sidebar:
2025-12-09 23:05:28 +01:00
st.title("🧠 mindnet")
2025-12-10 17:43:03 +01:00
st.caption("DEBUG MODE ACTIVATED")
2025-12-10 17:14:51 +01:00
mode = st.radio("Modus", ["💬 Chat", "📝 Manueller Editor"], index=0)
2025-12-09 23:05:28 +01:00
st.divider()
st.subheader("⚙️ Settings")
top_k = st.slider("Quellen (Top-K)", 1, 10, 5)
explain = st.toggle("Explanation Layer", True)
2025-12-09 22:27:56 +01:00
st.divider()
2025-12-09 23:05:28 +01:00
st.subheader("🕒 Verlauf")
2025-12-10 17:14:51 +01:00
for q in load_history_from_logs(8):
if st.button(f"🔎 {q[:25]}...", key=f"hist_{q}", use_container_width=True):
2025-12-09 23:05:28 +01:00
st.session_state.messages.append({"role": "user", "content": q})
st.rerun()
return mode, top_k, explain
2025-12-10 16:55:56 +01:00
def render_draft_editor(msg):
qid = msg.get('query_id', str(uuid.uuid4()))
key_base = f"draft_{qid}"
2025-12-10 17:14:51 +01:00
if f"{key_base}_init" not in st.session_state:
2025-12-10 16:55:56 +01:00
meta, body = parse_markdown_draft(msg["content"])
2025-12-10 17:14:51 +01:00
st.session_state[f"{key_base}_type"] = meta.get("type", "default")
tags_raw = meta.get("tags", [])
2025-12-10 17:43:03 +01:00
st.session_state[f"{key_base}_tags"] = ", ".join(tags_raw) if isinstance(tags_raw, list) else str(tags_raw)
2025-12-10 16:55:56 +01:00
st.session_state[f"{key_base}_body"] = body.strip()
2025-12-10 17:14:51 +01:00
st.session_state[f"{key_base}_init"] = True
2025-12-10 16:55:56 +01:00
st.markdown(f'<div class="draft-box">', unsafe_allow_html=True)
st.markdown("### 📝 Entwurf bearbeiten")
2025-12-10 17:35:21 +01:00
2025-12-10 17:43:03 +01:00
# Metadata Controls
2025-12-10 16:55:56 +01:00
c1, c2 = st.columns([1, 2])
with c1:
2025-12-10 17:35:21 +01:00
known_types = ["concept", "project", "decision", "experience", "journal", "person", "value", "goal", "principle", "default"]
curr_type = st.session_state.get(f"{key_base}_type", "default")
2025-12-10 17:14:51 +01:00
if curr_type not in known_types: known_types.append(curr_type)
new_type = st.selectbox("Typ", known_types, index=known_types.index(curr_type), key=f"{key_base}_sel_type")
2025-12-10 16:55:56 +01:00
with c2:
2025-12-10 17:43:03 +01:00
new_tags = st.text_input("Tags", value=st.session_state.get(f"{key_base}_tags", ""), key=f"{key_base}_inp_tags")
2025-12-10 16:55:56 +01:00
2025-12-10 17:43:03 +01:00
# Editor / Preview Tabs
2025-12-10 17:14:51 +01:00
tab_edit, tab_view = st.tabs(["✏️ Editor", "👁️ Vorschau"])
2025-12-10 16:55:56 +01:00
with tab_edit:
new_body = st.text_area(
2025-12-10 17:43:03 +01:00
"Inhalt",
2025-12-10 17:35:21 +01:00
value=st.session_state.get(f"{key_base}_body", ""),
2025-12-10 17:14:51 +01:00
height=500,
2025-12-10 16:55:56 +01:00
key=f"{key_base}_txt_body",
2025-12-10 17:35:21 +01:00
label_visibility="collapsed"
2025-12-10 16:55:56 +01:00
)
2025-12-10 17:43:03 +01:00
# Live Reassembly
2025-12-10 17:14:51 +01:00
final_tags_list = [t.strip() for t in new_tags.split(",") if t.strip()]
2025-12-10 17:43:03 +01:00
final_meta = {"id": "generated_on_save", "type": new_type, "status": "draft", "tags": final_tags_list}
2025-12-10 17:14:51 +01:00
final_doc = build_markdown_doc(final_meta, new_body)
2025-12-10 16:55:56 +01:00
with tab_view:
st.markdown('<div class="preview-box">', unsafe_allow_html=True)
2025-12-10 17:35:21 +01:00
st.markdown(final_doc)
2025-12-10 16:55:56 +01:00
st.markdown('</div>', unsafe_allow_html=True)
st.markdown("---")
2025-12-10 17:43:03 +01:00
# Actions
2025-12-10 17:14:51 +01:00
b1, b2 = st.columns([1, 1])
2025-12-10 16:55:56 +01:00
with b1:
2025-12-10 17:43:03 +01:00
st.download_button("💾 Download .md", data=final_doc, file_name=f"draft_{new_type}.md", mime="text/markdown")
2025-12-10 16:55:56 +01:00
with b2:
2025-12-10 17:35:21 +01:00
if st.button("📋 Code Copy", key=f"{key_base}_btn_copy"):
2025-12-10 16:55:56 +01:00
st.code(final_doc, language="markdown")
2025-12-10 17:43:03 +01:00
2025-12-10 16:55:56 +01:00
st.markdown("</div>", unsafe_allow_html=True)
2025-12-09 23:05:28 +01:00
def render_chat_interface(top_k, explain):
2025-12-10 17:35:21 +01:00
for idx, msg in enumerate(st.session_state.messages):
2025-12-09 23:05:28 +01:00
with st.chat_message(msg["role"]):
if msg["role"] == "assistant":
2025-12-10 17:43:03 +01:00
# Meta Info
2025-12-10 17:35:21 +01:00
intent = msg.get("intent", "UNKNOWN")
src = msg.get("intent_source", "?")
2025-12-10 17:43:03 +01:00
icon = {"EMPATHY":"❤️", "DECISION":"⚖️", "CODING":"💻", "FACT":"📚", "INTERVIEW":"📝"}.get(intent, "🧠")
2025-12-10 17:35:21 +01:00
st.markdown(f'<div class="intent-badge">{icon} Intent: {intent} <span style="opacity:0.6; font-size:0.8em">({src})</span></div>', unsafe_allow_html=True)
2025-12-09 23:16:28 +01:00
2025-12-10 17:43:03 +01:00
# --- WICHTIG: DEBUGGING JETZT GANZ OBEN ---
with st.expander("🐞 Debug Raw Payload", expanded=False):
st.text("Hier siehst du, was das Backend wirklich geschickt hat:")
st.json(msg)
# --- CONTENT LOGIC ---
2025-12-10 17:35:21 +01:00
if intent == "INTERVIEW":
2025-12-10 16:55:56 +01:00
render_draft_editor(msg)
2025-12-10 16:41:21 +01:00
else:
st.markdown(msg["content"])
2025-12-09 23:05:28 +01:00
2025-12-10 17:43:03 +01:00
# Sources & Feedback
2025-12-10 16:41:21 +01:00
if "sources" in msg and msg["sources"]:
2025-12-09 23:05:28 +01:00
for hit in msg["sources"]:
2025-12-10 17:43:03 +01:00
with st.expander(f"📄 {hit.get('note_id', '?')} ({hit.get('total_score', 0):.2f})"):
2025-12-09 23:05:28 +01:00
st.markdown(f"_{hit.get('source', {}).get('text', '')[:300]}..._")
if hit.get('explanation'):
st.caption(f"Grund: {hit['explanation']['reasons'][0]['message']}")
2025-12-10 17:35:21 +01:00
def _cb(qid=msg.get("query_id"), nid=hit.get('node_id')):
2025-12-09 23:05:28 +01:00
val = st.session_state.get(f"fb_src_{qid}_{nid}")
2025-12-10 17:14:51 +01:00
if val is not None: submit_feedback(qid, nid, val+1)
2025-12-10 17:35:21 +01:00
st.feedback("faces", key=f"fb_src_{msg.get('query_id')}_{hit.get('node_id')}", on_change=_cb)
2025-12-09 23:05:28 +01:00
2025-12-10 17:43:03 +01:00
if "query_id" in msg:
qid = msg["query_id"]
st.feedback("stars", key=f"fb_glob_{qid}", on_change=lambda: submit_feedback(qid, "generated_answer", st.session_state[f"fb_glob_{qid}"]+1))
2025-12-09 23:05:28 +01:00
else:
st.markdown(msg["content"])
2025-12-10 17:43:03 +01:00
# Input Logic
if prompt := st.chat_input("Frage Mindnet..."):
2025-12-09 23:05:28 +01:00
st.session_state.messages.append({"role": "user", "content": prompt})
st.rerun()
2025-12-10 17:43:03 +01:00
if len(st.session_state.messages) > 0 and st.session_state.messages[-1]["role"] == "user":
2025-12-09 23:05:28 +01:00
with st.chat_message("assistant"):
with st.spinner("Thinking..."):
2025-12-10 17:14:51 +01:00
resp = send_chat_message(st.session_state.messages[-1]["content"], top_k, explain)
2025-12-09 23:05:28 +01:00
if "error" in resp:
st.error(resp["error"])
else:
2025-12-10 17:14:51 +01:00
st.session_state.messages.append({
2025-12-09 23:05:28 +01:00
"role": "assistant",
"content": resp.get("answer"),
"intent": resp.get("intent", "FACT"),
2025-12-10 16:41:21 +01:00
"intent_source": resp.get("intent_source", "Unknown"),
2025-12-09 23:05:28 +01:00
"sources": resp.get("sources", []),
"query_id": resp.get("query_id")
2025-12-10 17:14:51 +01:00
})
2025-12-09 23:05:28 +01:00
st.rerun()
2025-12-10 17:14:51 +01:00
def render_manual_editor():
st.header("📝 Manueller Editor")
c1, c2 = st.columns([1, 2])
n_type = c1.selectbox("Typ", ["concept", "project", "decision", "experience", "value", "goal"])
tags = c2.text_input("Tags")
body = st.text_area("Inhalt", height=400, placeholder="# Titel\n\nText...")
2025-12-10 17:43:03 +01:00
if st.button("Code anzeigen"):
2025-12-10 17:14:51 +01:00
meta = {"type": n_type, "status": "draft", "tags": [t.strip() for t in tags.split(",")]}
2025-12-10 17:43:03 +01:00
st.code(build_markdown_doc(meta, body), language="markdown")
2025-12-09 23:05:28 +01:00
mode, top_k, explain = render_sidebar()
if mode == "💬 Chat":
render_chat_interface(top_k, explain)
else:
2025-12-10 17:14:51 +01:00
render_manual_editor()