Update app.py

app.py

@@ -198,39 +198,49 @@ init_session_state()
 processor = st.session_state.processor
 manager = st.session_state.manager
 
-st.title("Chunk Webpage Content Editor")
-st.caption("A tool to fetch, chunk, and refine web content for AI synthesis.")
-st.markdown(
-    "Developed by [Emilija Gjorgjevska](https://www.linkedin.com/in/emilijagjorgjevska/). "
-    "Inspired by Andrea Volpini's [work on content chunking](https://www.linkedin.com/pulse/understanding-chunking-google-ai-mode-practical-content-volpini-zseaf/)")
-
-# --- MODIFIED: Added concise guidelines to the expander ---
-with st.expander("ℹ️ App Information & AI Writing Guidelines", expanded=False):
-    st.info(
-        """
-        ### How Layout-Based Chunking is Implemented Here
-        This app uses a two-step process to create meaningful chunks based on a document’s structure:
-        1.  **Structural Preservation (HTML → Markdown):** It converts a webpage’s HTML into Markdown, preserving the original layout and hierarchy (e.g., `<h1>` becomes `#`).
-        2.  **Layout-Aware Parsing (`MarkdownNodeParser`):** It then uses LlamaIndex’s `MarkdownNodeParser` to split the Markdown at logical boundaries (like headers), yielding context-aware chunks that respect the original sections.
+
+# --- MODIFIED: Settings and Overview moved to a persistent sidebar ---
+with st.sidebar:
+    st.image("https://www.wordlift.io/wp-content/uploads/2024/05/wl-logo-wordlift-ai-white.png", width=150)
+    st.title("Settings & Overview")
+    
+    with st.expander("About this App & AI Writing Guidelines", expanded=True):
+        st.info(
+            """
+            This app helps you refine web content for AI synthesis by chunking it into logical, verifiable blocks.
+            
+            **Writing for AI Verifiability:**
+            * **Structure with Headers:** Use H1, H2, H3 tags logically.
+            * **Write for Clarity:** Use short, direct sentences. State facts explicitly.
+            * **Create Verifiable Blocks:** Format content as definitions, Q&As, or step-by-step guides.
+            * **Use the Editor's Metrics:** Aim for a **Reading Ease > 60** and a **Word Count** between 40-600 per chunk. The colors will guide you.
+            """, icon="💡"
+        )
         
-        ---
-
-        ### Writing for AI Verifiability: A Quick Guide
-        To ensure your content is selected and cited by AI, focus on making each chunk clear, coherent, and verifiable.
-
-        * **Structure with Headers:** Use a logical hierarchy of headings (H1, H2, H3) in your source content. The app uses these to create chunks.
-        * **Write for Clarity:**
-            * Use short, direct sentences.
-            * State facts explicitly—don't make the AI guess.
-            * Follow the "one idea per paragraph" rule to create self-contained, meaningful chunks.
-        * **Create Verifiable Blocks:** Format content as direct definitions, Q&A sections, or step-by-step guides. These are ideal formats for AI to extract and use as answers.
-        * **Use the Editor's Metrics:** In the "Chunk Editor" tab, use the real-time stats to guide your writing.
-            * **Reading Ease:** Aim for a score **above 60**.
-            * **Word Count:** Keep chunks within the target range (e.g., 40-600 words).
-            * The colors (red/green) will show if you are meeting the targets set in the "Settings" tab.
-        """
-    , icon="💡")
+    st.subheader("📊 Document Overview")
+    st.markdown(manager.get_document_summary_stats(), unsafe_allow_html=True)
+
+    st.subheader("🎯 Content Targets")
+    with st.form("targets_form"):
+        st.write("Set readability targets to guide your editing. Colors in the editor will reflect these targets.")
+        c1, c2 = st.columns(2)
+        f_min = c1.number_input("Min Flesch Reading Ease", value=float(manager.target_flesch_min))
+        g_max = c2.number_input("Max Flesch-Kincaid Grade", value=float(manager.target_grade_max))
+        w_min = c1.number_input("Min Chunk Words", value=int(manager.target_min_chunk_words))
+        w_max = c2.number_input("Max Chunk Words", value=int(manager.target_max_chunk_words))
 
+        if st.form_submit_button("Set New Targets", use_container_width=True):
+            manager.set_targets(f_min, g_max, w_min, w_max)
+            st.session_state.status_message = "Content targets have been updated."
+            st.rerun()
+
+    st.subheader("📋 Final Compiled Document")
+    st.text_area("Final Markdown Output", manager.get_final_markdown(), height=300, key="final_markdown")
+
+
+# --- Main Page Layout ---
+st.title("📝 Chunk Webpage Content Editor")
+st.caption("A tool to fetch, chunk, and refine web content for AI synthesis. Inspired by Andrea Volpini's work.")
 
 url_input = st.text_input("Enter a webpage URL to start", key="url_input")
 
@@ -257,85 +267,60 @@ if st.session_state.status_message:
     st.toast(st.session_state.status_message)
     st.session_state.status_message = ""
 
