too wide! now there's horizontal scrolling !!
Based on a real day; names and selected personal details have been changed or omitted.
Something to improve. Right now , when we kick off a remote run we display it like this with a link to a run page with all the logs. (screenshot). However, the "run" should actually be a block inline that shows the latest tool calls and when the run is done that's where the resultant HTML gets rendered -- in the session view right there ! Plan this
I’ll tighten the inline HTML block so it stays inside the chat column and viewport instead of forcing horizontal scroll. I’m going straight to the width classes, then I’ll build and rerun the dashboard smoke.
The bad part is the explicit desktop width override on the run block. I’m removing that so the preview fills available chat width only, while keeping the taller iframe and controls.
Width is constrained again. I’m running build and QA now; after that I’ll commit, push, and deploy the small fix.
Validation passed. I’m committing just the src/App.tsx width fix; the unrelated harness file remains unstaged.
Commit is done. I’m pushing and deploying the constrained-width fix now.
Fixed and deployed.
The inline HTML run block now uses w-full max-w-full instead of the forced wide desktop width, so it should stay inside the chat column and avoid horizontal page scrolling. I kept the taller iframe, fullscreen button, run logs button, and download button.
Validation passed:
pnpm buildpnpm testpnpm run qa:dashboard
Committed and pushed: c734a12 Constrain inline run preview width
Deployed:
- Cloudflare version:
example-id-0002
Note: there are still uncommitted local changes in scripts/validate-harness.mjs and src/worker.ts; I did not touch or stage them.
::git-commit{cwd="/Users/example/Documents/Projects/alpha-research"} ::git-push{cwd="/Users/example/Documents/Projects/alpha-research" branch="codex/run-lifecycle-reconciliation"}