Update app.py

app.py

@@ -66,7 +66,7 @@ default_choices = function_choices
 
 fields: List[Field] = [
     Field(name="patient", type="input_col", title="**Patient::**"),
-    Field(type="expander", title="**Preceeding Comment:** *(expand)*", children=[
+    Field(type="expander", title="**Session Transcription:** *(expand)*", children=[
         Field(name="dialogue_name", type="input_col", title=""),
     ]),
 
@@ -155,37 +155,34 @@ def get_path():
 
 def display_dialogue(hf_path: str):
     txt = load_text(hf_path)
-    markdown_with_line_numbers(txt, title="Session Transcription")
+    markdown_with_line_numbers(txt)
     #st.markdown(
     #    f"<details><summary><b>Herr Laus</b></summary><div>{txt}</div></details><br>",
     #unsafe_allow_html=True)
 
-def markdown_with_line_numbers(text: str, title: str | None = None):
-    # escape to avoid HTML injection, keep original newlines
-    escaped = html.escape(text)
-    lines = escaped.splitlines()
-    # keep blank lines visible so numbering doesn't collapse
-    body = "".join(f"<span>{ln or '&nbsp;'}</span>" for ln in lines)
+import html as py_html
+from streamlit.components.v1 import html as st_html
 
-    css = """
+def markdown_with_line_numbers(text: str, height: int = 500):
+    # Number *source lines* (not wrapped visual lines)
+    escaped = py_html.escape(text)
+    body = "".join(f"<span>{ln or '&nbsp;'}</span>" for ln in escaped.splitlines())
+
+    st_html(f"""
+<div class="ln"><pre>{body}</pre></div>
 <style>
-.ln pre { counter-reset: line; margin: 0; white-space: pre-wrap; }
-.ln pre span { display: block; }
-.ln pre span::before {
-  counter-increment: line;
-  content: counter(line);
-  display: inline-block;
-  width: 4ch;             /* gutter width */
-  margin-right: 1ch;
-  text-align: right;
-  opacity: .6;
-}
-.ln { border: 1px solid #ddd; border-radius: .5rem; padding: .75rem; }
+  .ln {{ counter-reset: line; font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+        font-size: 0.95rem; border: 1px solid #ddd; border-radius: .5rem;
+        padding: .75rem; background: #fff; max-height: 100%; overflow: auto; }}
+  .ln pre {{ white-space: pre-wrap; margin: 0; }}
+  .ln pre span {{ display: block; }}
+  .ln pre span::before {{
+    counter-increment: line;
+    content: counter(line);
+    display: inline-block; width: 4ch; margin-right: 1ch; text-align: right; opacity: .6;
+  }}
 </style>
-"""
-    st.markdown(css + (f"<p><b>{html.escape(title)}</b></p>" if title else "") +
-                f'<div class="ln"><pre>{body}</pre></div>',
-                unsafe_allow_html=True)
+""", height=height, scrolling=True)
 
 def display_image(image_path):
     with hf_fs.open(image_path) as f:
@@ -391,7 +388,7 @@ st.markdown(
 div[data-testid="stMarkdownContainer"] > p {
     font-size: 1rem;
 }
-    section.main > div {max-width:100rem}
+    section.main > div {max-width:80rem}
     </style>
     """, unsafe_allow_html=True)