I've attached some screenshots where console messages get an added execution context label, formatted the same way as timestamps, and still filter-able.  The examples show 'top' the main frame, logs from iframes 'example.com' and 'localhost/', and service workers 'sw.js'.

For timestamps, the default setting is to not show them unless the user turns on the setting.  With execution context labels, I'm guessing a user wants to see them if we have more than one context present.  Perhaps we can add a checkbox option in settings but turn it on if we see multiple contexts.

@chowse, WDYT?

Deleted: contextFilter.png 57.3 KB

	contextFilter.png 57.3 KB View Download

Deleted: contextNoTime.png 87.5 KB

	contextNoTime.png 87.5 KB View Download

Deleted: contextWithTime.png 126 KB

	contextWithTime.png 126 KB View Download

Update: we can truncate names if they are too long, show a tooltip of the origin on hover, and hide the label if it matches the current context.

Deleted: updateContextsConsole.png 37.5 KB

	updateContextsConsole.png 37.5 KB View Download

Updated screenshot with:
- smaller width labels
- gear icon for workers

Deleted: smallerLabels.png 146 KB

	smallerLabels.png 146 KB View Download

Another proposal with only 3 icons:
- Gear, workers
- Box, non-main frames (same icon used in Application)
- Puzzle piece, extensions
- no icon for other contexts (top, page, DevTools generated)

On hover, we can show the full name of the context.  If it's associated with an execution context, we can click the icon to show messages just from that context (changes the context selector dropdown and turns off 'Show all messages').

chowse, dgozman, WDYT?

Deleted: contextIconsThin.png 51.5 KB

	contextIconsThin.png 51.5 KB View Download

Deleted: contextIconsWide.png 128 KB

	contextIconsWide.png 128 KB View Download

Deleted: contextIconsLeft.png 154 KB

	contextIconsLeft.png 154 KB View Download

Some more screenshots.

Deleted: contextIcons2Column.png 117 KB

	contextIcons2Column.png 117 KB View Download

Deleted: contextIconsOverlay.png 112 KB

	contextIconsOverlay.png 112 KB View Download

As a first step, I'd like to land a patch to introduce deterministic ordering for icons.  Before after screenshots below

Deleted: todaysDecorations.png 52.7 KB

	todaysDecorations.png 52.7 KB View Download

Deleted: currentDecorations.png 30.2 KB

	currentDecorations.png 30.2 KB View Download

Deleted: orderedDecorations.png 29.2 KB

	orderedDecorations.png 29.2 KB View Download

Deleted: orderedDecorations2.png 39.0 KB

	orderedDecorations2.png 39.0 KB View Download

Can we move the repeated counter to the left as well?

Since the repeat counter can grow arbitrarily longer than the regular error/warning level icons, it would push the group nesting markers to the right and break the vertical group.

Either we have error/warning icons to the right of the nesting markers or the repeat counter has to be on the other side from them.

Let's explore capping counter to certain width? How does that look?

Neat idea!  With the repeat capped to 99+, some space is added to the left of every message, which doesn't look bad imo.

Deleted: repeatLeft.png 49.4 KB

	repeatLeft.png 49.4 KB View Download

Deleted: repeatLeft2.png 128 KB

	repeatLeft2.png 128 KB View Download

I don't think capping to 99+ is a good idea - I always want to know if/when it grows. Also, I think we should rework our repeat counter anyways.

Now that better filtering options exist: "url:sw.js" and open console sidebar > click "sw.js", this issue is addressed.  Closing since no work is currently planned.