example: add notebook processing reasoning trace from sqlite artifact

[lalo]

Why are these changes needed?

The goal of this notebook is to generate this type of UI [currently work in progress] - emphasis on the next/back buttons:

currentui:

• first text box has the scenario.py event section
• second text box has the first element in this section with an image
• third text box has the remaining event_names after the previous [second box] event

current version:

To explore traces with the relevant screenshots obtained from the sqlite artifact generated by autogen runs.

• link merged events with the UI
• improve textbox UI - ideally this 'box' will contain the event that has the image and all the following events without images. Clicking next will show the next event with image and then the next chunk of image-less events. This way we can keep track of the events emitted after certain screenshot states.

Related issue number

Checks

• I've included any doc changes needed for https://microsoft.github.io/autogen/. See https://microsoft.github.io/autogen/docs/Contribute#documentation to build and test documentation locally.
• I've added tests (if relevant) corresponding to the changes introduced in this PR.
• I've made sure all auto checks have passed.

[cheng-tan]

This file currently lives inside GAIA, maybe move it to WebArena or Autogenbench?

[lalo]

moved to webarena/

[cheng-tan]

I'm getting KeyError: 'event_name' from this line

[lalo]

fixed thanks

[cheng-tan]

not sure if this line is out of date, line 50 of scenario.py is pointing to the task not log_event? Maybe just remove the link?

[lalo]

outdated, yes

[afourney]

Looks good. I was able to get the notebook up and running in WSL2, without any issues (beyond changing the log path).