Update app.py

app.py

@@ -1,84 +1,76 @@
 import streamlit as st
 import subprocess
 
-# Set page configuration
-st.set_page_config(page_title="Advanced Terminal Emulator", layout="wide")
+# Sidebar for user instructions and input
+st.sidebar.title("Terminal Command Runner")
+st.sidebar.write("Enter a terminal command below, and click the **Run Command** button to execute it.")
 
-# Custom CSS for output and error background colors with transparency
+# Main page layout
+st.title("🚀 Terminal Command Executor")
 st.markdown("""
-    <style>
-    .output { 
-        background-color: rgba(76, 175, 80, 0.2); /* Light green with transparency for output */
-        padding: 10px; 
-        border-radius: 5px; 
-        border: 1px solid rgba(76, 175, 80, 0.5); /* Semi-transparent green border */
-    }
-    .error { 
-        background-color: rgba(244, 67, 54, 0.2); /* Light red with transparency for error */
-        padding: 10px; 
-        border-radius: 5px; 
-        border: 1px solid rgba(244, 67, 54, 0.5); /* Semi-transparent red border */
-    }
-    </style>
-""", unsafe_allow_html=True)
-
-# Main title
-st.title("🎨 Advanced Terminal Emulator")
-
-# Instructions and description
-st.markdown("""
-This enhanced terminal emulator lets you run commands and view outputs in a clean and modern interface. 
-You can access previous commands and see results in a well-organized manner.
+    This tool allows you to run terminal commands directly from the web interface. 
+    Enter a command in the input field, and the output will be displayed below. 
 """)
 
-# Command history management
-if 'history' not in st.session_state:
-    st.session_state.history = []
-
-# Function to run the command and capture output
-def run_command(command):
-    try:
-        result = subprocess.run(command, shell=True, capture_output=True, text=True)
-        if result.stdout:
-            st.subheader("Output:")
-            st.markdown(f'<div class="output">{result.stdout}</div>', unsafe_allow_html=True)
-        if result.stderr:
-            st.subheader("Error:")
-            st.markdown(f'<div class="error">{result.stderr}</div>', unsafe_allow_html=True)
-    except Exception as e:
-        st.error(f"An error occurred: {e}")
-
-# Layout with columns
-col1, col2 = st.columns([2, 1])
+# Create a user-friendly input field with a placeholder and description
+command = st.text_input("💻 Enter a terminal command:", placeholder="e.g., ls, pwd, echo Hello World")
 
-# Command input and button in the first column
-with col1:
-    command = st.text_area("Enter terminal command", placeholder="e.g., ls, pwd, echo 'Hello World'", height=100)
-    if st.button("Run Command"):
-        if command:
-            run_command(command)
-            # Add to command history
-            if command not in st.session_state.history:
-                st.session_state.history.append(command)
-        else:
-            st.warning("Please enter a command to run.")
+# Create a button to execute the command
+if st.button("Run Command"):
+    if command:
+        with st.spinner("Running the command..."):
+            try:
+                # Execute the terminal command and capture the output
+                result = subprocess.run(command, shell=True, capture_output=True, text=True)
+                
+                # Display the output in the Streamlit app
+                st.success("Command executed successfully!")
+                st.subheader("📜 Command Output:")
+                st.code(result.stdout, language="bash")
+                
+                # Display errors, if any
+                if result.stderr:
+                    st.error(f"⚠️ Error:\n{result.stderr}")
+            except Exception as e:
+                st.error(f"❌ Error running command: {e}")
+    else:
+        st.warning("⚠️ Please enter a command to run.")
 
-# Command history display in the second column
-with col2:
-    st.subheader("Command History")
-    for cmd in reversed(st.session_state.history):
-        if st.button(f"Run: {cmd}", key=cmd):
-            run_command(cmd)
-
-# Optional file upload (if needed)
-uploaded_file = st.file_uploader("Upload a file to process with command:", type=["txt", "csv"])
-if uploaded_file:
-    file_content = uploaded_file.read().decode("utf-8")
-    st.subheader("Uploaded File Content")
-    st.text_area("File Content", value=file_content, height=200)
+# Display additional tips in the sidebar
+st.sidebar.header("Quick Tips")
+st.sidebar.write("""
+- To list files: `ls`
+- To show current directory: `pwd`
+- To display system info: `uname -a`
+- To print something: `echo "Hello"`
+""")
 
-# Footer with additional information
+# A footer for better UI and personalized touch
 st.markdown("""
----
-**Note:** This is a simple terminal emulator built with Streamlit. Use it for running commands and managing outputs efficiently. For advanced usage, consider additional functionalities.
-""")
+    <style>
+        footer {visibility: hidden;}
+        .css-18e3th9 {background-color: #34495e;}
+        h1 {color: #3498db;}
+        .stTextInput input {
+            border: 1px solid #2980b9;
+            background-color: #ecf0f1;
+        }
+        .stButton button {
+            background-color: #27ae60;
+            color: white;
+            font-size: 16px;
+        }
+        .stMarkdown h2, .stMarkdown h3 {
+            color: #2ecc71;
+        }
+        .stTextArea textarea {
+            border-color: #3498db;
+        }
+        .css-qbe2hs {
+            color: #f1c40f;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Custom footer text for a user-friendly experience
+st.markdown("💡 **Tip**: Use simple commands and see the output instantly. Happy hacking!")