Update app.py

app.py

@@ -1837,6 +1837,40 @@ if AddAFileForContext:
 
 
 
+
+# Enter the GPT-4o omni model in streamlit chatbot
+current_messages=[]
+for message in st.session_state.messages:
+    with st.chat_message(message["role"]):
+        current_messages.append(message)
+        st.markdown(message["content"])
+
+# 🎵 Wav Audio files - Transcription History in Wav
+audio_files = glob.glob("*.wav")
+audio_files = [file for file in audio_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
+audio_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
+
+# 🖼 PNG Image files
+image_files = glob.glob("*.png")
+image_files = [file for file in image_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
+image_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
+
+# 🎥 MP4 Video files
+video_files = glob.glob("*.mp4")
+video_files = [file for file in video_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
+video_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
+
+# 🎥 MP3 Video files
+video_files_mp3 = glob.glob("*.mp3")
+video_files_mp3 = [file for file in video_files_mp3 if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
+video_files_mp3.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
+
+
+
+
+
+
+
 def main():
     st.markdown("##### GPT-4o Omni Model: Text, Audio, Image, & Video")
     option = st.selectbox("Select an option", ("Text", "Image", "Audio", "Video"))
@@ -1892,32 +1926,48 @@ def main():
         video_input = st.file_uploader("Upload a video file", type=["mp4"])
         process_audio_and_video(video_input)
 
-# Enter the GPT-4o omni model in streamlit chatbot
-current_messages=[]
-for message in st.session_state.messages:
-    with st.chat_message(message["role"]):
-        current_messages.append(message)
-        st.markdown(message["content"])
 
-# 🎵 Wav Audio files - Transcription History in Wav
-audio_files = glob.glob("*.wav")
-audio_files = [file for file in audio_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
-audio_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
+    st.title("AI-Generated Component Manager")
+
+    # Run all Python files in the directory
+    for py_file in recursive_file_search("."):
+        output = run_py_file(py_file)
+        if output:
+            st.write(f"Output from {py_file}:", output)
+
+    # Component management
+    component_type = st.selectbox("Select component type", ["react", "typescript"])
+    component_name = st.text_input("Component name")
+    component_content = st.text_area("Component content")
+
+    if st.button("Save Component"):
+        save_component(component_name, component_content, component_type)
+        st.success(f"Saved {component_type} component: {component_name}")
+
+    if st.button("Load Component"):
+        loaded_content = load_component(component_name, component_type)
+        if loaded_content:
+            st.code(loaded_content, language=component_type)
+        else:
+            st.error(f"Component {component_name} not found")
+
+    # Display components using Streamlit's components
+    st.components.v1.html(
+        f"""
+        <div id="react-root"></div>
+        <script src="https://unpkg.com/react@17/umd/react.development.js"></script>
+        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
+        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
+        <script type="text/babel">
+            // Load and render components here
+            ReactDOM.render(<div>Custom Component</div>, document.getElementById('react-root'));
+        </script>
+        """,
+        height=300,
+    )
 
-# 🖼 PNG Image files
-image_files = glob.glob("*.png")
-image_files = [file for file in image_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
-image_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
 
-# 🎥 MP4 Video files
-video_files = glob.glob("*.mp4")
-video_files = [file for file in video_files if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
-video_files.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
 
-# 🎥 MP3 Video files
-video_files_mp3 = glob.glob("*.mp3")
-video_files_mp3 = [file for file in video_files_mp3 if len(os.path.splitext(file)[0]) >= 10]  # exclude files with short names
-video_files_mp3.sort(key=lambda x: (os.path.splitext(x)[1], x), reverse=True)  # sort by file type and file name in descending order
 
 main()
 
@@ -2062,45 +2112,3 @@ def load_component(name, file_type):
     except FileNotFoundError:
         return None
 
-def main():
-    st.title("AI-Generated Component Manager")
-
-    # Run all Python files in the directory
-    for py_file in recursive_file_search("."):
-        output = run_py_file(py_file)
-        if output:
-            st.write(f"Output from {py_file}:", output)
-
-    # Component management
-    component_type = st.selectbox("Select component type", ["react", "typescript"])
-    component_name = st.text_input("Component name")
-    component_content = st.text_area("Component content")
-
-    if st.button("Save Component"):
-        save_component(component_name, component_content, component_type)
-        st.success(f"Saved {component_type} component: {component_name}")
-
-    if st.button("Load Component"):
-        loaded_content = load_component(component_name, component_type)
-        if loaded_content:
-            st.code(loaded_content, language=component_type)
-        else:
-            st.error(f"Component {component_name} not found")
-
-    # Display components using Streamlit's components
-    st.components.v1.html(
-        f"""
-        <div id="react-root"></div>
-        <script src="https://unpkg.com/react@17/umd/react.development.js"></script>
-        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
-        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
-        <script type="text/babel">
-            // Load and render components here
-            ReactDOM.render(<div>Custom Component</div>, document.getElementById('react-root'));
-        </script>
-        """,
-        height=300,
-    )
-
-if __name__ == "__main__":
-    main()