Storage Full State
A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused versus working lists, and free space or upgrade actions.
A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused versus working lists, and free space or upgrade actions.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Storage Full State is the panel shown when a workspace reaches its storage quota. A HardDrive icon sits beside the heading Your storage is full and a line stating that 50 GB of 50 GB is used and new uploads are paused. A segmented bar at capacity breaks usage into call recordings, attachments, exports, and everything else, each repeated as a ruled row with its size. Two side by side lists separate what is paused from what still works, above Free up space and Upgrade storage actions.
The segments are one array driving both the bar and the breakdown rows from shared opacity swatches, so the figures live in a single place. Splitting paused from still working is the point: viewing, downloading, sharing, and deleting keep running while only new writes stop. The footer note points at the fastest wins, deleting old call recordings, and states that upgrading to Growth adds 200 GB immediately with nothing paused lost.
Reach for this block when a workspace crosses its storage limit, wired to your quota check so the total, the per category sizes, and the paused list are real. This is a capacity wall, distinct from the request rate limit state, so keep the two panels separate.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace storage wall. Other quota reached states:
Tip: separate what still works from what is paused so people know they can delete to recover without losing existing files.