fix(hub): fix actors overflowing with long state

[NathanFlurry]

Fixes FRONT-621

[cloudflare-workers-and-pages]

Deploying rivet-hub with    Cloudflare Pages

Latest commit:	8540950
Status:	⚡️  Build in progress...

View logs

[linear]

FRONT-621 Fix window width issue with long strings in state inspector

[graphite-app]

Merge activity

• Jan 30, 4:12 AM EST: A user added this pull request to the Graphite merge queue.
• Jan 30, 4:13 AM EST: CI is running for this PR on a draft PR: #1980
• Jan 30, 4:13 AM EST: A user merged this pull request with the Graphite merge queue via draft PR: #1980.

[NathanFlurry]

• fix(hub): fix actors overflowing with long state #1979 👈 (View in Graphite)
• main

---

How to use the Graphite Merge Queue

Add the label merge-queue to this PR to add it to the merge queue.

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has enabled the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

[greptile-apps]

PR Summary

Modified the actors route component to address overflow issues with long state names in the Rivet Hub interface.

• Added w-screen class in frontend/apps/hub/src/routes/_authenticated/_layout/projects/$projectNameId/environments/$environmentNameId/actors.tsx which may cause unintended horizontal scrolling issues since it forces 100vw width regardless of parent container
• Consider using alternative width classes like w-full or max-w-full to prevent potential layout breakage while still fixing the overflow

_{1 file(s) reviewed, 1 comment(s)
Edit PR Review Bot Settings | Greptile}

[greptile-apps]

style: Using w-screen could cause horizontal scrolling issues if the parent container is narrower than the viewport. Consider using w-full instead to respect container boundaries.