Create pages/biolab.py

pages/biolab.py

@@ -0,0 +1,63 @@
+import streamlit as st
+
+# --- Page Configuration (Optional but good practice) ---
+st.set_page_config(
+    page_title="Console & Text Input Demo",
+    page_icon=":computer:",
+    layout="centered",
+    initial_sidebar_state="collapsed"
+)
+
+# --- Custom Styling for the Orange Button Accent (Applied via config.toml) ---
+# Ensure you have a .streamlit/config.toml file in your project root
+# with the [theme] settings as discussed previously.
+# Example config.toml:
+# [theme]
+# primaryColor="#FF4B4B" # Or any other orange hex code like #FFA500
+# base="light"
+# backgroundColor="#FFFFFF"
+# secondaryBackgroundColor="#F0F2F6"
+# textColor="#26272F"
+
+
+st.title("Interactive Console & Input")
+
+# --- Console-like Container ---
+st.subheader("Output Console")
+
+# Create an empty container to hold the console output
+# This allows us to append messages without rerunning the whole app from scratch
+console_container = st.container(height=300, border=True) # height makes it large, border gives it a frame
+
+# Initial message in the console
+with console_container:
+    st.code(">>> Ready for input...", language="bash") # Use st.code for a console look
+
+# --- Horizontal Separator ---
+st.markdown("---")
+
+# --- Long Text Input ---
+st.subheader("Your Input Here")
+user_input = st.text_area(
+    "Enter your long text below:",
+    height=200, # Makes the text area tall
+    placeholder="Type something lengthy here... It could be code, a story, or just a lot of thoughts."
+)
+
+# --- Action Button ---
+# The primaryColor from config.toml will style this button orange
+if st.button("Process Text", use_container_width=True):
+    if user_input:
+        # Simulate processing and append to the console
+        with console_container:
+            st.markdown(f"**>>> Processing input...**")
+            st.code(f"Input received ({len(user_input)} characters):\n{user_input[:200]}...", language="text") # Show first 200 chars
+            st.success("Task completed!")
+    else:
+        with console_container:
+            st.warning(">>> Please enter some text before processing.")
+
+# --- Sidebar (Optional) ---
+st.sidebar.header("About This App")
+st.sidebar.info("This demo showcases a console-like output area with a large text input and a themed button.")
+st.sidebar.markdown("Button accent color is set via `.streamlit/config.toml`.")