Guides
Use and adapt gray-ui-csm
Use and adapt gray-ui-csm: A React customer-success workspace prototype with design-system components and ticket-management workflows.
Use the documented interfaces and source layout for gray-ui-csm. The sections below retain the README’s examples and configuration details.
Architecture
-
app/- Route entry points (App Router)
- Shared root layout and metadata
-
components/tickets/: ticket workflows (board, table, detail, drawer)data-grid/: reusable table/grid foundationui/: shadcn-style primitives
-
lib/csm-routes.ts: route metadata, sidebar previews, template metricstickets/*: ticket domain types and mock datacurrent-user.ts: demo actor/profile data
Commands in the root manifest
The captured package.json declares the following scripts. Run them from the directory containing that manifest.
| Command | Script |
|---|---|
npm run dev | next dev --turbopack |
npm run build | next build |
npm run start | next start |
npm run lint | eslint |
npm run typecheck | tsc --noEmit |
Troubleshoot a local change
- Reproduce the smallest example from the quick-start guide.
- Compare required configuration and dependency versions with the README.
- Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.
Source and help
The catalog identifies the license as MIT. Read the repository license before redistributing source or assets.
This catalog entry is a fork. The README may describe upstream packages, domains, or release procedures; those destinations do not establish a separate release of this fork.
Source captured: 2026-10-11
