delete-workspace

Summary

The confirm dialog before a workspace and its recordings are deleted.

Raw wireframe

• .context/designs/web/workspace/delete-workspace.html

Why it is drawn this way

It names the workspace. The description interpolates the workspace name in quotes. There is no type-the-name step; one click deletes.

Confirm leaves the page. On success the code toasts and calls router.push("/workspace"), so the red button links to the workspaces list. Cancel and the X return to settings.

It is the destructive variant. destructive makes the confirm button the error variant, labelled Delete Workspace. ConfirmDialog is always size sm.

While deleting, the label is dots. With loading set the confirm button shows ... and both buttons are disabled. That moment is not drawn.

Related

• workspace-settings
• workspaces
• confirm-dialogs

Sources

• apps/website/src/app/workspace/[id]/settings/page.tsx
• packages/ui/src/components/ui/confirm-dialog.tsx
• packages/ui/src/components/ui/modal.tsx