326 lines
12 KiB
Python
326 lines
12 KiB
Python
import streamlit as st
|
|
import requests
|
|
import uuid
|
|
import os
|
|
import json
|
|
import re
|
|
import yaml
|
|
from pathlib import Path
|
|
from dotenv import load_dotenv
|
|
|
|
# --- CONFIGURATION ---
|
|
load_dotenv()
|
|
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"
|
|
HISTORY_FILE = Path("data/logs/search_history.jsonl")
|
|
|
|
# Timeout Strategy
|
|
timeout_setting = os.getenv("MINDNET_API_TIMEOUT") or os.getenv("MINDNET_LLM_TIMEOUT")
|
|
API_TIMEOUT = float(timeout_setting) if timeout_setting else 300.0
|
|
|
|
# --- PAGE SETUP ---
|
|
st.set_page_config(page_title="mindnet v2.3.2", page_icon="🧠", layout="wide")
|
|
|
|
# --- CSS STYLING ---
|
|
st.markdown("""
|
|
<style>
|
|
/* Hauptcontainer enger machen für Lesbarkeit */
|
|
.block-container { padding-top: 2rem; max_width: 1000px; margin: auto; }
|
|
|
|
/* Intent Badges */
|
|
.intent-badge {
|
|
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;
|
|
}
|
|
|
|
/* Editor Styling */
|
|
.draft-box {
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 8px;
|
|
padding: 15px;
|
|
background-color: #fafafa;
|
|
margin-top: 10px;
|
|
}
|
|
.preview-box {
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
background-color: white;
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|
|
""", unsafe_allow_html=True)
|
|
|
|
# --- SESSION STATE ---
|
|
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())
|
|
|
|
# --- HELPER FUNCTIONS ---
|
|
|
|
def parse_markdown_draft(full_text):
|
|
"""
|
|
Zerlegt einen Markdown-Text in Frontmatter (Dict) und Body (String).
|
|
"""
|
|
# 1. Versuch: Markdown Codeblock entfernen
|
|
pattern_block = r"```markdown\s*(.*?)\s*```"
|
|
match_block = re.search(pattern_block, full_text, re.DOTALL)
|
|
clean_text = match_block.group(1).strip() if match_block else full_text
|
|
|
|
# 2. Frontmatter parsen (YAML zwischen ---)
|
|
pattern_fm = r"^---\s+(.*?)\s+---\s+(.*)$"
|
|
match_fm = re.search(pattern_fm, clean_text, re.DOTALL)
|
|
|
|
if match_fm:
|
|
yaml_str = match_fm.group(1)
|
|
body = match_fm.group(2)
|
|
try:
|
|
meta = yaml.safe_load(yaml_str) or {}
|
|
except:
|
|
meta = {}
|
|
return meta, body
|
|
else:
|
|
return {}, clean_text
|
|
|
|
def build_markdown_draft(meta, body):
|
|
"""Baut das Dokument aus Metadaten und Text wieder zusammen."""
|
|
yaml_str = yaml.dump(meta, default_flow_style=None, sort_keys=False).strip()
|
|
return f"---\n{yaml_str}\n---\n\n{body}"
|
|
|
|
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
|
|
except Exception as e:
|
|
st.sidebar.warning(f"Log-Fehler: {e}")
|
|
return queries
|
|
|
|
def send_chat_message(message: str, top_k: int, explain: bool):
|
|
try:
|
|
response = requests.post(
|
|
CHAT_ENDPOINT,
|
|
json={"message": message, "top_k": top_k, "explain": explain},
|
|
timeout=API_TIMEOUT
|
|
)
|
|
response.raise_for_status()
|
|
return response.json()
|
|
except Exception as e:
|
|
return {"error": str(e)}
|
|
|
|
def submit_feedback(query_id, node_id, score, comment=None):
|
|
try:
|
|
requests.post(FEEDBACK_ENDPOINT, json={"query_id": query_id, "node_id": node_id, "score": score, "comment": comment}, timeout=2)
|
|
target = "Antwort" if node_id == "generated_answer" else "Quelle"
|
|
st.toast(f"Feedback für {target} gespeichert! (Score: {score})")
|
|
except: pass
|
|
|
|
# --- UI COMPONENTS ---
|
|
|
|
def render_sidebar():
|
|
with st.sidebar:
|
|
st.title("🧠 mindnet")
|
|
st.caption("v2.3.2 | WP-10 UI")
|
|
|
|
mode = st.radio("Modus", ["💬 Chat", "📝 Manueller Eintrag"], index=0)
|
|
|
|
st.divider()
|
|
st.subheader("⚙️ Settings")
|
|
top_k = st.slider("Quellen (Top-K)", 1, 10, 5)
|
|
explain = st.toggle("Explanation Layer", True)
|
|
|
|
st.divider()
|
|
st.subheader("🕒 Verlauf")
|
|
history = load_history_from_logs(8)
|
|
if not history:
|
|
st.caption("Noch keine Einträge.")
|
|
for q in history:
|
|
if st.button(f"🔎 {q[:30]}...", key=f"hist_{q}", help=q, use_container_width=True):
|
|
st.session_state.messages.append({"role": "user", "content": q})
|
|
st.rerun()
|
|
|
|
return mode, top_k, explain
|
|
|
|
def render_draft_editor(msg):
|
|
"""
|
|
Spezial-Widget für den INTERVIEW Intent.
|
|
Zeigt Tabs für Edit/Preview und separiert Metadaten.
|
|
"""
|
|
qid = msg.get('query_id', str(uuid.uuid4()))
|
|
key_base = f"draft_{qid}"
|
|
|
|
# 1. Parsing (Initialisierung)
|
|
if f"{key_base}_initialized" not in st.session_state:
|
|
meta, body = parse_markdown_draft(msg["content"])
|
|
st.session_state[f"{key_base}_type"] = meta.get("type", "concept")
|
|
st.session_state[f"{key_base}_tags"] = meta.get("tags", [])
|
|
st.session_state[f"{key_base}_body"] = body.strip()
|
|
st.session_state[f"{key_base}_initialized"] = True
|
|
|
|
# 2. Container Style
|
|
st.markdown(f'<div class="draft-box">', unsafe_allow_html=True)
|
|
st.markdown("### 📝 Entwurf bearbeiten")
|
|
|
|
# 3. Metadaten-Controls (Oberer Bereich)
|
|
c1, c2 = st.columns([1, 2])
|
|
with c1:
|
|
# Typ-Auswahl (Liste synchron mit types.yaml)
|
|
valid_types = ["concept", "project", "decision", "experience", "journal", "person", "value", "goal"]
|
|
# Fallback falls LLM etwas Exotisches erfunden hat
|
|
current_type = st.session_state[f"{key_base}_type"]
|
|
if current_type not in valid_types: valid_types.append(current_type)
|
|
|
|
new_type = st.selectbox("Typ", valid_types, key=f"{key_base}_sel_type", index=valid_types.index(current_type))
|
|
|
|
with c2:
|
|
# Tag-Editor (als Chips)
|
|
current_tags = st.session_state[f"{key_base}_tags"]
|
|
if isinstance(current_tags, str): current_tags = [current_tags] # Safety catch
|
|
new_tags = st.text_input("Tags (Kommagetrennt)", value=", ".join(current_tags), key=f"{key_base}_inp_tags")
|
|
|
|
# 4. Tabs: Edit vs Preview
|
|
tab_edit, tab_view = st.tabs(["✏️ Bearbeiten", "👁️ Vorschau"])
|
|
|
|
with tab_edit:
|
|
new_body = st.text_area(
|
|
"Inhalt",
|
|
value=st.session_state[f"{key_base}_body"],
|
|
height=400,
|
|
key=f"{key_base}_txt_body",
|
|
label_visibility="collapsed"
|
|
)
|
|
|
|
# 5. Rekonstruktion des Dokuments
|
|
final_tags = [t.strip() for t in new_tags.split(",") if t.strip()]
|
|
final_meta = {"type": new_type, "tags": final_tags, "status": "draft"} # Basic meta
|
|
final_doc = build_markdown_draft(final_meta, new_body)
|
|
|
|
with tab_view:
|
|
st.markdown('<div class="preview-box">', unsafe_allow_html=True)
|
|
st.markdown(final_doc) # Rendered Markdown
|
|
st.markdown('</div>', unsafe_allow_html=True)
|
|
|
|
st.markdown("---")
|
|
|
|
# 6. Actions
|
|
b1, b2, b3 = st.columns([1, 1, 2])
|
|
with b1:
|
|
st.download_button(
|
|
"💾 Download .md",
|
|
data=final_doc,
|
|
file_name=f"draft_{new_type}_{qid[:6]}.md",
|
|
mime="text/markdown"
|
|
)
|
|
with b2:
|
|
if st.button("📋 Copy Code", key=f"{key_base}_btn_copy"):
|
|
st.code(final_doc, language="markdown")
|
|
st.toast("Code unten ausgeklappt zum Kopieren!")
|
|
|
|
st.markdown("</div>", unsafe_allow_html=True)
|
|
|
|
|
|
def render_chat_interface(top_k, explain):
|
|
# Render History
|
|
for msg in st.session_state.messages:
|
|
with st.chat_message(msg["role"]):
|
|
if msg["role"] == "assistant":
|
|
# Intent Badge
|
|
if "intent" in msg:
|
|
intent = msg["intent"]
|
|
icon = {"EMPATHY": "❤️", "DECISION": "⚖️", "CODING": "💻", "FACT": "📚", "INTERVIEW": "📝"}.get(intent, "🧠")
|
|
source_info = msg.get("intent_source", "Unknown")
|
|
st.markdown(f'<div class="intent-badge">{icon} Intent: {intent} <span style="opacity:0.6; font-size: 0.9em; margin-left:5px;">via {source_info}</span></div>', unsafe_allow_html=True)
|
|
|
|
# WEICHE: Editor vs. Text
|
|
if msg.get("intent") == "INTERVIEW":
|
|
render_draft_editor(msg)
|
|
else:
|
|
st.markdown(msg["content"])
|
|
|
|
# Sources & Feedback (nur bei non-interview meist sinnvoll, oder immer?)
|
|
if "sources" in msg and msg["sources"]:
|
|
for hit in msg["sources"]:
|
|
score = hit.get('total_score', 0)
|
|
icon = "🟢" if score > 0.8 else "🟡" if score > 0.5 else "⚪"
|
|
with st.expander(f"{icon} {hit.get('note_id', '?')} ({score:.2f})"):
|
|
st.markdown(f"_{hit.get('source', {}).get('text', '')[:300]}..._")
|
|
if hit.get('explanation'):
|
|
st.caption(f"Grund: {hit['explanation']['reasons'][0]['message']}")
|
|
|
|
def _cb(qid=msg["query_id"], nid=hit['node_id']):
|
|
val = st.session_state.get(f"fb_src_{qid}_{nid}")
|
|
if val is not None: submit_feedback(qid, nid, val+1, "Faces UI")
|
|
|
|
st.feedback("faces", key=f"fb_src_{msg['query_id']}_{hit['node_id']}", on_change=_cb)
|
|
|
|
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))
|
|
|
|
else:
|
|
st.markdown(msg["content"])
|
|
|
|
# Input Logic
|
|
last_msg_is_user = len(st.session_state.messages) > 0 and st.session_state.messages[-1]["role"] == "user"
|
|
|
|
if prompt := st.chat_input("Frage Mindnet..."):
|
|
st.session_state.messages.append({"role": "user", "content": prompt})
|
|
st.rerun()
|
|
|
|
if last_msg_is_user:
|
|
last_prompt = st.session_state.messages[-1]["content"]
|
|
with st.chat_message("assistant"):
|
|
with st.spinner("Thinking..."):
|
|
resp = send_chat_message(last_prompt, top_k, explain)
|
|
|
|
if "error" in resp:
|
|
st.error(resp["error"])
|
|
else:
|
|
msg_data = {
|
|
"role": "assistant",
|
|
"content": resp.get("answer"),
|
|
"intent": resp.get("intent", "FACT"),
|
|
"intent_source": resp.get("intent_source", "Unknown"),
|
|
"sources": resp.get("sources", []),
|
|
"query_id": resp.get("query_id")
|
|
}
|
|
st.session_state.messages.append(msg_data)
|
|
st.rerun()
|
|
|
|
def render_creation_interface():
|
|
st.header("📝 Manueller Eintrag (Legacy)")
|
|
st.info("Nutze lieber den Chat ('Neues Projekt anlegen') für den Interview-Modus.")
|
|
|
|
with st.form("new_entry"):
|
|
col1, col2 = st.columns([3, 1])
|
|
title = col1.text_input("Titel der Notiz", placeholder="z.B. Projekt Gamma Meeting")
|
|
n_type = col2.selectbox("Typ", ["concept", "meeting", "person", "project", "decision"])
|
|
|
|
content = st.text_area("Inhalt (Markdown)", height=300, placeholder="# Protokoll\n\n- Punkt 1...")
|
|
|
|
st.markdown("**Automatische Vernetzung:**")
|
|
st.caption("Verwende `[[Link]]` für Referenzen und `[[rel:depends_on X]]` für logische Kanten.")
|
|
|
|
submitted = st.form_submit_button("💾 Speichern & Indizieren")
|
|
if submitted:
|
|
st.success(f"Mockup: Notiz '{title}' ({n_type}) wäre jetzt gespeichert worden!")
|
|
st.balloons()
|
|
|
|
# --- MAIN LOOP ---
|
|
mode, top_k, explain = render_sidebar()
|
|
|
|
if mode == "💬 Chat":
|
|
render_chat_interface(top_k, explain)
|
|
else:
|
|
render_creation_interface() |