Update app.py

app.py

@@ -8,7 +8,7 @@ except ImportError:
     docx = None
 
 # ------------------------------
-# DEFAULT CONFIG
+# CONFIGURATION
 # ------------------------------
 DEFAULT_CODES = [
     "Theme: Communication Barrier",
@@ -54,7 +54,7 @@ def read_vtt(path):
 
 def get_empty_df():
     return pd.DataFrame(
-        columns=["File ID", "Code", "Coded Segment", "Context (100 chars)"] + list(METADATA_FIELDS.keys())
+        columns=["File ID", "Coded Segment", "Code", "Context (100 chars)"] + list(METADATA_FIELDS.keys())
     )
 
 # ------------------------------
@@ -77,18 +77,16 @@ def process_file(file_obj):
 # ------------------------------
 # BUILD HTML TRANSCRIPT
 # ------------------------------
-def build_html_transcript(text, coded_df):
+def build_transcript_html(text, coded_df):
     display_text = text
     if coded_df is not None and not coded_df.empty:
         for _, row in coded_df.iterrows():
             seg = row["Coded Segment"]
             color = COLOR_MAP.get(row["Code"], "yellow")
             display_text = display_text.replace(seg, f"<span style='background-color:{color}'>{seg}</span>", 1)
-
     safe_text = display_text.replace("\n", "<br>")
-
     html = f"""
-    <div style='white-space: pre-wrap; font-size:16px; line-height:1.5; max-height:600px; overflow:auto; border:1px solid #ccc; padding:5px;' id='transcript'>
+    <div id='transcript' style='white-space: pre-wrap; font-size:16px; line-height:1.5; max-height:600px; overflow:auto; border:1px solid #ccc; padding:5px;'>
         {safe_text}
     </div>
     <script>
@@ -153,10 +151,10 @@ def export_excel(df):
     return path, "Excel ready."
 
 # ------------------------------
-# GRADIO UI
+# GRADIO INTERFACE
 # ------------------------------
-with gr.Blocks(title="Interactive Qualitative Coding") as demo:
-    gr.Markdown("# 📑 Interactive Qualitative Coding Tool")
+with gr.Blocks(title="Direct Selection Coding") as demo:
+    gr.Markdown("# 📑 Direct Selection Coding Tool")
 
     # States
     file_id = gr.State("")
@@ -178,10 +176,10 @@ with gr.Blocks(title="Interactive Qualitative Coding") as demo:
 
         # RIGHT: coding panel
         with gr.Column(scale=2):
-            gr.Markdown("## 🏷️ Code Categories (editable)")
+            gr.Markdown("## 🏷️ Code Categories")
             code_input = gr.Textbox(label="Enter code or select from dropdown", value="", interactive=True)
             code_dropdown = gr.Dropdown(label="Select existing code", choices=DEFAULT_CODES)
-            segment_box = gr.Textbox(label="Selected Segment", placeholder="Selected segment", lines=3)
+            segment_box = gr.Textbox(label="Selected Segment", placeholder="Selected segment", lines=3, interactive=False)
             code_btn = gr.Button("Apply Code")
 
             gr.Markdown("## 📊 Coded Segments")
@@ -198,7 +196,7 @@ with gr.Blocks(title="Interactive Qualitative Coding") as demo:
 
     # Update transcript when text or coded_df changes
     def update_transcript(text, df):
-        return build_html_transcript(text, df)
+        return build_transcript_html(text, df)
 
     full_text.change(update_transcript, inputs=[full_text, coded_df_state], outputs=transcript_html)
     coded_df_state.change(update_transcript, inputs=[full_text, coded_df_state], outputs=transcript_html)