# 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
Show me the "chairs" listings by ascending price.

# Annotation description
### Step-by-Step Actions in the Video Segment

#### 1. **Action:** I click on the search bar at the top of the webpage.
   - **Page Changes:** The cursor is now active inside the search bar, allowing for text input.
   - **Possible Purpose:** The likely intent is to initiate a search for a specific item or category within the website.

#### 2. **Action:** I type the word "chairs" into the search bar.
   - **Page Changes:** The text "chairs" appears in the search bar.
   - **Possible Purpose:** The purpose is to find products related to chairs on the website.

#### 3. **Action:** I press the Enter key or click the search icon next to the search bar.
   - **Page Changes:** The webpage transitions to display search results for "chairs." The header shows "Search results for: 'chairs'" and lists various chair-related products.
   - **Possible Purpose:** To execute the search query and view the available chair products.

#### 4. **Action:** I scroll down slightly to view more of the search results.
   - **Page Changes:** Additional chair products become visible on the screen.
   - **Possible Purpose:** To get a broader view of the available chair options.

#### 5. **Action:** I click on the "Sort By" dropdown menu located on the right side of the page.
   - **Page Changes:** A dropdown list appears with sorting options such as "Relevance," "Price," etc.
   - **Possible Purpose:** To change the order in which the search results are displayed, potentially to find the most relevant or affordable options more easily.

#### 6. **Action:** I select "Price" from the dropdown menu.
   - **Page Changes:** The search results are reorganized, now sorted by price from lowest to highest.
   - **Possible Purpose:** To view the cheapest chair options first, aiding in comparison and decision-making based on cost.

### Summary
In this video segment, I initiate a search for "chairs" on the One Stop Market website, execute the search, and then sort the results by price to facilitate easier browsing and comparison of chair products. Each action is performed methodically to achieve the goal of finding suitable chair options efficiently.

# Playwright action
[
  {
    "action_uid": "action_0",
    "idx": 0,
    "action_repr": "frame.clickget_by_placeholder(\"Search entire store here...\")",
    "before": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/"
    },
    "after": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/"
    }
  },
  {
    "action_uid": "action_1",
    "idx": 1,
    "action_repr": "frame.pressget_by_placeholder(\"Search entire store here...\")Enter",
    "before": {
      "url": "about:blank"
    },
    "after": {
      "url": "about:blank"
    }
  },
  {
    "action_uid": "label_Sort By",
    "idx": 2,
    "action_repr": "frame.selectOptionget_by_label(\"Sort By\")",
    "before": {
      "url": "about:blank"
    },
    "after": {
      "url": "about:blank"
    }
  },
  {
    "action_uid": "action_3",
    "idx": 3,
    "action_repr": "frame.selectOptionlocator(\"div\").filter(has_text=\"My Account My Wish List Sign Out Compare Products Skip to Content Toggle Nav My \")",
    "before": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/catalogsearch/result/index/?q=chairs&product_list_order=price"
    },
    "after": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/catalogsearch/result/index/?q=chairs&product_list_order=price"
    }
  },
  {
    "action_uid": "link_\ue614 Set Ascending Direction",
    "idx": 4,
    "action_repr": "frame.clickget_by_role(\"link\", name=\"\ue614 Set Ascending Direction\")",
    "before": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/catalogsearch/result/index/?q=chairs&product_list_order=price"
    },
    "after": {
      "url": "http://ec2-3-135-39-80.us-east-2.compute.amazonaws.com:7770/catalogsearch/result/index/?q=chairs&product_list_order=price"
    }
  }
]

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