Refactor: Edit-mode open/close

[zk1tty]

Goal

New Design for Edit mode

Requirement:

• a user MUST be able to edit step setting while running a workflow

Better to have:

• input + output state
• [snapshot? status?] latest step log + step snapshot for each step

Consideration:

• move workflow log panel to the bottom?

(pure)Step log

Structure:

• Step Title
• x: rrweb injection: CDP strip, FullSnapshot captured from [workflow_use.rrweb.recorder]

e.g. Step 5/8 Navigation

2025-10-15 07:51:06,488 [INFO] [workflow_use.workflow.service] --- Running Step 5/8 -- Navigate to the specified Google Spreadsheet. ---
2025-10-15 07:51:06,533 [INFO] [workflow_use.controller.service] 🔗 Navigating to: https://accounts.google.com/CheckCookie?continue=https://docs.google.com/spreadsheets/d/111XI2-wVt43xZ0HcKomaWVudkmhmAiasrVODIa55sow/edit?gid=0#gid=0
2025-10-15 07:51:20,014 [INFO] [workflow_use.controller.service] 🔗 Navigated to URL with rrweb re-injection: https://accounts.google.com/CheckCookie?continue=https://docs.google.com/spreadsheets/d/111XI2-wVt43xZ0HcKomaWVudkmhmAiasrVODIa55sow/edit?gid=0#gid=0
2025-10-15 07:51:20,556 [INFO] [workflow_use.workflow.service] Waiting for element with selector: div.goog-inline-block.grid4-inner-container
2025-10-15 07:51:20,564 [INFO] [workflow_use.controller.utils] Trying selector: div.goog-inline-block.grid4-inner-c...
2025-10-15 07:51:20,667 [ERROR] [workflow_use.controller.utils] Selector failed: div.goog-inline-block.grid4-inner-c... with error: Locator.wait_for: Error: strict mode violation: locator("div.goog-inline-block.grid4-inner-container") resolved to 2 elements:
    1) <div class="goog-inline-block grid4-inner-container">…</div> aka locator("[id=\"\\30 -scrollable\"] > div").first
    2) <div class="goog-inline-block grid4-inner-container">…</div> aka locator("[id=\"\\30 -scrollable\"] > div:nth-child(2)")

Call log:
  - waiting for locator("div.goog-inline-block.grid4-inner-container") to be visible

2025-10-15 07:51:20,668 [INFO] [workflow_use.controller.utils] Trying selector: div.goog-inline-block.grid4-inner-c...
2025-10-15 07:51:20,737 [ERROR] [workflow_use.controller.utils] Selector failed: div.goog-inline-block.grid4-inner-c... with error: Locator.wait_for: Error: strict mode violation: locator("div.goog-inline-block.grid4-inner-container") resolved to 2 elements:
    1) <div class="goog-inline-block grid4-inner-container">…</div> aka locator("[id=\"\\30 -scrollable\"] > div").first
    2) <div class="goog-inline-block grid4-inner-container">…</div> aka locator("[id=\"\\30 -scrollable\"] > div:nth-child(2)")

Call log:
  - waiting for locator("div.goog-inline-block.grid4-inner-container") to be visible

2025-10-15 07:51:20,738 [INFO] [workflow_use.controller.utils] Trying XPath: xpath=id("0-scrollable")/div[2]
2025-10-15 07:51:20,776 [INFO] [workflow_use.workflow.service] Element with selector found: xpath=id("0-scrollable")/div[2]
2025-10-15 07:51:20,777 [INFO] [workflow_use.workflow.service] --- Finished Step 5 ---

Old design and feature

• Workflow configuration

- Step configuration: - we can change Step order