vikarti.anatra/Skyvern
1
0
Fork 0
mirror of https://github.com/Skyvern-AI/skyvern.git synced 2025-09-02 18:50:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Update visualizer box sizes, format the help section (#46)

Browse source
This commit is contained in:
Suchintan 2024-03-08 10:21:24 -05:00 • committed by GitHub
parent a8210ffc8f
commit 1144ddd50f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 30 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
streamlit_app/visualizer/streamlit.py
View file

@ -1,3 +1,4 @@
import json
import sys import sys
import clipboard import clipboard
@ -52,6 +53,18 @@ select_org = st.sidebar.selectbox(
"Organization", list(SETTINGS[select_env]["orgs"].keys()), on_change=reset_session_state "Organization", list(SETTINGS[select_env]["orgs"].keys()), on_change=reset_session_state
) )
# Hack the sidebar size to be a little bit smaller
st.markdown(
f"""
<style>
.sidebar .sidebar-content {{
width: 375px;
}}
</style>
""",
unsafe_allow_html=True,
)
# Initialize session state # Initialize session state
if "client" not in st.session_state: if "client" not in st.session_state:
st.session_state.client = SkyvernClient( st.session_state.client = SkyvernClient(
@ -126,7 +139,7 @@ with execute_tab:
for i, example_tab in enumerate(example_tabs): for i, example_tab in enumerate(example_tabs):
with example_tab: with example_tab:
create_column, explanation_column = st.columns([1, 2]) create_column, explanation_column = st.columns([2, 3])
with create_column: with create_column:
run_task, copy_curl = st.columns([3, 1]) run_task, copy_curl = st.columns([3, 1])
task_request_body = sorted_supported_examples[i] task_request_body = sorted_supported_examples[i]
@ -146,23 +159,26 @@ with execute_tab:
st_webhook_callback_url = st.text_input( st_webhook_callback_url = st.text_input(
"Webhook Callback URL", key=f"webhook_{unique_key}", placeholder="Optional" "Webhook Callback URL", key=f"webhook_{unique_key}", placeholder="Optional"
) )
st_navigation_goal = st.text_input( st_navigation_goal = st.text_area(
"Navigation Goal", "Navigation Goal",
key=f"nav_goal_{unique_key}", key=f"nav_goal_{unique_key}",
placeholder="Describe the navigation goal", placeholder="Describe the navigation goal",
value=example.navigation_goal, value=example.navigation_goal,
height=120,
) )
st_data_extraction_goal = st.text_input( st_data_extraction_goal = st.text_area(
"Data Extraction Goal", "Data Extraction Goal",
key=f"data_goal_{unique_key}", key=f"data_goal_{unique_key}",
placeholder="Describe the data extraction goal", placeholder="Describe the data extraction goal",
value=example.data_extraction_goal, value=example.data_extraction_goal,
height=120,
) )
st_navigation_payload = st.text_area( st_navigation_payload = st.text_area(
"Navigation Payload JSON", "Navigation Payload JSON",
key=f"nav_payload_{unique_key}", key=f"nav_payload_{unique_key}",
placeholder='{"name": "John Doe", "email": "abc@123.com"}', placeholder='{"name": "John Doe", "email": "abc@123.com"}',
value=example.navigation_payload, value=json.dumps(example.navigation_payload, indent=2),
height=200,
) )
st_extracted_information_schema = st.text_area( st_extracted_information_schema = st.text_area(
"Extracted Information Schema", "Extracted Information Schema",
@ -191,18 +207,28 @@ with execute_tab:
with explanation_column: with explanation_column:
st.markdown("### **Task Request**") st.markdown("### **Task Request**")
st.markdown("\n")
st.markdown("#### **URL**") st.markdown("#### **URL**")
st.markdown("The starting URL for the task.") st.markdown("The starting URL for the task.")
st.markdown("\n")
st.markdown("#### **Webhook Callback URL**") st.markdown("#### **Webhook Callback URL**")
st.markdown("The URL to call with the results when the task is completed.") st.markdown("The URL to call with the results when the task is completed.")
st.markdown("\n")
st.markdown("#### **Navigation Goal**") st.markdown("#### **Navigation Goal**")
st.markdown("The user's goal for the task. Nullable if the task is only for data extraction.") st.markdown("The user's goal for the task. Nullable if the task is only for data extraction.")
st.markdown("\n")
st.markdown("\n")
st.markdown("#### **Data Extraction Goal**") st.markdown("#### **Data Extraction Goal**")
st.markdown("The user's goal for data extraction. Nullable if the task is only for navigation.") st.markdown("The user's goal for data extraction. Nullable if the task is only for navigation.")
st.markdown("\n")
st.markdown("\n")
st.markdown("#### **Navigation Payload**") st.markdown("#### **Navigation Payload**")
st.markdown( st.markdown(
"The user's details needed to achieve the task. This is an unstructured field, and information can be passed in in any format you desire. Skyvern will map this information to the questions on the screen in real-time" "The user's details needed to achieve the task. This is an unstructured field, and information can be passed in in any format you desire. Skyvern will map this information to the questions on the screen in real-time"
) )
st.markdown("\n")
st.markdown("\n")
st.markdown("\n")
st.markdown("#### **Extracted Information Schema**") st.markdown("#### **Extracted Information Schema**")
st.markdown( st.markdown(
"(Optional) The requested schema of the extracted information for data extraction goal. This is a JSON object with keys as the field names and values as the data types. The data types can be any of the following: string, number, boolean, date, datetime, time, float, integer, object, array, null. If the schema is not provided, Skyvern will infer the schema from the extracted data." "(Optional) The requested schema of the extracted information for data extraction goal. This is a JSON object with keys as the field names and values as the data types. The data types can be any of the following: string, number, boolean, date, datetime, time, float, integer, object, array, null. If the schema is not provided, Skyvern will infer the schema from the extracted data."