diff --git a/app/frontend/ui.py b/app/frontend/ui.py index 0fa5783..4b9d778 100644 --- a/app/frontend/ui.py +++ b/app/frontend/ui.py @@ -21,7 +21,7 @@ timeout_setting = os.getenv("MINDNET_API_TIMEOUT") or os.getenv("MINDNET_LLM_TIM API_TIMEOUT = float(timeout_setting) if timeout_setting else 300.0 # --- PAGE SETUP --- -st.set_page_config(page_title="mindnet v2.3.2 (Debug Mode)", page_icon="🐞", layout="wide") +st.set_page_config(page_title="mindnet v2.3.2", page_icon="🧠", layout="wide") # --- CSS STYLING --- st.markdown(""" @@ -51,6 +51,12 @@ st.markdown(""" background-color: white; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; } + + .debug-info { + font-size: 0.7rem; + color: #888; + margin-bottom: 5px; + } """, unsafe_allow_html=True) @@ -58,7 +64,7 @@ st.markdown(""" 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 (ROBUST PARSING) --- +# --- HELPER FUNCTIONS --- def parse_markdown_draft(full_text): """ @@ -66,42 +72,36 @@ def parse_markdown_draft(full_text): """ clean_text = full_text - # 1. Versuch: Markdown Fences entfernen (egal ob ```markdown, ```md oder nur ```) - # re.IGNORECASE und re.DOTALL sind wichtig! + # 1. Versuch: Codeblock isolieren 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() - # Debugging Info im UI anzeigen ist schwer hier, wir verlassen uns auf den Return - # 2. Versuch: YAML Frontmatter finden - # Suche nach --- am Anfang (oder nach Whitespace), gefolgt von Inhalt, gefolgt von --- - pattern_fm = r"^\s*---\s+(.*?)\s+---\s*(.*)$" + # 2. Versuch: Frontmatter finden (--- YAML ---) + # Verbesserter Regex: Sucht nach dem ersten Vorkommen von --- am Zeilenanfang + pattern_fm = r"(-{3,})\s*(.*?)\s*\1\s*(.*)" match_fm = re.search(pattern_fm, clean_text, re.DOTALL) meta = {} body = clean_text if match_fm: - yaml_str = match_fm.group(1) - body = match_fm.group(2) + yaml_str = match_fm.group(2) + body_content = match_fm.group(3) try: - # YAML laden, aber Fehler abfangen parsed = yaml.safe_load(yaml_str) if isinstance(parsed, dict): meta = parsed - except Exception as e: - print(f"YAML Parsing Error: {e}") # Geht in Server Log - # Wir behalten body, meta bleibt leer + body = body_content.strip() + except Exception: + pass # YAML kaputt -> alles als Body behandeln return meta, body def build_markdown_doc(meta, body): - """Baut das finale Dokument zusammen.""" 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") try: @@ -143,7 +143,6 @@ def send_chat_message(message: str, top_k: int, explain: bool): 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 ({score}) gesendet!") except: pass @@ -152,15 +151,12 @@ def submit_feedback(query_id, node_id, score, comment=None): def render_sidebar(): with st.sidebar: st.title("🧠 mindnet") - st.caption("DEBUG MODE | WP-10 UI") - + st.caption("DEBUG MODE ACTIVATED") mode = st.radio("Modus", ["πŸ’¬ Chat", "πŸ“ Manueller Editor"], 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") for q in load_history_from_logs(8): @@ -170,67 +166,46 @@ def render_sidebar(): return mode, top_k, explain def render_draft_editor(msg): - """ - Rendert den Split-Screen Editor fΓΌr INTERVIEW Drafts. - """ qid = msg.get('query_id', str(uuid.uuid4())) key_base = f"draft_{qid}" - # 1. State Initialisierung (Nur einmal pro Nachricht) - # Wir parsen IMMER neu, wenn der Key noch nicht im State ist if f"{key_base}_init" not in st.session_state: meta, body = parse_markdown_draft(msg["content"]) - - # Fallback Defaults st.session_state[f"{key_base}_type"] = meta.get("type", "default") - - # Tags Behandlung (Liste oder String) tags_raw = meta.get("tags", []) - if isinstance(tags_raw, list): - st.session_state[f"{key_base}_tags"] = ", ".join(tags_raw) - else: - st.session_state[f"{key_base}_tags"] = str(tags_raw) - + st.session_state[f"{key_base}_tags"] = ", ".join(tags_raw) if isinstance(tags_raw, list) else str(tags_raw) st.session_state[f"{key_base}_body"] = body.strip() st.session_state[f"{key_base}_init"] = True - # 2. Editor Container st.markdown(f'
', unsafe_allow_html=True) st.markdown("### πŸ“ Entwurf bearbeiten") - # 3. Metadaten (Grid Layout) + # Metadata Controls c1, c2 = st.columns([1, 2]) with c1: known_types = ["concept", "project", "decision", "experience", "journal", "person", "value", "goal", "principle", "default"] curr_type = st.session_state.get(f"{key_base}_type", "default") if curr_type not in known_types: known_types.append(curr_type) - - # Selectbox mit State-Sync new_type = st.selectbox("Typ", known_types, index=known_types.index(curr_type), key=f"{key_base}_sel_type") with c2: - new_tags = st.text_input("Tags (kommagetrennt)", value=st.session_state.get(f"{key_base}_tags", ""), key=f"{key_base}_inp_tags") + new_tags = st.text_input("Tags", value=st.session_state.get(f"{key_base}_tags", ""), key=f"{key_base}_inp_tags") - # 4. Inhalt (Tabs) + # Editor / Preview Tabs tab_edit, tab_view = st.tabs(["✏️ Editor", "πŸ‘οΈ Vorschau"]) with tab_edit: new_body = st.text_area( - "Inhalt (Markdown Body)", + "Inhalt", value=st.session_state.get(f"{key_base}_body", ""), height=500, key=f"{key_base}_txt_body", label_visibility="collapsed" ) - # Live-Zusammenbau + # Live Reassembly final_tags_list = [t.strip() for t in new_tags.split(",") if t.strip()] - final_meta = { - "id": "generated_on_save", - "type": new_type, - "status": "draft", - "tags": final_tags_list - } + final_meta = {"id": "generated_on_save", "type": new_type, "status": "draft", "tags": final_tags_list} final_doc = build_markdown_doc(final_meta, new_body) with tab_view: @@ -240,48 +215,41 @@ def render_draft_editor(msg): st.markdown("---") - # 5. Actions + # Actions b1, b2 = st.columns([1, 1]) with b1: - st.download_button( - label="πŸ’Ύ Download .md", - data=final_doc, - file_name=generate_filename(final_meta), - mime="text/markdown" - ) + st.download_button("πŸ’Ύ Download .md", data=final_doc, file_name=f"draft_{new_type}.md", mime="text/markdown") with b2: if st.button("πŸ“‹ Code Copy", key=f"{key_base}_btn_copy"): st.code(final_doc, language="markdown") - + st.markdown("
", unsafe_allow_html=True) - def render_chat_interface(top_k, explain): for idx, msg in enumerate(st.session_state.messages): with st.chat_message(msg["role"]): if msg["role"] == "assistant": - # Intent Badge + # Meta Info intent = msg.get("intent", "UNKNOWN") src = msg.get("intent_source", "?") - - # Icon Mapping - icon_map = {"EMPATHY":"❀️", "DECISION":"βš–οΈ", "CODING":"πŸ’»", "FACT":"πŸ“š", "INTERVIEW":"πŸ“"} - icon = icon_map.get(intent, "🧠") - + icon = {"EMPATHY":"❀️", "DECISION":"βš–οΈ", "CODING":"πŸ’»", "FACT":"πŸ“š", "INTERVIEW":"πŸ“"}.get(intent, "🧠") st.markdown(f'
{icon} Intent: {intent} ({src})
', unsafe_allow_html=True) - # --- LOGIC SWITCH --- + # --- 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 --- if intent == "INTERVIEW": render_draft_editor(msg) else: st.markdown(msg["content"]) - # --- SOURCES --- + # Sources & Feedback 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})"): + with st.expander(f"πŸ“„ {hit.get('note_id', '?')} ({hit.get('total_score', 0):.2f})"): st.markdown(f"_{hit.get('source', {}).get('text', '')[:300]}..._") if hit.get('explanation'): st.caption(f"Grund: {hit['explanation']['reasons'][0]['message']}") @@ -289,27 +257,23 @@ def render_chat_interface(top_k, explain): def _cb(qid=msg.get("query_id"), nid=hit.get('node_id')): val = st.session_state.get(f"fb_src_{qid}_{nid}") if val is not None: submit_feedback(qid, nid, val+1) - st.feedback("faces", key=f"fb_src_{msg.get('query_id')}_{hit.get('node_id')}", on_change=_cb) - # --- DEBUGGING (NEU) --- - with st.expander("🐞 Debug Raw Payload"): - st.json(msg) # Zeigt exakt, was das Backend geschickt hat - + 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 - if prompt := st.chat_input("Frage Mindnet... (z.B. 'Neues Projekt anlegen')"): + # Input Logic + if prompt := st.chat_input("Frage Mindnet..."): st.session_state.messages.append({"role": "user", "content": prompt}) st.rerun() - last_msg_is_user = len(st.session_state.messages) > 0 and st.session_state.messages[-1]["role"] == "user" - if last_msg_is_user: + if len(st.session_state.messages) > 0 and st.session_state.messages[-1]["role"] == "user": with st.chat_message("assistant"): with st.spinner("Thinking..."): resp = send_chat_message(st.session_state.messages[-1]["content"], top_k, explain) - if "error" in resp: st.error(resp["error"]) else: @@ -325,18 +289,14 @@ def render_chat_interface(top_k, explain): def render_manual_editor(): st.header("πŸ“ Manueller Editor") - st.info("Hier kannst du eine Notiz komplett von Null erstellen.") 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...") - - if st.button("Generieren & Download"): + if st.button("Code anzeigen"): meta = {"type": n_type, "status": "draft", "tags": [t.strip() for t in tags.split(",")]} - doc = build_markdown_doc(meta, body) - st.code(doc, language="markdown") + st.code(build_markdown_doc(meta, body), language="markdown") -# --- MAIN --- mode, top_k, explain = render_sidebar() if mode == "πŸ’¬ Chat": render_chat_interface(top_k, explain)