# Work Item Detail

Single work-item detail in two columns: a title with a status selector, a description, a subtask checklist with progress, an attachments block, and a comment and activity feed in the main column, plus a property rail with assignee, dates, labels, and linked items. The shape for any tracked item with children, properties, and a comment history — a task, ticket, issue, story, bug, card, request, or work item.

UI demo only: authentication, payments, AI responses, uploads and navigation are not connected to production services. Keep the Meta MIT notice. Media comes from the pinned Astryx repository; copy the media directory with its license or replace /resource-previews/astryx/ paths with your own assets. See /resource-previews/astryx/media/manifest.json for provenance. Template body copy stays in its original language. Three upstream draft templates are labeled experimental.

Status: ready

## Dependencies

```sh
npm install @astryxdesign/core@0.7.1 @astryxdesign/theme-neutral@0.7.1 @stylexjs/stylex@0.19.0 @heroicons/react@2.2.0
```

## Scaffold the upstream template

```sh
npx @astryxdesign/cli@0.7.1 template work-item-detail ./src/templates/work-item-detail
```

Run in the consumer project. Inspect the target directory first; never overwrite existing files. npm installs dependencies; the CLI scaffolds template source.

First configure React 19, base CSS and a Theme provider. [Setup](/resources/astryx/docs/getting-started)

This template contains stylex.create and requires a StyleX source compiler, not just copied TSX.

License: MIT
Source: @astryxdesign/cli@0.7.1/packages/cli/assets/templates/pages/work-item-detail/page.tsx


---

Index of all JGuang resources: https://jiguang132.com/llms.txt