Skip to content
Component installs need the registry setup
VegaStack Design

settings-01

A settings page with a PageHeader and SettingsRow sections whose fields autosave, and a confirmed delete.

Last updated

Settings

Workspace preferences for everyone on the Acme team. Changes save as you go.

Workspace

How this workspace is named and described across the product.

Shown in the sidebar and on every invitation.
A sentence teammates see when they join.
The role a new member starts with.

Notifications

Choose what Acme sends you and where.

Email the workspace owners when a run fails twice.
A Monday digest of runs, escalations and spend.
Occasional notes about what shipped.

Danger zone

These actions affect everyone in the workspace.

Transfer ownershipMove billing and admin rights to another member.
Delete workspacePermanently removes agents, runs and history.

This cannot be undone.

What it is

A settings page — PageHeader over grouped SettingsRow sections whose fields autosave (text after a short debounce, pickers and switches at once, each with a quiet inline status), and a delete confirmed in an AlertDialog. It follows the settings save model: no save bar; explicit Discard / Save only for drafts that must apply together. It is a block: you pull it once with shadcn add, and then you own it — nothing re-pulls it and no integrity hash tracks your edits, unlike the components it composes.

Install

npx shadcn@latest add @vegastack/settings-01
Registry setup required
Run this command only after configuring the Base UI shadcn project, the @vegastack registry namespace, and the Cloudflare Access service-token headers in Install from the VegaStack registry.

This installs the block's own files plus the components it composes: button, field, input, native-select, settings-row, switch, textarea.

Preview

Settings

Workspace preferences for everyone on the Acme team. Changes save as you go.

Workspace

How this workspace is named and described across the product.

Shown in the sidebar and on every invitation.
A sentence teammates see when they join.
The role a new member starts with.

Notifications

Choose what Acme sends you and where.

Email the workspace owners when a run fails twice.
A Monday digest of runs, escalations and spend.
Occasional notes about what shipped.

Danger zone

These actions affect everyone in the workspace.

Transfer ownershipMove billing and admin rights to another member.
Delete workspacePermanently removes agents, runs and history.

This cannot be undone.

Files

FileRegistry typeTarget
settings-01/page.tsxregistry:pageapp/settings-01/page.tsx

Do / Don't

Do
Pull it once, then edit it freely — replace the sample data, the links and the copy with your own.
Don't
Treat it as an update-tracked component, or re-pull it and expect your edits to survive.

list-page-01

A list page — search, a Status facet and Mine | Team over one set of records as a table or a grid of linked tiles, loaded on scroll.

settings-02

A settings hub — one titled section per area, each a grid of whole-tile links with one fact apiece.

On this page

What it isInstallPreviewFilesDo / Don't