WP07 #7
|
|
@ -4,6 +4,7 @@ import uuid
|
|||
import os
|
||||
import json
|
||||
import re
|
||||
import yaml
|
||||
from pathlib import Path
|
||||
from dotenv import load_dotenv
|
||||
|
||||
|
|
@ -25,7 +26,7 @@ st.set_page_config(page_title="mindnet v2.3.2", page_icon="🧠", layout="wide")
|
|||
st.markdown("""
|
||||
<style>
|
||||
/* Hauptcontainer enger machen für Lesbarkeit */
|
||||
.block-container { padding-top: 2rem; max_width: 900px; margin: auto; }
|
||||
.block-container { padding-top: 2rem; max_width: 1000px; margin: auto; }
|
||||
|
||||
/* Intent Badges */
|
||||
.intent-badge {
|
||||
|
|
@ -35,35 +36,60 @@ st.markdown("""
|
|||
border: 1px solid #d2e3fc; display: inline-block; margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* Chat Message Styling */
|
||||
.stChatMessage { padding: 1rem; border-radius: 8px; margin-bottom: 1rem;}
|
||||
div[data-testid="stChatMessageContent"] p { font-size: 1.05rem; line-height: 1.6; }
|
||||
|
||||
/* Expander Cleaner */
|
||||
.streamlit-expanderHeader { font-size: 0.9rem; font-weight: 600; color: #444; }
|
||||
|
||||
/* Editor Label */
|
||||
.editor-label { font-weight: bold; margin-bottom: 5px; display: block; color: #333; }
|
||||
/* 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())
|
||||
if "draft_note" not in st.session_state: st.session_state.draft_note = {"title": "", "content": "", "type": "concept"}
|
||||
|
||||
# --- HELPER FUNCTIONS ---
|
||||
|
||||
def extract_markdown_content(text):
|
||||
"""Extrahiert den Inhalt aus einem Markdown-Codeblock."""
|
||||
pattern = r"```markdown\s*(.*?)\s*```"
|
||||
match = re.search(pattern, text, re.DOTALL)
|
||||
if match:
|
||||
return match.group(1).strip()
|
||||
return text # Fallback: Ganzen Text zurückgeben, wenn kein Block gefunden
|
||||
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):
|
||||
"""Liest die letzten N Queries aus dem Logfile."""
|
||||
queries = []
|
||||
if HISTORY_FILE.exists():
|
||||
try:
|
||||
|
|
@ -126,63 +152,103 @@ def render_sidebar():
|
|||
|
||||
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":
|
||||
# 1. INTENT BADGE (mit Source)
|
||||
# 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)
|
||||
|
||||
# 2. CONTENT RENDERING (Weiche für INTERVIEW vs. NORMAL)
|
||||
# WEICHE: Editor vs. Text
|
||||
if msg.get("intent") == "INTERVIEW":
|
||||
# --- INTERVIEW EDITOR MODUS ---
|
||||
|
||||
# Markdown extrahieren (nur beim ersten Mal, dann aus State)
|
||||
raw_content = msg["content"]
|
||||
draft_content = extract_markdown_content(raw_content)
|
||||
|
||||
# Eindeutiger Key für diesen Editor (basierend auf query_id)
|
||||
editor_key = f"editor_{msg.get('query_id', uuid.uuid4())}"
|
||||
|
||||
# Init State falls noch nicht vorhanden
|
||||
if editor_key not in st.session_state:
|
||||
st.session_state[editor_key] = draft_content
|
||||
|
||||
st.markdown('<span class="editor-label">Entwurf bearbeiten (Draft):</span>', unsafe_allow_html=True)
|
||||
|
||||
# Der Editor
|
||||
edited_text = st.text_area(
|
||||
label="Editor",
|
||||
value=st.session_state[editor_key],
|
||||
height=350,
|
||||
key=editor_key,
|
||||
label_visibility="collapsed"
|
||||
)
|
||||
|
||||
# Action Buttons
|
||||
c1, c2 = st.columns([1, 1])
|
||||
with c1:
|
||||
st.download_button(
|
||||
label="💾 Als .md herunterladen",
|
||||
data=edited_text,
|
||||
file_name=f"draft_{msg.get('query_id', 'unknown')[:8]}.md",
|
||||
mime="text/markdown"
|
||||
)
|
||||
with c2:
|
||||
# Copy Mockup (Browser-Security verhindert oft direkten Zugriff)
|
||||
if st.button("📋 In Zwischenablage kopieren", key=f"copy_{editor_key}"):
|
||||
st.toast("Tipp: Klicke in das Textfeld, drücke Strg+A dann Strg+C.")
|
||||
|
||||
render_draft_editor(msg)
|
||||
else:
|
||||
# --- STANDARD CHAT MODUS ---
|
||||
st.markdown(msg["content"])
|
||||
|
||||
# 3. SOURCES (Nur anzeigen, wenn vorhanden)
|
||||
# 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)
|
||||
|
|
@ -192,26 +258,23 @@ def render_chat_interface(top_k, explain):
|
|||
if hit.get('explanation'):
|
||||
st.caption(f"Grund: {hit['explanation']['reasons'][0]['message']}")
|
||||
|
||||
# Granular Feedback
|
||||
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)
|
||||
|
||||
# 4. GLOBAL FEEDBACK
|
||||
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:
|
||||
# User Message
|
||||
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... (z.B. 'Neues Projekt anlegen')"):
|
||||
if prompt := st.chat_input("Frage Mindnet..."):
|
||||
st.session_state.messages.append({"role": "user", "content": prompt})
|
||||
st.rerun()
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user