# Launch Checklist block

> Workspace launch checklist dialog with accordion sections and inline-editable fields

Setup dialog with accordion sections, status badges, click-to-edit field rows, and a searchable connected-apps list with Connect or Manage. ReUI Badge, shadcn Dialog, Accordion, Item, InputGroup. Workspace setup, launch checklist, settings wizard.

- Type: Pro block
- Category: [Dialog](https://web.dev.reui.io/blocks/application/dialog.md)
- Page: https://web.dev.reui.io/blocks/application/dialog/dialog-4
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/dialog.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/dialog.md
- MCP: `get_block("dialog-4")`
- Built with: Accordion, Badge, Button, Dialog, Input Group, Item, Scroll Area, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

A 3 section launch checklist in an accordion, with rows that save on Enter and discard on Escape, and apps that flip to Connected

## Agent notes

- Replace `SETUP_SECTIONS`, `SETUP_FIELDS` and `SETUP_APPS` in data.tsx; a field joins its section through `sectionId`
- Save, Manage and Add app only fire a sonner `toast`; persist `fieldValues` and `apps` in the Save handler
- `renderSectionBadge` hardcodes In progress for `identity` and Pending elsewhere; `SECTION_BADGE_VARIANTS` in data.tsx is unused

## When not to use

- A new finance account form with a live card preview beside the fields: use [Finance Account Setup](https://web.dev.reui.io/blocks/application/dialog/dialog-11.md) (`get_block("dialog-11")`)
- Read only detail panels on a page, each opening its own edit modal: use [Business Verification](https://web.dev.reui.io/blocks/application/form/form-6.md) (`get_block("form-6")`)

## Third-party libraries

- Sonner v2: [API reference](https://sonner.emilkowal.ski/toast), [docs](https://sonner.emilkowal.ski/getting-started)

## Install

```bash
npx shadcn@latest add @reui/dialog-4
```

## About Dialog blocks

### When to use

- New record forms over the current page: a project, a quick task or entry, or a finance account
- Access flows: email invites with a role, an app picker and the consent step before a sync
- Pickers and account tasks: a time span, a starter template, settings, a checklist, cancellation or help

### When not to use

- A plain modal shell you fill with your own title, body and buttons: use [Dialog](https://web.dev.reui.io/components/dialog.md) (`get_component("dialog")`)
- A data entry layout that sits in the page itself rather than over it: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)
- A one question confirm, such as deleting a record, with nothing to fill in: use [Alert Dialog](https://web.dev.reui.io/components/alert-dialog.md) (`get_component("alert-dialog")`)

### Agent notes

- Each root renders its own launch `Button` and starts `open` as true in `useState`; swap in your trigger and start it closed
- Primary actions only close through `setOpen`, fire a sonner `toast` or have no handler; wire your submit and API call there
- Each page.tsx centers the root in a `min-h-svh` main with an `sr-only` h1; mount only the root component inside your page

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.