# 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
Ask for product recommendations for running shoes within a budget of $100 in r/sports

# Annotation description
## Part 1
### Part 1: Initial State and First Action

**Action:**  
I click on the "+ Submit" button located in the top navigation bar.

**Page Changes:**  
The page transitions from the main forum view to a new form titled "Create submission." This form includes fields for "URL," "Title," "Body," and a dropdown menu for selecting a "Forum."

**Possible Purpose:**  
The likely intent is to start the process of creating a new post or submission within the forum. Clicking the "+ Submit" button is a standard action to access the submission form.

---

### Part 2: Entering the Title

**Action:**  
I click inside the "Title" text box and begin typing the text "Reci."

**Page Changes:**  
As I type, the text "Reci" appears in the "Title" field. No other immediate changes occur on the page.

**Possible Purpose:**  
The purpose is to input the initial part of the title for the new submission. The partial text "Reci" suggests that I am in the process of writing a complete title but have not finished yet.

---

### Part 3: Selecting the Forum

**Action:**  
I click on the "Forum" dropdown menu and select the option "sports."

**Page Changes:**  
The selected forum "sports" is displayed next to the "Forum" label, indicating that this submission will be posted in the "sports" category.

**Possible Purpose:**  
Choosing a specific forum ensures that the submission is categorized correctly, which helps in directing the post to the relevant audience interested in sports-related content.

---

### Part 4: Final State

**Action:**  
No further actions are taken in this segment.

**Page Changes:**  
The page remains on the "Create submission" form with the partially filled "Title" field ("Reci") and the selected "Forum" ("sports").

**Possible Purpose:**  
The current state suggests that I am pausing before completing the submission. This could be to gather more information, finish typing the title, add content to the "Body" field, or review the entered information before finalizing the submission. 

---

### Summary of Observed Actions:
1. **Initiated submission process** by clicking "+ Submit."
2. **Started typing the title** by entering "Reci" in the "Title" field.
3. **Selected the forum** by choosing "sports" from the dropdown menu.
4. **Paused without further action,** leaving the form partially completed. 

Each step is directly observable and described based solely on the provided video segment, without additional context or assumptions.

---

## Part 2
### Step-by-Step Actions:

1. **Action:** I click inside the "Title" text box.
   - **Page Changes:** The cursor appears inside the "Title" text box, indicating it is active and ready for input.
   - **Possible Purpose:** My intention is to enter a title for the submission.

2. **Action:** I type "Recommendation for Running Shoes within a budget of $100" into the "Title" text box.
   - **Page Changes:** The text "Recommendation for Running Shoes within a budget of $100" appears in the "Title" text box.
   - **Possible Purpose:** My goal is to provide a clear and specific title for the submission, which will help other users understand the content at a glance.

3. **Action:** I click inside the "Body" text box.
   - **Page Changes:** The cursor appears inside the "Body" text box, indicating it is active and ready for input.
   - **Possible Purpose:** My intention is to enter the main content or details related to the title.

4. **Action:** I begin typing in the "Body" text box.
   - **Page Changes:** The text starts appearing in the "Body" text box as I type.
   - **Possible Purpose:** My goal is to provide detailed information or recommendations regarding running shoes within the specified budget.

### Summary:
In this video segment, I focused on entering a title and beginning to write the body content for a submission on the website. The actions were straightforward, involving clicking into the respective text boxes and typing the desired text. The purpose was to create a structured and informative submission for the forum.

# 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/all"
    },
    "after": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/forums"
    }
  },
  {
    "action_uid": "link_sports",
    "idx": 2,
    "action_repr": "frame.clickget_by_role(\"link\", name=\"sports\")",
    "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_Submit",
    "idx": 3,
    "action_repr": "frame.clickget_by_label(\"Submit\")",
    "before": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    },
    "after": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    }
  },
  {
    "action_uid": "label_Title    *",
    "idx": 7,
    "action_repr": "frame.pressget_by_label(\"Title    *\")ArrowLeft",
    "before": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    },
    "after": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    }
  },
  {
    "action_uid": "label_Body",
    "idx": 8,
    "action_repr": "frame.clickget_by_label(\"Body\")",
    "before": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    },
    "after": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    }
  },
  {
    "action_uid": "button_Create submission",
    "idx": 9,
    "action_repr": "frame.clickget_by_role(\"button\", name=\"Create submission\")",
    "before": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    },
    "after": {
      "url": "http://ec2-3-133-227-75.us-east-2.compute.amazonaws.com:9999/submit/sports"
    }
  }
]

# 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" : [
  ]
}]
```