Update app.py

app.py

@@ -1,79 +1,83 @@
 import streamlit as st
 import subprocess
 
-# 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.")
+# Set the page layout to wide mode for a cleaner look
+st.set_page_config(page_title="Terminal Command Executor", layout="centered")
 
-# Main page layout
-st.title("🚀 Terminal Command Executor")
+# Main title with emojis for visual appeal
+st.title("🚀 Run Terminal Commands Easily")
+
+# Brief description to guide the user
 st.markdown("""
-    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. 
+### Simple and intuitive tool to execute terminal commands directly from this interface.
+Just enter a command, hit the button, and see the output below.
 """)
 
-# Create a larger input field with enhanced visibility
-command = st.text_input("💻 Enter a terminal command:", placeholder="e.g., ls, pwd, echo Hello World")
+# Create a larger and clearer input field with a placeholder
+command = st.text_input("💻 Enter a terminal command", placeholder="e.g., ls, pwd, echo Hello World", max_chars=100)
 
-# 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.")
+# Button to run the command
+run_button = st.button("Run Command")
 
-# 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"`
-""")
+# Display the output when the command is executed
+if run_button and command:
+    with st.spinner("Running command..."):
+        try:
+            # Run the terminal command and capture output
+            result = subprocess.run(command, shell=True, capture_output=True, text=True)
+            
+            # Display success message and output
+            st.success("✅ Command executed successfully!")
+            st.code(result.stdout, language="bash")
+            
+            # Display any errors in red
+            if result.stderr:
+                st.error(f"⚠️ Error:\n{result.stderr}")
+        except Exception as e:
+            st.error(f"❌ Failed to run command: {e}")
+else:
+    if run_button:
+        st.warning("⚠️ Please enter a command.")
 
-# A footer for better UI and personalized touch
+# Custom CSS to simplify and style the UI
 st.markdown("""
     <style>
-        footer {visibility: hidden;}
-        .css-18e3th9 {background-color: #34495e;}
-        h1 {color: #3498db;}
-        .stTextInput input {
-            height: 50px; /* Increase input box height */
-            font-size: 18px; /* Increase font size */
-            border: 1px solid #2980b9;
-            background-color: #ecf0f1;
-            color: black; /* Set text color to black for visibility */
-        }
-        .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;
-        }
+    /* Hide footer */
+    footer {visibility: hidden;}
+
+    /* Increase input box size and font */
+    .stTextInput input {
+        font-size: 16px;
+        height: 50px;
+        width: 100%;
+        padding: 10px;
+        border-radius: 5px;
+        border: 1px solid #3498db;
+        background-color: #f0f4f8;
+        color: #333;
+    }
+
+    /* Customize button */
+    .stButton button {
+        background-color: #3498db;
+        color: white;
+        font-size: 16px;
+        padding: 8px 16px;
+        border-radius: 5px;
+        border: none;
+    }
+
+    /* Set the success and warning messages to look cleaner */
+    .stAlert {
+        font-size: 15px;
+    }
+
+    /* Customize code display */
+    .stCodeBlock {
+        background-color: #2c3e50;
+        color: #ecf0f1;
+        padding: 10px;
+        border-radius: 5px;
+    }
     </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!")