243 lines
12 KiB
Plaintext
243 lines
12 KiB
Plaintext
# Instruction
|
||
- You are an expert in cleaning process data descriptions. Given a task, you are provided with a set of annotation description
|
||
data for a certain visual LLM related to human user operation videos. Plus, You are provided with full trace of playwright action,
|
||
whic includes action and url before and after the action.
|
||
- You need to analyze all the descriptive data and ultimately summarize a complete and reasonable user operation description that can accomplish the given task.
|
||
- For each strategy, give a clear list of the low level action sequence.
|
||
|
||
# Task
|
||
Open the thread of a trending post on the forum "machine learning" and subscribe.
|
||
|
||
# Annotation description
|
||
## Part 1
|
||
### Step-by-Step Actions in the Video Segment
|
||
|
||
#### 1. **Initial State**
|
||
- **Action:** The video begins with a webpage open on the "Postmill" platform, specifically on the "List of forums" page.
|
||
- **Page Changes:** The page displays a list of various forums such as "/f/AskReddit," "/f/worldnews," and "/f/MachineLearning."
|
||
- **Possible Purpose:** The initial state sets the context for navigating through different forums on the Postmill platform.
|
||
|
||
#### 2. **Hovering Over "/f/MachineLearning"**
|
||
- **Action:** I move the cursor over the "/f/MachineLearning" forum link.
|
||
- **Page Changes:** No immediate changes occur on the page; however, the cursor's movement indicates an intention to interact with this specific forum.
|
||
- **Possible Purpose:** The action suggests an interest in exploring the Machine Learning forum, possibly to view its content or participate in discussions related to machine learning.
|
||
|
||
#### 3. **Clicking on "/f/MachineLearning"**
|
||
- **Action:** I click on the "/f/MachineLearning" forum link.
|
||
- **Page Changes:** The webpage transitions to the "/f/MachineLearning" forum page. This new page shows a list of submissions within the Machine Learning forum, including titles like "[P] I made a command-line tool that explains your errors using ChatGPT" and "[D] Types of Machine Learning Papers."
|
||
- **Possible Purpose:** The purpose of this action is to access and view the content specific to the Machine Learning forum, indicating an intent to engage with machine learning-related topics.
|
||
|
||
#### 4. **Scrolling Down the "/f/MachineLearning" Page**
|
||
- **Action:** I scroll down the page.
|
||
- **Page Changes:** As I scroll, more submissions within the Machine Learning forum become visible. Additional posts such as "[P] I built Adrenaline, a debugger that fixes errors and explains them with GPT-3" and "[N] new SNAPCHAT feature transfers an image of an upper body garment in realtime on a person in AR" come into view.
|
||
- **Possible Purpose:** The scrolling action allows me to browse through more content within the forum, suggesting an intent to explore a broader range of topics and discussions available in the Machine Learning forum.
|
||
|
||
### Summary
|
||
- **Actions Taken:** Hovered over and clicked the "/f/MachineLearning" forum link, then scrolled down the resulting page.
|
||
- **Page Changes Observed:** Transitioned from the "List of forums" page to the "/f/MachineLearning" forum page and viewed additional submissions by scrolling.
|
||
- **Possible Purposes:** To access and explore machine learning-related content and discussions on the Postmill platform.
|
||
|
||
---
|
||
|
||
## Part 2
|
||
### Step-by-Step Actions in the Video Segment
|
||
|
||
#### 1. **Initial State**
|
||
- **Action:** The video begins with a webpage open on the `/r/MachineLearning` forum.
|
||
- **Page Changes:** The page displays a list of posts related to machine learning, with the top post titled "[P] I made a command-line tool that explains your errors using ChatGPT (link in comments)" highlighted.
|
||
- **Possible Purpose:** The initial state sets the context for the actions that follow, indicating an interest in exploring this specific post.
|
||
|
||
#### 2. **Clicking on the Top Post**
|
||
- **Action:** I click on the title of the top post, "[P] I made a command-line tool that explains your errors using ChatGPT (link in comments)."
|
||
- **Page Changes:** The page transitions to the detailed view of the selected post. The content of the post is now prominently displayed, including a code snippet and an image of a terminal output.
|
||
- **Possible Purpose:** The action aims to access more detailed information about the command-line tool mentioned in the post.
|
||
|
||
#### 3. **Observing the Post Content**
|
||
- **Action:** I observe the content of the post without further interaction.
|
||
- **Page Changes:** No changes occur; the focus remains on the detailed view of the post.
|
||
- **Possible Purpose:** The purpose is to read and understand the information provided in the post, such as the description of the tool and the example usage shown in the terminal image.
|
||
|
||
#### 4. **Scrolling Down to Comments Section**
|
||
- **Action:** I scroll down the page to reach the comments section.
|
||
- **Page Changes:** The comments section becomes visible, showing various user comments and replies.
|
||
- **Possible Purpose:** The intent is to review the discussions and feedback from other users regarding the post.
|
||
|
||
#### 5. **Hovering Over a Comment**
|
||
- **Action:** I hover over one of the comments in the comments section.
|
||
- **Page Changes:** No significant changes occur, but the hovered comment might be highlighted or show additional options (though not explicitly shown in the video).
|
||
- **Possible Purpose:** The action suggests an intention to read the specific comment more closely or to interact with it, such as replying or upvoting.
|
||
|
||
### Summary
|
||
In this video segment, I start by viewing the `/r/MachineLearning` forum and select a specific post about a command-line tool that uses ChatGPT to explain errors. I then examine the detailed content of the post, including a terminal image, and scroll down to explore the comments section, where I hover over a particular comment. Each action is focused on gathering more information about the post and understanding user feedback.
|
||
|
||
# Playwright action
|
||
[
|
||
{
|
||
"action_uid": "link_Forums",
|
||
"idx": 0,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"Forums\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_Alphabetical",
|
||
"idx": 1,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"Alphabetical\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/forums"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/forums"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_MachineLearning",
|
||
"idx": 2,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"MachineLearning\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/forums/all"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/forums/all"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "label_Sort by: Hot",
|
||
"idx": 3,
|
||
"action_repr": "frame.clickget_by_label(\"Sort by: Hot\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "text_Jump to main content Jump to sidebar Postmill Forums Wiki Submit MarvelsGrantMan",
|
||
"idx": 4,
|
||
"action_repr": "frame.clickget_by_text(\"Jump to main content Jump to sidebar Postmill Forums Wiki Submit MarvelsGrantMan\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_[P] I made a command-line tool that explains your errors using ChatGPT (link in comments)",
|
||
"idx": 5,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"[P] I made a command-line tool that explains your errors using ChatGPT (link in comments)\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "link_116 comments",
|
||
"idx": 6,
|
||
"action_repr": "frame.clickget_by_role(\"link\", name=\"116 comments\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
}
|
||
},
|
||
{
|
||
"action_uid": "button_Subscribe No subscribers",
|
||
"idx": 7,
|
||
"action_repr": "frame.clickget_by_role(\"button\", name=\"Subscribe No subscribers\")",
|
||
"before": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
},
|
||
"after": {
|
||
"url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/f/MachineLearning"
|
||
}
|
||
}
|
||
]
|
||
|
||
# Output format
|
||
- 先总结整个任务的Objective，然后按照Strategy-SubStrategy-action三级层次来给出整个过程，
|
||
- 接着给出整个操作流程后的观察和有趣的发现，最后严格按照json格式输出三级层次的过程描述。
|
||
- 最后的输出json应该是包在```{json}```之间，最底层动作需要包含描述、对应的playwright动作指令顺序编号，以及具体指令内容。
|
||
|
||
# Example
|
||
### Complete User Operation Description to Display Labeled Issues in kkroening/ffmpeg-python
|
||
|
||
**Objective:** Filter and display all issues labeled as "question" in the kkroening/ffmpeg-python repository.
|
||
|
||
---
|
||
|
||
#### **Strategy 1: Navigate to the Repository**
|
||
**Low-Level Action Sequence:**
|
||
1. **Search for the user "kkroening"**
|
||
- Click the global search bar (placeholder: "Search GitLab").
|
||
- Type "kkroening" and press `Enter`.
|
||
2. **Select the user from results**
|
||
- Click the "Users" tab in search results.
|
||
- Click on "Karl Kroening @kkroening" in the user list.
|
||
3. **Access the repository**
|
||
- Navigate to the "Personal projects" section.
|
||
- Click on the "ffmpeg-python" project.
|
||
|
||
---
|
||
|
||
#### **Strategy 2: Filter Issues by Label**
|
||
**Low-Level Action Sequence:**
|
||
1. **Open the Issues tab**
|
||
- Scroll to the left sidebar menu.
|
||
- Click the "Issues" tab (displaying the count, e.g., "Issues 402").
|
||
2. **Apply label filtering**
|
||
- Click the search/filter bar in the issues list.
|
||
- Select the "Label" dropdown from the filter options.
|
||
- Type or select "question" from the label dropdown.
|
||
- Click the search/apply button to confirm the filter.
|
||
|
||
---
|
||
|
||
#### **Final Oberservation**
|
||
The issues list will refresh to show only issues with the "question" label. The URL will reflect the filter:
|
||
`.../ffmpeg-python/-/issues/?label_name[]=question`.
|
||
|
||
---
|
||
|
||
### Key Observations from Playwright Trace
|
||
- The final URL after filtering:
|
||
`http://ec2-3-135-39-80.../ffmpeg-python/-/issues/?label_name%5B%5D=question`
|
||
confirms the "question" label filter is applied.
|
||
- Critical interactions include selecting the "Label" dropdown and explicitly choosing "question" to refine results.
|
||
|
||
### Final output
|
||
```json
|
||
[{
|
||
"strategy" : "Navigate to the Repository",
|
||
"substrategies": [
|
||
{
|
||
"substrategy": "Search for the user \"kkroening\"",
|
||
"actions" : [
|
||
{
|
||
"description": "Click the global search bar (placeholder: \"Search GitLab\"). ",
|
||
"playwright_idx" : 18,
|
||
"playwright_instruction" : "frame.pressget_by_placeholder(\"Search GitLab\")Enter"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"substrategy": "Select the user from results",
|
||
"actions" : [
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"strategy" : "Filter Issues by Label",
|
||
"substrategies" : [
|
||
]
|
||
}]
|
||
``` |