Console drawer

A bottom drawer that captures console.log, console.warn, and console.error from any HTML preview.

How it works

When you preview an HTML file, KrowForge injects a tiny shim (static/js/preview-shim.js) that intercepts console.* calls and posts them to the parent workspace. The drawer renders them with timestamps, levels, and source line links.

Opening the drawer

The drawer sits at the bottom of the workspace, collapsed by default. Click anywhere on the bar to expand. The bar shows a count of unread messages and a level-coloured indicator.

Filtering

Three level filters at the top of the drawer:

• All — every captured message.
• Errors — only console.error.
• Warnings — console.warn + console.error.

Plus a Clear button to reset.

Source line links

Each entry includes the file:line where the log originated. Click to jump to that line in the editor.

Notes

• Only HTML previews capture console output. Notebook outputs are rendered separately.
• Output across multiple previews stacks in the same drawer until cleared.
• Drawer state (expanded / collapsed) is per-tab, not persisted.