-tab1, tab2 = st.tabs(["Chunk Editor", "Settings & Overview"])
-
-with tab1:
-    chunks = manager.get_chunks()
-    if not chunks:
-        st.write("Process a URL to begin editing content chunks.")
-    else:
-        chunk_ids = [c['id'] for c in chunks]
-        if st.session_state.selected_chunk_id not in chunk_ids:
-            st.session_state.selected_chunk_id = chunk_ids[0] if chunk_ids else None
-
-        if st.session_state.selected_chunk_id is not None:
-            chunk_options = {c['id']: c['title'] for c in chunks}
-
-            selected_id = st.selectbox(
-                "Select a chunk to edit",
-                options=chunk_ids,
-                format_func=lambda x: f"Chunk {x}: {chunk_options.get(x, 'N/A')}",
-                index=chunk_ids.index(st.session_state.selected_chunk_id)
-            )
-
-            if selected_id != st.session_state.selected_chunk_id:
-                st.session_state.selected_chunk_id = selected_id
-                st.rerun()
-
-            selected_chunk = manager.get_chunk_by_id(st.session_state.selected_chunk_id)
-
-            if selected_chunk:
-                # --- Side-by-side layout for editor and live preview ---
-                editor_col, preview_col = st.columns(2)
-
-                with editor_col:
-                    st.markdown(f"**Editing: {selected_chunk['title']}**")
-                    st.markdown(manager.format_chunk_stats(selected_chunk['stats']), unsafe_allow_html=True)
-
-                    edited_content = st.text_area(
-                        "Chunk Content (Markdown)",
-                        value=selected_chunk['content'],
-                        height=400,
-                        key=f"editor_{selected_chunk['id']}"
-                    )
-                    
-                    b_col1, b_col2, _ = st.columns([1, 1, 3])
-
-                    if b_col1.button("Update Chunk", use_container_width=True, key=f"update_{selected_chunk['id']}"):
-                        manager.update_chunk_content(selected_chunk['id'], edited_content)
-                        st.session_state.status_message = "Chunk updated successfully!"
-                        st.rerun()
-
-                    if b_col2.button("Delete Chunk", use_container_width=True, key=f"delete_{selected_chunk['id']}"):
-                        manager.delete_chunk(selected_chunk['id'])
-                        st.session_state.status_message = "Chunk deleted."
-                        remaining_chunks = manager.get_chunks()
-                        st.session_state.selected_chunk_id = remaining_chunks[0]['id'] if remaining_chunks else None
-                        st.rerun()
-
-                with preview_col:
-                    st.markdown("**Live Preview**")
-                    with st.container(height=525, border=True):
-                         st.markdown(edited_content, unsafe_allow_html=True)
-
-
-with tab2:
-    st.subheader("Document Overview")
-    st.markdown(manager.get_document_summary_stats(), unsafe_allow_html=True)
-
-    st.subheader("Content Targets")
-    with st.form("targets_form"):
-        st.write("Set readability targets to guide your editing. See color feedback in the editor.")
-        c1, c2 = st.columns(2)
-        f_min = c1.number_input("Min Flesch Reading Ease", value=float(manager.target_flesch_min))
-        g_max = c2.number_input("Max Flesch-Kincaid Grade", value=float(manager.target_grade_max))
-        w_min = c1.number_input("Min Chunk Words", value=int(manager.target_min_chunk_words))
-        w_max = c2.number_input("Max Chunk Words", value=int(manager.target_max_chunk_words))
+# --- MODIFIED: Removed tabs, editor is now the main view ---
+chunks = manager.get_chunks()
+if not chunks:
+    st.write("Process a URL to begin editing content chunks, or adjust settings in the sidebar.")
+else:
+    chunk_ids = [c['id'] for c in chunks]
+    if st.session_state.selected_chunk_id not in chunk_ids:
+        st.session_state.selected_chunk_id = chunk_ids[0] if chunk_ids else None
+
+    if st.session_state.selected_chunk_id is not None:
+        chunk_options = {c['id']: c['title'] for c in chunks}
+
+        selected_id = st.selectbox(
+            "Select a chunk to edit",
+            options=chunk_ids,
+            format_func=lambda x: f"Chunk {x}: {chunk_options.get(x, 'N/A')}",
+            index=chunk_ids.index(st.session_state.selected_chunk_id)
+        )
 
-        if st.form_submit_button("Set New Targets", use_container_width=True):
-            manager.set_targets(f_min, g_max, w_min, w_max)
-            st.session_state.status_message = "Content targets have been updated."
+        if selected_id != st.session_state.selected_chunk_id:
+            st.session_state.selected_chunk_id = selected_id
             st.rerun()
 
-    st.subheader("Final Compiled Document")
-    st.text_area("Final Markdown Output", manager.get_final_markdown(), height=500, key="final_markdown")
+        selected_chunk = manager.get_chunk_by_id(st.session_state.selected_chunk_id)
+
+        if selected_chunk:
+            editor_col, preview_col = st.columns(2)
+
+            with editor_col:
+                st.markdown(f"**Editing: {selected_chunk['title']}**")
+                st.markdown(manager.format_chunk_stats(selected_chunk['stats']), unsafe_allow_html=True)
+
+                edited_content = st.text_area(
+                    "Chunk Content (Markdown)",
+                    value=selected_chunk['content'],
+                    height=400,
+                    key=f"editor_{selected_chunk['id']}"
+                )
+                
+                b_col1, b_col2, _ = st.columns([1, 1, 3])
+
+                if b_col1.button("Update Chunk", use_container_width=True, key=f"update_{selected_chunk['id']}"):
+                    manager.update_chunk_content(selected_chunk['id'], edited_content)
+                    st.session_state.status_message = "Chunk updated successfully!"
+                    st.rerun()
+
+                if b_col2.button("Delete Chunk", use_container_width=True, key=f"delete_{selected_chunk['id']}"):
+                    manager.delete_chunk(selected_chunk['id'])
+                    st.session_state.status_message = "Chunk deleted."
+                    remaining_chunks = manager.get_chunks()
+                    st.session_state.selected_chunk_id = remaining_chunks[0]['id'] if remaining_chunks else None
+                    st.rerun()
+
+            with preview_col:
+                st.markdown("**Live Preview**")
+                with st.container(height=525, border=True):
+                     st.markdown(edited_content, unsafe_allow_html=True)