Update app.py

app.py

@@ -1,50 +1,76 @@
 import streamlit as st
 import subprocess
 
-# Streamlit UI layout
-st.title("Run Terminal Commands")
+# 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.")
 
-# Create a text input field to enter the command
-command = st.text_input("Enter terminal command:")
+# Main page layout
+st.title("🚀 Terminal Command Executor")
+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. 
+""")
+
+# 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")
 
 # Create a button to execute the command
 if st.button("Run Command"):
     if 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.subheader("Command Output:")
-            st.code(result.stdout)
-            # Display errors, if any
-            if result.stderr:
-                st.error(result.stderr)
-        except Exception as e:
-            st.error(f"Error running command: {e}")
+        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.")
+        st.warning("⚠️ Please enter a command to run.")
+
+# 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"`
+""")
 
-# A footer for better UI
+# A footer for better UI and personalized touch
 st.markdown("""
     <style>
-        footer {
-            visibility: hidden;
-        }
-        .css-18e3th9 {
-            background-color: #2c3e50;
-        }
-        h1 {
-            color: #3498db;
-        }
+        footer {visibility: hidden;}
+        .css-18e3th9 {background-color: #34495e;}
+        h1 {color: #3498db;}
         .stTextInput input {
-            border: 1px solid #3498db;
+            border: 1px solid #2980b9;
+            background-color: #ecf0f1;
         }
         .stButton button {
-            background-color: #3498db;
+            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)
+""", 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!")